@extends('layouts.main')
@section('content')
<div class="container-fluid py-4">
   @if ($errors->any())
       <div class="alert alert-danger mb-3">
           <ul class="mb-0">
               @foreach ($errors->all() as $error)
                   <li>{{ $error }}</li>
               @endforeach
           </ul>
       </div>
   @endif

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

   @if (session('error'))
       <div class="alert alert-danger mb-3">
           {{ session('error') }}
       </div>
   @endif

   <div class="row">
      {{-- ================= AVAILABILITY ================= --}}
      <div class="col-lg-12">
         <div class="card shadow-sm border-0 mb-4">
            {{-- Header --}}
            <div class="card-header text-white" style="background: rgba(99, 102, 241, 0.12) !important; border-bottom: 1px solid var(--border-color) !important;">
               <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-2">
                       <select name="consultant_id" class="form-select" required>
                            <option value="">Select Counsellor</option>

                            @foreach($counsellors as $counsellor)
                               <option value="{{ $counsellor->id }}" {{ (count($counsellors) == 1 || (isset($tenant) && $counsellor->first_name == $tenant->name) || old('consultant_id') == $counsellor->id) ? 'selected' : '' }}>
                                     {{ $counsellor->first_name }}
                               </option>
                            @endforeach
                         </select>
                     </div>
                     {{-- Session Type Select --}}
                     <div class="col-md-2">
                        <select name="session_type_id" class="form-select" required>
                           <option value="">Session Type</option>
                           @foreach($session_types as $st)
                              <option value="{{ $st->id }}" {{ old('session_type_id') == $st->id ? 'selected' : '' }}>
                                 {{ $st->name }} (₹{{ $st->fees }})
                              </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-1">
                        <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 style="border-top: 1px solid var(--border-color);">
               {{-- List --}}
               <h6 class="fw-bold mb-3">Availability List</h6>
               <div class="table-responsive">
                  <table class="table table-hover align-middle">
                     <thead>
                        <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>
                        @forelse($availabilities as $item)
                        <tr>
                           <td>{{ $item->id }}</td>
                           <td>
                              {{ $item->doctor?->first_name ?? $item->consultant?->name ?? 'N/A' }}
                              @if($item->sessionType)
                                 <br><small class="text-muted">Session: {{ $item->sessionType->name }} (₹{{ $item->sessionType->fees }})</small>
                              @endif
                           </td>
                           <td>{{ \Carbon\Carbon::parse($item->available_date)->format('d M Y') }}</td>
                           <td>
                              {{ date('h:i A', strtotime($item->start_time)) }} -
                              {{ date('h:i A', strtotime($item->end_time)) }}
                           </td>
                           <td>{{ $item->slot_duration_minutes }} Min</td>
                           <td>
                              @if($item->is_active)
                                 <span class="badge bg-success">Active</span>
                              @else
                                 <span class="badge bg-secondary">Inactive</span>
                              @endif
                           </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>
                        @empty
                        <tr>
                           <td colspan="7" class="text-center text-muted">No Availability Added</td>
                        </tr>
                        @endforelse
                     </tbody>
                  </table>
               </div>
            </div>
         </div>
      </div>
      @if(false)
      {{-- ================= BOOKINGS ================= --}}
      <div class="col-lg-6">
         <div class="card shadow-sm border-0">
            {{-- Header --}}
            <div class="card-header text-white" style="background: rgba(99, 102, 241, 0.12) !important; border-bottom: 1px solid var(--border-color) !important;">
               <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 }}" {{ (isset($tenant) && $counsellor->first_name == $tenant->name) ? 'selected' : '' }}>
                                    {{ $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 style="border-top: 1px solid var(--border-color);">
               {{-- List --}}
               <h6 class="fw-bold mb-3">Booking List</h6>
               <div class="table-responsive">
                  <table class="table table-hover align-middle">
                     <thead>
                        <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.destroy', $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="7" class="text-center text-muted">No Data</td>
                        </tr>
                        @endforelse
                     </tbody>
                  </table>
               </div>
            </div>
         </div>
      </div>
      @endif
   </div>
</div>
</div>
@endsection