// This is a manifest file that'll be compiled into application.js, which will include all the files
// listed below.
//
// Any JavaScript/Coffee file within this directory, lib/assets/javascripts, vendor/assets/javascripts,
// or any plugin's vendor/assets/javascripts directory can be referenced here using a relative path.
//
// It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
// compiled file. JavaScript code in this file should be added after the last require_* statement.
//
// Read Sprockets README (https://github.com/rails/sprockets#sprockets-directives) for details
// about supported directives.
//
//= require jquery
//= require jquery_ujs
//= require tether
//= require bootstrap/js/popper.min
//= require bootstrap/js/bootstrap-material-design.min
//= require jquery_nested_form
//= require momentjs/moment
//= require bootstrap-material-datetimepicker/js/bootstrap-material-datetimepicker
//= require multi-select/js/jquery.multi-select.js
//= require jquery-slimscroll/jquery.slimscroll.js
//= require bootstrap-notify/bootstrap-notify.js
//= require node-waves/waves.js
//= require sweetalert/sweetalert.min.js
//= require autosize/autosize.js
//= require jquery-countto/jquery.countTo.js
//= require raphael/raphael.min
//= require Chart.bundle
//= require chartkick
//= require fileinput.min.js
//= require settings/processing_items
//= require BSBMaterial/admin.js
//= require BSBMaterial/demo.js
//= require custom.js
//= require jquery-fileupload/basic

$(document).ready(function() {
  $('.count-to').countTo();

  //Sales count to
  $('.sales-count-to').countTo({
      formatter: function (value, options) {
          return '$' + value.toFixed(2).replace(/(\d)(?=(\d\d\d)+(?!\d))/g, ' ').replace('.', ',');
      }
  });

  $('.datetimepicker').bootstrapMaterialDatePicker({
      format: 'DD-MM-YYYY - HH:mm',
      clearButton: true,
      weekStart: 1
  });

  $('.datepicker').bootstrapMaterialDatePicker({
      format: 'DD-MM-YYYY',
      clearButton: true,
      weekStart: 1,
      time: false
  });

  $('.timepicker').bootstrapMaterialDatePicker({
      format: 'HH:mm',
      clearButton: true,
      date: false
  });
  
  // Image Upload
  $("#simple_menu_item_image_path").fileinput({
      previewFileType: "image",
      allowedFileExtensions: ["jpg", "gif", "png"],
      browseClass: "btn btn-success",
      browseLabel: "Pick Image",
      browseIcon: "<i class=\"fa fa-image\"></i> ",
      removeClass: "btn btn-danger",
      removeLabel: "Delete",
      removeIcon: "<i class=\"fa fa-trash\"></i> ",
      showUpload: false,
      // uploadClass: "btn btn-info",
      // uploadLabel: "Upload",
      // uploadIcon: "<i class=\"fa fa-upload\"></i> ",
      previewTemplates: {
        image: '<div class="file-preview-frame" id="{previewId}" data-fileindex="{fileindex}">\n' +
                '   <img src="{data}" class="file-preview-image" title="{caption}" alt="{caption}" style="width: 200px;height: 200px;">\n' +
                '</div>\n',
      }
  });

  $("#product_image_path").fileinput({
      previewFileType: "image",
      allowedFileExtensions: ["jpg", "gif", "png"],
      browseClass: "btn btn-success",
      browseLabel: "Pick Image",
      browseIcon: "<i class=\"fa fa-image\"></i> ",
      removeClass: "btn btn-danger",
      removeLabel: "Delete",
      removeIcon: "<i class=\"fa fa-trash\"></i> ",
      showUpload: false,
      // uploadClass: "btn btn-info",
      // uploadLabel: "Upload",
      // uploadIcon: "<i class=\"fa fa-upload\"></i> ",
      previewTemplates: {
        image: '<div class="file-preview-frame" id="{previewId}" data-fileindex="{fileindex}">\n' +
                '   <img src="{data}" class="file-preview-image" title="{caption}" alt="{caption}" style="width: 200px;height: 200px;">\n' +
                '</div>\n',
    }
  });

  $("#shop_logo").fileinput({
      previewFileType: "image",
      allowedFileExtensions: ["jpg", "gif", "png"],
      browseClass: "btn btn-success",
      browseLabel: "Pick Image",
      browseIcon: "<i class=\"fa fa-image\"></i> ",
      removeClass: "btn btn-danger",
      removeLabel: "Delete",
      removeIcon: "<i class=\"fa fa-trash\"></i> ",
      showUpload: false,
      // uploadClass: "btn btn-info",
      // uploadLabel: "Upload",
      // uploadIcon: "<i class=\"fa fa-upload\"></i> ",
      previewTemplates: {
        image: '<div class="file-preview-frame" id="{previewId}" data-fileindex="{fileindex}">\n' +
                '   <img src="{data}" class="file-preview-image" title="{caption}" alt="{caption}" style="width: 200px;height: 200px;">\n' +
                '</div>\n',
    }
  });
  
  $("#commissioner_image_path").fileinput({
      previewFileType: "image",
      allowedFileExtensions: ["jpg", "gif", "png"],
      browseClass: "btn btn-success",
      browseLabel: "Pick Image",
      browseIcon: "<i class=\"fa fa-image\"></i> ",
      removeClass: "btn btn-danger",
      removeLabel: "Delete",
      removeIcon: "<i class=\"fa fa-trash\"></i> ",
      showUpload: false,
      // uploadClass: "btn btn-info",
      // uploadLabel: "Upload",
      // uploadIcon: "<i class=\"fa fa-upload\"></i> ",
      previewTemplates: {
        image: '<div class="file-preview-frame" id="{previewId}" data-fileindex="{fileindex}">\n' +
                '   <img src="{data}" class="file-preview-image" title="{caption}" alt="{caption}" style="width: 200px;height: 200px;">\n' +
                '</div>\n',
    }
  });   

  $("#employee_image_path").fileinput({
      previewFileType: "image",
      allowedFileExtensions: ["jpg", "gif", "png"],
      browseClass: "btn btn-success",
      browseLabel: "Pick Image",
      browseIcon: "<i class=\"fa fa-image\"></i> ",
      removeClass: "btn btn-danger",
      removeLabel: "Delete",
      removeIcon: "<i class=\"fa fa-trash\"></i> ",
      showUpload: false,
      // uploadClass: "btn btn-info",
      // uploadLabel: "Upload",
      // uploadIcon: "<i class=\"fa fa-upload\"></i> ",
      previewTemplates: {
        image: '<div class="file-preview-frame" id="{previewId}" data-fileindex="{fileindex}">\n' +
                '   <img src="{data}" class="file-preview-image" title="{caption}" alt="{caption}" style="width: 200px;height: 200px;">\n' +
                '</div>\n',
    }
  });  

  $("#shop_image").fileinput({
      previewFileType: "image",
      allowedFileExtensions: ["jpg", "gif", "png"],
      browseClass: "btn btn-success",
      browseLabel: "Pick Image",
      browseIcon: "<i class=\"fa fa-image\"></i> ",
      removeClass: "btn btn-danger",
      removeLabel: "Delete",
      removeIcon: "<i class=\"fa fa-trash\"></i> ",
      showUpload: false,
      // uploadClass: "btn btn-info",
      // uploadLabel: "Upload",
      // uploadIcon: "<i class=\"fa fa-upload\"></i> ",
      previewTemplates: {
        image: '<div class="file-preview-frame" id="{previewId}" data-fileindex="{fileindex}">\n' +
                '   <img src="{data}" class="file-preview-image" title="{caption}" alt="{caption}" style="width: 200px;height: 200px;">\n' +
                '</div>\n',
    }
  });

  $(".order").fileinput({
      previewFileType: "mp3",
      allowedFileExtensions: ["mp3"],
      browseClass: "btn btn-success",
      browseLabel: "Pick Audio",
      browseIcon: "<i class=\"fa fa-image\"></i> ",
      removeClass: "btn btn-danger",
      removeLabel: "Delete",
      removeIcon: "<i class=\"fa fa-trash\"></i> ",
      showUpload: false,
      // uploadClass: "btn btn-info",
      // uploadLabel: "Upload",
      // uploadIcon: "<i class=\"fa fa-upload\"></i> ",
      previewTemplates: {
        image: '<div class="file-preview-frame" id="{previewId}" data-fileindex="{fileindex}">\n' +
                '   <img src="{data}" class="file-preview-image" title="{caption}" alt="{caption}" style="width: 200px;height: 200px;">\n' +
                '</div>\n',
    }
  });    

  // first input focus for all form
  $('form:first *input[data-behaviour!=datepicker]:input[type!=hidden]:first').focus();

// $(document).on("focus", "[data-behaviour~='datepicker']", function(e){
//   $(this).datepicker({"format": "yyyy-M-dd", "weekStart": 1, "autoclose": true});
//   $('.dropdown-toggle').dropdown();
// });
});

function export_to(path)
{
  var form_params = $("#frm_report").serialize();
  window.location = path+"?"+ form_params;
}