@extends('layouts/microfin_layout')
@section('title', '| Redo Mfn Auto Vouchers Process')
@section('content')

@php  
    use App\Http\Controllers\microfin\MicroFin;
    use Carbon\Carbon;

    $branchList = MicroFin::getBranchList();
@endphp


<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">
                        <div class="panel-options">
                         
                        
                    </div>
                <h3 style=" text-align: center; font-family: Antiqua; letter-spacing: 2px; color: white;">Redo Mfn Auto Vouchers 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-1" 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('branchId', ['0'=>'--All--']+$branchList, null ,['id'=>'branchId','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('', 'From:', ['class' => 'control-label pull-left']) !!}
                            </div>
                            <div class="col-md-12">
                                {!! Form::text('startMonth', null,['id'=>'startMonth','class'=>'form-control input-sm readonly', 'autocomplete'=>'off','style'=>'cursor:pointer;','required']) !!}
                            </div>
                        </div>
                    </div> 

                    <div class="col-md-1">
                        <div class="form-group">
                            <div class="col-md-12">
                                {!! Form::label('', 'To:', ['class' => 'control-label pull-left']) !!}
                            </div>
                            <div class="col-md-12">
                                {!! Form::text('endMonth', null,['id'=>'endMonth','class'=>'form-control input-sm readonly', 'autocomplete'=>'off','style'=>'cursor:pointer;','required']) !!}
                            </div>
                        </div>
                    </div>  

                    <div class="col-md-1">
                        <div class="form-group">
                            <div class="col-md-12">
                                {!! Form::label('', '&nbsp;', ['class' => 'control-label pull-left']) !!}
                            </div>
                            <div class="col-md-12">                                    
                                {!! Form::submit('Run process', ['id' => 'runProcess', 'class' => 'btn btn-primary btn-sm']); !!}
                            </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() {
     
        $("form").submit(function( event ) {
            event.preventDefault();
            
            var branchId = $("#branchId").val();
            var startDate = $("#startMonth").val();
            var endDate = $("#endMonth").val();
            
            // console.log(branchId, startMonth, endMonth);
            
            if( new Date(startDate) > new Date(endDate) ) {
                toastr.warning('start date is greater than end date');
                return;
            }

            $('#loadingModal').show();

            $.ajax({
               url: `./redoAutoVouchers/${branchId}/${startDate}/${endDate}`  
            })
            .done(function(data) {
                if (data.responseTitle=='Success!') {
                    toastr.success(data.responseText, data.responseTitle, opts);                        
                    // setTimeout(function(){
                    //     location.reload();
                    // }, 2000);
                }                
            })
            .fail(function() {
                alert("error");
            })
            .always(function() {
                $("#loadingModal").hide();
            });
        });        

        $('#startMonth').datepicker({
            dateFormat: 'dd-mm-yy',
            changeYear: true,
            changeMonth: true            
        });

        $('#startMonth').click(function() {
            this.value = '';
        });
        
        $('#endMonth').datepicker({
            dateFormat: 'dd-mm-yy',
            changeYear: true,
            changeMonth: true            
        });

        $('#endMonth').click(function() {
            this.value = '';
        });
    });

</script>


@endsection