@extends('layouts/microfin_layout')
@section('title', '| Inactive Member Savings Payment')
@section('content')
<style type="text/css">
    .form-group, .form-control{
        font-size: 11px !important;
        color: black !important;
    }
    .form-control{
        padding: 5px !important;
    }
    #search{
        font-size: 14px;
        margin-top: 18px;
    }
</style>
<script type="text/javascript">
    $("#loadingModal").show();
    $(document).keydown(function(e) {
        if (e.keyCode == 27) return false;
    });
</script>


<div class="row">
    <div class="col-md-8 col-md-offset-2">
        <div class="" style="">
            <div class="">
                <div class="panel panel-default" style="background-color:#708090;">
                    <div class="panel-heading" style="padding-bottom:0px">   
                        <button id="printIcon" class="btn btn-info pull-right print-icon" style="">
                            <i class="fa fa-print fa-lg" aria-hidden="true"> Print</i>
                        </button>
                        <h3  style=" text-align: center; font-family: Antiqua; letter-spacing: 2px; color: white;">Inactive Member Savings Payment</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">
                            <div class="col-md-12">
                                @if(!in_array($userRoleId, Config('services.branch_level_user_roles')))
                                <div class="col-md-2">
                                    <div class="form-group">
                                        <div class="col-md-12">
                                            {!! Form::label('', 'Level:', ['class' => 'control-label pull-left']) !!}
                                        </div>
                                        <div class="col-md-12">
                                            {!! Form::select('filReportLevel',$reportLevelList, null ,['id'=>'filReportLevel','class'=>'form-control input-sm','autocomplete'=>'off', 'autofocus']) !!}
                                        </div>
                                    </div>
                                </div>                            

                                <div class="col-md-2" id="areaDiv" style="display: none;">
                                    <div class="form-group">
                                        <div class="col-md-12">
                                            {!! Form::label('', 'Area:', ['class' => 'control-label pull-left']) !!}
                                        </div>
                                        <div class="col-md-12">                                  
                                            <select id="filArea" name="filArea" class="form-control input-sm">
                                                <option value="">--Select Area--</option>
                                                @foreach ($areaList as $area)
                                                <option value="{{$area->id}}">{{$area->name}}</option>
                                                @php
                                                $barnchIds = str_replace(['"','[',']'], '', $area->branchId);
                                                $barnchIds = explode(',', $barnchIds);
                                                $branches = DB::table('gnr_branch')
                                                ->whereIn('id',$barnchIds)
                                                ->select(DB::raw("CONCAT ( LPAD(branchCode,3,0) ,' - ', name ) AS name"))
                                                ->get();
                                                @endphp
                                                @foreach ($branches as $branch)
                                                <option value="" disabled="disabled">&nbsp {{$branch->name}}</option>
                                                @endforeach
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-2" id="zoneDiv" style="display: none;">
                                    <div class="form-group">
                                        <div class="col-md-12">
                                            {!! Form::label('', 'Zone:', ['class' => 'control-label pull-left']) !!}
                                        </div>
                                        <div class="col-md-12">                                  
                                            <select id="filZone" name="filZone" class="form-control input-sm">
                                                <option value="">--Select Zone--</option>
                                                @foreach ($zoneList as $zone)
                                                <option value="{{$zone->id}}">{{$zone->name}}</option>
                                                @php
                                                $areaIds = str_replace(['"','[',']'], '', $zone->areaId);
                                                $areaIds = explode(',', $areaIds);
                                                $areas = DB::table('gnr_area')
                                                ->whereIn('id',$areaIds)
                                                ->select(DB::raw("CONCAT ( LPAD(code,3,0) ,' - ', name ) AS name"))
                                                ->get();
                                                @endphp
                                                @foreach ($areas as $area)
                                                <option value="" disabled="disabled">&nbsp {{$area->name}}</option>
                                                @endforeach
                                                @endforeach
                                            </select>

                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-2" id="regionDiv" style="display: none;">
                                    <div class="form-group">
                                        <div class="col-md-12">
                                            {!! Form::label('', 'Division:', ['class' => 'control-label pull-left']) !!}
                                        </div>
                                        <div class="col-md-12">                                  
                                            <select id="filRegion" name="filRegion" class="form-control input-sm">
                                                <option value="">--Select Division--</option>
                                                @foreach ($regionList as $region)
                                                <option value="{{$region->id}}">{{$region->name}}</option>
                                                @php
                                                $zoneIds = str_replace(['"','[',']'], '', $region->zoneId);
                                                $zoneIds = explode(',', $zoneIds);
                                                $zones = DB::table('gnr_zone')
                                                ->whereIn('id',$zoneIds)
                                                ->select(DB::raw("CONCAT ( LPAD(code,3,0) ,' - ', name ) AS name"))
                                                ->get();
                                                @endphp
                                                @foreach ($zones as $zone)
                                                <option value="" disabled="disabled">&nbsp {{$zone->name}}</option>
                                                @endforeach
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-2" 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">
                                            {!! Form::select('filBranch', [''=>'--All--']+$branchList, null ,['id'=>'filBranch','class'=>'form-control input-sm','autocomplete'=>'off']) !!}
                                            <p id='filBranchE' style="max-height:3px; color:red;"></p>
                                        </div>
                                    </div>
                                </div>
                                @endif

                                @if(in_array($userRoleId, Config('services.branch_level_user_roles')))
                                <div class="col-md-2" 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">
                                            {!! Form::select('filBranch', $branchList, null ,['id'=>'filBranch','class'=>'form-control input-sm','autocomplete'=>'off']) !!}
                                            <p id='filBranchE' style="max-height:3px; color:red;"></p>
                                        </div>
                                    </div>
                                </div>
                                @endif


                                <div class="col-md-2">
                                    <div class="form-group">
                                        <div class="col-md-12">
                                            {!! Form::label('', 'Member Code:', ['class' => 'control-label pull-left']) !!}
                                        </div>
                                        <div class="col-md-12">
                                            <input type="text" class="form-control input-sm" id="memberCode" name="memberCode" value="" autocomplete="off">
                                            <p id='memberCode' style="max-height:3px; color:red;"></p>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-md-1">
                                    <div class="form-group">
                                        <div class="col-md-12">
                                            {!! Form::label('', 'Status:', ['class' => 'control-label pull-left']) !!}
                                        </div>
                                        <div class="col-md-12">
                                            {!! Form::select('status',['all'=>'All', 'unpaid'=>'Unpaid', 'paid'=>'Paid'], null,['id'=>'status','class'=>'form-control input-sm', 'autocomplete'=>'off']) !!}
                                            <p id='status' style="max-height:3px; color:red;"></p>
                                        </div>
                                    </div>
                                </div>

                                <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="fromDate" name="fromDate" value="" autocomplete="off">
                                      </div>
                                    </div>
                                </div>

                                <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="toDate" name="toDate" value="" autocomplete="off">
                                      </div>
                                    </div>
                                </div>

                                <div class="col-md-1">
                                    <div class="form-group">
                                        {!! Form::label('', '', ['class' => 'control-label col-md-12']) !!}
                                        <div class="col-md-12">                                    
                                            {!! Form::submit('Search', ['id' => 'search', 'class' => 'btn btn-primary btn-xs']); !!}
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        {!! Form::close()  !!}
                        <!-- filtering end-->

                        <div class="row">
                            <div class="col-md-12"  id="reportingDiv">

                            </div>
                        </div>
                    </div>		
                </div>
            </div>
        </div>
    </div>
</div>

<script type="text/javascript">
    $(document).ready(function() {
        $("#fromDate" ).datepicker({
            dateFormat: "dd-mm-yy",
            showOtherMonths: true,
            selectOtherMonths: true,
            changeMonth: true,
            changeYear: true,
            yearRange: "-50:+0",
        }).val();

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

        $("form").submit(function( event ) {
            event.preventDefault();
            var serializeValue=$(this).serialize();        
            $('#loadingModal').show();
            $("#reportingDiv").load('{{URL::to("memberInactiveTerminatedPaidList")}}'+'?'+serializeValue);
        });

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

        /*on change filReportLevel hide/show contents*/
        $("#filReportLevel").change(function(event) {
            if ($(this).val()=="Branch") {
                $("#branchDiv").show();  
                $("#areaDiv").hide();  
                $("#zoneDiv").hide();  
                $("#regionDiv").hide(); 

                $("#filArea").prop('required', false);
                $("#filZone").prop('required', false);
                $("#filRegion").prop('required', false); 
            }
            else if($(this).val()=="Area")
            {
                $("#branchDiv").hide(); 
                $("#areaDiv").show(); 
                $("#zoneDiv").hide(); 
                $("#regionDiv").hide(); 

                $("#filArea").prop('required', true);
                $("#filZone").prop('required', false);
                $("#filRegion").prop('required', false);
            }
            else if($(this).val()=="Zone")
            {
                $("#branchDiv").hide(); 
                $("#areaDiv").hide(); 
                $("#zoneDiv").show(); 
                $("#regionDiv").hide(); 

                $("#filArea").prop('required', false);
                $("#filZone").prop('required', true);
                $("#filRegion").prop('required', false);
            }
            else if($(this).val()=="Region"){
                $("#branchDiv").hide(); 
                $("#areaDiv").hide(); 
                $("#zoneDiv").hide(); 
                $("#regionDiv").show(); 

                $("#filArea").prop('required', false);
                $("#filZone").prop('required', false);
                $("#filRegion").prop('required', true);
            }        
        });    

        $("#filReportLevel").trigger('change');
        

        $("#printIcon").click(function(event) {
            var mainContents = document.getElementById("printView").innerHTML;
            var win = window.open('','printwindow');
            win.document.write(mainContents);
            win.print();
            win.close();
        });


    }); /* Ready*/
</script>

@endsection