@extends('layouts.adminapp')

@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 Special Fee</h3>
    </div>  
    <br>
    <div class="row">
        <div class="col-md-12" style="background-color:white;padding:10px;">
            @if(session('success'))
            <div class="alert alert-success">
                {{ session('success') }}
            </div>
            @endif
            @if (count($errors) > 0)
            <div class="alert alert-danger">
                <ul>
                    @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
            @endif
            <div id="formUpdate">
            <h4 id='lblTag'>New Special Fee</h4>
            <form action="{{ url('/save/special_fees_setup') }}" method="POST">
                {{csrf_field()}}
                <div class="form form-group">
                    <div class="col-sm-7">
                        <label>System Course Code</label>
                        <input type="text" class="form-control" name="fee_code" id="fee_code" required>
                        <p><i style="color:red">**Record with same code will be <b>updated</b>.</i></p>
                    </div>
                </div>
                
                <div class="form-group">
                    <div class="col-md-5">
                        <label id="lblAmount">Amount</label>
                        <input type="text" class="form-control" style="text-align:right" name="amount" id="amount" required>
                    </div>
                </div>
                <input type="hidden" class="form-control" name="o_code" id="o_code">
                
                <div class="form-group col-md-offset-8">
                    <div class="col-md-12">
                        &nbsp;
                        <button type="submit" class="form-control btn-success btn"><b>Save</b></button>
                    </div>
                </div>
            </form>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-12">
            <div id="displaysubsidiary">
                <h4><strong>List of Special Fees</strong></h4>
                <table id="subsidiary" width="100%" class="table table-bordered table-responsive">
                    <thead>
                        <tr>
                            <th>System Course Code</th>
                            <th>Amount</th>
                            <th>Update</th>
                            <th>Remove</th>
                        </tr>
                    </thead>
                    <tbody>
                                                @if(count($fees)>0)
                        @foreach($fees as $fee)
                        <tr>
                            <td>{{$fee->course_code}}</td>
                            <td align="right">&nbsp;@if($fee->amount > 0) {{number_format($fee->amount,2)}} @endif</td>
                            <td><a href="javascript:void(0)" onclick="setValue('{{$fee->course_code}}','{{$fee->amount}}')"><b>Update</b></a></td>
                            <td><a href="{{ url('/admin',array('remove','special_fees_setup',$fee->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();
    
    var table = $('#subsidiary').DataTable({
        "scrollX": true});
    
    function setValue(code,amount){
        $("#fee_code").val(code);
        $("#o_code").val(code);
        $("#amount").val(amount);
    }

</script>
@stop