@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 Discount</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 Discount</h4>
            <form action="{{ url('/save/special_discounts_setup') }}" method="POST">
                {{csrf_field()}}
                <div class="form form-group">
                    <div class="col-sm-8">
                        <label>Program Code</label>
                        <select class="form-control" name="program_code" id="program_code">
                            @foreach($programs as $program)
                            <option value="{{$program->program_code}}">{{$program->program_code}} - {{$program->program_name}}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
                
                <div class="form form-group">
                    <div class="col-sm-4">
                        <label>Level</label>
                        <select class="form-control" name="level" id="level">
                            <option value="1st">1st</option>
                            <option value="2nd">2nd</option>
                            <option value="3rd">3rd</option>
                            <option value="4th">4th</option>
                            <option value="5th">5th</option>
                        </select>
                        &nbsp;
                    </div>
                </div>
                
                <div class="form form-group">
                    <div class="col-sm-4">
                        <label>Discount Code</label>
                        <input type="text" class="form-control" name="discount_code" id="discount_code" required>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-md-4">
                        <label>Discount Name</label>
                        <input type="text" class="form-control" name="discount_name" id="discount_name" required>
                        
                    </div>
                </div>
                
                <div class="form-group">
                    <div class="col-md-4">
                        <label id="lblAmount">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;
                        <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 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>Course / Level</th>
                            <th>Amount</th>
                            <th>Update</th>
                            <th>Remove</th>
                        </tr>
                    </thead>
                    <tbody>
                                                @if(count($discounts)>0)
                        @foreach($discounts as $discount)
                        <tr>
                            <td>{{$discount->discount_code}}</td>
                            <td>{{$discount->discount_description}}</td>
                            <td>{{$discount->program_code}} - {{$discount->level}} Year</td>
                            <td align="right">&nbsp;@if($discount->amount > 0) {{number_format($discount->amount,2)}} @endif</td>
                            <td><a href="javascript:void(0)" onclick="editThis('{{$discount->id}}')"><b>Update</b></a></td>
                            <td><a href="{{ url('/admin',array('remove','special_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/special_discount/getUpdateForm",
                data: array,
                success: function (data) {
                    $('#formUpdate').empty();
                    $('#formUpdate').html(data);
                    $("#amount").maskMoney();
                }
        });
    }

</script>
@stop