@extends('layouts.main')

@section('title', 'Risk Determination')

@section('breadcrumb')
  <div class="row">
    <div class="col-sm-12">
      <div class="page-title-box">
        <h4 class="page-title">Risk Determination</h4>
        <ol class="breadcrumb float-right">
          <li class="breadcrumb-item"><a href="/">Home</a></li>
          <li class="breadcrumb-item active">Settings</li>
          <li class="breadcrumb-item active">RISK MANAGEMENT</li>
          <li class="breadcrumb-item active">Risk Determination</li>
        </ol>
        <div class="clearfix"></div>
      </div>
    </div>
  </div>
@endsection

@section('content')
  <div class="clearfix"></div>

  @include('flash::message')

  <div class="clearfix"></div>
  <div class="content-body">
    <div class="row">
      <div class="col-md-12">
        <section class="card">
          <div class="card-header">
          </div>

          <div class="card-body data-table-padding">
            <table class="table table-striped">
              <thead>
                <tr>
                  <th class="risk-h">Item</th>
                  <th class="risk-h">Assumption</th>
                  <th class="risk-h">Service</th>
                  <th class="risk-h">Weight</th>
                  <th class="risk-h">State</th>
                </tr>
              </thead>
              <tbody>
                @foreach($types as $type => $typeTitle)
                  @php
                    $currentGroups = collect(data_get($groups, $type, []));
                    $isFirst = true;
                  @endphp

                  @if($currentGroups->isEmpty())
                    <tr class="table-row">
                      <th class="risk-h">
                        {{ $typeTitle }}
                      </th>
                      <td colspan="4"></td>
                    </tr>
                  @endif

                  @foreach($currentGroups as $gr)
                    <tr class="table-row">
                      {{-- Item --}}
                      <td class="risk-h">
                        @if($isFirst)
                          {{ $typeTitle }}
                        @endif

                        @php
                          $isFirst = false;
                        @endphp
                      </td>

                      {{-- Assumption --}}
                      <td>
                        <span class="group-name">{{ $gr->name }}</span>
                      </td>

                      {{-- Service --}}
                      <td></td>

                      {{-- Weight --}}
                      <td>{{ "{$gr->weight}%" }}</td>

                      {{-- State --}}
                      <td></td>
                    </tr>

                    @foreach($gr->riskAssumptionItems as $item)
                      <tr class="table-row">
                        {{-- Item --}}
                        <td class="risk-h"></td>

                        {{-- Assumption --}}
                        <td>{{ $item->name }}</td>

                        {{-- Service --}}
                        <td>{{ $item->service_titles }}</td>

                        {{-- Weight --}}
                        <td></td>

                        {{-- State --}}
                        @php
                          $state = $services->intersect($item->services->pluck('id'))->isNotEmpty();
                        @endphp

                        <td @class([
                          'state-red' => !$state,
                          'state-green' => $state,
                        ])>
                          @if($state)
                            <i class="fa fa-check" style="font-size: 1.5rem;"></i>
                          @else
                            <i class="fa fa-times" style="font-size: 1.5rem;"></i>
                          @endif
                      </tr>
                    @endforeach
                  @endforeach
                @endforeach
              </tbody>
            </table>
          </div>
        </section>
      </div>
    </div>
  </div>
@endsection

@section('scripts')
  <style>
    .group-name {
      font-weight: bold;
      text-decoration: underline;
    }

    tr > td:first-child,
    tr > th:first-child {
      width: 1%;
    }

    .state-red[class] {
      color: #ff0000;
    }

    .state-green[class] {
      color: #00ff00;
    }
  </style>
  <script type="text/javascript">
    new DataTable(document.querySelector('table'), { perPage: 9999, perPageSelect: false, sortable: false });

    const qs = (selector) => document.querySelector(selector)
    const el = (selector) => document.createElement(selector)

    const link = el('a')
    link.href = '{{ route('risk-assumption-print-certificate') }}'
    link.classList.add('btn', 'btn-info')
    link.innerHTML = 'Print Certificate'
    link.style.float = 'right'
    link.style.marginRight = '10px'
    link.target = '_blank'

    const wr = qs('.dataTable-top')
    wr.append(link)

    qs('.dataTable-search').style.float = 'right'
  </script>
@endsection