// 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 jquery-datatable/jquery.dataTables.js
//=require jquery-datatable/skin/bootstrap/js/dataTables.bootstrap.js
//=require jquery-datatable/extensions/export/dataTables.buttons.min.js
//=require jquery-datatable/extensions/export/buttons.flash.min.js
//=require jquery-datatable/extensions/export/jszip.min.js
//=require jquery-datatable/extensions/export/pdfmake.min.js
//=require jquery-datatable/extensions/export/vfs_fonts.js
//=require jquery-datatable/extensions/export/buttons.html5.min.js
//=require jquery-datatable/extensions/export/buttons.print.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 settings/processing_items
//= require BSBMaterial/admin.js
//= require BSBMaterial/demo.js
//= require custom.js

$(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: false,
      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',
    }
  });

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

/*Oqs Js file */


$(document).ready(function(){

  $(".nav-completed").on("click", function(){
       $("#completed").removeClass('hide')
       $(".oqs_append").addClass('hide')
    });

    $(".oqs_click").on("click", function(){
       $(".oqs_click").removeClass('oqs_active');
       $(".queue_station").removeClass('queue_station_box');
       $("#completed").addClass('hide');
       $(".oqs_append").removeClass('hide');
       $(this).addClass('oqs_active');
       $(".queue_station").addClass('queue_station_box');
       var oqs_id = $(this).find(".oqs-id").text();
       var url    = 'oqs/get_items/'+oqs_id;
      
       show_details(url);

    }); //End Click
 
  function show_details(url){  
     var oqs_append = $('.oqs_append');
     oqs_append.empty();
     var filter = $('.filter').text();
    //Start Ajax
    $.ajax({      
      type: "GET",         
      url: url, 
      data: {'filter':filter},
      dataType: "json",
      success: function(data) {
          for(var field in data) {
            var price = parseFloat(data[field].price).toFixed(2);

            if (data[field]["options"] == "[]" || data[field]["options"] == "") {
             var options = "";
            }else{
             var options = data.options;
            }

            var date = new Date(data[field]["created_at"]); 
          var show_date = date.getDate() + "-" + date.getMonth() + "-" + date.getFullYear() + ' ' +  date.getHours()+ ':' +  date.getMinutes();
             
            row ='<div class="card queue_station" data-date="'+data[field]["order_id"]+'">'
                    +'<div class="card-block">'
                        +'<h4 class="card-title">'
                          +'<span class="order-zone-type">'+data[field]["table_type"]+'- </span>'
                          +'<span class="order-zone">'+ data[field]["zone"] +'</span>'
                          +'<small class="pull-right">'+ data[field]["order_id"] +'- </small>'
                        +'</h4>'

                        +'<h4>'
                          +'<span class="order-item">'+ data[field]["item_name"] +'- </span>'
                          +'<span class="order-qty">'+ data[field]["qty"] +'- </span>'
                        +'</h4>'

                        +'<p class="card-text item-options">'+ options +'</p>'

                        +'<p class="card-text">'
                          +'<small class="text-muted">Order at'
                            +'<span class="order-at">'+ show_date +'</span> - '

                            +'<span class="order-by">'+ data[field]["item_order_by"] +'</span> '
                            +'</small> '
                        +'</p>'

                        +'<p class="hidden order-customer">'+ data[field]["customer_name"] +'</p> '
                        +'<p class="hidden assigned-order-item">'+ data[field]["assigned_order_item_id"] +'</p> '
                    +'</div>'

                    +'<div class="card-footer">'
                        +'<button id="edit_'+ data[field]["assigned_order_item_id"]+'" class="btn btn-warning order-item order-item-edit">EDIT</button>'
                        +' <button id="assigned_queue_' + data[field]["assigned_order_item_id"] +'" class="btn btn-primary order-item order-complete">COMPLETE</button>'
                    +'</div>'

                +'</div>'; 
                    
                   
                   
              $('.oqs_append').append(row);
          }
          
       }
    });
    //end Ajax 

  }

  $(document).on('click', '.queue_station', function(event){ 
      var orderZone=$(this).children().children().children('.order-zone').text().trim();
      // var orderItem=$(this).children().children().children('.order-item').text();
      var assigned_item_id = $(this).children().find(".assigned-order-item").text();
      var orderQty = $(this).children().children().children('.order-qty').text();   
      var orderBy = $(this).children().children().children().children('.order-by').text();
      var orderAt = $(this).children().children().children().children('.order-at').text();
      var orderCustomer = $(this).children().children('.order-customer').text();
      var order_status = $(this).children().children('.order-status').text();

      $('#order-title').text("ORDER DETAILS - " + orderZone);
      $('#order-by').text(orderBy);
      $('#order-at').text(orderAt);
      $('#order-customer').text(orderCustomer);
      $('#order-from').text(orderZone);
      // clear order items
    $("#oqs-order-details-table").children("tbody").empty();
      // Call get_order_items() for Order Items by dining
      $.ajax({
        type: 'GET',
        url: '/oqs/' + orderZone,
        data: { 'status' : order_status },
        success: function(res){         
          for (i = 0; i < res.length; i++) {            
            var data = JSON.stringify(res[i]);  
              var parse_data = JSON.parse(data); 
              
            var order_item_row = "<tr>" +
                              "<td class='order-items' style='width:80%; text-align:left'>" + parse_data.item_name + "</td>" +
                              "<td class='order-qty' style='width:20%; text-align:right'>" + parse_data.qty + "</td>" +
                             "</tr>";
                  $("#oqs-order-details-table").children("tbody").append(order_item_row);
          }         
        }
      })

      // $('#order-items').text(orderItem);
      // $('#order-qty').text(orderQty);

      $('.queue_station').removeClass('selected-item');
      $(this).addClass('selected-item');
  });

    $(document).on('click', '.order-item-edit', function(event){ 
    var _self = $(this);  // To know in ajax return
      var assigned_item_id=$(this).attr('id').substr(5);
      window.location.href = '/oqs/'+ assigned_item_id  + "/edit"
  });

    // complete for queue item
 
    $(document).on('click', '.order-complete', function(event){ 
      //e.preventDefault();
      var _self = $(this);  // To know in ajax return
      var assigned_item_id=$(this).attr('id').substr(15);
      var params = { 'id':assigned_item_id };
      
      // Call update_delivery_status() for changed delivery and move to delivery   
      $.ajax({
        type: 'POST',
        url: '/oqs/update_delivery',
        data: params,
        dataType: 'json',
        success: function(data){
          for (i = 0; i < data.length; i++) {
            var queue_station = $('#assigned_queue_' + data[i]).parent().parent(".queue_station");
            var station = queue_station.parent().parent().attr('id');

            // Remove a queue card from current station
            queue_station.remove();

            // Remove a queue card from current station
            queue_station.children('.card-footer').remove();

            // Add removed queue card from station to completed
            $("#completed").children('.card-columns').append(queue_station);

            // update queue item count in each station
            var station_count=parseInt($("#"+station+"_count").text()) - 1;
            $("#"+station+"_count").text(station_count);
          }

          // update queue item count in completed station
          $("#completed_count").text(parseInt($("#completed_count").text()) + data.length);

          alert("updated!");
          // Page reload
        location.reload();
        }
      });
    });

    // Print Order Item
    $(document).on('click', '#print_order_item', function(event){ 
      var assigned_item_id = $('.selected-item').children('.card-block').children('.assigned-order-item').text();
      var options = $('.selected-item').children('.card-block').find('.item-options').text();
      var params = { 'options':options };

      $.ajax({
      type: 'GET',
        url: '/oqs/print/print/'+assigned_item_id,
        success: function(data){  }
      });
    });

    // Print Order Summary
    // $('#print_order_summary').on('click',function(){
    $(document).on('click', '#print_order_summary', function(event){
      var table_name=$('.selected-item').children().children().children('.order-zone').text().trim();
      var assigned_item_id=$('.selected-item').children('.card-block').children('.assigned-order-item').text();
      var params = { 'table_name':table_name };
      $.ajax({
      type: 'GET',
        url: '/oqs/print/print_order_summary/'+assigned_item_id,
        data: params,
        success: function(data){  }
      });
    });

  // Qty update for OQS Edit Controller
  $('#qty-update').on('click', function(){
    var qty_weight = $("input[name='qty_weight']").val();
    var remarks = $("textarea[name='remarks']").val();
    var order_items_id = $(this).attr('data-id');
    var params = { 'order_items_id': order_items_id, 'qty_weight': qty_weight, 'remarks': remarks }
    $.ajax({
      type: 'POST',
      url: '/oqs/' + order_items_id,
      data: params,
      success: function(result){
        alert("Updated!");
        window.location.href = '/oqs';
      }
    });
  });
  $(function () {
    $('.js-basic-example').DataTable({
        responsive: true,             
bLengthChange: false
    });

    //Exportable table
    $('.js-exportable').DataTable({
        dom: 'Bfrtip',
        responsive: true,
        buttons: [
            'copy', 'csv', 'excel', 'pdf', 'print'
        ]
    });
});
});