@extends('event.layouts.app')

@section('styles')
<link href="{{ URL::asset('assets/admin/plugins/datatables/dataTables.bootstrap4.min.css') }}" rel="stylesheet" type="text/css" />
<link href="{{ URL::asset('assets/admin/plugins/datatables/buttons.bootstrap4.min.css') }}" rel="stylesheet" type="text/css" />
<link href="{{ URL::asset('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;
    }
     #slabel {
        display: none;
    }
    #sdiv {
        display: none;
    }
</style>
@endsection

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

@section('sidemenu')
	@include('event.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"><a href="#">Voting</a></li>
                                    <li class="breadcrumb-item active">View Questions</li>
                                </ol>
                            </div>
                            <h4 class="page-title">View Questions</h4>
                        </div>
                    </div>
                </div>
                <div class="col-lg-12">
                    <div class="card m-b-20">
                        
                        <div class="card card-body">
                            <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="/BNA/public/admin/voting/view-questions" enctype="multipart/form-data" onsubmit="return validateForm();">-->
                                    
                                    {{ csrf_field() }}
                                    
                                    <div class="row">
                                    
                                        <label for="staticEmail" class="col-sm-4 col-form-label">Select Event <span class="required">*</span></label>
                                        <div class="col-sm-8">
                                            <select class="form-control" name="event" id="event" required>
                                            @foreach($events as $val)
                                            <option value='{{ $val->id }}' selected>{{ $val->name }}</option>
                                            @endforeach
                                            </select>
                                        </div>
                                        
                                        <label id="slabel" class="col-sm-4 col-form-label m-t-10">Select Session </label>
                                        <div class="col-sm-8 m-t-10" id="sdiv">
                                            <select class="form-control" name="session" id="session" onchange="gettopics();">
                                            <option value=''>Select Session</option>
                                            </select>
                                        </div>
                                        
                                        <label class="col-sm-4 col-form-label m-t-10">Select Topic <span class="required">*</span></label>
                                        <div class="col-sm-8 m-t-10"> 
                                            <select class="form-control" name="topic_id" id="topic_id" required >
                                            <option value=''>Select Topic</option>
                                            </select>   
                                        </div>
                                    
                                    </div>
                                    
                                    <div class="col-sm-12 mt-4 text-center">
                                    
                                        <button type="submit" class="btn btn-primary" name="view_topics" onclick="gettbody();">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">View Questions</h4>
                            
                            <table id="datatable-buttons" class="table table-hover">
                            <thead>
                                <tr>
                                    <th>#</th>
                                    <th>Question</th>
                                    <th>Topic Name</th>
                                    <th>Is Dummy</th>
                                    <th>Action</th>
                                </tr>
                            </thead>
                            <tbody id="tbody">
                                @php $i = 1; @endphp
                                @foreach ($res_questions as $row)
                                <tr>
                                    <td>{{ $i }}</td>
                                    <td>{{ $row->question }}</td>
                                    <td>{{ $row->topic }}</td>
                                    <td>{{ $row->is_dummy }}</td>
                                    <td width="15%">
                                        <a href="/BNA/public/admin/voting/question-details/{{ $row->question_id }}" class="view">View</a>
                                        
                                        <a href="/BNA/public/admin/voting/edit/{{ $row->question_id }}" class="view">Edit</a>
                                        
                                        <button  onclick="showmodal({{ $row->question_id }})" class="graph">Delete</button>
                                    </td>
                                </tr>
                                @php $i++; @endphp
                                @endforeach
                            </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Modal -->
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
 <div class="modal-dialog">
   <div class="modal-content">
     <div class="modal-header">
       <h5 class="modal-title" id="exampleModalLabel">Alert</h5>
       <button type="button" class="btn-close" data-dismiss="modal" aria-label="Close">×</button>
     </div>
     <div class="modal-body">
       <!--<p id="msgbox"></p>-->
            <div class="row">
                <div class="col-sm-12 mt-4 text-center">
                    <h5>Are you sure you want to delete this Question?</h5>
                </div>
            </div>
     </div>
     <div class="modal-footer">
       <button type="button" class="btn-close btn btn-danger" data-dismiss="modal">Close</button>
       <a id="deletelink"><button type="button" class="btn-yes btn btn-primary">Yes</button></a>
     </div>
   </div>
 </div>
</div>
@endsection

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

@section('scripts')
<!-- Required datatable js -->
<script src="{{ URL::asset('assets/admin/plugins/datatables/jquery.dataTables.min.js') }}"></script>
<script src="{{ URL::asset('assets/admin/plugins/datatables/dataTables.bootstrap4.min.js') }}"></script>

<script src="{{ URL::asset('assets/admin/plugins/datatables/dataTables.buttons.min.js') }}"></script>
<script src="{{ URL::asset('assets/admin/plugins/datatables/buttons.bootstrap4.min.js') }}"></script>
<script src="{{ URL::asset('assets/admin/plugins/datatables/jszip.min.js') }}"></script>
<script src="{{ URL::asset('assets/admin/plugins/datatables/pdfmake.min.js') }}"></script>
<script src="{{ URL::asset('assets/admin/plugins/datatables/vfs_fonts.js') }}"></script>
<script src="{{ URL::asset('assets/admin/plugins/datatables/buttons.html5.min.js') }}"></script>
<script src="{{ URL::asset('assets/admin/plugins/datatables/buttons.print.min.js') }}"></script>
<script src="{{ URL::asset('assets/admin/plugins/datatables/buttons.colVis.min.js') }}"></script>

<!-- KNOB JS -->
<script src="{{ URL::asset('assets/admin/plugins/jquery-knob/excanvas.js') }}"></script>
<script src="{{ URL::asset('assets/admin/plugins/jquery-knob/jquery.knob.js') }}"></script>

<!-- Datatable init js -->
<script src="{{ URL::asset('assets/admin/pages/datatables.init.js') }}"></script>


<script type="text/javascript">

getsessions();
function getsessions(){
    var eid = $('#event').val();
    
      $.ajax({
          url:'/BNA/public/admin/session/getsessions',
          type:'get',
          data:{eid:eid},
          success: function(response){
             
            //   console.log(response);
            if(response.length != 0){
              $('#slabel').show();
              $('#sdiv').show();
              $('#session').empty();
              $('#session').focus();
              $('#session').append("<option value=''>Select Session</option>");
              $.each(response, function(key, value){
            
                  $('#session').append("<option value='"+value.id+"'>"+value.sno+" + "+value.title+"</option>");
              });
            }else{
                $('#session').empty();
                  $('#session').append("<option value=''>Select Session</option>");
                  $('#slabel').hide();
                  $('#sdiv').hide(); 
            }
              
            },
        });
        gettopics();
}

function gettopics(){
    
    var eid = $('#event').val();
    var sid = $('#session').val();
    
        $.ajax({
          url:'/BNA/public/admin/session/gettopics',
          type:'get',
          data:{eid:eid, sid:sid},
          success: function(response){
             
            //   console.log(response);
              $('#topic_id').empty();
              $('#topic_id').focus();
              $('#topic_id').append("<option value=''>Select Topic</option>");
              $.each(response, function(key, value){
            
                  $('#topic_id').append("<option value='"+value.id+"'>"+value.title+" "+value.event_date+" "+value.start_time+"-"+value.end_time+"</option>");
              });
              
            },
        });
        
}

    function showmodal(id){
        var link = "delete/"+id;
        $('#exampleModal').modal('show');
         document.getElementById("deletelink").setAttribute("href",link);
    }
    
function gettbody(){
    var eid = $('#event').val();
     var sid = $('#session').val();
      var tid = $('#topic_id').val();
    
      $.ajax({
          url:'/BNA/public/admin/voting/gettbody',
          type:'get',
          data:{sid:sid, tid:tid},
          success: function(response){
             
            
              $('#tbody').empty();
              $('#tbody').append(response);
            //   $("#datatable-buttons").DataTable().ajax.reload(null, false );
            // $('#datatable-buttons').DataTable().ajax.reload();
            // $('#datatable-buttons').clear().rows.add(response).draw();
              
            },
        });
       
}
    
</script>
@endsection