@extends('panel.layouts.app')
@section('page-title')
<title>
{{ LaraCore::setting('html_prefix') }} {{ (LaraCore::setting('html_prefix') != '') ? '|' : '' }} Income</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-inr"></i>
            <h3 class="box-title">Income</h3>
            {{-- <div class="box-tools box-tools-common pull-right">
              @if(LaraCore::canOrNot('delete_carriers'))
              <a href="javascript:void(0)" class="btn btn-box-tool show-tooltip" data-toggle="modal" data-target="#delete_income_modal"  title="Delete selected items" id="deleteAll" name="remove_incomes">
                <i class="fa fa-trash"></i>
              </a>
              @endif
              <a href="javascript:void(0)" class="btn btn-box-tool show-tooltip" onclick="ToggleDataTable('incomes-grid')" title="Search"><i class="fa fa-search"></i></a>
              <a href="javascript:void(0)" data-toggle="modal" data-target="#incomes_modal" class="btn btn-box-tool show-tooltip" title="Add Incomes"><i class="fa fa-plus"></i></a>
            </div> --}}
          </div>
          <div class="box-header with-border head-design">
            <div class="col-md-3">
              <div class="form-group has-feedback">
                <label>Clients</label>
                {{ Form::select('clients', $clients,'',["class"=>'form-control filter select2','autofocus' => 'true', 'id' => 'clients']) }}
              </div>
            </div>
            <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-1">
                <button value="Reset" class="btn btn-sm btn-default btn-block reset-income-report-filter">Reset</button>
              </div>
              <div class="col-md-1">
                <button class="btn btn-sm btn-default btn-block" onclick="printIncomeReport(this)"><i class="fa fa-print"></i> Print</button>
              </div>
              <div class="col-md-1">
                <div class="box-tools box-tools-common pull-right">
                  @if(LaraCore::canOrNot('delete_carriers'))
                  <a href="javascript:void(0)" class="btn btn-box-tool show-tooltip" data-toggle="modal" data-target="#delete_income_modal"  title="Delete selected items" id="deleteAll" name="remove_incomes">
                    <i class="fa fa-trash"></i>
                  </a>
                  @endif
                  <a href="javascript:void(0)" class="btn btn-box-tool show-tooltip" onclick="ToggleDataTable('incomes-grid')" title="Search"><i class="fa fa-search"></i></a>
                  <a href="javascript:void(0)" data-toggle="modal" data-target="#incomes_modal" class="btn btn-box-tool show-tooltip" title="Add Incomes"><i class="fa fa-plus"></i></a>
                </div>
              </div>
            </div>
            {{ Form::open(["url"=>route('print.income.receipt'),"method"=>"POST","target"=>"_blank"]) }}
            {{ Form::hidden('incomeId','',['id'=>'incomeId']) }}
            {{ Form::close() }}

            {{ Form::open(["url"=>route('print.income.report'),"method"=>"POST","target"=>"_blank"]) }}
            {{ Form::hidden('client','',['id'=>'client']) }}
            {{ Form::hidden('sdate','',['id'=>'sdate']) }}
            {{ Form::hidden('edate','',['id'=>'edate']) }}
            {{ Form::close() }}
          </div>
          <div class="box-body">
            <div class="table-responsive">
              <table id="incomes-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="#incomes-grid" />
                    @endif
                  </th>
                  <th>Date</th>
                  <th>Client</th>
                  <th>Type</th>
                  <th>Amount</th>
                  <th>T.D.S</th>
                  <th>Discount</th>
                  <th>Description</th>
                  <th>&nbsp;</th>
                </thead>
                <tbody>
                </tbody>
                <tfoot>
                  <tr class="bg-color-foot-color">
                    <th colspan="5" class="border-style"> <b>Total Amount:</b></th>
                    <th class="border-style"></th>
                    <th class="border-style"></th>
                    <th class="border-style"></th>
                    <th colspan="2" class="border-style"></th>
                  </tr>
                </tfoot>
              </table>
            </div>
          </div>
        </div>
        <div class="incomes_modal_div">
          <div class="edit_modal">
          </div>
          @include('panel.incomes.create', [@$data])
        </div>
        @include('common.modal.delete_confirm_modal',['entity' =>  'income'])
      </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) {
      IncomesTable.draw();
    });
    initDate('{{AppHelper::dateFormatJS(LaraCore::setting('date_format'))}}');
    initDateRange('{{AppHelper::dateFormatJS(LaraCore::setting('date_format'))}}');
    initFileInput();
    initRichText();
    IncomesTable = $('#incomes-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("incomes.list")}}',
        type: 'POST',
        data: function (d) {
          d._token = $('hidden[name=_token]').val();
          d.client = $('select[name=clients]').val();
          d.start_date = $('input[name=start_date]').val();
          d.end_date = $('input[name=end_date]').val();
        },
      },
      columns: [
      {data: 'id', name: 'incomes.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: 'date', name: 'incomes.date'},
      {data: 'name', name: 'name'},
      {data: 'type', name: 'type'},
      {data: 'amount', name: 'amount', className: 'text-right'},
      {data: 'tds', name: 'tds', className: 'text-right'},
      {data: 'discount', name: 'discount', className: 'text-right'},
      {data: 'description', name: 'description'},
      {data: 'actions', name: 'actions', 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');
              }
            },
            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;
              };

              amount = api
              .column(5)
              .data()
              .reduce( function (a, b) {
                return intVal(a) + intVal(b);
              }, 0 );

              $( api.column(5).footer() ).html(
                Number(amount).toLocaleString('en')
                );

              tds = api
              .column(6)
              .data()
              .reduce( function (a, b) {
                return intVal(a) + intVal(b);
              }, 0 );

              $( api.column(6).footer() ).html(
                Number(tds).toLocaleString('en')
                );

              discount = api
              .column(7)
              .data()
              .reduce( function (a, b) {
                return intVal(a) + intVal(b);
              }, 0 );

              $( api.column(7).footer() ).html(
                Number(discount).toLocaleString('en')
                );
            },
          });
    initSelectAll('#incomes-grid', IncomesTable);

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


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

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

$(document).on('hidden.bs.modal', '#incomes_modal',function (event) {
  $('.incomes_modal_div .edit_modal').html('');
  var form = $("#incomes_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', '#incomes_modal',function (event) {
  var form = $("#incomes_save");
  $(form)[0].reset();
    // form.find('select[name="client_id"]').select2('open');
    $(form).find('.has-error').removeClass('has-error');
    $(form).find('.help-block').html('');
  });

function createIncomes(){  
  var form = $("#incomes_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('');
      var firstSelectClientVal = $('select[name="client_id"]').find('option:first').val();
      $('select[name="client_id"]').val(firstSelectClientVal).change();
      var firstSelectTypeVal = $('select[name="type"]').find('option:first').val();
      $('select[name="type"]').val(firstSelectTypeVal).change();
      $("#incomes_modal").modal('hide');
      IncomesTable.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 SetEditIncomes(element){
  var Form = $("#incomes_save");
  var Id = $(element).attr('data-id');
  var APP_URL = $('meta[name="_base_url"]').attr('content');
  var url = APP_URL + '/income/' + Id + '/edit';
  $.ajax({
    type: "GET",
    url: url,
    data: "id=" + Id,
    dataType: "json",
    success: function (res) {
      $('.incomes_modal_div .edit_modal').html(res.modal);
      $('#incomes_modal').modal('show');
      initIcheck();
      initSelect();
      initFileInput();
      initRichText();
      initDate('{{AppHelper::dateFormatJS(LaraCore::setting('date_format'))}}');
      initDateRange('{{AppHelper::dateFormatJS(LaraCore::setting('date_format'))}}');
    }
  });
}

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/incomes/'+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');
      });
    });
  }
}

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

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

function printIncomeReport(element){
  var client = $('select[name=clients]').val();
  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);
  $('#sdate').parents('form').submit();
}

$( ".reset-income-report-filter" ).click(function(e) {
  $('select[name=clients]').val('').change();
  var startDate = '{{$startDate}}';
  var endDate = '{{$endDate}}';
  $('input[name=start_date]').val(startDate);
  $('input[name=end_date]').val(endDate);
  IncomesTable.draw();
});
</script>
@stop