@extends('panel.layouts.app')
@section('page-title')
<title>
{{ LaraCore::setting('html_prefix') }} {{ (LaraCore::setting('html_prefix') != '') ? '|' : '' }} Barcodes</title>
@stop
@section('content')
<div class="content-wrapper">
  <div class="row">
    <div class="col-md-1"></div>
    <div class="col-md-10">
      <section class="content">
        <div class="box box-default">
          <div class="box-header with-border">
            <i class="fa fa-barcode"></i>
            <h3 class="box-title">Barcodes</h3>
            <div class="box-tools box-tools-common pull-right">
              {{ Form::open(["url"=>route('print.carrier.barcode'),"method"=>"POST","target"=>"_blank"]) }}
              {{ Form::hidden('id','',['id'=>'carrierId']) }}
              {{ Form::hidden('template', '', ['id'=>'templateType']) }}
              {{ Form::close() }}
              @if(LaraCore::canOrNot('delete_carrierbarcode'))
              <a href="javascript:void(0)" class="btn btn-box-tool show-tooltip" data-toggle="modal" data-target="#delete_carrier_modal"  title="Delete selected items" id="deleteAll" name="remove_carriers">
                <i class="fa fa-trash"></i>
              </a>
              @endif
              <a href="javascript:void(0)" class="btn btn-box-tool show-tooltip" onclick="ToggleDataTable('carriers-barcode-grid')" title="Search"><i class="fa fa-search"></i></a>
            </div>
          </div>
          <div class="box-body">
            <div class="table-responsive">
              <table id="carriers-barcode-grid" class="table table-bordered table-hover display">
                <thead>
                  <th>Id</th> 
                  <th class="text-center">
                    @if(LaraCore::canOrNot('delete_carrierbarcode'))
                    <input name="select_all" type="checkbox"  class="minimal" id="bulk_delete" data-scope="#carriers-barcode-grid" />
                    @endif
                  </th>
                  <th></th>
                  <th>Carrier</th>
                  <th>Barcode</th>
                  <th>Available</th>
                  <th>&nbsp;</th>
                  <th>&nbsp;</th>
                </thead>
                <tbody>
                </tbody>
              </table>
            </div>
          </div>
        </div>
        <div class="carriers_modal_div">
          <div class="edit_modal">
          </div>
          @include('panel.carriers.create', [@$data])
        </div>
        @include('common.modal.delete_confirm_modal',['entity' =>  'carrier_barcode'])
        @include('panel.carrierBarcode.delete_confirm_modal',['entity' =>  'barcode'])
      </section>
    </div>
    <div class="col-md-1"></div>
  </div>
</div>
<div class="master-loader" id="overlay" style="display: none;">
  <span class="text text-primary">
    <i class="fa fa-spinner fa-spin fa-5x"></i>
  </span>
</div>
@stop
@section('custom-scripts')
<script type="text/javascript">
  var rows_selected  = "";
  var CarriersBarcodeTable = "";
  var cid = "0";
  $(document).ready(function () {
    initDate('{{AppHelper::dateFormatJS(LaraCore::setting('date_format'))}}');
    initDateRange('{{AppHelper::dateFormatJS(LaraCore::setting('date_format'))}}');
    initRichText();
    CarriersBarcodeTable = $('#carriers-barcode-grid').DataTable({
      'language': { "emptyTable": '{{LaraCore::setting('no_records')}}', "processing": "<i class='fa fa-spinner fa-spin fa-3x'></i>" },
      "aLengthMenu": [[10, 20, 30, 40, 50], [10, 20, 30, 40, 50]],
      "order": [ 3, "asc" ],
      processing: true,
      serverSide: true,
      ajax: {
        url : '{{route("post.carrier.barcode")}}',
        type: 'POST',
        data: function (d) {
          d.cid = cid
        }
      },
      columns: [
      {data: 'id', name: 'c.id',visible: false,searchable: false},
      {data: 'bulk_delete', name: 'bulk_delete',orderable: false,searchable: false, width: '5%', className: 'text-center', visible: '{{LaraCore::canOrNot("delete_carrierbarcode")}}'},
      {data: 'color', name: 'c.color',orderable: false, width: '5%'},
      {data: 'name', name: 'c.name'},
      {data: 'barcode', name: 'cb.barcode', class:'open-model'},
      {data: 'available', name: 'available'},
      {data: 'btn', name: 'btn', searchable:false},
      {data: 'actions', name: 'actions', width: '10%', orderable:false,searchable:false,className:'text-center'},
      ],'rowCallback': function(row, data, dataIndex){
        var rowId = data['id'];
        if($.inArray(rowId, rows_selected) !== -1){
          $(row).find('.entity_chkbox').prop('checked', true);
          $(row).addClass('selected');
        }
      },
      "createdRow": function ( row, data, index ) {
        $(row).find('td').eq(2).attr('onclick',"openBarcodeModel('"+data["id"]+"')");
      }
    });
    initSelectAll('#carriers-barcode-grid', CarriersBarcodeTable);

    $(document).on('click', 'button[name="remove_carriers"]', function(e){
      e.preventDefault();
      var carriers_id = $(this).data('id') || "";
      if(carriers_id != ""){
        deselect_all();
        $('#carriers-grid tbody input[type="checkbox"].entity_chkbox:checked').iCheck('uncheck');
        rows_selected.push(carriers_id);
        $('#delete_carrier_barcode_modal').modal('show');
      }
    });

    $(document).on('click', '#delete_carrier_barcode', function(e){
      var carriers_ids = rows_selected;
      var formData = { carriers_ids :carriers_ids };
      var url = APP_URL+"/delete-barcode";
      $.ajax({
        type: "POST",
        url: url,
        data: formData,
        dataType: 'json',
        success: function (data) {
          CarriersBarcodeTable.draw();
          $('#delete_carrier_barcode_modal').modal('hide');
          DisplayMessages(data['message']);
          // refreshHeader();
        },
        error: function (jqXHR, exception) {
          var Response = jqXHR.responseText;
          Response = $.parseJSON(Response);
          DisplayMessages(Response.message,'error');
        }
      });
    });

    $(document).on('click', 'button[name="add_barcode_on_carrier"]', function (e) {
      e.preventDefault();
      saveCarrierBarcoe();
    });

    $('.my-colorpicker1').colorpicker().on('changeColor', function(e) { $('#addonColor')[0].style.backgroundColor = e.color.toHex(); });
  });

  $(document).on('hidden.bs.modal', '#carriers_modal',function (event) {
    $('.carriers_modal_div .edit_modal').html('');
    $('#addonColor').css('background-color','');
    var form = $("#carriers_save");
    $(form)[0].reset();
    form.find('input[name="id"]').val('');
    $(form).find('.has-error').removeClass('has-error');
    $(form).find('.help-block').html('');
  });

  $(document).on('shown.bs.modal', '#carriers_modal',function (event) {
    var form = $("#carriers_save");
    $(form)[0].reset();
    $('#carriers_modal input:visible:enabled:first').focus();
    $(form).find('.has-error').removeClass('has-error');
    $(form).find('.help-block').html('');
  });

  $(document).on('click', 'button[name="delete_selected_barcodes"]', function (e) {
    e.preventDefault();
    deleteSelectedBarcodes();
  });

  $(document).on('click', 'button[name="delete_barcode"]', function (e) {
    e.preventDefault();
    confirmDeleteModel();
  });

  function openWarningMessage(element) {
    toastr.warning("New Barcode will be allowed to add if available barcodes is less than <b>50<b>!", 'Warning !', { onHidden: function() {}});
  }

  function openCarrierBarcodeModel(element) {
    var carrier_id = $(element).attr('data-id');
    $.ajax({
      type: 'POST',
      url: '{{route('open.barcode.model')}}',
      data: {'carrier_id' : carrier_id},
      dataType: "html",
      success: function (data) {
        $('body').append(data);
        setTimeout(function(){
          $('#carrier_barcode_modal').find('input[name="start"]').focus();
        }, 1000);
      },
    }).done(function(result){
      $('#barcode-limit-div').hide();
      $('#carrier_barcode_modal').modal('show');
      closeCarrierBarcodeModel();
    });
  }

  function closeCarrierBarcodeModel(){
    $('#carrier_barcode_modal').on('hidden.bs.modal', function () {
      $('#carrier_barcode_modal').remove();
    });
  }

  function saveCarrierBarcoe(){
    var form = $("#save_barcode");
    var formData = $(form).serialize();
    var url = $(form).attr('action');
    $(form).find('.has-error').removeClass('has-error');
    $(form).find('.help-block').html('');

    var start = $(form).find('input[name="start"]').val();
    var end = $(form).find('input[name="end"]').val();

    if(start.trim() == '' || start == 'NULL' || end.trim() == '' || end == 'NULL'){
      if(start.trim() == '' || start == 'NULL'){
        $(form).find('.start').addClass('has-error');
      }else if(end.trim() == '' || end == 'NULL'){
        $(form).find('.end').addClass('has-error');
      }
    }else{
      $(".master-loader").show();
      $.ajax({
        type: 'POST',
        url: url,
        data: formData,
        success: function (data) {
          $(".master-loader").fadeOut( "slow" );
          if (data.status == 'success') {
            $("#carrier_barcode_modal").modal('hide');
            toastr.success('Carrier Barcode added successfully!', 'Success !', { onHidden: function() {}});
            CarriersBarcodeTable.ajax.reload();
          } else if (data.status == 'warning') {
            toastr.warning("New Barcode will be allowed to add if available barcodes is less than <b>50<b>!", 'Warning !', { onHidden: function() {}});
          } else if (data.status == 'numeric-warning') {
            toastr.warning("Barcode number should have at-least one number", 'Warning !', { onHidden: function() {}});
          } else {
            $('#barcode-limit-div').show();
          }
          // refreshHeader();
        },
        error: function (jqXHR, exception) {
          var Response = jqXHR.responseText;
          ErrorBlock = $(form);
          Response = $.parseJSON(Response);
          DisplayErrorMessages(Response, ErrorBlock, 'input');
        }
      });
    }    
  }

  function PrintBarcode(element){
    var carrier_id = $(element).attr('data-id');
    var template = $(element).attr('data-template');

    $('#carrierId').val(carrier_id);
    $('#templateType').val(template);

    $('#carrierId').parents('form').submit();
  }

  function VeiwBarcode(element){
    var carrier_id = $(element).attr('data-id');
    $.ajax({
      type: 'POST',
      url: '{{route('open.view.barcode.model')}}',
      data: {'carrier_id' : carrier_id},
      dataType: "html",
      success: function (data) {
        $('body').append(data);
      },
    }).done(function(result){
      $('#view_carrier_barcode_modal').modal('show');
      closeViewCarrierBarcodeModel();
    });
  }

  function closeViewCarrierBarcodeModel(){
    $('#view_carrier_barcode_modal').on('hidden.bs.modal', function () {
      $('#view_carrier_barcode_modal').remove();
    });
  }

  function setCarrierId(element){
    var id = $(element).attr('data-id');
    cid = id;
    CarriersBarcodeTable.ajax.reload();
  }

  function openBarcodeModel(carrier_id){
    var carrier_id = carrier_id;
    $(".master-loader").show();
    $.ajax({
      type: 'POST',
      url: '{{route('open.remove.barcode.model')}}',
      data: {'carrier_id' : carrier_id},
      dataType: "html",
      success: function (data) {
        $('body').append(data);
        $(".master-loader").fadeOut("slow");
        var selector = 'input[type="checkbox"].minimal, input[type="radio"].minimal';
        $('#pending_barcode_model').find(selector).iCheck({
          checkboxClass: 'icheckbox_minimal-grey',
          radioClass: 'iradio_minimal-grey'
        });
        checkAllBarcodes();
      },
    }).done(function(result){
      $('#pending_barcode_model').modal('show');
      closePendingBarcodeModel();
    });
  }

  function closePendingBarcodeModel(){
    $('#pending_barcode_model').on('hidden.bs.modal', function () {
      $('#pending_barcode_model').remove();
    });
  }

  function checkAllBarcodes(){
    $('input[name="check-all-barcodes"]').on('ifChecked ifUnchecked', function(e){
      if(e.currentTarget.checked){
        $('#pending_barcode_model input[type="checkbox"].check-barcodes:not(:checked)').iCheck('check');
      } else {
        $('#pending_barcode_model input[type="checkbox"].check-barcodes:checked').iCheck('uncheck');
      }
    });
  }

  function deleteSelectedBarcodes(){
    var Selected = $("#barcodes_delete input[type=checkbox]:checked").map(function () {return this.value;}).get().join(",");
    $('#barcodes_delete').find('#selected_barcodes').val(Selected);
    if (Selected == '') {
      toastr.error('Please select a barcode!', 'Error !', { onHidden: function() {          
      }});
    } else {
      $('#delete_barcode_modal').modal('show');
    }
  }

  function confirmDeleteModel(){
    var form = $("#barcodes_delete");
    var formData = $(form).serialize();
    var url = $(form).attr('action');
    $(form).find('.has-error').removeClass('has-error');
    $(form).find('.help-block').html('');
    var type = "POST";
    var options = {
      target: '',
      url: url,
      type: type,
      success: function(data) {
        $(form)[0].reset();
        $('#delete_barcodes_modal').modal('hide');
        $("#pending_barcode_model").modal('hide');
        CarriersBarcodeTable.draw(true);
        DisplayMessages(data['message']);
        // refreshHeader();
      },
      error: function (jqXHR, exception) {
        var Response = jqXHR.responseText;
        ErrorBlock = $(form);
        Response = $.parseJSON(Response);
        DisplayErrorMessages(Response, ErrorBlock, 'input');
      }
    }
    $(form).ajaxSubmit(options);
  }
  
</script>
@stop