<?php $__env->startSection('content'); ?>
    <div class="side-title">
        <h3><?php echo e($head); ?></h3>

    </div>
    <div class="border-item">
        <form class="form-row" method="post" onsubmit="saveForm(this)" action="<?php echo e($action); ?>" enctype="multipart/form-data">
            <?php if($branch ?? ''  && $branch->id): ?>
                <?php echo method_field('PUT'); ?>
            <?php endif; ?>
            <?php echo csrf_field(); ?>

            <div class="form-group col-lg-6">
                <label><?php echo e(meta('name', getCurrentLocale()) ?? __('branches.name')); ?> </label>
                <input type="text" class="form-control <?php echo e($errors->has('name') ? 'is-invalid' : ''); ?>" name="name" placeholder="<?php echo e(meta('name', getCurrentLocale()) ?? __('branches.name')); ?>" value='<?php echo e(old("name", $branch->name ?? "")); ?>'/>
            </div>

            <div class="form-group col-lg-6">
                <label><?php echo e(meta('address', getCurrentLocale()) ?? __('branches.address')); ?> </label>
                <input type="text" class="form-control <?php echo e($errors->has('address') ? 'is-invalid' : ''); ?>" name="address" placeholder="<?php echo e(meta('address', getCurrentLocale()) ?? __('branches.address')); ?>" value='<?php echo e(old("address", $branch->address ?? "")); ?>'/>
            </div>

            <div class="form-group col-lg-6">
                <label><?php echo e(meta('cost_delivery', getCurrentLocale()) ?? __('branches.cost_delivery')); ?> </label>
                <input type="number" step=".01" class="form-control <?php echo e($errors->has('cost_delivery') ? 'is-invalid' : ''); ?>" name="cost_delivery" placeholder="<?php echo e(meta('cost_delivery', getCurrentLocale()) ?? __('branches.cost_delivery')); ?>" value='<?php echo e(old("cost_delivery", $branch->cost_delivery ?? "")); ?>'/>
            </div>

            <div class="form-group col-lg-6">
                <label><?php echo e(meta('time_delivery', getCurrentLocale()) ?? __('branches.time_delivery')); ?> </label>
                <input type="number"  class="form-control <?php echo e($errors->has('time_delivery') ? 'is-invalid' : ''); ?>" name="time_delivery" placeholder="<?php echo e(meta('time_delivery', getCurrentLocale()) ?? __('branches.time_delivery')); ?>" value='<?php echo e(old("time_delivery", $branch->time_delivery ?? "")); ?>'/>
            </div>

            <div class="form-group col-lg-6">
                <label><?php echo e(meta('time_prepare', getCurrentLocale()) ?? __('branches.time_prepare')); ?> </label>
                <input type="number" class="form-control <?php echo e($errors->has('time_prepare') ? 'is-invalid' : ''); ?>" name="time_prepare" placeholder="<?php echo e(meta('time_prepare', getCurrentLocale()) ?? __('branches.time_prepare')); ?>" value='<?php echo e(old("time_prepare", $branch->time_prepare ?? "")); ?>'/>
            </div>

            <div class="form-group col-lg-6">
                <label><?php echo e(__('branches.city_id')); ?> </label>
                <select id="city_id" onchange="fetchAreas(this)" class="form-control <?php echo e($errors->has('city_id') ? 'is-invalid' : ''); ?>" name="city_id">
                    <option <?php echo e((isset($branch) ? $branch->city_id : null) == '' ? 'selected' : ''); ?> value=""><?php echo e(__('cities.select')); ?></option>
                    <?php $__currentLoopData = $cities; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $row): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                        <option <?php echo e((isset($branch) ? $branch->city_id : null) == $row->id ? 'selected' : ''); ?> value="<?php echo e($row->id); ?>"><?php echo e($row->currentDescription->title); ?></option>
                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                </select>
            </div>

            <div class="form-group col-lg-6">
                <label><?php echo e(__('branches.area_id')); ?> </label>
                <select id="area_id" class="form-control <?php echo e($errors->has('area_id') ? 'is-invalid' : ''); ?>" name="area_id">
                    <option <?php echo e((isset($branch) ? $branch->area_id : null) == '' ? 'selected' : ''); ?> value=""><?php echo e(__('cities.select')); ?></option>
                    <?php $__currentLoopData = $areas; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $row): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                        <option <?php echo e((isset($branch) ? $branch->area_id : null) == $row->id ? 'selected' : ''); ?> value="<?php echo e($row->id); ?>"><?php echo e($row->currentDescription->title); ?></option>
                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                </select>
            </div>

            <div class="col-md-12">
                <input type="hidden" name="latitude" id="latitude" value="<?php if($branch ?? ''  && $branch->id): ?> <?php echo e($branch->latitude); ?> <?php endif; ?>">
                <input type="hidden" name="longitude" id="longitude" value="<?php if($branch ?? ''  && $branch->id): ?> <?php echo e($branch->longitude); ?> <?php endif; ?>">
                <div id="address-canvas">
                    <div id="map" style=" height: 400px;border: 1px solid #000;"></div>
                </div>

            </div>
            <div class="text-center mt-5 col-12">
                <button class="butn"><span><?php echo e(__('dashboard.save')); ?></span></button>
            </div>
        </form>
    </div>

<?php $__env->stopSection(); ?>
<?php $__env->startSection('inner_js'); ?>

    <script type="text/javascript">

        window.onload = function() {
            var latlng = new google.maps.LatLng(<?php echo $branch ?? ''  && $branch->id ? $branch->latitude.', '.$branch->longitude : '21.4989, 39.2509'; ?>);
            var map = new google.maps.Map(document.getElementById('map'), {
                center: latlng,
                zoom: 11,
                mapTypeId: google.maps.MapTypeId.ROADMAP
            });
            var marker = new google.maps.Marker({
                position: latlng,
                map: map,
                title: 'Set lat/lon values for this property',
                draggable: true
            });
            google.maps.event.addListener(marker, 'dragend', function(a) {
                console.log(a);
                var div = document.createElement('div');
                let lat = a.latLng.lat().toFixed(4);
                let lan =  a.latLng.lng().toFixed(4);
                document.getElementsByTagName('body')[0].appendChild(div);
                $("#latitude").val(function() {
                    return  lat;
                });
                $("#longitude").val(function() {
                    return  lan;
                });

            });

        };

        function getLocation() {
            if (navigator.geolocation) {
                navigator.geolocation.getCurrentPosition(showPosition);
            } else {
                x.innerHTML = "Geolocation is not supported by this browser.";
            }
        }

        function showPosition(position) {


            var latlng = new google.maps.LatLng(position.coords.latitude , position.coords.longitude);
            $("#mylatlng").val(function() {
                return  latlng;


            });
            var map = new google.maps.Map(document.getElementById('map'), {
                center: latlng,
                zoom: 11,
                mapTypeId: google.maps.MapTypeId.ROADMAP
            });
            var marker = new google.maps.Marker({
                position: latlng,
                map: map,
                title: 'Set lat/lon values for this property',
                draggable: true
            });
            google.maps.event.addListener(marker, 'dragend', function(a) {
                console.log(a);
                var div = document.createElement('div');alert(div);
                div.innerHTML = a.latLng.lat().toFixed(4) + ', ' + a.latLng.lng().toFixed(4);



            });
        }

    </script>
    <script>
        function fetchAreas(elem)
        {
            let city_id = $(elem).val()
            $.ajax({
                url : url_areas,
                type : 'GET',
                data : 'city_id='+city_id,
                success:function(data)
                {
                    $('#area_id').html(data);
                }
            })
        }
    </script>
    <!-- Editor JS files -->
    
    <script src="//cdn.tinymce.com/4/tinymce.min.js"></script>
    <script>
        let route_prefix = "<?php echo e(url(config('lfm.prefix'))); ?>",
            url = "<?php echo e(url('/')); ?>/",
            currentLanguage = "<?php echo e(getCurrentLocale()); ?>",
            url_areas = "<?php echo e(route('fetch.store.areas')); ?>",
            imagePath = "<?php echo e(asset('')); ?>";
    </script>
    <script src="<?php echo e(asset('assets/admin/js/editor.js')); ?>"></script>
    <script src="<?php echo e(asset('assets/admin/js/lfm.js')); ?>"></script>
    <script src="<?php echo e(asset('assets/admin/js/articles.js')); ?>"></script>
<?php $__env->stopSection(); ?>

<?php echo $__env->make('store.layouts.container', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /home/omaralyomhost/public_html/made/resources/views/store/branch/form.blade.php ENDPATH**/ ?>