@extends('layouts/microfin_layout')
@section('title', '|Periodic Collection Component Wise Report #Atiq')
@section('content')

  @include('microfin/reports/mfnFieldOfficerReport/mfnFieldreport1_new_table_ajax');

<div class="container-fluid">
  <!-- <div class="row">
    <h3 style="text-align: center"> <strong>Field Officer Report (Samity & Component Wise) </strong> </h3>
  </div> -->

<!-- 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;">

                  Field Officer Report (Samity & Component Wise)

                  </h3>
              </div>

              <div class="panel-body panelBodyView" >

                  <!-- Filtering Start-->
                  {!! Form::open(array('url' => 'mfn_FieldOfficer_Report', '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']) !!}
                          </div>
                          <div class="col-md-12">
                            <select name="searchBranch" class="form-control input-sm" id="searchBranch" style=" max-width:200px; color: black;">
                                <option value="0" disabled="true" selected="true"> -- Select Branch -- </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 --}}
                      {{-- Start of Finding Year --}}
                      <div class="col-md-1">
                          <div class="form-group">
                              <div class="col-md-12">
                                  {!! Form::label('','Year:', ['class' => 'control-label pull-left']) !!}
                              </div>
                              <div class="col-md-12">
                                <select class="searchYear" class="form-control input-sm" id="searchYearBranch" style="max-width:200px; color: black;">
                                  <option value="0" disabled="true" selected="true"> -- Select Year -- </option>
                                  @foreach($BranchOpeningYears as $BranchOpeningYear)
                                    <option value="{{ $BranchOpeningYear->branchOpeningDate }}" style="color: black"> {{ $BranchOpeningYear->branchOpeningDate }} </option>
                                    {{-- {!! Form::select('filYear',['$BranchOpeningYear->branchOpeningDate'=>{{$BranchOpeningYear->branchOpeningDate}}], null,['id'=>'filYear','class'=>'form-control input-sm', 'autocomplete'=>'off','required']) !!} --}}
                                  @endforeach
                                </select>
                                {{-- <p id='filYearE' style="max-height:5px; color:red;"></p> --}}
                              </div>
                          </div>
                      </div>
                      {{-- End of Finding Year --}}
                      {{-- Start of Month --}}
                      <div class="col-md-1">
                          <div class="form-group">
                              <div class="col-md-12">
                                  {!! Form::label('', 'Month:', ['class' => 'control-label pull-left']) !!}
                              </div>
                              <div class="col-md-12">
                                <select class="searchMonth" class="form-control input-sm" id="searchMonthBranch" name="" style="max-width:200px; color: black;">
                                  <option value="0" disabled="true" selected="true"> -- 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>
                                {{-- <p id='filMonthE' style="max-height:3px; color:red;"></p> --}}
                              </div>
                          </div>
                      </div>
                      {{-- End of Month --}}
                      {{-- Start of Week --}}
                      <div class="col-md-1">
                        <div class="form-group">
                          <div class="col-md-12">
                              {!! Form::label('','Week:', ['class' => 'control-label pull-left']) !!}
                          </div>
                          <div class="col-md-12">
                            <select name="weekDays" class="form-control input-sm" id="weekDays" name="" style="color: black">
                              <option value="0" disabled="true" selected="true">--select--</option>
                            </select>
                            {{-- <p id='filMonthE' style="max-height:3px; color:red;"></p> --}}
                          </div>
                        </div>
                      </div>
                      {{-- End of the week --}}
                      {{-- start of the field officer --}}
                      <div class="col-md-1">
                        <div class="form-group">
                          <div class="col-md-12">
                              {!! Form::label('','Field Officer:', ['class' => 'control-label pull-left']) !!}
                          </div>
                          <div class="col-md-12">
                            <select name="fieldofficer" class="form-control input-sm" id="fieldofficer">
                              <option value="0" disabled="true" selected="true">--Select--</option>
                            </select>
                            <p id='filMonthE' style="max-height:3px; color:red;"></p>
                          </div>
                        </div>
                      </div>
                      {{-- end of the field officer --}}
                      {{-- start of the Product Category --}}
                      <div class="col-md-2">
                          <div class="form-group">
                              <div class="col-md-12">
                          {!! Form::label('', 'Product Category:', ['class' => 'control-label pull-left']) !!}
                              </div>
                              <div class="col-md-12">
                                   <select name="productCtg" class="form-control input-sm" id="productCtg">
                                       <option value="100">--All--</option>
                                       @foreach($ProductCategorys as $ProductCategory)
                                         <option value="{{ $ProductCategory->id }}" style="color: black"> {{ $ProductCategory->shortName }} </option>
                                       @endforeach
                                   </select>
                                  {{-- <p id='filMonthE' style="max-height:3px; color:red;"></p> --}}
                              </div>
                          </div>
                      </div>
                      {{-- End of the Product Category --}}
                      {{-- Start of the Product --}}
                      <div class="col-md-2">
                        <div class="form-group">
                          <div class="col-md-12">
                              {!! Form::label('', 'Product:', ['class' => 'control-label pull-left']) !!}
                          </div>
                          <div class="col-md-12">
                            <select name="product" class="form-control input-sm" id="product">
                              <option value="100">--All--</option>
                              @foreach($Products as $Product)
                                <option value="{{ $Product->id }}" style="color: black"> {{ $Product->name }} </option>
                              @endforeach
                            </select>
                          </div>
                          <p id='filMonthE' style="max-height:3px; color:red;"></p>
                        </div>
                      </div>
                      {{-- End of the Product --}}
                      </div>
                      <div class="col-md-12">
                      {{-- Start of the Service Charge --}}
                      <div class="col-md-2">
                        <div class="form-group">
                          <div class="col-md-12">
                              {!! Form::label('', 'Service Charge:', ['class' => 'control-label pull-left']) !!}
                          </div>
                          <div class="col-md-12">
                          <select name="service" class="form-control input-sm" id="service" class="form-control input-sm">
                              <option value="" disabled="true" selected="true">--Select--</option>
                              <option value="1">With</option>
                              <option value="2">WithOut</option>
                          </select>
                          {{-- <p id='filMonthE' style="max-height:3px; color:red;"></p> --}}
                          </div>
                        </div>
                      </div>
                      {{-- End of the Service CHarge --}}
                      {{-- Start of the Savings Interest --}}
                      <div class="col-md-2">
                          <div class="form-group">
                              <div class="col-md-12">
                                  {!! Form::label('', 'Savings Interest: ', ['class' => 'control-label pull-left']) !!}
                              </div>
                              <div class="col-md-12">
                                <select name="savingsinterest" class="form-control input-sm" id="savingsinterest" class="form-control input-sm">
                                  <option value="" disabled="true" selected="true">--Select--</option>
                                  <option value="1">Aggregated</option>
                                  <option value="2">Separately Show</option>
                                </select>
                                {{-- <p id='filMonthE' style="max-height:3px; color:red;"></p> --}}
                              </div>
                          </div>
                      </div>
                      {{-- End of the Savings Interest --}}
                      {{-- Start of the Submit button --}}
                      <div class="col-md-2">
                        <div class="form-group">
                          {!! Form::label('', '.', ['class' => 'control-label col-md-12']) !!}
                          <div class="col-md-12">
                              {{-- {!! Form::submit('Show Report', ['id' => 'reportSubmit', 'class' => 'btn btn-primary btn-xs']); !!} --}}
                            <input class="btn btn-default" type="submit" name="Submit" value="Submit" id="reportSubmit">
                          </div>
                        </div>
                      </div>
                      {{-- End of the Submit button --}}
                    </div>

                {!! Form::close()  !!}
                <!-- filtering end-->
                      </div>


              {{-- <div class="row">
                  <div class="col-md-12">
                    {{ $fieldofficerInfos->emp_id }}:{{ $fieldofficerInfos->emp_name_english }}
                  </div> --}}
              </div>
              </div>      {{-- panel-body panelBodyView DIV --}}
          </div>
      </div>
  </div>
  </div>
<!-- End of Dropdown form -->


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


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

@endsection