@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">Download Scoresheet
            </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">
                <p>To Print Score Sheet for complete Age Division select Age Division and Gender and click Download</p>
                <p>To Print Score Sheet for an apparatus select Age Division,Gender and Apparatus and click Download</p>
            </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 id="divisions" name="divisions[]" class="form-select form-select-solid" data-control="select2" data-close-on-select="false" data-placeholder="Select Division" data-allow-clear="true" multiple="multiple">
                            <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="groupid" name="groupid">
                            <option value="">Rotation</option>
                            @foreach ($groupids as $groupid)
                            <option value="{{$groupid}}">{{$groupid}}</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 class="col-sm-2">
                        <select class="form-control" id="apid" name="apid">
                            <option value="">Apparatus</option>
                            <option value="7">Uneven Bars</option>
                            <option value="8">Balance Beam</option>
                            <option value="9">Floor Exercise</option> 
                            <option value="14">Pommel Horse</option> 
                            <option value="10">Still Rings</option>                          
                            <option value="6">Vault</option>
                            <option value="11">Parallel Bars</option>
                            <option value="13">High Bar</option>                   
                            
                        </select>
                    </div>

                </div>
            </div>

            <div class="row">
                <div class="col-lg-12 ml-lg-auto" align="center">
                    <table>
                        <tbody>
                            <tr>
                                <td>&nbsp;</td>
                            </tr>
                            <tr>
                                <td align="center"><input type="submit" name="btnSubmit" class="btn btn-primary btn-sm csssubmit"
                                        data-target="scoresheet" style="width:180px;" value="Download Scoresheet"></td>
                               
                            </tr>
                            <tr>
                                <td>&nbsp;</td>
                            </tr>
                            <tr>
                                <td><input type="submit" name="btnSubmit" class="btn btn-primary btn-sm csssubmit"
                                        data-target="workorder" style="width:180px;" value="Download workorder"></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();
        $("#groupid").empty();
        getgroups(eventid);
        getdivisions(eventid);
        getlevel(eventid);
    });

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