@extends('analytics.index')

@section('content')
  <div class="row">
    <div class="col">
      <h1>{{ $project['name'] }}</h1>
      <a href="{{ url()->previous() }}"><i class="fa fa-arrow-left" aria-hidden="true"></i> Retour</a>
      <br><br>
    </div>
  </div>
  <div class="row">
    <div class="col-md-12 chart">

      <table class="table">
        <thead class="thead-dark">
        <tr>
          <th scope="col">
            #
          </th>
          <th class="text-right" scope="col">
            Temps vendu (heures)
          </th>
          <th class="text-right" scope="col">
            Temps passé (heures)
          </th>
          <th class="text-right" scope="col">
            Delta (heures)
          </th>
          <th class="text-right" scope="col">
            Performance (pourcentage)
          </th>
        </tr>
        </thead>
        <tbody>
        @foreach($types_tasks as $type => $type_tasks)
          <tr class="{{ $type_tasks->delta < 0 ? 'table-danger' : 'table-success' }}">
            <th scope="row">{{ $type }}</th>
            <th class="text-right">{{ $type_tasks->estimated_hours }}</th>
            <th class="text-right">{{ $type_tasks->time_spent }}</th>
            <th class="text-right">{{ $type_tasks->delta }}</th>
            <th class="text-right">{{ $type_tasks->percent }}%</th>
          </tr>
          @foreach($type_tasks->tasks as $k => $task)
            <tr>
              <td class="d-flex align-items-center">
                {{ $task['subject'] }}
                @if($task['time_spent'] > 0)
                  <button type="button" data-toggle="collapse" data-target=".detail-task-{{ $task['id'] }}"
                          class="btn btn-link btn-sm">
                    <span class="show"><i class="fas fa-search-plus"></i></span>
                  </button>
                @endif
              </td>
              <td class="text-right">{{ $task['estimated_hours'] }}</td>
              <td class="text-right">{{ $task['time_spent'] }}</td>
              <td class="text-right">{{ $task['delta'] }}</td>
              <td class="text-right">{{ $task['percent'] }}%</td>
            </tr>

            @foreach($task['time_entries'] as $time_entries_activity)
              <tr class="detail-task-{{ $task['id'] }} table-primary collapse" style="font-size: 12px;">
                <th>{{ $time_entries_activity->activity->name }}</th>
                <th></th>
                <th class="text-right">{{ $time_entries_activity->time_spent }}</th>
                <th></th>
                <th></th>
              </tr>

              @foreach($time_entries_activity->time_entries as $time_entry)
                <tr class="detail-task-{{ $task['id'] }} table-info collapse" style="font-size: 10px;">
                  <td>
                    <strong>{{ $time_entry['user']['name'] }}</strong><br>
                    <span class="font-italic">{{ $time_entry['comments'] }}</span>
                  </td>
                  <td></td>
                  <td class="text-right">{{ $time_entry['hours'] }}</td>
                  <td></td>
                  <td></td>
                </tr>
              @endforeach

            @endforeach

          @endforeach
        @endforeach

        <tr class="{{ $total->delta < 0 ? 'bg-danger' : 'bg-success' }} text-capitalize" style="color: #FFF;">
          <th>Total</th>
          <th class="text-right">{{ $total->estimated_hours }}</th>
          <th class="text-right">{{ $total->time_spent }}</th>
          <th class="text-right">{{ $total->delta }}</th>
          <th class="text-right">{{ $total->percent }}%</th>
        </tr>
        </tbody>
      </table>

      <div class="actions">
        <a href="{{ route('analytics.time.project.pdf', ['id' => $project['id']]) }}" class="btn btn-outline-primary"
           target="_blank">
          <i class="far fa-file-pdf"></i> Exporter en PDF
        </a>
        <a href="?force" class="btn btn-outline-dark" target="_self">
          <i class="fas fa-sync"></i> Recalculer
        </a>
      </div>

    </div>
  </div>
@endsection