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

    table td .view{

        color: #4677ff;

        border: 1px solid #4677ff;

        padding: 2px 3px;

        border-radius: 3px;

    }

    table td .active{

        color: #0f9c0d;

        border: 1px solid #0f9c0d;

        padding: 2px 3px;

        border-radius: 3px;

    }

    table td .graph{

        color: #de2a43;

        border: 1px solid #de2a43;

        padding: 2px 3px;

        border-radius: 3px;

    }

</style>

@endsection



@section('header')

	@include('admin.layouts.header')

@endsection



@section('sidemenu')

	@include('admin.layouts.sidemenu')

@endsection



@section('content')

<div class="content-page">

<!-- Start content -->

                <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"><a href="#">Voting</a></li>

                                                <li class="breadcrumb-item active">Activate Questions</li>

                                            </ol>

                                        </div>

                                        <h4 class="page-title">Activate Questions1</h4>

                                    </div>

                                </div>

                            </div>

                            <!-- end page title end breadcrumb -->



                            <div class="col-lg-12">

                                <div class="card m-b-20">

                                    

                                    <!-- -->

                                    

                                    <div class="card card-body">

                                    <!--h3 class="card-title font-20 mb-4 text-primary text-center">All Topics</h3-->



                                    <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="" 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, Nov 2</option>
                                                    <option value="2022-11-03">Day 2, Nov 3</option>
                                                    <option value="2022-11-04">Day 3, Nov 4</option>
                                                    <option value="2022-11-05">Day 4, Nov 5</option>
                                                    <option value="2022-11-06">Day 5, Nov 6</option>
                                                    

                                                   

                                                    </select> 

                                                    </div>

												     <label class="col-sm-4 col-form-label m-t-5">Select Hall:</label>
                                                    <div class="col-sm-8 m-t-5">
                                                        <select class="form-control" id="hall" name="hall" required="">
                                                            <option >Select Hall</option>
                                                           <option value="Hall A">Main Hall</option>
                                                            <option value="Hall B">Parellel Room 1</option>
                                                            <option value="Hall C">Parellel Room 2</option>
                                                            <option value="Hall D">Parellel Room 3</option>
                                                            <option value="Hall E">Parellel Room 4</option>
                                                            <option value="Hall F">Parellel Room 5</option>
                                                            <option value="Hall G">Parellel Room 6</option>
                                                            <option value="Hall H">Parellel Room 7</option>
                                                        </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 value=''>---Select---</option>

                                                     </select>

                                                    </div>

                                                    <label class="col-sm-4 col-form-label">Select Topic <span class="required">*</span></label>
                                                    <div class="col-sm-8">
                                                     <select class="form-control" name="topic_id" id="topic_id" required>
                                                        <option value=''>---Select---</option>
                                                     </select>   
                                                    </div>

                                                   

                                                  <div class="col-sm-12 mt-4 text-center">

                                                    <button type="submit" class="btn btn-primary" name="view_topics">View Questions</button>

                                                  </div>

                                                  <!--<div class="col-sm-4 mt-4 text-center">-->

                                                  <!-- <button type="button" class="btn btn-primary" id="completequiz" onclick="myFunctioncall()"  name="completequiz">Complete Quiz</button>-->

                                                  <!--</div>-->

                                            </form>

                                        </div>

                                    </div>

                                    

                                    </div>

                                    

                                    <!-- -->

                                    

                                    <div class="card-body">



                                        <h4 class="mt-0 m-b-20 header-title">Activate Questions</h4>

                                        @if(session()->has('success-message'))

                                      	    <div class="alert alert-success text-center">{{ session()->get('success-message') }}</div>

	                                    @endif

    	                                @if(session()->has('error-message'))

    	                                    <div class="alert alert-danger text-center">{{ session()->get('error-message') }}</div>

    	                                @endif

                                        <table id="datatable-buttons" class="table table-hover">

                                            <thead>

                                                <tr>

                                                    <th>#</th>

                                                    <th>Question</th>

                                                    <th>Session Name</th>

                                                    <th>Is Dummy</th>

                                                    <th>Action</th>

                                                </tr>

                                            </thead>

                                            <tbody>

                                                @php $i = 1; @endphp

                                                @foreach ($res_questions as $row)

                                                <tr>

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

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

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

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

                                                    <td>

                                                        @if($row->voting_status <= 0)

                                                        <a href="active/{{ $row->question_id }}" class="active">Active</a>

                                                        @endif

                                                        @if($row->voting_status > 0)

                                                        <a href="graph/{{ $row->question_id }}" class="graph">Graph</a>

                                                        @endif

                                                    </td>

                                                </tr>

                                                @php $i++; @endphp

                                                @endforeach

                                            </tbody>

                                        </table>



                                    </div>

                                </div>

                            </div> <!-- end col -->



                        </div><!-- container -->



                    </div> <!-- Page content Wrapper -->



                </div> <!-- content -->

</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();
     
     var topic_id=$("#topic_id").val();

          $.ajax({

          url:'voting-questions/gettopic',

          type:'get',

          data:{changeday:changeday,topic_id:topic_id},

          success: function(response){

            // console.log(response);

               $('select[name="session_id"]').empty();

              $('select[name="session_id"]').focus;

             $('select[name="session_id"]').append("<option value=''>---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>
<script>

$(document).ready(function() {
				$("#session_id").change(function() {
                var id = jQuery(this).val();
				if(id)
                  {  
                  jQuery.ajax({
                     url : '/AOCN-IANCON-2022/server.php/admin/voting/create-question/' +id,
                     type : "GET",
                     dataType : "json",
                     success:function(data)
                     {
                        console.log(data);
                        jQuery('select[name="topic_id"]').empty();
                        jQuery.each(data, function(key,value){
                           $('select[name="topic_id"]').append('<option value="'+ key +'">'+ value +'</option>');
                        });
                     }
                  });
                  }	
                });
});
</script>

<!--<script type="text/javascript">-->



<!--            $(document).ready(function() {-->

                

<!--				$("#session_id").change(function() {-->

<!--                var id = jQuery(this).val();-->

<!--                alert(id);-->

<!--                var changeday = $('#changeday').val();-->

<!--				if(id)-->

<!--                  {  -->

<!--                  jQuery.ajax({-->

<!--                     url : '/admin/voting/create-question/' +id,-->

<!--                     type : "GET",-->

<!--                     dataType : "json",-->

<!--                     success:function(data)-->

<!--                     {-->

<!--                        console.log(data);-->

<!--                        jQuery('select[name="topic_id"]').empty();-->

<!--                        jQuery.each(data, function(key,value){-->

<!--                          $('select[name="topic_id"]').append('<option value="'+ key +'">'+ value +'</option>');-->

<!--                        });-->

<!--                     }-->

<!--                  });-->

<!--                  }	-->

<!--                });-->

                

<!--            });-->

<!--</script>-->

@endsection