@extends('panel.layouts.app')
@section('page-title')
<title>
{{ LaraCore::setting('html_prefix') }} {{ (LaraCore::setting('html_prefix') != '') ? '|' : '' }} Outwards</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="col-md-4 no-padding">
              <i class="fa fa-arrow-up"></i>
              <h3 class="box-title">Outwards</h3>
            </div>
            <div class="col-md-8 no-padding">
              <div class="box-tools box-tools-common pull-right">
                <a href="{{ url('drs-upload') }}" target="_blank" class="cstm-btn-inw btn btn-sm btn-default btn-block"><i class="fa fa-list-alt"></i> DRS Upload</a>
              </div>
            </div>
          </div>
          <div class="box-header with-border head-design">
            <div class="col-md-3">
              <div class="form-group has-feedback">
                <label>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-3">
              <div class="form-group has-feedback">
                <label>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="mar-top-btn">
              <div class="col-md-2">
                <button value="Reset" class="btn btn-sm btn-default btn-block reset-filter">Reset</button>
              </div>
              <div class="col-md-2">
                <button class="btn btn-sm btn-default btn-block" onclick="printOutwardReport(this)"><i class="fa fa-print"></i> Print</button>
              </div>
              <div class="col-md-1">
                <button class="btn btn-sm btn-default btn-block" data-toggle="modal" data-target="#send_outward_report_modal"><i class="fa fa-envelope"></i> Mail</button>
              </div>
              <div class="col-md-1 rmv-padd">
                <div class="box-tools box-tools-common pull-right">
                  <a href="javascript:void(0)" class="btn btn-box-tool show-tooltip" onclick="ToggleDataTable('outwards-grid')" title="Search"><i class="fa fa-search"></i></a>
                </div>
              </div>
            </div>
            {!! Form::open(["url"=>route('print-outward-receipt'),"method"=>"POST","target"=>"_blank"]) !!}
            {{ Form::hidden('sdate','',['id'=>'sdate']) }}
            {{ Form::hidden('edate','',['id'=>'edate']) }}
            {{ Form::close() }}
          </div>
          <div class="box-body">
            <div class="table-responsive">
              <table id="outwards-grid" class="table table-bordered table-hover display">
                <thead>
                  <th>Id</th> 
                  <th class="text-center">
                    @if(LaraCore::canOrNot('delete_carriers'))
                    <input name="select_all" type="checkbox"  class="minimal" id="bulk_delete" data-scope="#outwards-grid" />
                    @endif
                  </th>
                  <th>Date</th>
                  <th>Barcode</th>
                  <th>Receiver</th>
                  <th>Origin</th>
                  <th>Phone</th>
                  <th>Signature</th>
                </thead>
                <tbody>
                </tbody>
              </table>
            </div>
          </div>
        </div>
        <div class="inwards_modal_div">
          <div class="edit_modal">
          </div>
        </div>
        @include('common.modal.send_outward_mail_confirm_model',['entity' =>  'outward_report'])
      </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('change', function(e) {
      OutwardsTable.draw();
    });
    initDate('{{AppHelper::dateFormatJS(LaraCore::setting('date_format'))}}');
    initDateRange('{{AppHelper::dateFormatJS(LaraCore::setting('date_format'))}}');
    initFileInput();
    initRichText();
    OutwardsTable = $('#outwards-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": [ 0, "desc" ],
      processing: true,
      serverSide: true,
      ajax: {
        url : '{{route("outward.list")}}',
        type: 'POST',
        data: function (d) {
          d._token = $('hidden[name=_token]').val();
          d.start_date = $('input[name=start_date]').val();
          d.end_date = $('input[name=end_date]').val();
        },
      },
      columns: [
      {data: 'id', name: 'inwards.id',visible: false,searchable: false},
      {data: 'bulk_delete', name: 'bulk_delete',orderable: false,searchable: false, width: '5%', className: 'text-center', visible: '{{LaraCore::canOrNot("delete_carriers")}}'},
      {data: 'updated_at', name: 'updated_at',searchable: false},
      {data: 'barcode', name: 'barcode',className:'text-center'},
      {data: 'receiver', name: 'receiver'},
      {data: 'name', name: 'name'},
      {data: 'mobile', name: 'mobile'},
      {data: 'image', name: 'image', orderable:false,searchable:false,className:'text-center'},
      ],'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');
              }
            },
          });
    initSelectAll('#outwards-grid', OutwardsTable);

    $(document).on('click', '#send_outward_report', function(e){
      var email = $('input[name=email]').val();
      var name = $('input[name=name]').val();
      var start_date = $('input[name=start_date]').val();
      var end_date = $('input[name=end_date]').val();
      
      if(email == '' || email == null){
        $('.err').addClass('has-error');
      }else{
        $('.err').removeClass('has-error');
        var url = APP_URL+"/send-outward-report-mail";
        $.ajax({
          type: "POST",
          url: url,
          data: {'email' : email, 'start_date' : start_date, 'end_date' : end_date},
          dataType: 'json',
          success: function (data) {
            $('#send_outward_report_modal').modal('hide');
            DisplayMessages(data['message']);
          },
          error: function (jqXHR, exception) {
            var Response = jqXHR.responseText;
            Response = $.parseJSON(Response);
            DisplayMessages(Response.message,'error');
          }
        });  
      }
    });
    
  });

  $( ".reset-filter" ).click(function(e) {
    var startDate = '{{$startDate}}';
    var endDate = '{{$endDate}}';
    $('input[name=start_date]').val(startDate);
    $('input[name=end_date]').val(endDate);
    OutwardsTable.draw();
  });

  $(document).on('hidden.bs.modal', '#send_outward_report_modal',function (event) { 
    $('.err').removeClass('has-error');
    var email = $('input[name=email]').val('');
    var name = $('input[name=name]').val('');
  });

  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/inwards/'+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 printOutwardReport(element){
    var start_date = $('input[name=start_date]').val();
    var end_date = $('input[name=end_date]').val();
    $('#sdate').val(start_date);
    $('#edate').val(end_date);
    $('#sdate').parents('form').submit();
  }
</script>
@stop