@extends('admin.layouts.app')

@section('styles')

<meta name="token" content="{{csrf_token()}}">

<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">Asked 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">

                                        <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($result_asked_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>

                                            <th width="10%">Action</th>

                                        </tr>

                                    </thead>

                                    <tbody class="question_tbody">

                                        @php $i = 1; @endphp

                                        @foreach ($result_asked_questions as $row)

                                        <tr>

                                            <td>{{ $i }}</td>

                                            <td>{{ $row->question }}</td>

                                            <td>{{ $row->fname." ".$row->lname }}</td>

                                            <td>{{ $row->AOCN_IANCON_reg_no }}</td>

                                            <td>

                                                <input type="checkbox" class="askked_question" name="question_id" id="question{{$row->id}}" 

                                                value="{{$row->question_forward == 0 ? 0 : 1 }}" data-id="{{$row->id}}"  @if($row->question_forward == 1) checked @endif}}/></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").change(function() {

            var val = $(this).val();

            document.location.href = '/AOCN-IANCON-2022/server.php/admin/asked-questions/'+val;

        });

    })

</script>



<script>

  $(document).ready(function(){

      $(document).on('click','.askked_question',function(){ 

          debugger

          var token = $('meta[name="token"]').attr('content');

          var value = $(this).val();

          var question_id = $(this).attr('data-id');

          var afterChange = (value == 0) ?  $(this).val(1) : $(this).val(0); 

          value = afterChange[0].value;

          $.ajax({

              url:'/AOCN-IANCON-2022/server.php/admin/asked-questions/shortlist',

              type:'post',

              data:{value:value, _token:token, question_id:question_id},

              success: function(response){

                  debugger;

                  value == 1 ? alert('Question shortlisted successfully') : alert('Question removed from shortlist successfully');

              },

          });

      });

  });

    

</script>

@endsection