@extends('layouts.app')
@extends('layouts.navbar')
@section('content')
<div class="container">
    {{-- <form class="form" action="" method="GET">
    <div class="row d-flex justify-content-center my-1">
        <div class="p-2">
            <div class="row d-flex justify-content-between">
            <div class="row">
                <div class="col-md-12 col-lg-12">
                    <div class="card shadow my-3" style="border-radius:30px;">
                        <div class="col-md-12 px-4">
                            <div class="pt-3">
                                <div class="d-flex">
                                    <i class="fa-solid fa-location mt-2 me-2"></i>
                                    <input class="form-control text-dark" required aria-required="true" style="border: 2px solid #008bf8;" type="text" name="from" id="fromLocation" value="{{ !empty($from) ? $from : '' }}">
                                </div>
                                <span class="text-danger fw-bold fs-6 d-none" id="fromLocReq">{{ __('From Location Required!') }}</span>
                            </div>
                            <input class="form-control text-dark" hidden style="border: 2px solid #008bf8;" type="text" name="fromLatitude" id="fromLatitude" value="{{ !empty($fromLatitude) ? $fromLatitude : '' }}">
                            <input class="form-control text-dark" hidden style="border: 2px solid #008bf8;" type="text" name="fromLongitude" id="fromLongitude" value="{{ !empty($fromLongitude) ? $fromLongitude : '' }}">
                        </div>
                        <div class="col-md-12 px-4">
                            <div class="pt-3">
                                <div class="d-flex">
                                    <i class="fa-solid fa-location mt-2 me-2"></i>
                                    <input class="form-control text-dark" required aria-required="true" style="border: 2px solid #008bf8;" type="text" name="to" id="toLocation" value="{{ !empty($to) ? $to : '' }}">
                                </div>
                                <span class="text-danger fw-bold fs-6 d-none" id="toLocReq">{{ __('To Location Required!') }}</span>
                            </div>
                            <input class="form-control text-dark" hidden style="border: 2px solid #008bf8;" type="text" name="toLatitude" id="toLatitude" value="{{ !empty($toLatitude) ? $toLatitude : '' }}">
                            <input class="form-control text-dark mb-1" hidden style="border: 2px solid #008bf8;" type="text" name="toLongitude" id="toLongitude" value="{{ !empty($toLongitude) ? $toLongitude : '' }}">
                        </div>
                        <div class="card-title pt-4 px-4 d-flex justify-content-start">
                            <h4 class="h6 col-md-2 pt-2 me-3"><strong>{{ __('Days ') }}</strong></h4>
                            <div class="col-md-1">
                                <input class="form-control text-dark" style="border: 2px solid #008bf8;width:120px!important;" type="text" name="total_days" id="total_days" value="{{ !empty($total_days) ? $total_days : '' }}">
                            </div>
                        </div>
                        <div class="card-title pt-4 px-4 d-flex justify-content-start">
                            <h4 class="col-md-2 pt-2">
                                <i class="fa-regular fa-lg fa-snowflake me-1"></i>
                            </h4>
                            <div class="col-md-1">
                                <select class="ms-4 ms-md-0 form-control form-select text-dark" style="border: 2px solid #008bf8;" name="ac" id="ac">
                                    <option value="0" {{ !empty($ac) && $ac ==0 ? __('selected') : '' }}>{{ __("Non-A/C") }}</option>
                                    <option value="1" {{ !empty($ac) && $ac ==1 ? __('selected') : '' }}>{{ __("A/C") }}</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-md-12 px-4">
                            <button class="my-3 btn get-fare-btn" style="border-radius:30px;" id="searchRide"><img style="width: 1.4rem;" class="me-2" src="{{ asset('icons/feather/corner-down-right.svg') }}" alt="right">{{ __('Get Fare') }}</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    </form> --}}
    @if(Request::has('to'))
    <div class="row d-flex justify-content-center my-2">
        <div class="p-2">
            <div class="row d-flex justify-content-center">
                <div class="col-lg-10 col-md-12">
                    <div class="card shadow my-3" style="border-radius:30px;">
                        <div class="card-body">
                            <div class="p-2">
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="p-3">
                                            <h6><strong>{{ __('From : ') }}</strong>{{ !empty($from) ? $from : '' }}</h6>
                                            <h6><strong>{{ __('To : ') }}</strong>{{ !empty($to) ? $to : '' }}</h6>
                                            <h6><strong>{{ __('Days : ') }}</strong>{{ !empty($total_days) ? $total_days : '' }}</h6>
                                            @if(!empty($ac))
                                                @if ($ac)
                                                    <h6><strong>{{ __('A/C : ') }}</strong>{{ __('A/C') }}</h6>
                                                @else
                                                    <h6><strong>{{ __('A/C : ') }}</strong>{{ __('Non-A/C') }}</h6>
                                                @endif
                                            @endif
                                            <input class="form-control text-dark" hidden style="border: 2px solid #008bf8;" type="text" name="from" value="{{ !empty($from) ? $from : '' }}">
                                            <input class="form-control text-dark" hidden style="border: 2px solid #008bf8;" type="text" name="fromLatitude" id="fromLatitude" value="{{ !empty($fromLatitude) ? $fromLatitude : '' }}">
                                            <input class="form-control text-dark" hidden style="border: 2px solid #008bf8;" type="text" name="fromLongitude" id="fromLongitude" value="{{ !empty($fromLongitude) ? $fromLongitude : '' }}">

                                            <input class="form-control text-dark" hidden style="border: 2px solid #008bf8;" type="text" name="to" value="{{ !empty($to) ? $to : '' }}">
                                            <input class="form-control text-dark" hidden style="border: 2px solid #008bf8;" type="text" name="toLatitude" id="toLatitude" value="{{ !empty($toLatitude) ? $toLatitude : '' }}">
                                            <input class="form-control text-dark" hidden style="border: 2px solid #008bf8;" type="text" name="toLongitude" id="toLongitude" value="{{ !empty($toLongitude) ? $toLongitude : '' }}">

                                            <input class="form-control text-dark" hidden style="border: 2px solid #008bf8;" type="text" name="total_days" id="total_days" value="{{ !empty($total_days) ? $total_days : '' }}">
                                            <input class="form-control text-dark" hidden style="border: 2px solid #008bf8;" type="text" name="ac" id="ac" value="{{ $ac }}">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>  
    @endif
    <div class="row d-flex justify-content-center my-2">
        <div class="p-2">
            <div class="row d-flex justify-content-between">
                @forelse($rides as $outstation)
                    <div class="col-lg-6 col-sm-6 px-5">
                        <div class="card shadow my-3" style="border-radius:30px;">
                            <div class="card-body">
                                <div class="p-2">
                                    <div class="row">
                                        <div class="col-md-6">
                                            <h4 class="fs-6 mb-2 vio-name"><strong>{{ __('Driver Name : ') }}</strong>{{ $outstation->user->name }}</h4>
                                            {{-- <h5 class="fs-6"><strong>{{ __('Vehicle No. :') }}</strong>{{ $outstation->user->vehicle_no }}</h5> --}}
                                            <h5 class="fs-6"><img src="{{ asset('icons/fa/car-solid.svg') }}" class="me-2" style="width: 20px;">
                                                <strong>
                                                    {{ $outstation->user->vehicleBrand->name }} {{ $outstation->user->vehicleModel->name }} - {{ $outstation->user->vehicleColour->name }}
                                                    @if (in_array($outstation->user->vehicle_type_id,[3]))
                                                        {{ ($outstation->ac==0) ? __("(Non-A/C)") : __("(A/C)") }}
                                                    @endif
                                                </strong>
                                            </h5>
                                            <h5 class="fs-6"><strong>{{ __('Booking Type : ') }}</strong>{{ ($outstation->type==1) ? __("One-Way") : __("Two-Way") }}</h5>
                                            @if (in_array($outstation->user->vehicle_type_id,[1,3]))
                                                <h5 class="fs-6"><strong>{{ __('Max. Passengers : ') }}</strong>{{ $outstation->no_of_passengers ?? __("N/A") }}</h5>
                                            @endif
                                            @if (in_array($outstation->user->vehicle_type_id,[2,4]))
                                                <h5 class="fs-6"><strong>{{ __('Max. Weight : ') }}</strong>{{ $outstation->total_weight ?? __("N/A") }}</h5>
                                            @endif
                                        </div>
                                        @if(Request::has('to'))
                                            <div class="col-md-6">
                                                <h5 class="fs-6"><strong id="awayDistance_{{ $outstation->user->id }}">{{ $outstation->dist_text }}{{ __(' away') }}</strong></h5>
                                                <h5 class="fs-6"><strong>{{ __('Drop Distance : ') }}{{ $outstation->drop_text }}</strong></h5>
                                                <h5 class="fs-6"><strong>{{ __('Fare : Rs. ') }}{{ round((($outstation->fare_day*$total_days)+( $outstation->fare_km * $outstation->drop_dist ) ),0) }}</strong></h5>
                                                <input class="form-control text-dark" hidden type="text" id="driver_id_{{ $outstation->user->id }}" value="{{ $outstation->user->id }}">
                                                <input class="form-control text-dark" hidden type="text" id="driver_name_{{ $outstation->user->id }}" value="{{ $outstation->user->name }}">
                                                <input class="form-control text-dark" hidden type="text" id="driver_wp_{{ $outstation->user->id }}" value="{{ $outstation->user->whatsapp_no }}">
                                                <input class="form-control text-dark" hidden type="text" id="dropDist_{{ $outstation->user->id }}" value="{{ round($outstation->drop_dist,1) }}">

                                                <input class="form-control text-dark" hidden type="text" id="total_days_{{ $outstation->user->id }}" value="{{ $total_days }}">
                                                <input class="form-control text-dark" hidden type="text" id="way_{{ $outstation->user->id }}" value="{{ ($outstation->type==1) ? __("One-Way") : __("Two-Way") }}">
                                                <input class="form-control text-dark" hidden type="text" id="ac_{{ $outstation->user->id }}" value="{{ ($outstation->ac==0) ? __("(Non-A/C)") : __("(A/C)") }}">

                                                <input class="form-control text-dark" hidden type="text" id="total_fare_{{ $outstation->user->id }}" value="{{ round((($outstation->fare_day*$total_days)+($outstation->fare_km * $outstation->drop_dist )),0) }}">
                                                <input class="form-control text-dark" hidden type="text" id="fare_{{ $outstation->user->id }}" value="{{ round((($outstation->fare_day*$total_days)+($outstation->fare_km * $outstation->drop_dist )),0) }}">

                                                @if( (\App\Models\RecentOrder::whereIn('order_status_id',[1,2,5,6])->where('user_id','=',Auth::user()->id)->count()) ==0 )
                                                    {{-- <a href="javascript:void(0);" onclick="sendMessage({{ $outstation->user->id }})"><img class="my-2" style="width: 135px;border-radius:5px;" src="{{ asset('buttons/book-ride.webp') }}" alt="Book Ride - V Way Taxi"></a> --}}
                                                    <a class="btn book-ride-btn me-2" style="border-radius:30px;" href="tel:+91{{ $outstation->user->whatsapp_no }}">
                                                        <i class="fa-solid fa-phone me-2"></i>
                                                        {{ __('Call') }}
                                                    </a>
                                                    <button class="btn book-ride-btn" style="border-radius:30px;" onclick="sendMessage({{ $outstation->user->id }})">
                                                        <span class="spinner-border spinner-border-sm hidden" id="spinIcon" role="status" aria-hidden="true"></span>
                                                        <i class="fa-brands fa-lg fa-whatsapp" id="whatsapp-icon"></i>
                                                        @if ($outstation->type==2)
                                                            {{ __('Get Quote') }}
                                                        @else
                                                            {{ __('Book Ride') }}
                                                        @endif
                                                    </button>
                                                @else
                                                {{-- {{ __('Some Bookings are under pending') }} --}}
                                                @endif
                                            </div>
                                        @endif
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                @empty
                    <div class="col-lg-12 col-sm-12">
                        <div class="card shadow my-3" style="border-radius:30px;">
                            <div class="card-body">
                                <div class="p-2">
                                    <div class="row">
                                        <div class="col-md-12 text-center">
                                            <img style="width: 300px;" src="{{ asset('undraw_no_data.svg') }}" alt="No Data">
                                            <h3 class="my-4 vio-name"><strong>{{ __('No Vehicles Available! Try Again Later') }}</strong></h3>
                                            
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                @endforelse
                {{ $rides->withQueryString()->render("pagination::bootstrap-5") }}
            </div>
        </div>
    </div>
</div>
@endsection
@extends('layouts.footer')