@extends('layouts.admin.master')

@section('title', 'Additional Reservation')

@section('content')
    <div class="container-fluid">
        <div class="row">
            <div class="col">

                {{-- Page Header --}}
                <div class="card dashboard-custom-card mb-3">
                    <div class="card-body">
                        <div class="custom-card-header d-flex justify-content-between align-items-center">
                            <h4 class="mb-0"> Additional Reservation</h4>

                            <div>
                                <a href="{{ route('reservation.details', $eventReservation->id) }}" class="btn btn-sm btn-info">
                                    <i class="fas fa-eye"></i> View Details
                                </a>

                                <a href="{{ route('pending-reservation.index') }}" class="btn btn-sm btn-secondary">
                                    <i class="fas fa-arrow-left"></i> Back to List
                                </a>
                            </div>

                        </div>
                    </div>
                </div>

                {{-- General Information --}}
                <div class="card mb-4">
                    <div class="card-header">
                        <h5 class="card-title mb-0">General Information</h5>
                        <p class="text-muted small mb-0">View the general details of this reservation.</p>
                    </div>

                    <div class="card-body">
                        <table class="table table-sm table-bordered table-striped" style="font-size: 0.875rem;">
                            <tbody>

                            <tr>
                                <th width="30%">Registration Type</th>
                                <td>{{ ucfirst($eventReservation->registration_type) }}</td>
                            </tr>

                            <tr>
                                <th>Event Name</th>
                                <td>{{ $eventReservation->event->name ?? 'N/A' }}</td>
                            </tr>

                            <tr>
                                <th>Event Date</th>
                                <td>
                                    @if ($eventReservation->eventDate)
                                        {{ $eventReservation->eventDate->start_date_time->format('d M Y, h:i A') }}
                                        -
                                        {{ $eventReservation->eventDate->end_date_time->format('d M Y, h:i A') }}
                                    @else
                                        N/A
                                    @endif
                                </td>
                            </tr>

                            <tr>
                                <th>User Name</th>
                                <td>{{ $eventReservation->user->name ?? 'N/A' }}</td>
                            </tr>

                            <tr>
                                <th>Payment Status</th>
                                <td>
                                <span class="badge bg-{{ $eventReservation->payment_status === 'success' ? 'success' : 'warning text-dark' }}">
                                    {{ ucfirst($eventReservation->payment_status) }}
                                </span>
                                </td>
                            </tr>

                            </tbody>
                        </table>
                    </div>
                </div>

                {{-- Additional Participant List --}}
                <div class="card mb-4">
                    <div class="card-header position-relative">
                        <h5 class="card-title mb-0">Additional Participant List (Max: 5)</h5>

                        <a href="{{ route('reservation.additional.create', $eventReservation->id) }}"
                           class="btn btn-sm btn-primary position-absolute end-0 top-50 translate-middle-y">
                            <i class="fas fa-plus"></i> Add New
                        </a>
                    </div>

                    <div class="card-body">
                        <div class="table-responsive">
                            <table id="eventsTable" class="table table-bordered table-striped">
                                <thead>
                                <tr>
                                    <th>SL</th>
                                    <th>Name</th>
                                    <th>Category</th>
                                    <th>Venue</th>
                                    <th>Event Date</th>
                                    <th>Amount</th>
                                    <th>Status</th>
                                    <th>Actions</th>
                                </tr>
                                </thead>

                                <tbody>
                                @foreach($eventReservation->additionalEventReservations as $index => $addRes)
                                    @php
                                        $fee = $eventReservation->eventDate;
                                        $totalAmount =
                                            ($fee->spouse_fee ?? 0) * ($addRes->spouse ?? 0) +
                                            ($fee->children_below_5_fee ?? 0) * ($addRes->children_below_5 ?? 0) +
                                            ($fee->children_5_to_12_fee ?? 0) * ($addRes->children_5_to_12 ?? 0) +
                                            ($fee->children_above_12_fee ?? 0) * ($addRes->children_above_12 ?? 0) +
                                            ($fee->driver_fee ?? 0) * ($addRes->driver ?? 0) +
                                            ($fee->maid_fee ?? 0) * ($addRes->maid ?? 0) +
                                            ($fee->other_guest_fee ?? 0) * ($addRes->other_guest ?? 0);

                                        $maintenanceFee = config('services.maintenance_fee');
                                        $finalAmount = $totalAmount + ($totalAmount * $maintenanceFee / 100);
                                    @endphp

                                    <tr>
                                        <td>{{ $index + 1 }}</td>

                                        {{-- Event Info --}}
                                        <td>{{ $eventReservation->event?->name }}</td>
                                        <td>{{ $eventReservation->event?->category }}</td>
                                        <td>{{ $eventReservation->event?->venue }}</td>

                                        {{-- Event Date --}}
                                        <td>
                                            {{ optional($fee)->start_date_time?->format('j M, y @h:i A') }} <br>
                                            <small>To</small><br>
                                            {{ optional($fee)->end_date_time?->format('j M, y @h:i A') }}
                                        </td>

                                        {{-- Amount --}}
                                        <td>
                                            {{ $totalAmount }}
                                            <small class="text-muted"> + ({{ $maintenanceFee }}%) </small>

                                            <br>
                                            <strong>= {{ number_format($finalAmount, 2) }}</strong>
                                        </td>

                                        {{-- Payment Status --}}
                                        <td>
                                        <span class="badge bg-{{ $addRes->payment_status === 'success' ? 'success' : 'warning text-dark' }}">
                                            {{ ucfirst($addRes->payment_status) }}
                                        </span>
                                        </td>

                                        {{-- Actions --}}
                                        <td>

                                            @if($addRes->payment_status === 'pending')
                                                <form action="{{ route('reservation.additional.payment') }}" method="POST" class="d-inline">
                                                    @csrf
                                                    <input type="hidden" name="reservation_id" value="{{ $eventReservation->id }}">
                                                    <input type="hidden" name="additional_reservation_id" value="{{ $addRes->id }}">

                                                    <button class="btn btn-sm btn-warning">Pay Now</button>
                                                </form>
                                            @endif

                                            @if($addRes->payment_status === 'success')
                                                <a href="{{ route('invoice.additional-reservation.show', encrypt($addRes->paymentLog->invoice->id)) }}"
                                                   class="btn btn-sm btn-info">
                                                    <i class="fas fa-eye"></i> Invoice
                                                </a>
                                            @endif

                                            @if($addRes->payment_status !== 'success')
                                                <a href="{{ route('reservation.additional.edit', [$eventReservation->id, $addRes->id]) }}"
                                                   class="btn btn-sm btn-primary">
                                                    <i class="fas fa-edit"></i> Edit
                                                </a>
                                            @endif

                                            <a href="{{ route('reservation.additional.show', [$eventReservation->id, $addRes->id]) }}"
                                               class="btn btn-sm btn-info">
                                                <i class="fas fa-eye"></i> View
                                            </a>

                                        </td>
                                    </tr>
                                @endforeach
                                </tbody>

                            </table>
                        </div>
                    </div>

                </div>

            </div>
        </div>
    </div>
@endsection

@push('js')
@endpush