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

<!-- 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 Questions</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="/BNA/public/admin/voting/voting-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>
                                                            <!--<option value=''>Select Event</option>-->
                                                            @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">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>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>

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

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

                                                        @endif

                                                        @if($row->voting_status > 0)

                                                        <a href="/BNA/public/admin/voting/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('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();
    var sid = '<br />
<b>Warning</b>:  Undefined variable $sid in <b>/home/telemeduser/public_html/BNA/resources/views/event/voting-questions.blade.php</b> on line <b>369</b><br />
';
    
    if(sid == ''){
        sid = 0;
    }
    
      $.ajax({
          url:'/BNA/public/admin/session/getsessions',
          type:'get',
          data:{eid:eid},
          async:false,
          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){
            
                  if(value.id == sid){
                      $('#session').append("<option value='"+value.id+"' selected>"+value.sno+" + "+value.title+"</option>");
                  }else{
                      $('#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();
    var tid = '<br />
<b>Warning</b>:  Undefined variable $tid in <b>/home/telemeduser/public_html/BNA/resources/views/event/voting-questions.blade.php</b> on line <b>414</b><br />
';
    
    if(tid == ''){
        tid = 0;
    }
     
    
        $.ajax({
          url:'/BNA/public/admin/session/gettopics',
          type:'get',
          async:false,
          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){
            
                if(value.id == tid){
                      $('#topic_id').append("<option value='"+value.id+"' selected>"+value.title+" "+value.event_date+" "+value.start_time+"-"+value.end_time+"</option>");
                  }else{
                    $('#topic_id').append("<option value='"+value.id+"'>"+value.title+" "+value.event_date+" "+value.start_time+"-"+value.end_time+"</option>");
                  }
              });
              
            },
        });
        
}

function gettbody(){
    var eid = $('#event').val();
     var sid = $('#session').val();
      var tid = $('#topic_id').val();
    
      $.ajax({
          url:'/BNA/public/admin/voting/gettbody2',
          type:'get',
          data:{sid:sid, tid:tid},
          success: function(response){
             
            $('#datatable-buttons').DataTable().destroy();
              $('#tbody').empty();
              $('#tbody').append(response);
              $('#datatable-buttons').DataTable().draw();
            //   $("#datatable-buttons").DataTable().ajax.reload(null, false );
            // $('#datatable-buttons').DataTable().ajax.reload();
            // $('#datatable-buttons').clear().rows.add(response).draw();
              
            },
        });
       
}

</script>



@endsection