<?php $__env->startSection('title', 'Request details '); ?>

<?php $__env->startSection('content'); ?>
<div class="content-area py-1">
    <div class="container-fluid">
        <div class="row bg-title">
            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                <h4 class="page-title"><?php echo app('translator')->get('admin.member.request_details'); ?></h4>
            </div>
        </div>

        <div class="box box-block bg-white">
            <div class="row">
                <div class="col-md-12">
                    <dl class="row">
                        <dt class="col-sm-3"><?php echo app('translator')->get('admin.member.booking_id'); ?> :</dt>
                        <dd class="col-sm-8"><?php echo e($request->booking_id); ?></dd>
                        <dt class="col-sm-3"><?php echo app('translator')->get('admin.member.user_name'); ?> :</dt>
                        <dd class="col-sm-8"><?php echo e($request->user->first_name); ?></dd>

                        <dt class="col-sm-3"><?php echo app('translator')->get('admin.member.driver_name'); ?> :</dt>
                        <?php if($request->provider): ?>
                        <dd class="col-sm-8"><?php echo e($request->provider->first_name); ?></dd>
                        <?php else: ?>
                        <dd class="col-sm-8"><?php echo app('translator')->get('admin.member.provider_not_yet_assigned'); ?></dd>
                        <?php endif; ?>

                        <dt class="col-sm-3"><?php echo app('translator')->get('admin.member.total_distance'); ?> :</dt>
                        <dd class="col-sm-8"><?php echo e($request->distance ? $request->distance : '-'); ?> <?php echo e($unit); ?></dd>

                        <?php if($request->status == 'SCHEDULED'): ?>
                        <dt class="col-sm-3"><?php echo app('translator')->get('admin.member.ride_scheduled_time'); ?> :</dt>
                        <dd class="col-sm-8">
                            <?php if($request->schedule_at != "0000-00-00 00:00:00"): ?>
                                <?php echo e(date('jS \of F Y h:i:s A', strtotime($request->schedule_at))); ?> 
                            <?php else: ?>
                                - 
                            <?php endif; ?>
                        </dd>
                        <?php else: ?>
                        <dt class="col-sm-3"><?php echo app('translator')->get('admin.member.ride_start_time'); ?> :</dt>
                        <dd class="col-sm-8">
                            <?php if($request->started_at != "0000-00-00 00:00:00"): ?>
                                <?php echo e(date('jS \of F Y h:i:s A', strtotime($request->started_at))); ?> 
                            <?php else: ?>
                                - 
                            <?php endif; ?>
                         </dd>

                        <dt class="col-sm-3"><?php echo app('translator')->get('admin.member.ride_end_time'); ?> :</dt>
                        <dd class="col-sm-8">
                            <?php if($request->finished_at != "0000-00-00 00:00:00"): ?> 
                                <?php echo e(date('jS \of F Y h:i:s A', strtotime($request->finished_at))); ?>

                            <?php else: ?>
                                - 
                            <?php endif; ?>
                        </dd>
                        <?php endif; ?>

                        <dt class="col-sm-3"><?php echo app('translator')->get('admin.member.pickup_address'); ?> :</dt>
                        <dd class="col-sm-8"><?php echo e($request->s_address ? $request->s_address : '-'); ?></dd>

                        <dt class="col-sm-3"><?php echo app('translator')->get('admin.member.drop_address'); ?> :</dt>
                        <dd class="col-sm-8"><?php echo e($request->d_address ? $request->d_address : '-'); ?></dd>

                        <?php if($request->payment): ?>
                        <dt class="col-sm-3"><?php echo app('translator')->get('admin.member.base_price'); ?> :</dt>
                        <dd class="col-sm-8"><?php echo e(currency($request->payment->fixed)); ?></dd>

                        <dt class="col-sm-3"><?php echo app('translator')->get('admin.member.tax_price'); ?> :</dt>
                        <dd class="col-sm-8"><?php echo e(currency($request->payment->tax)); ?></dd>

                        <dt class="col-sm-3"><?php echo app('translator')->get('admin.member.total_amount'); ?> :</dt>
                        <dd class="col-sm-8"><?php echo e(currency($request->payment->total)); ?></dd>
                        <?php endif; ?>

                        <dt class="col-sm-3"><?php echo app('translator')->get('admin.member.ride_status'); ?> : </dt>
                        <dd class="col-sm-8">
                            <?php echo e($request->status); ?>

                        </dd>

                    </dl>
                </div>
                <div class="col-md-12">
                    <div id="map"></div>
                </div>
            </div>
        </div>
    </div>
</div>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('styles'); ?>
<style type="text/css">
    #map {
        height: 450px;
    }
</style>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('scripts'); ?>
<script type="text/javascript">
    var map;
    var zoomLevel = 11;

    function initMap() {

        map = new google.maps.Map(document.getElementById('map'));

        var marker = new google.maps.Marker({
            map: map,
            icon: '/asset/img/marker-start.png',
            anchorPoint: new google.maps.Point(0, -29)
        });

         var markerSecond = new google.maps.Marker({
            map: map,
            icon: '/asset/img/marker-end.png',
            anchorPoint: new google.maps.Point(0, -29)
        });

        var bounds = new google.maps.LatLngBounds();

        source = new google.maps.LatLng(<?php echo e($request->s_latitude); ?>, <?php echo e($request->s_longitude); ?>);
        destination = new google.maps.LatLng(<?php echo e($request->d_latitude); ?>, <?php echo e($request->d_longitude); ?>);

        marker.setPosition(source);
        markerSecond.setPosition(destination);

        var directionsService = new google.maps.DirectionsService;
        var directionsDisplay = new google.maps.DirectionsRenderer({suppressMarkers: true, preserveViewport: true});
        directionsDisplay.setMap(map);

        directionsService.route({
            origin: source,
            destination: destination,
            travelMode: google.maps.TravelMode.DRIVING
        }, function(result, status) {
            if (status == google.maps.DirectionsStatus.OK) {
                console.log(result);
                directionsDisplay.setDirections(result);

                marker.setPosition(result.routes[0].legs[0].start_location);
                markerSecond.setPosition(result.routes[0].legs[0].end_location);
            }
        });

        <?php if($request->provider && $request->status != 'COMPLETED'): ?>
        var markerProvider = new google.maps.Marker({
            map: map,
            icon: "/asset/img/marker-car.png",
            anchorPoint: new google.maps.Point(0, -29)
        });

        provider = new google.maps.LatLng(<?php echo e($request->provider->latitude); ?>, <?php echo e($request->provider->longitude); ?>);
        markerProvider.setVisible(true);
        markerProvider.setPosition(provider);
        console.log('Provider Bounds', markerProvider.getPosition());
        bounds.extend(markerProvider.getPosition());
        <?php endif; ?>

        bounds.extend(marker.getPosition());
        bounds.extend(markerSecond.getPosition());
        map.fitBounds(bounds);
    }
</script>
<script src="https://maps.googleapis.com/maps/api/js?key=<?php echo e(env('GOOGLE_MAP_KEY')); ?>&libraries=places&callback=initMap" async defer></script>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('admin.layout.base', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>