@extends('layouts.sidebar')
@section('title', 'Nomadic - Booking Confirmation Detail')
@section('content')
<div class="pagetitle d-flex justify-content-between align-items-center">
  <h1>Booking #{{ $booking->booking_id }}</h1>
  <a href="{{ url('backend/booking-confirmations') }}" class="btn btn-outline-secondary btn-sm">
    <i class="bi bi-arrow-left"></i> Back to List
  </a>
</div>

@if(session('success'))
<div class="alert alert-success alert-dismissible fade show" role="alert">
  {{ session('success') }}
  <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
</div>
@endif
@if(session('error'))
<div class="alert alert-danger alert-dismissible fade show" role="alert">
  {{ session('error') }}
  <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
</div>
@endif

<section class="section">
  <div class="row">
    {{-- Booking Info --}}
    <div class="col-lg-6">
      <div class="card">
        <div class="card-body">
          <h5 class="card-title">Booking Details</h5>
          <table class="table">
            <tr><th>Member</th><td>{{ $member ? $member->fname . ' ' . $member->lname : 'N/A' }}</td></tr>
            <tr><th>Email</th><td>{{ $member->email ?? 'N/A' }}</td></tr>
            <tr><th>Location</th><td>{{ $booking->location_name }}</td></tr>
            <tr><th>Date</th><td>{{ $booking->start_date }} - {{ $booking->end_date }}</td></tr>
            <tr><th>Time</th><td>{{ substr($booking->start_time, 0, 5) }} - {{ substr($booking->end_time, 0, 5) }}</td></tr>
            <tr><th>Total Points</th><td>{{ $booking->total_points }} pts</td></tr>
            <tr>
              <th>Booking Status</th>
              <td>
                @if($booking->status == 0)
                  <span class="badge bg-info">Active</span>
                @elseif($booking->status == 1)
                  <span class="badge bg-success">Completed</span>
                @elseif($booking->status == 2)
                  <span class="badge bg-danger">Cancelled</span>
                @endif
              </td>
            </tr>
            <tr>
              <th>Confirmation</th>
              <td>
                @if($booking->confirmation_status === 'pending')
                  <span class="badge bg-warning text-dark">Pending Confirmation</span>
                @elseif($booking->confirmation_status === 'confirmed')
                  <span class="badge bg-success">All Confirmed</span>
                @elseif($booking->confirmation_status === 'escalated')
                  <span class="badge bg-danger">Escalated</span>
                @elseif($booking->confirmation_status === 'declined')
                  <span class="badge bg-danger">Declined</span>
                @endif
              </td>
            </tr>
            @if($booking->confirmation_deadline)
            <tr>
              <th>Deadline</th>
              <td>
                {{ \Carbon\Carbon::parse($booking->confirmation_deadline)->format('M d, Y H:i') }}
                @if(\Carbon\Carbon::parse($booking->confirmation_deadline)->isFuture())
                  <small class="text-muted">({{ \Carbon\Carbon::parse($booking->confirmation_deadline)->diffForHumans() }})</small>
                @else
                  <small class="text-danger">(expired)</small>
                @endif
              </td>
            </tr>
            @endif
          </table>
        </div>
      </div>
    </div>

    {{-- Booked Resources --}}
    <div class="col-lg-6">
      <div class="card">
        <div class="card-body">
          <h5 class="card-title">Booked Resources</h5>
          <table class="table">
            @if($studioData)
            <tr>
              <th><i class="bi bi-building"></i> Studio</th>
              <td>{{ $studioData->name }}</td>
              <td>{{ $details->where('type','studio')->first()->points ?? 0 }} pts</td>
            </tr>
            @endif
            @if($studioEquipmentData)
            <tr>
              <th><i class="bi bi-tools"></i> Studio Equipment</th>
              <td>{{ $studioEquipmentData->name }}</td>
              <td>{{ $details->where('type','studio_equipment')->first()->points ?? 0 }} pts</td>
            </tr>
            @endif
            @if($equipmentData)
            <tr>
              <th><i class="bi bi-camera"></i> Rental Equipment</th>
              <td>{{ $equipmentData->name }}</td>
              <td>{{ $details->where('type','rental')->first()->points ?? 0 }} pts</td>
            </tr>
            @endif
            @if($resourceData)
            <tr>
              <th><i class="bi bi-person"></i> Team Member</th>
              <td>{{ $resourceData->fname }} {{ $resourceData->lname }}</td>
              <td>{{ $details->where('type','resource')->first()->points ?? 0 }} pts</td>
            </tr>
            @endif
          </table>
        </div>
      </div>
    </div>
  </div>

  {{-- Confirmation Status per Party --}}
  <div class="card">
    <div class="card-body">
      <h5 class="card-title">Confirmation Status</h5>
      <table class="table table-hover">
        <thead>
          <tr>
            <th>Name</th>
            <th>Role</th>
            <th>Resource</th>
            <th>Status</th>
            <th>Responded At</th>
            <th>Decline Reason</th>
          </tr>
        </thead>
        <tbody>
          @foreach($confirmations as $conf)
            @php $confUser = $confirmerUsers[$conf->user_id] ?? null; @endphp
            <tr>
              <td>{{ $confUser ? $confUser->fname . ' ' . $confUser->lname : 'Unknown' }}</td>
              <td><span class="badge bg-secondary">{{ ucwords(str_replace('_', ' ', $conf->role)) }}</span></td>
              <td>{{ ucwords(str_replace('_', ' ', $conf->resource_type)) }}</td>
              <td>
                @if($conf->status === 'pending')
                  <span class="badge bg-warning text-dark">Pending</span>
                @elseif($conf->status === 'confirmed')
                  <span class="badge bg-success">Confirmed</span>
                @else
                  <span class="badge bg-danger">Declined</span>
                @endif
              </td>
              <td>{{ $conf->responded_at ? \Carbon\Carbon::parse($conf->responded_at)->format('M d, Y H:i') : '-' }}</td>
              <td>
                @if($conf->decline_reason_code)
                  <strong>{{ ucwords(str_replace('_', ' ', $conf->decline_reason_code)) }}</strong>
                  @if($conf->decline_reason_text)
                    <br><small>{{ $conf->decline_reason_text }}</small>
                  @endif
                @else
                  -
                @endif
              </td>
            </tr>
          @endforeach
        </tbody>
      </table>
    </div>
  </div>

  {{-- Action Buttons --}}
  @if($myConfirmation && $myConfirmation->status === 'pending')
  <div class="card">
    <div class="card-body">
      <h5 class="card-title">Your Action</h5>
      <div class="d-flex gap-3 align-items-start">
        {{-- Confirm Button --}}
        <form method="POST" action="{{ url('backend/booking-confirmations/' . $booking->booking_id . '/confirm') }}">
          @csrf
          <button type="submit" class="btn btn-success btn-lg" onclick="return confirm('Confirm this booking?')">
            <i class="bi bi-check-lg"></i> Confirm
          </button>
        </form>

        {{-- Decline Form --}}
        <div class="flex-grow-1">
          <form method="POST" action="{{ url('backend/booking-confirmations/' . $booking->booking_id . '/decline') }}">
            @csrf
            <div class="row g-2 align-items-end">
              <div class="col-auto">
                <label class="form-label">Reason</label>
                <select name="decline_reason_code" class="form-select" required>
                  <option value="">Select reason...</option>
                  <option value="unavailable">Unavailable</option>
                  <option value="schedule_conflict">Schedule Conflict</option>
                  <option value="equipment_issue">Equipment Issue</option>
                  <option value="other">Other</option>
                </select>
              </div>
              <div class="col">
                <label class="form-label">Details (optional)</label>
                <input type="text" name="decline_reason_text" class="form-control" placeholder="Additional details...">
              </div>
              <div class="col-auto">
                <button type="submit" class="btn btn-danger btn-lg" onclick="return confirm('Are you sure you want to decline?')">
                  <i class="bi bi-x-lg"></i> Decline
                </button>
              </div>
            </div>
          </form>
        </div>
      </div>
    </div>
  </div>
  @endif

  {{-- Location Manager Escalation Actions --}}
  @if($isLocationManager && ($booking->confirmation_status === 'escalated' || $booking->confirmation_status === 'pending'))
  <div class="card border-warning">
    <div class="card-body">
      <h5 class="card-title text-warning"><i class="bi bi-exclamation-triangle"></i> Location Manager Actions</h5>
      <p class="text-muted">As location manager, you can force-confirm or cancel this booking.</p>
      <div class="d-flex gap-3">
        <form method="POST" action="{{ url('backend/booking-confirmations/' . $booking->booking_id . '/escalate-confirm') }}">
          @csrf
          <button type="submit" class="btn btn-success" onclick="return confirm('Force-confirm this booking? All pending parties will be marked as confirmed.')">
            <i class="bi bi-check-all"></i> Force Confirm
          </button>
        </form>
        <form method="POST" action="{{ url('backend/booking-confirmations/' . $booking->booking_id . '/escalate-cancel') }}">
          @csrf
          <button type="submit" class="btn btn-danger" onclick="return confirm('Cancel this booking? Points will be refunded to the member.')">
            <i class="bi bi-x-circle"></i> Cancel Booking
          </button>
        </form>
      </div>
    </div>
  </div>
  @endif

  {{-- Report No-Show (visible when booking is confirmed and start time is past or near) --}}
  @if($booking->confirmation_status === 'confirmed' && $booking->status == 0)
  <div class="card border-danger mt-3">
    <div class="card-body">
      <h5 class="card-title text-danger"><i class="bi bi-person-x"></i> Report No-Show</h5>
      <p class="text-muted">If a confirmed resource did not show up for this session, report them here.</p>
      @php
        $resourceDetails = $details->whereIn('type', ['resource', 'rental', 'studio_equipment']);
      @endphp
      @if($resourceDetails->isNotEmpty())
      <form method="POST" action="{{ url('backend/noshow-incidents/report') }}" onsubmit="return confirm('Report this resource as no-show?')">
        @csrf
        <input type="hidden" name="booking_id" value="{{ $booking->booking_id }}">
        <div class="row g-2 align-items-end">
          <div class="col-md-6">
            <label class="form-label">Select Resource</label>
            <select name="resource_select" class="form-select" required onchange="
              var opt = this.options[this.selectedIndex];
              document.getElementById('ns_resource_user_id').value = opt.dataset.userId;
              document.getElementById('ns_resource_type').value = opt.dataset.type;
              document.getElementById('ns_resource_id').value = opt.dataset.resourceId;
            ">
              <option value="">Choose...</option>
              @foreach($resourceDetails as $rd)
                @php
                  $rdUserId = $rd->resource_id ?? 0;
                  $rdType = $rd->type;
                  $rdResourceId = $rd->type === 'resource' ? $rd->resource_id : $rd->equipment_id;
                  $rdLabel = ucwords(str_replace('_', ' ', $rd->type));
                  if ($rd->type === 'resource' && $resourceData) $rdLabel .= ': ' . $resourceData->fname . ' ' . $resourceData->lname;
                  if ($rd->type === 'rental' && $equipmentData) $rdLabel .= ': ' . $equipmentData->name;
                  if ($rd->type === 'studio_equipment' && $studioEquipmentData) $rdLabel .= ': ' . $studioEquipmentData->name;
                @endphp
                <option value="{{ $rd->id }}" data-user-id="{{ $rdUserId }}" data-type="{{ $rdType }}" data-resource-id="{{ $rdResourceId }}">
                  {{ $rdLabel }}
                </option>
              @endforeach
            </select>
            <input type="hidden" name="resource_user_id" id="ns_resource_user_id">
            <input type="hidden" name="resource_type" id="ns_resource_type">
            <input type="hidden" name="resource_id" id="ns_resource_id">
          </div>
          <div class="col-auto">
            <button type="submit" class="btn btn-danger">
              <i class="bi bi-person-x"></i> Report No-Show
            </button>
          </div>
        </div>
      </form>
      @else
      <p class="text-muted">No reportable resources in this booking.</p>
      @endif
    </div>
  </div>
  @endif
</section>
@endsection