@extends('crm.master')

@section('title', 'Daily Manifest - ' . $date->format('M j, Y'))

@section('content')
<div class="container-xxl flex-grow-1 container-p-y">
  <div class="d-flex align-items-center justify-content-between mb-3 flex-wrap gap-2">
    <div>
      <h4 class="mb-0 fw-bold d-flex align-items-center gap-2">
        <i class="ti tabler-calendar-event"></i> Daily Manifest
      </h4>
      <p class="text-muted small mb-0">Bookings for {{ $date->format('l, F j, Y') }}</p>
    </div>
    <a href="{{ route('crm.booking.index') }}" target="_blank" class="btn btn-primary btn-sm">
      <i class="ti tabler-plus me-1"></i> New Booking
    </a>
  </div>

  @include('crm.components.alerts')

  <div class="card mb-4">
    <div class="card-body py-3">
      <form method="GET" action="{{ route('crm.daily-manifest') }}" id="manifest-filter-form">
        <div class="d-flex align-items-center gap-2 mb-3 flex-wrap">
          <a href="{{ route('crm.daily-manifest', array_merge(request()->except('date'), ['date' => $date->copy()->subDay()->toDateString()])) }}"
             class="btn btn-sm btn-outline-secondary">
            <i class="ti tabler-chevron-left"></i>
          </a>

          <input type="date" name="date" class="form-control form-control-sm" style="width:160px"
                 value="{{ $date->toDateString() }}"
                 onchange="this.form.submit()">

          <a href="{{ route('crm.daily-manifest', array_merge(request()->except('date'), ['date' => $date->copy()->addDay()->toDateString()])) }}"
             class="btn btn-sm btn-outline-secondary">
            <i class="ti tabler-chevron-right"></i>
          </a>

          <a href="{{ route('crm.daily-manifest', array_merge(request()->except('date'), ['date' => \Carbon\Carbon::today()->toDateString()])) }}"
             class="btn btn-sm {{ $date->isToday() ? 'btn-primary' : 'btn-outline-secondary' }}">
            Today <span class="badge bg-{{ $date->isToday() ? 'light text-primary' : 'secondary' }} ms-1">{{ $todayCount }}</span>
          </a>
          <a href="{{ route('crm.daily-manifest', array_merge(request()->except('date'), ['date' => \Carbon\Carbon::tomorrow()->toDateString()])) }}"
             class="btn btn-sm {{ $date->isTomorrow() ? 'btn-primary' : 'btn-outline-secondary' }}">
            Tomorrow <span class="badge bg-{{ $date->isTomorrow() ? 'light text-primary' : 'secondary' }} ms-1">{{ $tomorrowCount }}</span>
          </a>
        </div>

        <div class="row g-2 align-items-end">
          <div class="col-sm-6 col-md-2">
            <label class="form-label small mb-1">Bookings</label>
            <select name="type" class="form-select form-select-sm" onchange="this.form.submit()">
              <option value="starting" {{ $type === 'starting' ? 'selected' : '' }}>Starting</option>
              <option value="ending" {{ $type === 'ending' ? 'selected' : '' }}>Ending</option>
            </select>
          </div>

          <div class="col-sm-6 col-md-2">
            <label class="form-label small mb-1">Time (from)</label>
            <input type="time" name="time" class="form-control form-control-sm"
                   value="{{ $time }}" onchange="this.form.submit()">
          </div>

          <div class="col-sm-6 col-md-2">
            <label class="form-label small mb-1">Category</label>
            <select name="category_id" class="form-select form-select-sm" onchange="this.form.submit()">
              <option value="">All Categories</option>
              @foreach($categories as $cat)
                <option value="{{ $cat->id }}" {{ $catId == $cat->id ? 'selected' : '' }}>{{ $cat->name }}</option>
              @endforeach
            </select>
          </div>

          <div class="col-sm-6 col-md-2">
            <label class="form-label small mb-1">Product</label>
            <select name="product_id" class="form-select form-select-sm" onchange="this.form.submit()">
              <option value="">All Products</option>
              @foreach($products as $prod)
                <option value="{{ $prod->id }}" {{ $prodId == $prod->id ? 'selected' : '' }}>{{ $prod->name }}</option>
              @endforeach
            </select>
          </div>

          <div class="col-sm-6 col-md-2">
            <label class="form-label small mb-1">Status</label>
            <select name="status" class="form-select form-select-sm" onchange="this.form.submit()">
              <option value="">All Statuses</option>
              @foreach(\App\Models\Booking::STATUS_OPTIONS as $val => $label)
                <option value="{{ $val }}" {{ $status === $val ? 'selected' : '' }}>{{ $label }}</option>
              @endforeach
            </select>
          </div>

          <div class="col-sm-6 col-md-2">
            <label class="form-label small mb-1">Search</label>
            <div class="input-group input-group-sm">
              <input type="text" name="search" class="form-control form-control-sm"
                     placeholder="Name, ID, Email..." value="{{ $search }}">
              <button type="submit" class="btn btn-primary btn-sm"><i class="ti tabler-search"></i></button>
            </div>
          </div>
        </div>

        @if(request()->hasAny(['type', 'time', 'category_id', 'product_id', 'status', 'search']))
          <div class="mt-2">
            <a href="{{ route('crm.daily-manifest', ['date' => $date->toDateString()]) }}"
               class="btn btn-sm btn-outline-secondary">
              <i class="ti tabler-x me-1"></i> Clear Filters
            </a>
          </div>
        @endif
      </form>
    </div>
  </div>

  <div class="card mb-4">
    <div class="card-header d-flex align-items-center justify-content-between py-2 flex-wrap gap-2">
      <span class="fw-semibold small">
        {{ $date->format('D, M j, Y') }} -
        <span class="text-muted">{{ $bookings->count() }} booking{{ $bookings->count() !== 1 ? 's' : '' }}</span>
      </span>
      <div class="small text-muted">
        {{ $manifestProducts->count() }} product{{ $manifestProducts->count() !== 1 ? 's' : '' }} scheduled
      </div>
    </div>
    <div class="card-body py-3">
      <div class="row g-3">
        <div class="col-md-4">
          <div class="manifest-stat-box">
            <div class="manifest-stat-label">Products</div>
            <div class="manifest-stat-value">{{ $manifestProducts->count() }}</div>
          </div>
        </div>
        <div class="col-md-4">
          <div class="manifest-stat-box">
            <div class="manifest-stat-label">Bookings</div>
            <div class="manifest-stat-value">{{ $totalBookings }}</div>
          </div>
        </div>
        <div class="col-md-4">
          <div class="manifest-stat-box">
            <div class="manifest-stat-label">Revenue</div>
            <div class="manifest-stat-value">${{ number_format($totalRevenue, 2) }}</div>
          </div>
        </div>
      </div>
    </div>
  </div>

  @forelse($manifestProducts as $productGroup)
    <div class="card mb-4 manifest-product-card">
      <div class="card-header bg-light py-3">
        <div class="d-flex align-items-start justify-content-between gap-3 flex-wrap">
          <div>
            <div class="fw-semibold fs-6">
              {{ optional($productGroup->first_datetime)->format('h:i A') }} - {{ optional($productGroup->last_datetime)->format('h:i A') }}
              |
              <strong>{{ $productGroup->product_name }}</strong>
            </div>
            <div class="small text-muted mt-1">{{ $productGroup->category_name ?: 'Uncategorized' }}</div>
          </div>
          <div class="text-md-end">
            <div class="small fw-semibold">{{ $productGroup->booking_count }} Booking{{ $productGroup->booking_count !== 1 ? 's' : '' }}</div>
            <div class="small text-muted">${{ number_format($productGroup->total_amount, 2) }} ({{ $productGroup->payment_label }})</div>
          </div>
        </div>
      </div>

      <div class="table-responsive">
        <table class="table table-hover table-sm mb-0 align-middle manifest-table">
          <thead class="table-light">
            <tr>
              <th class="ps-3">Booking Code</th>
              <th>Start Date/Time</th>
              <th>End Date/Time</th>
              <th>Assigned Assets</th>
              <th>Payment</th>
              <th>Status</th>
              <th>Check In / Out</th>
              <th>Discount Code</th>
              <th>Booker</th>
              <th>Note</th>
            </tr>
          </thead>
          <tbody>
            @foreach($productGroup->rows as $entry)
              @php
                $booking = $entry['booking'];
                $balance = max(0, $booking->total_amount - $booking->deposit_amount);
                $canCheckIn = in_array($booking->status, ['reserved', 'deposit', 'paid']);
                $canCheckOut = $booking->status === 'checked_in';
                $noteText = $booking->notes ?: $booking->internal_notes ?: $booking->purpose;
              @endphp
              <tr>
                <td class="ps-3">
                  <a href="{{ route('crm.booking.confirmation', $booking->booking_number) }}" target="_blank" class="fw-semibold text-nowrap">
                    {{ $booking->booking_number }}
                  </a>
                </td>
                <td class="text-nowrap">
                  <div>{{ $booking->start_datetime->format('m/d/y') }}</div>
                  <div class="text-muted small">{{ $booking->start_datetime->format('h:i A') }}</div>
                </td>
                <td class="text-nowrap">
                  <div>{{ $booking->end_datetime->format('m/d/y') }}</div>
                  <div class="text-muted small">{{ $booking->end_datetime->format('h:i A') }}</div>
                </td>
                <td class="text-muted small">&mdash;</td>
                <td class="text-nowrap">
                  <div>${{ number_format($booking->total_amount, 2) }}</div>
                  <div class="text-muted small">
                    @if($balance > 0)
                      Due: ${{ number_format($balance, 2) }}
                    @else
                      Paid
                    @endif
                  </div>
                </td>
                <td>
                  <span class="badge bg-{{ $booking->status_badge }}">{{ $booking->status_label }}</span>
                </td>
                <td class="text-nowrap">
                  @if($canCheckIn)
                    <form method="POST" action="{{ route('crm.bookings.update-status', $booking->hash_id) }}" class="d-inline">
                      @csrf
                      @method('PATCH')
                      <input type="hidden" name="status" value="checked_in">
                      <input type="hidden" name="redirect_to" value="{{ request()->fullUrl() }}">
                      <button type="submit" class="btn btn-sm btn-outline-success">
                        <i class="ti tabler-login me-1"></i>Check-in
                      </button>
                    </form>
                  @elseif($canCheckOut)
                    <form method="POST" action="{{ route('crm.bookings.update-status', $booking->hash_id) }}" class="d-inline">
                      @csrf
                      @method('PATCH')
                      <input type="hidden" name="status" value="checked_out">
                      <input type="hidden" name="redirect_to" value="{{ request()->fullUrl() }}">
                      <button type="submit" class="btn btn-sm btn-outline-dark">
                        <i class="ti tabler-logout me-1"></i>Check-out
                      </button>
                    </form>
                  @else
                    <span class="text-muted small">&mdash;</span>
                  @endif
                </td>
                <td class="text-muted small">{{ $booking->discount_code ?: '-' }}</td>
                <td>
                  <div>{{ $booking->customer_name }}</div>
                  @if($booking->customer_email)
                    <div class="small">
                      <a href="mailto:{{ $booking->customer_email }}">{{ $booking->customer_email }}</a>
                    </div>
                  @endif
                </td>
                <td class="small text-muted manifest-note-cell">
                  @if($booking->is_wedding)
                    Wedding
                    @if($noteText)
                      <span class="d-block">{{ \Illuminate\Support\Str::limit($noteText, 80) }}</span>
                    @endif
                  @elseif($noteText)
                    {{ \Illuminate\Support\Str::limit($noteText, 80) }}
                  @else
                    &mdash;
                  @endif
                </td>
              </tr>
            @endforeach
          </tbody>
        </table>
      </div>
    </div>
  @empty
    <div class="card">
      <div class="card-body text-center text-muted py-5">
        <i class="ti tabler-calendar-off d-block mb-2" style="font-size:2rem"></i>
        No bookings for {{ $date->format('F j, Y') }}.
      </div>
    </div>
  @endforelse
</div>
@endsection

<style>
@media print {
  .sidebar, nav, .navbar, .menu, footer, .btn, form {
    display: none !important;
  }

  .container-xxl {
    padding: 0 !important;
  }

  .manifest-table {
    font-size: 11px !important;
  }
}

.manifest-table th {
  white-space: nowrap;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #5f6b7a;
  font-weight: 700;
  padding-top: 0.7rem;
  padding-bottom: 0.7rem;
  border-bottom: 1px solid #dfe6ee;
}

.manifest-table td {
  font-size: 12px;
  padding-top: 0.55rem;
  padding-bottom: 0.55rem;
  vertical-align: middle;
}

.manifest-table tbody td .small,
.manifest-table tbody td small {
  font-size: 10.5px !important;
  line-height: 1.3;
}

.manifest-table thead.table-light th {
  background: #f6f8fb;
}

.manifest-table tbody tr:hover {
  background: #fafbfd;
}

.manifest-stat-box {
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 0.75rem;
  padding: 1rem;
  background: #fff;
}

.manifest-stat-label {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #6c757d;
}

.manifest-stat-value {
  font-size: 1.25rem;
  font-weight: 700;
  margin-top: 0.25rem;
}

.manifest-product-card {
  overflow: hidden;
  border: 1px solid #e7edf3;
}

.manifest-product-card .card-header {
  border-bottom: 1px solid #e7edf3;
}

.manifest-note-cell {
  min-width: 180px;
  max-width: 220px;
  line-height: 1.35;
}

.manifest-product-card .fs-6 {
  font-size: 0.95rem !important;
}

.manifest-product-card .badge {
  font-size: 10px;
  padding: 0.35rem 0.45rem;
}

.manifest-product-card .btn.btn-sm {
  font-size: 11px;
  padding: 0.3rem 0.55rem;
}
</style>