@extends('admin.layout.master')
@section('title', 'Team Downloads')
@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">Team Championship Downloads
            </h3>
        </div>
    </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>Follow the instructions besides each button to download respective report
                </span>
            </div>
        </div>
    </div>
    <div class="card-body">
        <form action="" method="POST" target="new" class="form-horizontal" id="adminprintsheetform">
            @csrf
            <div class="row">
                <hr />
            </div>
            <div class="row">

                <div class="form-group row">

                    <div class="col-sm-3">
                        <select class="form-control" id="eventid" name="eventid" required>
                            <option value="" selected="">Event</option>
                                                    </select>
                    </div>
                    <div class="col-sm-2">
                        <select class="form-control" id="category" name="category">
                            <option value="">National Grade</option>
                            <option value="National 4">National 4</option>
                            <option value="National 5">National 5</option>
                            <option value="National 6">National 6</option>
                            <option value="National 7">National 7</option>
                        </select>
                    </div>
                    <div class="col-sm-1">
                        <select class="form-control" id="level" name="level">
                            <option value="">Level</option>
                            <!-- <option value="In-age">In-age</option>
                            <option value="Over-age">Over-age</option> -->
                            @foreach ($levels as $level)
                                <option value="{{ $level }}">{{ $level }}</option>
                            @endforeach

                        </select>
                    </div>
                    <div class="col-sm-1">
                        <select class="form-control" id="gender" name="gender">
                            <option value="M">M</option>
                            <option value="F">F</option>
                        </select>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-lg-12 ml-lg-auto">
                    <table>
                        <tbody>
                            <tr>
                                <td colspan="2">&nbsp;</td>
                            </tr>
                            
                            <tr>
                                <td><input type="submit" name="btnSubmit" class="btn btn-primary btn-sm csssubmit"
                                        data-target="teamchampionshiprpt" style="width:180px;" value="Club Based"></td>
                                <td>Team Championship is generated based(clubs treated as team) on National Grade and Level whatever selected
                                    above.</td>
                            </tr>
                            <tr>
                                <td><input type="button" name="btnSubmit" class="btn btn-primary btn-sm csssubmit"
                                        data-target="clubbased_scores" style="width:180px;" value="Individual Score"></td>
                                <td>View Score of all club gymnast considered for report based on drop down selections above</td>
                            </tr>
                            <tr>
                                <td colspan="2">
                                    <hr>
                                </td>
                            </tr>
                            <tr>
                                <td><input type="submit" name="btnSubmit" class="btn btn-info btn-sm csssubmit"
                                        data-target="teambased_championshiprpt" style="width:180px;" value="Team Based">
                                </td>
                                <td>Team Championship is generated based on teams created and national grade/level
                                    selected above</td>
                            </tr>

                            <tr>
                                <td><input type="button" name="btnSubmit" class="btn btn-info btn-sm csssubmit"
                                        data-target="teambased_scores" style="width:180px;" value="Team Score"></td>
                                <td>View Score of all team members based on drop down selections above</td>
                            </tr>
                            
                            

                        </tbody>
                    </table>
                </div>
            </div>
        </form>
       
    </div>
</div>
@endsection
{{-- Scripts Section --}}

@push('js')
<script>
$(document).ready(function() {
    $(".csssubmit").on("click", function() {
        $("#adminprintsheetform").attr("action", $(this).attr('data-target'));
        $("#adminprintsheetform").submit();
    })

    $("#eventid").change(function() {
        var eventid = $(this).val();
     
        getdivisions(eventid);
        getlevel(eventid);
    });

    function getdivisions(eventid) {
        $.ajax({
            url: '{{ url("admin/club/getdivisionsbyevent") }}',
            type: 'POST',
            data: {
                _token: '