@extends('layouts/microfin_layout')
@section('title', '|Transfer Register Report')
@section('content')
@include('microfin/reports/transferRegisterReportsViews/TransferRegisterReportAjax')


<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-left print-icon"  target="_blank" style="">
                <i class="fa fa-print fa-lg" aria-hidden="true">Print</i>
              </button>
              <button id="btnExportExcel" class="btn btn-info pull-center print-icon"  target="_blank" style="">
                <i class="fa-file-excel-o fa-lg" aria-hidden="true"> Excel</i>
              </button>

              <button  id="btnExportPdf" class="btn btn-info pull-right print-icon"  target="_blank" style="">
                <i class="fa-file-excel-o fa-lg" aria-hidden="true"> Pdf</i>
              </button>
               {{--  <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;">
                  Transfer Register Report
                </h3>
              </div>

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

                <div class="row">
                  {{-- Start of Branch Name --}}
                  
                  <div class="col-md-12">

                    {{-- @if($userBranchId == 1) --}}

                    <div class="col-md-1" 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 }}"> {{ str_pad($BranchData->branchCode, 3, '0', STR_PAD_LEFT) }}-{{ $BranchData->name }} </option>             //Loop for showing the data in the Branch selection option
                            @endforeach
                          </select>
                          
                        </div>
                      </div>
                    </div>
                    {{-- End of Branch Name --}}

                    {{-- @endif --}}

                    <div class="col-md-2">
                      <div class="form-group">
                        <div class="col-md-12">
                          {!! Form::label('', 'Samity Name:', ['class' => 'control-label pull-left', 'style' => 'color:black']) !!}
                        </div>
                        <div class="col-md-12">
                          <select name="searchSamity" class="form-control input-sm" id="searchSamity" style="color: black;" required="true">
                            <option value=""> -- Select Samity -- </option>
                            @if($userBranchId != 1)
                            <option value="All"> All </option>
                            @foreach($SamityDatas as $SamityData)
                            <option value="{{ $SamityData->id }}"> {{ str_pad($SamityData->code, 3, '0', STR_PAD_LEFT) }}-{{ $SamityData->name }} </option>
                            @endforeach 
                            @endif 
                          </select>
                        </div>
                      </div>
                    </div>
                    {{-- End of Samity Name --}}

                    {{-- Start of the to date --}}
                    <div class="col-md-1">
                      <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="dateFrom" name="dateFrom" value="" placeholder="dd-mm-yy" required>
                          
                        </div>
                      </div>
                    </div>
                    {{-- End of the to date --}}

                    {{-- Start of the to date --}}
                    <div class="col-md-1">
                      <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="dateTo" name="dateTo" value="" placeholder="dd-mm-yy" required>
                        </div>
                      </div>
                    </div>
                    {{-- End of the to date --}}

                    <div class="col-md-2">
                      <div class="form-group">
                        <div class="col-md-12">
                          {!! Form::label('', 'Report Type:', ['class' => 'control-label pull-left', 'style' => 'color:black']) !!}
                        </div>
                        <div class="col-md-12">
                          <select name="reportType" class="form-control input-sm" id="reportType" style="color: black;" required="true">
                            <option value=""> -- Select Report Type -- </option>
                            <option value="0"> Product Transfer </option>
                            <option value="1"> Branch Transfer </option>
                            <option value="2"> Samity Transfer </option>
                            
                          </select>
                        </div>
                      </div>
                    </div>
                    {{-- End of Report Type Name --}}

                    {{-- 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']); !!}
                          
                        </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 -->

  </div>

  <script type="text/javascript">
// function myFunction() {
  document.getElementById("dateFrom").style.cursor = "pointer";
// }

// function myFunction() {
  document.getElementById("dateTo").style.cursor = "pointer";
// }

$("#dateTo, #dateFrom").on('keydown paste', function(e){
  e.preventDefault();
    // alert("Key pressing");
  });



$(document).ready(function(){

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

  function toDate(dateStr) {

    var parts = dateStr.split("-");

    return new Date(parts[2], parts[1] - 1, parts[0]);

  }

  $("#dateFrom").datepicker({   

   onSelect: function () {

     $("#dateTo").datepicker("option","minDate",new Date(toDate($(this).val())));                    

   }

 });

  $("#dateTo").datepicker({

   onSelect: function () {

     $("#dateFrom").datepicker("option","maxDate",new Date(toDate($(this).val())));                    

   }

 });

});



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

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


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

$(document).ready(function() {

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

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

    var printStyle = '<style>.amount{text-align: right;} 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