immortalist

Back Back Up Advanced Editor

var asl_engine = window['asl_engine'] || {};

(function($, app_engine) {
  'use strict';

/* API method to get paging information */
  if($.fn.dataTableExt && $.fn.dataTableExt.oApi){
    
    $.fn.dataTableExt.oApi.fnPagingInfo = function ( oSettings ){return {"iStart":         oSettings._iDisplayStart,"iEnd":           oSettings.fnDisplayEnd(),"iLength":        oSettings._iDisplayLength,"iTotal":         oSettings.fnRecordsTotal(),"iFilteredTotal": oSettings.fnRecordsDisplay(),"iPage":          oSettings._iDisplayLength === -1 ?0 : Math.ceil( oSettings._iDisplayStart / oSettings._iDisplayLength ),"iTotalPages":    oSettings._iDisplayLength === -1 ?0 : Math.ceil( oSettings.fnRecordsDisplay() / oSettings._iDisplayLength )};};

/* Bootstrap style pagination control */
    $.extend($.fn.dataTableExt.oPagination,{bootstrap:{fnInit:function(i,a,e){var t=i.oLanguage.oPaginate,l=function(a){a.preventDefault(),i.oApi._fnPageChange(i,a.data.action)&&e(i)};$(a).addClass("pagination").append('<ul class="pagination mt-3"><li class="page-item prev disabled"><a class="page-link" href="#">&larr; '+t.sPrevious+'</a></li><li class="page-item next disabled"><a class="page-link" href="#">'+t.sNext+" &rarr; </a></li></ul>");var s=$("a",a);$(s[0]).bind("click.DT",{action:"previous"},l),$(s[1]).bind("click.DT",{action:"next"},l)},fnUpdate:function(i,e){var a,t,l,s,n,o=i.oInstance.fnPagingInfo(),g=i.aanFeatures.p,r=Math.floor(2.5);n=o.iTotalPages<5?(s=1,o.iTotalPages):o.iPage<=r?(s=1,5):o.iPage>=o.iTotalPages-r?(s=o.iTotalPages-5+1,o.iTotalPages):(s=o.iPage-r+1)+5-1;var d=g.length;for(a=0;a<d;a++){for($("li:gt(0)",g[a]).filter(":not(:last)").remove(),t=s;t<=n;t++)l=t==o.iPage+1?"active":"",$('<li class="page-item '+l+'"><a class="page-link" href="#">'+t+"</a></li>").insertBefore($("li:last",g[a])[0]).bind("click",function(a){a.preventDefault(),i._iDisplayStart=(parseInt($("a",this).text(),10)-1)*o.iLength,e(i)});0===o.iPage?$("li:first",g[a]).addClass("disabled"):$("li:first",g[a]).removeClass("disabled"),o.iPage===o.iTotalPages-1||0===o.iTotalPages?$("li:last",g[a]).addClass("disabled"):$("li:last",g[a]).removeClass("disabled")}}}});
  }
  /**
   * [toastIt toast it based on the error or message]
   * @param  {[type]} _response [description]
   * @return {[type]}           [description]
   */
  var toastIt = function(_response) {

if(_response.success) {
      atoastr.success(_response.msg || _response.message);
    }
    else {
      atoastr.error(_response.error || _response.message || _response.msg);
    }
  };

// Debounce function
  function ASLDebounce(func, delay) {
    let timeoutId;
    return function (...args) {
        const context = this; // Preserve the `this` context
        clearTimeout(timeoutId); // Clear the previous timer
        timeoutId = setTimeout(() => {
            func.apply(context, args); // Execute the function after the delay
        }, delay);
    };
  }

/**
   * [codeAddress description]
   * @param  {[type]} _address  [description]
   * @param  {[type]} _callback [description]
   * @return {[type]}           [description]
   */
  function codeAddress(_address, _callback) {

/**
   * [generateUniqueId Unique ID]
   * @return {[type]} [description]
   */
  function generateUniqueId() {
    const timestamp = new Date().getTime();
    const random = Math.floor(Math.random() * 1000000); // Adjust the range as needed
    const uniqueId = `${timestamp}-${random}`;
    return uniqueId;
  };

/**
   * [isEmpty description]
   * @param  {[type]}  obj [description]
   * @return {Boolean}     [description]
   */
  function isEmpty(obj) {

if (obj == null) return true;
    if (typeof(obj) == 'string' && obj == '') return true;
    return Object.keys(obj).length === 0;
  };

// Asynchronous Load
  var map,
      map_object = {
        is_loaded: true,
        marker: null,
        changed: false,
        store_location: null,
        search_box: null,
        map_marker: null,
        /**
         * [intialize description]
         * @param  {[type]} _callback [description]
         * @return {[type]}           [description]
         */
        intialize: function(_callback) {

var API_KEY = '';
          if (asl_configs && asl_configs.api_key) {
            API_KEY = '&key=' + asl_configs.api_key;
          }

var script = document.createElement('script');
          script.type = 'text/javascript';
          script.src = '//maps.googleapis.com/maps/api/js?libraries=places,drawing&' +
            'callback=asl_map_intialized' + API_KEY;

document.body.appendChild(script);
          this.cb = _callback;
        },
        /**
         * [render_a_map description]
         * @param  {[type]} _lat [description]
         * @param  {[type]} _lng [description]
         * @return {[type]}      [description]
         */
        render_a_map: function(_lat, _lng) {

var hdlr      = this,
            map_div     = document.getElementById('map_canvas'),
            _draggable  = true;

hdlr.store_location = (_lat && _lng) ? [parseFloat(_lat), parseFloat(_lng)] : [-37.815, 144.965];

var latlng = new google.maps.LatLng(hdlr.store_location[0], hdlr.store_location[1]);

if (!map_div) return false;

var zoom_value = (window['asl_configs'] && asl_configs.zoom)? parseInt(asl_configs.zoom): 5;
          var mapOptions = {
            zoom: zoom_value,
            center: latlng,
            mapTypeId: google.maps.MapTypeId.ROADMAP,
            styles: [{ "stylers": [{ "saturation": -100 }, { "gamma": 1 }] }, { "elementType": "labels.text.stroke", "stylers": [{ "visibility": "off" }] }, { "featureType": "poi.business", "elementType": "labels.text", "stylers": [{ "visibility": "off" }] }, { "featureType": "poi.business", "elementType": "labels.icon", "stylers": [{ "visibility": "off" }] }, { "featureType": "poi.place_of_worship", "elementType": "labels.text", "stylers": [{ "visibility": "off" }] }, { "featureType": "poi.place_of_worship", "elementType": "labels.icon", "stylers": [{ "visibility": "off" }] }, { "featureType": "road", "elementType": "geometry", "stylers": [{ "visibility": "simplified" }] }, { "featureType": "water", "stylers": [{ "visibility": "on" }, { "saturation": 50 }, { "gamma": 0 }, { "hue": "#50a5d1" }] }, { "featureType": "administrative.neighborhood", "elementType": "labels.text.fill", "stylers": [{ "color": "#333333" }] }, { "featureType": "road.local", "elementType": "labels.text", "stylers": [{ "weight": 0.5 }, { "color": "#333333" }] }, { "featureType": "transit.station", "elementType": "labels.icon", "stylers": [{ "gamma": 1 }, { "saturation": 50 }] }]
          };

hdlr.map_instance = map = new google.maps.Map(map_div, mapOptions);

// && navigator.geolocation && _draggable
          if ((!hdlr.store_location || isEmpty(hdlr.store_location[0]))) {

hdlr.add_marker(latlng);
          }
          else if (hdlr.store_location) {
            if (isNaN(hdlr.store_location[0]) || isNaN(hdlr.store_location[1])) return;
            //var loc = new google.maps.LatLng(hdlr.store_location[0], hdlr.store_location[1]);
            hdlr.add_marker(latlng);
            map.panTo(latlng);
          }

//  Add the searchbox
          var search_control = document.getElementById('asl-setting-search-box');
          
          if(search_control) {

//  Add the alert after the search
            if(!asl_configs.api_key) {
              
              var error_alert = $('<div>').addClass('alert alert-danger mt-2').text(ASL_REMOTE.LANG.api_key_missing);
              $(search_control).after(error_alert);
            }

hdlr.search_box = new google.maps.places.SearchBox(document.getElementById('asl-setting-search-box'));
            
            hdlr.map_instance.addListener('bounds_changed', function() {
              hdlr.search_box.setBounds(hdlr.map_instance.getBounds());
            });

hdlr.search_box.addListener('places_changed', function() {
              hdlr.search();
            });
          }
        },
        /**
         * [search Add the search]
         * @return {[type]} [description]
         */
        search: function() {
            
          var hdlr   = this;
          var places = hdlr.search_box.getPlaces();
          
          if (!places || places.length == 0) {
            return;
          }

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

places.forEach(function(place) {
            if (!place.geometry) {
              console.log("Returned place contains no geometry");
              return;
            }

if (place.geometry.viewport) {
              bounds.union(place.geometry.viewport);
            } 
            else {
              bounds.extend(place.geometry.location);
            }

hdlr.map_marker.setPosition(place.geometry.location); // Update marker position
          });

hdlr.map_instance.fitBounds(bounds);
        },
        /**
         * [add_marker description]
         * @param {[type]} _loc [description]
         */
        add_marker: function(_loc) {

var hdlr = this;

//  Create a marker
          hdlr.map_marker = new google.maps.Marker({
            draggable: true,
            position: _loc,
            map: map
          });

//  Marker icon
          var marker_icon = new google.maps.MarkerImage(ASL_Instance.url + 'icon/default.png');
          
          hdlr.map_marker.setIcon(marker_icon);
          hdlr.map_instance.panTo(_loc);

//  Add the map marker event for the dragend
          google.maps.event.addListener(
            hdlr.map_marker,
            'dragend',
            function() {

hdlr.store_location = [hdlr.map_marker.position.lat(), hdlr.map_marker.position.lng()];
              hdlr.changed = true;
              var loc = new google.maps.LatLng(hdlr.map_marker.position.lat(), hdlr.map_marker.position.lng());
              hdlr.map_instance.panTo(loc);

app_engine.pages.store_changed(hdlr.store_location);
            });
        }
    };

////////////////////////////////////
  //  Add the lang control switcher //
  ////////////////////////////////////
  var lang_ctrl = document.querySelector('#asl-lang-ctrl');
  
  if(lang_ctrl) {

//  set the control lang
    var lang_value  = (window.wpCookies.get('asl-lang') || ASL_REMOTE.sl_lang || '');

lang_ctrl.value = lang_value;

//  reset in the storage
    window.wpCookies.set('asl-lang', lang_value);

//  Reload Event
    $(lang_ctrl).bind('change', function(e) {

//  change in the storage
      window.wpCookies.set('asl-lang', lang_ctrl.value);

window.location.reload();
    });
  }

/**
   * [uploader AJAX Uploader]
   * @param  {[type]} $form [description]
   * @param  {[type]} _URL  [description]
   * @param  {[type]} _done [description]
   * @return {[type]}       [description]
   */
  app_engine.uploader = function($form, _URL, _done /*,_submit_callback*/ ) {

function formatFileSize(bytes) {
      if (typeof bytes !== 'number') {
        return ''
      }
      if (bytes >= 1000000000) {
        return (bytes / 1000000000).toFixed(2) + ' GB'
      }
      if (bytes >= 1000000) {
        return (bytes / 1000000).toFixed(2) + ' MB'
      }
      return (bytes / 1000).toFixed(2) + ' KB'
    };

var ul = $form.find('ul');
    $form[0].reset();

$form.fileupload({
        url: _URL,
        dataType: 'json',
        //multipart: false,
        done: function(e, _data) {

ul.empty();
          _done(e, _data);

$form.find('.progress-bar').css('width', '0%');
          $form.find('.progress').hide();

//reset form if success
          if (_data.result.success) {}
        },
        add: function(e, _data) {

ul.empty();

//Check file Extension
          var exten = _data.files[0].name.split('.'),
            exten = exten[exten.length - 1];
          if (['jpg', 'png', 'jpeg', 'gif', 'JPG', 'svg', 'zip', 'csv', 'kml'].indexOf(exten) == -1) {

atoastr.error((ASL_REMOTE.LANG.invalid_file_error));
            return false;
          }

var tpl = $('<li class="working"><p class="col-12 text-muted"><span class="float-left"></span></p></li>');
          tpl.find('p').text(_data.files[0].name.substr(0, 50)).append('<i class="float-right">' + formatFileSize(_data.files[0].size) + '</i>');
          _data.context = tpl.appendTo(ul);

var jqXHR = null;
          $form.find('.btn-start').unbind().bind('click', function() {

/*if(_submit_callback){
              if(!_submit_callback())return false;
            }*/

jqXHR = _data.submit();

$form.find('.progress').show()
          });

$form.find('.custom-file-label').html(_data.files[0].name);
        },
        progress: function(e, _data) {
          var progress = parseInt(_data.loaded / _data.total * 100, 10);
          $form.find('.progress-bar').css('width', progress + '%');
          $form.find('.sr-only').html(progress + '%');

if (progress == 100) {
            _data.context.removeClass('working');
          }
        },
        fail: function(e, _data) {
          _data.context.addClass('error');
          $form.find('.upload-status-box').html(ASL_REMOTE.LANG.upload_fail).addClass('bg-warning alert')
        }
        /*
        formData: function(_form) {

var formData = [{
            name: '_data[action]',
            value: 'asl_add_store'
          }]

//  console.log(formData);
          return formData;
        }*/
      })
      .bind('fileuploadsubmit', function(e, _data) {

_data.formData = $form.ASLSerializeObject();

if(lang_ctrl && lang_ctrl.value && _data.formData)
          _data.formData['asl-lang'] = lang_ctrl.value;
      })
      .prop('disabled', !$.support.fileInput)
      .parent().addClass($.support.fileInput ? undefined : 'disabled');
  };

//http://harvesthq.github.io/chosen/options.html
  app_engine['pages'] = {
    _validate_page: function() {

if (ASL_REMOTE.Com) return;

aswal({
        title: ASL_REMOTE.LANG.pur_title,
        html: ASL_REMOTE.LANG.pur_text,
        input: 'text',
        type: "question",
        showCancelButton: false,
        allowOutsideClick: false,
        allowEscapeKey: false,
        confirmButtonColor: "#dc3545",
        confirmButtonText: "VALIDATE",
        preConfirm: function(_value) {

return new Promise(function(resolve, reject) {

if ($.trim(_value) == '') {

aswal.showValidationError('Purchase Code is Missing!');
              return false;
            }

aswal.showLoading();

ServerCall(ASL_REMOTE.URL + "?action=asl_ajax_handler&sl-action=validate_me", { value: _value }, function(_response) {

aswal.hideLoading();

if (!_response.success) {

aswal.showValidationError(_response.message);
                reject();
                return false;
              } else {

aswal({
                  type: (_response.success) ? 'success' : 'error',
                  title: (_response.success) ? 'Validate Successfully!' : 'Validation Failed!',
                  html: (_response.message) ? _response.message : ('Validation Failed, Please Contact Support')
                });

reject();
                return true;
              }

}, 'json');

})
        }
        /*inputValidator: function(value) {
              return !value && 'You need to write something!'
          }*/
      })
    },
    /**
     * [store_changed Stores Changed]
     * @param  {[type]} _position [description]
     * @return {[type]}           [description]
     */
    store_changed: function(_position) {

if($('#asl_txt_lat')[0])
        $('#asl_txt_lat').val(_position[0]);
      
      if($('#asl_txt_lng')[0])
        $('#asl_txt_lng').val(_position[1]);
    },
    /**
     * [manage_attribute Manage Attribute]
     * @param  {[type]} _params [description]
     * @return {[type]}         [description]
     */
    manage_attribute: function(_params) {

var table = null;

var asInitVals = {};
      table = $('#tbl_attribute').dataTable({
        "bProcessing": true,
        "sPaginationType": "bootstrap",
        "bFilter": false,
        "bServerSide": true,
        //"scrollX": true,
        /*"aoColumnDefs": [
          { 'bSortable': false, 'aTargets': [ 1 ] }
        ],*/
        "bAutoWidth": true,
        "columnDefs": [
          { 'bSortable': false, "width": "75px", "targets": 0 },
          { "width": "75px", "targets": 1 },
          { "width": "200px", "targets": 2 },
          { "width": "150px", "targets": 3 },
          { "width": "150px", "targets": 4 },
          { "width": "150px", "targets": 5 },
          { 'bSortable': false, 'aTargets': [0, 5] }
        ],
        "iDisplayLength": 10,
        "sAjaxSource": ASL_REMOTE.URL + "?action=asl_ajax_handler&asl-nounce=" + ASL_REMOTE.nounce + "&sl-action=get_attributes&type=" + _params.name,
        "columns": [
          { "data": "check" },
          { "data": "id" },
          { "data": "name" },
          { "data": "ordr" },
          { "data": "created_on" },
          { "data": "action" }
        ],
        'fnServerData': function(sSource, aoData, fnCallback) {

$.get(sSource, aoData, function(json) {

fnCallback(json);

}, 'json');

},
        "fnServerParams": function(aoData) {

//  add lang
          if(lang_ctrl)
            aoData.push({"name": 'asl-lang',"value": lang_ctrl.value});

//  Add the filters
          $("thead input").each(function(i) {
            if (this.value != "") {
              aoData.push({
                "name": 'filter[' + $(this).attr('data-id') + ']',
                "value": this.value
              });
            }
          });
        },
        "order": [
          [1, 'desc']
        ]
      });

//New Attribute
      $('#btn-asl-new-attr').bind('click', function(e) {
        
        aswal({
            title: "Create " + _params.title,
            text: "Do you want to add new " + _params.title + "?",
            html:'<input type="number" value="0" placeholder="Enter the priority number" id="aswal2-input-ordr" class="form-control aswal2-input aswal2-ordr">',
            input: 'text',
            type: "question",
            inputPlaceholder: "Enter the value",
            showCancelButton: true,
            focusCancel: true,
            confirmButtonColor: "#dc3545",
            confirmButtonText: "Create it!",
            customClass: 'aswal-attr-modal',
            onOpen: function() {
                
              var $attr_txt_input  =  $('.aswal2-input:not(.aswal2-ordr)');
              $attr_txt_input.insertBefore($('.aswal2-content')[0]);
            },
            preConfirm: function(_value) {

return new Promise(function(resolve) {

if ($.trim(_value) != '') {
                  resolve();
                } 
                else {

aswal.showValidationError( _params.title +' value is required.');
                  return false;
                }
              })
            }
            /*inputValidator: function(value) {
              return !value && 'You need to write something!'
          }*/
          })
          .then(function(result) {

if (result) {

var $attr_ordr_input =  $('#aswal2-input-ordr');
              
              ServerCall(ASL_REMOTE.URL + "?action=asl_ajax_handler&sl-action=add_attribute", { title: _params.title, name: _params.name, value: result, ordr: $attr_ordr_input.val() }, function(_response) {

toastIt(_response);
                
                if (_response.success) {
                  
                  table.fnDraw();
                  return;
                }

}, 'json');
            }
          });
      });

//Select all button
      $('.table .select-all').bind('click', function(e) {

$('.asl-p-cont .table input').attr('checked', 'checked');

});

//Delete Selected Categories:: bulk
      $('#btn-asl-delete-all').bind('click', function(e) {

var $tmp_categories = $('.asl-p-cont .table input:checked');

if ($tmp_categories.length == 0) {
          displayMessage('No Category selected', $(".dump-message"), 'alert alert-danger static', true);
          return;
        }

var item_ids = [];
        $('.asl-p-cont .table input:checked').each(function(i) {
          item_ids.push($(this).attr('data-id'));
        });

aswal({
          title: "Delete " + _params.title,
          text: "Are you sure you want to delete selected " + _params.title + " ?",
          type: "warning",
          showCancelButton: true,
          confirmButtonColor: "#dc3545",
          confirmButtonText: "Delete it!"
        }).then(function() {

ServerCall(ASL_REMOTE.URL + "?action=asl_ajax_handler&sl-action=delete_attribute", { title: _params.title, name: _params.name, item_ids: item_ids, multiple: true }, function(_response) {

toastIt(_response);

if (_response.success) {
              table.fnDraw();
              return;
            }

}, 'json');
        });
      });

//show edit attribute model
      $('#tbl_attribute tbody').on('click', '.edit_attr', function(e) {

var _value = $(this).data('value'),
          _id      = $(this).data('id'),
          _ordr    = $(this).data('ordr');

aswal({
            title: "Update " + _params.title,
            text: "Update existing " + _params.title + " to new name",
            input: 'text',
            html:'<input type="number" value="'+_ordr+'" placeholder="Enter the priority number" id="aswal2-input-ordr" class="form-control aswal2-input aswal2-ordr">',
            type: "question",
            inputValue: _value,
            showCancelButton: true,
            confirmButtonColor: "#dc3545",
            confirmButtonText: "Update it!",
            customClass: 'aswal-attr-modal',
            onOpen: function() {
                
              var $attr_txt_input  =  $('.aswal2-input:not(.aswal2-ordr)');
              $attr_txt_input.insertBefore($attr_txt_input[0].previousElementSibling);
            },
            preConfirm: function(_value) {

return new Promise(function(resolve) {

if ($.trim(_value) != '') {
                  resolve();
                } else {

aswal.showValidationError('Field is empty.');
                  return false;
                }
              })
            }
        })
        .then(function(result) {

if (result) {

var $attr_ordr_input =  $('#aswal2-input-ordr');

ServerCall(ASL_REMOTE.URL + "?action=asl_ajax_handler&sl-action=update_attribute", { id: _id, title: _params.title, name: _params.name, value: result, ordr: $attr_ordr_input.val() }, function(_response) {

toastIt(_response);

if (_response.success) {

table.fnDraw();
                return;
              }

}, 'json');
          }
        });

});

//  Show delete attribute model
      $('#tbl_attribute tbody').on('click', '.delete_attr', function(e) {

var _category_id = $(this).attr("data-id");

aswal({
          title: "Delete " + _params.title,
          text: "Are you sure you want to delete " + _params.title + " " + _category_id + " ?",
          type: "warning",
          showCancelButton: true,
          confirmButtonColor: "#dc3545",
          confirmButtonText: "Delete it!",
        }).then(
          function() {

ServerCall(ASL_REMOTE.URL + "?action=asl_ajax_handler&sl-action=delete_attribute", { title: _params.title, name: _params.name, category_id: _category_id }, function(_response) {

toastIt(_response);

if (_response.success) {
                table.fnDraw();
                return;
              }

}, 'json');

}
        );
      });

//  Search
      $("thead input").keyup(function(e) {

if (e.keyCode == 13) {
          table.fnDraw();
        }
      });
    },
    /**
     * [manage_categories description]
     * @return {[type]} [description]
     */
    manage_categories: function() {

var table = null;

//prompt the category box
      $('#btn-asl-new-c').bind('click', function() {
        $('#asl-add-modal').smodal('show');
      });

var asInitVals = {};
      table = $('#tbl_categories').dataTable({
        "sPaginationType": "bootstrap",
        "bProcessing": true,
        "bFilter": false,
        "bServerSide": true,
        "bAutoWidth": true,
        "columnDefs": [
          { 'bSortable': false, "width": "75px", "targets": 0 },
          { "width": "75px","targets": 1},
          { "width": "200px", "targets": 2,
            render: function (data, type, full, meta) {
              return '<a href="'+ASL_Instance.manage_stores_url + full.id +'">' + data + "</a>";
            }
          },
          { "width": "100px", "targets": 3 },
          { "width": "100px", "targets": 4 },
          { "width": "150px", "targets": 5 },
          { "width": "150px", "targets": 6 },
          { 'bSortable': false, 'aTargets': [0, 6] }
        ],
        "iDisplayLength": 10,
        "sAjaxSource": ASL_REMOTE.URL + "?action=asl_ajax_handler&asl-nounce=" + ASL_REMOTE.nounce + "&sl-action=get_categories",
        "columns": [
          { "data": "check" },
          { "data": "id" },
          { "data": "category_name" },
          { "data": "ordr" },
          { "data": "icon" },
          { "data": "created_on" },
          { "data": "action" }
        ],
        'fnServerData': function(sSource, aoData, fnCallback) {

$.get(sSource, aoData, function(json) {

fnCallback(json);

}, 'json');

},
        "fnServerParams": function(aoData) {

//  add lang
          if(lang_ctrl)
            aoData.push({"name": 'asl-lang',"value": lang_ctrl.value});

//  Add the search
          $("thead input").each(function(i) {

if (this.value != "") {
              aoData.push({
                "name": 'filter[' + $(this).attr('data-id') + ']',
                "value": this.value
              });
            }
          });

// Filter out the object with name "sColumns"
          aoData = aoData.map(function(item) {

if (item.name === "sColumns") {
                item.value = "";
            }
            return item;
          });
          
        },
        "order": [
          [1, 'desc']
        ]
      });

//  Select all button
      $('.table .select-all').bind('click', function(e) {

$('.asl-p-cont .table input').attr('checked', 'checked');

});

//  Delete Selected Categories:: bulk
      $('#btn-asl-delete-all').bind('click', function(e) {

var $tmp_categories = $('.asl-p-cont .table input:checked');

if ($tmp_categories.length == 0) {
          atoastr.error('No Category selected');
          return;
        }

var item_ids = [];
        $('.asl-p-cont .table input:checked').each(function(i) {

item_ids.push($(this).attr('data-id'));
        });

aswal({
          title: ASL_REMOTE.LANG.delete_categories,
          text: ASL_REMOTE.LANG.warn_question + ' ' + ASL_REMOTE.LANG.delete_categories + '?',
          type: "warning",
          showCancelButton: true,
          confirmButtonColor: "#dc3545",
          confirmButtonText: ASL_REMOTE.LANG.delete_it
        }).then(function() {

ServerCall(ASL_REMOTE.URL + "?action=asl_ajax_handler&sl-action=delete_category", { item_ids: item_ids, multiple: true }, function(_response) {

toastIt(_response);

if (_response.success) {
              table.fnDraw();
              return;
            }

}, 'json');
        });
      });

//  To Add New Categories
      var url_to_upload = ASL_REMOTE.URL,
        $form           = $('#frm-addcategory');

app_engine.uploader($form, url_to_upload + '?action=asl_ajax_handler&asl-nounce=' + ASL_REMOTE.nounce + '&sl-action=add_categories', function(e, data) {

var data = data.result;

toastIt(data);
            
        if (data.success) {

//reset form
          $('#asl-add-modal').smodal('hide');
          $('#frm-addcategory').find('input:text, input:file').val('');
          $('#progress_bar').hide();
          //show table value
          table.fnDraw();
        } 
      });

//Validate
      $('#btn-asl-add-categories').bind('click', function(e) {

if ($('#frm-addcategory ul li').length == 0) {

atoastr.error('Please Upload Category Icon');

e.preventDefault();
          return;
        }
      });

//show edit category model
      $('#tbl_categories tbody').on('click', '.edit_category', function(e) {

$('#updatecategory_image').show();
        $('#updatecategory_editimage').hide();
        $('#asl-update-modal').smodal('show');
        $('#update_category_id_input').val($(this).attr("data-id"));

ServerCall(ASL_REMOTE.URL + "?action=asl_ajax_handler&sl-action=get_category_byid", { category_id: $(this).attr("data-id") }, function(_response) {

if (_response.success) {

$("#update_category_name").val(_response.list[0]['category_name']);
            $("#update_category_icon").attr("src", ASL_Instance.url + "svg/" + _response.list[0]['icon']);
            $("#update_category_ordr").val(_response.list[0]['ordr']);
          } else {

atoastr.error(_response.error);
            return;
          }
        }, 'json');
      });

//show edit category upload image
      $('#change_image').click(function() {

$("#update_category_icon").attr("data-id", "")
        $('#updatecategory_image').hide();
        $('#updatecategory_editimage').show();
      });

//  Update category without icon
      $('#btn-asl-update-categories').click(function() {

if ($("#update_category_icon").attr("data-id") == "same") {

ServerCall(ASL_REMOTE.URL + "?action=asl_ajax_handler&sl-action=update_category", { data: { category_id: $("#update_category_id_input").val(), action: "same", category_name: $("#update_category_name").val(), "ordr": $("#update_category_ordr").val()  } },
            function(_response) {

toastIt(_response);

if (_response.success) {

table.fnDraw();
                return;
              }

}, 'json');

}

});

//  Update category with icon

var url_to_upload = ASL_REMOTE.URL,
        $form = $('#frm-updatecategory');

$form.append('<input type="hidden" name="data[action]" value="notsame" /> ');

app_engine.uploader($form, url_to_upload + '?action=asl_ajax_handler&asl-nounce=' + ASL_REMOTE.nounce + '&sl-action=update_category', function(e, data) {

var data = data.result;

if (data.success) {

atoastr.success(data.msg);
          $('#asl-update-modal').smodal('hide');
          $('#frm-updatecategory').find('input:text, input:file').val('');
          $('#progress_bar_').hide();
          table.fnDraw();
        } else
          atoastr.error(data.msg);
      });

//show delete category model
      $('#tbl_categories tbody').on('click', '.delete_category', function(e) {

var _category_id = $(this).attr("data-id");

aswal({
          title: ASL_REMOTE.LANG.delete_category,
          text: ASL_REMOTE.LANG.warn_question + ' ' + ASL_REMOTE.LANG.delete_category + ' ' + _category_id + " ?",
          type: "warning",
          showCancelButton: true,
          confirmButtonColor: "#dc3545",
          confirmButtonText: ASL_REMOTE.LANG.delete_it,
        }).then(
          function() {

ServerCall(ASL_REMOTE.URL + "?action=asl_ajax_handler&sl-action=delete_category", { category_id: _category_id }, function(_response) {

toastIt(_response);

if (_response.success) {
                table.fnDraw();
                return;
              }

}, 'json');

}
        );
      });

$("thead input").keyup(function(e) {

if (e.keyCode == 13) {
          table.fnDraw();
        }
      });
    },

/**
     * [dashboard Main Dashboard page]
     * @return {[type]} [description]
     */
    dashboard: function() {

$('.asl-p-cont .nav-tabs a').click(function(e) {
        e.preventDefault()
        $(this).tab('show');
      })
    },
    /**
     * [manage_stores description]
     * @return {[type]} [description]
     */
    manage_stores: function() {

var table          = null,
        row_duplicate_id = null,
        pending_stores   = false;

var urlSearchParams = new URLSearchParams(window.location.search);
      var params          = Object.fromEntries(urlSearchParams.entries());

/*DUPLICATE STORES*/
      var duplicate_store = function(_id) {

ServerCall(ASL_REMOTE.URL + "?action=asl_ajax_handler&sl-action=duplicate_store", { store_id: _id }, function(_response) {

toastIt(_response);

if (_response.success) {
            
            table.fnDraw();
            return;
          }

}, 'json');
      };

//Prompt the DUPLICATE alert
      $('#tbl_stores').on('click', '.row-cpy', function() {

row_duplicate_id = $(this).data('id');

aswal({
            title: ASL_REMOTE.LANG.duplicate_stores,
            text: ASL_REMOTE.LANG.warn_question + " " + ASL_REMOTE.LANG.duplicate_stores + "?",
            type: "warning",
            showCancelButton: true,
            confirmButtonColor: "#dc3545",
            confirmButtonText: ASL_REMOTE.LANG.duplicate_it,
          })
          .then(
            function() {

duplicate_store(row_duplicate_id);
            }
          );
        });

/*Delete Stores*/
      var _delete_all_stores = function() {

var $this = $('#asl-delete-stores');
        $this.bootButton('loading');

ServerCall(ASL_REMOTE.URL + '?action=asl_ajax_handler&sl-action=delete_all_stores', {}, function(_response) {

$this.bootButton('reset');
          table.fnDraw();

toastIt(_response);

}, 'json');
      };

/*Delete All stores*/
      $('#asl-delete-stores').bind('click', function(e) {

aswal({
          title: ASL_REMOTE.LANG.delete_all_stores,
          text: ASL_REMOTE.LANG.warn_question + ' ' + ASL_REMOTE.LANG.delete_all_stores + "?",
          type: "error",
          showCancelButton: true,
          confirmButtonColor: "#dc3545",
          confirmButtonText: ASL_REMOTE.LANG.delete_all
        }).then(
          function() {

_delete_all_stores();
          }
        );
      });

var columnDefs = [
          { "width": "200px", "targets": 0},
          { "width": "250px", "targets": 1 },
          { "width": "200px", "targets": 2 },
          { "width": "300px", "targets": 3, 
          render: function (data, type, full, meta) {
            return '<a href="'+ASL_Instance.manage_stores_url + full.id +'">' + data + "</a>";
          }},
          { "width": "300px", "targets": 4 },
          { "width": "300px", "targets": 5 },
          { "width": "300px", "targets": 6 },
          { "width": "150px", "targets": 7 },
          { "width": "150px", "targets": 8 },
          { "width": "150px", "targets": 9 },
          { "width": "150px", "targets": 10 },
          { "width": "150px", "targets": 11 },
          { "width": "150px", "targets": 12 },
          { "width": "150px", "targets": 13 },
          { "width": "50px", "targets": 14 },
          { "width": "350px", "targets": 15 },
          { "width": "50px", "targets": 16 },
          { "width": "50px", "targets": 17 },
          { "width": "150px", "targets": 18 },
          { 'bSortable': false, 'aTargets': [0, 1, 13] }
        ];

//  Loop over to hide
      for(var ch in asl_hidden_columns) {

if (!asl_hidden_columns.hasOwnProperty(ch)) continue;
        columnDefs[asl_hidden_columns[ch]]['visible'] = false;
      }

/**
       * [validate_coordinate Validate the coordinates]
       * @param  {[type]} $lat [description]
       * @param  {[type]} $lng [description]
       * @return {[type]}      [description]
       */
      function validate_coordinate($lat, $lng) {

if($lat && $lng && !isNaN($lat) && !isNaN($lng)) {

if ($lat < -90 || $lat > 90) {return false;}
          if ($lng < -180 || $lng > 180) {return false;}
          return true;
        }

return false;
      };

var invalid_rows  = 0;

var asInitVals = {};
      table = $('#tbl_stores').dataTable({
        "sPaginationType": "bootstrap",
        "bProcessing": true,
        "bFilter": false,
        "bServerSide": true,
        "scrollX": true,
        "bAutoWidth": false,
        "columnDefs": columnDefs,
        "iDisplayLength": 10,
        "sAjaxSource": ASL_REMOTE.URL + "?action=asl_ajax_handler&asl-nounce=" + ASL_REMOTE.nounce + "&sl-action=get_store_list",
        "columns": [
          { "data": "check" },
          { "data": "action" },
          { "data": "id" },
          { "data": "title" },
          { "data": "lat"},
          { "data": "lng" },
          { "data": "street" },
          { "data": "state" },
          { "data": "city" },
          { "data": "country" },
          { "data": "phone" },
          { "data": "email" },
          { "data": "website" },
          { "data": "postal_code" },
          { "data": "is_disabled" },
          { "data": "categories" },
          { "data": "marker_id" },
          { "data": "logo_id" },
          { "data": "created_on" }
        ],
        createdRow: function( _row, _data, _dataIndex ) {

// Change disable's store row color
          if( _data['is_disabled'] ==  '1'){
              
            $(_row).addClass('disabled_color');

}
         
          if(!validate_coordinate(_data.lat, _data.lng)) {
            
            $(_row).addClass('sl-error-row');

invalid_rows++;
          }
        },
        drawCallback: function(e) {
          
          if(invalid_rows) {

toastIt({error: invalid_rows + ' invalid coordinates in loaded stores'});
          }

invalid_rows = 0;
        },
        "fnServerParams": function(aoData) {

//  add lang
          if(lang_ctrl)
            aoData.push({"name": 'asl-lang',"value": lang_ctrl.value});

//  When pending stores is enabled
          if(pending_stores) {

aoData.push({
              "name": 'filter[pending]',
              "value": '1'
            });
          }

//  When categories filter is there
          if(params.categories) {

aoData.push({
              "name": 'categories',
              "value": params.categories
            });
          }

//  Get the rest of the values
          $("#tbl_stores_wrapper .dataTables_scrollHead thead input").each(function(i) {

if (this.value != "") {
              aoData.push({
                "name": 'filter[' + $(this).attr('data-id') + ']',
                "value": this.value

});
            }
          });

// Schedule Store
          $("#tbl_stores_wrapper .dataTables_scrollHead thead select").each(function(i) {
              
              if (this.value != "") {

aoData.push({
                  "name": 'filter[' + $(this).attr('data-id') + ']',
                  "value": this.value

});
              }
          });

// Filter out the object with name "sColumns"
          aoData = aoData.map(function(item) {

if (item.name === "sColumns") {
                item.value = "";
            }
            return item;
          });

},
        "order": [[2, 'desc']]
      });

//  Show the pending stores
      $('#btn-pending-stores').bind('click', function(e) {

var $pending_btn = $(this);

//  Change State
        pending_stores   = !pending_stores;

if(pending_stores) {
  
          $pending_btn.find('span').html($pending_btn[0].dataset.pending);

}
        else {
          
          $pending_btn.find('span').html($pending_btn[0].dataset.all);
        }

//  Recall the datatable
        table.fnDraw();
      });

// Select all button
      $('.table .select-all').bind('click', function(e) {

$('.asl-p-cont .table input').attr('checked', 'checked');
      });

//Delete Selected Stores:: bulk
      $('#btn-asl-delete-all').bind('click', function(e) {

var $tmp_stores = $('.asl-p-cont .table input:checked');

if ($tmp_stores.length == 0) {
          atoastr.error('No Store selected');
          return;
        }

var item_ids = [];
        $('.asl-p-cont .table input:checked').each(function(i) {

item_ids.push($(this).attr('data-id'));
        });

aswal({
            title: ASL_REMOTE.LANG.delete_stores,
            text: ASL_REMOTE.LANG.warn_question + " " + ASL_REMOTE.LANG.delete_stores + "?",
            type: "warning",
            showCancelButton: true,
            confirmButtonColor: "#dc3545",
            confirmButtonText: ASL_REMOTE.LANG.delete_it,
          })
          .then(
            function() {

ServerCall(ASL_REMOTE.URL + "?action=asl_ajax_handler&sl-action=delete_store", { item_ids: item_ids, multiple: true }, function(_response) {

toastIt(_response);

if (_response.success) {
                
                  table.fnDraw();
                  return;
                }

}, 'json');
            }
          );
      });

//Change the Status
      $('#btn-change-status').bind('click', function(e) {

var $tmp_stores = $('.asl-p-cont .table input:checked');

if ($tmp_stores.length == 0) {
          atoastr.error('No Store Selected');
          return;
        }

var item_ids = [];
        $('.asl-p-cont .table input:checked').each(function(i) {

item_ids.push($(this).attr('data-id'));
        });

ServerCall(ASL_REMOTE.URL + "?action=asl_ajax_handler&sl-action=store_status", { item_ids: item_ids, multiple: true, status: $('#asl-ddl-status').val() }, function(_response) {

toastIt(_response);

if (_response.success) {
          
            table.fnDraw();
            return;
          }

}, 'json');
      });

//Validate the Coordinates
      $('#btn-validate-coords').bind('click', function(e) {

var $btn = $(this);

$btn.bootButton('loading');

ServerCall(ASL_REMOTE.URL + "?action=asl_ajax_handler&sl-action=validate_coords", { }, function(_response) {

$btn.bootButton('reset');

toastIt(_response);

}, 'json');
      });

//  show delete store model
      $('#tbl_stores tbody').on('click', '.glyphicon-trash', function(e) {

var _store_id = $(this).attr("data-id");

aswal({
          title: ASL_REMOTE.LANG.delete_store,
          text: ASL_REMOTE.LANG.warn_question + " " + ASL_REMOTE.LANG.delete_store + " " + _store_id + "?",
          type: "warning",
          showCancelButton: true,
          confirmButtonColor: "#dc3545",
          confirmButtonText: ASL_REMOTE.LANG.delete_it,
        }).then(function() {

ServerCall(ASL_REMOTE.URL + "?action=asl_ajax_handler&sl-action=delete_store", { store_id: _store_id }, function(_response) {

toastIt(_response);

if (_response.success) {
             
              table.fnDraw();
              return;
            }

}, 'json');

});
      });

//  Approve Pending Stores
      $('#tbl_stores tbody').on('click', '.btn-approve', function(e) {

var _store_id = $(this).attr("data-id");

ServerCall(ASL_REMOTE.URL + "?action=asl_ajax_handler&sl-action=approve_stores", { store_id: _store_id }, function(_response) {

toastIt(_response);

if (_response.success) {
            
            //  Update the Pending Count
            if(parseInt(_response.pending_count) != 0) {
              $('#btn-pending-stores i').html(_response.pending_count);
            }
            //  Remove the alert
            else {
              $('#alert-pending-stores').remove();
              pending_stores   = false;
            }

table.fnDraw();

return;
          }

}, 'json');
      });

$("thead input").keyup(function(e) {

if (e.keyCode == 13) {
          table.fnDraw();
        }
      });

// Disable Select Controls
      $("thead select").on('change',function(e) {
          table.fnDraw();
      });

//  Load default values for the hidden columns
      if(asl_hidden_columns) {
        $('#ddl-fs-cntrl').val(asl_hidden_columns);
      }

//the Show/hide columns
      $('#ddl-fs-cntrl').chosen({
        width: "100%",
        placeholder_text_multiple: 'Select Columns',
        no_results_text: 'No Columns'
      });

//  Show/Hide the Columns
      $('#sl-btn-sh').bind('click', function(e) {

var sh_columns = $('#ddl-fs-cntrl').val();
        var $btn       = $(this);

$btn.bootButton('loading');

ServerCall(ASL_REMOTE.URL + "?action=asl_ajax_handler&sl-action=change_options", {'content': sh_columns, 'stype': 'hidden'}, function(_response) {

$btn.bootButton('reset');

toastIt(_response);

if (_response.success) {

$('#sl-fields-sh').smodal('hide');
            window.location.reload();
          }

}, 'json');
      });

},
    /**
     * [customize_map description]
     * @param  {[type]} _asl_map_customize [description]
     * @return {[type]}                    [description]
     */
    customize_map: function(_asl_map_customize) {

//RESET
      var trafic_layer, transit_layer, bike_layer;
      $('#frm-asl-layers')[0].reset();

window['asl_map_intialized'] = function() {

map_object.render_a_map(asl_configs.default_lat, asl_configs.default_lng);
        asl_drawing.initialize(map_object.map_instance);

//ADd trafice layer
        if (_asl_map_customize.trafic_layer && _asl_map_customize.trafic_layer == 1) {

$('#asl-trafic_layer')[0].checked = true;

trafic_layer = new google.maps.TrafficLayer();
          trafic_layer.setMap(map_object.map_instance);
        }

//ADd bike layer
        if (_asl_map_customize.bike_layer && _asl_map_customize.bike_layer == 1) {

$('#asl-bike_layer')[0].checked = true;

bike_layer = new google.maps.BicyclingLayer();
          bike_layer.setMap(map_object.map_instance);
        }

//ADd transit layer
        if (_asl_map_customize.transit_layer && _asl_map_customize.transit_layer == 1) {

$('#asl-transit_layer')[0].checked = true;

transit_layer = new google.maps.TransitLayer();
          transit_layer.setMap(map_object.map_instance);
        }

//ADd transit layer
        if (_asl_map_customize.marker_animations && _asl_map_customize.marker_animations == 1) {

$('#asl-marker_animations')[0].checked = true;
        }

///Load the DATA
        if (_asl_map_customize.drawing) {

asl_drawing.loadData(_asl_map_customize.drawing);
        }
      };

//init the maps
      if (!(window['google'] && google.maps)) {
        map_object.intialize();
        //drawing_instance.initialize();
      } else
        asl_map_intialized();

//Trafic Layer
      $('.asl-p-cont .map-option-bottom #asl-trafic_layer').bind('click', function(e) {

if (this.checked) {

trafic_layer = new google.maps.TrafficLayer();
          trafic_layer.setMap(map_object.map_instance);
        } else
          trafic_layer.setMap(null);

});

//Transit Layer
      $('.asl-p-cont .map-option-bottom #asl-transit_layer').bind('click', function(e) {

if (this.checked) {

transit_layer = new google.maps.TransitLayer();
          transit_layer.setMap(map_object.map_instance);
        } else
          transit_layer.setMap(null);
      });

//Bike Layer
      $('.asl-p-cont .map-option-bottom #asl-bike_layer').bind('click', function(e) {

if (this.checked) {

bike_layer = new google.maps.BicyclingLayer();
          bike_layer.setMap(map_object.map_instance);
        } else
          bike_layer.setMap(null);

});

//Marker Animate
      $('.asl-p-cont .map-option-bottom #asl-marker_animations').bind('click', function(e) {

if (this.checked) {
          map_object.map_marker.setAnimation(google.maps.Animation.Xp);
        }
      });

//Save the Map Customization
      $('#asl-save-map').bind('click', function(e) {

var $btn = $(this);

var layers = {
          trafic_layer: ($('#asl-trafic_layer')[0].checked) ? 1 : 0,
          transit_layer: ($('#asl-transit_layer')[0].checked) ? 1 : 0,
          bike_layer: ($('#asl-bike_layer')[0].checked) ? 1 : 0,
          marker_animations: ($('#asl-marker_animations')[0].checked) ? 1 : 0,
          drawing: asl_drawing.get_data()
        };

$btn.bootButton('loading');

ServerCall(ASL_REMOTE.URL, { 'action': 'asl_ajax_handler', 'sl-action': 'save_custom_map', 'data_map': JSON.stringify(layers) }, function(_response) {

$btn.bootButton('reset');

toastIt(_response);

}, 'json');
      });

// Add the KML Files Uploader
      var url_to_upload = ASL_REMOTE.URL,
        $form           = $('#sl-frm-kml');

app_engine.uploader($form, url_to_upload + '?action=asl_ajax_handler&asl-nounce=' + ASL_REMOTE.nounce + '&sl-action=add_kml', function(e, data) {

var data = data.result;

toastIt(data);

if(data.success) {
          window.location.reload();
        }
        
      });

//Validate
      $('#btn-asl-upload-kml').bind('click', function(e) {

if ($('#sl-frm-kml ul li').length == 0) {

atoastr.error('No KML file to upload');

e.preventDefault();
          return;
        }
      });

//  Remove KML file event
      $('.asl-kml-list .asl-trash-icon').bind('click', function(e) {

//  Remove the KML File
        ServerCall(ASL_REMOTE.URL + '?action=asl_ajax_handler&sl-action=delete_kml', { data_: $(this).attr('data-file') }, function(_response) {

toastIt(_response);

if (_response.success) {
            window.location.reload();
            return;
          }
        }, 'json');
      });
    },
    /**
     * [edit_store description]
     * @param  {[type]} _store [description]
     * @return {[type]}        [description]
     */
    edit_store: function(_store) {

this.add_store(true, _store);
    },
    /**
     * [add_store description]
     * @param {[type]} _is_edit [description]
     * @param {[type]} _store   [description]
     */
    add_store: function(_is_edit, _store) {

//  Make sure correct language is selected
      if(lang_ctrl && lang_ctrl.value != ASL_REMOTE.sl_lang) {
        window.location.search += '&asl-lang=' + lang_ctrl.value;
        return;
      }

var $form = $('#frm-addstore'),
          hdlr  = this;

//  Loop over logos JSON
      for(var l in asl_logos) {

if (!asl_logos.hasOwnProperty(l)) continue;
        asl_logos[l]['imageSrc'] = ASL_Instance.url + 'Logo/' + asl_logos[l]['imageSrc'];

//  is-Selected?
        if (_store && _store.logo_id) {

if(String(asl_logos[l]['value']) == String(_store.logo_id)) {
            asl_logos[l]['selected'] = true; 
          }
        }
      }

//  Store Marker ID DDL Set value
      if (_store && _store.marker_id)
        $('#ddl-asl-markers').val(String(_store.marker_id));

//  The Current Date
      var current_date      = new Date(),
          open_time_tmpl    = '9:30 AM',
          close_time_tmpl   = '6:30 PM';

/**
       * [timeChangeEvent Event that is fired when the time is changed]
       * @param  {[type]} e [description]
       * @return {[type]}   [description]
       */
      function timeChangeEvent(e) {

if($(e.currentTarget).hasClass('asl-start-time')) {
          open_time_tmpl =  e.time.value;
        }
        else
          close_time_tmpl   =  e.time.value; 
      };

//  Add/Remove DateTime Picker
      $('.asl-time-details tbody').on('click', '.add-k-add', function(e) {

var $new_slot = $('<div class="form-group">\
                    <div class="input-group bootstrap-asltimepicker">\
                          <input type="text" class="form-control asltimepicker asl-start-time validate[required,funcCall[ASLmatchTime]]" placeholder="' + ASL_REMOTE.LANG.start_time + '"  value="'+open_time_tmpl+'">\
                          <span class="input-group-append add-on"><span class="input-group-text"><svg width="16" height="16"><use xlink:href="#i-clock"></use></svg></span></span>\
                        </div>\
                        <div class="input-append input-group bootstrap-asltimepicker">\
                          <input type="text" class="form-control asltimepicker asl-end-time validate[required]" placeholder="' + ASL_REMOTE.LANG.end_time + '" value="'+close_time_tmpl+'">\
                          <span class="input-group-append add-on"><span class="input-group-text"><svg width="16" height="16"><use xlink:href="#i-clock"></use></svg></span></span>\
                        </div>\
                        <span class="add-k-delete glyp-trash">\
                          <svg width="16" height="16"><use xlink:href="#i-trash"></use></svg>\
                        </span>\
                    </div>');

var $cur_slot = $(this).parent().prev().find('.asl-all-day-times .asl-closed-lbl');
  
        $cur_slot.before($new_slot);

//  Add the Time slot timepicker
        $new_slot.find('input.asltimepicker').removeAttr('id').attr('class', 'form-control asltimepicker validate[required]').asltimepicker({
          //defaultTime: current_date,
          //orientation: 'auto',
          showMeridian: (asl_configs && asl_configs.time_format == '1') ? false : true,
          appendWidgetTo: '.asl-p-cont'
        })
        .on('changeTime.asltimepicker', timeChangeEvent);
      });

//  Delete the Time Row
      $('.asl-time-details tbody').on('click', '.add-k-delete', function(e) {
        var $this_tr = $(this).parent().remove();
      });

//  Add the time Picker
      $('.asl-p-cont .asl-time-details .asltimepicker').asltimepicker({
        showMeridian: (asl_configs && asl_configs.time_format == '1') ? false : true,
        appendWidgetTo: '.asl-p-cont',
      })
      .on('changeTime.asltimepicker', timeChangeEvent);

//Convert the time for validation
      function asl_timeConvert(_str) {

if (!_str) return 0;

var time = $.trim(_str).toUpperCase();

//when 24 hours
        if (asl_configs && asl_configs.time_format == '1') {

var regex = /(1[012]|[0-9]):[0-5][0-9]/;

if (!regex.test(time))
            return 0;

var hours = Number(time.match(/^(\d+)/)[1]);
          var minutes = Number(time.match(/:(\d+)/)[1]);

return hours + (minutes / 100);
        } else {

var regex = /(1[012]|[1-9]):[0-5][0-9][ ]?(AM|PM)/;

if (!regex.test(time))
            return 0;

var hours = Number(time.match(/^(\d+)/)[1]);
          var minutes = Number(time.match(/:(\d+)/)[1]);
          var AMPM = (time.indexOf('PM') != -1) ? 'PM' : 'AM';

if (AMPM == "PM" && hours < 12) hours = hours + 12;
          if (AMPM == "AM" && hours == 12) hours = hours - 12;

return hours + (minutes / 100);
        }
      };

//  Match the time :: validation
      window['ASLmatchTime'] = function(field, rules, i, options) {};

//  Copy the Monday time to rest of the days
      $('#asl-time-cp').bind('click', function(e) {
          var $monday    = $('.asl-p-cont .asl-time-details .asl-all-day-times').eq(0),
              $rest_days = $('.asl-p-cont .asl-time-details .asl-all-day-times:not(:first)');

//  Clone Everyday
          $rest_days.each(function(e) {
            var day_index = parseInt(e) + 1;
            $(this).html($monday.children().clone());
            $(this).find('.a-swith').find('label').attr('for', 'cmn-toggle-' + day_index);
            $(this).find('.a-swith').find('input').attr('id', 'cmn-toggle-' + day_index);
          });
        
          //  Add the Picker
          $('.asl-p-cont .asl-time-details .asltimepicker').asltimepicker({
            showMeridian: (asl_configs && asl_configs.time_format == '1') ? false : true,
            appendWidgetTo: '.asl-p-cont',
          })
          .on('changeTime.asltimepicker', timeChangeEvent);
      });

// Initialize the Google Maps
      window['asl_map_intialized'] = function() {
        if (_store)
          map_object.render_a_map(_store.lat, _store.lng);
        else
          map_object.render_a_map(parseFloat(asl_configs.default_lat), parseFloat(asl_configs.default_lng));
      };

if (!(window['google'] && google.maps)) {
        map_object.intialize();
      } else
        asl_map_intialized();

//  for the asl-wc
      $('.sl-chosen select').each(function(item) {

var $ddl_chosen = $(this);

$ddl_chosen.chosen({
          width: "100%",
          placeholder_text_multiple: $ddl_chosen.data('ph') || 'Select',
          no_results_text: $ddl_chosen.data('none') || 'None'
        });
      });

//  Category ddl
      $('#ddl_categories').chosen({
        width: "100%",
        placeholder_text_multiple: ASL_REMOTE.LANG.select_category,
        no_results_text: ASL_REMOTE.LANG.no_category
      });

// Debounced error display function
      const debouncedError = ASLDebounce(function (field) {

// Get the label for the invalid field
        const fieldId   = field.attr('id');        
        const $label    = $form.find(`label[for="${fieldId}"]`);
        const labelText = $label.text() || 'a required field';

// Show the error message using atoastr
        atoastr.error(`${ASL_REMOTE.LANG.required_field}: ${labelText}`);
      }, 300); // Adjust delay as needed

//  Form Submit
      $form.validationEngine({
        binded: false,
        scroll: false,
        showArrow: false,
        showOneMessage: false,
        validateNonVisibleFields: true,
        onFieldFailure: debouncedError
      });

//  To get Lat/lng
      $('#txt_city,#txt_state,#txt_postal_code').bind('blur', function(e) {

if (!isEmpty($form[0].elements["data[city]"].value)) {

var address = [$form[0].elements["data[street]"].value, $form[0].elements["data[city]"].value, $form[0].elements["data[postal_code]"].value, $form[0].elements["data[state]"].value];

var q_address = [];

for (var i = 0; i < address.length; i++) {

if (address[i])
              q_address.push(address[i]);
          }

var _country = jQuery('#txt_country option:selected').text();

//Add country if available
          if (_country && _country != ASL_REMOTE.LANG.select_country) {
            q_address.push(_country);
          }

address = q_address.join(', ');

codeAddress(address, function(_geometry) {

var s_location = [_geometry.location.lat(), _geometry.location.lng()];
            var loc = new google.maps.LatLng(s_location[0], s_location[1]);
            map_object.map_marker.setPosition(_geometry.location);
            map.panTo(_geometry.location);
            map.setZoom(14);
            app_engine.pages.store_changed(s_location);

});
        }
      });

$form.find('.asl-rich-text-editor').each(function () {
        const id = $(this).attr('id');
        if (id) {
            tinymce.init({
                selector: '#' + id,
                height: 200,
                menubar: false,
                plugins: 'paste link lists',
                media_buttons: true,
                paste_as_text: true, // Paste as plain text
                branding: false,
                toolbar: 'bold italic underline | bullist numlist | link',
                setup: function (editor) {
                    editor.on('change', function () {
                        editor.save(); // Sync content to textarea
                    });
                }
            });
        }
      });

//  Coordinates Fixes
      var _coords = {
        lat: '',
        lng: ''
      };

//  Click the Edit Coordinates
      $('#lnk-edit-coord').bind('click', function(e) {

_coords.lat = $('#asl_txt_lat').val();
        _coords.lng = $('#asl_txt_lng').val();

$('#asl_txt_lat,#asl_txt_lng').val('').removeAttr('readonly');
      });

//  Change Event Coordinates
      var $coord = $('#asl_txt_lat,#asl_txt_lng');
      $coord.bind('change', function(e) {

if ($coord[0].value && $coord[1].value && !isNaN($coord[0].value) && !isNaN($coord[1].value)) {

var loc = new google.maps.LatLng(parseFloat($('#asl_txt_lat').val()), parseFloat($('#asl_txt_lng').val()));
          map_object.map_marker.setPosition(loc);
          map.panTo(loc);
        }
      });

// Get Working Hours
      function getOpenHours() {

var open_hours = {};

$('.asl-time-details .asl-all-day-times').each(function(e) {

var $day = $(this),
            day_index = String($day.data('day'));
          open_hours[day_index] = null;

if ($day.find('.form-group').length > 0) {

open_hours[day_index] = [];
          } else {

open_hours[day_index] = ($day.find('.asl-closed-lbl input')[0].checked) ? '1' : '0';
          }

$day.find('.form-group').each(function() {

var $hours = $(this).find('input');
            open_hours[day_index].push($hours.eq(0).val() + ' - ' + $hours.eq(1).val());
          });

});

return JSON.stringify(open_hours);
      }

// Gallery button
      $(".asl-gallery-field-button").on("click", function(e) {
        e.preventDefault();
        var button = $(this);
        var input = button.siblings(".asl-gallery-field");
        var mediaUploader = wp.media({
            title: ASL_REMOTE.LANG.select_media,
            button: {
                text: ASL_REMOTE.LANG.use_media
            },
            multiple: false
        }).on("select", function() {
            var attachment = mediaUploader.state().get("selection").first().toJSON();
            input.val(attachment.url);
        }).open();
    });

//  Add store button
      $('#btn-asl-add').bind('click', function(e) {

if (!$form.validationEngine('validate')) return;

var $btn = $(this),
          formData = $form.ASLSerializeObject();

formData['action']    = 'asl_ajax_handler';
        formData['sl-action'] = (_is_edit) ? 'update_store' : 'add_store';
        formData['sl-category']  = $('#ddl_categories').val();

/*Attribute filter*/
        formData['data[brand]']    = '';
        formData['data[special]']  = '';

if (_is_edit) { formData['updateid'] = $('#update_id').val(); }

formData['data[marker_id]'] = '1';
        formData['data[logo_id]']   = '';

//Ordering
        if (formData['ordr'] && isNaN(formData['ordr']))
          formData['ordr'] = '0';

formData['data[open_hours]'] = getOpenHours();

$btn.bootButton('loading');

ServerCall(ASL_REMOTE.URL, formData, function(_response) {

$btn.bootButton('reset');
            
          toastIt(_response);

if (_response.success) {

if (_is_edit) {
              _response.msg += " Redirect...";
              //window.location.replace(ASL_REMOTE.URL.replace('-ajax', '') + "?page=manage-agile-store");
            }
            else {
              $form[0].reset();
            }

return;
          }

}, 'json');
      });

//  UPLOAD LOGO FILE IMAGE
      var url_to_upload = ASL_REMOTE.URL,
          $form_upload  = $('#frm-upload-logo');

},
    /**
     * [user_setting User Settings]
     * @param  {[type]} _configs [description]
     * @return {[type]}          [description]
     */
    /**
     * [user_setting User Settings]
     * @param  {[type]} _configs [description]
     * @return {[type]}          [description]
     */
    user_setting: function(_configs) {

var $form = $('#frm-usersetting');

var _keys = Object.keys(_configs);

var radio_fields = ['additional_info', 'distance_control', 'link_type', 'distance_unit', 'geo_button', 'time_format', 'week_hours', 'distance_control', 'single_cat_select', 'map_layout', 'infobox_layout', 'color_scheme', 'color_scheme_1', 'color_scheme_2', 'color_scheme_3', 'font_color_scheme', 'gdpr'];

for (var i in _keys) {

if (!_keys.hasOwnProperty(i)) continue;

if (radio_fields.indexOf(_keys[i]) != -1) {

var $elem = $form.find('#asl-' + _keys[i] + '-' + _configs[_keys[i]]);
          
          if($elem && $elem[0])
            $elem[0].checked = true;
          
          continue;
        }

var $elem = $form.find('#asl-' + _keys[i]);

if($elem[0]) {

if ($elem[0].type == 'checkbox')
            $elem[0].checked = (_configs[_keys[i]] == '0') ? false : true;
          else
            $elem.val(_configs[_keys[i]]);
        }
      }

///Make layout Active
      if($('#asl-template')[0]) {

$('.asl-p-cont .layout-box img').eq($('#asl-template')[0].selectedIndex).addClass('active');

$('#asl-template').bind('change', function(e) {

$('.asl-p-cont .layout-box img.active').removeClass('active');
          $('.asl-p-cont .layout-box img').eq(this.selectedIndex).addClass('active');
        });
      }

// Chosen for the fitler_ddl
      $('#asl-filter_ddl').chosen({
        width: "100%",
        placeholder_text_multiple: 'Select Filters',
        no_results_text: 'No Filter'
      });

// ---------------------------------------------------------------
      //  slug_attr_ddl
      
      var $ddl_slug       = $('#asl-slug_attr_ddl'),
          ddl_slug_values = [];

if(_configs.slug_attr_ddl) {

ddl_slug_values = _configs.slug_attr_ddl.split(',');

$ddl_slug.val(ddl_slug_values);
      }

// Chosen for the fitler_ddl_store
      $ddl_slug.chosen({
        width: "100%",
        placeholder_text_multiple: 'Select Slugs',
        no_results_text: 'No Filter'
      });

$ddl_slug.on('change', function(evt, params) {

//  add the value
        if(params.selected) {
          ddl_slug_values.push(params.selected);
        }
        //  remove the value
        else if(params.deselected) {

ddl_slug_values = ddl_slug_values.filter(function(element) {return element !== params.deselected;});
        }        
      });

// ---------------------------------------------------------------
      
      /////*Validation Engine*/////
      $form.validationEngine({
        binded: true,
        scroll: false
      });

$('.btn-asl-user_setting').bind('click', function(e) {

if (!$form.validationEngine('validate')) return;

var $btn = $(this);

$btn.bootButton('loading');

var all_data = {
          data: {
            show_categories: 0,
            advance_filter: 0,
            time_switch: 0,
            category_marker: 0,
            distance_slider: 0,
            analytics: 0,
            additional_info: 0,
            scroll_wheel: 0,
            target_blank: 0,
            user_center: 0,
            smooth_pan: 0,
            sort_by_bound: 0,
            full_width: 0,
            //filter_result:0,
            radius_circle: 0,
            remove_maps_script: 0,
            category_bound: 0,
            gdpr: 0,
            geo_marker: 0,
            sort_random: 0,
            and_filter: 0,
            fit_bound: 0,
            admin_notify: 0,
            cluster: 0,
            display_list: 0,
            cat_in_grid: 0,
            store_schema: 0,
            hide_hours: 0,
            slug_link: 0,
            hide_logo: 0,
            direction_btn: 0,
            additional_info: 0,
            tran_lbl: 0,
            print_btn: 0
          }
        };

var data = $form.ASLSerializeObject();

all_data = $.extend(all_data, data);

//  Save the custom Map
        all_data['map_style'] = document.getElementById('asl-map_layout_custom').value;

//  slug_attr_ddl
        all_data['slug_attr_ddl'] = (ddl_slug_values && ddl_slug_values.length)? ddl_slug_values.join(','): '';

ServerCall(ASL_REMOTE.URL + '?action=asl_ajax_handler&sl-action=save_setting', all_data, function(_response) {

$btn.bootButton('reset');

toastIt(_response);
          
        }, 'json');
      });

/////////////////////////
      //  Create TMPL Editor //
      /////////////////////////
      
      wp.codeEditor.initialize($('#sl-custom-template-textarea'), null);

var $section_tmpl_select = $('#asl-customize-section'),
          $template_select     = $('#asl-customize-template');

//  Template List doesn't have Infobox
      $template_select.bind('change', function(e) {

var customizer_options = ASL_Instance.tmpls[e.target.value];
          
        //  Clear old values
        $section_tmpl_select.empty();

if(customizer_options) {

$.each(customizer_options.options, function(index, option) {
            
            const $optionElement = $("<option>").val(option.value).text(option.label);

if (option.disable) {
              $optionElement.prop("disabled", true);
            }

$section_tmpl_select.append($optionElement);
          });
        }
      });

//  Load Template button Event
      $('#btn-asl-load_ctemp').bind('click', function(e) {

var $btn = $(this);

$btn.bootButton('loading');

var template = $('#asl-customize-template').val(),
            section     = $('#asl-customize-section').val();

$('#btn-asl-save_ctemp').attr({'data-template-name':template , 'data-section':section});

ServerCall(ASL_REMOTE.URL + '?action=asl_ajax_handler&sl-action=load_custom_template', {template: template , section: section}, function(_response) {

$btn.bootButton('reset');

toastIt(_response);

if (_response.success) {

document.querySelector('.sl-custom-tpl-text-section .CodeMirror').CodeMirror.setValue(_response.html);
            return;
          }

}, 'json');
      });

// load Custom template
      $('#btn-asl-save_ctemp').bind('click', function(e) {

var $btn = $(this);

$btn.bootButton('loading');

var template    = $('#asl-customize-template').val(),
            section     = $('#asl-customize-section').val(),
            html        = document.querySelector('.sl-custom-tpl-text-section .CodeMirror').CodeMirror.getValue();

if(template == undefined || section == undefined || html == '' || html == null){

atoastr.error('please Load template');
          $btn.bootButton('reset');
          return;
        }

ServerCall(ASL_REMOTE.URL + '?action=asl_ajax_handler&sl-action=save_custom_template', {template: template , section: section,html: html}, function(_response) {

$btn.bootButton('reset');

toastIt(_response);

}, 'json');
      });

// Reset Custom template
      $('#btn-asl-reset_ctemp').bind('click', function(e) {

var $btn = $(this);

$btn.bootButton('loading');

var template    = $('#asl-customize-template').val(),
            section     = $('#asl-customize-section').val();

if(template == undefined || section == undefined){

atoastr.error('Please load template');
          $btn.bootButton('reset');
          return;
        }

ServerCall(ASL_REMOTE.URL + '?action=asl_ajax_handler&sl-action=reset_custom_template', {template: template , section: section}, function(_response) {

$btn.bootButton('reset');

toastIt(_response);

if (_response.success) {
            document.querySelector('.sl-custom-tpl-text-section .CodeMirror').CodeMirror.setValue(_response.html);
            return;
          }
        }, 'json');
      });

//  Save the save settings for the customizer
      $('.asl-tabs a[data-toggle="pill"]').on('shown.bs.tab', function (e) {

console.log(e.relatedTarget.getAttribute('href'), `File: jscript.js, Line: 2432`, e.target.getAttribute('href'));
        
        if(e.target.getAttribute('href') == '#sl-customizer' || e.target.getAttribute('href') == '#sl-pro') {

$('.btn-asl-user_setting').addClass('hide');
        }
        else if(e.relatedTarget.getAttribute('href') == '#sl-customizer' || e.relatedTarget.getAttribute('href') == '#sl-pro') {
          $('.btn-asl-user_setting').removeClass('hide');
        }
      });

if (isEmpty(_configs['template']))
        _configs['template'] = '0';

//Show the option of right template
      $('.box_layout_' + _configs['template']).removeClass('hide');

//  Bind Change Template
      $('.asl-p-cont #asl-template').bind('change', function(e) {

var _value = this.value;
        $('.asl-p-cont .template-box').addClass('hide');
        $('.box_layout_' + _value).removeClass('hide');

set_tmpl_image();

});

// Hide the Map Styling Section when Google Advanced Marker dropdown is empty
      var $legacy_map_section = $('#asl-map-legacy-section');

// Hide the map styling section if the advanced marker is set
      function hide_legacy_map_section() {

if ($('#asl-advanced_marker').val() != '') {
          $legacy_map_section.addClass('asl-adv-mkr-enabled');
        }
        else {
          $legacy_map_section.removeClass('asl-adv-mkr-enabled');
        }
      }

$('#asl-advanced_marker').bind('change', hide_legacy_map_section);

hide_legacy_map_section();

////////////////////////////////////////
      // Code for the Additional attributes //
      ////////////////////////////////////////
      $('#btn-asl-add-field').on('click', function(e) {
          
        const field_uniq_id = generateUniqueId();

var $new_slot = $('<tr>\
                            <td colspan="1"><div class="form-group"><input type="text" class="asl-attr-label form-control validate[required,funcCall[ASLValidateLabel]]"></div></td>\
                            <td colspan="1"><div class="form-group"><input type="text" class="asl-attr-name form-control validate[required,funcCall[ASLValidateName]]"></div></td>\
                            <td colspan="1"><div class="form-group"><select class="form-control asl-attr-type"><option value="text">Text</option><option value="textarea">Textarea</option><option value="richtext">Rich Textarea</option><option value="dropdown">Dropdown</option><option value="radio">Radio List</option><option value="checkbox">Checkbox</option><option value="gallery">Gallery</option></select></div></td>\
                            <td colspan="1"><div class="form-group"><input readonly="true" type="text" class="asl-attr-options form-control validate[funcCall[ASLValidateOptions]]"></div></td>\
                            <td colspan="1"><div class="form-group-inner mt-2"><label class="switch" for="asl-cf-req-'+field_uniq_id+'"><input type="checkbox" value="1" class="asl-attr-require custom-control-input"  id="asl-cf-req-'+field_uniq_id+'"><span class="slider round"></span></label></div></td>\
                            <td colspan="1"><div class="form-group"><input maxlength="50" type="text" class="asl-attr-class form-control"></div></td>\
                            <td colspan="1">\
                              <span class="add-k-delete glyp-trash">\
                                <svg width="16" height="16"><use xlink:href="#i-trash"></use></svg>\
                              </span>\
                            </td>\
                          </tr>');
        
        var $cur_slot = $('.asl-attr-manage tbody').append($new_slot);
      });

//  Delete current field
      $('.asl-attr-manage tbody').on('click', '.add-k-delete', function(e) {

var $this_tr = $(this).parent().parent().remove();
      });

//  Text will have it locked
      $('.asl-attr-manage tbody').on('change', '.asl-attr-type', function(e) {

var $this_tr      = $(this).parent().parent().parent(),
            $option_field = $this_tr.find('.asl-attr-options');

if (['richtext', 'textarea', 'text', 'checkbox', 'gallery'].includes(this.value)) {

$option_field.attr('readonly','true');
          $option_field.val('');
        }
        else {
          $option_field.removeAttr('readonly','true');
        }

});

var custom_fields = {};

var $field_form   = $('#frm-asl-custom-fields');
      
      $field_form.validationEngine({
        binded: true,
        scroll: false
      });

//  Save Event for the Fields
      $('#btn-asl-save-schema').on('click', function(e) {

if (!$field_form.validationEngine('validate')) return;

var $btn = $(this);

//  Capture fields data
        var $fields_tr = $('.asl-attr-manage tbody tr');
        $fields_tr.each(function(i) {

var $tr           = $(this),
                field_label   = $tr.find('.asl-attr-label').val(), 
                field_name    = $tr.find('.asl-attr-name').val(),
                field_type    = $tr.find('.asl-attr-type').val(),
                field_options = $tr.find('.asl-attr-options').val(),
                css_class     = $tr.find('.asl-attr-class').val(),
                field_require = ($tr.find('.asl-attr-require')[0].checked)? 1: 0;

custom_fields[field_name] = {name: field_name, label: field_label, type: field_type, options: field_options, require: field_require, css_class: css_class };
        });

//  Send an AJAX Request
        $btn.bootButton('loading');

ServerCall(ASL_REMOTE.URL + '?action=asl_ajax_handler&sl-action=save_custom_fields', {fields: custom_fields}, function(_response) {

$btn.bootButton('reset');

toastIt(_response);

}, 'json');
      });

// Validate Label
      window['ASLValidateLabel'] = function(field, rules, i, options) {
      };

window['ASLValidateOptions'] = function(field, rules, i, options) {
      };

// Validate Name
      var reg   = new RegExp(/^[a-z0-9\-\_]+$/);
      window['ASLValidateName'] = function(field, rules, i, options) {

var _value = field.val();

if(['id','title','phone','email','street','city','state','country','postal_code','marker_id','logo_id','description','description_2','open_hours','pending','distance','target'].indexOf(_value) != -1) {
          return '* Keyword';
        }

if(!reg.test(_value)) {
          return '* Invalid';
        }
      };

///////////////////
      // The Map Modal //
      ///////////////////
      
      window['asl_map_intialized'] = function() {

map_object.render_a_map(asl_configs.default_lat, asl_configs.default_lng);
      };

//init the maps
      if (!(window['google'] && google.maps)) {
        map_object.intialize();
        //drawing_instance.initialize();
      } 
      else
        asl_map_intialized();

//  Add the click event to copy coordinates and Zoom
      $('#asl-setting-set-coordinates').bind('click', function(e) {

if(map_object.map_marker) {

//  set coordinates
            $('#asl-default_lat').val(map_object.map_marker.getPosition().lat());
            $('#asl-default_lng').val(map_object.map_marker.getPosition().lng());
            $('#asl-zoom').val(map_object.map_instance.getZoom());

//  hide the modal
            $('#asl-map-modal').smodal('hide');

//  show the toaster
            atoastr.warning(ASL_REMOTE.LANG.warn_save_setting);
          }
      });

//  The Cache Button
      var $asl_cache_btn    = $("#asl-cache-refresh"),
          $asl_cache_status = $("#asl-fast-cache");

//  FAQ
      $('#accordionfaqs .btn.btn-link').bind('click', function(e) {

var $faq_btn = $(this);

$faq_btn.toggleClass('collapsed');
        $faq_btn.parent().parent().next().toggleClass('show');
      });

//  View Pro Options
      $('.sl-pro-ctrls .pro-opt-switch').click(function() {
        $('.sl-pro-ctrls').toggleClass('sl-show');
      });

// Lazy Load asl-wc videos
      $('#sl-wc video').each(function(i){

var video = this;
        
        for (var source in video.children) {
          if(!video.children.hasOwnProperty(source)) continue;
          var videoSource = video.children[source];
          if (typeof videoSource.tagName === "string" && videoSource.tagName === "SOURCE") {
            videoSource.src = videoSource.dataset.src;
          }
        }

video.load();
      });

////////////////////////////
      // Export/Import Settings //
      ////////////////////////////

// Export Config Event
      $('#asl-btn-export-config').bind('click', function(e){

var $btn = $(this);

$btn.bootButton('loading');

ServerCall(ASL_REMOTE.URL + '?action=asl_ajax_handler&sl-action=export_configs', {}, function(_response) {

$btn.bootButton('reset');

var config_text = JSON.stringify(_response.configs);

aswal({
            title: ASL_REMOTE.LANG.export_config || 'Exported Configuration',
            html: '<span class="asl-red">' + _response.export_text_content + '</span>'+ '<textarea id="asl-export-config-textarea" rows="10" style="width:100%" readonly="true">' + config_text + '</textarea>',
            showCancelButton: true,
            confirmButtonText: ASL_REMOTE.LANG.copy || 'Copy',
            cancelButtonText: ASL_REMOTE.LANG.close || 'Close',
            showLoaderOnConfirm: true,
            preConfirm: function(_value) {
  
              return new Promise(function(resolve, reject) {

// Copy JSON text to clipboard
                var jsonTextarea = document.getElementById('asl-export-config-textarea');
                jsonTextarea.select();
                var result = document.execCommand('copy');

if(result) {
                  toastIt({success: true, message: _response.copy_message});
                }

resolve();

})
            }
          })
          .catch(aswal.noop);

}, 'json');
      });

// Import Config Event
      $('#asl-btn-import-config').bind('click', function(e){

aswal({
          type: 'warning',
          input: "textarea",
          html: '<span class="asl-red">' + ASL_REMOTE.LANG.import_config_warn + '</span>',
          title: ASL_REMOTE.LANG.import_config || 'Import Configuration',
          inputPlaceholder: ASL_REMOTE.LANG.paste_config_ph,
          inputAttributes: {
            "aria-label": ASL_REMOTE.LANG.paste_config_ph
          },
          confirmButtonText: ASL_REMOTE.LANG.import || 'Import',
          showCancelButton: true,
          confirmButtonColor: "#dc3545",        
          showLoaderOnConfirm: true,
          preConfirm: function(_value) {
  
            return new Promise(function(resolve, reject) {

if(!_value) {

aswal.showValidationError(ASL_REMOTE.LANG.error_try_again);
                  reject();
                  return false;
              }

//  Save the configuration
              ServerCall(ASL_REMOTE.URL + '?action=asl_ajax_handler&sl-action=import_configs', {configs: _value}, function(_response) {

if (!_response.success) {

aswal.showValidationError(_response.message);
                  reject();
                  return false;
                }
                else {

toastIt(_response);

//  Refresh to reload
                  window.location.replace(ASL_REMOTE.URL.replace('-ajax', '') + "?page=asl-settings");

reject();
                  return true;
                }
              });

})
          }
        })
        .catch(aswal.noop);
      
      });
    },
    /**
     * [ui_template User Settings]
     * @param  {[type]} _configs [description]
     * @return {[type]}          [description]
     */
    ui_template: function(_configs) {

var $form     = $('#frm-asl-ui-customizer');
      var formData  = $form.ASLSerializeObject();

////////////////////////////////////
      //  Load UI Template button Event //
      ////////////////////////////////////
      $('#btn-asl-load_uitemp').bind('click', function(e) {

var $btn = $(this);

$btn.bootButton('loading');

var template = $('#asl-ui-template').val();

$('#btn-asl-save_uitemp').attr({'data-template-name':template});

ServerCall(ASL_REMOTE.URL + '?action=asl_ajax_handler&sl-action=load_ui_settings', {template: template}, function(_response) {

$btn.bootButton('reset');

$('#btn-asl-save_uitemp').bootButton('reset');

toastIt(_response);

if (_response.success) {
            $($form).find('#asl-fields-section').html('');
            $($form).find('#asl-fields-section').append(_response.html);
 
            $('#asl-fields-section').show();

return;
          }

}, 'json');
      });

//////////////////////
      // Save UI template //
      //////////////////////
      $('#btn-asl-save_uitemp').bind('click', function(e) {

var $btn      = $(this);
        var formData  = $form.ASLSerializeObject();

var template  = $(this).attr('data-template-name');

if(template == '' || template == null){
            atoastr.error('Load Template first');
            return;
        }

$btn.bootButton('loading');

ServerCall(ASL_REMOTE.URL + '?action=asl_ajax_handler&sl-action=sl_theme_ui_save', {sl_template: template,sl_formData: formData}, function(_response) {

$btn.bootButton('reset');

toastIt(_response);

}, 'json');
      });

// Change Copy Colors
      $('#frm-asl-ui-customizer').on('change','.clr-primary',function(){
        var value = $(this).val();
        $('.clr-copy').val(value).change();
      });

// Change Values For Color Picker
      $('#frm-asl-ui-customizer').on('change','.colorpicker',function(){
          var value = $(this).val();
          $(this).parents('.color-row').find('.hexcolor').val(value);
      });

//  keyPress 
      $('#frm-asl-ui-customizer').on('keyup','.hexcolor',function(){
          var value = $(this).val();
          $(this).parents('.color-row').find('.colorpicker').val(value);
      });
    },
     /**
       * [labels description]
       * @return {[type]} [description]
       */
    labels: function() {

// Get all label elements
      var labels = $('.asl-label-section .asl-label');

// Listen for keyup event on search input
      $('#label-search').on('keyup', function() {
        
        var searchTerm = $(this).val().toLowerCase();

// Filter out labels that don't match search term
        labels.each(function() {

var lbl_cont = $(this);

var label_input   = lbl_cont.find('input').val().toLowerCase(),
              label_default = lbl_cont.find('label').text().toLowerCase();

if (label_input.indexOf(searchTerm) === -1 && label_default.indexOf(searchTerm) === -1) {
            lbl_cont.hide();
          } 
          else {
            lbl_cont.show();
          }
        });

// If Search input not match
        if($('.asl-label:visible').length == 0){
            $(".no_result").css("display", "block");
        } 
        else {
            $(".no_result").css("display", "none");
        }
      });

// save labels in database
      $('.asl-label input').on('change', function(e) {
      // $('.asl-label input').blur(function(){

var $btn = $(this);
        var _key  = $(this).attr('data-name'),
            value = $(this).val();
        
           // Empty value prevent
        if (isEmpty(value)) {

atoastr.error('The field cannot be left empty. Please enter a label text.');
            return false;

}

$btn.bootButton('loading');

ServerCall(ASL_REMOTE.URL + "?action=asl_ajax_handler&sl-action=set_label", { _key : _key, value : value}, function(_response) {

$btn.bootButton('reset');

toastIt(_response);

}, 'json');

});
    }
  };

if ($)
    $('.asl-p-cont').append('<div class="loading site hide">Working ...</div><div class="asl-dumper dump-message"></div>');

})(jQuery, asl_engine);