@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 mb-1">
        <div class="p-2">
            <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 : '' }}" placeholder="Enter Pickup Location">
                            </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 : '' }}" placeholder="Enter Drop Location">
                            </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 : '' }}">
                        <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>
    </form> --}}
    @if(Request::has('to'))
    <div class="row d-flex justify-content-center my-1">
        <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>
                                            <form action="" method="GET">
                                                <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 : '' }}">

                                                <div class="row pt-1 px-3 justify-content-start">
                                                    <h4 class="h6 col-md-6 col-lg-2 pt-2"><strong>{{ __('Enter Coupon Code') }}</strong></h4>
                                                    <div class="col-md-4 col-lg-3 pt-1">
                                                        @if (!empty($coupon) && $coupon_status==1)
                                                            <div class="d-flex">
                                                                <input class="form-control text-dark is-valid" style="height: 30px;" type="text" name="coupon" id="coupon" value="{{ !empty($coupon) ? $coupon->code : '' }}">
                                                                <button class="btn get-fare-btn m-1" style="border-radius:30px;margin-top: -10px!important;" type="submit">{{ __('Add') }}</button>
                                                            </div>
                                                            <h5 class="text-success"><strong>{{ __('Coupon Valid!') }}</strong></h5>
                                                            @elseif (!empty($coupon) && $coupon_status==0)
                                                            <div class="d-flex">
                                                                <input class="form-control text-dark is-invalid" style="height: 30px;" type="text" name="coupon" id="coupon" value="{{ !empty($coupon) ? $coupon->code : '' }}">
                                                                <button class="btn get-fare-btn m-1" style="border-radius:30px;margin-top: -10px!important;" type="submit">{{ __('Add') }}</button>
                                                            </div>
                                                            <h5 class="text-danger"><strong>{{ __('Coupon Invalid!') }}</strong></h5>
                                                        @else
                                                            <div class="d-flex">
                                                                <input class="form-control form-control-sm text-dark" style="height:30px;" type="text" name="coupon" id="coupon" value="{{ !empty($coupon) ? $coupon->code : '' }}">
                                                                <button class="btn get-fare-btn m-1" style="margin-top: -5px!important;" type="submit">{{ __('Add') }}</button>
                                                            </div>
                                                        @endif
                                                    </div>
                                                </div>
                                            </form>
                                        </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 $ride)
                    @if ($ride->vehicle_brand_id!=NULL)
                        <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>{{ $ride->name }}</h4>
                                                {{-- <h5 class="fs-5"><strong>{{ __('Vehicle No. :') }}</strong>{{ $ride->vehicle_no }}</h5> --}}
                                                <h5 class="fs-6"><img src="{{ asset('icons/fa/car-solid.svg') }}" class="me-2" style="width: 20px;">
                                                    <strong>
                                                        {{ $ride->vehicleBrand->name }} {{ $ride->vehicleModel->name }} - {{ $ride->vehicleColour->name }}
                                                        @if (in_array($ride->vehicle_type_id,[3]))
                                                            {{ ($ride->ac_type==0) ? __("(Non-A/C)") : __("(A/C)") }}
                                                        @endif
                                                    </strong>
                                                </h5>
                                                @if (in_array($ride->vehicle_type_id,[1,3]))
                                                    <h5 class="fs-6"><strong>{{ __('Max. Passengers : ') }}</strong>{{ $ride->passenger_limit }}</h5>
                                                @else
                                                    <h5 class="fs-6"><strong>{{ __('Max. Weight : ') }}</strong>{{ $ride->max_weight }}</h5>
                                                @endif
                                            </div>
                                            @if(Request::has('to'))
                                                <div class="col-md-6">
                                                    <h5 class="fs-6"><strong id="awayDistance_{{ $ride->id }}">{{ $ride->dist_text }}{{ __(' away') }}</strong></h5>
                                                    <h5 class="fs-6"><strong>{{ __('Drop Distance : ') }}{{ $ride->drop_text }}</strong></h5>
                                                    <h5 class="fs-6"><strong>{{ __('Estimated Time : ') }}{{ $ride->time_text }}</strong></h5>
                                                    <h5 class="fs-6"><strong>{{ __('Fare : Rs. ') }}{{ round(($ride->min_fare+($ride->fare * $ride->drop_dist )),0) }}</strong></h5>
                                                    <input class="form-control text-dark" hidden type="text" id="driver_id_{{ $ride->id }}" value="{{ $ride->id }}">
                                                    <input class="form-control text-dark" hidden type="text" id="driver_name_{{ $ride->id }}" value="{{ $ride->name }}">
                                                    <input class="form-control text-dark" hidden type="text" id="driver_wp_{{ $ride->id }}" value="{{ $ride->whatsapp_no }}">
                                                    <input class="form-control text-dark" hidden type="text" id="dropDist_{{ $ride->id }}" value="{{ round($ride->drop_dist,1) }}">
                                                    <input class="form-control text-dark" hidden type="text" id="estimatedTime_{{ $ride->id }}" value="{{ $ride->time }}">
                                                    <input class="form-control text-dark" hidden type="text" id="coupon_id_{{ $ride->id }}" value="{{ (!empty($coupon) && $coupon_status==1) ? $coupon->id : '' }}">
                                                    @if(!empty($coupon) &&$coupon->type==1){{-- Coupon Discount Type : Amount --}}
                                                        <input class="form-control text-dark" hidden type="text" id="coupon_amt_{{ $ride->id }}" value="{{ (!empty($coupon) && $coupon_status==1) ? $coupon->amount : 0 }}">
                                                    @elseif(!empty($coupon) &&$coupon->type==2){{-- Coupon Discount Type : Percentage --}}
                                                        <input class="form-control text-dark" hidden type="text" id="coupon_amt_{{ $ride->id }}" value="{{ (!empty($coupon) && $coupon_status==1) ? round( ($ride->min_fare+($ride->fare * $ride->drop_dist ))*$coupon->amount/100 ,0) : 0 }}">
                                                    @else
                                                        <input class="form-control text-dark" hidden type="text" id="coupon_amt_{{ $ride->id }}" value="{{ (!empty($coupon) && $coupon_status==1) ? $coupon->amount : 0 }}">
                                                    @endif
                                                    <input class="form-control text-dark" hidden type="text" id="total_fare_{{ $ride->id }}" value="{{ round(($ride->min_fare+($ride->fare * $ride->drop_dist )),0) }}">
                                                    @if(!empty($coupon) &&$coupon->type==1){{-- Coupon Discount Type : Amount --}}
                                                        <input class="form-control text-dark" hidden type="text" id="fare_{{ $ride->id }}" value="{{ (!empty($coupon) && $coupon_status==1) ? round( ( ($ride->min_fare+($ride->fare * $ride->drop_dist )) - $coupon->amount ) ,0) : round(($ride->min_fare+($ride->fare * $ride->drop_dist )),0) }}">
                                                    @elseif(!empty($coupon) &&$coupon->type==2){{-- Coupon Discount Type : Percentage --}}
                                                        <input class="form-control text-dark" hidden type="text" id="fare_{{ $ride->id }}" value="{{ (!empty($coupon) && $coupon_status==1) ? round( ( ($ride->min_fare+($ride->fare * $ride->drop_dist )) - ( ($ride->min_fare+($ride->fare * $ride->drop_dist ))*$coupon->amount/100 ) ) ,0) : round(($ride->min_fare+($ride->fare * $ride->drop_dist )),0) }}">
                                                    @else
                                                        <input class="form-control text-dark" hidden type="text" id="fare_{{ $ride->id }}" value="{{ (!empty($coupon) && $coupon_status==1) ? round( ( ($ride->min_fare+($ride->fare * $ride->drop_dist )) - $coupon->amount ) ,0) : round(($ride->min_fare+($ride->fare * $ride->drop_dist )),0) }}">
                                                    @endif
                                                    @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({{ $ride->id }})"><img class="my-2" style="width: 135px;border-radius:5px;" src="{{ asset('buttons/book-ride.webp') }}" alt="Book Ride - V Way Taxi"></a> --}}
                                                        <div class="d-flex justify-content-center">
                                                            <a class="btn book-ride-btn me-2" style="border-radius:30px;" href="tel:+91{{ $ride->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({{ $ride->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>
                                                                {{ __('Book Ride') }}
                                                            </button>
                                                        </div>
                                                    @else
                                                    {{-- {{ __('Some Bookings are under pending') }} --}}
                                                    @endif
                                                </div>
                                            @endif
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    @endif
                @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')