@extends('layouts.app', ['header' => 'event', 'header_image' => false])

@section('back_button')
    <a href="{{ route('member.events.all-event-details', ['event_id' => request()->event_id, 'token' => request()->token, 'join' => jsencode_userdata('join_event')]) }}"
        class="back-btn-back">
        <i class="fa-solid fa-chevron-left"></i>
    </a>
@endsection

@section('content')
    <section class="mens-division">
        <div class="container">
            <div class="sec-heading">
                <h2>{{ $type == 'male' ? 'Men' : 'Women' }}’s Division</h2>
                <p>Choose your pistol division</p>
            </div>
            <div class="event-detail-description-box division-rule-box" id='show-division-rules'>
                <h4>Division Rules</h4>
            </div>
        </div>
        <div class="pistol-division-list-main">
            @forelse($divisions as $division)
                <a class='d-block'>
                    <div
                        class="pistol-division-list d-flex align-items-center justify-content-between justify-content-between gap-2">
                        <div>
                            <h3>{{ $division->code }}
                                {{-- <a href="{{ route('member.events.division.details', ['id' => $division->id, 'type' => $type]) }}">
                    <span>
                    <svg xmlns="http://www.w3.org/2000/svg"
                            width="14" height="14" viewBox="0 0 14 14" fill="none">
                            <path
                                d="M6.66043 0.167969C2.98387 0.167969 0 3.243 0 7.03189C0 10.8208 2.98387 13.8958 6.66043 13.8958C10.337 13.8958 13.3209 10.8208 13.3209 7.03189C13.3209 3.243 10.337 0.167969 6.66043 0.167969ZM6.66043 10.4638C6.2941 10.4638 5.99438 10.155 5.99438 9.77745V7.03189C5.99438 6.65437 6.2941 6.34549 6.66043 6.34549C7.02675 6.34549 7.32647 6.65437 7.32647 7.03189V9.77745C7.32647 10.155 7.02675 10.4638 6.66043 10.4638ZM7.32647 4.97271H5.99438V3.59993H7.32647V4.97271Z"
                                fill="#FFDE65" />
                        </svg>
                    </span>
                </a> --}}
                            </h3>
                            <h5>{{ $division->name }}</h5>
                        </div>
                        {{-- GO TO PLAYING EVENTS --}}
                        <a href="{{ route('member.events.round.create', ['event_id' => request()->event_id, 'division_id' => $division->id, 'type' => $type, 'token' => request()->token]) }}"
                            class="arrow-round">
                            <img src="{{ asset('images/right-arrow.svg') }}" alt="">
                        </a>
                    </div>
                </a>
            @empty
                <p class="text-center">No Division found</p>
            @endforelse
                    </div>
    </section>
    {{-- show rules modal  --}}
    @include('host.event-new-flow.modal.comon-modal')
@endsection



@push('scripts')
    <script>
        jQuery(document).ready(function() {
            //show official rules
            jQuery('#show-division-rules').click(function() {
                let divisionRuleFile =
                    "{{ $divisionRule ? asset('storage/' . $divisionRule->path) : '#' }}";

                if (divisionRuleFile == '#') {
                    errorShow('Error',
                        "No division rules exists for this event at that time.",
                        'RETURN');
                } else {
                    // jQuery('#temp').text(html);
                    jQuery("#title").text('Official Division Rules')
                    // jQuery('#event-prize-modal-content').html(eventRuleText);

                    previewPdf(divisionRuleFile + '#toolbar=0&navpanes=0' , jQuery('#pdf-preview'));
                    jQuery('#pdf-preview-modal').modal('show');
                }
            });
        });
    </script>
@endpush