@extends('admin.layout.master')
@section('title', __('admin.reservation') . ' #' . $reservation->id)
@section('content')

    <div
        class="row-gap-4 mb-6 d-flex flex-column flex-md-row justify-content-between align-items-start align-items-md-center">

        <div class="d-flex flex-column justify-content-center">
            <div class="mb-1">
                <span class="h5">{{ __('admin.reservation') }} #{{ $reservation->id }} </span>
                <span class="badge bg-label-">{{ __('admin.reservation_status_arr.' . $reservation->status) }}</span>
            </div>
            <p class="mb-0">{{ date('M d', strtotime($reservation->created_at)) }} <span
                    id="reservationYear">{{ date('Y', strtotime($reservation->created_at)) }}</span>,
                {{ date('h:i A', strtotime($reservation->created_at)) }}</p>
        </div>

    </div>

    <!-- Order Details Table -->

    <div class="row">
        @permission('reservation-update')
        <div class="col-md-12">
            <div class="mb-6 card">
                <div class="card-header">
                    <h5 class="mb-0 card-title">{{ __('admin.actions') }}</h5>
                </div>
                <div class="card-body">
                    <form action="{{ route('admin.reservation.update', $reservation->id) }}" method="POST">
                        @csrf
                        <div class="row">
                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label class="form-label" for="status">{{ __('admin.status') }}</label>
                                    <select class="form-select" id="status" name="status">
                                        <option value="">{{ __('admin.select_status') }}</option>
                                        <option {{ $reservation->status == 'pending' ? 'selected' : '' }} value="pending">
                                            {{ __('admin.pending') }}</option>
                                        <option {{ $reservation->status == 'accepted' ? 'selected' : '' }}
                                            value="accepted">
                                            {{ __('admin.accepted') }}</option>
                                        <option {{ $reservation->status == 'rejected' ? 'selected' : '' }}
                                            value="rejected">
                                            {{ __('admin.rejected') }}</option>
                                        <option {{ $reservation->status == 'finished' ? 'selected' : '' }}
                                            value="finished">
                                            {{ __('admin.finished') }}</option>
                                    </select>
                                </div>
                            </div>

                            <div class="self-end mt-3 text-end col-12">
                                <button type="submit" class="btn btn-primary">{{ __('admin.update') }}</button>
                            </div>
                        </div>
                </div>
                </form>
            </div>
        </div>
        @endpermission
        <div class="col-md-12 col-lg-8">

            <div class="mb-6 card">
                <div class="card-header">
                    <h5 class="m-0 card-title">{{ __('admin.reservation_details') }}</h5>
                </div>
                <div class="card-body">
                    <div class="table-responsive">
                        <table class="table table-striped">
                            <tbody>
                                <tr>
                                    <th>{{ __('admin.reservation_name') }}</th>
                                    <td>{{ $reservation->bookingSystemProduct->name }}</td>
                                </tr>
                                <tr>
                                    <th>{{ __('admin.customer_name') }}</th>
                                    <td>{{ $reservation->name }}</td>
                                </tr>
                                <tr>
                                    <th>{{ __('admin.customer_phone') }}</th>
                                    <td>{{ $reservation->phone }}</td>
                                </tr>
                                <tr>
                                    <th>{{ __('admin.date') }}</th>
                                    <td>{{ $reservation->day }}</td>
                                </tr>
                                <tr>
                                    <th>{{ __('admin.time') }}</th>
                                    <td>{{ $reservation->time }}</td>
                                </tr>
                                <tr>
                                    <th>{{ __('admin.status') }}</th>
                                    <td>{{ $reservation->status }}</td>
                                </tr>
                                <tr>
                                    <th>{{ __('admin.payment') }}</th>
                                    <td>{{ __('admin.' . $reservation->payment_type.'_payment') }}</td>
                                </tr>
                                <tr>
                                    <th>{{ __('admin.discount') }}</th>
                                    <td>{{ round($reservation->discount) }}</td>
                                </tr>
                                <tr>
                                    <th>{{ __('admin.total_price') }}</th>
                                    <td>{{ round($reservation->total) }}</td>
                                </tr>
                                <tr>
                                    <th>{{ __('admin.note') }}</th>
                                    <td>{{ $reservation->note }}</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-12 col-lg-4">


            <div class="mb-6 card">
                <div class="card-header">
                    <h5 class="m-0 card-title">{{ __('admin.customer_details') }}</h5>
                </div>
                <div class="card-body">
                    <div class="mb-6 d-flex justify-content-start align-items-center">
                        <div class="avatar me-3">
                            <img src="{{ $reservation->user->image }}" alt="Avatar" class="rounded-circle">
                        </div>
                        <div class="d-flex flex-column">
                            <a href="app-user-view-account.html" class="text-body text-nowrap">
                                <h6 class="mb-0">{{ $reservation->user->name }}</h6>
                            </a>
                            <span>{{ __('admin.customer_id') }}: #{{ $reservation->user->id }}</span>
                        </div>
                    </div>
                    <div class="d-flex justify-content-between">
                        <h6 class="mb-1">{{ __('admin.contact_info') }}</h6>

                    </div>
                    <p class="mb-1 ">{{ __('admin.email') }}: {{ $reservation->user->email }}</p>
                    <p class="mb-0 ">{{ __('admin.phone') }}:
                        {{ $reservation->user->country_code . ' ' . $reservation->user->phone }}
                    </p>
                </div>
            </div>

            <div class="mb-6 card">
                <div class="card-header">
                    <h5 class="m-0 card-title">{{ __('admin.provider_details') }}</h5>
                </div>
                <div class="card-body">
                    <div class="mb-6 d-flex justify-content-start align-items-center">
                        <div class="avatar me-3">
                            <img src="{{ $reservation->provider->image }}" alt="Avatar" class="rounded-circle">
                        </div>
                        <div class="d-flex flex-column">
                            <a href="app-user-view-account.html" class="text-body text-nowrap">
                                <h6 class="mb-0">{{ $reservation->provider->name }}</h6>
                            </a>
                            <span>{{ __('admin.provider_id') }}: #{{ $reservation->provider->id }}</span>
                        </div>
                    </div>
                    <div class="d-flex justify-content-between">
                        <h6 class="mb-1">{{ __('admin.contact_info') }}</h6>

                    </div>
                    <p class="mb-1 ">{{ __('admin.email') }}: {{ $reservation->provider->email }}</p>
                    <p class="mb-0 ">{{ __('admin.phone') }}:
                        {{ $reservation->provider->country_code . ' ' . $reservation->provider->phone }}</p>
                </div>
            </div>



        </div>

    </div>




@endsection