@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">Set Document Fees</h3>
    </div>           
              
    <div class="row">
        <a href="{{url('accounting/otherpayments')}}" class="btn btn-sm btn-primary"><b>Other Payments</b></a>
        <a href="{{url('accounting/document_fee')}}" class="btn btn-sm btn-primary"><b>Document Fees</b></a>
        <a href="{{url('accounting/late_enrollment_fee')}}" class="btn btn-sm btn-primary"><b>Late Enrollment</b></a>
        <a href="{{url('accounting/late_payment_fee')}}" class="btn btn-sm btn-primary"><b>Late Payment</b></a>
    </div>  
    <br>
    <div class="row">
        <div class="col-md-12" style="background-color:white;padding:10px;">
            <h4>New Document Fee</h4>
            
            <form action="{{ url('/accounting/save/document_fee') }}" method="POST">
                {{csrf_field()}}
                
                <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}}">{{$accounting_entries->accounting_code}} - {{$accounting_entries->accounting_name}}</option>
                        @endforeach
                    </select>
                    </div>
                    <div class="col-md-6">
                    <label>Subsidiary</label>
                    <input type="text" class="form-control" name="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">
                    </div>
                    <div class="col-md-6">
                        
                    <label>Amount</label>
                    <input type="text" class="form-control" style="text-align:right" name="amount" id="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"></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>Add Document Fee</b></button>
                    </div>
                    </div>
            </form>
        </div>
    </div>
    <hr>
    <div class="row">
        <div class="col-md-12">
            <div id="displaysubsidiary">
                <h4><strong>List of Document Fees</strong></h4>
                <table id="subsidiary" width="100%" class="table table-bordered table-responsive">
                    <thead>
                        <tr>
                            <th></th>
                            <th>Accounting Code /<br> Accounting Name</th>
                            <th>Subsidiary</th>
                            <th>Document Name</th>
                            <th>Amount</th>
                            <th>Update</th>
                            <th>Remove</th>
                        </tr>
                    </thead>
                    <tbody>
                                                @if(count($getparticulars)>0)
                        @foreach($getparticulars as $getparticular)
                        <tr>
                            <td>{{++$x}}</td>
                            <td>{{$getparticular->accounting_code}}<br>{{$getparticular->accounting_name}}</td>
                            <td>{{$getparticular->particular}}</td>
                            <td><b>{{$getparticular->document_name}}</b><br>{{$getparticular->document_remarks}}</td>
                            <td>{{number_format($getparticular->amount,2)}}</td>
                            <td><a href="{{ url('/accounting',array('update','document_fee',$getparticular->id)) }}"><b>Update</b></a></td>
                            <td><a href="{{ url('/accounting',array('remove','document_fee',$getparticular->id)) }}" onclick="return confirm('Are You Sure?');"><b>Remove</b></a></td>
                        </tr>
                        @endforeach
                        @endif
                    </tbody>
                </table>
            </div>

        </div>
    </div>
</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