@extends('admin.layouts.app')

@section('styles')
<link href="/AOCN-IANCON-2022/public/assets/admin/plugins/datatables/dataTables.bootstrap4.min.css" rel="stylesheet" type="text/css" />
<link href="/AOCN-IANCON-2022/public/assets/admin/plugins/datatables/buttons.bootstrap4.min.css" rel="stylesheet" type="text/css" />
<link href="/AOCN-IANCON-2022/public/assets/admin/plugins/datatables/responsive.bootstrap4.min.css" rel="stylesheet" type="text/css" />
<style type="text/css">
    .card .text-muted{
        margin-bottom: 5px !important;
    }
    .options {
        padding: 10px 30px;
    }
</style>
@endsection

@section('header')
	@include('admin.layouts.header')
@endsection

@section('sidemenu')
	@include('admin.layouts.sidemenu')
@endsection

@section('content')
<div class="content-page">
    <div class="content">
        <div class="page-content-wrapper">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-sm-12">
                        <div class="page-title-box">
                            <div class="float-right">
                                <ol class="breadcrumb p-0 m-0">
                                    <li class="breadcrumb-item"><a href="#">Admin</a></li>
                                    <li class="breadcrumb-item active">Asked Questions</li>
                                </ol>
                            </div>
                            <h4 class="page-title">shortlist Questions</h4>
                        </div>
                    </div>
                </div>
                <div class="col-lg-12">
                    <div class="card m-b-20">
                        <div class="card-body">
                            <h4 class="mt-0 m-b-20 header-title">Asked Questions</h4>
                            <div class="row options">
                                <div class="col-sm-4 text-center">Select Session:</div>
                                <div class="col-sm-6">
                                    <select class="form-control" name="session_id" id="session_id_1">
                                        <option value="">-- Select --</option>
                                        @foreach($res_sessions as $row)
                                                                                            <option value="{{$row->session_id }}" @if($session_id == $row->session_id) selected @endif>{{$day}} {{$row->hall}} {{ $row->session_name.': [ '.$row->start_time.' - '.$row->end_time }}]</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            @if(!empty($questions))
                            <div class="row m-t-40">
                                <table id="datatable" class="table table-hover mt-40">
                                    <thead>
                                        <tr>
                                            <th>#</th>
                                            <th>Question</th>
                                            <th>Delegate Name</th>
                                            <th>Registration No</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @php $i = 1; @endphp
                                        @foreach ($questions as $row)
                                        <tr>
                                            <td>{{ $i }}</td>
                                            <td>{{ $row->question }}</td>
                                            <td>{{ $row->fname." ".$row->lname }}</td>
                                            <td>{{ $row->registration_id }}</td>
                                        </tr>
                                        @php $i++; @endphp
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@section('footer')
	@include('admin.layouts.footer')
@endsection

@section('scripts')
<!-- Required datatable js -->
<script src="/AOCN-IANCON-2022/public/assets/admin/plugins/datatables/jquery.dataTables.min.js"></script>
<script src="/AOCN-IANCON-2022/public/assets/admin/plugins/datatables/dataTables.bootstrap4.min.js"></script>

<script src="/AOCN-IANCON-2022/public/assets/admin/plugins/datatables/dataTables.buttons.min.js"></script>
<script src="/AOCN-IANCON-2022/public/assets/admin/plugins/datatables/buttons.bootstrap4.min.js"></script>
<script src="/AOCN-IANCON-2022/public/assets/admin/plugins/datatables/jszip.min.js"></script>
<script src="/AOCN-IANCON-2022/public/assets/admin/plugins/datatables/pdfmake.min.js"></script>
<script src="/AOCN-IANCON-2022/public/assets/admin/plugins/datatables/vfs_fonts.js"></script>
<script src="/AOCN-IANCON-2022/public/assets/admin/plugins/datatables/buttons.html5.min.js"></script>
<script src="/AOCN-IANCON-2022/public/assets/admin/plugins/datatables/buttons.print.min.js"></script>
<script src="/AOCN-IANCON-2022/public/assets/admin/plugins/datatables/buttons.colVis.min.js"></script>

<!-- KNOB JS -->
<script src="/AOCN-IANCON-2022/public/assets/admin/plugins/jquery-knob/excanvas.js"></script>
<script src="/AOCN-IANCON-2022/public/assets/admin/plugins/jquery-knob/jquery.knob.js"></script>

<!-- Datatable init js -->
<script src="/AOCN-IANCON-2022/public/assets/admin/pages/datatables.init.js"></script>

<script>
    $(document).ready(function () {
        $("#session_id_1").change(function() {
            var val = $(this).val();
            document.location.href = '/AOCN-IANCON-2022/server.php/admin/asked-questions/shortlist-questions/'+val;
        });
    })
</script>

<script>
    $(document).ready(function () {
        $("#session_id_1").change(function() {
            var val = $(this).val();
            console.log(val);
            //document.location.href = '/admin/asked-questions/shortlist-questions'+val;
            $.ajax({
                    //method: "GET",
                    //data: {question_id:question_id} ,
                    type:'post',
                     url: '/AOCN-IANCON-2022/server.php/admin/asked-questions/shortlist-questions/'+val,
                    context: document.body, 
                    success: function(data,status){
                        console.log(status);
                        console.log(JSON.stringify(data));
                        if(status == "Success"){
                            return true;
                        }
                        else{
                            alert("something went wrong. Try again.");
                            return true;
                        }
                    }
                });
        });
    })
</script>


@endsection