@extends('layout')
@section('title')
    <title>{{ __('translate.Incoming Bookings') }}</title>
@endsection
@section('body-content')

<main>
    


    <section class="dashboard footer-top-pad">
        <div class="container">
            <div class="row">
                @include('profile.sidebar')

                <div class="col-xxl-9 col-xl-8 col-lg-8">
                    @if ($pending_count > 0)
                        <div class="alert alert-info mb-3">
                            {{ __('translate.You have :count pending booking requests', ['count' => $pending_count]) }}
                        </div>
                    @endif

                    <div class="row">
                        <div class="col-lg-12">
                            <div class="dashbord-tabel dashboard-my-job-tabel two">
                                <table class="table">
                                    <thead>
                                        <tr>
                                            <th>{{ __('translate.Listing') }}</th>
                                            <th>{{ __('translate.Guest') }}</th>
                                            <th>{{ __('translate.Phone') }}</th>
                                            <th>{{ __('translate.Email') }}</th>
                                            <th>{{ __('translate.Start Date') }}</th>
                                            <th>{{ __('translate.End Date') }}</th>
                                            <th>{{ __('translate.Status') }}</th>
                                            <th>{{ __('translate.Action') }}</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @forelse ($bookings as $booking)
                                            @php($listing = $booking->listing)
                                            <tr>
                                                <td>
                                                    <div class="taitel-name-item">
                                                        <div class="taitel-name-thumb-main">
                                                            <div class="taitel-name-thumb">
                                                                <img src="{{ custom_asset($listing?->thumb_image ?? $setting->default_cover_image, '30x30') }}"
                                                                    alt="thumb">
                                                            </div>
                                                        </div>
                                                        @if ($listing)
                                                            <a href="{{ listing_url($listing) }}">{{ html_decode($listing->translate->title) }}</a>
                                                        @else
                                                            <span>{{ __('translate.Listing unavailable') }}</span>
                                                        @endif
                                                    </div>
                                                </td>
                                                <td>{{ html_decode($booking->user?->name) }}</td>
                                                <td>{{ html_decode($booking->user?->phone) }}</td>
                                                <td>{{ html_decode($booking->user?->email) }}</td>
                                                <td>{{ $booking->start_date->format('Y-m-d') }}</td>
                                                <td>{{ $booking->end_date->format('Y-m-d') }}</td>
                                                <td>{!! $booking->statusBadge !!}</td>
                                                <td>
                                                    <div class="action-btn">
                                                        <a href="javascript:;" class="view-btn" data-bs-toggle="modal"
                                                            data-bs-target="#viewBookingDetail{{ $booking->id }}">
                                                            <i class="fa-solid fa-eye"></i>
                                                        </a>

                                                        @if ($booking->isPending())
                                                            <a href="javascript:;" class="view-btn check-btn"
                                                                onclick="bookingApproval({{ $booking->id }})"
                                                                title="{{ __('translate.Approve') }}">
                                                                <i class="fa-solid fa-check"></i>
                                                            </a>
                                                            <a href="javascript:;" class="view-btn reject-btn"
                                                                data-bs-toggle="modal"
                                                                data-bs-target="#rejectBooking{{ $booking->id }}"
                                                                title="{{ __('translate.Reject') }}">
                                                                <i class="fa-solid fa-xmark"></i>
                                                            </a>
                                                        @endif
                                                    </div>

                                                    <form action="{{ route('user.booking-approval', $booking->id) }}"
                                                        class="d-none" method="post"
                                                        id="approval_booking_{{ $booking->id }}">
                                                        @csrf
                                                        @method('PUT')
                                                    </form>
                                                </td>
                                            </tr>
                                        @empty
                                            <tr class="not_found">
                                                <td colspan="8">{{ __('translate.No incoming bookings yet') }}</td>
                                            </tr>
                                        @endforelse
                                    </tbody>
                                </table>
                            </div>
                        </div>

                        @if ($bookings->hasPages())
                            <div class="col-lg-12">
                                {{ $bookings->links('pagination-box') }}
                            </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </section>

    @foreach ($bookings as $booking)
        <div class="modal candidate-modal fade" id="viewBookingDetail{{ $booking->id }}" tabindex="-1"
            aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title">{{ __('translate.Booking Details') }}</h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                        <div class="candidate-modal-tabel">
                            <table>
                                <tbody>
                                    <tr>
                                        <td>{{ __('translate.Listing') }}:</td>
                                        <td>
                                            @if ($booking->listing)
                                                {{ html_decode($booking->listing->translate->title) }}
                                            @else
                                                {{ __('translate.Listing unavailable') }}
                                            @endif
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>{{ __('translate.Name') }}:</td>
                                        <td>{{ html_decode($booking->user?->name) }}</td>
                                    </tr>
                                    <tr>
                                        <td>{{ __('translate.Phone') }}:</td>
                                        <td>{{ html_decode($booking->user?->phone) }}</td>
                                    </tr>
                                    <tr>
                                        <td>{{ __('translate.Email') }}:</td>
                                        <td>{{ html_decode($booking->user?->email) }}</td>
                                    </tr>
                                    <tr>
                                        <td>{{ __('translate.Start Date') }}:</td>
                                        <td>{{ $booking->start_date->format('Y-m-d') }}</td>
                                    </tr>
                                    <tr>
                                        <td>{{ __('translate.End Date') }}:</td>
                                        <td>{{ $booking->end_date->format('Y-m-d') }}</td>
                                    </tr>
                                    <tr>
                                        <td>{{ __('translate.Requested on') }}:</td>
                                        <td>{{ $booking->created_at->format('Y-m-d H:i') }}</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="modal fade" id="rejectBooking{{ $booking->id }}" tabindex="-1" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <form action="{{ route('user.booking-rejection', $booking->id) }}" method="POST">
                        @csrf
                        @method('PUT')
                        <div class="modal-header">
                            <h5 class="modal-title">{{ __('translate.Reject Booking') }}</h5>
                            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                        </div>
                        <div class="modal-body">
                            <label class="form-label">{{ __('translate.Rejection Reason') }} *</label>
                            <textarea name="rejection_reason" class="form-control" rows="4" required minlength="10">{{ old('rejection_reason') }}</textarea>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="main-btn two" data-bs-dismiss="modal">{{ __('translate.Cancel') }}</button>
                            <button type="submit" class="main-btn">{{ __('translate.Reject') }}</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    @endforeach

    @include('profile.logout')
</main>

@endsection

@push('js_section')
    <script>
        function bookingApproval(id) {
            if (confirm('{{ __('translate.Are you sure want to approve this booking?') }}')) {
                document.getElementById('approval_booking_' + id).submit();
            }
        }
    </script>
@endpush