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

    <main>

        

        <!-- banner-part-end -->

        <!-- dashboard-part-start -->
        <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">
                        <div class="row">
                            <div class="col-lg-12">
                                <div class="dashbord-tabel dashboard-my-job-tabel my_job_post">
                                    <table class="table">
                                        <thead>
                                            <tr>
                                            <th>{{ __('translate.Title') }}</th>
                                            <th>{{ __('translate.Start Date') }}</th>
                                            <th>{{ __('translate.End Date') }}</th>
                                            <th>{{ __('translate.Status') }}</th>
                                        </tr>
                                        </thead>
                                        <tbody>

                                        @forelse ($bookings as $index => $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) }}"
                                                                     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>
                                                    {{ $booking->start_date }}
                                                </td>

                                                <td>
                                                    {{ $booking->end_date }}
                                                </td>

                                                <td>
                                                    {!! $booking->statusBadge !!}
                                                </td>
                                            </tr>
                                        @empty
                                            <tr class="not_found">
                                                <td colspan="2">{{ __('translate.Data not found') }}</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>
            </div>
        </section>

        <!-- dashboard-part-end -->

        @include('profile.logout')

    </main>

@endsection