@extends('layouts.app')
@section('content')

<div class="container-fluid bg-white">
  <div class="row">
    <div class="col-md-12 py-3">
      <h1 class="pb-3">Assessments</h1>

      @if (session("status"))
        <div class="alert alert-success">
          {{ session("status") }}
        </div>
      @endif

      @if (!empty($risks))
        <ul class="nav nav-tabs border-bottom-0">
          @foreach ($risks as $risk)
            <li class="nav-item">
              <a href="/sessions/risk/{{ $risk["value"] }}" class="nav-link{{ $risk["count"] ? "" : " disabled" }}{{ $risk["active"] ? " active" : "" }}">
                {{ $risk["label"] }} ({{ $risk["count"] }})
              </a>
            </li>
          @endforeach
        </ul>
      @endif

      <table class="table table-hover">
        <thead>
          <tr>
            <th>Assessment ID</th>
            <th>Score</th>
            <th>Risk</th>
            <th>Created at</th>
            <th>Updated at</th>
            <th>Postcode</th>
            <th>Link Referrer</th>
            <th>Options</th>
          </tr>
        </thead>
        <tbody>
          @forelse ($sessions as $session)
            <tr
              @if ($session->data["form_completed"])
                class="table-primary"
              @endif
            >
              <td>
                {{ $session->id }}
              </td>
              @if ($session->risk == "Very High")
                <td class="bg-danger text-white text-center" style="font-size: 1.1rem;">
                  {{ $session->score }}
                </td>
              @elseif ($session->risk == "High")
                <td class="text-white text-center" style="background-color: orange; font-size: 1.1rem">
                  {{ $session->score }}
                </td>
              @elseif ($session->risk == "Medium")
                <td class="bg-primary text-white text-center" style="font-size: 1.1rem">
                  {{ $session->score }}
                </td>
              @else
                <td class="bg-success text-white text-center" style="font-size: 1.1rem">
                  {{ $session->score }}
                </td>
              @endif
              <td>{{ $session->risk }}</td>
              <td>{{ $session->created_at->format('d/m/Y H:i:s') }}</td>
              <td>{{ $session->updated_at->format('d/m/Y H:i:s') }}</td>
              <td>{{ $session->postcode }}</td>
              <td>{{ $session->source->name }}</td>
              <td>
                <a href="{{ route('sessions.show', $session->id) }}" class="btn btn-sm btn-primary">View</a>
                <form method="post" action="{{ route('sessions.destroy', $session->id) }}" class="d-inline-block">
                  @csrf
                  @method('DELETE')
                  <button type="submit" class="btn btn-sm btn-success confirm delete">Mark As Complete</button>
                </form>
              </td>
            </tr>
          @empty
            <tr>
              <td colspan="7">There are no records to display.</td>
            </tr>
          @endforelse
        </tbody>
      </table>

      {{ $sessions->appends(Request::except("page"))->links() }}
    </div>
  </div>
</div>

<div id="modal-confirm" class="modal fade" tabindex="-1" role="dialog">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">Complete Assessment</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <p>Are you sure you want to mark this assessment as complete?</p>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
      </div>
    </div>
  </div>
</div>

@endsection