@extends('_layouts.app')

@section('content')
  <section class="content page-nightpatrol">
    <div class="card">
      <div class="card-body">
        
        <div class="row">
          
          <div class="col-md-6">
            <div class="row">
              <div class="col-md-6 mb-2">
                <input type="text" class="form-control" id="filter-nightpatrol">
              </div>
              <div class="col-md-6">
                <button type="button" class="btn btn-primary" id="btn-nightpatrol-report-filter">Filter</button>
              </div>
            </div>
          </div>

          <div class="col-md-6 text-right">
            <p>
              <strong>{{ $start }} to {{ $end }}</strong><br>
              <strong>Total: {{ $total }}</strong>
            </p>
          </div>
        
        <table class="table table-bordered mt-4">
          <tbody id="nightpatrol-report">
          @foreach ($reports as $day => $records)
            <tr>
              <td class="bg-gray-light"><strong>{{ $day }}</strong></td>
              @foreach ($records['data'] as $record)
                <td class="text-center">
                  <small class="text-muted">{{ $record['date'] }}</small><br>
                  <span class="text-success">{{ $record['amount'] }}</span>
                </td>
              @endforeach
              <td class="text-center">
                <small class="text-muted">Total</small><br>
                <strong>{{ $records['total'] }}</strong>
              </td>
            </tr>
          @endforeach
          </tbody>
        </table>
      </div>
    </div>
  </section>
@endsection

@section('title')
  Night Patrol
@endsection