@extends('panel.layouts.app')
@section('page-title')
<title>
{{ LaraCore::setting('html_prefix') }} {{ (LaraCore::setting('html_prefix') != '') ? '|' : '' }} Bookings / Cash</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">
            <div class="row">
              <div class="col-md-12">
                <i class="fa fa-list-alt"></i>
                <h3 class="box-title">Bookings / Cash</h3>    
                <div class="box-tools box-tools-common pull-right">
                  <div class="pull-right lbl-mrgin">
                    <label class="markSms">Marked for SMS</label>
                    <label class="sendSms">Sent SMS</label>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="box-header with-border">
            <div class="row">
              <div class="col-md-2">
                <div class="form-group has-feedback err">
                  <label>Cash Client</label>
                  {{ Form::select('clients', $clients,'',["class"=>'form-control filter select2','autofocus' => 'true', 'id' => 'clients']) }}
                </div>
              </div>
              <div class="col-md-2">
                <div class="has-feedback">
                  <label for="startDate">Start Date : </label>
                  <div class="input-group ">
                    {{Form::text( 'start_date', $startDate, [ "class" => "form-control", "id" => 'startDate' ]) }}
                    <div class="input-group-addon"> <i class="fa fa-calendar"></i> </div>
                  </div>
                </div>
              </div>
              <div class="col-md-2">
                <div class="has-feedback">
                  <label for="endDate">End Date : </label>
                  <div class="input-group ">
                    {{Form::text( 'end_date', $endDate, [ "class" => "form-control", "id" => 'endDate' ]) }}
                    <div class="input-group-addon"> <i class="fa fa-calendar"></i> </div>
                  </div>
                </div>                
              </div>
              <div class="col-md-2">
                <div class="form-group has-feedback">
                  <label>Carriers</label>
                  {{ Form::select('carriers', $carriers,'',["class"=>'form-control filter select2', 'id' => 'carriers']) }}
                </div>
              </div>
              <div class="col-md-2">
                <div class="form-group has-feedback">
                  <label>GST</label>
                  {{ Form::select('gst', $gst,'',["class"=>'form-control filter select2', 'id' => 'gst']) }}
                </div>
              </div>
              <div class="col-md-2">
                <div class="form-group has-feedback">
                  <label>Package Types</label>
                  {{ Form::select('package_types', $packageTypes,'',["class"=>'form-control filter select2', 'id' => 'package_types']) }}
                </div>
              </div>
            </div>
            <div class="row mt-3">
              <div class="col-md-1">
                  <div class="form-group has-feedback">
                      @if(LaraCore::canOrNot('delete_parcelentry'))
                          <a href="javascript:void(0)" class="btn btn-default btn-block show-tooltip" data-toggle="modal" data-target="#mark_send_parcel_modal" title="Mark for SMS" id="sendMsgAll" name="send_msg_parcels">
                              <i class="fa fa-comment"></i>
                          </a>
                      @endif
                  </div>
              </div>

              <div class="col-md-1">
                  <div class="form-group has-feedback">
                      @if ($is_user_delete_booking == true)
                          <a href="javascript:void(0)" class="btn btn-default btn-block show-tooltip" data-toggle="modal" data-target="#delete_parcel_modal" title="Delete selected items" id="deleteAll" name="remove_parcels">
                              <i class="fa fa-trash"></i>
                          </a>
                      @endif
                  </div>
              </div>

              {{-- <div class="col-md-2">
                <div class="form-group has-feedback">
                    <div class="dropdown">
                        <a class="btn btn-sm btn-default btn-block show-tooltip" id="printAll" title="Print">
                            <i class="fa fa-print"></i> Print Receipt
                        </a>
                        <div class="dropdown-content template-default" id="printDropdown">
                            <a href="javascript:void(0)" data-template="default" onclick="printSelectedParcel(this)" data-id="parcels-grid">
                                <img src="assets/uploads/billtemplatelogo/print.png" alt="Logo" width="20" height="20"> Default
                            </a>
                            @if($is_account_user_receipt == true)
                            <a href="javascript:void(0)" data-template="format" onclick="printSelectedParcel(this)" data-id="parcels-grid"><img src="assets/uploads/billtemplatelogo/print.png" alt="Logo" width="20" height="20"> Format Receipt</a>
                            @endif
                        </div>
                    </div>
                </div>
            </div> --}}

            <div class="col-md-2">
                <div class="form-group has-feedback">
                    <div class="dropdown">
                        <a class="btn btn-sm btn-default btn-block show-tooltip" id="printAll" title="Print">
                            <i class="fa fa-print"></i> Print Receipt
                        </a>

                        <div class="dropdown-content template-default" id="printDropdown">
                            <a href="javascript:void(0)"
                              data-template="default"
                              data-id="parcels-grid"
                              onclick="printSelectedParcel(this)">
                                <img src="assets/uploads/billtemplatelogo/print.png" width="20" height="20">
                                Default
                            </a>

                            @if($is_account_user_receipt == true)
                            <a href="javascript:void(0)"
                              data-template="format"
                              data-id="parcels-grid"
                              onclick="printSelectedParcel(this)">
                                <img src="assets/uploads/billtemplatelogo/print.png" width="20" height="20">
                                Format Receipt
                            </a>
                            @endif

                            @foreach($allLists as $list)
                            <a href="javascript:void(0)"
                              data-id="parcels-grid"
                              data-list-key="{{ $list->key }}"
                              onclick="printSelectedParcel(this)">
                                <img src="assets/uploads/billtemplatelogo/print.png" width="20" height="20">
                                {{ $list->template_name ?? ucfirst($list->key) }} Print
                            </a>
                            @endforeach
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-md-1">
              <div class="form-group has-feedback">
                <a href="javascript:void(0)" class="btn btn-default btn-block show-tooltip" title="Update Payment Status" onclick='openBulkPaymentStatusUpdate()' id="sendBillMail" name="bulk_payment_status_update">
                  <i class="fa fa-bullhorn" style="font-size: 14px;" aria-hidden="true"></i>
                </a>
              </div>
           </div>
           <div class="col-md-1">
                  <div class="form-group has-feedback">
                      @if($is_enable_whats_app_api_service && LaraCore::canOrNot('delete_parcelentry'))
                          <a href="javascript:void(0)" class="btn btn-success btn-block show-tooltip" data-toggle="modal" data-target="#mark_send_parcel_whatsapp_modal" title="Mark for WhatsApp" onclick="openBulkSendWhatsappModal()" id="sendWhatsappAll" name="send_whatsapp_parcels">
                              <i class="fa fa-whatsapp"></i>
                          </a>
                      @else
                          <!-- Empty space to maintain layout -->
                          <span style="display:block;width:100%;height:38px;"></span>
                      @endif
                  </div>
            </div>
              <!-- <div class="col-md-2">
                <div class="form-group has-feedback">
                  <button class="btn btn-sm btn-default btn-block" onclick="printParcelReportNoCharges(this)"><i class="fa fa-print"></i> No charges</button>
                </div>
              </div> -->
              <div class="col-md-2"></div> 

              <div class="col-md-2">
                  <div class="form-group has-feedback">
                      <button class="btn btn-sm btn-default btn-block" onclick="printParcelReport(this)">
                          <i class="fa fa-print"></i> Print
                      </button>
                  </div>
              </div>

              <div class="col-md-2">
                  <div class="form-group has-feedback">
                      <button value="Reset" class="btn btn-sm btn-default btn-block reset-report-filter">Reset</button>
                  </div>
              </div>
           </div>

            {{-- <div class="row">
              <div class="col-md-3">
                <div class="new-btn">
                  <button value="Reset" class="btn btn-sm btn-default btn-block reset-report-filter">Reset</button>
                </div>
                <div class="new-btn">
                  <button class="btn btn-sm btn-default btn-block" onclick="printParcelReport(this)"><i class="fa fa-print"></i> Print</button>
                </div>
                <div class="new-btn">
                  <button class="btn btn-sm btn-default" onclick="printParcelReportNoCharges(this)"><i class="fa fa-print"></i> No charges</button>
                </div>
                <div class="opt-btn pull-right">
                  <div class="box-tools box-tools-common">
                    @if(LaraCore::canOrNot('delete_parcelentry'))
                    <a href="javascript:void(0)" class="btn btn-box-tool show-tooltip cash-parcel-report-cstm-btn" data-toggle="modal" data-target="#mark_send_parcel_modal"  title="Mark for SMS" id="sendMsgAll" name="send_msg_parcels">
                      <i class="fa fa-comment"></i>
                    </a>
                    @if ($is_user_delete_booking == true)
                    <a href="javascript:void(0)" class="btn btn-box-tool show-tooltip cash-parcel-report-cstm-btn" data-toggle="modal" data-target="#delete_parcel_modal"  title="Delete selected items" id="deleteAll" name="remove_parcels">
                      <i class="fa fa-trash"></i>
                    </a>
                    @endif
                    @endif
                    <a href="javascript:void(0)" class="btn btn-box-tool show-tooltip cash-parcel-report-cstm-btn" onclick="ToggleDataTable('parcels-grid')" title="Search"><i class="fa fa-search"></i></a>
                  </div>
                </div>
              </div>
            </div> --}}
            {{ Form::open(["url"=>route('cash.print.parcels.report'),"method"=>"POST","target"=>"_blank"]) }}
            {{ Form::hidden('client','',['id'=>'client']) }}
            {{ Form::hidden('sdate','',['id'=>'sdate']) }}
            {{ Form::hidden('edate','',['id'=>'edate']) }}
            {{ Form::hidden('carrier','',['id'=>'carrier']) }}
            {{ Form::hidden('rgst','',['id'=>'rgst']) }}
            {{ Form::hidden('package_type','',['id'=>'package_type']) }}
            {{ Form::hidden('nocharges','',['id'=>'nocharges']) }}
            {{ Form::hidden('parcelId','',['id'=>'parcelId']) }}
            {{ Form::close() }}
            {{ Form::open(["url"=>route('print-receipt'),"method"=>"POST","target"=>"_blank"]) }}
            {{ Form::hidden('receips-ids','',['id'=>'receipt-ids']) }}
            {{ Form::close() }}
            {{ Form::open(["url"=>route('format.receipt.print'),"method"=>"POST","target"=>"_blank"]) }}
            {{ Form::hidden('ids','',['id'=>'format-receipt-id']) }}
            {{ Form::close() }}
            {!! Form::open(["url"=>route('print.carrier.receipt'),"method"=>"POST","target"=>"_blank"]) !!}
            {{ Form::hidden('carrier-receipt-ids','',['id'=>'carrier-receipt-ids']) }}
            {{ Form::hidden('list-key','',['id'=>'list-key']) }}
            {{ Form::close() }}
          </div>
          <div class="box-body">
            <div class="table-responsive">
              <table id="parcels-grid" class="table table-bordered table-hover display">
                <thead>
                  <th>Id</th> 
                  <th class="text-center">
                    @if(LaraCore::canOrNot('delete_parcelentry'))
                    <input name="select_all" type="checkbox"  class="minimal" id="bulk_delete" data-scope="#parcels-grid" />
                    @endif
                  </th>
                  <th>Date</th>
                  <th>Client</th>
                  <th>Center</th>
                  <th>Receiver</th>
                  <th>Mobile</th>
                  <th>Carrier</th>
                  <th>Packagetype</th>
                  <th>Weight</th>
                  <th>Amount</th>
                  <th>Consignment No</th>
                  <th>Payment Status</th>
                  @if($is_user_delete_booking)
                  <th>&nbsp;</th>
                  @endif
                </thead>
                <tbody>
                </tbody>
                <tfoot>
                  <tr class="bg-color-foot-color">
                    <th colspan="10" class="border-style"> <b>Total Amount:</b></th>
                    <th class="border-style"></th>
                    <th class="border-style"></th>
                    <th class="border-style"></th>
                  </tr>
                </tfoot>
              </table>
            </div>
          </div>
        </div>
        <div class="parcels_modal_div">
          <div class="edit_modal">
          </div>
          {{-- @include('panel.parcels.create', [@$data]) --}}
        </div>
        @include('common.modal.delete_confirm_modal',['entity' =>  'parcel'])
        @include('common.modal.mark_send_confirm_model',['entity' =>  'parcel'])
      </section>
    </div>
    <div class="col-md-1"></div>
  </div>
</div>
@stop
@section('custom-scripts')
<script type="text/javascript">
  var rows_selected  = "";
  $(document).ready(function () {
    $('#endDate, #startDate').daterangepicker({
      singleDatePicker: true,
      autoUpdateInput: true,
      drops: "down",
      locale: {
        format: '{{AppHelper::dateFormatJS(LaraCore::setting('date_format'))}}',
      },
    }).on('apply.daterangepicker', function(e, picker) {
      ParcelsTable.draw();
    });
    $('#clients').select2({
      placeholder: "Select Client"
    });
    initDate('{{AppHelper::dateFormatJS(LaraCore::setting('date_format'))}}');
    initDateRange('{{AppHelper::dateFormatJS(LaraCore::setting('date_format'))}}');
    initFileInput();
    initRichText();
    ParcelsTable = $('#parcels-grid').DataTable({
      scrollY: "400px", 
      scrollCollapse: true,
      scrollX: true, 
      'language': { "emptyTable": '{{LaraCore::setting('no_records')}}' },
      "aLengthMenu": [[-1, 10, 20, 30, 40, 50], ['All', 10, 20, 30, 40, 50]],
      "order": [ 0, "desc" ],
      processing: true,
      serverSide: true,
      dom: 'Bftip',
      buttons: [{
        extend: 'pdf',
        title: 'cTrunk | Cash Booking Report',
        filename: 'ctrunk_cash_booking_report',
        orientation: 'landscape',
        pageSize: 'LETTER'
      },{
        extend: 'excel',
        title: 'cTrunk | Cash Booking Report',
        filename: 'ctrunk_cash_booking_report',
      }
      ],
      ajax: {
        url : '{{route("cash.post.parcel.data")}}',
        type: 'POST',
        data: function (d) {
          d._token = $('hidden[input=_token]').val();
          d.client = $('select[name=clients]').val();
          d.start_date = $('input[name=start_date]').val();
          d.end_date = $('input[name=end_date]').val();
          d.carrier = $('select[name=carriers]').val();
          d.gst = $('select[name=gst]').val();
          d.package_type = $('select[name=package_types]').val();
        },
      },
      columns: [
      {data: 'id', name: 'cash_parcels.id',visible: false,searchable: false},
      {data: 'bulk_delete', name: 'bulk_delete',orderable: false,searchable: false, width: '5%', className: 'text-center', visible: '{{LaraCore::canOrNot("delete_parcelentry")}}'},
      {data: 'date', name: 'date'},
      {data: 'client_id', name: 'client.name'},
      {data: 'center_id', name: 'center.name'},
      {data: 'receiver_id', name: 'receiver.name'},
      {data: 'mobile', name: 'cash_parcels.mobile'},
      {data: 'carrier_id', name: 'carrier.name'},
      {data: 'package_type', name: 'pt.name'},
      {data: 'weight', name: 'weight'},
      {data: 'net_amt', name: 'net_amt'},
      {data: 'consignment_no', name: 'consignment_no'},
      {data: 'payment_status', name: 'cash_parcels.payment_status',searchable: true, orderable: true}, 
      {data: 'actions', name: 'actions', orderable:false,searchable:false,className:'text-center',visible: '{{$is_user_delete_booking==true}}'},
      ],'rowCallback': function(row, data, dataIndex){
              var rowId = data['id']; // Get row ID
              if($.inArray(rowId, rows_selected) !== -1){
                $(row).find('.entity_chkbox').prop('checked', true);
                $(row).addClass('selected');
              }
              var msgStatus = data['receiver_sms_status'];
              if (msgStatus == '1') {
                $(row).addClass('markSms');
              } else if (msgStatus == '2') {
                $(row).addClass('sendSms');
              }
            },
            footerCallback: function (row, data, start, end, display){
              var api = this.api(), data;
              var intVal = function ( i ) {
                return typeof i === 'string' ?
                i.replace(/[\$,]/g, '')*1 :
                typeof i === 'number' ?
                i : 0;
              };

              net_amt = api
              .column(10)
              .data()
              .reduce( function (a, b) {
                return intVal(a) + intVal(b);
              }, 0 );
              console.log('DEBUG total:', net_amt);
              $( api.column(10).footer() ).html(
                Number(net_amt).toLocaleString('en')
                );
            },
    });
    initSelectAll('#parcels-grid', ParcelsTable);
    $('#parcels-grid_filter').css({"display":"inline-block", "float":"right"});
    $('.dt-buttons').css({"display":"inline-flex", "align-items":"flex-start", "gap":"10px"});

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

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

    $(document).on('click', '#delete_parcel', function(e){
      var parcels_ids = rows_selected;
      var formData = { parcels_ids :parcels_ids };
      var url = APP_URL+"/cash/parcels-delete";
      $.ajax({
        type: "POST",
        url: url,
        data: formData,
        dataType: 'json',
        success: function (data) {
          ParcelsTable.draw();
          $('#delete_parcel_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', '#mark_send_parcel', function(e){
      var parcels_ids = rows_selected;
      var formData = { parcels_ids :parcels_ids };
      var url = APP_URL+"/cash-parcels-marks-send-msg";
      var btn = $(this);
      btn.prop("disabled", true);
      btn.html('Yes, Sure <i class="fa fa-spinner fa-spin"></i>');
      $.ajax({
        type: "POST",
        url: url,
        data: formData,
        dataType: 'json',
        success: function (data) {
          btn.prop("disabled", false);
          btn.html('Yes, Sure');
          var markedCount = data['markedCount'];
          var warningCount = data['warningCount'];
          ParcelsTable.draw();
          $('#mark_send_parcel_modal').modal('hide');
          if (warningCount > 0 && markedCount == 0) {
            toastr.warning('Parcels with missing mobile number will not be marked', 'WARNING!', { onHidden: function() {}});
          }else if (markedCount > 0 && warningCount == 0){
            DisplayMessages(data['message']);
          }else{
            toastr.warning('Parcels with missing mobile number will not be marked', 'WARNING!', { onHidden: function() {}});
            DisplayMessages(data['message']);
          }
          // refreshHeader();
        },
        error: function (jqXHR, exception) {
          var Response = jqXHR.responseText;
          Response = $.parseJSON(Response);
          DisplayMessages(Response.message,'error');
        }
      });
    });

  });

$(document).on('hidden.bs.modal', '#parcels_modal',function (event) {
  $('.parcels_modal_div .edit_modal').html('');
  var form = $("#parcels_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', '#parcels_modal',function (event) {
  var form = $("#parcels_save");
  $(form)[0].reset();
  $('#parcels_modal input:visible:enabled:first').focus();
  $(form).find('.has-error').removeClass('has-error');
  $(form).find('.help-block').html('');
});

$( ".filter" ).change(function(e) {
  e.preventDefault();
  ParcelsTable.draw();
});

$( ".reset-report-filter" ).click(function(e) {
  $('.err').removeClass('has-error');
  $('select[name=clients]').val('').change();
  var startDate = '{{$startDate}}';
  var endDate = '{{$endDate}}';
  $('input[name=start_date]').val(startDate);
  $('input[name=end_date]').val(endDate);
  $('select[name=carriers]').val('').change();
  $('select[name=gst]').val('0').change();
  $('select[name=package_types]').val('').change();
  ParcelsTable.draw();
});

function createParcels(){  
  var form = $("#parcels_save");
  var formData = $(form).serialize();
  var url = $(form).attr('action');
  var id = form.find('input[name="id"]').val();       
  $(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();
      form.find('input[name="id"]').val('');
      $("#parcels_modal").modal('hide');
      ParcelsTable.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);
}

function SetEditParcels(element){
  var Form = $("#parcels_save");
  var Id = $(element).attr('data-id');
  var APP_URL = $('meta[name="_base_url"]').attr('content');
  var url = APP_URL + '/parcels/' + Id + '/edit';
  $.ajax({
    type: "GET",
    url: url,
    data: "id=" + Id,
    dataType: "json",
    success: function (res) {
      $('.parcels_modal_div .edit_modal').html(res.modal);
      initIcheck();
      initSelect();
      initFileInput();
      initRichText();
      initDate('{{AppHelper::dateFormatJS(LaraCore::setting('date_format'))}}');
      initDateRange('{{AppHelper::dateFormatJS(LaraCore::setting('date_format'))}}');
      $('#parcels_modal').modal('show');
    }
  });
}

function initFileInput(){
  file_inputs = $('input[type="file"]');
  if(file_inputs.length > 0){
    $.each(file_inputs, function(index, element) {
      file_input_name = $(this).attr('name');

      var file_input_src = "";
      var file_input_config = new Array();

      var input_src = $('input[name="'+file_input_name+'"]').data('src');

      if(input_src != "" && input_src !== undefined){
        var file_input_src = input_src.split(",");
        var input_src_names =  $('input[name="'+file_input_name+'"]').data('names');;
        var input_src_names_arr = input_src_names.split(",");
        $.each(file_input_src, function(index, element) {
          file_input_src[index] = APP_URL+'/assets/uploads/parcels/'+file_input_src[index];
        });
        $.each(input_src_names_arr, function(i, e) {
          file_type = getFileType(file_input_src[i]);
          obj = { type: file_type, caption:  input_src_names_arr[i], showDelete: false, showZoom: true}
          file_input_config.push(obj);
        });
      }else{
        file_input_config.push({});
      }
      var file_input_options = getFileInputOptions();
      $.extend( file_input_options, {
        initialPreview: file_input_src,
        initialPreviewConfig: file_input_config,
      });
      $(this).fileinput(file_input_options);

      var file_input_name = $(this).attr('name');
      $(this).on('filecleared', function(event) {
        var file_input_src = "";

        var file_input_options = getFileInputOptions();
        $.extend( file_input_options, {
          initialPreview: file_input_src,
          initialPreviewConfig: [ {caption: "", filename: "", showDelete: false,  showZoom: true} ,]
        });
        $(this).fileinput('refresh',file_input_options);
        var input_name = file_input_name.replace('[]', '');
        $('input[name="'+input_name+'_token"]').val('default.jpg');
      });
    });
  }
}

function printParcelReport(element){
  var client = $('select[name=clients]').val();
  var carrier = $('select[name=carriers]').val();
  var gst = $('select[name=gst]').val();
  var package_type = $('select[name=package_types]').val();
  
  if(client == '' && carrier == '' && rows_selected.length == 0){
    toastr.error('Please select client !', 'Error !', { onHidden: function() { }});
    $('.err').addClass('has-error');
  }else{
    $('.err').removeClass('has-error');
    var start_date = $('input[name=start_date]').val();
    var end_date = $('input[name=end_date]').val();
    $('#client').val(client);
    $('#sdate').val(start_date);
    $('#edate').val(end_date);
    $('#carrier').val(carrier);
    $('#rgst').val(gst);
    $('#package_type').val(package_type);
    $('#nocharges').val('no');
    $('#parcelId').val(rows_selected);
    $('#sdate').parents('form').submit();
  }
}

// function printParcelReportNoCharges(element){
//   var client = $('select[name=clients]').val();
//   var carrier = $('select[name=carriers]').val();
//   var gst = $('select[name=gst]').val();
//   var package_type = $('select[name=package_types]').val();
//   if(client == '' && carrier == '' && rows_selected.length == 0){
//     toastr.error('Please select client !', 'Error !', { onHidden: function() { }});
//     $('.err').addClass('has-error');
//   }else{
//     $('.err').removeClass('has-error');
//     var start_date = $('input[name=start_date]').val();
//     var end_date = $('input[name=end_date]').val();
//     $('#client').val(client);
//     $('#sdate').val(start_date);
//     $('#edate').val(end_date);
//     $('#carrier').val(carrier);
//     $('#rgst').val(gst);
//     $('#package_type').val(package_type);
//     $('#nocharges').val('yes');
//     $('#parcelId').val(rows_selected);
//     $('#sdate').parents('form').submit();
//   }
// }

function printFormatReceipt(element){
  var Id = $(element).attr('data-id');
  $('#format-receipt-id').val(Id).parents('form').submit();
}

function printCarrierReceipt(element){
  var parcelId = $(element).data('id');
  var listKey  = $(element).data('list-key');
  $('#carrier-receipt-ids').val(parcelId);
  $('#list-key').val(listKey);
  $('#carrier-receipt-ids').parents('form').submit();
}

// function printSelectedParcel(element){
//   var Id = $(element).attr('data-id');
//   var template = $(element).attr('data-template');
//   var ListTable = $('#'+Id);
//   var ListTbody = $(ListTable).find('tbody'); 
//   var CheckBoxes = $(ListTbody).find('input[type="checkbox"]');
//   var Selected = $(ListTbody).find("input[type=checkbox]:checked").map(function () {return this.value;}).get().join(",");
//   if ( Selected=='' ) {
//     toastr.error('Please select atleast one receipt', 'Error !', { onHidden: function() {}});
//   } else {
//     if ( template == 'default' ) {
//       $('#receipt-ids').val(Selected).parents('form').submit();
//     } else if ( template == 'format' ) {
//       $('#format-receipt-id').val(Selected).parents('form').submit();
//     }
//   }
// }

function printSelectedParcel(element){
  var tableId = $(element).data('id');
  var template = $(element).data('template');
  var listKey  = $(element).data('list-key');
  var ListTable = $('#'+tableId);
  var ListTbody = ListTable.find('tbody');
  var Selected = ListTbody
      .find("input[type=checkbox]:checked")
      .map(function () { return this.value; })
      .get()
      .join(",");

  if (Selected === '') {
    toastr.error('Please select at least one receipt', 'Error!');
    return;
  }

  if (template === 'default') {
    $('#receipt-ids').val(Selected).parents('form').submit();
    return;
  }

  if (template === 'format') {
    $('#format-receipt-id').val(Selected).parents('form').submit();
    return;
  }

  if (listKey) {
    $('#carrier-receipt-ids').val(Selected);
    $('#list-key').val(listKey);
    $('#carrier-receipt-ids').parents('form').submit();
    return;
  }
}

function oPenPaymentStatusUpdateModal(element) {
  var parcel_id = $(element).attr('data-id');
  $.ajax({
    type: "POST",
    url: '{{route('open.cash.payment.status.model')}}',
    data: {
      "parcel_id":parcel_id,
    },
    dataType: "html",
    success: function(res) {
      $('body').append(res);
      var selector = 'input[type="checkbox"].minimal, input[type="radio"].minimal';
      $('#payment_status_modal').find(selector).iCheck({
        checkboxClass: 'icheckbox_minimal-grey',
        radioClass: 'iradio_minimal-grey w-radio'
      });
      initFileInput();
    },
  }).done(function(result){
    $('#payment_status_modal').modal('show');
    closePaymentStatusModel();
  });
}

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

function saveParcelPaymentStatus(form){
  var Data = new FormData(form);
  $.ajax({
    type: "POST",
    url: $(form).attr('action'),
    data: Data,
    dataType: "json",
    processData: false,
    contentType: false,
    beforeSend: function(msg){
      $(".master-loader").show();
    },
    success: function(res) {
      $("#payment_status_modal").modal('hide');
      $(".master-loader").fadeOut();
      if(res.status == 'success' && res.message == 'updated'){
        toastr.success('Parcel payment status updated successfully !', 'Success !', { onHidden: function() {} });
      } else if(res.status == 'success' && res.message == 'no-change') {
        toastr.success('You haven\'t made any changes', 'Success !', { onHidden: function() {} });
      }
      ParcelsTable.draw();
    },
    error: function (jqXHR, exception) {
      $(".master-loader").fadeOut();
      var Response = jqXHR.responseText;
      ErrorBlock = $(form);
      Response = $.parseJSON(Response);
      DisplayErrorMessages(Response, ErrorBlock, 'input');
    }
  });
  return false;
}

function openBulkPaymentStatusUpdate(){
  var parcels_id = $('#parcels-grid').find('tbody').find("input[type=checkbox]:checked").map(function () {return this.value;}).get().join(",");
  if(parcels_id != ""){
    $.ajax({
      type: "POST",
      url: '{{route('open.bulk.payment.status.update.model')}}',
      data: {
        "parcels_id":parcels_id,
      },
      dataType: "html",
      success: function(res) {
        $('body').append(res);
        var selector = 'input[type="checkbox"].minimal, input[type="radio"].minimal';
        $('#open_bulk_payment_status_update_modal').find(selector).iCheck({
          checkboxClass: 'icheckbox_minimal-grey',
          radioClass: 'iradio_minimal-grey w-radio'
        });
        initFileInput();
        initSelect();
        $(".date_input").daterangepicker({
          singleDatePicker: true,
          autoUpdateInput: true,
          drops: "down",
          locale: {
            format: '{{AppHelper::dateFormatJS(LaraCore::setting('date_format'))}}',
          },
        });
      },
    }).done(function(result){
      $('#open_bulk_payment_status_update_modal').modal('show');
      closeBulkStatusUpdateModel();
    });
  }
}

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

function saveBulkParcelPaymentStatusUpdate(form){
  var Data = new FormData(form);
  $.ajax({
    type: "POST",
    url: $(form).attr('action'),
    data: Data,
    dataType: "json",
    processData: false,
    contentType: false,
    beforeSend: function(msg){
      $(".master-loader").show();
    },
    success: function(res) {
      $("#open_bulk_payment_status_update_modal").modal('hide');
      $(".master-loader").fadeOut();
      if(res.status == 'success' && res.message == 'updated'){
        toastr.success('Bulk parcel payment status updated successfully!', 'Success !', { onHidden: function() {} });
      } else if(res.status == 'success' && res.message == 'no-change') {
        toastr.error('Bulk parcel payment status update is not success!', 'Error !', { onHidden: function() {} });
      }
      ParcelsTable.draw();
    },
    error: function (jqXHR, exception) {
      $(".master-loader").fadeOut();
      var Response = jqXHR.responseText;
      ErrorBlock = $(form);
      Response = $.parseJSON(Response);
      DisplayErrorMessages(Response, ErrorBlock, 'input');
    }
  });
  return false;
}

function openBulkSendWhatsappModal() {
    var parcels_id = $('#parcels-grid').find('tbody')
        .find("input[type=checkbox]:checked")
        .map(function () { return this.value; })
        .get()
        .join(",");

    if (parcels_id != "") {
        $.ajax({
            type: "POST",
            url: '{{ route('open.bulk.send.whatsapp.modal') }}',
            data: {
                "parcels_id": parcels_id,
            },
            dataType: "html",
            success: function(res) {
                $('#bulk_send_whatsapp_modal').remove();
                $('body').append(res);
                var selector = 'input[type="checkbox"].minimal, input[type="radio"].minimal';
                $('#bulk_send_whatsapp_modal').find(selector).iCheck({
                    checkboxClass: 'icheckbox_minimal-grey',
                    radioClass: 'iradio_minimal-grey w-radio'
                });
                initFileInput();
                initSelect();
                $('#bulk_send_whatsapp_modal').modal('show');
            },
        });
    }
}

$(document).on('hidden.bs.modal', '#bulk_send_whatsapp_modal', function () {
    $(this).remove(); 
});

$(document).on('submit', '#bulk_parcel_whatsapp_form', function(e) {
    e.preventDefault();
    var sender = $('input[name="sender_whatsapp"]').is(':checked');
    var receiver = $('input[name="receiver_whatsapp"]').is(':checked');
    var receipt = $('input[name="receipt_whatsapp"]').is(':checked');
    // Validation
    if ((!sender && !receiver && !receipt) || (!sender && !receiver && receipt)) {
        toastr.error('Please select Sender or Receiver to send WhatsApp message.');
        return false; 
    }
    var form = $(this);
    var url = form.attr('action');
    var formData = form.serialize();
    var btn = form.find('button[type="submit"]');

    btn.prop("disabled", true);
    btn.html('Sending <i class="fa fa-spinner fa-spin"></i>');

    $.ajax({
        type: "POST",
        url: url,
        data: formData,
        dataType: 'json',
        success: function(data) {
            btn.prop("disabled", false);
            btn.html('Send');

            if (typeof ParcelsTable !== 'undefined') {
                ParcelsTable.draw();
            }

            $('#bulk_send_whatsapp_modal').modal('hide');

            if (data.warningCount > 0 && data.markedCount == 0) {
                toastr.warning('Parcels with missing mobile numbers will not be sent.', 'WARNING!');
            } else if (data.markedCount > 0 && data.warningCount == 0) {
                DisplayMessages(data.message);
            } else {
                toastr.warning('Parcels with missing mobile numbers will not be sent.', 'WARNING!');
                DisplayMessages(data.message);
            }
        },
        error: function(jqXHR) {
            btn.prop("disabled", false);
            btn.html('Send');
            var response = jqXHR.responseJSON;
            if(response && response.message){
                DisplayMessages(response.message, 'error');
            } else {
                DisplayMessages('Something went wrong!', 'error');
            }
        }
    });

    return false;
});

</script>
@stop