@extends('layouts.dashboard')

@section('title-content')
    <title>{{ config('app.name') }} | Admitted Students</title>
@endsection


@section('content')
    <section class="content">
        <div class="boxpane">
            <div class="boxpane-header">
                <h2 class="blue"><i class="fa-fw fa fa-dashboard"></i>
                    Admitted Students-<b class="black"> [{{ $faculty->faculty_name }}]</b>
                </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 href="{{ route('departments.create') }}">
                                        <i class="fa fa-plus-circle"></i>
                                        {{ 'Add Department' }}
                                    </a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="boxpane-content">
                <div class="row">
                    <div class="col-lg-12">
                        <p class="introtext">

                            Here below is the list of all students that have been admitted successful to the
                            Institute of Rural Development Planning (IRDP) this academic year,click on student name to
                            perform registration process on that
                            student or use the form bellow to filter students
                        </p>
                        <div class="row mb-4">
                            <div class="col-md-12">
                                <div class="icheck-primary m-3 pull-right">
                                    {{ Form::checkbox('admission-filter', old('admission-filter'), null, ['id' => 'admission-filter']) }}
                                    {!! Form::label('admission-filter', 'Filter For Student') !!}

                                </div>
                            </div>
                        </div>

                        <div class="card mb-4 bg-light display-none" id="admission-filter-option">
                            <div class="card-body">
                                {!! Form::open([
                                    null,
                                    'id' => 'filter-form',
                                    'class' => 'create-direct-cost',
                                    'method' => 'POST',
                                    'role' => 'form',
                                ]) !!}

                                <div class="row">

                                    <div class="col-sm-4">
                                        <div class="form-group">
                                            {!! Form::label('index_type') !!}
                                            {!! Form::select(
                                                'index_type',
                                                $index_no,
                                                null,
                                                $errors->has('form')
                                                    ? ['class' => 'form-control is-invalid', 'id' => 'index_type']
                                                    : ['class' => 'form-control', 'id' => 'index_type'],
                                            ) !!}

                                        </div>
                                    </div>
                                    <div class="col-sm-4">
                                        <div class="form-group">
                                            {!! Form::label('index_no', 'Enter Index No.') !!}
                                            {!! Form::text(
                                                'index_no',
                                                old('index_no'),
                                                $errors->has('index_no')
                                                    ? ['placeholder' => 'Index No.', 'class' => 'form-control is-invalid']
                                                    : ['placeholder' => 'Index No.', 'class' => 'form-control'],
                                            ) !!}

                                        </div>
                                    </div>
                                    <div class="col-sm-4">
                                        <div class="form-group">
                                            {!! Form::label('surname', 'Type Surname.') !!}
                                            {!! Form::text(
                                                'surname',
                                                old('surname'),
                                                $errors->has('surname')
                                                    ? ['placeholder' => 'Type Surname.', 'class' => 'form-control is-invalid']
                                                    : ['placeholder' => 'Type Surname.', 'class' => 'form-control'],
                                            ) !!}

                                        </div>
                                    </div>

                                    <div class="col-sm-2">
                                        <div class="form-group">
                                            {!! Form::label('srs', 'srs') !!}
                                            {!! Form::select(
                                                'srs',
                                                $student_status,
                                                'All',
                                                $errors->has('srs')
                                                    ? ['class' => 'form-control is-invalid', 'id' => 'srs']
                                                    : ['class' => 'form-control', 'id' => 'srs'],
                                            ) !!}

                                        </div>
                                    </div>
                                    <div class="col-sm-2">
                                        <div class="form-group">
                                            {!! Form::label('sps', 'sps') !!}
                                            {!! Form::select(
                                                'sps',
                                                $student_status,
                                                'All',
                                                $errors->has('sps')
                                                    ? ['class' => 'form-control is-invalid', 'id' => 'sps']
                                                    : ['class' => 'form-control', 'id' => 'sps'],
                                            ) !!}

                                        </div>
                                    </div>
                                    <div class="col-sm-2">
                                        <div class="form-group">
                                            {!! Form::label('acs', 'acs') !!}
                                            {!! Form::select(
                                                'acs',
                                                $student_status,
                                                'All',
                                                $errors->has('acs')
                                                    ? ['class' => 'form-control is-invalid', 'id' => 'acs']
                                                    : ['class' => 'form-control', 'id' => 'acs'],
                                            ) !!}

                                        </div>
                                    </div>
                                    <div class="col-sm-2">
                                        <div class="form-group">
                                            {!! Form::label('dvs', 'dvs') !!}
                                            {!! Form::select(
                                                'dvs',
                                                $student_status,
                                                'All',
                                                $errors->has('dvs')
                                                    ? ['class' => 'form-control is-invalid', 'id' => 'dvs']
                                                    : ['class' => 'form-control', 'id' => 'dvs'],
                                            ) !!}

                                        </div>
                                    </div>
                                    <div class="col-sm-2">
                                        <div class="form-group">
                                            {!! Form::label('ras', 'ras') !!}
                                            {!! Form::select(
                                                'ras',
                                                $student_status,
                                                'All',
                                                $errors->has('ras')
                                                    ? ['class' => 'form-control is-invalid', 'id' => 'ras']
                                                    : ['class' => 'form-control', 'id' => 'ras'],
                                            ) !!}

                                        </div>
                                    </div>
                                    <div class="col-sm-2">
                                        <div class="form-group">
                                            {!! Form::label('gender', 'gender') !!}
                                            {!! Form::select(
                                                'gender',
                                                $gender,
                                                'All',
                                                $errors->has('gender')
                                                    ? ['class' => 'form-control is-invalid', 'id' => 'gender']
                                                    : ['class' => 'form-control', 'id' => 'gender'],
                                            ) !!}

                                        </div>
                                    </div>

                                    <div class="col-sm-7">
                                        <div class="form-group">
                                            {!! Form::label('program', 'Studying') !!}
                                            {!! Form::select(
                                                'program',
                                                $programs,
                                                'All',
                                                $errors->has('program')
                                                    ? ['class' => 'form-control is-invalid', 'id' => 'program']
                                                    : ['class' => 'form-control', 'id' => 'program'],
                                            ) !!}

                                        </div>
                                    </div>
                                    <div class="col-sm-5">
                                        <div class="form-group pt-4">

                                            {!! Form::button('Go', ['type' => 'submit', 'class' => 'btn btn-warning']) !!}

                                        </div>
                                    </div>
                                </div>
                                {!! Form::close() !!}

                            </div>
                        </div>

                        <div class="table-responsive">
                            <table id="admTable" class="table table-bordered table-hover" style="width: 100%;">
                                <thead>
                                    <tr>
                                        <th style="width:20px">#</th>
                                        <th>Student Name</th>
                                        <th>Sex</th>
                                        <th>REG No</th>
                                        <th>Programme</th>
                                        <th>SRS</th>
                                        <th>SPS</th>
                                        <th>ACS</th>
                                        <th>DVS</th>
                                        <th>RAS</th>
                                        <th>Batch Name</th>
                                    </tr>
                                </thead>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@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">
        $('#index_type').select2({
            minimumResultsForSearch: -1,
            placeholder: 'Select Level Index',
        });
        $('#srs,#sps,#acs,#dvs,#ras,#gender,#program').select2({
            minimumResultsForSearch: -1,
            // placeholder: 'Select SRS',
        });
        $(document).ready(function() {
            let admTable = $('#admTable').DataTable({
                processing: true,
                serverSide: true,
                ajax: {
                    url: '{{ route('admissions.get-admitted-students', $srs->encode($school)) }}',
                    data: function(d) {
                        d.index_type = $('select[name=index_type]').val();
                        d.index_no = $('input[name=index_no]').val();
                        d.surname = $('input[name=surname]').val();
                        d.gender = $('input[name=gender]').val();
                        d.All = $('select[name=All]').val();
                        d.srs = $('select[name=srs]').val();
                        d.sps = $('select[name=sps]').val();
                        d.acs = $('select[name=acs]').val();
                        d.dvs = $('select[name=dvs]').val();
                        d.ras = $('select[name=ras]').val();
                        d.program = $('select[name=program]').val();

                    }
                },
                columns: [{
                        data: 'DT_RowIndex',
                        name: 'std_id'
                    },
                    {
                        data: 'full_name',
                        name: 'users.first_name'
                    },
                    {
                        data: 'gender',
                        name: 'gender'
                    },
                    {
                        data: 'reg_no',
                        name: 'reg_no'
                    },
                    {
                        data: 'program_acronym',
                        name: 'program_acronym'
                    },
                    {
                        data: 'srs',
                        name: 'srs'
                    },
                    {
                        data: 'sps',
                        name: 'sps'
                    },
                    {
                        data: 'acs',
                        name: 'acs'
                    },
                    {
                        data: 'dvs',
                        name: 'dvs'
                    },
                    {
                        data: 'ras',
                        name: 'ras'
                    },
                    {
                        data: 'batch_name',
                        name: 'batch_name'
                    }
                ]
            });
            $('#filter-form').on('submit', function(e) {
                admTable.draw();
                e.preventDefault();
            });
        })
    </script>
@endsection