@extends('crm.master')

@section('content')
<div class="container-xxl flex-grow-1 container-p-y">
  <div class="d-flex align-items-center justify-content-between mb-4">
    <div>
      <h4 class="mb-0">{{ $booking->booking_number }}</h4>
      <small class="text-muted">Created {{ $booking->created_at->format('M j, Y g:i A') }}</small>
    </div>
    <div>
      <a href="{{ route('crm.bookings.index') }}" class="btn btn-outline-secondary btn-sm me-2">
        <i class="icon-base ti tabler-arrow-left me-1"></i> Back
      </a>
    </div>
  </div>

  @include('crm.components.alerts')

  <div class="row">
    <!-- Left: Booking Info -->
    <div class="col-md-8">
      <!-- Items -->
      <div class="card mb-4">
        <div class="card-header"><h6 class="mb-0">Booked Items</h6></div>
        <div class="table-responsive">
          <table class="table mb-0">
            <thead class="table-light">
              <tr><th>Product</th><th>Duration</th><th>Rate</th><th>Total</th></tr>
            </thead>
            <tbody>
              @foreach($booking->items as $item)
              <tr>
                <td>{{ $item->product_name }}</td>
                <td>{{ number_format($item->duration_hours, 1) }} hrs</td>
                <td>${{ number_format($item->unit_price, 2) }} / {{ $item->rate_type ?? 'day' }}</td>
                <td>${{ number_format($item->subtotal, 2) }}</td>
              </tr>
              @endforeach
            </tbody>
          </table>
        </div>
      </div>

      <!-- Booking Dates -->
      <div class="card mb-4">
        <div class="card-header"><h6 class="mb-0">Booking Dates</h6></div>
        <div class="card-body">
          <div class="row">
            <div class="col-6">
              <small class="text-muted d-block">Start</small>
              <span>{{ $booking->start_datetime->format('D, M j, Y') }}</span><br>
              <span>{{ $booking->start_datetime->format('g:i A') }}</span>
            </div>
            <div class="col-6">
              <small class="text-muted d-block">End</small>
              <span>{{ $booking->end_datetime->format('D, M j, Y') }}</span><br>
              <span>{{ $booking->end_datetime->format('g:i A') }}</span>
            </div>
          </div>
          <div class="mt-2 text-muted" style="font-size:13px;">
            Duration: {{ $booking->duration_days }} day(s) / {{ $booking->duration_hours }} hr(s)
          </div>
        </div>
      </div>

      <!-- Wedding Info -->
      @if($booking->is_wedding)
      <div class="card mb-4 border-warning">
        <div class="card-header bg-warning-subtle"><h6 class="mb-0">Wedding Details</h6></div>
        <div class="card-body">
          <div class="row g-2" style="font-size:14px;">
            <div class="col-6"><small class="text-muted">Bride &amp; Groom</small><div>{{ $booking->bride_groom_name }}</div></div>
            <div class="col-6"><small class="text-muted">Wedding Date</small><div>{{ $booking->wedding_date?->format('M j, Y') }}</div></div>
            <div class="col-6"><small class="text-muted">Wedding Location</small><div>{{ $booking->wedding_location }}</div></div>
            <div class="col-6"><small class="text-muted">Destination After</small><div>{{ $booking->destination_after_wedding }}</div></div>
            <div class="col-6"><small class="text-muted">Planner Name</small><div>{{ $booking->wedding_planner_name }}</div></div>
            <div class="col-6"><small class="text-muted">Planner Contact</small><div>{{ $booking->wedding_planner_contact }}</div></div>
            @if($booking->wedding_planner_day_contact)
            <div class="col-12"><small class="text-muted">Day-of Contact</small><div>{{ $booking->wedding_planner_day_contact }}</div></div>
            @endif
          </div>
        </div>
      </div>
      @endif

      <!-- Notes -->
      @if($booking->purpose)
      <div class="card mb-4">
        <div class="card-header"><h6 class="mb-0">Purpose / Notes</h6></div>
        <div class="card-body" style="font-size:14px;">{{ $booking->purpose }}</div>
      </div>
      @endif
    </div>

    <!-- Right: Customer + Financials -->
    <div class="col-md-4">
      <!-- Status -->
      <div class="card mb-3">
        <div class="card-body text-center">
          <span class="badge bg-{{ $booking->status_badge }} fs-6">{{ $booking->status_label }}</span>
          <div class="mt-1 text-muted" style="font-size:12px;">Source: {{ ucfirst($booking->source) }}</div>
        </div>
      </div>

      <div class="card mb-3">
        <div class="card-header"><h6 class="mb-0">Order Status</h6></div>
        <div class="card-body">
          <form method="POST" action="{{ route('crm.bookings.update-status', $booking->hash_id) }}">
            @csrf @method('PATCH')
            <label for="booking-status" class="form-label text-muted small">First time order is pending. You can change it later.</label>
            <div class="d-flex gap-2">
              <select id="booking-status" name="status" class="form-select">
                @foreach(\App\Models\Booking::STATUS_OPTIONS as $value => $label)
                  <option value="{{ $value }}" {{ $booking->status === $value ? 'selected' : '' }}>{{ $label }}</option>
                @endforeach
              </select>
              <button type="submit" class="btn btn-primary">Update</button>
            </div>
          </form>
        </div>
      </div>

      <!-- Customer -->
      <div class="card mb-3">
        <div class="card-header"><h6 class="mb-0">Customer</h6></div>
        <div class="card-body" style="font-size:14px;">
          <div class="fw-semibold">{{ $booking->customer_name }}</div>
          <div>{{ $booking->customer_email }}</div>
          @if($booking->customer_phone)<div>{{ $booking->customer_phone }}</div>@endif
          @if($booking->customer_address)<div class="mt-1 text-muted">{{ $booking->customer_address }}</div>@endif
          @if($booking->customer_city)
            <div class="text-muted">{{ implode(', ', array_filter([$booking->customer_city, $booking->customer_state, $booking->customer_postal_code])) }}</div>
          @endif
          @if($booking->customer_country)<div class="text-muted">{{ $booking->customer_country }}</div>@endif
          @if($booking->rental_location)
            <div class="mt-2"><small class="text-muted">Rental Location</small><div>{{ $booking->rental_location }}</div></div>
          @endif
          @if($booking->customer_id)
            <a href="{{ route('crm.customers.show', $booking->customer->hash_id) }}" class="btn btn-sm btn-outline-primary mt-2 w-100">View Customer</a>
          @endif
        </div>
      </div>

      <!-- Financials -->
      <div class="card mb-3">
        <div class="card-header"><h6 class="mb-0">Financials</h6></div>
        <div class="card-body" style="font-size:14px;">
          <div class="d-flex justify-content-between mb-1">
            <span class="text-muted">Sub-Total</span><span>${{ number_format($booking->subtotal, 2) }}</span>
          </div>
          @if($booking->tax_amount > 0)
          <div class="d-flex justify-content-between mb-1">
            <span class="text-muted">Tax &amp; Fees</span><span>${{ number_format($booking->tax_amount, 2) }}</span>
          </div>
          @endif
          @if($booking->discount_amount > 0)
          <div class="d-flex justify-content-between mb-1 text-success">
            <span>Discount ({{ $booking->discount_code }})</span>
            <span>-${{ number_format($booking->discount_amount, 2) }}</span>
          </div>
          @endif
          <div class="d-flex justify-content-between fw-bold border-top pt-2 mt-1">
            <span>Total (USD)</span><span>${{ number_format($booking->total_amount, 2) }}</span>
          </div>
          @if($booking->deposit_amount > 0)
          <div class="d-flex justify-content-between mt-1 text-muted" style="font-size:12px;">
            <span>Deposit Due</span><span>${{ number_format($booking->deposit_amount, 2) }}</span>
          </div>
          @endif
        </div>
      </div>

      <!-- Delete -->
      <div class="card border-danger">
        <div class="card-body">
          <form method="POST" action="{{ route('crm.bookings.destroy', $booking->hash_id) }}"
                onsubmit="return confirm('Delete this booking permanently?')">
            @csrf @method('DELETE')
            <button type="submit" class="btn btn-sm btn-outline-danger w-100">
              <i class="icon-base ti tabler-trash me-1"></i> Delete Booking
            </button>
          </form>
        </div>
      </div>
    </div>
  </div>
</div>
@endsection