sx-fc/app/assets/javascripts/order_reservation.js

$(function() { 
 
  $(".nav-item").on("click", function(){
   	type = $(this).attr("data-type");
    refreshDetailData();
   	if (type == "pending") {
      $(".first-1").click();
   	  $('#accepted').text("Accepted");
   	  $('#accepted').attr("data-value","accepted");
   	}else if(type == "processing"){
      $(".second-1").click();
   		$('#accepted').text("SEND TO KITCHEN");
   		$('#accepted').attr("data-value","processed");
   	}else if(type == "delivery"){
      $(".third-1").click();
   		$('#accepted').text("READY TO DELIVERY");
   		$('#accepted').attr("data-value","delivery");
   	}else if(type == "completed"){
      $(".fourth-1").click();
   		$('#accepted').text("PICK-UP");
   		$('#accepted').attr("data-value","completed");
   	}
   	// console.log(type);
  });

  jQuery(function(){
     jQuery('.first-1').click();
  });

  $(".custom-tr").on("click", function(){
 	  $(".custom-tr").removeClass("tr-active");
 	  $(this).addClass("tr-active");
    var order_id  = $(this).attr("data-id");
    var sr_no = $(this).attr("data-sr-no");
    var url       = "order_reservation/get_order/"+order_id;
    show_order_detail(url,sr_no);
  });

  function refreshDetailData(){
    $('#requested_date_time').text("");
    $("#sr_number").text("");
    $("#delivery_info").text("");
    $("#contact_info").text("");
    $('.summary-items').html("");
    $('#sub_total').text("0.00");
    $('#delivery_fee').text("0.00");
    $('#total_charges').text("0.00");
    $('#discount_amount').text("0.00");
    $('#total_tax').text("0.00");
    $('#grand_total').text("0.00");
  }

  //show order list 
  function show_order_detail(url,sr_no){ 
    $('.summary-items').html("");
    //Start Ajax
    $.ajax({      
      type: "GET",         
      url: url, 
      data: {},
      dataType: "json",
      success: function(data) {
        // console.log(data);
        var delivery = data["delivery"];
        var items    = data["order_items"];
        var item_list = $('.summary-items');

        var date = new Date(data.requested_time); 
        var newDate = new Date(date.getTime() + (date.getTimezoneOffset() * 60000));
        
        var isPM = newDate.getHours() >= 12;
        var isMidday = newDate.getHours() == 12;
        var time = [newDate.getHours() - (isPM && !isMidday ? 12 : 0), 
                newDate.getMinutes() || '00'].join(':') +
               (isPM ? ' PM' : 'AM');
        var requested_date = newDate.getFullYear() + '-' + (newDate.getMonth() > 10? newDate.getMonth() : '0' + (newDate.getMonth() + 1)) +'-'+ newDate.getDate() +' '+time;

        item_list.empty();

        if(items!=undefined && items!=""){
          if(items.length > 0){
            for(var i in items) { 
              var item_price = 0;
              if(items[i].price > 0){
                item_price = items[i].price;
              }else{
                item_price = items[i].unit_price;
              }
              var total = items[i].qty * item_price;
                row = '<tr>'
                       +'<td width ="70%" class="body-td align-left">'+items[i].item_name
                        +' <br><span class="font-13">'+items[i].qty+ '<span class="col-blue"> <b>X</b>'+items[i].unit_price+'</span></span>'
                      +'</td>'
                      +'<td width ="30%" class="body-td align-right">'+ total +'</td>'
                    +'</tr>';
                  $('.summary-items').append(row);
            }

            if(data.discount_amount > 0){
              $("#discount").show();
            }

            $('#requested_date_time').text(requested_date);
            $('#sub_total').text(data.total_amount);
            $('#delivery_fee').text((parseFloat(delivery.delivery_fee) > 0)? delivery.delivery_fee : '0.0');
            $('#total_charges').text((parseFloat(data.convenience_charge) > 0)? data.convenience_charge : '0.0');
            $('#discount_amount').text((parseFloat(data.discount_amount) > 0)? data.discount_amount : '0.0');
            $('#total_tax').text(data.total_tax);
            $('#grand_total').text(data.grand_total);

            var address = delivery.address;
            if(delivery.township != null && delivery.township!=""){
              address += ', ' +delivery.township;
            }else if(delivery.direction_address!=null && delivery.direction_address!=""){
              address += ", (" +delivery.direction_address+")";
            }
            $('#requested_time').text(requested_date);
            $('#customer_name').text(data.customer_name);
            $('#phone').text(data.phone);
            $('#address').text(address);
            $('#delivery_to').text(delivery.provider);

            $('#ref_no').text(data.transaction_ref);
            $('#callback_url').text(data.callback_url);
            $('#order_id').text(data.order_reservation_id);

            if(delivery.delivery_type == "service"){
              $("#delivery_info").text("(DELIVERY)");
            }else if(delivery.delivery_type == "pick_up"){
              $("#delivery_info").text("(PICK-UP)");
            }else{
              $("#delivery_info").text("(DIRECT DELIVERY)");
            }

            if(data.order_remark!=null && data.order_remark!=""){
              $("#order_remark").text(data.order_remark);
            }else if(data.reservation_remark!=null && data.reservation_remark!=""){
              $("#order_remark").text(data.reservation_remark);
            }
            $("#sr_number").text("NO."+sr_no);
            if (data["receipt_no"]) {
              $("#contact_info").text(data["receipt_no"]);
            }else{
              $("#contact_info").text(data["order_reservation_id"]);
            }
            
          }
        }
      }
    });
    //end Ajax 
  }

  $("#accepted").on("click", function(){
    var status    = $(this).attr("data-value");
    var order_id  = $('#order_id').text();
    var ref_no    = $('#ref_no').text();
    var callback  = $('#callback_url').text();
    callback_url(callback,ref_no,order_id,status);
  });

  $("#cancel").on("click", function(){
    var status    = $(this).attr("data-value");
    var order_id  = $('#order_id').text();
    var callback  = $('#callback_url').text();
    var ref_no    = $('#ref_no').text();
    callback_url(callback,ref_no,order_id,status);
  });

  function callback_url(callback,ref_no,order_id,status){ 
    var url       = 'order_reservation/update';
    var post_url = "order_reservation/send_status";
    $.ajax({      
      type: "POST",         
      url: post_url, 
      data: {url: callback, ref_no: ref_no, status: status},
      dataType: "json",
      success: function(data) {
        if(data.status){
          $.ajax({      
            type: "POST",         
            url: url, 
            data: {'order_id': order_id, 'status': status},
            dataType: "json",
            success: function(data) {
              if (data.status) {
                swal({
                  title: 'Information',
                  text: "Order has been "+data.message,
                  type: 'success',
                  html: true,
                  closeOnConfirm: false,
                  closeOnCancel: false,
                  allowOutsideClick: false
                }, function () {
                  window.location.href = '/origami/order_reservation';
                });
              }
            }
          });
        }else{
          swal({
            title: 'Oops',
            text: data.message,
            type: 'error',
            html: true,
            closeOnConfirm: false,
            closeOnCancel: false,
            allowOutsideClick: false
          }, function () {
            window.location.href = '/origami/order_reservation';
          });
        }
      }
    });
  }
});