@extends('layouts.app')
@section('title')
    {{ __('messages.Bookings') }}
@endsection
@section('content')
    <div class="container-xxl flex-grow-1 container-p-y">
        @include('inc.breadcrumb', [
            'breadcrumb_items' => [
                __('messages.Home') => route('home'),
                __('messages.Bookings') => route('admin.tickets.index'),
                $item->booking_num => 'active',
            ],
        ])


        <!-- Basic Bootstrap Table -->
        <div class="card p-3">

            <h5>{{ __('messages.Booking and theatrical show data') }}</h5>
            <div class="row">
                <div class="col-12">
                    <div class="table-responsive text-nowrap">
                        <table class="table">
                            <thead>
                                <tr>
                                    <th>{{ __('messages.Client') }} :
                                        @if ($item->is_booking_from_admin)
                                            <span class="badge bg-label-success">{{ __('messages.Via the box office') }} (
                                                {{ $item->user->name }} )</span>
                                        @else
                                            {{ $item->user->name }}
                                        @endif

                                    </th>
                                    <th>{{ __('messages.Show') }} :
                                        {{ $item->show_date->show->name }}
                                    </th>

                                </tr>
                                <tr>
                                    <th>{{ __('messages.Show Date') }} :
                                        {{ \Carbon\Carbon::parse($item->show_date->date_time)->format('Y-m-d h:i A') }}
                                    </th>
                                    <th>{{ __('messages.Count Tickets') }} :
                                        {{ $item->booking_seats->count() }}

                                    </th>
                                </tr>
                                @if (!$item->is_booking_from_admin)
                                    <tr>
                                        <th>
                                            {{ __('messages.Booking status') }}:
                                            @if ($item->booking_seats[0]->status == 'success')
                                                <span class="badge bg-label-success">
                                                    {{ $item->booking_seats[0]->status }}</span>
                                            @else
                                                <span class="badge bg-label-warning">
                                                    {{ $item->booking_seats[0]->status }}</span>
                                            @endif

                                        </th>
                                        <th>
                                            {{ __('messages.Payment reference number') }} :
                                            {{ $item->booking_seats[0]->fawry_ref_number }}

                                        </th>
                                    </tr>
                                @endif

                            </thead>
                        </table>
                    </div>
                </div>
            </div>


            <h5 class="mt-5">{{ __('messages.Tickets') }}</h5>
            <div class="row">
                @foreach ($item->booking_seats as  $seat)
                <div class="col-4">
                    <div class="card mb-4 bg-gradient-primary">
                        <div class="card-body">
                            <div class="row justify-content-between mb-3">
                                <div
                                    class="col-md-12 col-lg-7 col-xl-12 col-xxl-7 text-center text-lg-start text-xl-center text-xxl-start order-1 order-lg-0 order-xl-1 order-xxl-0">
                                    <h4 class="card-title text-white text-nowrap">CODE  : {{ $seat->code }}</h4>
                                    <p class="card-text text-white">
                                        {{ $seat->seat->row_name }} -   {{ $seat->seat->section}} - (  {{ $seat->seat->seat_num}} )
                                    </p>
                                </div>
                                <span class="col-md-12 col-lg-5 col-xl-12 col-xxl-5 text-center mx-auto mx-md-0 mb-2"><img
                                        src="{{ asset('uploads/'.$seat->qr_code) }}" class="w-px-75 m-2"
                                        alt="3dRocket"></span>
                            </div>
                            <button class="btn btn-white text-primary w-100 fw-medium shadow-md waves-effect waves-light"
                                data-bs-target="#upgradePlanModal" data-bs-toggle="modal">
                                {{ __("messages.Print") }}
                            </button>
                        </div>
                    </div>
                </div>
                @endforeach

            </div>
        </div>
        <!--/ Basic Bootstrap Table -->

    </div>
@endsection