@extends('layouts.main')
@section('content')
<div class="container-fluid py-4">
   <div class="row">
      {{-- ================= AVAILABILITY ================= --}}
      <div class="col-lg-6">
         <div class="card shadow-sm border-0">
            {{-- Header --}}
            <div class="card-header text-white" style="background:#4f46e5;">
               <h5 class="mb-0">Availability Management</h5>
            </div>
            <div class="card-body">
               {{-- Add Availability --}}
               <form action="{{ route('availability.store') }}" method="POST">
                  @csrf
                  <div class="row g-2 mb-3">
                     {{-- ✅ Doctor Select --}}
                     <div class="col-md-3">
                      <select name="consultant_id" class="form-select" required>
                           <option value="">Select Counsellor</option>

                           @foreach($counsellors as $counsellor)
                              <option value="{{ $counsellor->id }}">
                                    {{ $counsellor->first_name }}
                              </option>
                           @endforeach
                        </select>
                     </div>
                     <div class="col-md-2">
                        <input type="date" name="date" class="form-control" required>
                     </div>
                     <div class="col-md-2">
                        <input type="time" name="start_time" class="form-control" required>
                     </div>
                     <div class="col-md-2">
                        <input type="time" name="end_time" class="form-control" required>
                     </div>
                     <div class="col-md-2">
                        <input type="number" name="slot_duration" class="form-control" placeholder="Min" required>
                     </div>
                     <div class="col-md-1 d-grid">
                        <button class="btn btn-primary">
                        <i class="bi bi-plus-circle"></i>
                        </button>
                     </div>
                  </div>
               </form>
               <hr>
               {{-- List --}}
               <h6 class="fw-bold mb-3">Availability List</h6>
               <div class="table-responsive">
                  <table class="table table-bordered table-hover align-middle">
                     <thead class="table-light">
                        <tr>
                           <th>ID</th>
                           <th>Doctor</th>
                           <th>Date</th>
                           <th>Time</th>
                           <th>Slot</th>
                           <th>Status</th>
                           <th>Action</th>
                        </tr>
                     </thead>
                     <tbody>
                        @foreach($availabilities as $item)
                        {{-- Doctor Header --}}
                        <tr class="table-primary">
                           <td colspan="6">
                              <strong>
                              Dr. {{ $item->consultant->first_name ?? '' }}
                               | {{ \Carbon\Carbon::parse($item->available_date)->format('d M Y') }}
                              </strong>
                           </td>
                        </tr>
                        {{-- Booking List --}}
                        @foreach($bookings->where('consultant_id', $item->consultant_id) as $booking)
                        <tr>
                           <td>{{ $booking->id }}</td>
                           <td>
                              {{ $booking->user->first_name ?? '' }}
                              {{ $booking->user->last_name ?? '' }}
                           </td>
                           <td>{{ \Carbon\Carbon::parse($booking->appointment_date)->format('d M Y') }}</td>
                           <td>
                              {{ date('h:i A', strtotime($booking->start_time)) }} -
                              {{ date('h:i A', strtotime($booking->end_time)) }}
                           </td>
                           <td>₹ {{ $booking->amount }}</td>
                           <td>{{ ucfirst($booking->booking_status) }}</td>
                           <td>
                              <form action="{{ route('availability.delete', $item->id) }}" method="POST"
                                 onsubmit="return confirm('Are you sure to delete this availability?')">
                                 @csrf
                                 @method('DELETE')
                                 <button type="submit" class="btn btn-sm btn-danger">
                                 <i class="bi bi-trash"></i>
                                 </button>
                              </form>
                           </td>
                        </tr>
                        @endforeach
                        @endforeach
                     </tbody>
                  </table>
               </div>
            </div>
         </div>
      </div>
      {{-- ================= BOOKINGS ================= --}}
      <div class="col-lg-6">
         <div class="card shadow-sm border-0">
            {{-- Header --}}
            <div class="card-header text-white" style="background:#4f46e5;">
               <h5 class="mb-0">Booking Management</h5>
            </div>
            <div class="card-body">
               {{-- Add Booking --}}
               <form action="{{ route('booking.store') }}" method="POST">
                  @csrf
                  <div class="row g-2 mb-3">
                     <div class="col-md-3">
                        <select name="user_id" class="form-select" required>
                           <option value="">Select User</option>
                           @foreach($users as $user)
                           <option value="{{ $user->id }}">
                              {{ $user->first_name }}  
                           </option>
                           @endforeach
                        </select>
                     </div>
                     <div class="col-md-3">
                        <select name="consultant_id" class="form-select" required>
                           <option value="">Select Counsellor</option>

                           @foreach($counsellors as $counsellor)
                              <option value="{{ $counsellor->id }}">
                                    {{ $counsellor->first_name }}
                              </option>
                           @endforeach
                        </select>
                     </div>
                     <div class="col-md-3">
                        <input type="date" name="appointment_date" class="form-control" required>
                     </div>
                     <div class="col-md-3">
                        <input type="time" name="start_time" class="form-control" required>
                     </div>
                     <div class="col-md-3">
                        <input type="time" name="end_time" class="form-control" required>
                     </div>
                     <div class="col-md-2">
                        <input type="number" name="amount" class="form-control" placeholder="₹" required>
                     </div>
                     <div class="col-md-1 d-grid">
                        <button class="btn btn-primary">
                        <i class="bi bi-plus-circle"></i>
                        </button>
                     </div>
                  </div>
                  <div class="mb-3">
                     <select name="booking_status" class="form-select">
                        <option value="pending">Pending</option>
                        <option value="confirmed">Confirmed</option>
                        <option value="completed">Completed</option>
                        <option value="cancelled">Cancelled</option>
                     </select>
                  </div>
               </form>
               <hr>
               {{-- List --}}
               <h6 class="fw-bold mb-3">Booking List</h6>
               <div class="table-responsive">
                  <table class="table table-bordered table-hover align-middle">
                     <thead class="table-light">
                        <tr>
                           <th>ID</th>
                           <th>User</th>
                           <th>Date</th>
                           <th>Time</th>
                           <th>Amount</th>
                           <th>Status</th>
                           <th>Action</th>
                        </tr>
                     </thead>
                     <tbody>
                        @forelse($bookings as $booking)
                        <tr>
                           <td>{{ $booking->id }}</td>
                           <td>{{ $booking->user->name ?? $booking->user->first_name ?? '-' }}</td>
                           <td>{{ \Carbon\Carbon::parse($booking->appointment_date)->format('d M Y') }}</td>
                           <td>
                              {{ date('h:i A', strtotime($booking->start_time)) }} -
                              {{ date('h:i A', strtotime($booking->end_time)) }}
                           </td>
                           <td>₹ {{ $booking->amount }}</td>
                           <td>
                              <span class="badge 
                                 @if($booking->booking_status=='confirmed') bg-success
                                 @elseif($booking->booking_status=='pending') bg-warning
                                 @elseif($booking->booking_status=='completed') bg-info
                                 @else bg-danger @endif">
                              {{ ucfirst($booking->booking_status) }}
                              </span>
                           </td>
                           <td>
                              <form action="{{ route('booking.delete', $booking->id) }}" method="POST"
                                 onsubmit="return confirm('Delete this booking?')">
                                 @csrf
                                 @method('DELETE')
                                 <button type="submit" class="btn btn-sm btn-danger">
                                 <i class="bi bi-trash"></i>
                                 </button>
                              </form>
                           </td>
                        </tr>
                        @empty
                        <tr>
                           <td colspan="6" class="text-center text-muted">No Data</td>
                        </tr>
                        @endforelse
                     </tbody>
                  </table>
               </div>
            </div>
         </div>
      </div>
   </div>
</div>
@endsection