@extends('admin.layout')

@section('style')
  @parent
  <link rel="stylesheet" href="{{ asset('css/admin/reservations.css') }}">
@endsection

@section('title')
  Reservations
@endsection

@section('content_title')
  Reservations
@endsection

@section('main')
  <form action="">
    <label for="">from (day) (calendar?select option?)</label>
    <label for="">to (day) (calendar?select option?)</label>
    <label for="">youbi (Mon ... Sun)</label>
    <label for="">except for ...</label>
    <label for="">from (time)</label>
    <label for="">to (time)</label>
    <input type="submit" value="reserve">
    <input type="submit" value="cancel">
  </form>

  <table id="calendar_table">
    <caption>
      <h2>
        {!! $calendar->get_back_btn() !!}
        <span>{{ $calendar->get_table_title() }}</span>
        {!! $calendar->get_next_btn() !!}
      </h2>
    </caption>
    <thead>
      {!! $calendar->get_content_of_thead() !!}
    </thead>
    <tbody>
      {!! $calendar->get_content_of_tbody() !!}
    </tbody>
  </table>

  @isset($reservations)   
    <table id="reservations_table">
      <caption>
        <h2>{{ Request::input('year') . '年' . Request::input('month') . '月' . Request::input('day') . '日' }}</h2>
      </caption>
      <thead>
        <tr>
          <th>開始時刻</th>
          <th>空き状況</th>
        </tr>
      </thead>
      <tbody>
        @php
          $startTime = strtotime(env('opening_time')); //env or config working hours
          $endTime = strtotime(env('closing_time')); //env or config working hours
          $interval = 30 * 60; // 30分を秒に変換
          $name = '';
          $email = '';
          $service = '';
        @endphp

        @for ($time = $startTime; $time < $endTime; $time += $interval)
          @php
            $slotStartTime = date("H:i", $time);
            $slotEndTime = date("H:i", $time + $interval);
            $isReserved = false;

            // 予約チェック
            foreach ($reservations as $reservation) {
              $start = strtotime(date('H:i:s', strtotime($reservation->start)));
              $end = strtotime(date('H:i:s', strtotime($reservation->end)));

              if ($time >= $start && $time < $end) {
                $isReserved = true;
                $name = $reservation->name;
                $email = $reservation->email;
                $service = $reservation->service->name;
                break;
              }
            }
          @endphp

          <tr>
            <td>{{ $slotStartTime }}</td>
            @if ($isReserved)
              <td class="unreservable">{{ $name . ' ' . $email . ' ' . $service }}</td>
            @else
              <td class="reservable">
                <a href="/admin/reserve?year={{ Request::input('year' )}}&month={{ Request::input('month') }}&day={{ Request::input('day') }}&time={{ $slotStartTime }}">◯</a>  
              </td>
            @endif  
          </tr>
        @endfor
      </tbody> 
    </table>
  @endisset  
@endsection

@section('script')
  <script src="{{ asset('js/admin/reservations.js') }}"></script>
@endsection