@extends('layouts.main')

@section('title')
System Matrix | System
@endsection

@section('menu')
{!! $menu !!}
@endsection

@section('page-style')
<style>
.dropdown-toggle::after {
    display: none;
}
</style>
@endsection
<br />
<b>Notice</b>:  Undefined variable: is_show in <b>C:\laragon\www\system-matrix\resources\views\admin\system\create.blade.php</b> on line <b>21</b><br />

    @section('content')
    <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="{{URL('/')}}">Home</a></li>
        <li class="breadcrumb-item"><a href="{{URL('/system')}}">System</a></li>
        <li class="breadcrumb-item active">{{$label}}</li>
    </ol>
    <div class="row">
        <div class="col-lg-12 sm-no-padding">
            <form id="form-project" role="form" enctype="multipart/form-data"
                action="{{URL('/')}}/system{{$system_id != '' ? '/'.$system_id : ''}}" method="POST">
                @if($is_show != 1)
                <button aria-label="" class="btn btn-primary pull-right" type="submit"><i class="fas fa-save"></i>&nbsp;{{$label1}} System</button>
                @endif
                <ul class="nav nav-tabs" id="myTab" role="tablist">
                    <li class="nav-item"><a class="nav-link active" id="1-tab" data-bs-toggle="tab" href="#tab-1" role="tab" aria-controls="tab-1" aria-selected="true">General Info</a></li>
                    <li class="nav-item"><a class="nav-link" id="2-tab" data-bs-toggle="tab" href="#tab-2" role="tab" aria-controls="tab-2" aria-selected="true">Process</a></li>
                    <li class="nav-item"><a class="nav-link" id="3-tab" data-bs-toggle="tab" href="#tab-3" role="tab" aria-controls="tab-3" aria-selected="true">Data</a></li>
                    <li class="nav-item"><a class="nav-link" id="4-tab" data-bs-toggle="tab" href="#tab-4" role="tab" aria-controls="tab-4" aria-selected="true">Technology</a></li>
                    <li class="nav-item"><a class="nav-link" id="5-tab" data-bs-toggle="tab" href="#tab-5" role="tab" aria-controls="tab-5" aria-selected="true">Organization</a></li>
                    <li class="nav-item"><a class="nav-link" id="6-tab" data-bs-toggle="tab" href="#tab-6" role="tab" aria-controls="tab-6" aria-selected="true">FTE</a></li>
                    <li class="nav-item"><a class="nav-link" id="7-tab" data-bs-toggle="tab" href="#tab-7" role="tab" aria-controls="tab-7" aria-selected="true">Sub-System</a></li>
                </ul>
                <div class="card card-transparent">
                    <div class="card-body no-padding">
                        <div id="card-advance" class="card card-default">
                            <div class="card-body">
                                <div class="tab-content" id="myTabContent">
                                    <div class="tab-pane active show fade" id="tab-1" role="tabpanel" aria-labelledby="1-tab">
                                        <div class="row">
                                            <div class="col-lg-6 sm-no-padding">
                                                @if($system_id != "")
                                                <input type="hidden" name="_method" value="PUT" />
                                                @endif
                                                @csrf
                                                <div class="form-group-attached">
                                                    <div class="row clearfix">
                                                        <div class="col-md-12">
                                                            <div class="form-group form-group-default" aria-required="true">
                                                                <label>Parent System</label>
                                                                <select name="parent_system_id" class="full-width mySelect" {{$disabled}}>
                                                                    <option value="">Select a Parent System</option>
                                                                    @foreach($system_list->whereNull('parent_system_id') as $result)
                                                                    <option value="{{$result->id}}"
                                                                        @if($query != "")
                                                                            @if($query->parent_system_id == $result->id)
                                                                            selected
                                                                            @endif
                                                                        @endif
                                                                        >{{$result->name}}</option>
                                                                    @endforeach
                                                                </select>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="row clearfix">
                                                        <div class="col-md-12">
                                                            <div class="form-group form-group-default required" aria-required="true">
                                                                <label>System</label>
                                                                <input type="text" class="form-control" name="system"
                                                                    value="{{Request::old('system') == "" ? $name : Request::old('system')}}"
                                                                    placeholder="" required="reqiured" aria-required="true"
                                                                    aria-invalid="true" aria-describedby="popover144430" {{$disabled}}>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="row clearfix">
                                                        <div class="col-md-12">
                                                            <div class="form-group form-group-default" aria-required="true">
                                                                <label>Description</label>
                                                                <textarea class="form-control" name="description"
                                                                    aria-required="true" aria-invalid="true"
                                                                    aria-describedby="popover538167" row="4" cols="50"
                                                                    style="height: 20vh" {{$disabled}}>{{Request::old('description') == "" ? $description : Request::old('description')}}</textarea>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="row clearfix">
                                                        <div class="col-md-12">
                                                            <div class="form-group form-group-default" aria-required="true">
                                                                <label>Classification</label>
                                                                <select name="classification" class="full-width mySelect">
                                                                    <option></option>
                                                                    @foreach($classification->where('status', 'A') as $result)
                                                                    <option value="{{$result->id}}"
                                                                        @if($classification_id == $result->id)
                                                                        selected
                                                                        @endif
                                                                        >{{$result->name}}</option>
                                                                    @endforeach
                                                                </select>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="row clearfix">
                                                        <div class="col-md-12">
                                                            <div class="form-group form-group-default" aria-required="true">
                                                                <label>Prioritization</label>
                                                                <select name="prioritization" class="full-width mySelect">
                                                                    <option></option>
                                                                    @foreach($prioritizations->where('status', 'A') as $result)
                                                                    <option value="{{$result->id}}"
                                                                        @if($prioritization_id==$result->id)
                                                                        selected
                                                                        @endif
                                                                        >{{$result->name}}</option>
                                                                    @endforeach
                                                                </select>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="row clearfix">
                                                        <div class="col-md-12">
                                                            <div class="form-group form-group-default input-group col-md-10">
                                                                <div class="form-input-group">
                                                                    <label>Rollout Date</label>
                                                                    <input type="text" name="rollout" class="form-control"
                                                                        placeholder="Pick a date"
                                                                        value="{{Request::old('rollout') == '' ? $rollout : Request::old('rollout')}}"
                                                                        id="datepicker-component" {{$disabled}}>
                                                                </div>
                                                                <div class="input-group-append ">
                                                                    <span class="input-group-text"><i
                                                                            class="pg-icon">calendar</i></span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="row clearfix">
                                                        <div class="col-md-12">
                                                            <br>
                                                            <div class="form-check primary m-t-0">
                                                                <div class="form-check form-check-inline switch">
                                                                    <input type="checkbox" name="status" id="pagesSwitch"
                                                                        @if($status=='A' ) checked="checked" @endif {{$disabled}}>
                                                                    <label for="pagesSwitch">Active?</label>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-6 sm-no-padding">
                                                <div class="row clearfix">
                                                    <div class="col-md-12">
                                                        <div class="form-group form-group-default" aria-required="true">
                                                            <label>Categories</label>
                                                            <select name="categories[]" class="full-width mySelect1"
                                                                multiple="multiple">
                                                                <option></option>
                                                                @foreach($categories->where('status', 'A') as $result)
                                                                <option value="{{$result->id}}"
                                                                    @if($query != "")
                                                                        @if(count($query->categories->where('category_id', $result->id)) != 0)
                                                                            selected
                                                                        @endif
                                                                    @endif
                                                                    >{{$result->name}}</option>
                                                                @endforeach
                                                            </select>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row clearfix">
                                                    <div class="col-md-12">
                                                        <div class="form-group form-group-default" aria-required="true">
                                                            <label>Channels</label>
                                                            <select name="channels[]" class="full-width mySelect1"
                                                                multiple="multiple">
                                                                <option></option>
                                                                @foreach($channels->where('status', 'A') as $result)
                                                                <option value="{{$result->id}}"
                                                                    @if($query != "")
                                                                        @if(count($query->channels->where('channel_id', $result->id)) != 0)
                                                                            selected
                                                                        @endif
                                                                    @endif
                                                                    >{{$result->name}}</option>
                                                                @endforeach
                                                            </select>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row clearfix">
                                                    <div class="col-md-12">
                                                        <div class="form-group form-group-default" aria-required="true">
                                                            <label>Master Files</label>
                                                            <select name="master_files[]" class="full-width mySelect1"
                                                                multiple="multiple">
                                                                <option></option>
                                                                @foreach($master_files->where('status', 'A') as $result)
                                                                <option value="{{$result->id}}"
                                                                    @if($query != "")
                                                                        @if(count($query->master_files->where('master_file_id', $result->id)) != 0)
                                                                            selected
                                                                        @endif
                                                                    @endif
                                                                    >{{$result->name}}</option>
                                                                @endforeach
                                                            </select>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row clearfix">
                                                    <div class="col-md-12">
                                                        <div class="form-group form-group-default" aria-required="true">
                                                            <label>Platforms</label>
                                                            <select name="platforms[]" class="full-width mySelect1"
                                                                multiple="multiple">
                                                                <option></option>
                                                                @foreach($platforms->where('status', 'A') as $result)
                                                                <option value="{{$result->id}}"
                                                                    @if($query != "")
                                                                        @if(count($query->platforms->where('platform_id', $result->id)) != 0)
                                                                            selected
                                                                        @endif
                                                                    @endif
                                                                    >{{$result->name}}</option>
                                                                @endforeach
                                                            </select>
                                                        </div>
                                                        <div class="form-group form-group-default" aria-required="true">
                                                            <label style="margin-bottom: .75em;">System Type</label>
                                                            <input name="system_type" class="form-control tagsinput custom-tag-input" type="text"
                                                                value="{{Request::old('system_type') == "" ? $system_type : Request::old('system_type')}}" {{$disabled}}/>
                                                            <span class="help">Press Enter to submit a tag"</span>
                                                        </div>
                                                        <div class="form-group form-group-default" aria-required="true">
                                                            <label style="margin-bottom: .75em;">Web Server</label>
                                                            <input name="web_server" class="form-control tagsinput custom-tag-input" type="text"
                                                                value="{{Request::old('web_server') == "" ? $web_server : Request::old('web_server')}}" {{$disabled}} />
                                                            <span class="help">Press Enter to submit a tag"</span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="tab-pane fade" id="tab-2" role="tabpanel" aria-labelledby="2-tab">
                                        <div class="form-group form-group-default" aria-required="true">
                                            <input id="file-upload" multiple="multiple" type="file"
                                                accept=".xls,.xlsx,.csv,application/pdf,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document,image/*"
                                                name="my_file" id="my-file1" style="display: none;">
                                            <div class="row g-0 justify-content-between mt-3 px-card pb-3">
                                                <div class="col">
                                                    @if($is_show != 1)
                                                    <button id="my-button" class="btn btn-default rounded-pill me-1 mb-1"
                                                        type="button"><i class="fas fa-upload"></i><span
                                                            class="ms-2 d-none d-md-inline-block">Upoad File</span></button>
                                                    @endif
                                                </div>
                                            </div>
                                            <div class="d-flex align-items-center ps-card border border-200">
                                                <div class="file-img-wrapper" style="width: 100%;">
                                                    <div class="file-selected-wrapper" style="width: 100%;">
                                                        @if($query != "")
                                                            @foreach($query->processes as $result)

                                                            <br />
<b>Notice</b>:  Undefined variable: result in <b>C:\laragon\www\system-matrix\resources\views\admin\system\create.blade.php</b> on line <b>285</b><br />
<br />
<b>Notice</b>:  Trying to get property 'file_name' of non-object in <b>C:\laragon\www\system-matrix\resources\views\admin\system\create.blade.php</b> on line <b>285</b><br />

                                                            <div style="padding: .5em .5em 0em .5em"
                                                                class="d-flex media border-bottom btn-reveal-trigger">
                                                                <span class="fas fa-file{{$icon}} text-{{$color}} "
                                                                    data-fa-transform="grow-4"
                                                                    style="margin-right: .5em; font-size: 2em;"></span>
                                                                <div class="flex-1 d-flex flex-between-center">
                                                                    <div>
                                                                        <h6 data-dz-name="data-dz-name"><a target="_blank" href="{{URL('uploads/')}}/{{$result->file_path}}" download="{{$result->file_name}}">{{$result->file_name}}</a>
                                                                        </h6>
                                                                        <div class="d-flex align-items-center">
                                                                            <p class="mb-0 fs--1 text-400 lh-1"
                                                                                data-dz-size="data-dz-size"><strong></strong>
                                                                            </p>
                                                                            <div class="dz-progress"><span class="dz-upload"
                                                                                    data-dz-uploadprogress=""></span></div>
                                                                        </div><span class="fs--2 text-danger"
                                                                            data-dz-errormessage="data-dz-errormessage"></span>
                                                                    </div>
                                                                    <div style="position: absolute; right: 1%;" class="dropdown font-sans-serif"><button
                                                                            class="btn btn-link text-600 btn-sm dropdown-toggle btn-reveal dropdown-caret-none"
                                                                            type="button" data-bs-toggle="dropdown"
                                                                            aria-haspopup="true" aria-expanded="false"><svg
                                                                                class="svg-inline--fa fa-ellipsis-h fa-w-16"
                                                                                aria-hidden="true" focusable="false"
                                                                                data-prefix="fas" data-icon="ellipsis-h"
                                                                                role="img" xmlns="http://www.w3.org/2000/svg"
                                                                                viewBox="0 0 512 512" data-fa-i2svg="">
                                                                                <path fill="currentColor"
                                                                                    d="M328 256c0 39.8-32.2 72-72 72s-72-32.2-72-72 32.2-72 72-72 72 32.2 72 72zm104-72c-39.8 0-72 32.2-72 72s32.2 72 72 72 72-32.2 72-72-32.2-72-72-72zm-352 0c-39.8 0-72 32.2-72 72s32.2 72 72 72 72-32.2 72-72-32.2-72-72-72z">
                                                                                </path>
                                                                            </svg></button>
                                                                        <div
                                                                            class="dropdown-menu dropdown-menu-end border py-2">
                                                                            <a class="dropdown-item"
                                                                                target="_blank" 
                                                                                href="{{URL('uploads/')}}/{{$result->file_path}}"
                                                                                download="{{$result->file_name}}"data-dz-remove="data-dz-remove">Download
                                                                                File</a>
                                                                            @if($is_show != 1)
                                                                            <a class="dropdown-item" onClick="removeDiv(this)"
                                                                                href="#!" data-dz-remove="data-dz-remove">Remove
                                                                                File</a>
                                                                            @endif
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <input type='hidden' name='file_type[]' value=''>
                                                                <input type='hidden' name='file_name[]' value='{{$result->file_name}}'>
                                                                <input type='hidden' name='file[]' value='{{$result->file_path}}'>
                                                                <input type='hidden' name='file_id[]' value='{{$result->id}}'>
                                                            </div>
                                                            @endforeach
                                                        @endif
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="tab-pane fade" id="tab-3" role="tabpanel" aria-labelledby="3-tab">
                                        <div class="form-group form-group-default" aria-required="true">
                                            <input id="file-upload1" multiple="multiple" type="file"
                                                accept=".xls,.xlsx,.csv,application/pdf,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document,image/*"
                                                name="my_file" id="my-file" style="display: none;">
                                            <div class="row g-0 justify-content-between mt-3 px-card pb-3">
                                                <div class="col">
                                                    @if($is_show != 1)
                                                    <button id="my-button1" class="btn btn-default rounded-pill me-1 mb-1"
                                                        type="button"><i class="fas fa-upload"></i><span
                                                            class="ms-2 d-none d-md-inline-block">Upoad File</span></button>
                                                    @endif
                                                </div>
                                            </div>
                                            <div class="d-flex align-items-center ps-card border border-200">
                                                <div class="file-img-wrapper1" style="width: 100%;">
                                                    <div class="file-selected-wrapper1" style="width: 100%;">
                                                        @if($query != "")
                                                            @foreach($query->datas as $result)

                                                            <br />
<b>Notice</b>:  Undefined variable: result in <b>C:\laragon\www\system-matrix\resources\views\admin\system\create.blade.php</b> on line <b>393</b><br />
<br />
<b>Notice</b>:  Trying to get property 'file_name' of non-object in <b>C:\laragon\www\system-matrix\resources\views\admin\system\create.blade.php</b> on line <b>393</b><br />

                                                            <div style="padding: .5em .5em 0em .5em"
                                                                class="d-flex media border-bottom btn-reveal-trigger">
                                                                <span class="fas fa-file{{$icon}} text-{{$color}} "
                                                                    data-fa-transform="grow-4"
                                                                    style="margin-right: .5em; font-size: 2em;"></span>
                                                                <div class="flex-1 d-flex flex-between-center">
                                                                    <div>
                                                                        <h6 data-dz-name="data-dz-name"><a target="_blank" href="{{URL('uploads/')}}/{{$result->file_path}}" download="{{$result->file_name}}">{{$result->file_name}}</a>
                                                                        </h6>
                                                                        <div class="d-flex align-items-center">
                                                                            <p class="mb-0 fs--1 text-400 lh-1"
                                                                                data-dz-size="data-dz-size"><strong></strong>
                                                                            </p>
                                                                            <div class="dz-progress"><span class="dz-upload"
                                                                                    data-dz-uploadprogress=""></span></div>
                                                                        </div><span class="fs--2 text-danger"
                                                                            data-dz-errormessage="data-dz-errormessage"></span>
                                                                    </div>
                                                                    <div  style="position: absolute; right: 1%;" class="dropdown font-sans-serif"><button
                                                                            class="btn btn-link text-600 btn-sm dropdown-toggle btn-reveal dropdown-caret-none"
                                                                            type="button" data-bs-toggle="dropdown"
                                                                            aria-haspopup="true" aria-expanded="false"><svg
                                                                                class="svg-inline--fa fa-ellipsis-h fa-w-16"
                                                                                aria-hidden="true" focusable="false"
                                                                                data-prefix="fas" data-icon="ellipsis-h"
                                                                                role="img" xmlns="http://www.w3.org/2000/svg"
                                                                                viewBox="0 0 512 512" data-fa-i2svg="">
                                                                                <path fill="currentColor"
                                                                                    d="M328 256c0 39.8-32.2 72-72 72s-72-32.2-72-72 32.2-72 72-72 72 32.2 72 72zm104-72c-39.8 0-72 32.2-72 72s32.2 72 72 72 72-32.2 72-72-32.2-72-72-72zm-352 0c-39.8 0-72 32.2-72 72s32.2 72 72 72 72-32.2 72-72-32.2-72-72-72z">
                                                                                </path>
                                                                            </svg></button>
                                                                        <div
                                                                            class="dropdown-menu dropdown-menu-end border py-2">
                                                                            <a class="dropdown-item"
                                                                                target="_blank" 
                                                                                href="{{URL('uploads/')}}/{{$result->file_path}}"
                                                                                download="{{$result->file_name}}"data-dz-remove="data-dz-remove">Download
                                                                                File</a>
                                                                            @if($is_show != 1)
                                                                            <a class="dropdown-item" onClick="removeDiv(this)"
                                                                                href="#!" data-dz-remove="data-dz-remove">Remove
                                                                                File</a>
                                                                            @endif
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <input type='hidden' name='file1_type[]' value=''>
                                                                <input type='hidden' name='file1_name[]' value='{{$result->file_name}}'>
                                                                <input type='hidden' name='file1[]' value='{{$result->file_path}}'>
                                                                <input type='hidden' name='file1_id[]' value='{{$result->id}}'>
                                                            </div>
                                                            @endforeach
                                                        @endif
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="tab-pane fade" id="tab-4" role="tabpanel" aria-labelledby="4-tab">
                                        <table style="width:100%" class="table table-striped table-responsive-block" id="table_id">
                                            <thead>
                                                <tr>
                                                    <th style="min-width: 300px;">Server</th>
                                                    <th style="min-width: 150px;">Utilization (%)</th>
                                                    @if($is_show != 1)
                                                    <th>Delete</th>
                                                    @endif
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @if($query != "")

                                                    @foreach($query->servers as $result)

                                                    <br />
<b>Notice</b>:  Undefined variable: server in <b>C:\laragon\www\system-matrix\resources\views\admin\system\create.blade.php</b> on line <b>501</b><br />
<br />
<b>Warning</b>:  Invalid argument supplied for foreach() in <b>C:\laragon\www\system-matrix\resources\views\admin\system\create.blade.php</b> on line <b>501</b><br />

                                                    <tr>
                                                        <td>
                                                            <input type="hidden" name="system_server_id[]" value="{{$result->id}}">
                                                            {!! $option !!}
                                                        </td>
                                                        <td>
                                                            <input class="form-control" id="userpleFormControlInput1" type="number" step="any" min="0" max="100" placeholder="Value" required="required" value="{{ $result->utilization + 0 }}" name="utilization[]" required="required" {{$disabled}}/>
                                                        </td>
                                                        @if($is_show != 1)
                                                        <td style="width: 50px; max-width: 50px; min-width: 50px;">
                                                            <a style="border-radius: 5px;" title="Remove" style="" class="btn btn-danger icon-delete1">
                                                                <i style="color: white;" class="fa fa-trash fa-1x"></i>
                                                            </a>
                                                        </td>
                                                        @endif
                                                    </tr>

                                                    @endforeach


                                                @endif
                                            </tbody>
                                            @if($is_show != 1)
                                            <tfooter>
                                                <tr>
                                                  <td colspan="6">
                                                    <a id="addRow_member" style="margin-left: 1em; float: right; cursor: pointer; color: white;" class="addButton btn btn-small btn-info"><i style="color: white;" class="fa fa-plus"></i></a>
                                                   </td>
                                                </tr>
                                            </tfooter>
                                            @endif
                                        </table>
                                    </div>
                                    <div class="tab-pane fade" id="tab-5" role="tabpanel" aria-labelledby="5-tab">
                                        <div class="row clearfix">
                                            <div class="col-md-12">
                                                <div class="form-group form-group-default" aria-required="true">
                                                    <label>Owners</label>
                                                    <select name="owners[]" class="full-width mySelect1" multiple="multiple">
                                                        <option></option>
                                                        @foreach($departments->where('status', 'A') as $result)
                                                        <option value="{{$result->id}}"
                                                            @if($query != "")
                                                                @if(count($query->owners->where('department_id', $result->id)) != 0)
                                                                    selected
                                                                @endif
                                                            @endif
                                                            >{{$result->name}}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row clearfix">
                                            <div class="col-md-12">
                                                <div class="form-group form-group-default" aria-required="true">
                                                    <label>Users</label>
                                                    <select name="users[]" class="full-width mySelect1" multiple="multiple">
                                                        <option></option>
                                                        @foreach($departments->where('status', 'A') as $result)
                                                        <option value="{{$result->id}}"
                                                            @if($query != "")
                                                                @if(count($query->users->where('department_id', $result->id)) != 0)
                                                                    selected
                                                                @endif
                                                            @endif
                                                            >{{$result->name}}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row clearfix">
                                            <div class="col-md-12">
                                                <div class="form-group form-group-default" aria-required="true">
                                                    <label>Maintainers</label>
                                                    <select name="maintainers[]" class="full-width mySelect1" multiple="multiple">
                                                        <option></option>
                                                        @foreach($departments->where('status', 'A') as $result)
                                                        <option value="{{$result->id}}"
                                                            @if($query != "")
                                                                @if(count($query->maintainers->where('department_id', $result->id)) != 0)
                                                                    selected
                                                                @endif
                                                            @endif
                                                            >{{$result->name}}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row clearfix">
                                            <div class="col-md-12">
                                                <div class="form-group form-group-default" aria-required="true">
                                                    <label>Providers</label>
                                                    <select name="providers[]" class="full-width mySelect1"
                                                        multiple="multiple">
                                                        <option></option>
                                                        @foreach($providers->where('status', 'A') as $result)
                                                        <option value="{{$result->id}}"
                                                            @if($query != "")
                                                                @if(count($query->providers->where('provider_id', $result->id)) != 0)
                                                                    selected
                                                                @endif
                                                            @endif
                                                            >{{$result->name}}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="tab-pane fade" id="tab-6" role="tabpanel" aria-labelledby="6-tab">
                                        <table style="width:100%" class="table table-striped table-responsive-block" id="table_id3">
                                            <thead>
                                                <tr>
                                                    <th style="min-width: 300px;">Remarks</th>
                                                    <th style="min-width: 300px;">Position</th>
                                                    <th style="min-width: 150px;">Percentage (%)</th>
                                                    @if($is_show != 1)
                                                    <th>Delete</th>
                                                    @endif
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @if($query != "")

                                                    @foreach($query->fte as $result)

                                                    <br />
<b>Notice</b>:  Undefined variable: position in <b>C:\laragon\www\system-matrix\resources\views\admin\system\create.blade.php</b> on line <b>655</b><br />
<br />
<b>Warning</b>:  Invalid argument supplied for foreach() in <b>C:\laragon\www\system-matrix\resources\views\admin\system\create.blade.php</b> on line <b>655</b><br />

                                                    <tr>
                                                        <td>
                                                            <input type="hidden" name="system_fte_id[]" value="{{$result->id}}"><input class="form-control" id="userpleFormControlInput1" type="text" placeholder="Remarks" required="required" name="remarks[]" value="{{$result->name}}" required="required" {{$disabled}}/>
                                                        </td>
                                                        <td>
                                                            {!! $option !!}
                                                        </td>
                                                        <td>
                                                            <input class="form-control" id="userpleFormControlInput1" type="number" min="0" max="100" step="any" placeholder="Value" required="required" value="{{$result->percentage + 0}}" name="percentage[]" required="required" {{$disabled}}/>
                                                        </td>
                                                        @if($is_show != 1)
                                                        <td style="width: 50px; max-width: 50px; min-width: 50px;">
                                                            <a style="border-radius: 5px;" title="Remove" style="" class="btn btn-danger icon-delete3">
                                                                <i style="color: white;" class="fa fa-trash fa-1x"></i>
                                                            </a>
                                                        </td>
                                                        @endif
                                                    </tr>

                                                    @endforeach


                                                @endif
                                            </tbody>
                                            @if($is_show != 1)
                                            <tfooter>
                                                <tr>
                                                  <td colspan="6">
                                                    <a id="addRow_member3" style="margin-left: 1em; float: right; cursor: pointer; color: white;" class="addButton btn btn-small btn-info"><i style="color: white;" class="fa fa-plus"></i></a>
                                                   </td>
                                                </tr>
                                            </tfooter>
                                            @endif
                                        </table>
                                    </div>
                                    <div class="tab-pane fade" id="tab-7" role="tabpanel" aria-labelledby="7-tab">
                                        <table style="width:100%" class="table table-striped table-responsive-block" id="table_id4">
                                            <thead>
                                                <tr>
                                                    <th style="min-width: 300px;">Sub-System</th>
                                                    @if($is_show != 1)
                                                    <th>Delete</th>
                                                    @endif
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @if($query != "")

                                                    @foreach($query->child as $result)

                                                    <br />
<b>Notice</b>:  Undefined variable: system_list in <b>C:\laragon\www\system-matrix\resources\views\admin\system\create.blade.php</b> on line <b>728</b><br />
<br />
<b>Warning</b>:  Invalid argument supplied for foreach() in <b>C:\laragon\www\system-matrix\resources\views\admin\system\create.blade.php</b> on line <b>728</b><br />

                                                    <tr>
                                                        <td>
                                                            <input type="hidden" name="child_system_id[]" value="{{$result->id}}">{!! $option !!}
                                                        </td>
                                                        @if($is_show != 1)
                                                        <td style="width: 50px; max-width: 50px; min-width: 50px;">
                                                            <a style="border-radius: 5px;" title="Remove" style="" class="btn btn-danger icon-delete4">
                                                                <i style="color: white;" class="fa fa-trash fa-1x"></i>
                                                            </a>
                                                        </td>
                                                        @endif
                                                    </tr>

                                                    @endforeach


                                                @endif
                                            </tbody>
                                            @if($is_show != 1)
                                            <tfooter>
                                                <tr>
                                                  <td colspan="6">
                                                    <a id="addRow_member4" style="margin-left: 1em; float: right; cursor: pointer; color: white;" class="addButton btn btn-small btn-info"><i style="color: white;" class="fa fa-plus"></i></a>
                                                   </td>
                                                </tr>
                                            </tfooter>
                                            @endif
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </div>
                                  
    </div>
    @endsection

    @section('page-script')
    <script>
        var member_table1 = $('#table_id').DataTable( {
            "paging":   false,
            "ordering": false,
            "info":     false,
            "searching": false
        });

        <br />
<b>Notice</b>:  Undefined variable: server in <b>C:\laragon\www\system-matrix\resources\views\admin\system\create.blade.php</b> on line <b>800</b><br />
<br />
<b>Warning</b>:  Invalid argument supplied for foreach() in <b>C:\laragon\www\system-matrix\resources\views\admin\system\create.blade.php</b> on line <b>800</b><br />

        $('#addRow_member').on( 'click', function () {

            member_table1.row.add( [
                '<input type="hidden" name="system_server_id[]" value="0">{!! $option !!}',
                '<input class="form-control" id="userpleFormControlInput1" type="number" min="0" max="100" placeholder="Value" required="required" value="0" name="utilization[]" step="any" required="required" />',
                '<a style="border-radius: 5px;" title="Remove" style="" class="btn btn-danger icon-delete1"><i style="color: white;" class="fa fa-trash fa-1x"></i></a>',
              ] ).draw( false );

            $(".mySelect").select2();

        } );

        $('#table_id tbody').on( 'click', 'a.icon-delete1', function () {
            var getid = $(this).data('id');

            var row;

            if($(this).closest('table').hasClass("collapsed")) {
                var child = $(this).parents("tr.child");
                row = $(child).prevAll(".parent");
              } else {
                row = $(this).parents('tr');
            }

            myrow = member_table1
                .row(row);

            swal("Are you sure?", "You will not be able to recover this Server!", {
              buttons: {
                cancel: "Cancel",
                catch: {
                  text: "Yes",
                  value: "delete",
                  className: "btn-danger",
                }
              },
            })
            .then((value) => {
              switch (value) {
             
                case "delete":
                  myrow.remove().draw();
                  break;
             
                default:
                  swal.close();
              }
            });
        } );

        $(".mySelect").select2();

    </script>
    <script>
    $(function() {
        $("#system").addClass('active');

        $(".mySelect").select2({
            "allowClear": true,
            "placeholder": "Select an option"
        });

        $(".mySelect1").select2({
            "allowClear": false,
            "placeholder": "Select an option"
        });

        $('#datepicker-component').datepicker();

        @if($is_show != 1)
        $('.custom-tag-input').tagsinput({});
        @endif
    });

    const $run_cost_start = $("#run_cost_start");
    const $run_cost_end = $("#run_cost_end");

    $run_cost_start.on("blur", validateRunValues);
    $run_cost_end.on("blur", validateRunValues);

    function validateRunValues() {
        const runMinValue = parseFloat($run_cost_start.val());
        const runMaxValue = parseFloat($run_cost_end.val());

        if (!isNaN(runMinValue) && !isNaN(runMaxValue)) {
            if (runMinValue > runMaxValue) {
                // Show error if min > max
                swal("", "Run Cost Min Amount Over Max Amount", "warning");

                if (runMaxValue > 0) {
                    $run_cost_start.val(runMaxValue);
                } else {
                    $run_cost_end.val(runMinValue);
                }
            } else {
                // Hide error if values are valid
                // swal("","Run Min Over Max","success");
            }
        }
    }

    const $build_cost_start = $("#build_cost_start");
    const $build_cost_end = $("#build_cost_end");

    $build_cost_start.on("blur", validateBuildValues);
    $build_cost_end.on("blur", validateBuildValues);

    function validateBuildValues() {
        const buildMinValue = parseFloat($build_cost_start.val());
        const buildMaxValue = parseFloat($build_cost_end.val());

        if (!isNaN(buildMinValue) && !isNaN(buildMaxValue)) {
            if (buildMinValue > buildMaxValue) {
                // Show error if min > max
                swal("", "Build Cost Min Amount Over Max Amount", "warning");

                if (buildMaxValue > 0) {
                    $build_cost_start.val(buildMaxValue);
                } else {
                    $build_cost_end.val(buildMinValue);
                }

            } else {
                // Hide error if values are valid
                // swal("","Build Min Over Max","success");
            }
        }
    }
    </script>
    <script>
    $('#my-button').click(function() {
        $('#file-upload').click();
    });
    $('#my-button1').click(function() {
        $('#file-upload1').click();
    });

    $("#file-upload").change(function() {

        if ($(this).get(0).files.length) {
            $.each($(this).get(0).files, function(index, file) {

                var reader = new FileReader();
                reader.onload = function(e) {
                    // var html = "<div class='item' style='float: left; margin-right: 1em;'><span style='margin: 4px 0px; font-size: 12px;' class='badge bg-primary'><span aria-hidden='true' style='cursor: pointer' onClick='removeDiv(this)'>&times;</span> "+file.name+"</span>";

                    var url = "{{URL('/')}}/";

                    if (file.type == "application/pdf") {

                        var color = "danger";
                        var icon = "-pdf";

                    } else if (file.type ==
                        "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" || file
                        .type == "xlsx") {

                        var color = "success";
                        var icon = "-excel";

                    } else if (file.type == "text/csv") {

                        var color = "success";
                        var icon = "-csv";

                    } else if (file.type ==
                        "application/vnd.openxmlformats-officedocument.wordprocessingml.document") {

                        var color = "primary";
                        var icon = "-alt";

                    } else if (file.type == "image/jpeg" || file.type == "image/png") {

                        var color = "primary";
                        var icon = "-image";

                    } else {
                        var color = "secondary";
                        var icon = "";
                    }

                    console.log(file);

                    var html =
                        '<div style="padding: .5em .5em 0em .5em" class="d-flex media border-bottom btn-reveal-trigger"><span class="fas fa-file' +
                        icon + ' text-' + color +
                        ' " data-fa-transform="grow-4" style="margin-right: .5em; font-size: 2em;"></span><div class="flex-1 d-flex flex-between-center"><div><h6 data-dz-name="data-dz-name">' +
                        file.name +
                        '</h6><div class="d-flex align-items-center"><p class="mb-0 fs--1 text-400 lh-1" data-dz-size="data-dz-size"><strong></strong></p><div class="dz-progress"><span class="dz-upload" data-dz-uploadprogress=""></span></div></div><span class="fs--2 text-danger" data-dz-errormessage="data-dz-errormessage"></span></div><div  style="position: absolute; right: 1%;" class="dropdown font-sans-serif"><button class="btn btn-link text-600 btn-sm dropdown-toggle btn-reveal dropdown-caret-none" type="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><svg class="svg-inline--fa fa-ellipsis-h fa-w-16" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="ellipsis-h" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M328 256c0 39.8-32.2 72-72 72s-72-32.2-72-72 32.2-72 72-72 72 32.2 72 72zm104-72c-39.8 0-72 32.2-72 72s32.2 72 72 72 72-32.2 72-72-32.2-72-72-72zm-352 0c-39.8 0-72 32.2-72 72s32.2 72 72 72 72-32.2 72-72-32.2-72-72-72z"></path></svg></button><div class="dropdown-menu dropdown-menu-end border py-2"><a class="dropdown-item" onClick="removeDiv(this)" href="#!" data-dz-remove="data-dz-remove">Remove File</a></div></div></div></div>';
                    html += " <input type='hidden' name='file_type[]' value='" +
                        file.type + "'>";
                    html += " <input type='hidden' name='file_name[]' value='" +
                        file.name + "'>";
                    html += " <input type='hidden' name='file[]' value='" + e
                        .target.result + "'>";
                    html += " <input type='hidden' name='file_id[]' value='0'>";
                    html += "</div>";

                    $(".file-selected-wrapper").append(html);
                }
                reader.readAsDataURL(file);
            });
            $("#file-upload").val('');
        }
    });

    $("#file-upload1").change(function() {

        if ($(this).get(0).files.length) {
            $.each($(this).get(0).files, function(index, file) {

                var reader = new FileReader();
                reader.onload = function(e) {
                    // var html = "<div class='item' style='float: left; margin-right: 1em;'><span style='margin: 4px 0px; font-size: 12px;' class='badge bg-primary'><span aria-hidden='true' style='cursor: pointer' onClick='removeDiv(this)'>&times;</span> "+file.name+"</span>";

                    var url = "{{URL('/')}}/";

                    if (file.type == "application/pdf") {

                        var color = "danger";
                        var icon = "-pdf";

                    } else if (file.type ==
                        "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" || file
                        .type == "xlsx") {

                        var color = "success";
                        var icon = "-excel";

                    } else if (file.type == "text/csv") {

                        var color = "success";
                        var icon = "-csv";

                    } else if (file.type ==
                        "application/vnd.openxmlformats-officedocument.wordprocessingml.document") {

                        var color = "primary";
                        var icon = "-alt";

                    } else if (file.type == "image/jpeg" || file.type == "image/png") {

                        var color = "primary";
                        var icon = "-image";

                    } else {
                        var color = "secondary";
                        var icon = "";
                    }

                    console.log(file);

                    var html =
                        '<div style="padding: .5em .5em 0em .5em" class="d-flex media border-bottom btn-reveal-trigger"><span class="fas fa-file' +
                        icon + ' text-' + color +
                        ' " data-fa-transform="grow-4" style="margin-right: .5em; font-size: 2em;"></span><div class="flex-1 d-flex flex-between-center"><div><h6 data-dz-name="data-dz-name">' +
                        file.name +
                        '</h6><div class="d-flex align-items-center"><p class="mb-0 fs--1 text-400 lh-1" data-dz-size="data-dz-size"><strong></strong></p><div class="dz-progress"><span class="dz-upload" data-dz-uploadprogress=""></span></div></div><span class="fs--2 text-danger" data-dz-errormessage="data-dz-errormessage"></span></div><div style="position: absolute; right: 1%;" class="dropdown font-sans-serif"><button class="btn btn-link text-600 btn-sm dropdown-toggle btn-reveal dropdown-caret-none" type="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><svg class="svg-inline--fa fa-ellipsis-h fa-w-16" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="ellipsis-h" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M328 256c0 39.8-32.2 72-72 72s-72-32.2-72-72 32.2-72 72-72 72 32.2 72 72zm104-72c-39.8 0-72 32.2-72 72s32.2 72 72 72 72-32.2 72-72-32.2-72-72-72zm-352 0c-39.8 0-72 32.2-72 72s32.2 72 72 72 72-32.2 72-72-32.2-72-72-72z"></path></svg></button><div class="dropdown-menu dropdown-menu-end border py-2"><a class="dropdown-item" onClick="removeDiv(this)" href="#!" data-dz-remove="data-dz-remove">Remove File</a></div></div></div></div>';
                    html += " <input type='hidden' name='file1_type[]' value='" +
                        file.type + "'>";
                    html += " <input type='hidden' name='file1_name[]' value='" +
                        file.name + "'>";
                    html += " <input type='hidden' name='file1[]' value='" + e
                        .target.result + "'>";
                    html += " <input type='hidden' name='file1_id[]' value='0'>";
                    html += "</div>";

                    $(".file-selected-wrapper1").append(html);
                }
                reader.readAsDataURL(file);
            });
            $("#file-upload1").val('');
        }
    });

    function removeDiv(test) {

        swal("Are you sure?", "You will not be able to recover this File!", {
                buttons: {
                    cancel: "Cancel",
                    catch: {
                        text: "Yes",
                        value: "delete",
                        className: "btn-danger",
                    }
                },
            })
            .then((value) => {
                switch (value) {

                    case "delete":
                        // myrow.remove().draw();

                        test.closest('.media').remove();
                        break;

                    default:
                        swal.close();
                }
            });
    }
    </script>
    <script>
        var member_table3 = $('#table_id3').DataTable( {
            "paging":   false,
            "ordering": false,
            "info":     false,
            "searching": false
        });

        <br />
<b>Notice</b>:  Undefined variable: position in <b>C:\laragon\www\system-matrix\resources\views\admin\system\create.blade.php</b> on line <b>1131</b><br />
<br />
<b>Warning</b>:  Invalid argument supplied for foreach() in <b>C:\laragon\www\system-matrix\resources\views\admin\system\create.blade.php</b> on line <b>1131</b><br />

        $('#addRow_member3').on( 'click', function () {

            member_table3.row.add( [
                '<input type="hidden" name="system_fte_id[]" value="0"><input class="form-control" id="userpleFormControlInput1" type="text" placeholder="Remarks" required="required" name="remarks[]" required="required" />',
                '{!! $option !!}',
                '<input class="form-control" id="userpleFormControlInput1" type="number" min="0" max="100" placeholder="Value" required="required" value="0" name="percentage[]" step="any" required="required" />',
                '<a style="border-radius: 5px;" title="Remove" style="" class="btn btn-danger icon-delete3"><i style="color: white;" class="fa fa-trash fa-1x"></i></a>',
              ] ).draw( false );

            $(".mySelect").select2();

        } );

        $('#table_id3 tbody').on( 'click', 'a.icon-delete3', function () {
            var getid = $(this).data('id');

            var row3;

            if($(this).closest('table').hasClass("collapsed")) {
                var child = $(this).parents("tr.child");
                row3 = $(child).prevAll(".parent");
              } else {
                row3 = $(this).parents('tr');
            }

            myrow3 = member_table3
                .row(row3);

            swal("Are you sure?", "You will not be able to recover this FTE!", {
              buttons: {
                cancel: "Cancel",
                catch: {
                  text: "Yes",
                  value: "delete",
                  className: "btn-danger",
                }
              },
            })
            .then((value) => {
              switch (value) {
             
                case "delete":
                  myrow3.remove().draw();
                  break;
             
                default:
                  swal.close();
              }
            });
        } );

        

        $(".mySelect").select2();

        @if($is_show == 1)
            $(".mySelect").prop("disabled", true);
            $(".mySelect1").prop("disabled", true);
        @endif

    </script>
    <script>
        var member_table4 = $('#table_id4').DataTable( {
            "paging":   false,
            "ordering": false,
            "info":     false,
            "searching": false
        });

        <br />
<b>Notice</b>:  Undefined variable: system_list in <b>C:\laragon\www\system-matrix\resources\views\admin\system\create.blade.php</b> on line <b>1219</b><br />
<br />
<b>Warning</b>:  Invalid argument supplied for foreach() in <b>C:\laragon\www\system-matrix\resources\views\admin\system\create.blade.php</b> on line <b>1219</b><br />

        $('#addRow_member4').on( 'click', function () {

            member_table4.row.add( [
                '<input type="hidden" name="child_system_id[]" value="0">{!! $option !!}',
                '<a style="border-radius: 5px;" title="Remove" style="" class="btn btn-danger icon-delete4"><i style="color: white;" class="fa fa-trash fa-1x"></i></a>',
              ] ).draw( false );

            $(".mySelect").select2();

        } );

        $('#table_id4 tbody').on( 'click', 'a.icon-delete4', function () {
            var getid = $(this).data('id');

            var row3;

            if($(this).closest('table').hasClass("collapsed")) {
                var child = $(this).parents("tr.child");
                row3 = $(child).prevAll(".parent");
              } else {
                row3 = $(this).parents('tr');
            }

            myrow3 = member_table4
                .row(row3);

            swal("Are you sure?", "You will not be able to recover this Sub-System!", {
              buttons: {
                cancel: "Cancel",
                catch: {
                  text: "Yes",
                  value: "delete",
                  className: "btn-danger",
                }
              },
            })
            .then((value) => {
              switch (value) {
             
                case "delete":
                  myrow3.remove().draw();
                  break;
             
                default:
                  swal.close();
              }
            });
        } );
    </script>
    @endsection