@extends('admin.layout.master')

@section('content')
<div class="content-wrapper">
    <div class="content">
        <div class="card card-default">
            <div class="card-header">
                <h2>Booking Details</h2>
            </div>
        </div>

        @if (Session::has('success') || Session::has('danger'))
        <div id="alertMessage" class="alert 
            @if (Session::has('success')) alert-success 
            @elseif (Session::has('danger')) alert-danger 
            @endif alert-block">
            <h6>{{ Session::get('success') ?? Session::get('danger') }}</h6>
        </div>
        @endif

        <div class="card card-default">
            <div class="card-body">
                <table id="BookingTable" class="table table-hover table-room table-responsive table-bordered" style="width:100%">
                    <thead>
                        <tr>
                            <th>Sno.</th>
                            <th>User Name</th>
                            <th>Service Name</th>
                            <th>Subservice Name</th>
                            <th>Time Period</th>
                            <th>Subservice Variant Name</th>
                            <th>Booking Date</th>
                            <th>Start Date</th>
                            <th>End Date</th>
                            <th>No of Days</th>
                            <th>Price</th>
                            <th>Total Amount</th>
                            <th>Order Address</th>
                            <th>Status</th>
                            <th>Action</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($bookings as $booking)
                        <tr>
                            <td>{{ ($bookings->currentPage() - 1) * $bookings->perPage() + $loop->iteration }}</td>
                            <td>{{ $booking->user->name ?? 'N/A' }}</td>
                            <td>{{ $booking->service->service_name ?? 'N/A' }}</td>
                            <td>{{ $booking->subservice->subservice_name ?? 'N/A' }}</td>
                            <td>{{ $booking->timepackage->time_period ?? 'N/A' }}h</td>
                            <td>{{ $booking->subservicevariant->designation ?? 'N/A' }}</td>
                            <td>{{ $booking->date }}</td>
                            <td>{{ $booking->start_date }}</td>
                            <td>{{ $booking->end_date }}</td>
                            <td>{{ $booking->total_days }}</td>
                            <td>{{ $booking->service_price }}</td>
                            <td>{{ $booking->total_amount }}</td>
                            <td>{{ $booking->patientaddressdetails->full_name }}, {{ $booking->patientaddressdetails->mobile }}, {{ $booking->patientaddressdetails->address }}, {{ $booking->patientaddressdetails->locality }}, {{ $booking->patientaddressdetails->pincode }}, {{ $booking->patientaddressdetails->city->city_name }}, {{ $booking->patientaddressdetails->dist->dist_name }}, {{ $booking->patientaddressdetails->state->state_name }}</td>
                            <td>
                                @if (trim($booking->status) == '0')
                                <form action="{{ route('bookings.approve', $booking->id) }}" method="POST" style="display:inline;">
                                    @csrf
                                    @method('PATCH')
                                    <button type="submit" class="btn btn-success btn-sm">Approve</button>
                                </form>
                                <form action="{{ route('bookings.reject', $booking->id) }}" method="POST" style="display:inline;">
                                    @csrf
                                    @method('PATCH')
                                    <button type="submit" class="btn btn-danger btn-sm">Reject</button>
                                </form>
                                @elseif (trim($booking->status) === '2')
                                @if($booking->is_admin == 1)
                                <span class="badge badge-success mt-7">Approved</span>
                                @else
                                <span class="badge badge-success mt-7">Approved By {{ $booking->vendor->company_name ?? 'Vendor' }}</span>
                                @endif
                                @elseif (trim($booking->status) === '3')
                                @if($booking->is_admin == 1)
                                <span class="badge badge-warning mt-7">In progress</span>
                                @else
                                <span class="badge badge-warning mt-7">In progress By {{ $booking->vendor->company_name ?? 'Vendor' }}</span>
                                @endif
                                @elseif (trim($booking->status) === '4')
                                @if($booking->is_admin == 1)
                                <span class="badge badge-info mt-7">Completed</span>
                                @else
                                <span class="badge badge-info mt-7">Completed By {{ $booking->vendor->company_name ?? 'Vendor' }}</span>
                                @endif
                                @elseif (trim($booking->status) === '5')
                                @if($booking->is_admin == 1)
                                <span class="badge badge-danger mt-7">Rejected</span>
                                @else
                                <span class="badge badge-danger mt-7">Rejected By {{ $booking->vendor->company_name ?? 'Vendor' }}</span>
                                @endif
                                @endif
                            </td>
                            <td>
                                @if($booking->is_admin == 1)
                                <a href="javascript:void(0);" class="text-primary text-decoration-underline" data-toggle="modal" data-target="#updateStatusModal{{ $booking->id }}">
                                    Update Status
                                </a>
                                @endif
                            </td>

                        </tr>

                        <!-- Modal for each booking -->
                        <div class="modal fade" id="updateStatusModal{{ $booking->id }}" tabindex="-1" role="dialog" aria-labelledby="updateStatusModalLabel{{ $booking->id }}" aria-hidden="true">
                            <div class="modal-dialog" role="document">
                                <form action="{{ route('booking.updateStatus', $booking->id) }}" method="POST">
                                    @csrf
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <h5 class="modal-title" id="updateStatusModalLabel{{ $booking->id }}">Update Booking Status</h5>
                                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                <span aria-hidden="true">&times;</span>
                                            </button>
                                        </div>
                                        <div class="modal-body">
                                            <select name="status" class="form-control" required>
                                                <option value="">Select Status</option>
                                                <!-- <option value="0" {{ $booking->status == '0' ? 'selected' : '' }}>Pending</option>
                                                <option value="2" {{ $booking->status == '2' ? 'selected' : '' }}>Approved</option> -->
                                                <option value="3" {{ $booking->status == '3' ? 'selected' : '' }}>In Progress</option>
                                                <option value="4" {{ $booking->status == '4' ? 'selected' : '' }}>Completed</option>
                                                <option value="5" {{ $booking->status == '5' ? 'selected' : '' }}>Rejected</option>
                                            </select>
                                        </div>
                                        <div class="modal-footer">
                                            <button type="submit" class="btn btn-primary">Update</button>
                                            <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>

        <div style="float: right">
            {{ $bookings->links('pagination::bootstrap-4') }}
        </div>
    </div>
</div>
@endsection

<script>
    setTimeout(function() {
        let alertBox = document.getElementById('alertMessage');
        if (alertBox) {
            alertBox.style.transition = "opacity 0.5s ease";
            alertBox.style.opacity = 0;
            setTimeout(() => alertBox.remove(), 500);
        }
    }, 2000);
</script>