{Ninja-Shell}

Filename: ///var/www/arsu//storage/framework//views/3fd56c043a34963599289b51d894451177b31065.php

<?php $__env->startSection('title',\App\CPU\translate('My Address')); ?>

<?php $__env->startPush('css_or_js'); ?>

.iconHad {
            color: <?php echo e($web_config['primary_color']); ?>;
        }
        .namHad {
            padding-<?php echo e(Session::get('direction') === "rtl" ? 'right' : 'left'); ?>: 13px;
        }
        .modal-backdrop {
            z-index: 0 !important;
            display: none;
        }
        .donate-now li {
            margin: <?php echo e(Session::get('direction') === "rtl" ? '0 0 0 5px' : '0 5px 0 0'); ?>;
        }
        .donate-now input[type="radio"]:checked + label,
        .Checked + label {
            background: <?php echo e($web_config['primary_color']); ?>;
        }
        .filter-option{
            display: block;
            width: 100%;
            height: calc(1.5em + 1.25rem + 2px);
            padding: 0.625rem 1rem;
            font-size: .9375rem;
            font-weight: 400;
            line-height: 1.5;
            color: #4b566b;
            background-color: #fff;
            background-clip: padding-box;
            border: 1px solid #dae1e7;
            border-radius: 0.3125rem;
            box-shadow: 0 0 0 0 transparent;
            transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
        }

.btn-light + .dropdown-menu{
            transform: none !important;
            top: 41px !important;
        }

.__account-address .donate-now {
            list-style-type: none;
            margin: 25px 0 0 0;
            padding: 0;
        }
        .__account-address .donate-now li {
        float: left;
        width: 100px;
        height: 40px;
        position: relative;
        padding: 22px;
        text-align: center;
        }
        .donate-now li {
        margin: 0 5px 0 0;
        }

.__account-address .donate-now input[type="radio"] {
        opacity: 0.01;
        z-index: 100;
        }
        .__account-address .donate-now label, .__account-address .donate-now input {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        border-radius: 5px;
        }
        input[type="radio"], input[type="checkbox"] {
        box-sizing: border-box;
        padding: 0;
        }
        [type="radio"] {
        border: 0;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
        }

label:not(.form-check-label):not(.custom-control-label):not(.custom-file-label):not(.custom-option-label) {
        color: #373f50;
        }
        .__account-address .donate-now label {
        padding: 5px;
        border: 1px solid #ccc;
        cursor: pointer;
        z-index: 90;
        }
        .__account-address .donate-now label, .__account-address .donate-now input {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        border-radius: 5px;
        }
        .__account-address label {
        font-size: 15px;
        margin-bottom: 8px;
        color: #030303;
        }
        label {
        padding-top: .0625rem;
        font-size: .875rem;
        }
        html * {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        }
        label {
        display: inline-block;
        margin-bottom: .375rem;
        }
        *, ::before, ::after {
        box-sizing: border-box;
        }
        .__account-address .donate-now li {
        text-align: center;
        }
        .__account-address .donate-now {
        list-style-type: none;
        }

.__account-address label {
        font-size: 15px;
        margin-bottom: 8px;
        color: #030303;
        }

.form-control {
            margin-bottom: 15px !important;
        }
    </style>
<?php $__env->stopPush(); ?>

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

<div class="modal fade rtl" style="text-align: <?php echo e(Session::get('direction') === "rtl" ? 'right' : 'left'); ?>;" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog  modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title font-name"><?php echo e(\App\CPU\translate('add_new_address')); ?></h5>
                </div>
                <div class="modal-body">
                    <form action="<?php echo e(route('address-store')); ?>" method="post">
                        <?php echo csrf_field(); ?>

</ul>
                            </div>

<div class="tab-content">
                            <div id="home" class="container tab-pane active"><br>

</div>
                            <div class="form-row">
                                <div class="form-group col-md-12">
                                    <label for="address-city"><?php echo e(\App\CPU\translate('City')); ?></label>
                                    <input class="form-control" type="text" id="address-city" name="city" required>
                                </div>
                                <div class="form-group col-md-12">
                                    <label for="zip"><?php echo e(\App\CPU\translate('zip_code')); ?></label>
                                    <?php if($zip_restrict_status): ?>
                                        <select name="zip" id="" class="form-control selectpicker" data-live-search="true">
                                            <?php $__currentLoopData = $zip_codes; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $code): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                                <option value="<?php echo e($code->zipcode); ?>"><?php echo e($code->zipcode); ?></option>
                                            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                        </select>
                                    <?php else: ?>
                                        <input class="form-control" type="text" id="zip" name="zip" required>
                                    <?php endif; ?>
                                </div>
                            </div>
                            <div class="form-row">
                                <div class="form-group col-md-12">
                                    <label for="address-city"><?php echo e(\App\CPU\translate('Country')); ?></label>
                                    <select name="country" id="" class="form-control selectpicker" data-live-search="true">
                                        <?php $__currentLoopData = $countries; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $d): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                            <option value="<?php echo e($d['name']); ?>"><?php echo e($d['name']); ?></option>
                                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                    </select>
                                </div>
                            </div>

<textarea class="form-control" id="address"
                                                        type="text"  name="address" required></textarea>
                                </div>
                                <?php ($default_location=\App\CPU\Helpers::get_business_settings('default_location')); ?>
                                <div class="form-group col-md-12">
                                    <input id="pac-input" class="controls rounded __inline-46" title="<?php echo e(\App\CPU\translate('search_your_location_here')); ?>" type="text" placeholder="<?php echo e(\App\CPU\translate('search_here')); ?>"/>
                                    <div class="__h-200px" id="location_map_canvas"></div>
                                </div>
                                <br>
                            </div>
                        </div>
                        <input type="hidden" id="latitude"
                            name="latitude" class="form-control d-inline"
                            placeholder="Ex : -94.22213" value="<?php echo e($default_location?$default_location['lat']:0); ?>" required readonly>
                        <input type="hidden"
                            name="longitude" class="form-control"
                            placeholder="Ex : 103.344322" id="longitude" value="<?php echo e($default_location?$default_location['lng']:0); ?>" required readonly>
                        <div class="modal-footer">
                            <button type="submit" class="btn btn-primary"><?php echo e(\App\CPU\translate('Add')); ?> <?php echo e(\App\CPU\translate('Informations')); ?>  </button>
                            <button type="button" class="btn btn-secondary" data-dismiss="modal"><?php echo e(\App\CPU\translate('close')); ?></button>
                        </div>
                    </div>
                </form>
            </div>
        </div>

</div>
    </div>

<div class="container text-center pt-60 pb-20">
        <h3 class="headerTitle"><?php echo e(\App\CPU\translate('addresses')); ?></h3>
    </div>
    
    <section class="__account-address profile__area pb-120">
        <div class="container pb-5 mb-2 mb-md-4 mt-3 rtl"
         style="text-align: <?php echo e(Session::get('direction') === "rtl" ? 'right' : 'left'); ?>;">
            <div class="profile__inner p-relative">
               <div class="profile__shape">
                    <img class="profile__shape-1" src="<?php echo e(asset('public/assets/front-end')); ?>/img/login/laptop.png" alt="img" >
                    <img class="profile__shape-2" src="<?php echo e(asset('public/assets/front-end')); ?>/img/login/man.png" alt="img" >
                    <img class="profile__shape-3" src="<?php echo e(asset('public/assets/front-end')); ?>/img/login/shape-1.png" alt="img" >
                    <img class="profile__shape-4" src="<?php echo e(asset('public/assets/front-end')); ?>/img/login/shape-2.png" alt="img" >
                    <img class="profile__shape-5" src="<?php echo e(asset('public/assets/front-end')); ?>/img/login/shape-3.png" alt="img" >
                    <img class="profile__shape-6" src="<?php echo e(asset('public/assets/front-end')); ?>/img/login/shape-4.png" alt="img" >
               </div>
               <div class="row">

<?php echo $__env->make('web-views.partials._profile-aside', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>

<div class="text-center">
                            <button type="submit" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal" id="add_new_address"><?php echo e(\App\CPU\translate('add_new_address')); ?>

</button>  
                            <br> 
                            <br> 
                        </div>
                        <div class="row">
                        <?php $__currentLoopData = $shippingAddresses; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $shippingAddress): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                            <section class="col-lg-6 col-md-6">
                                <div class="card __shadow h-100">

<a class="" title="Edit Address" id="edit" href="<?php echo e(route('address-edit',$shippingAddress->id)); ?>">
                                                        <i class="fa fa-edit"></i>
                                                    </a>
                                                    &nbsp;&nbsp;
                                                    <a class="" title="Delete Address" href="<?php echo e(route('address-delete',['id'=>$shippingAddress->id])); ?>" onclick="return confirm('<?php echo e(\App\CPU\translate('Are you sure you want to Delete')); ?>?');" id="delete">
                                                        <i class="fa fa-trash danger"></i>
                                                    </a>

</div>
                                        </div>

<div class="modal fade" id="editAddress_<?php echo e($shippingAddress->id); ?>" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
                                            <div class="modal-dialog  modal-lg" role="document">
                                                <div class="modal-content">
                                                    <div class="modal-header">
                                                    <div class="row">
                                                        <div class="col-md-12"> <h5 class="modal-title font-name "><?php echo e(\App\CPU\translate('update')); ?> <?php echo e(\App\CPU\translate('address')); ?>  </h5></div>
                                                    </div>
                                                    </div>
                                                    <div class="modal-body">
                                                        <form id="updateForm">
                                                            <?php echo csrf_field(); ?>
                                                            <div class="row pb-1">
                                                                <div class="col-md-6 d-flex">
                                                                    
                                                                    <input type="hidden" id="defaultValue" class="add_type" value="<?php echo e($shippingAddress->address_type); ?>">
                                                                    <ul class="donate-now">
                                                                        <li class="address_type_li">
                                                                            <input type="radio" class="address_type" id="a25" name="addressAs" value="permanent"  <?php echo e($shippingAddress->address_type == 'permanent' ? 'checked' : ''); ?> />
                                                                            <label for="a25" class="component"><?php echo e(\App\CPU\translate('permanent')); ?></label>
                                                                        </li>
                                                                        <li class="address_type_li">
                                                                            <input type="radio" class="address_type" id="a50" name="addressAs" value="home" <?php echo e($shippingAddress->address_type == 'home' ? 'checked' : ''); ?> />
                                                                            <label for="a50" class="component"><?php echo e(\App\CPU\translate('Home')); ?></label>
                                                                        </li>
                                                                        <li class="address_type_li">
                                                                            <input type="radio" class="address_type" id="a75" name="addressAs" value="office" <?php echo e($shippingAddress->address_type == 'office' ? 'checked' : ''); ?>/>
                                                                            <label for="a75" class="component"><?php echo e(\App\CPU\translate('Office')); ?></label>
                                                                        </li>
                                                                    </ul>
                                                                </div>

</div>
                                                            
                                                            <div class="form-row">
                                                                <div class="form-group col-md-6">
                                                                    <label for="person_name"><?php echo e(\App\CPU\translate('contact_person_name')); ?></label>
                                                                    <input class="form-control" type="text" id="person_name"
                                                                        name="name"
                                                                        value="<?php echo e($shippingAddress->contact_person_name); ?>"
                                                                        required>
                                                                </div>
                                                                <div class="form-group col-md-6">
                                                                    <label for="own_phone"><?php echo e(\App\CPU\translate('Phone')); ?></label>
                                                                    <input class="form-control" type="text" id="own_phone" name="phone" value="<?php echo e($shippingAddress->phone); ?>" required="required">
                                                                </div>
                                                            </div>
                                                            <div class="form-row">
                                                                <div class="form-group col-md-6">
                                                                    <label for="city"><?php echo e(\App\CPU\translate('City')); ?></label>

<input class="form-control" type="text" id="city" name="city" value="<?php echo e($shippingAddress->city); ?>" required>
                                                                    </div>
                                                                    <div class="form-group col-md-6">
                                                                        <label for="zip_code"><?php echo e(\App\CPU\translate('zip_code')); ?></label>
                                                                        <input class="form-control" type="text" id="zip_code" name="zip" value="<?php echo e($shippingAddress->zip); ?>" required>
                                                                    </div>
                                                                </div>
                                                                <div class="form-row">
                                                                    <div class="form-group col-md-6">
                                                                    <label for="own_state"><?php echo e(\App\CPU\translate('State')); ?></label>
                                                                        <input type="text" class="form-control" name="state" value="<?php echo e($shippingAddress->state); ?>" id="own_state"  placeholder="" required>
                                                                    </div>
                                                                    <div class="form-group col-md-6">
                                                                    <label for="own_country"><?php echo e(\App\CPU\translate('Country')); ?></label>
                                                                        <input type="text" class="form-control" id="own_country" name="country" value="<?php echo e($shippingAddress->country); ?>" placeholder="" required>
                                                                    </div>
                                                                </div>
                                                                <div class="form-row">

<div class="form-group col-md-12">
                                                                        <label for="own_address"><?php echo e(\App\CPU\translate('address')); ?></label>
                                                                        <input class="form-control" type="text" id="own_address"
                                                                            name="address"
                                                                            value="<?php echo e($shippingAddress->address); ?>" required>
                                                                    </div>
                                                                </div>
                                                                <input type="hidden" id="latitude"
                                                                    name="latitude" class="form-control d-inline"
                                                                    placeholder="Ex : -94.22213" value="<?php echo e($default_location?$default_location['lat']:0); ?>" required readonly>
                                                                <input type="hidden"
                                                                    name="longitude" class="form-control"
                                                                    placeholder="Ex : 103.344322" id="longitude" value="<?php echo e($default_location?$default_location['lng']:0); ?>" required readonly>
                                                                <div class="modal-footer">
                                                                    <button type="button" class="closeB btn btn-secondary" data-dismiss="modal"><?php echo e(\App\CPU\translate('close')); ?></button>
                                                                    <button type="submit" class="btn btn--primary" id="addressUpdate" data-id="<?php echo e($shippingAddress->id); ?>"><?php echo e(\App\CPU\translate('update')); ?>  </button>
                                                                </div>
                                                            </form>
                                                    </div>
                                                    </div>
                                                </div>
                                            </div>

</div>

</div>
                            </section>
                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                        </div>
                    </div>
                    
               </div>
            </div>
         </div>
	</section>
<?php $__env->stopSection(); ?>

<?php $__env->startPush('script'); ?>
    <script src="<?php echo e(asset('public/assets/front-end/bkp/vendor/bootstrap/dist/js/bootstrap.bundle.min.js')); ?>"></script>
    <script src="<?php echo e(asset('public/assets/front-end/js/bootstrap-select.min.js')); ?>"></script>
    <script>
        $(document).ready(function (){
            $('.address_type_li').on('click', function (e) {
                // e.preventDefault();
                $('.address_type_li').find('.address_type').removeAttr('checked', false);
                $('.address_type_li').find('.component').removeClass('active_address_type');
                $(this).find('.address_type').attr('checked', true);
                $(this).find('.address_type').removeClass('add_type');
                $('#defaultValue').removeClass('add_type');
                $(this).find('.address_type').addClass('add_type');

$(this).find('.component').addClass('active_address_type');
            });
        })

$('#addressUpdate').on('click', function(e){
            e.preventDefault();
            let addressAs, address, name, zip, city, state, country, phone;

addressAs = $('.add_type').val();

address = $('#own_address').val();
            name = $('#person_name').val();
            zip = $('#zip_code').val();
            city = $('#city').val();
            state = $('#own_state').val();
            country = $('#own_country').val();
            phone = $('#own_phone').val();

let id = $(this).attr('data-id');

if (addressAs != '' && address != '' && name != '' && zip != '' && city != '' && state != '' && country != '' && phone != '') {
                $.ajaxSetup({
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
                    }
                });
                $.ajax({
                    url: "<?php echo e(route('address-update')); ?>",
                    method: 'POST',
                    data: {
                        id : id,
                        addressAs: addressAs,
                        address: address,
                        name: name,
                        zip: zip,
                        city: city,
                        state: state,
                        country: country,
                        phone: phone
                    },
                    success: function () {
                        toastr.success('<?php echo e(\App\CPU\translate('Address Update Successfully')); ?>.');
                        location.reload();

}
                });
            }else{
                toastr.error('<?php echo e(\App\CPU\translate('All input field required')); ?>.');
            }

});
    </script>
    <script src="https://maps.googleapis.com/maps/api/js?key=<?php echo e(\App\CPU\Helpers::get_business_settings('map_api_key')); ?>&libraries=places&v=3.49"></script>
    <script>

function initAutocomplete() {
            var myLatLng = { lat: <?php echo e($default_location?$default_location['lat']:'-33.8688'); ?>, lng: <?php echo e($default_location?$default_location['lng']:'151.2195'); ?> };

const map = new google.maps.Map(document.getElementById("location_map_canvas"), {
                center: { lat: <?php echo e($default_location?$default_location['lat']:'-33.8688'); ?>, lng: <?php echo e($default_location?$default_location['lng']:'151.2195'); ?> },
                zoom: 13,
                mapTypeId: "roadmap",
            });

var marker = new google.maps.Marker({
                position: myLatLng,
                map: map,
            });

marker.setMap( map );
            var geocoder = geocoder = new google.maps.Geocoder();
            google.maps.event.addListener(map, 'click', function (mapsMouseEvent) {
                var coordinates = JSON.stringify(mapsMouseEvent.latLng.toJSON(), null, 2);
                var coordinates = JSON.parse(coordinates);
                var latlng = new google.maps.LatLng( coordinates['lat'], coordinates['lng'] ) ;
                marker.setPosition( latlng );
                map.panTo( latlng );

document.getElementById('latitude').value = coordinates['lat'];
                document.getElementById('longitude').value = coordinates['lng'];

geocoder.geocode({ 'latLng': latlng }, function (results, status) {
                    if (status == google.maps.GeocoderStatus.OK) {
                        if (results[1]) {
                            document.getElementById('address').value = results[1].formatted_address;
                            console.log(results[1].formatted_address);
                        }
                    }
                });
            });

// Create the search box and link it to the UI element.
            const input = document.getElementById("pac-input");
            const searchBox = new google.maps.places.SearchBox(input);
            map.controls[google.maps.ControlPosition.TOP_CENTER].push(input);
            // Bias the SearchBox results towards current map's viewport.
            map.addListener("bounds_changed", () => {
                searchBox.setBounds(map.getBounds());
            });
            let markers = [];
            // Listen for the event fired when the user selects a prediction and retrieve
            // more details for that place.
            searchBox.addListener("places_changed", () => {
                const places = searchBox.getPlaces();

if (places.length == 0) {
                return;
                }
                // Clear out the old markers.
                markers.forEach((marker) => {
                marker.setMap(null);
                });
                markers = [];
                // For each place, get the icon, name and location.
                const bounds = new google.maps.LatLngBounds();
                places.forEach((place) => {
                    if (!place.geometry || !place.geometry.location) {
                        console.log("Returned place contains no geometry");
                        return;
                    }
                    var mrkr = new google.maps.Marker({
                        map,
                        title: place.name,
                        position: place.geometry.location,
                    });

google.maps.event.addListener(mrkr, "click", function (event) {
                        document.getElementById('latitude').value = this.position.lat();
                        document.getElementById('longitude').value = this.position.lng();

});

markers.push(mrkr);

if (place.geometry.viewport) {
                        // Only geocodes have viewport.
                        bounds.union(place.geometry.viewport);
                    } else {
                        bounds.extend(place.geometry.location);
                    }
                });
                map.fitBounds(bounds);
            });
        };
        $(document).on('ready', function () {
            initAutocomplete();

});

$(document).on("keydown", "input", function(e) {
          if (e.which==13) e.preventDefault();
        });
    </script>
<?php $__env->stopPush(); ?>

<?php echo $__env->make('layouts.front-end.app', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /var/www/arsu/resources/themes/default/web-views/users-profile/account-address.blade.php ENDPATH**/ ?>

./Ninja\.