@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 Discounts</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>New Discount</h4>
            <form action="{{ url('/save/discounts_setup') }}" method="POST">
                {{csrf_field()}}
                
                <div class="form form-group">
                    <div class="col-sm-4">
                        <label>Discount Code</label>&nbsp;<small><i style="color:red">Make it unique.</i></small>
                    
                        <input type="text" class="form-control" name="discount_code" id="discount_code" required>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-md-8">
                        <label>Discount Name</label>
                        <input type="text" class="form-control" name="discount_name" id="discount_name" required>
                        &nbsp;
                    </div>
                </div>
                
                <div class="form form-group">
                    <div class="col-sm-4">
                        <label>Discount Type</label>
                        <select class="form-control" name="type" id="type" onchange="setFields(this.value)">
                            <option value="-">-</option>
                            <option value="0">Percentage</option>
                            <option value="1">Amount</option>
                        </select>
                    </div>
                </div>
                
                <div class="form form-group">
                    <div class="col-sm-4">
                        <label>Percentage Category</label>
                        <select class="form-control" name="category" id="category" disabled>
                            <option value="-">-</option>
                            <option value="0">Other Fees</option>
                            <option value="1">Tuition Fee</option>
                        </select>
                    </div>
                </div>
                
                <div class="form-group">
                    <div class="col-md-4">
                        <label id="lblAmount"></label>
                        <input type="text" class="form-control" style="text-align:right" name="amount" id="amount" required>
                    &nbsp;</div>
                </div>
                
                <div class="form form-group">
                    <div class="col-sm-8">
                        <label>Compute Type</label>
                        <select class="form-control" name="compute_type" id="compute_type">
                            <option value="0">Computation A</option>
                            <option value="1">Computation B</option>
                        </select>
                        &nbsp;
                        <p><span style="font-size:8pt;" class="fa fa-circle"></span> <b>Computation A</b> - Less discount first before interest computation. </p>
                        <p><span style="font-size:8pt;" class="fa fa-circle"></span> <b>Computation B</b> - Compute interest first before deducting discount</p>
                    </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</b></button>
                    </div>
                </div>
            </form>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-12">
            <div id="displaysubsidiary">
                <h4><strong>List of Discounts</strong></h4>
                <table id="subsidiary" width="100%" class="table table-bordered table-responsive">
                    <thead>
                        <tr>
                            <th>Discount Code</th>
                            <th>Discount Name</th>
                            <th colspan="2">Percentage</th>
                            <th>Amount</th>
                            <th>Compute<br>Type</th>
                            <th>Update</th>
                            <th>Remove</th>
                        </tr>
                        <tr>
                            <th>&nbsp;</th>
                            <th>&nbsp;</th>
                            <th>Tuition Fee</th>
                            <th>Other Fee</th>
                            <th>&nbsp;</th>
                            <th>&nbsp;</th>
                            <th>&nbsp;</th>
                            <th>&nbsp;</th>
                        </tr>
                    </thead>
                    <tbody>
                                                @if(count($discounts)>0)
                        @foreach($discounts as $discount)
                        <tr>
                            <td>{{$discount->discount_code}}</td>
                            <td>{{$discount->discount_description}}</td>
                            <td align="right">&nbsp;@if($discount->tuition_fee > 0) {{number_format($discount->tuition_fee,3)}} % @endif </td>
                            <td align="right">&nbsp;@if($discount->other_fee > 0) {{number_format($discount->other_fee,3)}} % @endif </td>
                            <td align="right">&nbsp;@if($discount->amount > 0) {{number_format($discount->amount,2)}} @endif</td>
                            <td align="right">&nbsp;@if($discount->compute_type == 0) A @else B @endif</td>
                            <td><a href="javascript:void(0)" onclick="editThis('{{$discount->id}}')"><b>Update</b></a></td>
                            <td><a href="{{ url('/admin',array('remove','discounts_setup',$discount->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 editThis(id) {
        array = {};
        array['discount_id'] = id;
        $.ajax({
        type: "GET",
                url: "/ajax/admin/discount/getUpdateForm",
                data: array,
                success: function (data) {
                    $('#formUpdate').empty();
                    $('#formUpdate').html(data);
                    $("#amount").maskMoney();
                }
        });
    }
    
    function setFields(type){
        if(type == 0){
            $("#lblAmount").html("Percentage %");
            $("#category").prop("disabled", false);
        }
        else if(type == 1){
            $("#lblAmount").html("Amount");
            $("#category").prop("disabled", true);
        }
        else{
            $("#lblAmount").html("-");
            $("#category").prop("disabled", true);
        }
    }

</script>
@stop