@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 Late Payment Charges</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 Late Payment Charge</h4>
            <form action="{{ url('/accounting/save/late_payment') }}" 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-sm-6">
                        <label>Select Academic Type</label>
                        <select id="acad_type" class="form form-control" name="academic_type" onchange="getplan();" required>
                            <option>Select Academic Type</option>
                            <option>Junior High School</option>
                            <option>Senior High School</option>
                            <option>College</option>
                            <option>TESDA</option>
                        </select>
                    </div>
                </div>
                
                <div class="form form-group">
                    <div class="col-sm-6">
                        <label>Select Plan</label>
                        <select id="plan" class="form form-control" name="plan" required>
                            <option>Select Plan</option>
                        </select>
                        <p><i style="color:red">**Record with same academic type and plan will be <b>updated</b>.</i></p>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-md-6">
                        <label>Amount</label>
                        <input type="text" class="form-control" style="text-align:right" name="amount" id="amount" required>
                    </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 Late Charge</b></button>
                    </div>
                </div>
            </form>
        </div>
    </div>
    <hr>
    <div class="row">
        <div class="col-md-12">
            <div id="displaysubsidiary">
                <h4><strong>List of Late Payment Charges</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>Academic Type</th>
                            <th>Plan</th>
                            <th>Subsidiary</th>
                            <th>Amount</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->academic_type}}</td>
                            <td>{{$getparticular->plan}}</td>
                            <td>{{$getparticular->description}}</td>
                            <td>{{number_format($getparticular->amount,2)}}</td>
                            <td><a href="{{ url('/accounting',array('remove','late_payment',$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();

                                var table = $('#subsidiary').DataTable({
                                    "scrollX": true
                                });

                                $('.select2').select2();
                                $('.select2').select2({width: 'resolve'});
                                
    function getplan() {
        array = {};
        array['acad'] = $("#acad_type").val();
        $.ajax({
            type: "GET",
            url: "/ajax/setup/getPlan/",
            data: array,
            success: function (data) {
                $('#plan').html(data);
            }
        }
        );
    }

</script>
@stop