@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;
        margin-right: 5px;
    }
    table td .edit{
        color: #0f9c0d;
        border: 1px solid #0f9c0d;
        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">
    <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">Feedback</li>
                                </ol>
                            </div>
                            
                            <h4 class="page-title">Feedback</h4>
                        </div>
                    </div>
                </div> 
                
                
                
                <div class="col-lg-12">
                    <div class="card m-b-20">
                    <div class="card-body">
                        
                        <div class="row" id="div-single-registration">
                                        <div class="col-sm-1"></div>
                                        <div class="col-sm-10">
                                            <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="dayDD" id="dayDD" required onchange="myFunction()">   

                                                    <option value="" disabled 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">Select Hall <span class="required">*</span></label>

                                                    <div class="col-sm-8">

                                                    <select class="form-control" id="conference_type" name="conference_type" required onchange="myFunction()">

                                                        <option value="" selected>---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="changeSession" id="changeSession" required onchange="myFunctiontopic()">   

                                                    

                                                   
                                                    </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="changeTopic" id="changeTopic" required> 

                                                    <!--<option value="" disabled selected>---Select topic---</option>-->

                                                    <div></div>

                                                   

                                                    </select> 

                                                    </div>

                                                    


                                                </div>

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

                                                   <button type="button" class="btn btn-primary" name="view_topics" id="getFeedbackByTopic">Get Feedback</button>

                                                </div>
                                        </div>
                                    </div>
                            <hr>
                            <div class="col-lg-12">
                                <div class="row">
                                <div class="card col-md-6 m-b-20 m-t-10">
                                    <div class="card-body">
                                        <h5>Total Feedback Received: <span style="color:red">{{ sizeof($datas) }}</span></h5>
                                    </div>
                                </div>
                                <div class="card col-md-6 m-b-20 m-t-10">
                                    <div class="card-body">
                                        <h5>Average Rating: <span style="color:red">{{ $average_rating }}</span></h5>
                                    </div>
                                </div>
                                </div>
                            </div>
                            <hr>
                            <h4 class="mt-0 m-b-20 header-title">Topic wise Feedback</h4>
                            <table id="datatable" class="table table-hover table-striped">
                                <thead>
                                    <tr>
                                        <th>#</th>
                                        <th>Participant</th>
                                        <th>Reg. No.</th>
                                        <th>Topic</th>
                                        
                                        <th>Rating</th>
                                        <th>Comments</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @php $i = 1; @endphp
                                        @foreach ($datas as $row)
                                        <tr>
                                            <td>{{ $i }}</td>
                                            <td>{{ $row->member_name }}</td>
                                            <td>{{ $row->AOCN_IANCON_reg_no }}</td>
                                            <td>{{ $row->topic }}</td>
                                            
                                            <td>{{ $row->rating }}</td>
                                            <td>{{ $row->comments }}</td>
                                        </tr>
                                        @php $i++; @endphp
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                        
                    </div>
                </div>
                
            </div>
        </div>
    </div>
</div>
@endsection

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


@section('scripts')

<script>
    $(document).ready(function () {
        $("#session_id").change(function() {
            var val = $(this).val();
            document.location.href = '/admin/asked-questions/'+val;
        });
    })

    function myFunction() {

     var changeday = $('#dayDD').val();

     var conference_type = $('#conference_type').val();

     var session_id = $('#changeSession').val();

    //  alert(session_id);

          $.ajax({

          url:'/AOCN-IANCON-2022/server.php/admin/active-topic-session/getsession',

          type:'get',

          data:{changeday:changeday,conference_type:conference_type,session_id:session_id},

          success: function(response){

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

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

              $('select[name="changeSession"]').append('<option>---Select Session---</option>');

               $.each(response, function(key, value){

                $('select[name="changeSession"]').append('<option value="'+ value.session_id +'">' + value.session_name +":" +" " +value.title+" "+value.start_date+" "+value.session_start+" "+value.session_end+  '</option>');

              });

            },

        });

        };

</script>

<script type="text/javascript">

    function myFunctiontopic() {
    var session_id = $('#changeSession').val();
    var changeTopic = $('#changeTopic').val();
        $.ajax({
            url:'/AOCN-IANCON-2022/server.php/admin/active-topic-session/gettopic',
            type:'get',
            data:{session_id:session_id},
            success: function(response){
                $('select[name="changeTopic"]').empty();
                $('select[name="changeTopic"]').focus;
                $.each(response, function(key, value){
                    $('select[name="changeTopic"]').append('<option value="'+ value.topic_id +'">' + value.topic + '</option>');
                });
                },
            });
        };

</script>

<script>
   
$(document).ready(function () {
        $("#getFeedbackByTopic").click(function() {
            var topic_id = $("#changeTopic").val();
            document.location.href = '/AOCN-IANCON-2022/server.php/admin/feedback/'+topic_id;
        });
    })

</script>
<!-- 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>

@endsection