@extends('layouts/microfin_layout')
@section('title', '|Somity Wise Share Sales Report')
@section('content')



<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;">
                  Share Balance Report
                </h3>
              </div>

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

                <div class="row">
                  {{-- Start of Branch Name --}}
                  <div class="col-md-12">
                    
                    {{-- End of Branch 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="form_date" name="form_date" value="" placeholder="dd-mm-yy">

                        </div>
                      </div>
                    </div>
                  {{-- End 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="to_date" name="to_date" value="" placeholder="dd-mm-yy" required>
                          </div>
                        </div>
                      </div>
                      {{-- End of the to date --}}
                      <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>
    </div>
      <!-- End of Dropdown form -->

      {{-- @include('microfin/reports/mfnFieldOfficerReport/mfnFieldreport1_new_table'); --}}
   
    <script type="text/javascript">4

        $(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]);

            }
            $("#form_date").datepicker({

            onSelect: function () {

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

            }

            });

            $("#to_date").datepicker({

            onSelect: function () {

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

            }

            });

        var member;
        var SSname;
          $(document).on('change','#searchBranch',function(){
            // var product_id = $("#searchBranch").val();
            var product_id=$(this).val();
            console.log('Inside');
            console.log(product_id);
            // console.log('from jQuery');
            var dropdown = $('#searchSamity');
            dropdown.empty();
        
            var divt= $(this).parent();
            var op =' ';
        
            $.ajax({
              type:'get',
              url:'{!! URL::to('PassBookBalancingRegisterReportAjax') !!}',
              data:{'id':product_id},
              success:function(data){
                console.log('success');
                console.log(data.length);
                var a = 0;
                if (data.length>0) {
                  for (var i = 0; i < data.length; i++) {
                    console.log(data[i].branchId);
                    console.log('outside');
                    console.log('Samity ID : '+data[i].id);
                    console.log('Samity Name : ', data[i].name);
        
                    if (a == 0) {
                        op+='<option value="" style="color: black;">-- select --</option>';
                        a = a + 1;
                      }
                    op+='<option value="'+data[i].id+'" style="color: black;">'+data[i].code +' - '+ data[i].name+'</option>';
        
                  }
                }
                else {
                  op+='<option value="" disabled style="color: black;">NO DATA FOUND !</option>';
                }
        
                // op+='<option value="'+data[i].status+'" style="color: black;">'+data[i].status+'- Acti</option>';
        
                divt.find('#searchSamity').html(' ');
                $('#searchSamity').append(op);
              },
              error:function(){
                alert('Something is wrong....!');
              }
            });
          });
        
        // END OF SCRIPT
        
        });

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

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

                $('#loadingModal').show();
                $("#reportingDiv").load('{{URL::to("mfn/getSomityWiseShareBalanceReportView")}}'+'?'+serializeValue);
        });
        $("#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();
        
        </script>
    @endsection