@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')
<div class="container-fluid">
    <div class="row">
        <div class="col-12">
            <h3 class="display">New Journal Voucher</h3>
        </div>
    </div>
    <form class="form form-horizontal" action="{{ url('/process_journal_entry') }}" method="POST">
        {{csrf_field()}}
        <div class="row">
            <div class="col-md-6">
                <strong>JV NO: </strong>
                <input type="text" 
                name="voucher_no_display" 
                id="voucher_no_display" 
                value="{{ str_pad($user->jv_voucher_no, 5, '0', STR_PAD_LEFT) }}" 
                class="form-control" 
                readonly
                style="display:inline-block; width:auto; font-size:20pt; font-weight:bold; color:red;">
         
                <input type="hidden" 
                name="voucher_no" 
                id="voucher_no" 
                value="{{ $user->jv_voucher_no }}">
            </div>
        </div>
                         
        <div class="row">
            <div class="col-md-12" style="background-color:white;padding:10px;">   
                <input type="hidden" name="reference" id="reference" value="{{uniqid()}}"/> 
                <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-5">
                        <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-3">
                        <label>Subsidiary</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" onkeypress="addEntry()" style="text-align:right">
                    </div>
                </div>
                <div id="entries_table"></div>
            </div>
        </div>
    </form>
    <hr>
</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;
            }
        });

        $("#amount").keypress(function (e) {
            var ev = e.keyCode || event.which
            if (ev == 13) {
                var array = {};
                array['voucher_no'] = $("#voucher_no").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/journal_set_entries',
                    data: array,
                    success: function (data) {
                        $('#entries_table').html(data);
                        $('#amount').val("");
                        $('#account_name').select2();
                        $("#amount").maskMoney();
                    }
                });

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