{{-- Extends layout --}}
@extends('layout.default')

{{-- Content --}}
@section('content')

<div class="card card-custom">
    <div class="card-header flex-wrap border-0 pt-6 pb-0">
        <div class="card-title">
            <h3 class="card-label">{{$events[0]->Name}} - Divisions ({{$participantcount[0]->participantcount}} left )
            </h3>
        </div>
        <div class="card-toolbar">
        <a href="{{route('groupadd',$events[0]->id)}}" class="btn btn-warning btn-sm text-uppercase font-weight-bolder mt-5 mt-sm-0 mr-auto mr-sm-0 ml-sm-auto">Groups</a>
        </div>
        @if(session()->has('success'))
        <div class="alert alert-success">
            {{ session()->get('success') }}
        </div>
        @endif
    </div>
    <div class="card-body">
        <form class="form" action="{{$action}}" method="POST" id="divisionfrm">
            @csrf
                <div class="form-group row">
                    <input type="hidden" name="eventid" value="{{$events[0]->id}}" />
                    <label for="day" class="col-sm-2 control-label">
                        Level:</label>
                    <div class="col-sm-4">
                        <select class="form-control" id="level" name="level" required>
                            <option value="">Category</option>
                            @foreach($leveldata as $row)
                            <option value="{{$row->category}}">{{$row->category}}</option>
                            @endforeach
                        </select>
                    </div>
                    <label for="timing" class="col-sm-2 control-label">
                        Gender:</label>
                    <div class="col-sm-2">
                        <select class="form-control" id="gender" name="gender">
                            <option value="">Gender</option>
                            <option value="M">M</option>
                            <option value="F" selected>F</option>
                        </select>
                    </div>
                    <div class="col-lg-2 ml-lg-auto">
                        <!-- <button type="submit" name="Search" value="Search" class="btn btn-warning mr-2">Search</button> -->
                    </div>
                </div>

                <div class="form-group row">
                    <label for="day" class="col-sm-2 control-label">
                        Division:</label>
                    <div class="col-sm-4">
                        <input id="divisionname" type="number" class="form-control" name="divisionname" value="" required>
                    </div>
                    <div class="col-lg-2">
                        <button type="submit" name="Create" value="Create" class="btn btn-success mr-2">Create</button>
                    </div>
                </div>


        <div class="row">
            <div class="col-lg-12 ml-lg-auto">
                <table class="table" id="kt_datatable1">
                    <thead>
                        <tr>
                        <th></th>
                            <th>Club</th>
                            
                            <th>Category</th>
                            <th>Level</th>
                            <th>Count</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($result as $index => $row)
                        <tr>
                        <td><input type="checkbox" name="clubs[{{ $index }}][selected]" value="{{$index}}"/></td>
                            <td>{{ $row ->club }}</td>
                            <td>{{ $row ->category }}</td>
                            <td>{{ $row ->level }}</td> 
                            <td>{{ $row ->participantcount }}</td>
                            <input type="hidden" name="clubs[{{ $index }}][clubid]" value="{{ $row->clubid }}">
                            <input type="hidden" name="clubs[{{ $index }}][category]" value="{{ $row->category }}">
                            <input type="hidden" name="clubs[{{ $index }}][level]" value="{{ $row->level }}">
                        </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
        </form>
    </div>
</div>
@endsection
{{-- Styles Section --}}
@section('styles')
<link href="{{ asset('plugins/custom/datatables/datatables.bundle.css') }}" rel="stylesheet" type="text/css" />
@endsection
{{-- Scripts Section --}}
@section('scripts')
@push('js')
<script>
$(document).ready(function() {
    $('#divisionfrm').submit(function(event) {
            var checked = $('input[type="checkbox"]:checked').length;
           
            if (checked === 0) {
                event.preventDefault();
                alert('Please select at least one club.');
            }
        });

});
</script>
@endpush
{{-- vendors --}}
<script src="{{ asset('plugins/custom/datatables/datatables.bundle.js') }}" type="text/javascript"></script>

{{-- page scripts --}}
<script src="{{ asset('js/pages/crud/datatables/extensions/rnrbutton.js') }}" type="text/javascript"></script>

<script src="{{ asset('js/app.js') }}" type="text/javascript"></script>

@endsection