@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" />
@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">Scientific Programme</li>
                                </ol>
                            </div>
                            <h4 class="page-title">Scientific Programme</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">Scientific Programme</h4>
                             <div class="row" id="div-single-registration">
                                        <div class="col-sm-1"></div>
                                        <div class="col-sm-10">
                                            <form id="ActivateTopicForm" name="ActivateQuestionForm" method="POST" action="/AOCN-IANCON-2022/server.php/admin/sprogramme/view-programme" enctype="multipart/form-data" onsubmit="return validateForm();">
                                                {{ csrf_field() }}
                                                <div class="row">
												
												<label class="col-sm-4 col-form-label">Select Day <span class="required">*</span></label>
                                                    <div class="col-sm-8">
                                                    <select class="form-control" name="changeday" id="changeday"  onchange="myFunction()"> 
                                                    <option value="" selected>---Select Day---</option>
                                                    <option value="2022-11-02">Day 1</option>
                                                    <option value="2022-11-03">Day 2</option>
                                                    <option value="2022-11-04">Day 3</option>
                                                    <option value="2022-11-05">Day 4</option>
                                                    <option value="2022-11-06">Day 5</option>
                                                    <!--<option value="2022-11-07">Day 5</option>-->
                                                    <!--<option value="2022-11-08">Day 6</option>-->
                                                    <!--<option value="2022-11-09">Day 7</option>-->
                                                    <!--<option value="2022-11-10">Day 8</option>-->
                                                    <!--<option value="2022-11-11">Day 9</option>-->
                            
                                                    <div></div>
                                                   
                                                    </select> 
                                                    </div>
												
                                                    <label class="col-sm-4 col-form-label">Select Session <span class="required">*</span></label>
                                                    <div class="col-sm-8">
                                                     <select class="form-control" name="session_id" id="session_id" required>
                                                       <option>---Select---</option>
                                                     </select>
                                                    </div>
                                                  <div class="col-sm-12 mt-4 text-center">
                                                   <button type="submit" class="btn btn-primary" name="view_topics">View Topics</button>
                                                  </div>
                                            </form>
                                        </div>
                                    </div>
                            
                            <table id="datatable-buttons" class="table table-hover">
                            <thead>
                                <tr>
                                    <th>Topic Id</th>
                                    <th>Topic</th>
                                    <th>Speaker</th>
                                    <th>Moderator</th>
                                    <th>Panellist</th>
                                    <th>Session Name</th>
                                    <th>Start Time</th>
                                    <th>End Time</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($res_questions as $row)
                                <tr>
                                    <td>{{ $row->topic_id }}</td>
                                    <td>{{ $row->topic }}</td>
                                    <td>{{ $row->speaker }}</td>
                                    <td>{{ $row->moderator }}</td>
                                    <td>{{ $row->panellist }}</td>
                                    <td>{{ $row->session_name}}</td>
                                    <td>{{ $row->start_time }}</td>
                                    <td>{{ $row->end_time }}</td>
                                </tr>
                                @endforeach
                            </tbody>
                            </table>
                        </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 type="text/javascript">
    function myFunction() {
     var changeday = $('#changeday').val();
          $.ajax({
          url:'/AOCN-IANCON-2022/server.php/admin/sprogramme/view-programme/gettopic',
          type:'get',
          data:{changeday:changeday},
          success: function(response){
            // console.log(response);
              $('select[name="session_id"]').empty();
              $('select[name="session_id"]').focus;
             $('select[name="session_id"]').append('<option>---Select Session---</option>'); 
              $.each(response, function(key, value){
                        $('select[name="session_id"]').append('<option value="'+ value.session_id +'">' + value.session_name +":" +" " +value.title+" "+value.start_date+" "+value.start_time+" "+value.end_time+  '</option>');
                    });

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