@extends('layouts/microfin_layout')
@section('title', '| Loan Write Off Collection List')
@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-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=" text-align: center; font-family: Antiqua; letter-spacing: 2px; color: white;">LOAN WRITE OFF COLLECTIONS LIST</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">
                        @if(!in_array($userRoleId, Config('services.branch_level_user_roles')))
                            <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('filBranch', [''=>'--All--']+$branchList, null ,['id'=>'filBranch','class'=>'form-control input-sm','autocomplete'=>'off']) !!}
                                    </div>
                                </div>
                            </div>
                        @endif

                        <div class="col-md-1">
                            <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', [''=>'--All--']+$samityList, 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('', 'Search Key:', ['class' => 'control-label pull-left']) !!}
                                </div>
                                <div class="col-md-12">
                                    {!! Form::text('filSearchKey',null ,['id'=>'filSearchKey','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('', 'Date From:', ['class' => 'control-label pull-left']) !!}
                                </div>
                                <div class="col-md-12">
                                    {!! Form::text('filDateFrom',null ,['id'=>'filDateFrom','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('', 'Date To:', ['class' => 'control-label pull-left']) !!}
                                </div>
                                <div class="col-md-12">
                                    {!! Form::text('filDateTo',null ,['id'=>'filDateTo','class'=>'form-control input-sm','autocomplete'=>'off','readonly','style'=>'cursor:pointer;']) !!}
                                </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' => '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">
                        @include('microfin.loan.loanWriteOff.writeOffCollectionList', [
                            'writeOffcollections' => $initialData['writeOffcollections'],
                            'loans' => $initialData['loans'],
                            'samities' => $initialData['samities'],
                            'members' => $initialData['members'],
                            'softwareDate' => $initialData['softwareDate']
                        ])
                    </div>
                </div>

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


<script type="text/javascript">
$(document).ready(function() {

    $("#filBranch").change(function(event) {
        var branchId = $(this).val();
        $("#filSamity option:gt(0)").remove();
        if (branchId!='') {
            $.ajax({
                url: './../getMfnBranchWiseSamityList',
                type: 'POST',
                dataType: 'json',
                data: {branchId: branchId},
            })
            .done(function(data) {
                $.each(data, function(index, val) {
                     $("#filSamity").append("<option value='"+index+"'>"+val+"</option>");
                });
            })
            .fail(function() {
                alert("error");
            });
            
        }
    });

    $("#filDateFrom").datepicker({
        changeMonth: true,
        changeYear: true,
        yearRange : "-20:+20",
        dateFormat: 'dd-mm-yy',
        onSelect: function () {
            $("#filDateTo").datepicker("option","minDate",$(this).datepicker('getDate'));
        }
    });

    $("#filDateTo").datepicker({
        changeMonth: true,
        changeYear: true,
        yearRange : "-20:+20",
        dateFormat: 'dd-mm-yy',
        onSelect: function () {
            $("#filDateFrom").datepicker("option","maxDate",$(this).datepicker('getDate'));
        }
    });

    $("form").submit(function( event ) {
        event.preventDefault();
        var serializeValue=$(this).serialize();        
        $('#loadingModal').show();
        $("#reportingDiv").load('{{URL::to("mfn/getWriteOffCollectionList/")}}'+'?'+serializeValue);
    });


    // Replace your existing pagination click handler with this:
    $(document).on('click', '.pagination a', function(e) {
        e.preventDefault();
        var url = $(this).attr('href');
        $('#loadingModal').show();
        
        // Only load the table content, not the whole page
        $.ajax({
            url: url,
            type: 'get',
            success: function(data) {
                $('#reportingDiv').html($(data).find('#reportingDiv').html());
                $('#loadingModal').hide();
            }
        });
    });

    $("#loadingModal").hide();

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



@endsection