@extends('layouts.admin.app')

@section('content')
<style type="text/css">
/* File: styles.css */





</style>
    <div class="content-wrapper">

        <section class="content-header bg-white form-group p-3 p-md-4">
            <div class="row">
                <div class="col text-center text-sm-left mb-3 mb-sm-0">
                    <h3 class="text-primary text-md text-uppercase"><img src="{{ asset('images/category-icon.png') }}" class="heading-desk align-middle" alt="">Winners</h3>
                </div>
               <!--  <div class="col-sm-auto ml-sm-auto text-center text-sm-right">
                    <a class="btn btn-primary text-uppercase px-4 py-2 font-weight-bold" href="{{ route('admin.event.create') }}" title="Click to Add New"><i class="fa fa-plus mr-1" aria-hidden="true"></i>&nbsp;Add New</a>
                </div> -->
            </div>
            <div class="clearfix"></div>
        </section>

        <section class="content-header bg-white form-group p-3 p-md-4">
                <div class="row">
                     <div class="col-md-4 row form-group align-items-center">
                        <div class="col-md-4 col-sm-4">
                            <label for="startDateFilter" class="mb-1 mb-sm-0 font-size-15">year:</label>
                        </div>
                        <div class="col-md-8 col-sm-8">
                        <select   class="form-control" name="year" id="year">
                                                </select>
                        </div>
                    </div>

                    <div class="col-md-4 row form-group align-items-center">
                        <div class="col-md-4 col-sm-4">
                            <label for="startDateFilter" class="mb-1 mb-sm-0 font-size-15">Start Month:</label>
                        </div>
                        <div class="col-md-8 col-sm-8">
                        <select   class="form-control" name="start_month" id="start_month">
                            <option value="">Select Month</option>
                                                </select>
                        </div>
                    </div>

                    <div class="col-md-4 row form-group align-items-center">
                        <div class="col-md-4 col-sm-4">
                            <label for="startDateFilter" class="mb-1 mb-sm-0 font-size-15">End Month:</label>
                        </div>
                        <div class="col-md-8 col-sm-8">
                        <select   class="form-control" name="end_month" id="end_month">
                            <option value="">Select Month</option>
                                                </select>
                        </div>
                    </div>

                    <div class="col-md-4 row form-group align-items-center">
                        <div class="col-md-4 col-sm-4">
                            <label for="startDateFilter" class="mb-1 mb-sm-0 font-size-15">User Type:</label>
                        </div>
                        <div class="col-md-8 col-sm-8">
                        <select   class="form-control" name="user_types" id="user_types">
                            <option value="">Select User Type</option>
                                                </select>
                        </div>
                    </div>

                     <div class="col-md-4 row form-group align-items-center">
                        <div class="col-md-4 col-sm-4">
                            <label for="startDateFilter" class="mb-1 mb-sm-0 font-size-15">Sorting By:</label>
                        </div>
                        <div class="col-md-8 col-sm-8">
                        <select   class="form-control" name="orderby" id="orderby">
                           
                        <option value="desc">high To Law</option>
                        <option value="asc">Law to high</option>
                        
                        </select>
                        </div>
                    </div>

                    
                   
                    <!--  <div class="col-md-4 row form-group align-items-center">
                        <div class="col-md-4 col-sm-4">
                            <label for="endDateFilter" class="mb-1 mb-sm-0 font-size-15">End Date:</label>
                        </div>
                        <div class="col-md-8 col-sm-8">
                            <input class="form-control" type="text" name="endDateFilter" id="endDateFilter">
                        </div>
                    </div> --> 
                </div>
            </section>

        

        <section class="content">
            @include('admin.successerror')
            <div class="row">
                <div class="col-lg-12">
                <div class="box bg-white table-section p-3 p-md-4 shadow">
                    <div class="box-body">
                        <div class="table-responsive">
                            <table id="pagesTable" class="table table-striped table-bordered table-main" style="width:100%;">
                                <thead>
                                    <th class="id">Id</th>
                                    
                                   <!-- <th class="fw-medium text-center"><input id="selectall" type="checkbox" />Check All</th> -->
                                    <th>Select Winner</th>
                                    <th>User Name</th>
                                    <th>User Type</th>
                                    <th>Total</th>
                                    
                                                                   </thead>
                                <tbody>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
                </div>
            </div>
        </section>

    </div>

    @section('admin-js')
        <script type="text/javascript" src="{{ asset('js/adminjs/winner.js') }}"></script>
        <script type="text/javascript">
             document.addEventListener("DOMContentLoaded", function(event) {
            var checkboxes = document.getElementsByName('funnel[]'),
                selectall = document.getElementById('selectall');


            for (var i = 0; i < checkboxes.length; i++) {
                checkboxes[i].addEventListener('change', function() {
                    //Conver to array
                    var inputList = Array.prototype.slice.call(checkboxes);

                    //Set checked  property of selectall input
                    selectall.checked = inputList.every(function(c) {
                        return c.checked;
                    });
                });
            }


            selectall.addEventListener('change', function() {
                for (var i = 0; i < checkboxes.length; i++) {
                    checkboxes[i].checked = selectall.checked;
                }
            });

        });
           
        </script>
    @endsection
@endsection