@extends('layouts.dashboard')

@section('title-content')
    <title>{{ config('app.name') }} | Results Issue Control</title>
@endsection


@section('content')
    <div class="row">
        <div class="col-md-12">
            <div class="boxpane">
                <div class="boxpane-header">
                    <h2 class="blue"><i class="fa-fw fa fa-space-shuttle"></i> Results Issue Control</h2>

                    <div class="boxpane-icon">
                        <ul class="btn-tasks">
                            <li class="dropdown">
                                <a data-toggle="dropdown" href="#">
                                    <i class="icon fa fa-tasks" data-placement="left" title="{{ 'Actions' }}"></i>
                                </a>
                                <ul class="dropdown-menu pull-right" class="tasks-menus" role="menu"
                                    aria-labelledby="dLabel">
                                    <li>
                                        <a type="button" data-toggle="modal" data-target="#RegControl" href="#">
                                            <i class="fa fa-plus-circle"></i>
                                            {{ 'Add Control' }}
                                        </a>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                </div>
                <div id="RegControl" class="modal fade mt-md-5 w-100" tabindex="-1" role="dialog"
                    aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
                    <div class="modal-dialog modal-lg">
                        <!-- Modal content-->
                        <div class="modal-content">
                            <div class="modal-header">
                                <button type="button" class="close" data-dismiss="modal">&times;</button>
                                <h4 class="modal-title" style="color: #61BA6D">Provide Enter Result Issue Control
                                    Particulars</h4>
                            </div>
                            <div class="modal-body">
                                {!! Form::open([
                                    'route' => 'dashboard.result-issue-control.create',
                                    'method' => 'POST',
                                    'enctype' => 'multipart/form-data',
                                ]) !!}
                                <p class="text-justify">Please provide Result Issues Control during Lodging Complains</p>
                                <div class="row p-2">
                                    <div class="col-md-12 mt-4">
                                        <label class="col-md-12 text-left">Select program to make Control <span
                                                class="text-danger">*</span></label>
                                        <select name="program_id" id="program_id" class="col-md-12 p-2">
                                            <option value="">Select Program </option>
                                            @foreach ($programs as $data)
                                                <option value="{{ $data->id }}">{{ $data->program_name }} [
                                                    {{ $data->program_code }} ]</option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <div class="col-md-6 mt-5">
                                        <label class="col-md-12 text-left">Select Batch <span
                                                class="text-danger">*</span></label>
                                        <select name="batch_id" id="batch_id" class="col-md-12 p-2">
                                            <option value="">Select Batch </option>
                                            @foreach ($batch as $data)
                                                <option value="{{ $data->id }}">{{ $data->batch_name }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <div class="col-md-6 mt-5">
                                        <label class="col-md-12 text-left">Select Academic Year <span
                                                class="text-danger">*</span></label>
                                        <select name="year_id" id="year_id" class="col-md-12 p-2">
                                            <option value="">Select Academic Year </option>
                                            @foreach ($years as $data)
                                                <option value="{{ $data->id }}">{{ $data->year }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <div class="col-md-6 mt-5">
                                        <label class="col-md-12 text-left">Select Semester <span
                                                class="text-danger">*</span></label>
                                        <select name="semester" id="semester" class="col-md-12 p-2">
                                            <option value="">Select Semester </option>
                                            <option value="1">Semester One</option>
                                            <option value="2">Semester Two</option>

                                        </select>
                                    </div>
                                    <div class="col-md-6 mt-5">
                                        <label class="col-md-12 text-left">Select Status <span
                                                class="text-danger">*</span></label>
                                        <select name="status" id="status" class="col-md-12 p-2">
                                            <option value="">Select Status </option>
                                            <option value="1">Active</option>
                                            <option value="2">Inactive</option>

                                        </select>
                                    </div>
                                    <div class="col-md-6 mt-5">
                                        <label class="col-md-12 text-left">Select Open Date <span
                                                class="text-danger">*</span></label>
                                        {{ Form::date('open_date', \Carbon\Carbon::now()->format('Y-m-d'), ['class' => 'form-control']) }}
                                    </div>
                                    <div class="col-md-6 mt-5">
                                        <label class="col-md-12 text-left">Select Close Date <span
                                                class="text-danger">*</span></label>
                                        {{ Form::date('close_date', \Carbon\Carbon::now()->format('Y-m-d'), ['class' => 'form-control']) }}

                                    </div>
                                    <div class="col-md-12 mt-4">
                                        <div class="form-group">
                                            {!! Form::button('Submit Control', ['type' => 'submit', 'class' => 'btn btn-primary pull-right mt-4']) !!}
                                        </div>
                                    </div>
                                </div>
                                {!! Form::close() !!}
                            </div>
                        </div>

                    </div>
                </div>
                <div class="boxpane-content">
                    <div class="row">
                        <div class="col-lg-12">
                            <p class="introtext">
                                The following is the list of Course Control Settings to each semester and Academic Year
                            </p>
                            <div class="table-responsive">
                                <table id="resultControl" class="table table-bordered table-hover" style="width: 100%;">
                                    <thead>
                                        <tr>
                                            <th style="width: 3%">#</th>
                                            <th>Program Name (Program Code)</th>
                                            <th>Batch</th>
                                            <th>Semester</th>
                                            <th>Open Date</th>
                                            <th>Close Date</th>
                                            <th>Status</th>
                                            <th>Action</th>
                                        </tr>
                                    </thead>
                                    <tbody></tbody>
                                    <tfoot></tfoot>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('scripts')
    <script src="{{ asset('assets/dashboard/js/jquery.dataTables.min.js') }}"></script>
    <script src="{{ asset('assets/dashboard/js/dataTables.bootstrap4.min.js') }}"></script>

    <script type="text/javascript">
        $(document).ready(function() {
            $('#resultControl').DataTable({
                processing: true,
                serverSide: true,
                ajax: '{{ route('dashboard.result-issue-control.indexJson') }}',
                columns: [{
                        data: 'DT_RowIndex',
                        name: 'id'
                    },
                    {
                        data: 'program_name',
                        name: 'program_name'
                    },
                    {
                        data: 'batch',
                        name: 'batch'
                    },
                    {
                        data: 'semester',
                        name: 'semester'
                    },
                    {
                        data: 'open_date',
                        name: 'open_date'
                    },
                    {
                        data: 'close_date',
                        name: 'close_date'
                    },
                    {
                        data: 'status',
                        name: 'status'
                    },
                    {
                        data: 'action',
                        name: 'action',
                        orderable: false,
                        searchable: false
                    }
                ]
            });
            $('#program_id').select2({
                //minimumResultsForSearch: -1,
                placeholder: 'Select Program'
            });
            $('#batch_id').select2({
                minimumResultsForSearch: -1,
                placeholder: 'Select Batch'
            });
            $('#year_id').select2({
                minimumResultsForSearch: -1,
                placeholder: 'Select Academic Year'
            });
            $('#semester').select2({
                minimumResultsForSearch: -1,
                placeholder: 'Select Semester'
            });
            $('#status').select2({
                minimumResultsForSearch: -1,
                placeholder: 'Select Status'
            });
        })
    </script>
@endsection