//middle edit
$(function() {
  var role = $('#role').val();
  var second_display_lookup = $("#display_type").val();
  type = window.location.href.indexOf("quick_service") || window.location.href.indexOf("food_court");
  modify_order = window.location.href.indexOf("modify_order");

  //click menu sidebar menu category
  $(".product").on("click", function(){
    var url = $(this).attr('data-ref');
    show_product_list(url);
  });
  //show menu item list when click menu category
  function show_product_list(url_item){

    var menu_list = $('.menu_items_list');
    menu_list.empty();

        if (type != -1 && modify_order != -1) {
          url_item = '../../../../../'+url_item;
        }
        if(modify_order == -1 && type != -1){
          url_item = '../../../../'+url_item;
        }
        if (type ==-1 && modify_order == -1){
          url_item = url_item
        }
    //Start Ajax
    $.ajax({
      type: "GET",
      url: url_item,
      data: {},
      dataType: "json",
      success: function(data) {

        var menu_items_list = $('.menu_items_list');
        menu_items_list.empty();
        product = data;

        for(var field in product) {
          if (product[field].unit_price > 0) {
            qty             = 1;
            options         = [];
            item_attributes = [];

            if (product[field].image_path.url) {
              if (type != -1 && modify_order != -1) {
                image_path = '../../'+product[field].image_path.url;
              }
              if(modify_order == -1 && type != -1){
               image_path = '../../../../'+product[field].image_path.url;
              }
              if (type ==-1 && modify_order == -1){
                image_path = product[field].image_path.url;
              }


            row = '<div class="col-md-6 col-sm-6 col-lg-3 mt-3">'
                  +'<div class="card custom-card testimonial-card fadeInRight" style="height:100%;background-image:url(../../'+image_path+');background-repeat: no-repeat;">'
                   +'<div class="custom-card-head card-head row" style="line-height:14px;margin:0px;" style="">'
                      +'<div class="col-md-10">'+ product[field].name +'</div>'

                     +'</div>'

                  +"<div class='add_icon product_item p-t-65 p-b-65'  data-item-code='"
                        + product[field].item_code +"' data-name='"
                        + product[field].name +"' data-qty = '"+ qty +"' data-price = '"
                        + product[field].unit_price +"' data-instance-code = '"+ product[field].item_code +"' data-instances = '"
                        + product[field].name +"' data-promotion-price = '"+ 1 +"' data-attributes = '"
                        + JSON.stringify(item_attributes) +"' data-options = '"
                          + JSON.stringify(options) +"' data-id = '"+ JSON.stringify(item_attributes) +"' data-opt = '"
                          + JSON.stringify(options) +"' data-image='"+image_path+"' data-toggle='modal' data-target='.sx_item_detailModal'>"
                  +'</div>'
                    +'<div class="card-footer custom-card-footer custom-flex-footer">'
                      +'<span style="font-weight:900;flex-grow:1;">'+ product[field].unit_price +'</span>'
                      +"<div class='offset-4 col-2 menu_item_box' data-item-code='"
                          + product[field].item_code +"' data-instance = '"
                          +JSON.stringify(item_attributes)+"' data-id = '"
                          +JSON.stringify(item_attributes)+"' data-item = '"
                          +JSON.stringify(item_attributes)+"' data-option = '"
                          +JSON.stringify(options)+"'data-opt = '"
                          +JSON.stringify(options)+"' data-item-sets = '"
                          +JSON.stringify(item_attributes)+"' data-image='"+image_path+"' data-toggle='modal' data-target='.sx_item_detailModal'>"
                            +"<i class='fa fa-bars material-icons m-l--10'>"
                            +'view_list</i>'
                      +'</div>'
                    +'</div>'

                  +'</div>';
                }
                else
                {
                  row = '<div class="col-md-6 col-sm-6 col-lg-3 mt-1">'
                  +'<div class="card custom-card testimonial-card fadeInRight" style="height:100%;">'
                   +'<div class="custom-card-head custom-card-no-img-head card-head row" style="margin:0px;display:flex;!important">'
                      +"<div class='col-12 add_icon product_item p-t-65 p-b-65'  data-item-code='"
                        + product[field].item_code +"' data-name='"
                        + product[field].name +"' data-qty = '"+ qty +"' data-price = '"
                        + product[field].unit_price +"' data-instance-code = '"+ product[field].item_code +"' data-instance = '"
                        + product[field].name +"' data-promotion-price = '"+ 1 +"' data-attributes = '"
                        + JSON.stringify(item_attributes) +"' data-id = '"+ JSON.stringify(item_attributes) +"' data-options = '"
                          + JSON.stringify(options) +"' data-opt = '"
                          + JSON.stringify(options) +"' data-image='' data-toggle='modal' data-target='.sx_item_detailModal'>"
                    +'<div class="product_box">'+ product[field].name +'</div>'
                    +'</div>'


                     +'</div>'

                  +"<div class='add_icon' product_item data-item-code='"
                        + product[field].item_code +"' data-name='"
                        + product[field].name +"' data-qty = '"+ qty +"' data-price = '"
                        + product[field].unit_price +"' data-instance-code = '"+ product[field].item_code +"' data-instance = '"
                        + product[field].name +"' data-promotion-price = '"+ 1 +"' data-attributes = '"
                        + JSON.stringify(item_attributes) +"' data-options = '"
                          + JSON.stringify(options) +"' data-opt = '"
                          + JSON.stringify(options) +"' data-image=''>"

                  +'</div>'

                    +'<div class="card-footer custom-card-no-img-footer custom-flex-footer">'
                      +'<span style="font-weight:900;flex-grow:1;">'+ product[field].unit_price +'</span>'
                      +"<div class='offset-4 col-2 menu_item_box menu_item_no_img_box' data-item-code='"
                          + product[field].item_code +"' data-instance = '"
                          +JSON.stringify(item_attributes)+"' data-id = '"
                          +JSON.stringify(item_attributes)+"' data-item = '"
                          +JSON.stringify(item_attributes)+"' data-option = '"
                          +JSON.stringify(options)+"'data-opt = '"
                          +JSON.stringify(options)+"' data-item-sets = '"
                          +JSON.stringify(item_attributes)+"' data-image='' data-toggle='modal' data-target='.sx_item_detailModal'>"
                            +"<i class='fa fa-bars material-icons m-l--10'>"
                            +'view_list</i>'
                      +'</div>'
                    +'</div>'

                  +'</div>';
                }
            $('.menu_items_list').append(row);
          }
        }
      }
    });
    //end Ajax
  }
  //end show list function
  //click menu sidebar menu category
  $(document).on('click', '.menu_category', function(e){
    e.preventDefault();
    $('.sub_category_list').addClass("hidden");
    var menu_id = $(this).attr("data-id");
    var url     = "get_menu_category/"+menu_id;
    show_menu_item_list(url,menu_id);
    var sub_id  = $(this).attr("data-sub-id");
    if (sub_id == "true") {
      var sub_url = "get_menu_sub_category/"+menu_id;
      sub_category = $(this).siblings('.sub_category_list');
      show_sub_category_list(sub_url,sub_category,menu_id);
    }
  });
  //End menu category Click

  //click menu sidebar menu category
  $(document).on('click', '.menu_sub_category', function(event){
  //   event.preventDefault();
  // $(".menu_sub_category").on("click", function(){
    $('.sub_category_list').addClass("hidden");
    var menu_id = $(this).attr("data-id");
    var url     = "get_menu_category/"+menu_id;
    show_menu_item_list(url,menu_id);
  });
  //End menu category Click

  //show menu item list when click menu category
  function show_menu_item_list(url_item,menu_id){
    var menu_list = $('.menu_items_list');
    menu_list.empty();

    menus = JSON.parse(localStorage.getItem("menus"));
    if (menus != null) {
      for(var i in menus) {
        var categories = menus[i]["categories"];
        for(var ii in categories) {
          if (categories[ii]["id"] == menu_id) {
            var menu_items = categories[ii]["items"];
            show_menu_list(menu_items);
          }
        }
      }
    }else{

      type = window.location.href.indexOf("quick_service") || window.location.href.indexOf("food_court");
      modify_order = window.location.href.indexOf("modify_order");

      if (type != -1 && modify_order != -1) {
        url_item = '../../../addorders/'+url_item;
      }if(modify_order == -1 && type != -1){
        url_item = 'addorders/'+url_item;
      }
      if (type ==-1 && modify_order == -1){
        url_item = url_item;
      }

      //Start Ajax
      $.ajax({
        type: "GET",
        url: url_item,
        data: {},
        dataType: "json",
        success: function(data) {
          var menu_items_list = $('.menu_items_list');
          menu_items_list.empty();
          menu_items = data.menu_items;
          show_menu_list(menu_items);
        }
      });
      //end Ajax
    }
  }
  //end show list function
  //click item row for item set
  $(document).on('click', '.set_item_box', function(event){
    $(".instance-list").empty();
    $(".options-list").empty();
    $(".selected-set-list").empty();
    $('.set_change_qty').val(1);
    change_qty_plus_minus("set_count","set_plus","set_minus");
    data =  $(this).parent().children().children('.add_icon');
    // data =  $(this).parent().siblings('.add_icon');
    //instances          = $(this).data('instance');
    item_sets          = $(this).data('item-sets');
    instances          = $(this).data('instances');
    item_options       = $(this).data('options');


    for(var field in item_sets) {

      $('.set_order').attr('data-min-qty',item_sets[field]["min_selectable_qty"]);

      value = item_sets[field]["instances"];
      $(value).each(function(i){
        menus = JSON.parse(localStorage.getItem("menus"));
        if (menus != null) {
          for(var j in menus) {
            var categories = menus[j]["categories"];
            for(var ii in categories) {
              var items = categories[ii]["items"];
              for(var iii in items) {
                var result = items[iii]["instances"];
                for(var v in result) {
                 if (value[i]["id"] == result[v]["id"]) {
                  if (result[v].out_of_stock) {
                    price_tag = '<span class="text-danger">out of stock</span>'
                    pointer_event = 'none'
                    opacity = '0.5'
                  }
                  else {
                   price_tag = '<span>'+result[v]["price"]+'</span>'
                   pointer_event = 'auto'
                    opacity = ''
                  }

                   row = '<div class="col-md-4 " style="pointer-events: '+pointer_event+'; opacity: '+opacity+'">'
                          +"<div class='card custom-card instance_box' data-name='"+result[v]["name"]
                              +"' data-code='"+result[v]["code"]
                              +"' data-price='"+result[v]["price"]
                              +"' data-option='"+JSON.stringify(items[iii]["options"])
                              +"' data-min-qty='"+item_sets[field]["min_selectable_qty"]
                              +"' data-max-qty='"+item_sets[field]["max_selectable_qty"]
                              +"' data-parent-code='"+instances[0]['code']
                              +"' data-parent-id='"+instances[0]['id']
                              +"' data-sub-item='true"
                              +"'>"
                            +'<div class="custom-card-head card-head" style="line-height:14px;">'
                               +'<span class="">'+result[v]["name"]+'</span>'
                            +'</div>'
                            +'<div class="card-block custom-card-block">'
                              +'<img id="" src="/image/logo.png" height="40px">'
                              +' <small style="float:" id="instance_option"></small>'
                            +'</div>'
                            +'<div class="card-footer custom-card-footer">'
                               +price_tag
                               // +' <small style="float:right" id="instance_option"></small>'
                            +'</div>'
                          +'</div>'
                        +' </div>'
                    $(".instance-list").append(row);
                 }
                }
              }
            }
          }
        }else{
          type = window.location.href.indexOf("quick_service") || window.location.href.indexOf("food_court");
         modify_order = window.location.href.indexOf("modify_order");
          if (type != -1 && modify_order != -1) {
            url = '../../../addorders/get_item_instance/'+value[i]["id"];
          }
          if(modify_order == -1 && type != -1){
            url = 'addorders/get_item_instance/'+value[i]["id"] ;
          }
          if (type ==-1 && modify_order == -1){
            url   = '../addorders/get_item_instance/'+value[i]["id"];
          }
          $.ajax({
            type: "GET",
              url: url,
              // data: {id:value[i]},
              success:function(result){

                  row = '<div class="col-md-4 " >'
                          +"<div class='card custom-card instance_box' data-name='"+result["name"]
                              +"' data-code='"+result["code"]
                              +"' data-price='"+result["price"]
                              +"' data-option='"+JSON.stringify(result["options"])
                              +"' data-min-qty='"+item_sets[field]["min_selectable_qty"]
                              +"' data-max-qty='"+item_sets[field]["max_selectable_qty"]
                              +"' data-parent-code='"+instances[0]['code']
                              +"' data-parent-id='"+instances[0]['id']
                              +"' data-sub-item='true"
                              +"'>"
                            +'<div class="custom-card-head card-head" style="line-height:14px;">'
                               +'<span class="">'+result["name"]+'</span>'
                            +'</div>'
                            +'<div class="card-block custom-card-block">'
                              +'<img id="" src="/image/logo.png" height="40px">'
                              +' <small style="float:" id="instance_option"></small>'
                            +'</div>'
                            +'<div class="card-footer custom-card-footer">'
                               +' <span>'+result["price"]+'</span>'
                               // +' <small style="float:right" id="instance_option"></small>'
                            +'</div>'
                          +'</div>'
                        +' </div>'

                $(".instance-list").append(row);
              }
          });
        }
      });
    }
    for(var j in item_options) {
      value = item_options[j]["values"];
      type  = item_options[j]["type"];
      row = "<h4>"+type+"</h4>"
      $(value).each(function(i){
        row +="<button class='btn btn- waves-effect check_option_btn "+ type +"' data-type='"
        +type+"' data-value='"+value[i]+"' data-group='set_menu_default'>"+value[i]+"</button>";
      });
      $(".options-list").append(row);
    }
     $('.set-item').attr('data-code',instances[0]['code']);
     $('.set-item').attr('data-name',instances[0]['name']);
     $('.set-item').attr('data-price',instances[0]['price']);
     $('.set-item').attr('data-options','');
     $('.set-item').attr('data-parent',true);

    $('#set_change_qty').val(1);
    $('#set_item_instances').text(instances);
    $('#set_name').text($(this).attr('data-name'));
    $('#set_item_code').text($(this).attr('data-item-code'));
     $('#set_total_price').text($(this).attr('data-price'));
    // $('#set_total_price').text(0);
    $('#set_unit_price').text($(this).attr('data-price'));
    // $('#set_unit_price').text(0);
  });
  // click instance for add item set
  $(document).on('click', '.instance_box', function(event){

      $(".options-list").empty();

      rowCount     = $('.selected-instance');
      setCount     = $('.selected-set');
      item_options = $(this).data('option');

      min_qty      = $(this).data('min-qty');
      max_qty      = $(this).data('max-qty');

      code = $(this).data('code');

      if (rowCount.length+1 <= max_qty) {
        for(var field in item_options) {
            value = item_options[field]["values"];
            type  = item_options[field]["type"];
            row = "<p style='font-size:16px;margin-bottom:3px'>"+type+"</p>"
            $(value).each(function(i){
              row +="<button class='btn btn-default btn-sm check_option_btn "+ type +"' data-type='"
              +type+"' data-value='"+value[i]+"' data-code='"+code+"' data-group='set_menu'>"
              +value[i]+"</button>";
            });
            $(".options-list").append(row);
        }
      }
        // if($(this).hasClass('selected-instance') == true){
        //   sub_total       = $('#set_total_price').text();
        //   name            = $(this).data('name');
        //   price           = $(this).data('price');
        //   // qty             = $('#set_change_qty').val();
        //   qty             = document.getElementById("set_count").value;
        //   total           = qty*price;
        //   var total_price = +sub_total - +total;
        //   $(this).removeClass('selected-instance');
        //   $(".options-list").empty();
        //   $(this).removeAttr('data-options');
        //   $('#instance_option').text('')
        // }else {
          if (setCount.length+1 <= max_qty) {
            sub_total       = $('#set_total_price').text();
            name            = $(this).data('name');
            price           = $(this).data('price');
            options         = $(this).attr('data-options','[]');
            // qty             = $('#set_change_qty').val();
            qty             = document.getElementById("set_count").value;
            total           = qty*price;
            var total_price = +sub_total + +total;
            $(this).addClass('selected-instance');

            set = "<div class='selected-set card custom-card' style='margin-bottom:10px !important'"
                            +"' data-name='"+$(this).data('name')
                            +"' data-code='"+code
                            +"' data-price='"+$(this).data('price')
                            +"' data-option='[]"
                            +"' data-options='"+JSON.stringify($(this).data('options'))
                            +"' data-min-qty='"+$(this).data('min-qty')
                            +"' data-max-qty='"+$(this).data('max-qty')
                            +"' data-parent-code='"+$(this).data('parent-code')
                            +"' data-parent-id='"+$(this).data('parent-id')
                            +"' data-sub-item='true"
                            +"'>"

                          +'<div class="card-block" style="background-color:#54A5AF;">'
                          +' <button type="button" class="close" id="remove_set" style="font-size: 20px;">&times;</button>'
                             +'<span style="color:#fff">'+$(this).data('name')+'</span>'
                          +'</div>'
                          +'<div class="card-block custom-card-block">'

                            +' <small style="float:" id="instance_option"></small>'
                          +'</div>'
                          // +'<div class="card-footer custom-card-footer">'
                          //    +' <span>'+$(this).data('price')+'</span>'
                          //    // +' <small style="float:right" id="instance_option"></small>'
                          // +'</div>'
                        +'</div>'
              $(".selected-set-list").append(set);
          }else{
             swal("Alert !", 'Maximum Select is  ' + max_qty + "  items", "warning");
          }
        // }
        $('#set_unit_price').text(price);
        $('#set_total_price').text(total_price);

  }); //End selecct attribute buttom

  // click add order
  $(document).on('click', '#remove_set', function(event){
    code = $(this).parent().parent('.selected-set').attr('data-code');
     instance    = $(".selected-instance");
       $(instance).each(function(i){
         if ($(instance[i]).attr('data-code')==code){
           $(instance[i]).removeClass("selected-instance")
        }
       });
       $(this).parent().parent('.selected-set').remove();
  });

  // click add order
  $(document).on('click', '.set_order', function(event){
    total_price   = $('#set_total_price').text();
    qty           = parseInt($('#set_count').val());
    item_code     = $('#set_item_code').text();
    item_name     = $('#set_name').text();
    min_qty       = $(this).data('min-qty');

    default_instance = $('.set-item');

    var items  = $('.selected-set');
    if (items.length >= min_qty) {
     if ($('#server_mode').val() != "cloud" && second_display_lookup == 2) {
      item = get_set_item(items);
      customer_display_view(item,"set_add");
     }
      var option = []
      attribute_arr = []

      var rowCount = $('.summary-items tbody tr').length+1;
        code          = $('.set-item').attr('data-code');
        name          = $('.set-item').attr('data-name');
        price         = $('.set-item').attr('data-price');
        option_name   = ($('.set-item').attr('data-options') === 'undefined') ? ' ' :$('.set-item').attr('data-options');
        option        = ($('.set-item').attr('data-options') === '') ? '[]' :$('.set-item').attr('data-options');
        parent        = $('.set-item').attr('data-parent');
        total         = qty * price ;
        row ="<tr class='item_box' data-price ='"
              +price+ "' data-toggle='modal' data-target='#sx_itemModal' data-instance ='"
              +name+ "' data-code='"+item_code+"' data-instance-code='"
              +code+"' data-attributes='"
              +attribute_arr+"' data-options ='"
              +option+"' data-row ='"+rowCount+ "' data-parent ='"+parent+ "'>"
          +'<td class="item-cell-no">'+rowCount+'</td>'
          +'<td class="item-cell-name" id="item_name" >' + item_name+ ' ' + name +' ' + option_name +'</td>'
          +'<td class="item-cell-qty" id="item_qty">' + qty + '</td>'
          +'<td class="item-cell-price" id="item_price">'
          + parseFloat(total).toFixed(2)
          +'</td>'
          +'</tr>';
          $(".summary-items tbody").append(row);
      var rowCount = $('.summary-items tbody tr').length+1;
      var set_option = []
      $(items).each(function(i){
        code              = $(items[i]).attr('data-code');
        name              = $(items[i]).attr('data-name');
        price             = $(items[i]).attr('data-price');
        set_option_name   = ($(items[i]).attr('data-options') === 'undefined') ? '' :$(items[i]).attr('data-options');
        set_option        = ($(items[i]).attr('data-options') === 'undefined') ? '[]' :$(items[i]).attr('data-options');
        sub_item          = $(items[i]).attr('data-sub-item');
        total             = qty * price ;

        row ="<tr class='item_box' data-price ='"
              +price+ "' data-toggle='modal' data-target='#sx_itemModal' data-instance ='"
              +name+ "' data-code='"+item_code+"' data-instance-code='"
              +code+"' data-attributes='"
              +attribute_arr+"' data-options ='"
              +set_option+"' data-row ='"+rowCount+ "' data-sub-item ='"+sub_item+ "'>"
          +'<td class="item-cell-no">'+rowCount+'</td>'
          +'<td class="item-cell-name" id="item_name" >' + item_name+ ' ' + name +' ' + set_option_name +'</td>'
          +'<td class="item-cell-qty" id="item_qty">' + qty + '</td>'
          +'<td class="item-cell-price" id="item_price">'
          + parseFloat(total).toFixed(2)
          +'</td>'
          +'</tr>';
          $(".summary-items tbody").append(row);
        rowCount = rowCount + 1;
      });

      calculate_sub_total();
      $(".sx_item_set_detailModal").css({ 'display': "none" });
    }else{
      $(".sx_item_set_detailModal").css({ 'display': "block" });
      swal("Alert !", 'Please Select Minimum ' + min_qty + " items", "warning");
     //  $.alert({
     //     title: 'Alert!',
     //     content: 'Please Select Minimum ' + min_qty + " items",
     //     type: 'red',
     //     typeAnimated: true,
     //     btnClass: 'btn-danger',
     // });
    }

  }); //End add order  Click

  //click item row for add order
  $(document).on('click', '.menu_item_box', function(event){
    attributes         = $(this).data('id');
    selected_item      = $(this).data('item');
    instances          = $(this).data('instance');
    item_options       = $(this).data('option');
    data =  $(this).parent().siblings('.add_icon');

    show_attribute_selection_modal(attributes, selected_item, instances, item_options, data)

  });

  // click plus icon for add
  $(document).on('click', '.add_icon', function(event){

    if (window.location.pathname.includes('out_of_stock') == false) {
      
      if($(this).hasClass('product_item')) {
        $('.sx_item_detailModal').modal('hide');

        var item_data = $(this);
        code = $(this).data('instance-code');

        if ($('#server_mode').val() != "cloud" && second_display_lookup == 2) {
          item = get_item(item_data,"add_icon");
          customer_display_view(item,"add");
        }
        show_item_detail(item_data,"add_icon");
        calculate_sub_total();
        autoScrollToItem(code)

        return
      }

      if ($(this).data('instances').length == 1) {

        $('.sx_item_detailModal').modal('hide');

        if ($(this).data('instances')[0].out_of_stock == false ) {
          var item_data = $(this);
          code = $(this).data('instance-code');

          if ($('#server_mode').val() != "cloud" && second_display_lookup == 2) {
            item = get_item(item_data,"add_icon");
            customer_display_view(item,"add");
          }
          show_item_detail(item_data,"add_icon");
          calculate_sub_total();
          autoScrollToItem(code)

        }
        return

      } else {
        count = 0
        for (var i in $(this).data('instances')) {
          if(!$(this).data('instances')[i].out_of_stock) {
            count += 1;
          }
        }

        if (count === 1) {
          $('.sx_item_detailModal').modal('hide');

          var item_data = $(this);
          code = $(this).data('instance-code');

          if ($('#server_mode').val() != "cloud" && second_display_lookup == 2) {
            item = get_item(item_data,"add_icon");
            customer_display_view(item,"add");
          }
          show_item_detail(item_data,"add_icon");
          calculate_sub_total();
          autoScrollToItem(code)
          return
        }

        attributes         = $(this).data('id');
        selected_item      = $(this).data('attributes');
        instances          = $(this).data('instances');
        item_options       = $(this).data('options');
        data               = $(this)

        show_attribute_selection_modal(attributes, selected_item, instances, item_options, data)
      }
    }
  }); //End Add Icon Click

  function show_attribute_selection_modal(attributes, selected_item, instances, item_options, data) {
    $('.attributes-list').empty();
    $('.options-list').empty();
    $('#modal_box_img').empty();
    $('.attr-alert').addClass('hide');
    $('.add_to_order').removeAttr('data-instance-code');
    $('.add_to_order').removeAttr('data-instance');
    $('.add_to_order').removeAttr('data-price');
    $('.add_to_order').removeAttr('data-promotion-price');
    $('.add_to_order').removeAttr('data-item-code');
    $('.add_to_order').removeAttr('data-qty');
    $('.add_to_order').removeAttr('data-name');
    $('.add_to_order').removeAttr('data-attributes');
    $('.add_to_order').removeAttr('data-options');
    $('.add_to_order').removeAttr('disabled');
    $('#minus').removeAttr('disabled');
    $('#plus').removeAttr('disabled');
    $('#count').removeAttr('readonly');
    $('#wanring_text').text('');
    $('#total_price').text(0.0);

    $('#count').val(1);
    change_qty_plus_minus("count","plus","minus");

    if (data.attr('data-image')) {
      if (modify_order) {
        image = "<img id='' width='200px' src='../../"+data.attr('data-image')+"'>";
      }else{
        image = "<img id='' width='200px' src='"+data.attr('data-image')+"'>";
      }

    }else{
      if (modify_order) {
        image = "<img id='' width='200px' src='../../image/logo.png'>";
      }else{
        image = "<img id='' width='200px' src='/image/logo.png'>";
      }

    }

    $('#modal_box_img').append(image);

    instance_attributes = []
    oos_values = ''
    total_price = 0

    for(var field in instances) {
      if (instances[field].out_of_stock) {
        oos_values = instances[field].values;
        $('#add_to_order').attr('disabled', true);
        $('#minus').attr('disabled', true);
        $('#plus').attr('disabled', true);
        $('#count').attr('readonly', true)
      } else {
        $('.add_to_order').removeAttr('disabled');
        $('#minus').removeAttr('disabled');
        $('#plus').removeAttr('disabled');
        $('#count').removeAttr('readonly');
      }

      value = instances[field].values;
      $(value).each(function(i){
         options = value[i];
         instance_attributes.push(options);
      });
    }

    selected_item = selected_item.sort()

    if(oos_values) {
      oos_values = oos_values.sort()
    }

    if (attributes.length === 0) { // for product_box
      total_price = data.attr('data-price');
    }

    for(var field in attributes) {
      value = attributes[field]["values"];
      type  = attributes[field]["type"];
      row = "<h5>"+attributes[field]["type"]+"</h5>";

      $(value).each(function(i){
        disabled = "false";
        status ="";

        if(parseInt(jQuery.inArray(value[i], selected_item)) !== -1){
          if(JSON.stringify(oos_values) != JSON.stringify(selected_item)) {
            status = "selected-attribute";
            total_price = data.attr('data-price')
          }
        }

        if(parseInt(jQuery.inArray(value[i], instance_attributes)) == -1){
         // disabled = "disabled";
        }

        row +="<button id='selected-attribute' data-instances='"+JSON.stringify(instances)+"' data-type='"
        +type+"' data-value='"+value[i]+"' class='btn btn- waves-effect attribute_btn "
        + status +" "+ type +" '"
        + "data-attributes = '"+ JSON.stringify(attributes) +"'"
        + disabled +" >"
        +value[i]
        +"</button>";
      });

      $(".attributes-list").append(row);
    }

    for(var field in item_options) {
      value = item_options[field]["values"];
      type  = item_options[field]["type"];
      row = "<h4>"+type+"</h4>"
      $(value).each(function(i){
        row +="<button class='btn btn- waves-effect check_option_btn "+ type +"' data-type='"
        +type+"' data-value='"+value[i]+"' data-group='simple_menu'>"+value[i]+"</button>";
      });
      $(".options-list").append(row);
    }

   // $('#count').val(1);
    $('#item_instances').text(instances);
    $('#title_name').text(data.attr('data-name'));
    $('#item_code').text(data.attr('data-item-code'));
    $('#instance_name').text(data.attr('data-instance'));
    $('#instance_code').text(data.attr('data-instance-code'));
    $('#promotion_price').text(data.attr('data-promotion-price'));
    $('#total_price').text(total_price);
    $('#unit_price').text(data.attr('data-price'));
  }

  // click select option icon for add
  $(document).on('click', '.attribute_btn', function(event){

    $('.attributes-list button').removeClass('bg-gray box-shadow-none');

    // $('.change_qty').val(1);
    value      = $(this).data('value');
    type       = $(this).data('type');
    instances  = $(this).data('instances');
    item_attributes = $(this).data('attributes');

    attributes = $(".attribute_btn");
    $(attributes).each(function(i){
      if ($(attributes[i]).attr('data-type')==type){
        $('.'+type).removeClass("selected-attribute");
      }
    });
    $(this).addClass('selected-attribute');

    var selected_attr = get_selected_attributes('selected-attribute');

    qty = $('.change_qty').val();

    if($('#total_price').text() > 0) {
      $('#add_to_order').removeAttr('disabled')
      $('#total_price').text(0.0)
    }

    var equal = false;
    for(var field in instances) {
      item_attr = instances[field].values;
      item_attr = item_attr.sort()
      selected_attr = selected_attr.sort()
      if(JSON.stringify(item_attr) == JSON.stringify(selected_attr)){
        if (instances[field].out_of_stock) {
          total_price = instances[field].price;
          $('#total_price').text(total_price);
          $('#wanring_text').text('')
          $('#wanring_text').append('<strong>Out of stock</strong>')
          $('#add_to_order').attr('disabled', true)
          $('#minus').attr('disabled', true);
          $('#plus').attr('disabled', true);
          $('#count').attr('readonly', true)
          return
        } else {
          equal = true
          unit_price = instances[field].price ;
          total_price = qty * unit_price ;
          $('#instance_name').text(instances[field].name);
          $('#instance_code').text(instances[field].code);
          $('#promotion_price').text(instances[field].promotion_price);
          $('#total_price').text(total_price);
          $('#unit_price').text(unit_price);
        }
      }
    }

    if (equal) {
      $('#wanring_text').text('');
      $('#add_to_order').removeAttr('disabled');
      $('#minus').removeAttr('disabled');
      $('#plus').removeAttr('disabled');
      $('#count').removeAttr('readonly')
    } else {
      $('#wanring_text').text('')
      $('#wanring_text').append('<strong>Not available</strong>')
      $('#add_to_order').attr('disabled', true)
      $('#minus').attr('disabled', true);
      $('#plus').attr('disabled', true);
      $('#count').attr('readonly', true)
    }

  }); //End selecct attribute buttom

  // click select option icon for add
  $(document).on('click', '.option_btn', function(event){
    active =$(this).hasClass('selected-option');
    value      = $(this).data('value');
    type       = $(this).data('type');
    group      = $(this).data('group');
    options    = $(".option_btn");
    $(options).each(function(i){
      if ($(options[i]).attr('data-type')==type){
        $('.'+type).removeClass("selected-option");
      }
    });
    if (active) {
      $(this).removeClass('selected-option');
    }else{
      $(this).addClass('selected-option');
    }


    if(group == "set_menu"){
      option_arr    = get_selected_attributes('selected-option');
          $(".selected-set:last").attr('data-options',JSON.stringify(option_arr));
          $(".selected-set:last").children().children('#instance_option').text(option_arr);
      // instance    = $(".selected-instance");
      // $(instance).each(function(i){
      //   if ($(instance[i]).attr('data-code')==code){
          // option_arr    = get_selected_attributes('selected-option');
          // $(instance[i]).attr('data-options',JSON.stringify(option_arr));
          // $(instance[i]).children().children('#instance_option').text(option_arr);
      //   }
      // });
    }

    if(group == "set_menu_default"){
          option_arr    = get_selected_attributes('selected-option');
          $('.set-item').attr('data-options',JSON.stringify(option_arr));
          $('.set_default_option').text(option_arr);
    }

  }); //End selecct attribute buttom
   // click select option icon for add
  $(document).on('click', '.check_option_btn', function(event){
    active =$(this).hasClass('selected-option');
    value      = $(this).data('value');
    type       = $(this).data('type');
    group      = $(this).data('group');
    if (active) {
      $(this).removeClass('selected-option');
    }else{
      $(this).addClass('selected-option');
    }
    if(group == "set_menu"){
      option_arr    = get_selected_attributes('selected-option');
          $(".selected-set:last").attr('data-options',JSON.stringify(option_arr));
          $(".selected-set:last").children().children('#instance_option').text(option_arr);
      // instance    = $(".selected-instance");
      // $(instance).each(function(i){
      //   if ($(instance[i]).attr('data-code')==code){
          // option_arr    = get_selected_attributes('selected-option');
          // $(instance[i]).attr('data-options',JSON.stringify(option_arr));
          // $(instance[i]).children().children('#instance_option').text(option_arr);
      //   }
      // });
    }

    if(group == "set_menu_default"){
          option_arr    = get_selected_attributes('selected-option');
          $('.set-item').attr('data-options',JSON.stringify(option_arr));
          $('.set_default_option').text(option_arr);
    }

  }); //End selecct attribute buttom
  // click add order
  $(document).on('click', '.add_to_order', function(event){
    total_price   = $('#total_price').text();
    qty           = parseInt($('#count').val());

    var item_row  = $('.selected-attribute');

    attribute_arr = get_selected_attributes('selected-attribute');
    option_arr    = get_selected_attributes('selected-option');
    if (item_row.length>0) {
      var instances = jQuery.parseJSON(item_row.attr('data-instances'));

      for(var field in instances) {

        attrbu = JSON.stringify(attribute_arr);
        instan = JSON.stringify(instances[field].values);
        var newarr = new Set(instan);

        result = false;
        for(var i in attrbu) {
            if (newarr.has(attrbu[i])) {
              result = true;
              break;
            }

        }
        attribute_arr = attribute_arr.sort()
        instance_arr = instances[field].values.sort()
        if (JSON.stringify(attribute_arr) === JSON.stringify(instance_arr)) {
          $('.add_to_order').attr('data-instance-code',instances[field].code);
          $('.add_to_order').attr('data-instance',instances[field].name);
          $('.add_to_order').attr('data-price',instances[field].price);
          $('.add_to_order').attr('data-promotion-price',instances[field].promotion_price);
        }
      }
    }else{
      $('.add_to_order').attr('data-instance-code',$('#instance_code').text());
      $('.add_to_order').attr('data-instance',$('#instance_name').text());
      $('.add_to_order').attr('data-price',$('#unit_price').text());
      $('.add_to_order').attr('data-promotion-price',$('#promotion_price').text());
    }

    $('.add_to_order').attr('data-item-code',$('#item_code').text());
    $('.add_to_order').attr('data-qty',qty);
    $('.add_to_order').attr('data-name',$('#title_name').text());
    $('.add_to_order').attr('data-attributes',JSON.stringify(attribute_arr));
    $('.add_to_order').attr('data-options',JSON.stringify(option_arr));
    $('.add_to_order').attr('data-opt',JSON.stringify(option_arr));
    var item_data = $(this);
    if ($('#server_mode').val() != "cloud" && second_display_lookup == 2) {
      item = get_item(item_data,"add_to_order");
      customer_display_view(item,"add");
    }
    console.log(item_data);
    show_item_detail(item_data,"add_to_order");
    calculate_sub_total();
    code = $('#instance_code').text()
    autoScrollToItem(code);

  }); //End add order  Click

  // scroll to element
  function autoScrollToItem(code) {
    element = $('.summary-items').find(`[data-instance-code='${code}']`).last();
    item_qty = element.find('#item_qty').text()
    parent = element.parents('.card-text')

    if (item_qty == 1) {
      $(parent).animate({
        scrollTop: $('.summary-items tbody tr:last').position().top - $('.summary-items tbody tr:first').position().top
      })
    }

    $('.summary-items tbody tr').css({
      'background-color': '',
      'color': ''
    })

    element.css({
      'background-color': '#2091F3',
      'color': '#fff'
    })

    if (isNotInView(element, parent)) {
      element.css({'background-color': '#2091F3'});
      scrollToELement(element);
    }
  }

  $(document.body).on('click', function() {
    $('.summary-items tbody tr').css({
      'background-color': '',
      'color': ''
    })
  })

  function isNotInView(elem, parent){
    //            for scroll up                               |                       for  scroll down
    result = (($(elem).offset().top - 100) < $(elem).height() || $(parent).height() < (elem.position().top + elem.outerHeight(true)));
    return result // reutn boolean
  }

  function scrollToELement(elem) {
    elem[0].scrollIntoView();
  }

  function show_item_detail(data,click_type){
    testqty = parseInt($('.item_box').children('data_qty').text());
    qty           = parseInt(data.attr('data-qty'));
    append        = 0;
    price         = data.attr('data-price');

    instance_name = data.attr('data-instance');
    if (instance_name == "undefined"){
      instance = '';
    }else{
      instance = "("+data.attr('data-instance')+")";
    }
    d_option = data.attr('data-opt');
    if (click_type != "add_icon"){
      option_name = "-"+data.attr('data-options');
      data_option =  data.attr('data-options')  ;
    }else{
      option_name = ' ';
      data_option = '[]';
    }
    var rowCount = $('.summary-items tbody tr').length+1;
    var item_row = $('.summary-items tbody tr');

    $(item_row).each(function(i){
      item_code = $(item_row[i]).attr('data-code');
      instance_code = $(item_row[i]).attr('data-instance-code');
      r_option = $(item_row[i]).attr('data-opt');

      if (item_code == data.attr('data-item-code') && instance_code == data.attr('data-instance-code')&&r_option == d_option) {
        if (qty > 1) {
          qty = parseInt($(item_row[i]).children('#item_qty').text()) + qty;
        }else{
          qty = parseInt($(item_row[i]).children('#item_qty').text()) + 1;
        }

        $(item_row[i]).children('#item_qty').text(qty);
        parseFloat($(item_row[i]).children('#item_price').text(parseFloat(price*qty).toFixed(2)));
        append =1;
      }else{
        if (qty > 1) {
          qty = qty;
        }else{
          qty = 1;
        }
      }
    });
    if (append===0) {
      row ="<tr class='item_box' data-price ='"
          +price+ " 'data-toggle='modal' data-target='#sx_itemModal' data-instance ='"
          +instance+ "' data-qty='"+qty +"' data-code='"+data.attr('data-item-code')+"' data-instance-code='"
          +data.attr('data-instance-code')+"' data-attributes='"
          +data.attr('data-attributes')+"' data-options ='"
          +data_option+"' data-opt ='"
          +data.attr('data-options')+"' data-row ='"+rowCount+ "'>"
      +'<td class="item-cell-no">'+rowCount+'</td>'
      +'<td class="item-cell-name" id="item_name" >' + data.attr('data-name')+ ' ' + instance +''+option_name+'</td>'
      +'<td class="item-cell-qty" id="item_qty">' + qty + '</td>'
      +'<td class="item-cell-price" id="item_price">'
      + parseFloat(price * qty).toFixed(2)
      +'</td>'
      +'</tr>';
      $(".summary-items tbody").append(row);
    }
  }

  // Create Order
  $("#create_order").on('click', function(e){
    e.preventDefault();
    name_list = ''
    count = 0;
    $('.summary-items').find(`tr[data-oos='true']`).each(function() {
      count += 1;
      name = $(this).data('name')
      name += $(this).data('instance').replace(/['"]+/g, '')
      if ((count + 1) == $('.summary-items').find(`tr[data-oos='true']`).length) {
        name += ' and '
      } else if(count != $('.summary-items').find(`tr[data-oos='true']`).length){
        name += ', '
      }
      name_list += name
    });
    wanring_text = name_list + 'are out of stock.'
    if (name_list) {

      swal({
        title: "Out Of Stock Warning!",
        text: wanring_text,
        type: "warning",
        showCancelButton: true,
        confirmButtonColor: "#DD6B55",
        confirmButtonText: "Confrim",
        closeOnConfirm: false
        }, function (isConfirm) {
          if (isConfirm) {
            create_order($(this))
          }
      });


    } else {
      create_order($(this))
    }
  });

  function create_order(data) {
    data.attr('disabled', 'disabled');
    $("#oqs_loading_wrapper").show();
    var cashier_type = $("#link_type").val();
    localStorage.setItem('cashier_type',cashier_type);
    quick_service = window.location.href.indexOf("quick_service");
    localStorage.setItem('quick_service',quick_service);
    food_court = window.location.href.indexOf("food_court");
    localStorage.setItem('food_court',food_court);
    if (quick_service != -1 || food_court != -1) {
      type = cashier_type;
      var table_type  = $('#table_type').text();
      var table_id    = $('#table_id').val();
      var customer_id = $('#customer_id').val();
      var booking_id  = $('#booking_id').text();
      var ajax_url = 'addorders/create';
    }else{
      type = 'cashier';
      var table_type  = $('#table_type').text();
      var table_id    = $('#table_id').text();
      var customer_id = $('#customer_id').text();
      var booking_id  = $('#booking_id').text();
      var ajax_url = '../addorders/create';
    }
    var order_items = JSON.stringify(get_order_item_rows());
    if (booking_id.length > 0) {

      var params = {'order_source': type, 'order_type': "dine_in",
                  'customer_id': customer_id, 'guest_info': "",'booking_id':booking_id,
                  'table_id': table_id,
                  'order_items': order_items,'create_type' : "create_only" };
    }else{
      var params = {'order_source': type, 'order_type': "dine_in",
                  'customer_id': customer_id, 'guest_info': "",
                  'table_id': table_id,
                  'order_items': order_items,'create_type' : "create_only" };
    }

    $.ajax({
      type: "POST",
      url: ajax_url,
      data: params,
      dataType: "json",
       success:function(result){
          if (type == "quick_service" || type=="food_court") {
            module_name = window.location.href.includes('foodcourt') ? 'foodcourt' : 'origami'
            window.location.href = "/"+module_name+"/"+type;
          }else{
            if(table_type == "Table"){
               window.location.href = "/origami/table/" + table_id;
            }
            else {
               window.location.href = "/origami/room/" + table_id;
            }
          }
          if ($('#server_mode').val() != "cloud" && second_display_lookup == 2){
            customer_display_view(null,"reload");
          }
       }
    });
  }


  // Pay Discount for Payment
  $("#create_pay_order").on('click', function(e){
    $(this).attr('disabled', 'disabled');
    e.preventDefault();
    type = $("#link_type").val();
    modify_order = window.location.href.indexOf("modify_order");
    $("#oqs_loading_wrapper").show();
      if (modify_order !=-1) {
        var ajax_url   = '../../../'+type+'/update_modify_order';
        var table_type = $('#table_type').text();
        var table_id    = $('#table_id').text();
        var customer_id = $('#customer_id').text();
        var booking_id  = $('#booking_id').text();
        var sale_id     = $('#sale_id').text();
      }else{
        var ajax_url = 'addorders/create';
        var table_type = $('#table_id').find("option:selected").data('type');
        var table_id    = $('#table_id').val();
        var customer_id = $('#customer_id').val();
        var booking_id  = $('#booking_id').text();
        var sale_id     = ""
      }
    var order_items = JSON.stringify(get_order_item_rows());
    if (booking_id.length > 0) {

      var params = {'order_source': type, 'order_type': "dine_in",
                  'customer_id': customer_id, 'guest_info': "",'booking_id':booking_id,
                  'table_id': table_id,
                  'order_items': order_items,'sale_id': sale_id,'create_type': "create_pay"  };
    }else{
      var params = {'order_source': type, 'order_type': "dine_in",
                  'customer_id': customer_id, 'guest_info': "",
                  'table_id': table_id,
                  'order_items': order_items,'sale_id': sale_id,'create_type': "create_pay" };
    }

    $.ajax({
      type: "POST",
      url: ajax_url,
      data: params,
      dataType: "json",
       success:function(result){
          if (result.status) {
            if (result.data == null){
               swal({
                  title: "Please Open Shift !",
                  text: result.status,
                  type: "warning",
                  confirmButtonColor: "#DD6B55",
                  confirmButtonText: "Ok",
                  closeOnConfirm: false
              }, function () {
                 window.location.href = '/origami/'+type+'/pending_order/' + $('#sale_id').text();
              });

            }else if(result.data == 'OK'){
              if (window.location.pathname.includes('foodcourt')) {
                order_id = $('#order_id').val()
                window.location.href = '/foodcourt/food_court/'+order_id+'/request_bill'
              }
              else {
                window.location.href = '/origami/'+type+'/pending_order/' + $('#sale_id').text();
              }
            }else{
              if(result.current_user_role == 'cashier'){
                window.location.href = "/foodcourt/sale/"+result.data["sale_id"]+"/"+type+"/payment";
              }
              else{
                module_name = window.location.pathname.includes('origami') ? 'origami' : 'foodcourt'
                window.location.href = "/"+module_name+"/sale/"+result.data["sale_id"]+"/"+type+"/payment";
              }
            }
          }
       }
    });
  });

  //click item row for update qty
  $('.summary-items').on('click', '.item_box', function(){
    $(this).attr('data-active',true);
    name =  $(this).children('#item_name').text();
    qty  =  $(this).children('#item_qty').text();
    $('#modal-item-name').text(name);
    $(this).addClass('set-bg-color')
  });

  //click remove buttom in modal box
  $('#sx_itemModal').on('click','#remove', function(){
    $('.summary-items tr').filter(function(){
      if ($(this).attr('data-active') == 'true'){
        if ($('#server_mode').val() != "cloud" && second_display_lookup == 2) {
          var item_data = $(this);
          item = get_item(item_data,"remove_icon");
          customer_display_view(item,"remove");
        }
        $(this).remove();
      }
    });
    calculate_sub_total();
  });

  //click close
  $('#sx_itemModal').on('click','#close', function(){
    $(".item_box").removeAttr("data-active");
  });

  $('#sx_item_set_detailModal').on('click','#close', function(){
    $("#sx_item_set_detailModal").css({ 'display': "none" });
  });
  //click save buttom after change qty
  $(document).on('click','#save', function(){
    if ($('#modal-qty').val()>0) {
      summary_items_filter();
      calculate_sub_total();
      $('.set-bg-color').css({
        'background-color': '#2091F3',
        'color': '#fff'
      })
      $('.summary-items tbody tr').removeClass('set-bg-color');
    }else{
      swal("Opps", "Please enter number for qty ","warning");
    }

  });

  //calculate subtotal
  function calculate_sub_total(){
    var total_price    = 0;
    var total_qty      = 0;
    var taxable_amount = 0;
    var exclusive_total =0;
    var inclusive_total =0;
    var inclusive_tax =$('#inclusive_tax').val();
    var exclusive_tax =$('#exclusive_tax').val();
    var item_row       = $('.summary-items tbody tr');
    $(item_row).each(function(i){
      var unit_price = parseFloat($(item_row[i]).attr('data-price'));
      var qty        = parseFloat($(item_row[i]).children('#item_qty').text());
      total_qty += qty;
      total_price += qty*unit_price;
    });
    if (inclusive_tax >0){
      inclusive_total = total_price / inclusive_tax;
      total_price = total_price;
    }
    if (exclusive_tax >0){
      exclusive_total = total_price * exclusive_tax;
      total_price = total_price + exclusive_total;
    }
    var fixed_total_price    = parseFloat(total_price).toFixed(2);
    var fixed_taxable_amount = parseFloat(taxable_amount).toFixed(2);
    $('#total_tax').empty();
    $('#total_tax').append(parseInt(exclusive_total) + parseInt(inclusive_total));

    $('#sub_total').empty();
    $('#sub_total').append(fixed_total_price);

    $('#total_qty').empty();
    $('#total_qty').append(total_qty);

    if (item_row.length > 0) {
      $('.create').removeAttr("disabled", false);
    }else{
      $('.create').attr("disabled", true);
    }
  }

  function summary_items_filter(){
    $('.summary-items tr').filter(function(){
      if ($(this).attr('data-active') == 'true'){
        qty   = $('#modal-qty').val();
        $(this).attr('data-qty',qty);
        price = parseFloat($(this).attr('data-price'));
        total_price = parseFloat(price*qty).toFixed(2);

        $(this).find('#item_qty').text(qty);
        $(this).find('.item-cell-price').text(total_price);

        $(this).removeAttr('data-active');

        if ($('#server_mode').val() != "cloud" && second_display_lookup == 2) {
          var item_data = $(this);
          item = get_item(item_data,"update_icon");
          customer_display_view(item,"update_qty");
        }
      }
    });
  }

  /* Get Item rows */
  function get_order_item_rows(){
    var order_items = [];
    var item_row    = $('.summary-items tbody tr');
    $(item_row).each(function(i){
      var order_item = {};

      order_item.order_item_id      = $(item_row[i]).attr('data-row');
      order_item.item_instance_code = $(item_row[i]).attr('data-instance-code');
      order_item.quantity           = $(item_row[i]).children('#item_qty').text();
//parent id
      if ($(item_row[i]).attr('data-parent')=="true") {
       parent_id = $(item_row[i]).attr('data-row');
      }
      if ($(item_row[i]).attr('data-sub-item')=="true") {
        order_item.parent_order_item_id = parent_id
      }
//end parent id
      order_item.options            = $(item_row[i]).attr('data-options');
      order_items.push(order_item);
    });
    return order_items;
  }
  // Get Selected Class
  function get_selected_attributes(selected_class) {
    var item_row      = $('.'+selected_class);
    var attribute_arr = [];
    $(item_row).each(function(i){
      value = $(item_row[i]).attr('data-value');
      str = value;
      attribute_arr.push(str);
    });
    return attribute_arr;
  }

  //click menu sidebar menu category
  $("#back").on("click", function(){
    var table_id   = $('#table_id').text();
    var table_type = $('#table_type').text();
    var cashier_type = $("#link_type").val();
    type = window.location.href.includes("quick_service") || window.location.href.includes("food_court");
    if (type == true) {
      var table_type = $('#table_id').find("option:selected").data('type');
      var table_id    = $('#table_id').val();
      if(window.location.href.includes("modify_order")){
        var link_url = window.location.href.split("/");
        window.location.href = "/origami/"+cashier_type+"/pending_order/"+link_url[link_url.length - 1];
      }else{
        window.location.href = "/origami/dashboard";
      }
    }else if(window.location.href.incluses("out_of_stock")){
      window.location.href = '/settings/out_of_stock';
    }else{
      var table_type = $('#table_type').text();
      var table_id    = $('#table_id').text();

      if(table_type == "Table"){
        window.location.href = "/origami/table/" + table_id;
      }else {
        window.location.href = "/origami/room/" + table_id;
      }
    }
  });

  // Get Selected Class
  function change_qty_plus_minus(id,plus,minus) {
    var count = parseInt($('#'+id).val());

    $('#'+plus).on("click", function(){
      count++;
      $('#'+id).val(count);

      if (id == "count") {
        price = $("#unit_price").text();
        $("#total_price").text(count*price);
      }else{
        var item_row      = $('.selected-instance');
        price             = $("#set_unit_price").text();
        set_total_price   = $("#set_total_price").text();

        if (item_row.length > 1) {
          total = 0 ;
          $(item_row).each(function(i){
            total += count * $(item_row[i]).attr('data-price');
            total_price = total;
          });
        }else{
          total_price     = count*price;
        }

        $("#set_total_price").text(total_price);
      }
    });

    $('#'+minus).on("click", function(){

      // var count   = parseInt($('#'+id).val());
      // var countEl = document.getElementById(id);

      if (count > 1) {
        count--;
        $('#'+id).val(count);

        if (id=="count") {
          price = $("#unit_price").text();
          $("#total_price").text(count*price);
        }else{
          var item_row      = $('.selected-instance');
          price             = $("#set_unit_price").text();
          set_total_price   = $("#set_total_price").text();

          if (item_row.length > 1) {
            total = 0 ;
            $(item_row).each(function(i){
              total += count * $(item_row[i]).attr('data-price');
              total_price = total;
            });
          }else{
            total_price     = count*price;
          }
          $("#set_total_price").text(total_price);
        }
      }
    })
  }

  $(".keypress_qty").on('keyup change', function (){
   // $('.keypress_qty').keyup(function(e){
        id    = $(this).attr('id');
        value = $(this).val();

        if ($.isNumeric(value)) {
          if (id=="count") {
            $('#count').attr('value',value);
            price = $("#unit_price").text();
            $("#total_price").text(value*price);
          }else{
            var item_row      = $('.selected-instance');
            price             = $("#set_unit_price").text();
            set_total_price   = $("#set_total_price").text();
            $(".set_change_qty").val(value);
            if (item_row.length > 1) {
              total = 0 ;
              $(item_row).each(function(i){
                total += value * $(item_row[i]).attr('data-price');
                total_price = total;
              });
            }else{
              total_price     = value*price;
            }
            $("#set_total_price").text(total_price);
          }
        }else{
          $('#'+id).val(1);
          swal("Opps","Please enter number for qty","warning");
        }
    });

   //click menu sidebar menu category

   $(document).on('click', '.sub_clickssss', function(event){
     event.preventDefault();
    var menu_id = $(this).attr("data-id");
    var url = "get_menu_sub_category/"+menu_id;
    sub_category = $(this).find('.sub_category_list');
    show_sub_category_list(url,sub_category,menu_id);
  });
  //End menu category Click

  //show menu item list when click menu category
  function show_sub_category_list(url,sub_category,menu_id){

    var sub_category_list = $('.sub_category_list');
     sub_category_list.empty();

    menus = JSON.parse(localStorage.getItem("menus"));
    if (menus != null) {
      for(var j in menus) {
        var categories = menus[j]["categories"];
        for(var ii in categories) {
          if (menu_id == categories[ii]["parent_id"]) {
            $(sub_category).removeClass('hidden');
            row = '<li class="menu_sub_category fadeInTop" data-id="'+categories[ii].id+'">'
              +'<a class="nav-link" data-toggle="tab" href="" role="tab">'+ categories[ii].name+'</a>'
            +'</li>' ;
            $(sub_category).append(row);
          }
        }
      }
    }else{
      if (type != -1 && modify_order != -1) {
        var url = "../../../addorders/"+url;
      }if(modify_order== -1 && type != -1){
        var url = 'addorders/'+url;
      }
      if (type ==-1 && modify_order == -1){
        var url = url;
      }
      //Start Ajax
      $.ajax({
        type: "GET",
        url: url,
        data: {},
        dataType: "json",
        success: function(data) {
          var sub_category_list = $('.sub_category_list');
          sub_category_list.empty();
          data = data.sub_category;
          if (data.length > 0) {
            // if ((sub_category.hasClass('hidden'))) {
              $(sub_category).removeClass('hidden');
            // }else{
              // $(sub_category).addClass('hidden');
            // }
            for(var i in data) {

                  row = '<li class="menu_sub_category fadeInTop" data-id="'+data[i].id+'">'
                           +'<a class="nav-link" data-toggle="tab" href="" role="tab">'+ data[i].name+'</a>'
                         +'</li>' ;
                  $(sub_category).append(row);
              //end is_sub_item false
            }
          }
        }
      });
      //end Ajax
    }
  }

  /* Get  Item rows */
  function get_item(data,click_type){
  var sale_items = [];

    var sale_item = {};
    sale_item.qty = parseInt(data.attr('data-qty'));
    sale_item.name =  data.attr('data-name');
    sale_item.price = data.attr('data-price');
    sale_item.item_code  = data.attr('data-item-code')
    sale_item.instance_code  = data.attr('data-instance-code')
    sale_item.attributes  = data.attr('data-attributes')
    sale_item.options  = data.attr('data-options')
    sale_item.opt  = data.attr('data-opt')
    sale_item.click_type  = click_type
    sale_item.instance  = data.attr('data-instance')
    sale_items.push(sale_item);
  return sale_items;

 }

 /* Get  Item rows */
 function get_set_item(items){
  var sale_items = [];
     var item = {};
        item.code          = $('.set-item').attr('data-code');
        item.name          = $('.set-item').attr('data-name');
        item.item_name     = $('#set_name').text();
        item.qty           = parseInt($('#set_count').val());
        item.item_code     = $('#set_item_code').text();
        item.price         = $('.set-item').attr('data-price');
        item.option        = $('.set-item').attr('data-options');
        item.parent        = $('.set-item').attr('data-parent');

    sale_items.push(item);

    $(items).each(function(i){
      var sale_item = {};
        sale_item.code          = $(items[i]).attr('data-code');
        sale_item.name          = $(items[i]).attr('data-name');
        sale_item.item_name     = $('#set_name').text();
        sale_item.qty           = parseInt($('#set_count').val());
        sale_item.item_code     = $('#set_item_code').text();
        sale_item.price         = $(items[i]).attr('data-price');
        sale_item.option        = $(items[i]).attr('data-options');
        sale_item.sub_item      = $(items[i]).attr('data-sub-item');
        sale_items.push(sale_item);
    });


  return sale_items;
 }

 function customer_display_view(data,status) {
  if (type != -1 && modify_order != -1) {
    url = '../../../../origami/customer_view';
  }
  if(modify_order == -1 && type != -1){
    url = '../../origami/customer_view';
  }
  if (type ==-1 && modify_order == -1){
    url = '../../origami/customer_view';
  }
   $.ajax({
          type: "POST",
          url: url,
          data: {"data":data,"status":status,"type":$("#link_type").val()},
          dataType: "json",
           success:function(result){
           }
        });
 }
 /*  $("input").keypress(function(){
    $("span").text(i += 1);
});*/
  // $("#set_change_qty").change(function(){
  //   qty = $(this).val();
  //   price = $("#set_total_price").text();
  //   $("#set_total_price").text(qty*price);
  // });

 // $(".change_qty").change(function(){
  //   qty = $(this).val();
  //   price = $("#unit_price").text();
  //   $("#total_price").text(qty*price);
  // });
  function truncateString(str, num) {
    if (str.length <= num) {
      return str
    } else {
      return str.slice(0, num) + '...'
    }
  }
  function show_menu_list(menu_items) {
    var menu_list = $('.menu_items_list');
    menu_list.empty();
    for(var field in menu_items) {
            if (menu_items[field].is_sub_item == false) {
              instances = menu_items[field].instances ;

              if (!instances.length > 0) {
                swal("Hello Please Check!","Does not have instance item in this menu items ("+ menu_items[field].name+")","warning");
              }
              if (instances.length > 0) {
                qty = 1;
                options = [];
                price = 0;

                if (JSON.stringify(menu_items[field].item_sets)!='[]') {
                  fa_plus = '';
                  add = '';
                  menu_item_box = 'set_add_icon';
                  data_target = 'sx_item_set_detailModal';
                  data_modal = 'modal'
                  add_icon = "set_item_box"
                  code = ''
                    menu_items[field].instances.forEach(ins => function (){
                      if (ins.out_of_stock == false) {
                        code =  ins.code;
                      }
                    })
                     name            =  menu_items[field].name;
                     instances       =  menu_items[field].instances;
                      $(instances).each(function(i){
                        if (instances[i].is_default == true) {
                          price      = parseFloat(instances[i].price).toFixed(2);
                          out_of_stock    = instances[i].out_of_stock;
                        }else{
                          price = 0;
                        }
                      });
                     is_available    = menu_items[field].is_available ;
                     is_on_promotion = 0;
                     item_attributes = menu_items[field].attributes;
                     promotion_price =  menu_items[field].promotion_price;
                }else{
                  fa_plus = 'material-icons';
                  add = 'view_list'
                  menu_item_box = 'menu_item_box';
                  data_target = 'sx_item_detailModal';
                  data_modal  = ''
                  add_icon = "add_icon"
                  menu_instances = [];

                  code = '';
                  name = '';
                  price = '';
                  is_available = '';
                  is_on_promotion = '';
                  item_attributes = '';
                  promotion_price = '';
                  out_of_stock = '';
                  menu_insta = '';

                  $(instances).each(function(i){
                    if (!instances[i].out_of_stock) { //instances[i].is_default === true && 
                     code            = instances[i].code;
                     name            = instances[i].name;
                     price           = parseFloat(instances[i].price).toFixed(2);
                     is_available    = instances[i].is_available ;
                     is_on_promotion = instances[i].is_on_promotion;
                     item_attributes = instances[i].values;
                     promotion_price = instances[i].promotion_price;
                     out_of_stock    = instances[i].out_of_stock;
                     menu_insta      = [code,name,item_attributes];
                     menu_instances.push(menu_insta);
                    }
                  });
                }

                pointer_event = 'auto'
                opacity = ''
                status = ''
                count = 0;
                $(instances).each(function(i) {
                  if (instances[i].out_of_stock == true) {
                    count += 1
                    if (instances.length == count) { // all attributes out of stock
                      pointer_event = 'none'
                      status = 'out of stock'
                      opacity = '0.5'
                    }

                  }
                })

                if (status) {
                  price_tag = '<span class="text-danger price_tag" style="font-weight:900;flex-grow:1;">'+status+'</span>'
                } else {
                  price_tag ='<span class="price_tag" style="font-weight:900;flex-grow:1;">'+price+'</span>'
                }

                image_path = '';
                image_exist = false;
                if (menu_items[field].image) {
                  if (modify_order) {
                    image_path = "../../"+menu_items[field].image;
                  }else{
                    image_path = menu_items[field].image;
                  }

                  $.ajax({
                    url: image_path,
                    async: false,
                    success: function(data) {
                      image_exist = true;
                    }
                  });
                }

                if(image_exist == true) {
                  oos_item = '<div class="card custom-card testimonial-card fadeInRight" id="'+ code +'" style="height: 100%; pointer-events: '+pointer_event+';">'
                  name = menu_items[field].name
                  short_name = truncateString(name, 30)
                  row = '<div class="col-md-6 col-sm-6 col-lg-3 m-t-2">'
                            + oos_item
                            +'<div class="custom-card-head card-head row" style="margin:0px; height: 40px; font-size: 0.9em; opacity: '+opacity+'" >'
                              +'<div class="col-md-10 " style="padding:0px !important;">'+ short_name +'</div>'

                             +'</div>'
                            +"<div  class='"+add_icon+"' "
                                          +" data-item-code='"+ menu_items[field].code +"' "
                                          +" data-name='"+ menu_items[field].name +"' "
                                          +" data-menu-instances='" + JSON.stringify(menu_instances)+"' "
                                          +" data-qty = '"+ qty +"' "
                                          +" data-price = '" + price +"' "
                                          +" data-instance-code = '"+ code +"' "
                                          +" data-instance = '" + name +"' "
                                          +" data-promotion-price = '"+ promotion_price +"' "
                                          +" data-id= '" + JSON.stringify(menu_items[field].attributes) +"'"
                                          +" data-attributes = '" + JSON.stringify(item_attributes) +"' "
                                          +" data-options = '"+ JSON.stringify(menu_items[field].options) +"' "
                                          +" data-opt = '" + JSON.stringify(menu_items[field].options) +"' "
                                          +" data-image='"+image_path+"' "
                                          +" data-toggle='modal' "
                                          +" data-target='."+data_target+"' "
                                          +" data-item-sets = '"+JSON.stringify(menu_items[field].item_sets)+"'"
                                          +" data-instances = '"+JSON.stringify(menu_items[field].instances)+"'"
                                          +" style='height: 80px;'>"
                                + '<img src = "../../'+image_path+'" class="img-fluid" style="opacity: '+opacity+'; height: 100%; width: 100%;"/>'
                              +'</div>'
                              +'<div class="card-footer custom-card-footer custom-flex-footer" style="height: 40px;">'
                                + price_tag
                                + "<div class='offset-4 col-2 "+menu_item_box
                                + "' data-item-code='" + menu_items[field].code
                                + "' data-instance='" + JSON.stringify(menu_items[field].instances)
                                + "' data-menu-instances='" + JSON.stringify(menu_instances)
                                + "' data-id='" + JSON.stringify(menu_items[field].attributes)
                                + "' data-item='" + JSON.stringify(item_attributes)
                                + "' data-option='" + JSON.stringify(menu_items[field].options)
                                + "' data-opt='" + JSON.stringify(menu_items[field].options)
                                + "' data-item-sets='" + JSON.stringify(menu_items[field].item_sets)
                                + "' data-toggle='modal'"
                                + "  data-target='." + data_target +"'"
                                + "  style='padding:0px 5px 0px 5px; opacity: "+opacity+"; pointer-events: "+pointer_event+";'>"
                                    + "<i class='m-l--5 fa " + fa_plus + "'>"
                                    + add
                                    + "</i>"
                                +'</div>'

                            +'</div>'
                        +'</div>'; ;
                      }else{
                        oos_item = '<div class="card custom-card testimonial-card fadeInRight" id="'+ code +'" style="height:100%; pointer-events: '+pointer_event+';">'

                        name = menu_items[field].name
                        short_name = truncateString(name, 50)
                        row = '<div class="col-md-6 col-sm-6 col-lg-3 m-t-2">'
                                + oos_item
                                    +'<div class="custom-card-no-img-head card-head h-100 '+add_icon+' " id="oos'+ code +'" style="margin:0px;display:flex; opacity: '+opacity+';"'
                                          +" data-item-code='"+ menu_items[field].code +"' "
                                          +" data-menu-instances='" + JSON.stringify(menu_instances)+"' "
                                          +" data-name='" + menu_items[field].name +"' "
                                          +" data-qty = '"+ qty +"' "
                                          +" data-price = '" + price +"' "
                                          +" data-instance-code = '"+ code +"' "
                                          +" data-instance = '" + name +"' "
                                          +" data-promotion-price = '"+ promotion_price +"' "
                                          +" data-attributes = '" + JSON.stringify(item_attributes) +"' "
                                          + "data-id= '" + JSON.stringify(menu_items[field].attributes)+"'"
                                          +" data-options = '"+ JSON.stringify(menu_items[field].options) +"' "
                                          +" data-opt = '"+ JSON.stringify(menu_items[field].options) +"' "
                                          +" data-image='' data-toggle='modal' "
                                          +" data-target='."+data_target+"' "
                                          +" data-item-sets = '"+JSON.stringify(menu_items[field].item_sets)+"'"
                                          +" data-instances = '"+JSON.stringify(menu_items[field].instances)+"'>"

                                          +'<div class="product_box" style="width:100%;"><span>'+ short_name +'<span></div>'
                                    +'</div>'
                                    +"<div  class='"+add_icon+"' "
                                          +" data-item-code='"+ menu_items[field].code +"' "
                                          +" data-menu-instances='" + JSON.stringify(menu_instances)+"' "
                                          +" data-name='" + menu_items[field].name +"' "
                                          +" data-qty = '"+ qty +"' "
                                          +" data-price = '" + price +"' "
                                          +" data-instance-code = '"+ code +"' "
                                          +" data-instance = '" + name +"' "
                                          +" data-promotion-price = '"+ promotion_price +"' "
                                          +" data-attributes = '" + JSON.stringify(item_attributes) +"' "
                                          +" data-options = '"+ JSON.stringify(menu_items[field].options) +"' "
                                          +" data-opt = '"+ JSON.stringify(menu_items[field].options) +"' "
                                          +" data-image='' data-toggle='"+data_modal+"' "
                                          +" data-target='."+data_target+"' "
                                          +" data-item-sets = '"+JSON.stringify(menu_items[field].item_sets)+"'"
                                          +" data-instances = '"+JSON.stringify(menu_items[field].instances)+"'>"
                                       +'</div>'
                                        +'<div class="card-footer custom-card-no-img-footer custom-flex-footer" style="height: 50px;">'
                                            + price_tag
                                            +" <div class='offset-4 col-2 menu_item_no_img_box "+menu_item_box+" ' "
                                              +" data-item-code='"+ menu_items[field].code +"' "
                                              +" data-instance = '" +JSON.stringify(menu_items[field].instances)+"' "
                                              +" data-menu-instances='" + JSON.stringify(menu_instances)+"' "
                                              +" data-id = '"+JSON.stringify(menu_items[field].attributes)+"' "
                                              +" data-item = '" +JSON.stringify(item_attributes)+"' "
                                              +" data-option = '"+JSON.stringify(menu_items[field].options)+"'"
                                              +" data-opt = '"+JSON.stringify(menu_items[field].options)+"' "
                                              +" data-item-sets = '"+JSON.stringify(menu_items[field].item_sets)+"' "
                                              +" data-toggle='modal' "
                                              +" data-target='."+data_target+"' "
                                              +" style='padding:0px 5px 0px 5px; opacity: "+opacity+"; pointer-envents: "+pointer_event+";'>"
                                                        +"<i class='m-l--5 fa "+fa_plus+"' >"
                                                        +add+ '</i>'
                                        +'</div>'
                                        +'</div>'


                                  +'</div>'
                              +'</div>';

                }

            $('.menu_items_list').append(row);
          }
          //end instances in menu-items alest 1 instance
        }
        //end is_sub_item false
      }
  }
  $("#add_to_existing_order").on('click', function(e){
    $(this).attr('disabled', 'disabled');
    e.preventDefault();
    type = $("#link_type").val();
    $("#oqs_loading_wrapper").show();
    var ajax_url = 'addorders/add_to_existing_order';
    var table_type = $('#table_type').text();
    var table_id    = $('#table_id').text();
    var customer_id = $('#customer_id').text();
    var booking_id  = $('#booking_id').text();
    var sale_id     = $('#sale_id').text();
    var order_items = JSON.stringify(get_order_item_rows());
      var params = {'order_source': type, 'order_type': "dine_in",
                  'customer_id': customer_id, 'guest_info': "",'booking_id':booking_id,
                  'table_id': table_id,
                  'order_items': order_items,'sale_id': sale_id,'create_type': "create_pay"  };
    $.ajax({
      type: "POST",
      url: ajax_url,
      data: params,
      dataType: "json",
       success:function(result){
          if (result.status) {
            window.location.href = "/foodcourt/table/sale/" + sale_id + "/food_court/edit";
          }
       }
    });
  });
});