@extends('layouts/microfin_layout')
@section('title', '| OLRS Data Process')
@section('content')
<style>
    .ui-datepicker-calendar {
        display: none;
    }

    .text-right{
        text-align: right !important;
    }

    .text-left{
        text-align: left !important;
    }
</style>

<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;">OLRS Data 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('dataType', 'Data Type:*', ['class' => 'control-label pull-left']) !!}
                                        </div>
                                        <div class="col-md-12">
                                            {!! Form::select('dataType', $dataType, null ,['id'=>'dataType','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('filMonth', 'Select Month:*', ['class' => 'control-label pull-left']) !!}
                                        </div>
                                        <div class="col-md-12">
                                            {!! Form::text('filMonth', null,['id'=>'filMonth','class'=>'form-control input-sm', 'autocomplete'=>'off',  'readonly','style'=>'cursor:pointer']) !!}
                                        </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('Search', ['id' => 'search', '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>


<style type="text/css">
    table > thead > tr > td, table > tbody > tr > td, table > thead > tr > th, table > tbody > tr > th {
        padding: 2px !important;
        font-size: 10px !important;
        text-transform: capitalize!important;
    }

    .subTotalTr td{
        background-color: #9cb1d3;
    }
    .grandTotal td{
        background-color: #819bc4;
    }
    .funTotal td{
        background-color: #8296b7;
    }
    .allFunOrgTotal td{
        background-color: #55729e;
    }

   
    tr.tableHead td, tr.tableHead th{
        background-color: #696969;
        color: white;
        border-color: white !important;
    }

   
</style>

<script type="text/javascript">
    $(document).ready(function() {
        $("form").submit(function( event ) {
            event.preventDefault();
            var dataType = $('#dataType').val();
            if(!dataType){
                toastr.warning("Please select data type", "Message");
                return false;
            }

            var filMonth = $('#filMonth').val();
            if(!filMonth){
                toastr.warning("Please select month", "Message");
                return false;
            }

            filMonth = filMonth.split('-');
            filMonth = parseInt(filMonth[0]);
            
            // console.log(filMonth);
            // if(dataType == 'employment'){
            //     const allowEmployementMonth = ['6', '12'];
            //     if(jQuery.inArray(filMonth, allowEmployementMonth) != 1){
            //         toastr.warning("Please select a valid(June/December) month", "Message");
            //         return false;
            //     }
            // }
            
            // only june and december data will be sent, comment-out if need to send other months data
            /*
            if(dataType == 'employment'){
                const allowEmployementMonth = [6, 12];
                console.log(filMonth, allowEmployementMonth);
                if( !allowEmployementMonth.includes(filMonth) ) {
                    toastr.warning("Please select a valid(June/December) month", "Message");
                    return false;
                }
            }
            //*/

            // if(dataType == 'upazillaLoanDisburse'){
            //     const allowULDMonth = [3, 6, 9, 12];
            //     if(jQuery.inArray(filMonth, allowULDMonth) != 1){
            //         toastr.warning("Please select a valid(March/June/September/December) month", "Message");
            //         return false;
            //     }
            // }

            var serializeValue=$(this).serialize();
            $('#loadingModal').show();
            $("#reportingDiv").load('{{URL::to("olrs/search")}}'+'?'+serializeValue);
            // searchData();
        });
    });

   /*  function searchData(){
        var serializeValue=$(this).serialize();
        $('#loadingModal').show();
        $("#reportingDiv").load('{{URL::to("collectionSheet/report")}}'+'?'+serializeValue);
    } */

    $("#filMonth").datepicker({
        dateFormat: 'mm-yy',
        changeMonth: true,
        changeYear: true,
        showButtonPanel: true,
        onClose: function(dateText, inst) {
            var month = $("#ui-datepicker-div .ui-datepicker-month :selected").val();
            var year = $("#ui-datepicker-div .ui-datepicker-year :selected").val();
            $(this).val($.datepicker.formatDate('mm-yy', new Date(year, month, 1)));
        }
    });

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

</script>


@endsection