@extends('layouts/microfin_layout')
@section('title', '|Manager Report (Field Officer & Componen Wise)')
@section('content')

@include('microfin/reports/branchManagerReportViews/BranchManagerReportAjax')

<style media="screen">
.hide {
  display:  none;
}

</style>

<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;">
                MANAGER REPORT (FIELD OFFICER & COMPONENT WISE)               </h3>
            </div>

            <div class="panel-body panelBodyView">
                <!-- Filtering Start-->
              {!! Form::open(array('url' => 'BranchManagerReportTable', 'role' => 'form', 'class'=>'form-horizontal form-groups', 'id' => 'filterFormId', 'method'=>'get')) !!}

                <div class="row">
                  {{-- Start of Branch Name --}}
                  <div class="col-md-12">
                    <div class="col-md-1" id="branchDiv">
                      <div class="form-group">
                        <div class="col-md-12">
                            {!! Form::label('', 'Branch:', ['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>
                              @foreach($BranchDatas as $BranchData)
                                <option value="{{ $BranchData->id }}"> {{ str_pad($BranchData->branchCode,3,0,STR_PAD_LEFT) }}-{{ $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-1">
                      <div class="form-group">
                        <div class="col-md-12">
                            {!! Form::label('', 'P. Cat.:', ['class' => 'control-label pull-left', 'style' => 'color:black']) !!}
                        </div>
                        <div class="col-md-12">
                          <select name="ProductCategory" class="form-control input-sm" id="ProductCategory" style="color: black;" required="true">
                              <option value=""> -- Select Product Category -- </option>
                              <option value="All">All</option>
                              @foreach($ProductCatDatas as $ProductData)
                                <option value="{{ $ProductData->id }}"> {{ $ProductData->shortName }} </option>             //Loop for showing the data in the Branch selection option
                              @endforeach
                          </select>
                        </div>
                      </div>
                    </div> --}}
                    {{-- End of Type --}}

                    {{-- <div class="col-md-1">
                      <div class="form-group">
                        <div class="col-md-12">
                            {!! Form::label('', 'Product:', ['class' => 'control-label pull-left', 'style' => 'color:black']) !!}
                        </div>
                        <div class="col-md-12">
                          <select name="Product" class="form-control input-sm" id="Product" style="color: black;" required="true">
                              <option value=""> -- Select Product -- </option>
                          </select>
                        </div>
                      </div>
                    </div> --}}
                    {{-- End of Status --}}
                    @if($url == "dynBranchManagerReport")
                    <div class="col-md-1">
                        <div class="form-group">
                            <div class="col-md-12">
                                {!! Form::label('filDateFrom', 'Date From:', ['class' => 'control-label pull-left', 'style' =>'color: black;' ]) !!}
                            </div>
                            <div class="col-md-12">
                                {!! Form::text('filDateFrom', null,['id'=>'filDateFrom','class'=>'form-control input-sm', 'autocomplete'=>'off',  'required' => 'required', 'readonly','style'=>'cursor:pointer']) !!}
                            </div>
                        </div>
                    </div>

                    <div class="col-md-1">
                        <div class="form-group">
                            <div class="col-md-12">
                                {!! Form::label('filDateTo', 'Date To:', ['class' => 'control-label pull-left',  'style' =>'color: black;']) !!}
                            </div>
                            <div class="col-md-12">
                                {!! Form::text('filDateTo', null,['id'=>'filDateTo','class'=>'form-control input-sm', 'autocomplete'=>'off', 'required' => 'required', 'readonly','style'=>'cursor:pointer']) !!}
                            </div>
                        </div>
                    </div>       
                    @else
                      {{-- Start of the from date --}}
                      <div class="feel-me">
                        <div class="col-md-1">
                          <div class="form-group">
                            <div class="col-md-12">
                                {!! Form::label('','Year:', ['class' => 'control-label pull-left', 'style' => 'color:black']) !!}
                            </div>
                            <div class="col-md-12">
                              <select name="Year" class="form-control input-sm" id="Year" style="color: black;" required="true">
                                  <option value=""> -- Select Year -- </option>
                                  @foreach ($UniqueLoanYear as $key => $UniqueLoanYearPrint)
                                    <option value="{{$UniqueLoanYearPrint}}">{{$UniqueLoanYearPrint}}</option>
                                  @endforeach
                              </select>
                            </div>
                          </div>
                        </div>
                      </div>
                      {{-- End of the from date --}}

                      {{-- Start of the to date --}}
                      <div class="col-md-1">
                        <div class="form-group">
                          <div class="col-md-12">
                              {!! Form::label('','Month: ', ['class' => 'control-label pull-left', 'style' => 'color:black']) !!}
                          </div>
                          <div class="col-md-12">
                            <select name="Month" class="form-control input-sm" id="Month" style="color: black;" required="true">
                                <option value=""> -- Select Month -- </option>
                                <option value="1"> January </option>
                                <option value="2"> February </option>
                                <option value="3"> March </option>
                                <option value="4"> April </option>
                                <option value="5"> May </option>
                                <option value="6"> June </option>
                                <option value="7"> July </option>
                                <option value="8"> August </option>
                                <option value="9"> September </option>
                                <option value="10"> October </option>
                                <option value="11"> November </option>
                                <option value="12"> December </option>
                            </select>
                          </div>
                        </div>
                      </div>
                      {{-- End of the to date --}}

                      <div class="col-md-1">
                        <div class="form-group">
                          <div class="col-md-12">
                              {!! Form::label('', 'Week:', ['class' => 'control-label pull-left', 'style' => 'color:black']) !!}
                          </div>
                          <div class="col-md-12">
                            <select name="Week" class="form-control input-sm" id="Week" style="color: black;" required="true">
                                <option value=""> -- Select Week -- </option>
                            </select>
                            {{-- <p id='filBranchE' style="max-height:5px; color:red;"></p> --}}
                          </div>
                        </div>
                      </div>
                      {{-- End of Type --}}
                    @endif
                    <div class="col-md-1">
                      <div class="form-group">
                        <div class="col-md-12">
                            {!! Form::label('', 'S. Charge:', ['class' => 'control-label pull-left', 'style' => 'color:black']) !!}
                        </div>
                        <div class="col-md-12">
                          <select name="SearchType" class="form-control input-sm" id="SearchType" style="color: black;" required="true">
                              <option value=""> -- Select Service Charge -- </option>
                              <option value="WithServiceCharge"> With Service Charge </option>
                              <option value="WithOutServiceCharge"> Without Service Charge </option>
                          </select>
                          {{-- <p id='filBranchE' style="max-height:5px; color:red;"></p> --}}
                        </div>
                      </div>
                    </div>
                    {{-- End of Type --}}

                    {{-- <div class="col-md-1">
                      <div class="form-group">
                        <div class="col-md-12">
                            {!! Form::label('', 'S. Interest:', ['class' => 'control-label pull-left', 'style' => 'color:black']) !!}
                        </div>
                        <div class="col-md-12">
                          <select name="InterestType" class="form-control input-sm" id="InterestType" style="color: black;" required="true">
                              <option value=""> -- Select Savings Interest -- </option>
                              <option value="Aggregated"> Aggregated </option>
                              <option value="SeparatelyShow"> Separately Show </option>
                          </select>
                        </div>
                      </div>
                    </div> --}}
                    {{-- End of Type --}}

                    {{-- 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; padding-top: 25px;']) !!}
                        <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">

$("select").on("change",function(){
  var a = $(this).val();
  if (a == 'Y') {
    $(".feel-me").addClass("hide");
  }else if (a == 'N') {
    $(".feel-me").removeClass("hide");
  }
});

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

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

//
$("form").submit(function( event ) {
   event.preventDefault();
   var serializeValue=$(this).serializeArray();
   var url = "{{$url}}";
   if(url == "dynBranchManagerReport"){
      var filDateFrom = $('#filDateFrom').datepicker('getDate');
      var d = filDateFrom.getDate();
      var m = filDateFrom.getMonth()+1;
      var y = filDateFrom.getFullYear();
      var filDateFrom = y+'-' + (m <= 9 ? '0' + m : m)+'-'+(d <= 9 ? '0' + d : d);
      var filDateTo = $('#filDateTo').datepicker('getDate');
      var d = filDateTo.getDate();
      var m = filDateTo.getMonth()+1;
      var y = filDateTo.getFullYear();
      var filDateTo = y+'-' + (m <= 9 ? '0' + m : m)+'-'+(d <= 9 ? '0' + d : d);
     var Week = filDateFrom+" to "+filDateTo;
      serializeValue.push({name: "Week", value: Week});
    }
   serializeValue = $.param(serializeValue);
   //alert(serializeValue);

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

$(document).ready(function() {

  $("#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();
  });


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

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

  $('#filDate, #filDateFrom,#filDateTo').click(function(event) {
      this.value = '';
  });

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

}); /* Ready to print */

</script>


@endsection