@extends('layouts.dashboard')

@section('title-content')
    <title>{{ config('app.name') }} | Students Mean Test </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-dashboard"></i>
                        Students Mean Test
                    </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('finances.create-student-mean-test') }}">
                                            <i class="fa fa-plus-circle"></i>
                                            {{ 'Add Mean Test' }}
                                        </a>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="boxpane-content">
                    <div class="row">
                        <div class="col-lg-12">
                            <p class="introtext">
                                Below is the list of students with respective mean test allocations from their sponsors.Use
                                the form below to search for a particular student. Click here to upload student mean test
                                Upload Student Mean Tests
                            </p>
                            <div class="card mb-4 bg-light">
                                <div class="card-body">
                                    <div class="row">

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

                                            </div>
                                        </div>

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

                                            </div>
                                        </div>

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

                                            </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>
                                </div>
                            </div>

                            <div class="table-responsive">
                                <table id="factTable" class="table table-bordered table-hover" style="width: 100%;">
                                    <thead>
                                        <tr>
                                            <th style="width:20px">#</th>
                                            <th>Student Name</th>
                                            <th>Sex</th>
                                            <th>Registration No.</th>
                                            <th>Form IV Index No.</th>
                                            <th>Programme</th>
                                            <th>Yos</th>
                                            <th>Tuition Fee</th>
                                        </tr>
                                    </thead>
                                </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">
        $('#student_type').select2({
            minimumResultsForSearch: -1,
            placeholder: 'Select Type',
        });
        $('#status').select2({
            minimumResultsForSearch: -1,
            placeholder: 'Select Status',
        });
        $('#program').select2({
            minimumResultsForSearch: -1,
            // placeholder: 'Select SRS',
        });
        $(document).ready(function() {
            $('#factTable').DataTable({
                processing: true,
                serverSide: true,
                ajax: {
                    url: '{{ route('finances.get-student-mean-test') }}',
                    data: function(d) {
                        d.name = $('input[name=name]').val();
                        d.email = $('input[name=email]').val();
                    }
                },
                columns: [{
                        data: 'DT_Row_Index',
                        name: 'DT_Row_Index'
                    },
                    {
                        data: 'full_name',
                        name: 'full_name'
                    },
                    {
                        data: 'gender',
                        name: 'gender'
                    },
                    {
                        data: 'reg_no',
                        name: 'reg_no'
                    },
                    {
                        data: 'form4_index_no',
                        name: 'form4_index_no'
                    },
                    {
                        data: 'program_code',
                        name: 'program_code'
                    },
                    {
                        data: 'year_of_study',
                        name: 'year_of_study'
                    },
                    {
                        data: 'tuition_fee',
                        name: 'tuition_fee'
                    },

                ]
            });
        })
    </script>
@endsection