// 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_nested_form
//= require tether
//= require bootstrap/js/popper.min
//= require bootstrap/js/bootstrap-material-design.min
//= require jquery_ujs
//= require turbolinks
//= require cable
//= require settings/processing_items
//= require momentjs/moment
//= require bootstrap-material-datetimepicker/js/bootstrap-material-datetimepicker
//= require bootstrap/js/bootstrap.js
//= require multi-select/js/jquery.multi-select.js
//= require jquery-slimscroll/jquery.slimscroll.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 chartjs/Chart.bundle.js
//= require fileinput.min
//= require BSBMaterial/admin.js
//= require BSBMaterial/pages/index.js
//= require BSBMaterial/demo.js


$(document).on('turbolinks:load', function() {
    
    $('.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
    });
   
});

$(function(){

  $('body').bootstrapMaterialDesign();
  var height = ($(window).height() - ($('.legal').outerHeight() + $('.user-info').outerHeight() + $('.navbar').innerHeight()));

  $('#custom-slimscroll').slimScroll({
    height: height,
    size: '5px',
    color: 'rgba(0,0,0,0.5)',
    alwaysVisible: false,
    borderRadius: '0',
    railBorderRadius: '0'
  });

  $('#order-detail-slimscroll').slimScroll({
    height: height-180,
    size: '5px',
    color: 'rgba(0,0,0,0.5)',
    alwaysVisible: false,
    borderRadius: '0',
    railBorderRadius: '0'
  });

  // 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',
    }
  });

  $('.delete').click(function(){
    var method    = $(this).attr('data-method');
    var url       = $(this).attr('data-ref');
    var html_text = $( this ).siblings( "#delete_text" ).html();
    swal({
        title: "Confirmation",
        text: html_text,
        type: "warning",
        showCancelButton: true,
        confirmButtonColor: "#DD6B55",
        html: true
    }, function (isConfirm) {
        if (isConfirm) {
          $.ajax({
            type: method,
            url: url ,            
            success: function(data) {
            }
         }); 
        } else {
            swal("Cancelled", "Your imaginary file is safe :)", "error");
        }
    });
  });

  $('.dddddddd').click(function(){
      var currentForm = $(this).closest("form");
      bootbox.confirm({
        title: 'Confirmation',
        message: $('#delete_text').html(),
        buttons: {
            'cancel': {
                label: 'No',
                className: 'btn green col-md-4 pull-left'
            },
            'confirm': {
                label: 'Yes',
                className: 'btn red col-md-4 pull-right'
            }
        },
        callback: function(result) {
            if (result) {
                currentForm.submit();
            }
        }
    });
   });

});

$(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;
}