@extends('layouts/microfin_layout')
@section('title', '| Generate Interest')
@section('content')
    <style type="text/css">
    .form-group, .form-control{
        font-size: 11px !important;
        color: black !important;
    }
    .form-control{
        padding: 5px !important;
    }
    #generateButton{
        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="font-size: 2em; text-align: center; font-family: Antiqua; letter-spacing: 2px; color: white;">Interest Generate</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('', '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']) !!}
                                        </div>
                                    </div>
                                </div>
                                <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', [], null ,['id'=>'filSamity','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('', 'Product:', ['class' => 'control-label pull-left']) !!}
                                        </div>
                                        <div class="col-md-12">
                                            {!! Form::select('filProduct', ['' => 'All']+$productList, null ,['id'=>'filProduct','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('', 'Fiscal Year:', ['class' => 'control-label pull-left']) !!}
                                        </div>
                                        <div class="col-md-12">
                                            {!! Form::select('fiscalYear', $fiscalYears, null ,['id'=>'fiscalYear','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('Generate', ['id' => 'generateButton', 'class' => 'btn btn-primary btn-xs']); !!}
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

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

                    </div>		{{-- panel-body panelBodyView DIV --}}
                </div>
            </div>
        </div>
    </div>
</div>

<script type="text/javascript">

$(document).ready(function() {

    $('#filSamity').append(function(){
        var branchId = $('#filBranch').val();
        getBranchWiseSamity(branchId);
    });

    $('#filBranch').change(function(){
        var branchId = $('#filBranch').val();
        getBranchWiseSamity(branchId);
    });

    $("#filterFormId").submit(function( event ) {
        event.preventDefault();
        $("#loadingModal").show();
        event.preventDefault();
        $("#generateButton").prop("disabled", true);
        $.ajax({
            type: 'post',
            url: './executeAutoGenerate',
            data: $('form').serialize(),
            dataType: 'json',
            success: function( _response){
                alert(_response.responseText);
                window.location.reload();
            }
        });
        $("#loadingModal").hide();
    });

    // alert('hello');
    $("#loadingModal").hide();

}); /*Ready*/

function getBranchWiseSamity(branchId){
    $.ajax({
        type: 'post',
        url: "./getBranchWiseSamity",
        data: {branchId: branchId},
        success: function (data){
            $("#filSamity").empty();
            $('#filSamity').append("<option value=''>All Samity</option>");
            $.each(data, function(index, val){
                $('#filSamity').append("<option value='"+index+"'>"+val+"</option>");
            });
        }

    });
}
</script>

@endsection