@extends('layout')

@section('content')

<script src="https://bitbucket.org/pellepim/jstimezonedetect/downloads/jstz-1.0.4.min.js"></script>
<script src="http://momentjs.com/downloads/moment.min.js"></script>
<script src="http://momentjs.com/downloads/moment-timezone-with-data.min.js"></script> 

<div class="box box-success">
    <div id="map" style="height:600px;width:100%;"></div>
</div>
<div class="box box-info tbl-box">
    <table class="table table-bordered">
        <tbody>
            <tr>
                <th>Request ID</th>
                <th>{{ trans('customize.Provider') }} Name</th>
                <th>{{ trans('customize.User') }} Name</th>
                <th>Date/Time</th>
                <th>Status</th>
                <th>Amount</th>
                <th>Payment Mode</th>
                <th>Payment Status</th>
                <th>Response</th>
            </tr>
                                </tbody>
    </table>
</div>
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp" type="text/javascript"></script>
<script type="text/javascript">

        var map = null;
        var infowindow = new google.maps.InfoWindow();
        var bounds = new google.maps.LatLngBounds();
        var customIcons = {
        restaurant: {
        icon: 'http://labs.google.com/ridefinder/images/mm_20_blue.png',
                shadow: 'http://labs.google.com/ridefinder/images/mm_20_shadow.png'
        },
                bar: {
                icon: 'http://labs.google.com/ridefinder/images/mm_20_red.png',
                        shadow: 'http://labs.google.com/ridefinder/images/mm_20_shadow.png'
                },
                client: {
                icon: '