@extends('layouts.master')

@section('content')
<style>
.withdrawBatch{
 cursor: pointer;
}
</style>
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
  <!-- Content Header (Page header) -->
  <div class="content-header">
    <div class="container-fluid">
      <div class="row mb-2">
        <div class="col-sm-6">
          <h1 class="m-0 text-dark">{{ trans('breadcrumbs.Affiliate Withdrawal Report') }}</h1>
        </div>
        <!-- /.col -->
        <div class="col-sm-3"></div>
        <div class="col-sm-3">
          <ol class="breadcrumb float-sm-right">
            <li class="breadcrumb-item">{{ Breadcrumbs::render('Affiliate Withdrawal Report') }}</li>
          </ol>
        </div>
        <!-- /.col -->
      </div>
      <!-- /.row -->
    </div>
    <!-- /.container-fluid -->
  </div>
  <!-- /.content-header -->

  <section class="content">
    <div class="card" id="filterDiv">
      <div class="card-header">
        <h3 class="card-title">{{ trans('layout.Filter') }}</h3>
        <div class="col-md-6 card-primary card-form-1">
          <div class="card-body">
            <div class="form-col-1">
              {{ Form::label('AFFILIATE_NAME',  trans('affiliate.Affiliate Name'))}}
              {{ Form::select('AFFILIATE_NAME', $partnerName, ' ', ['class' => 'form-control select2', 'placeholder' => trans('reports.Select option'), 'id' => 'AFFILIATE_NAME']) }}
            </div>
            <div class="form-col-1">
              {{ Form::label('INTERNAL_REFERENCE_NO', trans('affiliate.Reference No')) }}
              {{ Form::text('INTERNAL_REFERENCE_NO','', ['id' => 'INTERNAL_REFERENCE_NO', 'class' => 'form-control', 'placeholder' => trans('affiliate.Reference No')]) }}
            </div>
            <div class="form-col-1">
                {{ Form::label('STATUS', trans('reports.Status')) }}
                {{ Form::select('STATUS', $withdrawStatus, '', ['class' => 'form-control select2','placeholder' => trans('reports.Select option'),'id' => 'STATUS']) }}
            </div>
            <div class="form-col-1">
              {{ Form::label('DATE_RANGE',trans('layout.Select Date Range')) }}<br>
              <button type="button" style="width: 100%;" class="btn btn-default" id="daterange-btn">
                <span class="daterange_span pull-left">{{ trans('layout.Select Date Range') }}</span>
              </button>
              <input type="hidden" name="selected_date" id="selected_date">
              <input type="hidden" name="selected_datatime" id="selected_datatime">
            </div>
            <br> <br>
            <div class="button_sec">
              <button class="btn btn-primary" id="getReport">{{ trans('layout.Submit') }}</button>
              <button class="btn btn-default" id="reloadPage">{{ trans('layout.Clear') }}</button>
            </div>
          </div>
        </div>
      </div>
      <!-- /.card-body -->
    </div>

    <div class="card" id="report" style="display:none">
      <div class="card-header">
        <h3 class="card-title" id="report_title"></h3>
      </div>
      <div class="card-body">
        <div class="dt-buttons" onClick="post()"><button class="dt-button buttons-excel buttons-html5" tabindex="0" type="button" title="Excel"><span><i class="fa fa-file-excel-o"></i></span></button> </div>
        <table id="table" class="table table-bordered table-striped">
          <thead>
            <tr>
                <th class="text-center">{{ trans('affiliate.Action') }}</th>
                <th class="text-center">{{ trans('affiliate.Username') }}</th>
                <th class="text-center">{{ trans('affiliate.Partner Name') }}</th>
                <th class="text-center">{{ trans('affiliate.ReqAmount') }}</th>
                <th class="text-center">{{ trans('affiliate.TDS') }}</th>
                <th class="text-center">{{ trans('affiliate.To Be Paid') }}</th>
                <th class="text-center">{{ trans('affiliate.Reference No') }}</th>
                <th class="text-center">{{ trans('affiliate.Status') }}</th>
                <th class="text-center">{{ trans('affiliate.Date') }}</th>
            </tr>
          </thead>
        </table><br>
        <div class="button_sec" id="form-buttons">
            <button class="btn btn-primary" id="checkUncheck">{{ trans('reports.Check/Uncheck') }}</button>
            <button class="btn btn-primary" id="approveAction">{{ trans('reports.Approve') }}</button>
            <button class="btn btn-primary" id="rejectAction">{{ trans('reports.Reject') }}</button>
        </div>
        <div class="button_sec" id="form-loader" style="display:none">
            <img style="height: 65px;width: 65px;" src="{{ asset('img/lg.double-ring-spinner.gif') }}">
        </div>
      </div>
      <!-- /.card-body -->
    </div>
  </section>

</div>
@endsection
@section('javascript')
@include('datatablejs')
<script type="text/javascript">
    $('#checkUncheck, #approveAction, #rejectAction').hide();
   var reportTable;
  $("#getReport").click(function() {
    $("#selected_datatime").val($("#selected_date").val());

    $('#report_title').html("Withdrawal Report : " + $('.daterange_span').html());
    $('#report').show();

    reportTable = $('#table').DataTable({
      "responsive": true,
      "pagingType": "numbers",
      "processing": true,
      "bDestroy": true,
      "serverSide": true,
      "searching": false,
      "aaSorting": [],
      "lengthMenu": [
        [20, 50, 100, 200],
        [20, 50, 100, 200]
      ],
      "columnDefs": [
        {
          "className": 'text-right',
          "targets": [3, 4, 5],
        },
        {
          "className": 'text-center',
          "targets": [0, 6, 7, 8],
        },
        {
          "orderable": false,
          "targets": [0, 4, 5]
        },
        {
            "targets": [0],
            "visible": false,
        }
      ],
      "ajax": {
        "url": "{{ route('affiliateWithdrawalReport.fetch') }}",
        "type": "GET",
        "data": function(d) {
          d.filter_date = $("#selected_datatime").val();
          d.filter_affiliate_name = $("#AFFILIATE_NAME").val();
          d.filter_reference_no = $("#INTERNAL_REFERENCE_NO").val();
          d.filter_status = $("#STATUS").val();
        },
        "error": function(e) {
          swal("{{ trans('layout.Something went wrong') }}", {
            icon: "warning",
          });
        },
      },
      "drawCallback": function(response, settings) {
        var api = this.api();
        var rows = api.rows({
          page: 'current'
        }).nodes();
        if (rows.length > 0) {
          $('.dt-buttons').show();
        } else {
          $('.dt-buttons').hide();
        }
      }
    });

    if($('#STATUS').val() == 231){
        reportTable.columns( [0] ).visible( true );
        $('#checkUncheck').show();
        $('#approveAction').show();
        $('#rejectAction').show();
    }else{
        $('#checkUncheck, #approveAction, #rejectAction').hide();
    }
    
  });


  function post() {
    const form = document.createElement('form');
    form.method = 'get';
    form.action = "{{ route('affiliateWithdrawalReport.download') }}";

    const hiddenField = document.createElement('input');
    hiddenField.type = 'hidden';
    hiddenField.name = 'filter_date';
    hiddenField.value = $("#selected_datatime").val();

    form.appendChild(hiddenField);

    const hiddenField2 = document.createElement('input');
    hiddenField2.type = 'hidden';
    hiddenField2.name = 'filter_affiliate_name';
    hiddenField2.value = $("#AFFILIATE_NAME").val();

    form.appendChild(hiddenField2);

    const hiddenField3 = document.createElement('input');
    hiddenField3.type = 'hidden';
    hiddenField3.name = 'filter_reference_no';
    hiddenField3.value = $("#INTERNAL_REFERENCE_NO").val();

    form.appendChild(hiddenField3);

    const hiddenField4 = document.createElement('input');
    hiddenField4.type = 'hidden';
    hiddenField4.name = 'filter_status';
    hiddenField4.value = $("#STATUS").val();

    form.appendChild(hiddenField4);

    document.body.appendChild(form);
    form.submit();
  }

  $(document).on('click', '#checkUncheck', function(e) {
    if ($('.withdrawBatch:checked').length > 0) {
        $('.withdrawBatch').prop('checked', false);
    } else {
        $('.withdrawBatch').prop('checked', true);
    }
  });
  

  $(document).on('click', '#approveAction', function (e) {
    var withdrawBatch = []
    $("input[name='withdrawBatch[]']:checked").each(function ()
    {
        withdrawBatch.push($(this).val());
    });

    var data = new FormData();
    data.append('withdrawBatch', withdrawBatch);
    data.append('_token', '{{ csrf_token() }}');

    swal({
        title: " {{ trans('reports.Alert')  }} ",
        text: "{{ trans('reports.Alertmsg') }}",
        icon: "warning",
        buttons: true,
        dangerMode: true,
    })
    .then((willUpdate) => {
        if (willUpdate) {
            $.ajax({
                type: 'POST',
                url: "{{ route('affiliateWithdrawalReport.approve') }}",
                data: data,
                dataType: 'JSON',
                contentType: false,
                processData: false,
                beforeSend: function () {
                    $("#form-buttons").hide();
                    $("#form-loader").show();
                },
                success: function (response) {
                    var message = response.msg;
                    var status = response.status;
                    if (status == 200) {
                        $('select[name=table_length]').trigger('change');
                        swal(message, {
                            icon: "success",
                        });
                    } else {
                        swal(message, {
                            icon: "warning",
                        });
                    }
                },
                error: function () {
                    swal("{{ trans('layout.Something went wrong') }}", {
                        icon: "warning",
                    });
                },
                complete: function () {
                    $("#form-loader").hide();
                    $("#form-buttons").show();
                }
            });
        } else {
            return false;
        }
    });        
  });

  $(document).on('click', '#rejectAction', function (e) {
    $('#msg_boady').html('');
    var withdrawBatch = []
    $("input[name='withdrawBatch[]']:checked").each(function ()
    {
        withdrawBatch.push($(this).val());
    });

    var data = new FormData();
    data.append('withdrawBatch', withdrawBatch);
    data.append('_token', '{{ csrf_token() }}');

    swal({
        title: " {{ trans('reports.Alert')  }} ",
        text: "{{ trans('reports.Alertmsg') }}",
        icon: "warning",
        buttons: true,
        dangerMode: true,
    })
    .then((willUpdate) => {
        if (willUpdate) {
            $.ajax({
                type: 'POST',
                url: "{{ route('affiliateWithdrawalReport.reject') }}",
                data: data,
                dataType: 'JSON',
                contentType: false,
                processData: false,
                beforeSend: function () {
                    $("#form-buttons").hide();
                    $("#form-loader").show();
                },
                success: function (response) {
                    var message = response.msg;
                    var status = response.status;

                    if (status == 422) {
                        $('select[name=table_length]').trigger('change');
                        $('#msg_boady').html(message);
                        $("#msg_detail").modal({
                            backdrop: 'static',
                            keyboard: false
                        });
                        return;
                    }

                    if (status == 200) {
                        $('select[name=table_length]').trigger('change');
                        swal(message, {
                            icon: "success",
                        });
                    } else {
                        swal(message, {
                            icon: "warning",
                        });
                    }
                },
                error: function () {
                    swal("{{ trans('layout.Something went wrong') }}", {
                        icon: "warning",
                    });
                },
                complete: function () {
                    $("#form-loader").hide();
                    $("#form-buttons").show();
                }
            });
        } else {
            return false;
        }
    });
  });
</script>
@stop