@php use App\Models\Appointment; use App\Support\BusinessTimezone; @endphp

@foreach($activeAppointments as $key => $booking)
    @php
        /**
        * @var Appointment $booking
         */
        $serviceLabel = $booking->serviceNamesLabel();
    @endphp
    <tr>
        <td>
            <button type="button" class="btn btn-link view-appointment-detail" onclick="document.getElementById('appointmentModal-{{ $booking->id }}').showModal()">
                {{ $booking->appointment_id }}
            </button>
        </td>
        <td>
            {{ BusinessTimezone::formatInstant($booking->created_at, 'd-M-Y h:i A') }} <br>
            <small>{{ BusinessTimezone::toBusiness($booking->created_at)?->diffForHumans($booking->scheduledAt()) }}</small>
        </td>
        <td>{{ $booking->scheduledAt()->format('d M Y h:i A') }}</td>
        <td>{{ $booking->full_name ?? 'NA' }}</td>
        <td>{{ $booking->email ?? 'NA' }}</td>
        <td>{{ $serviceLabel !== '—' ? $serviceLabel : '—' }}</td>
        <td>
            <div class="admin-table-actions">
                @if($booking->is_paid === false  && $booking->price > 0)
                    <form method="POST" action="{{ route('admin.bookings.mark-paid', $booking) }}"
                          onsubmit="return confirm('Are you sure you want to mark as paid this booking?')">
                        @csrf
                        <input type="hidden" name="redirect" value="{{ route('admin.appointment', ['page' => request('page')]) }}">
                        <button class="btn btn-dark btn-sm">Mark as paid</button>
                    </form>
                    <button class="btn btn-danger cancelBookingBtn btn-sm" data-id="{{ $booking->id }}">Cancel</button>
                @else
                    @unless($booking->isApproved())
                        <form method="POST" action="{{ route('admin.bookings.confirm', $booking) }}"
                              onsubmit="return confirm('Are you sure you want to confirm this booking?')">
                            @csrf
                            <input type="hidden" name="redirect" value="{{ route('admin.appointment', ['page' => request('page')]) }}">
                            <button class="btn btn-dark btn-sm">Confirm</button>
                        </form>
                        <button class="btn btn-danger cancelBookingBtn btn-sm" data-id="{{ $booking->id }}">Cancel</button>
                    @else
                        <span class="badge bg-success">Confirmed</span>
                        <button class="btn btn-danger cancelBookingBtn btn-sm" data-id="{{ $booking->id }}">Cancel</button>
                    @endunless
                @endif
                <a href="{{ route('admin.invoices.appointment-pdf', $booking) }}"
                   class="btn btn-sm btn-invoice">Invoice</a>
            </div>
        </td>
    </tr>

    <!-- Bootstrap Modal for Each Appointment -->
    <dialog id="appointmentModal-{{ $booking->id }}"
         aria-labelledby="appointmentModalLabel-{{ $booking->id }}" aria-hidden="true">
        <div>
            <div class="modal-header align-items-center">
                <div>
                    <h5 class="modal-title">Appointment Details</h5>
                    <small><strong>Appointment ID:</strong> {{ $booking->appointment_id }}</small>
                </div>
                <button type="button" onclick="this.closest('dialog').close()" class="close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <ul class="list-group">
                    {{-- Original booking info --}}
                    <li class="list-group-item"><strong>Booked On:</strong>
                        {{ BusinessTimezone::formatInstant($booking->created_at) }}
                    </li>

                    {{-- Current date/time --}}
                    <li class="list-group-item">
                        <strong>Appointment Date:</strong> {{ $booking->scheduledAt()->format('d M Y') }}
                        &nbsp;|&nbsp;
                        <strong>Time:</strong> {{ $booking->scheduledAt()->format('h:i A') }} ({{ BusinessTimezone::label() }})
                    </li>

                    {{-- Reschedule history --}}
                    @if($booking->rescheduleLogs->count() > 0)
                    <li class="list-group-item p-0">
                        <div style="background:#fff3cd; padding:8px 16px; border-left:4px solid #f59e0b;">
                            <strong>⟳ Rescheduled {{ $booking->rescheduleLogs->count() }} time(s)</strong>
                        </div>
                        @foreach($booking->rescheduleLogs as $index => $log)
                        <div style="padding:8px 16px; border-bottom:1px solid #f0f0f0; {{ $loop->last ? '' : '' }}">
                            <small style="color:#888;">#{{ $index + 1 }} — {{ BusinessTimezone::formatInstant($log->created_at) }}</small><br>
                            <span style="color:#dc2626;">From:</span>
                            <strong>{{ \Carbon\Carbon::parse($log->from_date)->format('d M Y') }}</strong>
                            at <strong>{{ \Carbon\Carbon::parse($log->from_time)->format('h:i A') }}</strong>
                            &rarr;
                            <span style="color:#16a34a;">To:</span>
                            <strong>{{ \Carbon\Carbon::parse($log->to_date)->format('d M Y') }}</strong>
                            at <strong>{{ \Carbon\Carbon::parse($log->to_time)->format('h:i A') }}</strong>
                        </div>
                        @endforeach
                    </li>
                    @endif

                    <li class="list-group-item"><strong>Full Name:</strong> {{ $booking->full_name }}</li>
                    <li class="list-group-item"><strong>Email:</strong> {{ $booking->email }}</li>
                    <li class="list-group-item"><strong>Phone:</strong> {{ $booking->phone ?? 'NA' }}</li>
                    @if($serviceLabel !== '—')
                    <li class="list-group-item"><strong>Service/Item:</strong> {{ $serviceLabel }}</li>
                    @endif
                    @include('partials.appointment._custom-form-fields-list', ['booking' => $booking])
                    <li class="list-group-item"><strong>Status:</strong>
                        @if($booking->is_paid === false  && $booking->price > 0)
                            <form method="POST" action="{{ route('admin.bookings.mark-paid', $booking) }}"
                                  onsubmit="return confirm('Are you sure you want to mark as paid this booking?')">
                                @csrf
                                <button class="btn btn-success btn-sm">Mark as paid</button>
                            </form>
                        @else
                        <span class="badge {{ $booking->isApproved() ? 'badge-success' : 'badge-warning' }}">
                            {{ $booking->isApproved() ? 'Confirmed' : 'Pending' }}
                        </span>
                        @endif
                    </li>
                    @if($booking->isApproved())
                        <li class="list-group-item"><strong>Confirmed At:</strong>
                            {{ BusinessTimezone::formatInstant($booking->approved_at) }}
                        </li>
                    @endif
                    @if($booking->reminder_sent_at)
                        <li class="list-group-item"><strong>Reminder Sent:</strong>
                            {{ BusinessTimezone::formatInstant($booking->reminder_sent_at) }}
                        </li>
                    @endif
                </ul>
            </div>
            <div class="modal-footer d-flex flex-wrap gap-2 justify-content-between">
                @if($booking->confirmation_status === 'active' && $booking->email)
                    <form method="POST" action="{{ route('admin.bookings.send-reminder', $booking) }}"
                          class="d-flex flex-wrap align-items-center gap-2"
                          onsubmit="return confirm('Send appointment reminder to {{ $booking->email }}?')">
                        @csrf
                        <input type="hidden" name="redirect" value="{{ route('admin.appointment', ['page' => request('page')]) }}">
                        @include('admin.partials._reminder-send-form', ['scheduledAt' => $booking->scheduledAt()])
                    </form>
                @endif
                <button type="button" class="btn btn-secondary" onclick="this.closest('dialog').close()">Close</button>
            </div>
</div>
    </dialog>

@endforeach