@extends('admin.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;
    }
    
     .winner-div {
    margin-top: 30px;
    border-radius: 5px;
    border: 2px solid #ccc;
    padding: 20px;
    }
</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">Voting Result</li>
                                            </ol>
                                        </div>
                                        <h4 class="page-title">Session Wise Result</h4>
                                    </div>
                                </div>
                            </div>
                            <!-- end page title end breadcrumb -->

                            <div class="col-lg-12">
                                <div class="card m-b-20">
                                    <div class="card-body" style="min-height: 400px">
                                        <div class="row options">
                                        <div class="col-sm-4 text-center">Select Day:</div>
                                        <div class="col-sm-6">
                                        <select class="form-control" name="changeday" id="changeday"  onchange=""> 
                                        <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>
                                         <div class="col-sm-4 text-center">Select Hall:</div>
                                        <div class="col-sm-6">
                                        <select class="form-control" name="changehall" id="changehall"  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>
                                            <div class="col-sm-4 text-center">Select Session:</div>
                                            <div class="col-sm-6">
                                                <select class="form-control" name="session_id" id="session_id" required>
                                                       <!--<option>---Select---</option>-->
                                                </select>
                                            </div>
                                        </div>
                                        <div class="row options">
                                            <div class="col-sm-2"></div>
                                            @if(!empty($winner_details))
                                            @php $i = 1; @endphp
                                            <div class="row col-sm-8 winner-div">
                                                @foreach($winner_details as $row)
                                                <div class="col-sm-4">
                                                   {{ $i }}
                                                </div>
                                                <div class="col-sm-8" style="margin-top: 10px;">
                                                    <p class="winner-name">Name: @php echo strtoupper($row->fname.' '.$row->lname) @endphp</p>
                                                    <p class="winner-desc">City: @php echo ucwords($row->city) @endphp</p>
                                                    <!--<p class="winner-desc">Registration No: {{ $row->city }}</p>-->
                                                </div>
                                                @php $i++; @endphp
                                                @endforeach
                                            </div>
                                            @endif
                                        </div>
                                    </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="{{ 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>
            $(document).ready(function () {
                $("#session_id").change(function() {
                    var val = $(this).val();
                    document.location.href = '/AOCN-IANCON-2022/server.php/admin/voting/result/session/'+val;
                });
            })
        </script>
        <script type="text/javascript">
    function myFunction() {
     var changeday = $('#changeday').val();
      var changehall = $('#changehall').val();
          $.ajax({
          url:'/AOCN-IANCON-2022/server.php/admin/voting/voting-questions/gettopic',
          type:'get',
          data:{changeday:changeday,changehall:changehall},
          success: function(response){
            // console.log(response);
              $('select[name="session_id"]').empty();
             $('select[name="session_id"]').focus;
             $('select[name="session_id"]').append('<option>---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>
@endsection