@extends('admin.layouts.layout')
@section('content')
    <!-- BEGIN: Content-->
    <div class="app-content content ">
        <div class="content-overlay"></div>
        <div class="header-navbar-shadow"></div>
        <div class="content-wrapper container-xxl p-0">
            <div class="content-body">

                <!-- Basic Vertical form layout section start -->
                <section id="basic-vertical-layouts">
                    <div class="row">
                        <div class="col-md-12 col-12">
                            <div class="card">
                                <div class="card-header">
                                    <h4 class="card-title">Booking Details</h4>
                                </div>
                                <div class="card-body">
                                    <form class="form form-vertical" method="post" action="" autocomplete="off"
                                        enctype="multipart/form-data">
                                        @csrf
                                        <div class="row">

                                            <div class="col-12">
                                                <div class="mb-1">
                                                    <label class="form-label" for="first-name-vertical">User Name</label>
                                                    <input type="text" id="" readonly
                                                        value="{{ $booking->user ? $booking->user->first_name : '' }} {{ $booking->user ? $booking->user->last_name : '' }}"
                                                        class="form-control" name="color" placeholder="User Name" />
                                                </div>
                                            </div>

                                            <div class="col-12">
                                                <div class="mb-1">
                                                    <label class="form-label" for="first-name-vertical">User Email</label>
                                                    <input type="text" id="" readonly
                                                        value="{{ $booking->user ? $booking->user->email : '' }}"
                                                        class="form-control" name="color" placeholder="User Email" />
                                                </div>
                                            </div>

                                            <div class="col-12">
                                                <div class="mb-1">
                                                    <label class="form-label" for="first-name-vertical">User Phone</label>
                                                    <input type="text" id="" readonly
                                                        value="{{ $booking->user ? $booking->user->country_code : '' }} {{ $booking->user ? $booking->user->phone_number : '' }}"
                                                        class="form-control" name="color" placeholder="User Name" />
                                                </div>
                                            </div>

                                            <div class="col-12">
                                                <div class="mb-1">
                                                    <label class="form-label" for="first-name-vertical">Driver Name</label>
                                                    <input type="text" id="" readonly
                                                        value="{{ $booking->driver ? $booking->driver->first_name : '' }} {{ $booking->driver ? $booking->driver->last_name : '' }}"
                                                        class="form-control" name="color" placeholder="Driver Name" />
                                                </div>
                                            </div>

                                            <div class="col-12">
                                                <div class="mb-1">
                                                    <label class="form-label" for="first-name-vertical">Driver Email</label>
                                                    <input type="text" id="" readonly
                                                        value="{{ $booking->driver ? $booking->driver->email : '' }}"
                                                        class="form-control" name="color" placeholder="Driver Email" />
                                                </div>
                                            </div>

                                            <div class="col-12">
                                                <div class="mb-1">
                                                    <label class="form-label" for="first-name-vertical">Driver Phone</label>
                                                    <input type="text" id="" readonly
                                                        value="{{ $booking->driver ? $booking->driver->country_code : '' }} {{ $booking->driver ? $booking->driver->phone_number : '' }}"
                                                        class="form-control" name="" placeholder="Driver Name" />
                                                </div>
                                            </div>

                                            <div class="col-12">
                                                <div class="mb-1">
                                                    <label class="form-label" for="first-name-vertical">Pickup
                                                        Location</label>
                                                    <input type="text" id="" readonly
                                                        value="{{ $booking->destination_from ?? '' }}" class="form-control"
                                                        name="color" placeholder="Pickup Location" />
                                                </div>
                                            </div>

                                            <div class="col-12">
                                                <div class="mb-1">
                                                    <label class="form-label" for="first-name-vertical">Destination</label>
                                                    <input type="text" id="" readonly
                                                        value="{{ $booking->destination_to ?? '' }}" class="form-control"
                                                        name="color" placeholder="Destination" />
                                                </div>
                                            </div>

                                            <div class="col-12">
                                                <div class="mb-1">
                                                    <label class="form-label" for="first-name-vertical">Date</label>
                                                    <input type="text" id="" readonly
                                                        value="{{ $booking->booking_date ?? '' }}" class="form-control"
                                                        name="color" placeholder="Date" />
                                                </div>
                                            </div>

                                            <div class="col-12">
                                                <div class="mb-1">
                                                    <label class="form-label" for="first-name-vertical">Time</label>
                                                    <input type="text" id="" readonly
                                                        value="{{ $booking->booking_time ?? '' }}" class="form-control"
                                                        name="Time" placeholder="Date" />
                                                </div>
                                            </div>

                                            <div class="col-12">
                                                <div class="mb-1">
                                                    <label class="form-label" for="first-name-vertical">Price</label>
                                                    <input type="text" id="" readonly
                                                        value="{{ $booking->price ?? '' }}" class="form-control"
                                                        name="Time" placeholder="Price" />
                                                </div>
                                            </div>

                                            {{-- <div class="col-12">
                                                <div class="mb-1">
                                                    <label class="form-label" for="first-name-vertical">Distance</label>
                                                    <input type="text" id="" readonly
                                                        value="{{ $booking->distance ?? '' }}" class="form-control"
                                                        name="Time" placeholder="Distance" />
                                                </div>
                                            </div> --}}
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>

                    {{-- <div class="row">
                        <div class="col-md-12 col-12">
                            <div class="card">
                                <div class="card-header">
                                    <h4 class="card-title">Transaction Details</h4>
                                </div>
                                <div class="card-body">
                                    <div class="row">
                                        <div class="col-12">
                                            <div class="mb-1">
                                                <label class="form-label" for="first-name-vertical">Transaction ID</label>
                                                <input type="text" id="" readonly
                                                    value="{{ $booking->transaction_id ?? '' }}" class="form-control"
                                                    name="color" placeholder="Transaction ID" />
                                            </div>
                                        </div>

                                        <div class="col-12">
                                            <div class="mb-1">
                                                <label class="form-label" for="first-name-vertical">Payment Status</label>
                                                @if ($booking->payment_status == 1)
                                                    <div class="badge bg-success">Completed</div>
                                                @elseif($booking->payment_status == 2)
                                                    <div class="badge bg-danger">Failed</div>
                                                @else
                                                    <div class="badge bg-warning text-dark">Pending</div>
                                                @endif
                                            </div>
                                        </div>


                                    </div>
                                </div>
                            </div>
                        </div>
                    </div> --}}
                </section>
                <!-- Basic Vertical form layout section end -->

            </div>
        </div>
    </div>
    <!-- END: Content-->
@endsection