@extends('admin.layouts.app')
@section('content')
<div class="container-scroller">
    {{-- navbar - top --}}
    @include('admin.layouts.topbar')
    <div class="container-fluid page-body-wrapper">
        {{-- navbar - side --}}
        @include('admin.layouts.nav')
      <!-- partial -->
      <div class="main-panel">
        <div class="content-wrapper">
          <div class="row">
            <div class="col-md-12 grid-margin">
              <div class="row">
                <div class="col-12 col-xl-8 col-md-10 mb-xl-0">
                    <h3 class="font-weight-bold">{{ __('View Phone Booking') }}</h3>
                </div>
                <div class="col-12 col-xl-4 col-md-2">
                    <div class="justify-content-end d-flex">
                        <div class="dropdown flex-md-grow-1 flex-xl-grow-0">
                            <a href="{{ url()->previous() }}" class="btn btn-icon btn-rounded btn-outline-dark">
                                <i class="icon-arrow-left" style="margin-top:10px;"></i>
                            </a>
                        </div>
                    </div>
                </div>
              </div>
            </div>
          </div>
          <div class="row justify-content-center">
            <div class="col-md-10 grid-margin">
                <div class="card shadow-lg">
                  <div class="card-body">
                    <div class="d-flex justify-content-between mb-3">
                        <h4 class="card-title mt-2">{{ __('Booking Details') }}</h4>
                    </div>
                      <div class="form-group">
                            <span class="h4">{{ __('Date : ') }}{{ \Carbon\Carbon::parse($phoneBooking->booking_date)->format('jS F Y h:i:s A') }}</span>
                      </div>
                      <div class="form-group">
                        <h4 class="h4">{{ __('Customer Name :') }}
                              <span class="mx-2 h5">
                                    {{ $phoneBooking->name }}
                              </span>
                        </h4>
                  </div>
                  <div class="form-group">
                        <h4 class="h4">{{ __('Customer Number :') }}
                              <span class="mx-2 h5">
                                    {{ $phoneBooking->phone }}
                              </span>
                        </h4>
                  </div>
                  <div class="form-group">
                        <h4 class="h4">{{ __('Vehicle Type :') }}
                              <span class="mx-2 h5">
                                    @if ($phoneBooking->vehicle_type_id == 6)
                                          Bike Delivery
                                    @else
                                          {{ $phoneBooking->vehicleType->name ?? "NA" }}
                                    @endif
                              </span>
                        </h4>
                  </div>
                  <div class="form-group">
                        <h4 class="h4">{{ __('Audio :') }}</h4>
                        <audio controls>
                              <source src="{{ asset('uploads/phone_booking/') }}/{{ $phoneBooking->audio_file }}" type="audio/x-m4a">
                              Your browser does not support the audio element.
                        </audio>
                  </div>
                  </div>
                </div>
            </div>
</div>
@endsection
@extends('admin.layouts.footer')