@extends('admin.layout.master')
@section('title', '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">FIG Reports 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>
                            @foreach ($levels as $level)
                                <option value="{{ $level }}">{{ $level }}</option>
                            @endforeach

                        </select>
                    </div>
                    <div class="col-sm-2">
                        <select class="form-control" id="divisions" name="divisions">
                            <option value="">Age Division</option>
                            @foreach ($divisions as $row)
                            <option value="{{$row->divisionid}}">{{$row->divisionname}}</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="allaroundrpt_divisionfig" style="width:180px;"
                                        value="All Around Results"></td>
                                <td>Select Event,Category,Level,Division and Gender.Click to View All Around Result.</td>
                            </tr>
                             <tr>
                                <td><input type="submit" name="btnSubmit" class="btn btn-primary btn-sm csssubmit"
                                        data-target="leaderboardrptfig" style="width:180px;" value="Apparatus Finals"></td>
                                <td>Select Event,Category,Level and Gender.Click to View Apparatus Finals.</td>
                            </tr>
                           <tr>
                                <td><input type="submit" name="btnSubmit" class="btn btn-primary btn-sm csssubmit" data-target="teamchampionshiprpt" style="width:180px;" value="TeamChampionship"></td>
                                <td> Team Championship is generated based on National Grade and Level combined.</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);
        getcategory(eventid);
    });

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