@extends('layouts/microfin_layout')
@section('title', '| OTS Interest Effective Date')
@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;
    }

    #savingsAccountTable td{
        color: black !important;
    }

    .text-left{
        text-align: left !important;
    }
</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;">OTS Interest Effective Date</h3>
            </div>

            <div class="panel-body panelBodyView" >
                @if (sizeof($branchList) > 1)
                    <!-- Filtering Start-->
                    {!! Form::open(array( Request::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', [''=>'--Select--']+$branchList, null ,['id'=>'filBranch','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-->
                @endif
                
                {!! Form::open(array('url' => '', 'role' => 'form', 'class' => 'form-horizontal form-groups', 'id' => 'dataForm')) !!}
                    <table class="table table-striped table-bordered" id="savingsAccountTable">
                        <thead>
                            <tr>
                                <th>SL</th>
                                <th >Member Name</th>
                                <th >Opening Date</th>
                                <th>Account No</th>
                                <th>Period</th>
                                <th>Fixed Deposit Amount</th>
                                <th>Interest Effective Date</th>
                            </tr>
                        </thead>
                        <tbody>
                            <br />
<b>Warning</b>:  Undefined variable $accounts in <b>/home/shikkhaplus/public_html/demo_bk/resources/views/microfin/savings/interestPaymentStart/index.blade.php</b> on line <b>88</b><br />
<br />
<b>Warning</b>:  foreach() argument must be of type array|object, null given in <b>/home/shikkhaplus/public_html/demo_bk/resources/views/microfin/savings/interestPaymentStart/index.blade.php</b> on line <b>88</b><br />
                        </tbody>
                    </table>

                    <ul class="pager wizard pull-right">                                        
                        <input id="submit" class="btn btn-default" type="submit" value="Submit">
                    </ul>   
                {!! Form::close() !!}
            </div>		{{-- panel-body panelBodyView DIV --}}
        </div>
    </div>
</div>
</div>
</div>

<script type="text/javascript">

$(document).ready(function() {
    $(".intPaymentStart").datepicker({
        changeMonth: true,
        changeYear: true,
        dateFormat: 'dd-mm-yy',
        maxDate:"today",
        minDate:"c-1Y",
        // onSelect: function() {
        //     var date = $(this).datepicker('getDate');
        //     $("#dateFrom").datepicker('option','maxDate',date);
        //     $(this).closest('div').find('.error').remove();                           
        // }
    });
    $("#loadingModal").hide();

    $('#dataForm').submit(function(event){
        event.preventDefault();
        $(".error").remove();
        $("button").prop('disabled', true);
        $('#loadingModal').show();
        $.ajax({
            type: 'post',
            url: "{{ url('int_payment_start/store') }}",
            dataType: 'json',
            data: $('form').serialize(),
            success: function(data) {
                // Print Error
                if(data.errors) {
                    $("button").prop('disabled', false);
                    $.each(data.errors, function(name, error) {
                            $("#"+name).after("<p class='error' style='color:red;'>* "+data.errors[name]+"</p>");
                    });
                    $('#loadingModal').hide();
                    $('#preview-modal').modal('show', {backdrop: 'static'});
                } else {
                    if(data.responseTitle == "Success!"){
                        toastr.success(data.responseText, data.responseTitle, opts);
                        setTimeout(function(){
                            //window.location.href = '{{ url('otsInterestGenerate') }}';
                            location.reload();
                        }, 2000);
                    }else{
                        toastr.warning(data.responseText, data.responseTitle, opts);
                        $("button").prop('disabled', false);
                    }
                }
            },
            error: function(_response) {
                alert(_response.errors);
                $("button").prop('disabled', false);
            }
        });
        });

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

@endsection