@extends('layouts.accountingapp')
@section('css')
<link href="{{asset('css/select2.min.css')}}" rel="stylesheet" />
<link rel="stylesheet" href="{{ asset('css/dataTables.bootstrap.min.css') }}">
@stop
@section('content')
<br />
<b>Notice</b>:  Undefined variable: payees in <b>D:\xampp\htdocs\dmmc\resources\views\accounting\disbursement\check_disbursement.blade.php</b> on line <b>10</b><br />
<br />
<b>Warning</b>:  Invalid argument supplied for foreach() in <b>D:\xampp\htdocs\dmmc\resources\views\accounting\disbursement\check_disbursement.blade.php</b> on line <b>10</b><br />
<script>
   $( function() {
        payee = [];
        $( "#payee" ).autocomplete({ source: payee });
    });
</script>
<div class="container-fluid">
    <form class="form form-horizontal" action="{{ url('/process_disbursement') }}" method="POST">
        {{csrf_field()}}
        <div class="row">
            <h3 class="display">Check Disbursement</h3>

            <div class="col-md-6">
                <strong>CV NO: </strong>
                <input type="text" name="voucher_no" id="voucher_no" 
                    value="{{ str_pad($voucherSeries->ck_voucher_no, 5, '0', STR_PAD_LEFT) }}"
                    class="form-control input-lg @error('voucher_no') is-invalid @enderror" 
                    style="display:inline-block; width:auto; font-size:20pt; font-weight:bold; color:red;">
                
                    @if ($errors->has('voucher_no'))
                        <div class="text-danger d-block mt-1" id="voucher-error-msg">
                            {{ $errors->first('voucher_no') }}
                        </div>
                        <script>
                            setTimeout(function() {
                                $("#voucher-error-msg").fadeOut("slow");
                            }, 8000);
                        </script>
                    @endif
            </div>

            <div class="col-md-12" style="background-color:white;padding:10px;">
                <input type="hidden" name="reference" id="reference" value="{{uniqid()}}"/> 
                <input type="hidden" name="category" id="category" value="0"/> 

                <div class="form-group">
                    <div class="col-md-4">
                        <label>Entry Date</label>
                            <input type="date" class="form form-control" width="100%" id='entry_date' name='entry_date' value="{{date("Y-m-d")}}" required>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-md-12">
                        <label>Payee</label>
                        <input type="text" id="payee" name="payee" class="form-control" required>
                    </div>
                </div>
               
                <div class="form-group">
                    <div class="col-md-4">
                        <label>Accounting Name</label>
                        <select class="form form-control select2" width="100%" id='accounting_name' name='accounting_name'>
                            @foreach($accounting_entry as $accounting_entries)
                            <option value="{{$accounting_entries->accounting_code}}">{{$accounting_entries->accounting_code}} - {{$accounting_entries->accounting_name}}</option>
                            @endforeach
                        </select>
                    </div>

                    <div class="col-md-4">
                        <label>Particulars</label>
                        <input type="text" class="form form-control" width="100%" id='particular' name='particular'>
                    </div>

                    <div class="col-md-2">
                        <label>Debit/Credit</label>
                        <select class="form form-control select2" width="100%" id='type' name='type'>
                            <option value="">Choose One</option>
                            <option value="Debit">Debit</option>
                            <option value="Credit">Credit</option>
                        </select>
                    </div>
                    
                    <div class="col-md-2">
                        <label>Amount</label>
                        <input type="text" class="form-control" id="amount" name="amount" style="text-align:right">
                    </div>
                </div>
            </div>
            <!-- display entries -->
            <div class="col-md-12" id="entries_table">

            </div>
        
        </div>
    </form>
</div>
<script src="{{asset('js/select2.min.js')}}"></script>
<script>

        $('.select2').select2();
        $(document).ready(function () {
            $("#amount").maskMoney();
        });
        
        $("#particular").keypress(function (e) {
            var ev = e.keyCode || event.which
            if (ev == 13) {
                e.preventDefault();
                return false;
            }
        });
        
        $("#bank").keypress(function (e) {
            var ev = e.keyCode || event.which
            if (ev == 13) {
                e.preventDefault();
                return false;
            }
        });
        
        $("#check_no").keypress(function (e) {
            var ev = e.keyCode || event.which
            if (ev == 13) {
                e.preventDefault();
                return false;
            }
        });

        $("#amount").keypress(function (e) {
            var ev = e.keyCode || event.which
            if (ev == 13) {
                var array = {};
                array['voucher_no'] = $("#voucher_no").val();
                array['entry_date'] = $("#entry_date").val();
                array['category'] = $("#category").val();
                array['reference'] = $("#reference").val();
                array['code'] = $("#accounting_name").val();
                array['type'] = $("#type").val();
                array['particular'] = $("#particular").val();
                array['amount'] = $("#amount").val();
                $.ajax({
                    type: 'GET',
                    url: '/accounting/ajax/set_entries',
                    data: array,
                    success: function (data) {
                        $('#entries_table').html(data);
                        $('#account_name').select2();
                        $('#amount').val("");
                        $("#amount").maskMoney();
                        $("#check_amount").maskMoney();
                    }
                });

                e.preventDefault();
                return false;
            }
        });
        
        function removeEntry(id){
            var array = {};
            array['reference'] = $("#reference").val();
            array['category'] = $("#category").val();
            array['id'] = id;
                $.ajax({
                    type: 'GET',
                    url: '/accounting/ajax/remove_entries',
                    data: array,
                    success: function (data) {
                        $('#entries_table').html(data);
                    }
                });
        }

        $(document).ready(function() {
            $("#voucher_no").on("input", function() {
                var voucher_no = $(this).val().trim();

                if (voucher_no !== '') {
                    $.ajax({
                        url: "/check-voucher",
                        type: "GET",
                        data: { voucher_no: voucher_no },
                        success: function(response) {
                            if (response.exists) {
                                $("#voucher_no").addClass("is-invalid");
                                if ($("#voucher-error").length === 0) {
                                    $("#voucher_no").after('<div id="voucher-error" class="text-danger">Voucher number already exists. Please use a different number.</div>');
                                }
                            } else {
                                $("#voucher_no").removeClass("is-invalid");
                                $("#voucher-error").remove();
                            }
                        }
                    });
                } else {
                    $("#voucher_no").removeClass("is-invalid");
                    $("#voucher-error").remove();
                }
            });
        });
</script>
@stop