@extends('layouts.app')
@extends('layouts.navbar')
@section('content')
<div class="container">
    <div class="row my-5">
        <h4><strong>{{ __('Hour Packages') }}</strong></h2>
        <div class="row d-flex justify-content-center mt-3">
            <div class="col-md-12 my-3">
                <div class="card card-body shadow" style="background:transparent;border-radius:30px;">
                    <div class="d-block d-md-flex col-md-12 col-lg-12 px-3 pt-3">
                        <div class="col-md-12 col-lg-6 mb-5 mb-md-0">
                            <h5><strong>{{ __('Package Details') }}</strong></h5>
                            <h6>
                                <strong>{{ __("Package Name : ") }}</strong>{{ $packageTrip->name }}
                                @if ($packageTrip->ac==0)
                                    {{ __('(Non-A/C)') }}
                                @elseif($packageTrip->ac==1)
                                    {{ __('(A/C)') }}
                                @endif
                            </h6>
                            <h6><strong>{{ __("Fare : ") }}Rs.{{ $packageTrip->fare }}</strong></h6>
                            <h6><strong>{{ __("Limit KM : ") }}</strong>{{ $packageTrip->limit_km }}km</h6>
                            <h6><strong>{{ __("After Limit, Fare / KM : ") }}</strong>Rs.{{ $packageTrip->after_limit_fare }}</h6>
                        </div>
                        <div class="col-md-12 col-lg-6 mb-3 mb-md-0">
                            <h5><strong>{{ __('Vehicle Details') }}</strong></h5>
                            <h6><strong>{{ __("Vehicle Type : ") }}</strong>{{ $packageTrip->user->vehicleType->name }}</h6>
                            <h6><strong>{{ __("Driver Name : ") }}</strong>{{ $packageTrip->user->name }}</h6>
                            <h6><strong>{{ __("Vehicle : ") }}</strong>{{ $packageTrip->user->vehicleBrand->name }} {{ $packageTrip->user->vehicleModel->name }} - {{ $packageTrip->user->vehicleColour->name }}</h6>
                        </div>
                    </div>
                    <div class="message-details">
                        <input type="text" hidden id="latitude" value="">
                        <input type="text" hidden id="longitude" value="">
                        <input type="text" hidden id="driver_name" value="{{ $packageTrip->user->name }}">
                        <input type="text" hidden id="driver_wp" value="{{ $packageTrip->user->whatsapp_no }}">
                        <input type="text" hidden id="package_name" value="{{ $packageTrip->name }} @if ($packageTrip->ac==0){{ __('(Non-A/C)') }}@elseif($packageTrip->ac==1){{ __('(A/C)') }}@endif">
                        <input type="text" hidden id="fare" value="{{ $packageTrip->fare }}">
                        <input type="text" hidden id="limit_km" value="{{ $packageTrip->limit_km }}">
                        <input type="text" hidden id="after_limit_fare" value="{{ $packageTrip->after_limit_fare }}">

                    </div>
                    <div class="col-md-6 d-flex ps-3 pt-3">
                        <a href="tel:+91{{ $packageTrip->user->whatsapp_no }}" class="col-md-4 btn btn-outline-primary me-2" style="border-radius:25px;"><i class="fa-solid fa-phone me-2"></i><strong>{{ __('Call') }}</strong></a>
                        <button class="col-md-4 btn btn-outline-primary me-2" style="border-radius:25px;" id="packageBooking">
                            <span class="spinner-border spinner-border-sm hidden" id="spinIcon" role="status" aria-hidden="true"></span>
                            <i class="fa-solid fa-car-side me-2" id="book-icon"></i>
                            <strong>{{ __('Book') }}</strong>
                        </button>
                        <a href="{{ URL::previous() }}" class="col-md-4 btn btn-outline-secondary" style="border-radius:25px;"><i class="fa-solid fa-circle-left me-2"></i><strong>{{ __('Back') }}</strong></a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection
@extends('layouts.footer')