@section('title', 'Block Booking')
@section('heading', 'Block Booking')
@section('top-menu-items')
    <x-partials.top-menu-item name="Orders" route="orders" />      
    <x-partials.top-menu-item name="Block Bookings" route="block-booking" />
    <x-partials.top-menu-item name="Invoices" route="invoices" />
    <x-partials.top-menu-item name="Reports" route="reports.daily-sales" />
@endsection

<!--begin::Content-->
<div class="content d-flex flex-column flex-column-fluid" id="kt_content">
    <!--begin::Container-->
    <div id="kt_content_container" class="container-xxl">
        <div class="card" style="background-color: #F3F3F3;">
        <div class="p-6 mt-4">
            <h2 class="mb-4">Block Booking Details</h2>
            <div>
                <div class="mb-3"><strong>Block Title:</strong> {{ $block->block_title }}</div>
                <div class="mb-3"><strong>Booking Date:</strong> {{ \Carbon\Carbon::parse($block->booking_date)->format('M d, Y') }}</div>
                <div class="mb-3"><strong>Start Time:</strong> {{ \Carbon\Carbon::parse($block->booking_date)->format('h:i A') }}</div>
                <div class="mb-3"><strong>Duration:</strong> {{ $block->selected_duration }} mins</div>
                <div class="mb-3"><strong>Partner Organization:</strong> {{ $block->order?->block_schedule_partner_organization ?? 'N/A' }}</div>
                <div class="mb-3"><strong>Notes:</strong> {{ $block->notes ?? 'N/A'}}</div>
            </div>
        </div>
        </div>
    </div>
</div>