@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>
                    Student list-<b class="black">List of Photos</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>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="boxpane-content">
                <div class="row">
                    <div class="col-lg-12">


                        {{-- <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="admTable1" class="table table-bordered table-hover" style="width: 100%;">
                                <thead>
                                    <tr>
                                        <th style="width:2%">#</th>
                                        <th>Student Name</th>
                                       
                                        <th>Reg no</th>
                                        <th>Programme</th>
                                        <th>Phone number</th>
                                        <th>image</th>
                                        <th>Actions</th>
                                    </tr>
                                </thead>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection
@section('css')
    <!-- X-editable css -->
    <link type="text/css" href="{{ asset('assets/plugins/x-editable/bootstrap3-editable/css/bootstrap-editable.css') }}"
        rel="stylesheet">
    <link href="{{ asset('assets/plugins/switchery/switchery.min.css') }}" rel="stylesheet" />
@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>
    <!-- X-editable Plugin -->
    <script src="{{ asset('assets/plugins/moment/moment.js') }}"></script>
    <script type="text/javascript"
        src="{{ asset('assets/plugins/x-editable/bootstrap3-editable/js/bootstrap-editable.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() {
            $('#admTable1').DataTable({
                processing: true,
                serverSide: true,
                responsive: true,
                ajax: {
                    url: '{{ route('student-panel.id_photo_list', $srs->encode($progm)) }}'
                    // url: '{{ route('productions.json') }}'
                    // 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.program = $('select[name=program]').val();
                    // }
                },
                columns: [{
                        data: 'DT_RowIndex',
                        name: 'user_id',
                        searchable: false
                    },
                    {
                        data: 'full_name',
                        name: 'full_name',
                        searchable: false
                    },
                  
                    {
                        data: 'reg_no',
                        name: 'reg_no'
                    },
                    {
                        data: 'program_acronym',
                        name: 'program_acronym',
                        searchable: false
                    },
                    {
                        data: 'phone',
                        name: 'phone',
                        searchable: false
                    },
                   
                    {
                        data: 'image',
                        name: 'image',
                        searchable: false
                    },
                    

                    {
                        data: 'actions',
                        name: 'actions',
                        searchable: false
                    }
                ]
            });
            $('#filter-form').on('submit', function(e) {
                admTable.draw();
                e.preventDefault();
            });
        });


        $(function() {
            //modify buttons style
            $.fn.editableform.buttons =
                '<button type="submit" class="btn btn-primary editable-submit btn-sm waves-effect waves-light"><i class="mdi mdi-check"></i></button>' +
                '<button type="button" class="btn btn-light editable-cancel btn-sm waves-effect"><i class="mdi mdi-close"></i></button>';
        });

        $('.student_disco_status').editable({
            prepend: "Select Status",
            mode: 'inline',
            inputclass: 'form-control-sm',
            source: [{
                    value: 'In Progress',
                    text: 'In Progress'
                },
                {
                    value: 'SPECIAL',
                    text: 'SPECIAL'
                },
                {
                    value: 'ABSCONDED',
                    text: 'ABSCONDED'
                },
                {
                    value: 'POSTPONED',
                    text: 'POSTPONED'
                },


            ],
            display: function(value, sourceData) {
                var colors = {
                        "": "gray",
                        1: "green",
                        2: "blue"
                    },
                    elem = $.grep(sourceData, function(o) {
                        return o.value == value;
                    });

                if (elem.length) {
                    $(this).text(elem[0].text).css("color", colors[value]);
                } else {
                    $(this).empty();
                }
            },
            params: function(params) {
                // add additional params from data-attributes of trigger element
                params._token = $('meta[name="csrf-token"]').attr('content');
                //// params.value = $(this).editable().data('value');
                // params.cs_id = $(this).editable().data('cs_id');
                return params;
            },
            send: 'always',
            ajaxOptions: {
                dataType: 'json',
                type: 'post'
            },
            success: function(data) {
                console.log(data);
            },
            error: function(response, newValue) {

                console.log(response);
            }
        });
    </script>
@endsection