@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">
                            <h5>Total Feedback Received: <span style="color:red">{{ sizeof($datas) }}</span></h5>
                        </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">Conference Feedback</h4>
                            <table id="datatable" class="table table-hover">
                                <thead>
                                    <tr>
                                        <th>#</th>
                                        <th>Participant</th>
                                        <th>Reg. No.</th>
                                        <th>Relevance Of Topics</th>
                                        <th>Quality of Scientific Content</th>
                                        <th>Speaker Profile</th>
                                        <th>Venue</th>
                                        <th>Audio Visual Arrangements</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->relevance }}</td>
                                            <td>{{$row->quality}}</td>
                                            <td>{{ $row->speaker_profile }}</td>
                                            <td>{{ $row->venue }}</td>
                                            <td>{{ $row->arrangements }}</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;
        });
    })
</script>
<!-- Dashboard init js -->
<script src="/AOCN-IANCON-2022/public/assets/admin/pages/dashboard.init.js"></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