@extends('layouts/acc_layout')
@section('title', '| Fund Requisition')
@section('content')
@include('successMsg')

<div class="row add-data-form">
        <div class="col-md-2"></div>
        <div class="col-md-8 fullbody">
                <div class="viewTitle" style="border-bottom: 1px solid white;">
                    <a href="{{url('fundRequisition/fundRequisitionListFiltering/')}}" class="btn btn-info pull-right addViewBtn"><i class="glyphicon glyphicon-th-list viewIcon">
                        </i>View Fund Requisition List</a>
                </div>
                <div class="panel panel-default panel-border">
                    <div class="panel-heading">
                        <div class="panel-title">Add Fund Requisition</div>
                    </div>

                    {!! Form::open(array('url' => '#', 'role' => 'form', 'class'=>'form-horizontal form-groups')) !!}
                   
                        <div class="panel-body">
                            <div class="row">
                                <div class="col-md-8">

                                    @if(Auth::user()->branchId == 1)
                                        <div class="form-group">
                                            {!! Form::label('requestBranchId', 'Request Branch:', ['class' => 'col-sm-2 control-label']) !!} 
                                            <div class="col-sm-3">
                                                @php
                                                    $requestBranchIds = DB::table('gnr_branch')->select('id','name','branchCode')->get();
                                                @endphp
                                                <select class="form-control" id="requestBranchId" name="requestBranchId" >
                                                    <option value="">Select Branch</option>
                                                    @foreach($requestBranchIds as $requestBranchId)
                                                        <option value="{{$requestBranchId->id}}">{{str_pad($requestBranchId->branchCode,3,'0',STR_PAD_LEFT).' - '.$requestBranchId->name}}</option>
                                                    @endforeach
                                                </select>
                                                <p id='requestBranchIde' style="max-height:3px;"></p>                              
                                            </div>
                                        </div>
                                    @else
                                        <div class="form-group">
                                            {!! Form::label('requestBranchId', 'Request Branch:', ['class' => 'col-sm-2 control-label']) !!} 
                                            <div class="col-sm-3">
                                                {{-- @php
                                                    $requestBranchIds = DB::table('gnr_branch')->select('id','name','branchCode')->get();
                                                @endphp --}}
                                                <select class="form-control" id="requestBranchId" name="requestBranchId" >
                                                    {{-- <option value="">Select Branch</option>
                                                    @foreach($requestBranchIds as $requestBranchId) --}}
                                                        {{-- <option value="{{$requestBranchId->id}}">{{str_pad($requestBranchId->branchCode,3,'0',STR_PAD_LEFT).' - '.$requestBranchId->name}}</option> --}}
                                                        <option value="1">000 - Head Office</option>
                                                    {{-- @endforeach --}}
                                                </select>
                                                <p id='requestBranchIde' style="max-height:3px;"></p>                              
                                            </div>
                                        </div>
                                    @endif

                                </div>
                                
                                <div class="form-group">
                                    {!! Form::label('disbursementDate', 'Disbursement Date:', ['class' => 'col-sm-2 control-label']) !!}
                                    <div class="col-sm-2">
                                            {!! Form::text('disbursementDate', null, ['class' => 'form-control', 'placeholder' => 'dd-mm-yyyy', 'style'=>'cursor:pointer', 'id' => 'disbursementDate'])!!}
                                        <p id='disbursementDatee' style="max-height:3px;"></p>                              
                                    </div>
                                </div>
                            </div><br>
                                            
                        <div class="row" style=" margin: 15px 0px;">
                            <div class="table-responsive">
                                <table class="table table-striped table-bordered" id="vaultReport" style="color:black;">
                                    <thead>
                                        <tr>
                                            <th colspan="4">Component (TK.)</th>
                                            <th rowspan="2">Total (TK.)</th>
                                        </tr>
                                        <tr>
                                            <th>Jagoron (TK.)</th>
                                            <th>Agrosor (TK.)</th>
                                            <th>Sufalon (TK.)</th>
                                            <th>Grihayan (TK.)</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td style="padding: 5px;"> 
                                                {!! Form::text ('jagoronAmount', $value = null, ['id'=>'jagoronAmount','class'=>'form-control text-center amount', 'placeholder' => '-' ]) !!} 
                                            </td>
                                            <td style="padding: 5px;"> 
                                                {!! Form::text ('agrosorAmount', $value = null, ['id'=>'agrosorAmount','class'=>'form-control text-center amount', 'placeholder' => '-' ]) !!}  
                                            </td>
                                            <td style="padding: 5px;"> 
                                                {!! Form::text ('sufalonAmount', $value = null, ['id'=>'sufalonAmount','class'=>'form-control text-center amount', 'placeholder' => '-' ]) !!}  
                                            </td>
                                            <td style="padding: 5px;"> 
                                                {!! Form::text ('grihayonAmount', $value = null, ['id'=>'grihayonAmount','class'=>'form-control text-center amount', 'placeholder' => '-' ]) !!}  
                                            </td>
                                            <td style="padding: 5px;"> 
                                                {!! Form::text('totalSum', $value = null, ['id' => 'totalSum', 'class' => 'form-control text-right amount', 'readonly', 'type' => 'text', 'placeholder' => '-', 'autocomplete' => 'off']) !!}  
                                                <p id='totalSume' style="max-height:3px;"></p> 
                                            </td>
                                        </tr>
                                        <tbody>
                                            <tr>
                                                <th style="text-align: left;">Amount In Words</th> 
                                                <th colspan="4">{!! Form::text('totalInWords', $value = null, ['class' => 'form-control', 'readonly', 'id' => 'totalInWords', 'type' => 'text', 'placeholder' => 'Amount In Words', 'autocomplete' => 'off']) !!}</th>
                                            </tr>
                                        </tbody>
                                    </tbody>
                                </table>
                            </div>
                        </div><br>

                        <div class="form-group">
                            {!! Form::label('submit', ' ', ['class' => 'col-sm-5 control-label']) !!}
                            <div class="col-sm-5">
                                {!! Form::submit('Submit', ['id' => 'add', 'class' => 'btn btn-info']) !!}
                             <a href="{{ url('fundRequisition/findRequisitionListFiltering/') }}"
                                    class="btn btn-danger closeBtn">Close</a>
                                <span id="success" style="color:green; font-size:20px;" class="pull-right"></span>
                            </div>
                        </div>

                        {!! Form::close() !!}
                    </div>
            </div> 
        <div class="footerTitle" style="border-top:1px solid white"></div>
    </div> 
    <div class="col-md-1"></div>
</div>


<script>

    $(document).ready(function(){

        $(document).on("input",".amount",function() {
            this.value = this.value.replace(/[^0-9]/g, '').replace(/(\..*)\./g, '$1'); 
        });

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

        //formating number with ','
        $(document).on('keyup', '.amount', function(){
            var amount = +$(this).val();
            $(this).val(amount.toLocaleString("en-IN"));
            totalSum();
        });
        
        //addition function
        function totalSum() {
            var totalSum = +$('#jagoronAmount').val().replaceAll(",", "") + +$('#agrosorAmount').val().replaceAll(",", "") + +$('#sufalonAmount').val().replaceAll(",", "") + +$('#grihayonAmount').val().replaceAll(",", "");
            $('#totalSum').val(totalSum);
            $('#totalInWords').val(int_to_words(totalSum));
            $('#totalSum').val(totalSum.toLocaleString("en-IN"));
        }


        ////////////////////////// Amount in words convert Function  /////////////////////
        var IS_SOUTH_ASIAN = true;
        var ONES_WORD = ['', 'One', 'Two', 'Three', 'Four', 'Five', 'Six', 'Seven', 'Eight', 'Nine', 'Ten', 'Eleven', 'Twelve', 'Thirteen', 'Fourteen', 'Fifteen', 'Sixteen', 'Seventeen', 'Eighteen', 'Nineteen'];
        var TENS_WORD = ['', '', 'Twenty', 'Thirty', 'Fourty', 'Fifty', 'Sixty', 'Seventy', 'Eighty', 'Ninety'];
        var SCALE_WORD_WESTERN = ['', 'Thousand', 'Million', 'Billion', 'Trillion', 'Quadrillion', 'Quintillion', 'Sextillion', 'Septillion', 'Octillion', 'Nonillion'];
        var SCALE_WORD_SOUTH_ASIAN = ['', 'Thousand', 'Lakh', 'Crore', 'Hundred Crore', 'Thousand Crore', 'Lakh Crore', 'Crore Crore', 'Hundred Crore Crore', '***', '***'];
        var GROUP_SIZE = (typeof IS_SOUTH_ASIAN != "undefined" && IS_SOUTH_ASIAN) ? 2 : 3;
        var SCALE_WORD = (typeof IS_SOUTH_ASIAN != "undefined" && IS_SOUTH_ASIAN) ? SCALE_WORD_SOUTH_ASIAN : SCALE_WORD_WESTERN;
        function int_to_words(int) {
            if (int === 0) return 'Zero';
            return recurse('', 0, get_first_3(String(int)), get_rest_3(String(int)));
        }
        // Return string of first three digits, padded with zeros if needed
        function get_first_3(str) {
            return ('000' + str).substr(-(3));
        }
        function get_first(str) { //-- Return string of first GROUP_SIZE digits, padded with zeros if needed, if group size is 2, make it size 3 by prefixing with a '0'
            return (GROUP_SIZE == 2 ? '0' : '') + ('000' + str).substr(-(GROUP_SIZE));
        }
        // Return string of digits with first three digits chopped off
        function get_rest_3(str) {
            return str.substr(0, str.length - 3);
        }
        function get_rest(str) { // Return string of digits with first GROUP_SIZE digits chopped off
            return str.substr(0, str.length - GROUP_SIZE);
        }
        // Return string of triplet convereted to words
        function triplet_to_words(_3rd, _2nd, _1st) {
            return (_3rd == '0' ? '' : ONES_WORD[_3rd] + ' Hundred ') +
                (_1st == '0' ? TENS_WORD[_2nd] : TENS_WORD[_2nd] && TENS_WORD[_2nd] + ' ' || '') +
                (ONES_WORD[_2nd + _1st] || ONES_WORD[_1st]);  //-- 1st one returns one-nineteen - second one returns one-nine
        }
        // Add to result, triplet words with scale word
        function add_to_result(result, triplet_words, scale_word) {
            return triplet_words ? triplet_words + (scale_word && ' ' + scale_word || ' ') + ' ' + result : result;
        }
        function recurse(result, scaleIdx, first, rest) {
            if (first == '000' && rest.length === 0) return result + 'Taka Only.';
            var newResult = add_to_result(result, triplet_to_words(first[0], first[1], first[2]), SCALE_WORD[scaleIdx]);
            return recurse(newResult, ++scaleIdx, get_first(rest), get_rest(rest));
        }
        ////////////////////////// End Amount in words convert Function  /////////////////////


        

        $('form').submit(function( event ) {
            event.preventDefault();
            $.ajax({
                type: 'post',
                url: "{{ url('fundRequisition/addFundRequisitionItem/') }}",
                data: $('form').serialize(),
                dataType: 'json',
                success: function( _response ){
                    if (_response.errors) {
                        if (_response.errors['requestBranchId']) {
                            $('#requestBranchIde').empty();
                            $('#requestBranchIde').append('<span class="errormsg" style="color:red;">'+_response.errors.requestBranchId+'</span>');
                        }
                        if (_response.errors['disbursementDate']) {
                            $('#disbursementDatee').empty();
                            $('#disbursementDatee').append('<span class="errormsg" style="color:red;">'+_response.errors.disbursementDate+'</span>');
                        }
                        // if (_response.errors['jagoronAmount']) {
                        //     $('#jagoronAmounte').empty();
                        //     $('#jagoronAmounte').append('<span class="errormsg" style="color:red;">'+_response.errors.jagoronAmount+'</span>');
                        // }
                        // if (_response.errors['agrosorAmount']) {
                        //     $('#agrosorAmounte').empty();
                        //     $('#agrosorAmounte').append('<span class="errormsg" style="color:red;">'+_response.errors.agrosorAmount+'</span>');
                        // }
                        // if (_response.errors['sufalonAmount']) {
                        //     $('#sufalonAmounte').empty();
                        //     $('#sufalonAmounte').append('<span class="errormsg" style="color:red;">'+_response.errors.sufalonAmount+'</span>');
                        // }
                        // if (_response.errors['grihayonAmount']) {
                        //     $('#grihayonAmounte').empty();
                        //     $('#grihayonAmounte').append('<span class="errormsg" style="color:red;">'+_response.errors.grihayonAmount+'</span>');
                        // }
                        // if (_response.errors['totalSum']) {
                        //     $('#totalSume').empty();
                        //     $('#totalSume').append('<span class="errormsg" style="color:red;">'+_response.errors.totalSum+'</span>');
                        // }
                        // if (_response.errors['totalInWords']) {
                        //     $('#totalInWordse').empty();
                        //     $('#totalInWordse').append('<span class="errormsg" style="color:red;">'+_response.errors.totalInWords+'</span>');
                        // }
                        if (_response.errors['totalSum']) {
                            $('#totalSume').empty();
                            $('#totalSume').append('<span class="errormsg" style="color:red;">'+_response.errors.totalSum+'</span>');
                        }
                    } 
                    else {
                        $('#success').text(_response.responseText);
                        window.location.href = '{{url('fundRequisition/fundRequisitionListFiltering/')}}';
                    }
                },
                error: function( _response ){
                    // Handle error
                    alert(_response.errors);
                    
                }
            });
        });
        
    
        $("input").keyup(function() {
            var requestBranchId = $("#requestBranchId").val();
            if(requestBranchId){$('#requestBranchIde').hide();}else{$('#requestBranchIde').show();}

            var disbursementDate = $("#disbursementDate").val();
            if(disbursementDate){$('#disbursementDatee').hide();}else{$('#disbursementDatee').show();}

            // var jagoronAmount = $("#jagoronAmount").val();
            // if(jagoronAmount){$('#jagoronAmounte').hide();}else{$('#jagoronAmounte').show();}

            // var agrosorAmount = $("#agrosorAmount").val();
            // if(agrosorAmount){$('#agrosorAmounte').hide();}else{$('#agrosorAmounte').show();}

            // var sufalonAmount = $("#sufalonAmount").val();
            // if(sufalonAmount){$('#sufalonAmounte').hide();}else{$('#sufalonAmounte').show();}

            // var grihayonAmount = $("#grihayonAmount").val();
            // if(grihayonAmount){$('#grihayonAmounte').hide();}else{$('#grihayonAmounte').show();}

            // var totalSum = $("#totalSum").val();
            // if(totalSum){$('#totalSume').hide();}else{$('#totalSume').show();}

            // var totalInWords = $("#totalInWords").val();
            // if(totalInWords){$('#totalInWordse').hide();}else{$('#totalInWordse').show();}

            var totalSum = $("#totalSum").val();
            if(totalSum){$('#totalSume').hide();}else{$('#totalSume').show();}

        });


       

    });

    

</script>


@endsection