@extends('layouts/microfin_layout')
@section('title', '| Edit Reschedule')
@section('content')


<style type="text/css">
    .form-control {
        font-size: 11px !important;
        padding: 5px !important;
    }
    label {
        font-size: 11px !important;
    }

    .select2-container{
        width: 100% !important;
        border: 1px solid #e4e4e4 !important;
        border-radius: 0 !important;
    }
    .select2-selection{
        border: none !important;
        border-radius: 0 !important;
    }
    #select2-samityId-container{
        font-size: 11px !important;
        padding: 5px !important;
    }
    .select2-selection__rendered{
        font-size: 11px !important;
        padding: 5px !important;
    }
</style>
    
@php    
    // $memberLoanDetailsUrl = "https://microfinplus.com/ambalafoundation/public/" . "mfn/detailsRegularLoan/" . $data->id;
    $currUrl = (isset($_SERVER['HTTPS']) && $_SERVER['HTTPS'] === 'on' ? "https" : "http") . "://$_SERVER[HTTP_HOST]$_SERVER[REQUEST_URI]";
    $currUrlPart = explode("rescheduleRegularLoan", $currUrl);
    $memberLoanDetailsUrl = $currUrlPart[0] . "mfn/detailsRegularLoan/" . $data->id;
@endphp

<div class="row add-data-form searchDiv">
    <div class="col-md-12">
        <div class="col-md-8 col-md-offset-2 fullbody">
            <div class="viewTitle" style="border-bottom:1px solid white;">

                <a href="{{ url('viewLoanMemberWiseReschedule/') }}" class="btn btn-info pull-right addViewBtn" id="rescheduleListBtn" style="margin-left: 10px;">
                    <i class="glyphicon glyphicon-th-list viewIcon"></i>
                    Reschedule List
                </a>

                <a href="{{ url('addLoanMemberWiseReschedule/') }}" class="btn btn-info pull-right addViewBtn" style="margin-left: 10px;">
                    <i class="glyphicon glyphicon-plus-sign addIcon"></i>
                    New Reschedule							
                </a>
                
                <a href="{{ $memberLoanDetailsUrl }}" class="btn btn-info pull-right addViewBtn" style="margin-left: 10px;">
                    <i class="glyphicon glyphicon-file addIcon"></i>
                    Member Loan Details							
                </a>

            </div>
            <div class="panel panel-default panel-border">
                <div class="panel-heading">
                    <div class="panel-title">New Loan Reschedule (member-wise)</div>                        
                </div>
                <div class="panel-body">
                    <div class="row">
                        <div class="col-md-12">
                            {!! Form::open(array('url' => '', 'role' => 'form', 'class' => 'form-horizontal form-groups')) !!}                                 
                                
                                <div class="form-group">
                                    {!! Form::label('branchId', 'Branch:*', ['class' => 'col-sm-2 control-label']) !!}
                                    <div class="col-sm-6"> 
                                        <input type="text" class="form-control" id="branchId" value="{{ $data->branch }}" readonly>
                                    </div>
                                </div>

                                <div class="form-group">
                                    {!! Form::label('samityId', 'Samity:*', ['class' => 'col-sm-2 control-label']) !!}
                                    <div class="col-sm-6"> 
                                        <input type="text" class="form-control" id="samityId" value="{{ $data->samity }}" readonly>
                                    </div>
                                </div>

                                <div class="form-group">
                                    {!! Form::label('memberId', 'Member:*', ['class' => 'col-sm-2 control-label']) !!}
                                    <div class="col-sm-6"> 
                                        <input type="text" class="form-control" id="memberId" value="{{ $data->member }}" readonly>
                                    </div>
                                </div>
                                
                                <div class="form-group">
                                    {!! Form::label('loanCode', 'Loan Product:*', ['class' => 'col-sm-2 control-label']) !!}
                                    <div class="col-sm-6">
                                        <input type="text" class="form-control" id="loanCode" value="{{ $data->loanCode }}" readonly>
                                        <input type="text" class="form-control" id="loanId" value="{{ $data->loanId }}" style="display:none">
                                    </div>
                                </div>

                                
                                <div class="form-group">
                                    {!! Form::label('date from', 'Date From:*', ['class' => 'col-sm-2 control-label']) !!}
                                    <div class="col-sm-6">
                                    {!! Form::text('dateFrom', $value = $data->rescheduleFrom, ['class' => 'form-control', 'id' => 'dateFrom', 'type' => 'text','autocomplete'=>'off', 'required', 'readonly']) !!}
                                    </div>
                                </div>

                                <div class="form-group">
                                    {!! Form::label('date to', 'Date To:*', ['class' => 'col-sm-2 control-label']) !!}
                                    <div class="col-sm-6">
                                        {!! Form::text('dateTo', $value = $data->rescheduleTo, ['class' => 'form-control datepicker', 'id' => 'dateTo', 'type' => 'text', 'autocomplete'=>'off', 'required']) !!}
                                    </div>
                                </div>

                                <div class="form-group">
                                    {!! Form::label('reschedule purpose', 'Reschedule Purpose:*', ['class' => 'col-sm-2 control-label']) !!}
                                    <div class="col-sm-6">
                                        {!! Form::text('purpose', $value = $data->purpose, ['class' => 'form-control', 'id' => 'purpose', 'type' => 'text', 'autocomplete'=>'off', 'required']) !!}
                                    </div>
                                </div>

                                
                                <div class="form-group">
                                    <div class="col-sm-10 col-sm-offset-2">
                                        {!! Form::submit('Proceed', ['id' => 'submit', 'class' => 'btn btn-info']) !!}
                                    </div>
                                </div>
                            {!! Form::close() !!}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="row add-data-form unitDiv" style="margin-top: 10px; display: none;">
    <div class="col-md-12" id="loadHtml"></div>
</div>

@endsection

<script src="{{ asset('js/jquery-1.11.1.min.js') }}"></script>

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

        // $("#dateFrom").datepicker({
        //     changeMonth : true,
        //     changeYear  : true,
        //     dateFormat  : 'dd-mm-yy',
        //     onSelect    : function(){
        //         thisDate = $(this).datepicker("getDate");
        //         // $('#dateTo').datepicker('option','minDate', thisDate);
        //         var dateFrom = $("#dateFrom").val();
        //         var dateTo = $("#dateTo").val();
        //         if(dateFrom != '' && dateTo != ''){
        //             checkDateRange();
        //         }
        //     }  
        // });

        $("#dateTo").datepicker({
            changeMonth : true,
            changeYear  : true,
            dateFormat  : 'dd-mm-yy',
            onSelect    : function(){
                thisDate = $(this).datepicker("getDate");
                // $('#dateFrom').datepicker('option','maxDate', thisDate);
                var dateFrom = $("#dateFrom").val();
                var dateTo = $("#dateTo").val();
                if(dateFrom == ''){
                    toastr.warning('Please select From Date!');
                }else{
                    checkDateRange();
                }
            }
        });        

    

        $('form').submit(function(event){
            event.preventDefault();

            if($('#dateTo').val()=='' || $('#dateFrom').val()=='' || $('#purpose').val()=='') {
                toastr.success('Please fill up required fields!');
                return false;
            }


            // var base = 'http://120.50.0.141/erp/public/';
            // var base = 'https://microfinplus.com/ambalafoundation/public/';
            var base =  window.location.href.split('rescheduleRegularLoan')[0];

            let url = base + "viewLoanMemberWiseReschedule";
            if (window.location.href.indexOf("rescheduleRegularLoan") > -1) {
                url = base + 'mfn/detailsRegularLoan/' + $('#loanId').val();
            }
                       
            
            $('#loadingModal').show();

            
            $.ajax({
                type: 'post',
                url: base + 'executeMemberWiseLoanReschedule',
                dataType: 'json',
                data: {                  
                    dateFrom: $('#dateFrom').val(),
                    dateTo: $('#dateTo').val(),
                    purpose: $('#purpose').val(),
                    loanId: $('#loanId').val()
                }, 
                success: function(data, status) {
                    $('#loadingModal').hide();
                    console.log(data, status);
                    if(data.success){
                        toastr.success(data.msg);
                        setTimeout(() => { window.location.href = '{{ url('viewLoanMemberWiseReschedule/') }}'; }, 500);
                    }
                    else{
                        toastr.error(data.msg);
                    }
                },
                error: function(data) {
                    console.log(data.errors);
                    toastr.error(data.msg);
                    toastr.error(data.errors);
                }
            });
            
        });

        
           
    });

    function checkDateRange(){
        var dateFrom = $("#dateFrom").val();
        var dateTo = $("#dateTo").val();

        var startDate = $("#dateFrom").datepicker("getDate");
    	var endDate = $("#dateTo").datepicker("getDate");
   		var daysDiff = Math.round((endDate- startDate) / (1000 * 60 * 60 * 24));      
    }
</script>