{{-- 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}} - Group Creation
            </h3>
        </div>
        <div class="card-toolbar">

            <!--begin::Button-->
            <a href="{{ route('divisionadd',$events[0]->id) }}" class="btn btn-primary font-weight-bolder">
                Divisions</a>
            <!--end::Button-->
        </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">
        @csrf  
        <div class="row">
                     
                <input type="hidden" name="eventid" value="{{$events[0]->id}}" />
                <div class="form-group row">
                    <label for="day" class="col-sm-2 control-label">
                        Group Name:</label>
                    <div class="col-sm-6">
                        <input id="groupid" type="text" class="form-control" name="groupid" value="" required>
                    </div> 
                    <div class="col-lg-2 ml-lg-auto">
                        <button type="submit" name="Create" value="Create" class="btn btn-success mr-2">Create</button>
                    </div>
                </div>
           
        </div>
        <div class="row">
            <div class="col-lg-12 ml-lg-auto">
                <table class="table" id="kt_datatable1">
                    <thead>
                        <tr>
                            <th><input type="checkbox" id="selectall" class="css-checkbox " name="selectall"/></th>
                            <th>Division</th> 
                            <th>Club</th>                                                       
                            <th>Name</th>
                            <th>Category</th> 
                            <th>Level</th>                           
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($result as $row)
                        <tr>
                            <td><input class="checkboxall" type="checkbox" name="reg_{{$row ->id}}" value="{{$row ->id}}"/></td>
                            <td>{{ $row ->divisionname }}</td>
                            <td>{{ $row ->club }}</td>
                            <td>{{ $row ->name }}</td>                            
                            <td>{{ $row ->category }}</td> 
                            <td>{{ $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')
{{-- 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 type="text/javascript">
   $(document).ready(function(){
        $("#selectall").click(function(){
            if(this.checked){
                $('.checkboxall').each(function(){
                    $(".checkboxall").prop('checked', true);
                })
            }else{
                $('.checkboxall').each(function(){
                    $(".checkboxall").prop('checked', false);
                })
            }
        });
    });
</script>
<script src="{{ asset('js/app.js') }}" type="text/javascript"></script>
@endsection