@extends('web.layout')

@section('content')

<div class="col-md-12 mt">

    @if(Session::has('message'))
    <div class="alert alert-{{ Session::get('type') }}">
        <b>{{ Session::get('message') }}</b> 
    </div>

    @endif
    <div id='msg'></div>   
    <div class="content-panel">
        <div class="row">
            <h4>Request {{trans('customize.Trip')}}</h4><br>
            <div class="col-md-11">
                <div class="row">
                    <div class="col-md-6">
                        <input type="text" class="form-control" name="my_address" id="my-address" placeholder="Please enter Source address" style="margin-bottom:10px;width:65%;float:left;" onblur="codeAddress(1);">
                        <button id="getCords" class="btn btn-success pull-right" onClick="codeAddress(1);">Find Location</button>

                        <div id="map-canvas" style="width:100%;"></div>
                    </div>

                    <div class="col-md-6" id='destination' style="display:none">
                        <input type="text" class="form-control" name="my_address" id="my-dest"  placeholder="Please enter Destination address" style="margin-bottom:10px;width:65%;float:left;" onblur="codeAddress(2);">
                        <button id="getCords" class="btn btn-success pull-right" onClick="codeAddress(2);">Find Location</button>

                        <div id="map-dest" style="width:100%;height:300px;"></div>
                    </div>

                </div>


                <form  id="request-form" style="display:none;">
                    <div class="form-group">
                        <br>
                        <div class="col-sm-12">
                            <label class="col-sm-12 col-sm-12 control-label">Type of Service</label>
                        </div>
                        <br>
                        <select name="type" class="form-control" id="flow4">
                            <option value=''>--Select Type--</option>
                                                    </select>
                        <br>
                        <select id="provider" class="form-control" name='provider' style="display:none">

                        </select>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-12">
                            <label class="col-sm-12 col-sm-12 control-label">How would you like to pay</label>
                        </div>
                        <br>
                        <select name="payment_type" class="form-control" required>
                            <option value="1" hidden>Pay by Cash</option>
                            <option value="0" hidden>Pay by Stored Card</option>
                            <option value="2" hidden>Pay by Paypal</option>
                        </select>
                        <br>
                    </div>
                    <div class="form-group">