@extends('layouts/microfin_layout')
@section('title', '| Savings Status')
@section('content')
<style type="text/css">
    .form-group, .form-control{
        font-size: 11px !important;
        color: black !important;
    }
    .form-control{
        padding: 5px !important;
    }
    #searchButton{
        font-size: 12px;
        margin-top: 20px;
    }
</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-12">
<div class="" style="">
    <div class="">
        <div class="panel panel-default" style="background-color:#708090;">
            <div class="panel-heading" style="padding-bottom:0px">
                <h3  style=" text-align: center; font-family: Antiqua; letter-spacing: 2px; color: white;">Savings Status</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">
                        <div class="col-md-2">
                            <div class="form-group">
                                <div class="col-md-12">
                                    {!! Form::label('', 'Samity:', ['class' => 'control-label pull-left']) !!}
                                </div>
                                <div class="col-md-12">
                                    {!! Form::select('filSamity', [''=>'All Samity']+$samityList, null ,['id'=>'filSamity','class'=>'form-control input-sm','autocomplete'=>'off']) !!}
                                </div>
                            </div>
						</div>
						
						<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">
									{!! Form::select('filSavProduct', [''=>'All']+$savProductList, null
									,['id'=>'filSavProduct','class'=>'form-control input-sm','autocomplete'=>'off']) !!}
								</div>
							</div>
						</div>

						<div class="col-md-2">
							<div class="form-group">
								<div class="col-md-12">
									{!! Form::label('', 'Member Status:', ['class' => 'control-label pull-left']) !!}
								</div>
								<div class="col-md-12">
									{!! Form::select('filMemberStatus', ['' => 'All', 1 => 'Active', 2 => 'Inactive'], null
									,['id'=>'filMemberStatus','class'=>'form-control input-sm','autocomplete'=>'off']) !!}
								</div>
							</div>
						</div>

                        <div class="col-md-1">
                            <div class="form-group">
                                <div class="col-md-12">
                                    {!! Form::label('', 'Date From:', ['class' => 'control-label pull-left']) !!}
                                </div>
                                <div class="col-md-12">
                                    {!! Form::text('filDateFrom',null,['id'=>'filDateFrom','class'=>'form-control input-sm', 'autocomplete'=>'off','readonly']) !!}
                                    <p id='filYearE' 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('', 'Date To:', ['class' => 'control-label pull-left']) !!}
                                </div>
                                <div class="col-md-12">
                                    {!! Form::text('filDateTo',null,['id'=>'filDateTo','class'=>'form-control input-sm', 'autocomplete'=>'off','required','readonly']) !!}
                                </div>
                            </div>
                        </div>

                        <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">
                                    {!! Form::text('filMemberCode', null,['id'=>'filMemberCode','class'=>'form-control input-sm', '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' => 'searchButton', '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>		{{-- panel-body panelBodyView DIV --}}
        </div>
    </div>
</div>
</div>
</div>

<script type="text/javascript">
$(document).ready(function() {

    $("#filterFormId").submit(function( event ) {
        event.preventDefault();
        $("#loadingModal").show();
        $("#reportingDiv").load('{{URL::to("loadMfnSavingsStatus")}}'+'?'+$("#filterFormId").serialize());
    });

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


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

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

}); /*Ready*/


</script>

@endsection