@extends("admin.layout.master")
@section("title","Dashboard")
@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">
            <a href="{{route('divisionadd', ['id' => $events[0]->id,'sessionid'=>$sessionid])}}"
                class="btn btn-primary btn-sm text-uppercase font-weight-bolder mt-5 mt-sm-0 mr-auto mr-sm-0 ml-sm-auto">Divisions</a>
        </div>
        @if(session()->has('success'))
        <div class="alert alert-success">
            {{ session()->get('success') }}
        </div>
        @endif
    </div>
    <div class="card-header flex-wrap border-0 pt-6 pb-0">
        <div style="border-style: dashed; border-color: var(--kt-success) !important; display: none;"
            class="alert alert-dismissible bg-light-success d-flex flex-column flex-sm-row mb-0">
            <i class="bi bi-info-circle text-success me-4 mb-5 mb-sm-0" style="font-size: 20px;"><span
                    class="path1"></span><span class="path2"></span><span class="path3"></span></i>
            <!--end::Icon-->
            <div class="d-flex flex-column pe-0 pe-sm-10">
                <span>Enter Group Name like A or B or C. Select gymnast you want to include in this group .Click create
                </span>
            </div>
        </div>
    </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}}" />
                <input type="hidden" name="sessionid" value="{{$sessionid}}" />
                <input type="hidden" name="divisionid" value="{{$divisionid}}" />
                <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="" maxlength="2"
                            minlength="1" 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 table-row-dashed align-middle gs-0 gy-4" id="ds_datatable_table">
                        <thead>
                            <tr class="fw-bold">
                                <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
@push('js')
<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);
            })
        }
    });
    $("#ds_datatable_table").DataTable({
        info: 1,
        order: [],
        pageLength: 25,
        lengthChange: 1,
        columnDefs: [{
            orderable: !1,
            targets: 0,
        }],
    });
});
</script>
@endpush