@extends('layouts/microfin_layout')
@section('title', '| Member Inactive Eligible Process')
@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">                        
                        <h3  style=" text-align: center; font-family: Antiqua; letter-spacing: 2px; color: white;">MEMBER INACTIVE ELIGIBLE PROCESS</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('','Date: ', ['class' => 'control-label pull-left', 'style' => 'color:black']) !!}
                                      </div>
                                      <div class="col-md-12">
                                        <input type="text" class="form-control input-sm" id="date" name="date" value="{{$today}}" autocomplete="off" required>
                                      </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('Load Branches', ['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() {
        $("#date" ).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("memberInactiveEligibleGetBranches")}}'+'?'+serializeValue);
        });

        $("#loadingModal").hide();        
    }); /* Ready*/
</script>

@endsection