@extends('layouts/microfin_layout')
@section('title', '| Loan Waiver Death Members')
@section('content')

{{-- @include('microfin/reports/loanStatementRecoverableCalculationViews/LoanStatementRecoverableCalculationAjax') --}}

<div class="container-fluid">

<!-- Start of the Dropdown form -->
  <div class="row">
    <div class="col-md-12">
      <div class="" style="">
        <div class="">
          <div class="panel panel-default" style="background-color:#708090;">
            <div class="panel-heading" style="padding-bottom:0px">
              <div class="panel-options">
                <button id="printIcon" class="btn btn-info pull-right print-icon"  target="_blank" style="">
                    <i class="fa fa-print fa-lg" aria-hidden="true"> Print</i>
                </button>
              </div>
              <h3  style=" text-align: center; font-family: Antiqua; letter-spacing: 2px; color: white;">
                Loan Waiver Report For Death Members
              </h3>
            </div>

            <div class="panel-body panelBodyView">
                <!-- Filtering Start-->
              {!! Form::open(array('url' => 'LoanWaiverReportForDeathMembersReport', 'role' => 'form', 'class'=>'form-horizontal form-groups', 'id' => 'filterFormId', 'method'=>'get')) !!}
              
                <input type="hidden" value="{{ $userBranchId }}" id="userBranchId" name="userBranchId" />
                <input type="hidden" value="{{ $softwareDate }}" id="softwareDate" name="softwareDate" />

                <div class="row">
                  {{-- Start of Branch Name --}}
                  <div class="col-md-12">
                    <div class="col-md-2" id="branchDiv">
                      <div class="form-group">
                        <div class="col-md-12">
                            {!! Form::label('', 'Branch Name:', ['class' => 'control-label pull-left', 'style' => 'color:black']) !!}
                        </div>
                        <div class="col-md-12">
                          <select name="searchBranch" class="form-control input-sm" id="searchBranch" style="color: black;" required="true">>
                              {{-- <option value=""> -- Select Branch -- </option> --}}
                              <option value="All"> All </option>
                              @foreach($BranchDatas as $BranchData)
                                <option value="{{ $BranchData->id }}"> {{ $BranchData->branchCode }}-{{ $BranchData->name }} </option>             //Loop for showing the data in the Branch selection option
                              @endforeach
                          </select>
                          {{-- <p id='filBranchE' style="max-height:5px; color:red;"></p> --}}
                        </div>
                      </div>
                    </div>
                    {{-- End of Branch Name --}}

                    <div class="col-md-2">
                      <div class="form-group">
                        <div class="col-md-12">
                            {!! Form::label('', 'Product Name:', ['class' => 'control-label pull-left', 'style' => 'color:black']) !!}
                        </div>
                        <div class="col-md-12">
                          <select name="searchProduct" class="form-control input-sm" id="searchSamity" style="color: black;" required="true">>
                              {{-- <option value=""> -- Select Product -- </option> --}}
                              <option value="All"> All </option>
                              @foreach($ProductDatas as $ProductData)
                                <option value="{{ $ProductData->id }}"> {{ $ProductData->code }}-{{ $ProductData->shortName }} </option>             //Loop for showing the data in the Branch selection option
                              @endforeach
                          </select>
                        </div>
                      </div>
                    </div>
                    {{-- End of Samity Name --}}

                    <div class="col-md-2">
                      <div class="form-group">
                        <div class="col-md-12">
                            {!! Form::label('','Member/Loan Code: ', ['class' => 'control-label pull-left', 'style' => 'color:black']) !!}
                        </div>
                        <div class="col-md-12">
                          <input type="text" class="form-control input-sm" id="memberOrLoanCode" name="memberOrLoanCode" value="" autocomplete="off">
                        </div>
                      </div>
                    </div>

                    {{-- Start of the to date --}}
                    <div class="col-md-2">
                      <div class="form-group">
                        <div class="col-md-12">
                            {!! Form::label('','Date From: ', ['class' => 'control-label pull-left', 'style' => 'color:black']) !!}
                        </div>
                        <div class="col-md-12">
                          <input type="text" class="form-control input-sm" id="txtDate1" name="txtDate1" value="" placeholder="dd-mm-yy" autocomplete="off">
                          {{-- <p id='filMonthE' style="max-height:3px; color:red;"></p> --}}
                        </div>
                      </div>
                    </div>
                    {{-- End of the to date --}}

                    {{-- Start of the to date --}}
                    <div class="col-md-2">
                      <div class="form-group">
                        <div class="col-md-12">
                            {!! Form::label('','Date To: ', ['class' => 'control-label pull-left', 'style' => 'color:black']) !!}
                        </div>
                        <div class="col-md-12">
                          <input type="text" class="form-control input-sm" id="txtDate2" name="txtDate2" value="" placeholder="dd-mm-yy" autocomplete="off" required>
                          {{-- <p id='filMonthE' style="max-height:3px; color:red;"></p> --}}
                        </div>
                      </div>
                    </div>
                    {{-- End of the to date --}}

                    {{-- Start of the Submit Button --}}
                    <div class="col-md-1">
                      <div class="form-group">
                        {!! Form::label('', '.', ['class' => 'control-label col-md-12', 'style' => 'color:#708090']) !!}
                        <div class="col-md-12">
                            {{-- {!! Form::submit('Show Report', ['id' => 'reportSubmit', 'class' => 'btn btn-primary btn-xs']); !!} --}}
                          <input class="btn btn-primary" type="submit" name="Submit" value="Show report" id="reportSubmit">
                        </div>
                      </div>
                    </div>
                    {{-- End of the Submit button --}}
                  </div>

                {!! Form::close()  !!}
                <!-- filtering end-->
              </div>
            </div>
            <div class="row" id="reportingDiv">

            </div>
          </div>      {{-- panel-body panelBodyView DIV --}}
        </div>
      </div>
    </div>
  </div>
<!-- End of Dropdown form -->

{{-- @include('microfin/reports/mfnFieldOfficerReport/mfnFieldreport1_new_table'); --}}
</div>

<script type="text/javascript">

// $(function(){
//   $( "#txtDate1" ).datepicker({
//   dateFormat: "dd-mm-yy",
//   showOtherMonths: true,
//   selectOtherMonths: true,
//   changeMonth: true,
//   changeYear: true,
//   yearRange: "-50:+0",
//   maxDate: "dateToday"
//   }).val();
// })

// $(function(){
//   $( "#txtDate2" ).datepicker({
//   dateFormat: "dd-mm-yy",
//   showOtherMonths: true,
//   selectOtherMonths: true,
//   changeMonth: true,
//   changeYear: true,
//   yearRange: "-50:+0",
//   maxDate: "dateToday"
//   }).val();
// })

//
$("form").submit(function( event ) {
   event.preventDefault();

   var serializeValue=$(this).serialize();
   //alert(serializeValue);

   $('#loadingModal').show();
   $("#reportingDiv").load('{{URL::to("LoanWaiverReportForDeathMembersReport")}}'+'?'+serializeValue);
});

$(document).ready(function() {
    
    document.getElementById("txtDate1").style.cursor = "pointer";
    document.getElementById("txtDate2").style.cursor = "pointer";
    $("#txtDate2, #txtDate1").on('keydown paste', function(e){
        e.preventDefault();
    });
    
    var userBranchId = $("#userBranchId").val()
    var softwareDate = $("#softwareDate").val()
    var minDate = (userBranchId != 1) ? softwareDate : ''
    minDate = ''
    
    console.log( userBranchId, softwareDate, minDate )
    
    $('#txtDate1').datepicker({
        minDate: minDate,
        dateFormat: 'dd-mm-yy',
        changeYear: true,
        changeMonth: true,
        onSelect: function(){
            thisDate = $("#txtDate1").datepicker('getDate');
            $('#txtDate2').datepicker('option','minDate',thisDate);
        }
    });      

    $('#txtDate2').datepicker({
        minDate: minDate,
        dateFormat: 'dd-mm-yy',
        changeYear: true,
        changeMonth: true,
        onSelect: function(){
            thisDate = $("#txtDate2").datepicker('getDate');
            $('#txtDate1').datepicker('option','maxDate',thisDate);
        }
    });

    $('#txtDate2, #txtDate1').click(function() {
        this.value = '';
    });

  $("#printIcon").click(function(event) {

    var mainContents = document.getElementById("reportingDiv").innerHTML;
    var headerContents = '';

    var printStyle = '<style>thead tr th{text-align:center;vertical-align: middle;padding:3px;font-size:11px}  tr{ page-break-inside:avoid; page-break-after:auto } </style><style media="print">@page{margin:10mm 10mm;}</style><style>@media print {.element-that-contains-table { overflow: visible !important; }}</style><style>@page:first{tr:nth-of-type(4n){page-break-after: always;}}</style>';

    var printContents = '<div id="order-details-wrapper">' + headerContents +printStyle+ mainContents +'</div>';

    var win = window.open('','printwindow');
    win.document.write(printContents);
    win.print();
    win.close();
  });

  $("#loadingModal").hide();

}); /* Ready to print */

</script>

@endsection