@extends('cabMeWebsite.master')
<title>Finding</title>
<style>
    #map {
        width: 100%;
        height: 350px;
        background: grey;
        frameborder:0;
        border:0;
        margin-bottom: -6px;
        allowfullscreen:"";
    }
</style>
@section('content')
    <section class="search-cab">
        <form  id="formdata" >
            <div id="response">
            </div>
            <input type="hidden" name="_token" value="{{ csrf_token() }}">
            <input class="form-control" type="hidden" name="user_id" id="user_id" value="{{$_SESSION['userid']}}"  />
            <input class="form-control" type="hidden" name="ride_id" id="ride_id" value="" />
            <input class="form-control" type="hidden" name="origin_place_lat" id="origin_place_lat" value=""/>
            <input class="form-control" type="hidden" name="origin_place_lng" id="origin_place_lng" value=""/>
            <input class="form-control" type="hidden"  name="payment_method" id="payment_method" value=""/>
            <input class="form-control" type="hidden" name="vehicle_type_id" id="vehicle_type_id" value=""/>
            <input class="form-control" type="hidden" name="is_long_trip" id="is_long_trip" value="1"/>
{{--            <input class="form-control" type="hidden" name="driver_id" id="driver_id"/>--}}
        <div id="map"></div>
        <div class="container-fluid text-center">
            <a href="#"><h2 class="p-2 p-sm-3 p-md-5"><img style="height: 90px;width: 90px;" src="{{asset('laravel-website')}}/img/gf_finding.gif"> Finding your ride....</h2></a>
        </div>
        </form>
    </section>
    <!--suppress VueDuplicateTag -->
    <script type="text/javascript">

        var base_url = '