{!! Form::model($asset, ['route' => ['cad-asset.update', $asset->id], 'method' => 'patch', 'id' => 'asset-form']) !!}
<div class="asset-info">
  <div class="asset-info__wrap">
    <!-- блок має два стани, для показу інпутів потрібен клас "editable" він сховає текст і виведе інпути -->
    <div class="field-group" id="editable-fields">
      <div class="form-group">
        <label class="editable-input">
          <p class="label-title">Asset type:</p>
          <p class="label-value">{!! $asset->getType() !!}</p>
          <input type="text" name="asset-type" value="{!! $asset->getType() !!}" disabled>
        </label>
        <label class="editable-input">
          <p class="label-title">Open Ports Authorized:</p>
          <p class="label-value">
            {!! is_array($asset->open_ports_authorized)?implode(', ',$asset->open_ports_authorized??[]):$asset->open_ports_authorized!!}
          </p>
          <select name="open_ports_authorized[]" class="form-control" id="openPortsA" multiple>
            @if(is_array($asset->open_ports_authorized))
              @foreach($asset->open_ports_authorized as $port)
                <option value="{{ $port }}" selected>{{ $port }}</option>
              @endforeach
            @elseif($asset->open_ports_authorized)
              <option value="{{ $asset->open_ports_authorized }}" selected>{{ $asset->open_ports_authorized }}</option>
            @endif
          </select>
        </label>
        <label class="editable-input">
          <p class="label-title">Location:</p>
          <p class="label-value">{!! $asset->location_text !!}</p>
          <select name="location" class="select2 form-control">
            @options(\App\Models\CAD\Asset::LOCATIONS, [
            'selected' => isset($asset)?$asset->location:false,
            'placeholder' => '--- Select location ---',
            ])
          </select>
        </label>
        <label class="editable-input">
          <p class="label-title">Operating System:</p>
          <p class="label-value">{!!$asset->os!!}</p>
          <input type="text" name="os" value="{!!$asset->os!!}">
        </label>
        <label class="editable-input">
          <p class="label-title">(Domain) Name of System:</p>
          <p class="label-value">{!! \App\Models\CAD\Asset::formatHostNameColumn($asset->server_name, "<br>") !!}</p>
          <input type="text" name="server_name" value="{{$asset->server_name}}">
        </label>
        <label class="editable-input">
          <p class="label-title">Impact:</p>
          <p class="label-value">{!!$asset->lvl_cb!!}</p>
          {!! Form::select('lvl_cb',\App\Models\CAD\AssetSetting::getTypeID(1),null, ['class' => 'form-control','required'=>'required']) !!}
        </label>
        <label class="editable-input">
          <p class="label-title">Mac Address:</p>
          <p class="label-value">{!! $asset->mac_address!!}</p>
          <input type="text" name="mac_address" value="{!! $asset->mac_address!!}">
        </label>
        <label class="editable-input">
          <p class="label-title">Model:</p>
          <p class="label-value">{!!$asset->model!!}</p>
          <input type="text" name="model" value="{!!$asset->model!!}">
        </label>
        <label class="editable-input">
          <p class="label-title">Open Ports:</p>
          <p class="label-value">{!! is_array($asset->open_ports)?implode(', ',$asset->open_ports??[]):$asset->open_ports!!}</p>
          <select name="open_ports[]" class="form-control" id="openPorts" multiple>
            @if(is_array($asset->open_ports))
              @foreach($asset->open_ports as $port)
                <option value="{{ $port }}" selected>{{ $port }}</option>
              @endforeach
            @elseif($asset->open_ports)
              <option value="{{ $asset->open_ports }}" selected>{{ $asset->open_ports }}</option>
            @endif
          </select>
        </label>
        <label class="editable-input">
          <p class="label-title">Type of System:</p>
          <p class="label-value">{!!$asset->system_type!!}</p>
          {!! Form::select('system_type',[''=>'--', 'IOT/OT'=>'IOT/OT','IT'=>'IT'],null, ['class' => 'form-control']) !!}
        </label>
        <label class="editable-input">
          <p class="label-title">Date Scanned:</p>
          <p class="label-value">{{ $asset->date_scanned?date('m/d/Y', strtotime($asset->date_scanned)):'' }}</p>
          <input type="text" name="scan-date" value="{{ $asset->date_scanned?date('m/d/Y', strtotime($asset->date_scanned)):'' }}" disabled>
        </label>
        <label class="editable-input">
          <p class="label-title">Division:</p>
          <p class="label-value">{!! $asset->division_name !!}</p>
          <select name="division" class="select2 form-control" id="division">
            <option value="">--- Select division ---</option>
            @foreach(\App\Models\CAD\AssetDivision::getDivisionNames() as $division)
              <option value="{{ $division->id }}"
                      @if(isset($asset) and $division->id===$asset->division) selected @endif>{{ $division->name }}</option>
            @endforeach
          </select>
        </label>
        <label class="editable-input">
          <p class="label-title">Vendor:</p>
          <p class="label-value">{!!$asset->vendor!!}</p>
          <input type="text" name="vendor" value="{!!$asset->vendor!!}">
        </label>
        <label class="editable-input">
          <p class="label-title">IP Address of System:</p>
          <p class="label-value">{!! $asset->ip_address!!}</p>
          <input type="text" name="ip_address" id="ip_address" value="{!! $asset->ip_address!!}">
        </label>
        <label class="editable-input">
          <p class="label-title">Version:</p>
          <p class="label-value">{!!$asset->version!!}</p>
          <input type="text" name="version" value="{!!$asset->version!!}">
        </label>
        <label class="editable-input">
          <p class="label-title">Baselined:</p>
          <p class="label-value">{{ $asset->baseline?'yes':'no' }}</p>
        </label>
      </div>
      <label class="editable-input description">
        <p class="label-title">Description of use or application of the system:</p>
        <p class="label-value">{!! $asset->description!!}</p>
        <textarea name="description">{!! $asset->description!!}</textarea>
      </label>
    </div>
  </div>
</div>
{!! Form::close() !!}

<div class="vulnerabilities">
  <div class="page-table__tittle">
    <h2>Applications</h2>
  </div>
  <div class="page-table__wrap">
    <div class="page-table">
      <table>
        <thead>
        <tr>
          <th>Name of Application</th>
          <th>Port of the application</th>
          <th>Programming Language</th>
          <th>Impact</th>
          <th>Language of the Application</th>
          <th></th>
        </tr>
        </thead>
        <tbody>

        @forelse($asset->applications as /** @var \App\Models\CAD\Asset $item*/ $item)
          <tr>
            <td>{{ $item->name }}</td>
            <td>{{ $item->port }}</td>
            <td>{{ $item->p_lang }}</td>
            <td>{{ $item->lvl_cb }}</td>
            <td>{{ $item->app_lang }}</td>
            <td>
              {!! Form::open(['route' => ['cad-asset.destroy', $item->id], 'method' => 'delete']) !!}
              <input type="hidden" name="back" value="{{ $asset->id }}">
              <div class='btn-group'>
                @if(\App\Models\GmpRoles::canSeeLink(\App\Models\GmpRoles::CAD))
                  <a href="{!! route('cad-asset.edit', [$item->id, 'back'=>$asset->id]) !!}" class='btn btn-success   btn-xs'><i
                      class=" mdi mdi-table-edit"></i></a>
                @endif
                <a href="{!! route('cad-asset.show', [$item->id, 'back'=>$asset->id]) !!}" class='btn btn-info  btn-xs'><i
                    class=" mdi mdi-glasses"></i></a>
                @if(\App\Models\GmpRoles::canSeeLink(\App\Models\GmpRoles::CAD))
                  {!! Form::button('<i class=" mdi mdi-delete"></i>', ['type' => 'submit', 'class' => 'btn btn-danger btn-xs', 'onclick' => "return confirm('Are you sure?')"]) !!}
                @endif
              </div>
              {!! Form::close() !!}
            </td>
          </tr>
        @empty
          <tr>
            <td colspan="5" style="text-align: center">N/A</td>
          </tr>
        @endforelse
        </tbody>
      </table>
      <div style="margin-top: 10px">
        <a href="{!! route('cad-asset.create', ['ip'=>$asset->ip_address,'type'=> \App\Models\CAD\Asset::TYPE_TWO,'back'=>$asset->id]) !!}"
           class="btn btn-primary pull-right">
          Add Application
        </a>
      </div>
    </div>
  </div>
</div>

<div class="vulnerabilities">
  <!-- цей блок залишився з майже повністю старою структурою, потрібно додавати колір на комірку з приорітетом відповідно до приорітету -->
  <div class="page-table__tittle">
    <h2>System Vulnerabilities</h2>
  </div>
  <div class="page-table__wrap">
    <div class="page-table">
      <table>
        <thead>
        <tr>
          <th>Case Date Opened</th>
          <th>Vulnerability</th>
          <th>Case</th>
          <th>Priority</th>
          <th>Status</th>
        </tr>
        </thead>
        <tbody>
        @php
          $priorityColors=['Critical'=>'#FF3B2D', 'High'=>'#FF732D', 'Medium'=> '#e5c510', 'Low'=>'#9ADB5A']
        @endphp
        @forelse($cases as /** @var \App\Models\Cases $case*/ $case)
          <tr>
            <td> {{ $case->created_at }}</td>
            <td>
              @if($case->caseFields->count() > 1)
                @foreach($case->caseFields as $vulnerability)
                  {{ $vulnerability->caseCustomField->title }}: {{ $vulnerability->value }}<br>
                @endforeach
              @elseif($case->caseFields->count() > 0)
                @foreach($case->caseFields as $vulnerability)
                  {{ $vulnerability->value }}<br>
                @endforeach
              @endif
            </td>
            <td><a href="{{ route('cases.show',$case->id) }}" target="_blank">#{{ $case->id }}</a></td>
            <td style="color:{{ $priorityColors[\App\Models\Cases::$priority[$case->priority]] }}">
              {{ \App\Models\Cases::$priority[$case->priority] }}</td>
            <td> {{ \App\Models\Cases::$statuses[$case->status] }}</td>
          </tr>
        @empty
          <tr>
            <td colspan="5" style="text-align: center">N/A</td>
          </tr>
        @endforelse
        </tbody>
      </table>
    </div>
  </div>
</div>

@include('CAD.asset.risk_drilldown')

{{--использовалось для редактирования прямо из просмотра--}}
{{--@section('bottom_css')
  <link href="{{ url('/assets/css/asset-page.css') }}" rel="stylesheet"/>
  <script>
    $(function () {
      $('.select2').select2();
      $("#division").select2({
        tags: false
      });
      $("#openPorts").select2({
        tags: true,
        tokenSeparators: [',', ' ', ';']
      });
      $("#openPortsA").select2({
        tags: true,
        tokenSeparators: [',', ' ', ';']
      });


    });
    document.addEventListener('DOMContentLoaded', function () {
      const button = document.querySelector('.edit-btn');
      const editableFields = document.getElementById('editable-fields');
      const form = document.getElementById('asset-form');

      button.addEventListener('click', function () {
        if (button.classList.contains('act')) {
          /!* form submit validation *!/
          $('.alert-danger:eq(0)').remove();
          var assetId = {{ $asset->id }};
          var ipAddress = $.trim($('#ip_address').val());
          if (document.getElementById('asset-form').checkValidity()) {
            $('#asset-form').trigger('submit');
          } else {
            document.getElementById('asset-form').reportValidity()
          }
          /!* EOF form submit validation *!/
        } else {
          button.classList.toggle('act');
          editableFields.classList.toggle('editable');
        }

      });
    });
  </script>
@endsection--}}