@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">
        <h3 class="display">Update Document Fees</h3>
    </div>
    <div class="row">
        <a href="{{ url()->previous() }}"><span class="fa fa-arrow-left"></span>&nbsp;Back</a>
    </div>
    <br>
    <div class="row">
        <div class="col-md-12" style="background-color:white;padding:10px;">
            <form action="{{ url('/accounting/save/update_document_fee') }}" method="POST">
                {{csrf_field()}}
                <input type="hidden" name="record" value="{{$id}}">
                <div class="form-group">
                    <div class="col-md-6">
                    <label>Accounting Entry</label>
                    <select class="form form-control select2" width="100%" name='accounting_code'>
                        @foreach($accounting_entry as $accounting_entries)
                        <option value="{{$accounting_entries->accounting_code}}" @if($document->accounting_code == $accounting_entries->accounting_code) selected='selected' @endif>{{$accounting_entries->accounting_name}}</option>
                        @endforeach
                    </select>
                    </div>
                    <div class="col-md-6">
                    <label>Subsidiary</label>
                    <input type="text" class="form-control" name="particular" value="{{$document->particular}}">
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-md-6">
                    <label>Document Name</label>
                    <input type="text" class="form-control" name="document_name" value="{{$document->document_name}}">
                    </div>
                    <div class="col-md-6">
                        
                    <label>Amount</label>
                    <input type="text" class="form-control" style="text-align:right" name="amount" id="amount"  value="{{$document->amount}}">
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-md-12">
                    <label>Document Remarks</label>
                    <textarea type="text" class="form-control" name="document_remarks">{{$document->document_remarks}}</textarea>
                    </div>
                </div>
                <div class="form-group col-md-offset-8">
                    
                    <div class="col-md-12">
                        &nbsp;<br>
                    <button type="submit" class="form-control btn-success btn"><b>Save Update</b></button>
                    </div>
                    </div>
            </form>
        </div>
    </div>
    <hr>
</div>
@stop

@section('script')
<script src="{{asset('js/select2.min.js')}}"></script>
<script src="{{ asset('js/jquery.dataTables.min.js') }}"></script>
<script src="{{ asset('js/dataTables.bootstrap.min.js') }}"></script>
<script>
        $("#amount").maskMoney();
        $("#add").hide();
        $('#create').on('click', function () {
            $("#add").show();
        });
        
        var table = $('#subsidiary').DataTable({
            "scrollX": true
        });

        $('.select2').select2();
        $('.select2').select2({ width: 'resolve' }); 

        $("#search").keypress(function (e) {
            var ev = e.keyCode || event.which
            if (ev == 13) {

                var array = {};
                array['search'] = $("#search").val();
                $.ajax({
                    type: 'GET',
                    url: '/accounting/ajax/getsubsidiary',
                    data: array,
                    success: function (data) {
                        $('#displaysubsidiary').html(data);
                        $('#search').val("");
                    }
                });

                e.preventDefault();
                return false;
            }
        });
</script>
@stop