@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 Enrolment Cut Off Date</h3>
    </div>  
    <br>
    <div class="row">
        <div class="col-md-12">
            <div id="displaysubsidiary">
                <h4><strong>Cut off Schedule</strong></h4>
                <table id="subsidiary" width="100%" class="table table-bordered table-responsive">
                    <thead>
                        <tr>
                            <th>Academic Type</th>
                            <th>Cut Off date</th>
                        </tr>
                    </thead>
                    <tbody>
                                                @if(count($dates)>0)
                        @foreach($dates as $date)
                        <tr>
                            <td>{{$date->academic_type}}</td>
                            <td>{{date_format(date_create($date->cut_off),"M d, Y")}}</td>
                        </tr>
                        @endforeach
                        @endif
                    </tbody>
                </table>
            </div>

        </div>
    </div>
    
    <div class="row">
        <div class="col-md-12" style="background-color:white;padding:10px;">
            <h4>Update Cut Off date</h4>
            @if(session('success'))
            <div class="alert alert-success">
                {{ session('success') }}
            </div>
            @endif
            <form action="{{ url('/save/enrolmentdate_cutoff') }}" method="POST">
                {{csrf_field()}}
                <div class="form form-group">
                    <div class="col-sm-6">
                        <label>Program Code</label>
                        <select class="form-control" name="academic_type" id="academic_type">
                            @foreach($programs as $program)
                            <option value="{{$program->academic_type}}">{{$program->academic_type}}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-md-6">
                        <label>Date</label>
                        <input type="date" class="form-control" style="text-align:right" name="date" id="date" required>
                    </div>
                </div><input type="hidden" class="form-control" name="o_type" id="o_type" required>
                <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>
    <hr>
</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(type,amount){
        $("#type").val(type);
        $("#o_type").val(type);
        $("#amount").val(amount);
    }

</script>
@stop