<form action="<?php echo e(route('dispatcher.storedetail', $request->id )); ?>" id="senddata" method="POST" role="form" enctype="multipart/form-data">
    <?php echo e(csrf_field()); ?>

    <input type="hidden" name="_method" value="PATCH">
            <div class="form-group row">
                    <div class="col-xs-6">
                        <label for="first_name" class="col-form-label"><?php echo app('translator')->get('admin.member.first_name'); ?></label>
                        <input class="form-control" type="text" value="<?php echo e(!empty($request->user->first_name) ? $request->user->first_name : ' '); ?>" name="first_name" required id="first_name" placeholder="<?php echo app('translator')->get('admin.member.first_name'); ?>" disabled>
                    </div>
                    <div class="col-xs-6">
                        <label for="first_name" class="col-form-label"><?php echo app('translator')->get('admin.member.last_name'); ?></label>
                        <input class="form-control" type="text" value="<?php echo e(!empty($request->user->last_name) ? $request->user->last_name : ' '); ?>" name="last_name" required id="last_name" placeholder="<?php echo app('translator')->get('admin.member.last_name'); ?>" disabled>
                    </div>
            </div>
            <div class="form-group row">
                    <div class="col-xs-6">
                        <label for="first_name" class="col-form-label"><?php echo app('translator')->get('admin.member.email'); ?></label>
                        <input class="form-control" type="text" value="<?php echo e(!empty($request->user->email) ? $request->user->email : ' '); ?>" name="email" required id="email" placeholder="<?php echo app('translator')->get('admin.member.email'); ?>" disabled>
                    </div>
                    <div class="col-xs-6">
                        <label for="first_name" class="col-form-label"><?php echo app('translator')->get('admin.member.mobile_number'); ?></label>
                        <input class="form-control" type="text" value="<?php echo e(!empty($request->user->mobile) ? $request->user->mobile : ' '); ?>" name="mobile" required id="mobile" placeholder="<?php echo app('translator')->get('admin.member.mobile_number'); ?>" disabled>
                    </div>
            </div>
            <div class="form-group row">
                    <div class="col-xs-6">
                        <label for="first_name" class="col-form-label"><?php echo app('translator')->get('admin.member.pickup_address'); ?></label>
                        <input class="form-control" onfocus="initMap()" type="text" value="<?php echo e(!empty($request->s_address) ? $request->s_address : ' '); ?>" name="s_address" required id="s_address" placeholder="<?php echo app('translator')->get('admin.member.pickup_address'); ?>" <?php if($request->status !='SEARCHING' && $request->status !='SCHEDULED' && $request->status !='CANCELLED'): ?> readonly <?php endif; ?>>
                        <input type="hidden" name="s_latitude" id="s_latitude" value="<?php echo e($request->s_latitude); ?>">
                        <input type="hidden" name="s_longitude" id="s_longitude" value="<?php echo e($request->s_longitude); ?>">
                    </div>
                    <div class="col-xs-6">
                        <label for="first_name" class="col-form-label"><?php echo app('translator')->get('admin.member.drop_address'); ?></label>
                        <input class="form-control" onfocus="initMap()" type="text" value="<?php echo e(!empty($request->d_address) ? $request->d_address : ' '); ?>" name="d_address" required id="d_address" placeholder="<?php echo app('translator')->get('admin.member.drop_address'); ?>">
                        <input type="hidden" name="d_latitude" id="d_latitude" value="<?php echo e($request->d_latitude); ?>">
                        <input type="hidden" name="d_longitude" id="d_longitude" value="<?php echo e($request->d_longitude); ?>">
                        <input type="hidden" value="<?php echo e(!empty($request->status) ? $request->status : ' '); ?>" name="status" id="status">
                    </div>
            </div>
            <div class="form-group row">
                    <div class="col-xs-6">
                        <label for="schedule_at" class="col-form-label"><?php echo app('translator')->get('admin.member.schedule_time'); ?></label>
                        <input class="form-control" type="text" value="<?php echo e(!empty($request->schedule_at) ? datetime_formatter($request->schedule_at) : ' '); ?>" name="schedule_at" id="schedule_at" placeholder="<?php echo app('translator')->get('admin.member.schedule_time'); ?>">

                    </div>
                    <div class="col-xs-6">
                        <label for="service_type_id" class="col-form-label"><?php echo app('translator')->get('admin.member.service_type'); ?></label>
                        <select name="service_type_id" id="service_type_id" class="form-control">
                            <?php $__currentLoopData = $services; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $index => $service): $__env->incrementLoopIndices(); $loop = $__env->getFirstLoop(); ?>
                            <option value="<?php echo e($service->id); ?>" <?php if($request->service_type_id == $service->id): ?> selected <?php endif; ?>><?php echo e($service->name); ?></option>
                            <?php endforeach; $__env->popLoop(); $loop = $__env->getFirstLoop(); ?>
                        </select>
                    </div>
            </div>
            <div class="form-group row">
                    <div class="col-xs-6">
                        <label for="provider_auto_assign" class="col-form-label"><?php echo app('translator')->get('admin.member.auto_assign_provider'); ?></label><br>
                        <input type="checkbox" id="provider_auto_assign" name="provider_auto_assign" className="js-switch" data-color="#f59345" checked />

                    </div>
                    <div class="col-xs-6">
                        
                    </div>
            </div>
            <div class="form-group row">
                    <div class="col-xs-6">
                        <label for="service_type_id" class="col-form-label"></label>
                        <button type="submit" class="btn btn-danger btn-block waves-effect waves-light" data-dismiss="modal"><?php echo app('translator')->get('admin.member.close'); ?></button>
                    </div>
                    <div class="col-xs-6">
                        <label for="service_type_id" class="col-form-label"></label>
                        <button type="submit" onfocus="initMap()" class="btn btn-success btn-block waves-effect waves-light"><?php echo app('translator')->get('admin.member.update'); ?></button>
                    </div>
            </div>
        </form>

    <script>
    $('#schedule_at').datetimepicker({
        format:'d-m-Y H:i:s'
    });
    new Switchery(document.getElementById('provider_auto_assign'));
    </script>
   
    <script type="text/javascript">
  function initMap() {

    var originInput = document.getElementById('s_address');
    var destinationInput = document.getElementById('d_address');
    var originLatitude = document.getElementById('s_latitude');
    var originLongitude = document.getElementById('s_longitude');
    var destinationLatitude = document.getElementById('d_latitude');
    var destinationLongitude = document.getElementById('d_longitude');

    var originAutocomplete = new google.maps.places.Autocomplete(
            originInput);

    originAutocomplete.setComponentRestrictions(
            {'country': ['au']});

    var destinationAutocomplete = new google.maps.places.Autocomplete(
            destinationInput);

    destinationAutocomplete.setComponentRestrictions(
            {'country': ['au']});
    
    originAutocomplete.addListener('place_changed', function(event) {
        var place = originAutocomplete.getPlace();

        if (place.hasOwnProperty('place_id')) {
            if (!place.geometry) {
                    // window.alert("Autocomplete's returned place contains no geometry");
                    return;
            }
            originLatitude.value = place.geometry.location.lat();
            originLongitude.value = place.geometry.location.lng();
        } else {
            service.textSearch({
                    query: place.name
            }, function(results, status) {
                if (status == google.maps.places.PlacesServiceStatus.OK) {
                    originLatitude.value = results[0].geometry.location.lat();
                    originLongitude.value = results[0].geometry.location.lng();
                }
            });
        }
    });


    destinationAutocomplete.addListener('place_changed', function(event) {
        var place = destinationAutocomplete.getPlace();

        if (place.hasOwnProperty('place_id')) {
            if (!place.geometry) {
                // window.alert("Autocomplete's returned place contains no geometry");
                return;
            }
            destinationLatitude.value = place.geometry.location.lat();
            destinationLongitude.value = place.geometry.location.lng();
        } else {
            service.textSearch({
                query: place.name
            }, function(results, status) {
                if (status == google.maps.places.PlacesServiceStatus.OK) {
                    destinationLatitude.value = results[0].geometry.location.lat();
                    destinationLongitude.value = results[0].geometry.location.lng();
                }
            });
        }
    });

  }

  $("#senddata").submit(function(stay){
   var formdata = $(this).serialize(); // here $(this) refere to the form its submitting
    $.ajax({
        type: 'POST',
        url: "<?php echo e(route('dispatcher.storedetail', $request->id )); ?>",
        data: formdata, // here $(this) refers to the ajax object not form
        success: function (data) {
           closemodal();
        },
    });
    stay.preventDefault(); 
});
    </script>