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


@section('back_button')
    {{-- WHEN USER SELECT DIVISION FOR PLAYING --}}
    @if (request()->route('show') === null)
        <a href="{{ route('member.challenge.all-challenge-details') }}" class="back-btn-back">
            <i class="fa-solid fa-chevron-left"></i>
        </a>
    @else
        {{-- FOR SHOWING DIVISIONS ONLY IN CHALLENGE RULES FLOW --}}
        <a href="{{ route('member.challenge.all-challenge-details', ['show' => true]) }}" class="back-btn-back">
            <i class="fa-solid fa-chevron-left"></i>
        </a>
    @endif
@endsection

@section('content')
    <section class="mens-division">
        <div class="container">
            <div class="sec-heading">
                <h2>{{ $type == 'male' ? 'Men' : 'Women' }}’s Division</h2>
                @if (isset($show) && $show == 1)
                    <p>Current Pistol Divisions </p>
                @else
                    <p>Choose your pistol division</p>
                @endif
            </div>
            @if (!isset($show) && $show != 1)
                {{-- <div class="event-detail-description-box division-rule-box " id='show-division-rules'>
                    <h4>Division Rules</h4>
                </div> --}}
            @endif
        </div>

        <div class="pistol-division-list-main">
            @forelse($divisions as $division)
                {{-- <a href="@if (isset($show) && $show == 1) {{ route('member.challenge.division.details', ['id' => $division->id, 'type' => $type, 'show' => $show]) }} @else '3' @endif"
                    type='button' class='d-block'> --}}
                <div
                    class="pistol-division-list d-flex align-items-center @if (!(isset($show) && $show == 1)) justify-content-between @endif">
                    <div>
                        <h3>{{ $division->code }}
                            {{-- @if (isset($show) && $show == 1)  --}}
                            <a
                                href="{{ route('member.challenge.division.details', ['challenge_id' => jsencode_userdata(getLiveChallenge()->id) , 'division_id' => $division->id, 'type' => $type, 'show' => $show]) }}">
                                <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>
                            {{-- @endif --}}
                        </h3>
                        <h5>{{ $division->name }}</h5>
                    </div>

                    @if (!isset($show) && $show != 1)
                        <a href="{{ route('member.challenge.round.create', ['challenge_id'=> jsencode_userdata(getLiveChallenge()->id) , 'division_id' => jsencode_userdata($division->id), 'type' => jsencode_userdata($type)]) }}"
                            class="arrow-round">
                            <img src="{{ asset('images/right-arrow.svg') }}" alt="">
                        </a>
                    @endif

                </div>
                {{-- </a> --}}
            @empty
                <p class="text-center">No Division found</p>
            @endforelse
        </div>
    </section>
@endsection

{{-- show rules modal  --}}
<!-- @include('host.event-new-flow.modal.comon-modal') -->
<!-- 
@push('scripts')
    <script>
        jQuery(document).ready(function() {
            //show official rules
            jQuery('#show-division-rules').click(function() {

                let content = "{!! getDivisionRuleData(@$event->user->divisionRule->id) !!}"

                //change heading
                jQuery('#title').text('Official Division Rules')

                //show rules modal content
                jQuery('#common-modal-content').text(content);

                // show modal
                jQuery('#pdf-preview-modal').modal('show');
            })
        });
    </script>
@endpush -->