@extends('admin.layouts.masterlayout')

@section('title')
View Booking
@endsection

@section('head_title')
Booking Management
@endsection

@section('content')
<div class="dashboard-body-content">
    <div class="dashboard-breadcrumb-section">
        <h2>Booking Details </h2>
        <p>Booking Details / <a href="{{route('admin.bookingManagement')}}"> Booking Management</a></p>
    </div>

    <div class="row">
        <div class="col-lg-6">
            <div class="post-image-container h-auto mb-4">
                <div class="post-image-title">
                    <h2>Booking Information</h2>
                </div>
                <div class="post-image-body">

                    <div class="post-image-flex mb-3">
                        <h2>Selected Slots:</h2>
                        <p>
                            @if($booking->bookingTimeslots->count())
                            @foreach($booking->bookingTimeslots as $slot)
                            {{ \Carbon\Carbon::createFromFormat('Y-m-d H:i:s', $slot->date . ' ' . $slot->time)->format('d M Y h:i A') }}<br>
                            @endforeach
                            @else
                            -
                            @endif
                        </p>
                    </div>

                    <div class="post-image-flex mb-3">
                        <h2>Selected Date:</h2>
                        <p>
                            @php
                            $selectedSlot = $booking->bookingTimeslots->firstWhere('is_selected', true);
                            @endphp

                            {{ $selectedSlot ? \Carbon\Carbon::parse($selectedSlot->date . ' ' . $selectedSlot->time)->format('d M Y h:i A') : '-' }}
                        </p>
                    </div>

                    <div class="post-image-flex mb-3">
                        <h2>Status:</h2>

                        @if(isset($booking->status))
                        <div class="{{ $badgeClasses[$booking->status] ?? 'table-badge' }}">
                            {{ $statusMap[$booking->status] ?? 'Unknown' }}
                        </div>
                        @else
                        -
                        @endif

                    </div>
                    <div class="post-image-flex mb-3">
                        <h2>Shop Email:</h2>
                        <p>{{ isset($booking->shopDetail->shop_email) ? $booking->shopDetail->shop_email : '-' }}</p>
                    </div>
                    <div class="post-image-flex mb-3">
                        <h2>Address:</h2>
                        <p>{{ isset($booking->ArtistDetail->shop_address) ? $booking->shopDetail->shop_address : '-' }}</p>
                    </div>
                    <div class="post-image-flex mb-3">
                        <h2>Artist Name:</h2>
                        <p>{{ isset($booking->ArtistDetail->name) ? $booking->ArtistDetail->name : '-' }}</p>
                    </div>
                    <div class="post-image-flex mb-3">
                        <h2>Artist Email:</h2>
                        <p>{{ isset($booking->ArtistDetail->email) ? $booking->ArtistDetail->email : '-' }}</p>
                    </div>
                    <div class="post-image-flex mb-3">
                        <h2>Country:</h2>
                        <p>{{ isset($booking->shopDetail->country) ? $booking->shopDetail->country : '-' }}</p>
                    </div>
                    <div class="post-image-flex mb-3">
                        <h2>City:</h2>
                        <p>{{ isset($booking->shopDetail->city) ? $booking->shopDetail->city : '-' }}</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-lg-6">
            <div class="post-image-container">
                <div class="post-image-title">
                    <h2>Client Information</h2>
                </div>
                <div class="post-image-body">
                    <div class="post-image-flex mb-3">
                        <h2>Client Name:</h2>
                        <p>{{ $booking->customerDetail->name ?? '-' }}</p>
                    </div>

                    <div class="post-image-flex mb-3">
                        <h2>Email:</h2>
                        <p>{{ $booking->customerDetail->email ?? '-' }}</p>
                    </div>

                    <div class="post-image-flex mb-3">
                        <h2>Phone:</h2>
                        <p>{{ $booking->customerDetail->phone ?? '-' }}</p>
                    </div>

                    <div class="post-image-flex mb-3">
                        <h2>Payment Method:</h2>
                        <p>{{ $booking->payment_method ?? '-' }}</p>
                    </div>

                    <div class="post-image-flex mb-3">
                        <h2>Placement:</h2>
                        <p>{{ $booking->placement ?? '-' }}</p>
                    </div>

                    <div class="post-image-flex mb-3">
                        <h2>Size:</h2>
                        <p>{{ $booking->size ?? '-' }}</p>
                    </div>

                    <div class="post-image-flex mb-3">
                        <h2>Description:</h2>
                        <p>{{ $booking->description ?? '-' }}</p>
                    </div>

                    <div class="post-image-flex">
                        <h2>Reference Images:</h2>
                        <div class="target-list">
                            <div class="reference-flex">
                                @if($booking->bookingReferencePhotos->isNotEmpty())
                                @foreach($booking->bookingReferencePhotos as $photo)
                                <div class="ref-img">
                                    <img src="{{ $photo->path }}" class="image-preview" alt="Reference Photo"
                                        onerror="this.onerror=null;this.src='{{ asset('assets/img/default_img.jpg') }}';">
                                </div>
                                @endforeach
                                @else
                                <p>-</p>
                                @endif
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        @if(!empty($booking_payment))
        <div class="col-lg-6">
            <div class="post-image-container">
                <div class="post-image-title">
                    <h2>Payment Information</h2>
                </div>
                <div class="post-image-body">
                    <div class="post-image-flex mb-3">
                        <h2>Base Amount:</h2>
                        <p>{{ $currency_symbol }}{{ $booking_payment->base_amount ?? '0' }}</p>
                    </div>

                    <div class="post-image-flex mb-3">
                        <h2>Discount Amount:</h2>
                        <p>-{{ $currency_symbol }}{{ $booking_payment->discount_amount ?? '0' }}</p>
                    </div>

                    <div class="post-image-flex mb-3">
                        <h2>VAT Amount:</h2>
                        <p>+{{ $currency_symbol }}{{ $booking_payment->vat_amount ?? '0' }}</p>
                    </div>
                    <hr>
                    <div class="post-image-flex mb-3">
                        <h2>Total:</h2>
                        <p>{{ $currency_symbol }}{{ (($booking_payment->base_amount+$booking_payment->vat_amount) - $booking_payment->discount_amount) }}</p>
                    </div>

                    <div class="post-image-flex mb-3 mt-5">
                        <h2>Paid Amount:</h2>
                        <p>{{ $currency_symbol }}{{ $booking_payment->paid_amount ?? '-' }}</p>
                    </div>

                    <div class="post-image-flex mb-3">
                        <h2>Remaining Amount:</h2>
                        <p>{{ $currency_symbol }}{{ $booking_payment->remaining_amount ?? '-' }}</p>
                    </div>
                </div>
            </div>
        </div>
        @endif
    </div>

</div>

@endsection

@section('script')


@endsection