@php
    $rules = null;
    if (checkEventInstance($collection)) {
        $rounds = $collection->event_rounds;
    } else {
        $rounds = $collection->challenge_round;
        $rules = json_decode($collection->challenge_detail->additional_rules);
    }

@endphp
<section class="leaderboard-round-list-sec">
    <div class="leaderboard-round-list">
        <div class="lb-round-list-head">
            <div class="lb-round-list-head-inner">
                <h4>
                    @if (checkEventInstance($collection))
                        This weeks Host Event consists of the following:
                    @else
                        This challenge consists of the following:
                    @endif
                </h4>
            </div>
        </div>

        @foreach ($rounds as $key => $round)
            <div class="lb-round-list-main">
                <div class="lb-round-list-box">
                    <div class="lb-round-list-inner">
                        <div class="lb-round-list-rank">
                            <div class="row g-1">
                                <div class="col-6">
                                    <div class="round-list-rank-box video-rank   justify-content-left">
                                        <p>Photo Required</p>
                                        <div class="list-rank-data">
                                            {{ $collection->image_required ? 'Y' : 'N' }}
                                        </div>
                                    </div>
                                </div>
                                <div class="col-6">
                                    <div class="round-list-rank-box video-rank justify-content-end ">
                                        <p>Video Required</p>
                                        <div class="list-rank-data">
                                            {{ $collection->video_required ? 'Y' : 'N' }}
                                        </div>
                                    </div>
                                </div>
                                <div class="col-4">
                                    <div class="round-list-rank-box">
                                        <p>Yards</p>
                                        <div class="list-rank-data">
                                            {{ $round->yards ?? 'N/A' }}
                                        </div>
                                    </div>
                                </div>
                                <div class="col-8">
                                    <div class="round-list-rank-box justify-content-end ">
                                        <p>Re-load Required (y/n)</p>
                                        <div class="list-rank-data">
                                            {{ $round->reload_required ? 'Y' : 'N' }}
                                        </div>
                                    </div>
                                </div>
                                @if ($round->shots)
                                    <div class="col-3">
                                        <div class="round-list-rank-box">
                                            <p>Shots</p>
                                            <div class="list-rank-data">
                                                {{ $round->shots ? $round->shots : 'N/A' }}
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-5">
                                        <div class="round-list-rank-box">
                                            <p>Target zone</p>
                                            <div class="list-rank-data">
                                                {{ $round->target_zone ? strtoupper($round->target_zone) : 'N/A' }}
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-4">
                                        <div class="round-list-rank-box justify-content-end">
                                            <p>Hand (s/w)</p>
                                            <div class="list-rank-data">
                                                {{ $round->hand ? 'Y' : 'N' }}
                                            </div>
                                        </div>
                                    </div>
                                @endif
                                @if ($round->shots2)
                                    <div class="col-3">
                                        <div class="round-list-rank-box">
                                            <p>Shots</p>
                                            <div class="list-rank-data">
                                                {{ $round->shots2 ? $round->shots2 : 'N/A' }}
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-5">
                                        <div class="round-list-rank-box">
                                            <p>Target zone</p>
                                            <div class="list-rank-data">
                                                {{ $round->target_zone2 ? strtoupper($round->target_zone2) : 'N/A' }}
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-4">
                                        <div class="round-list-rank-box justify-content-end">
                                            <p>Hand (s/w)</p>
                                            <div class="list-rank-data">
                                                {{ $round->hand2 ? $round->hand2 : 'N/A' }}
                                            </div>
                                        </div>
                                    </div>
                                @endif
                            </div>
                        </div>
                    </div>
                </div>
                <img src="{{ asset('images/round' . ++$key . '-badge.svg') }}" alt=""
                    class="leaderboard-round-list-badge">
            </div>
        @endforeach
    </div>
</section>
<section class="weeks-rules-sec">
    <div class="container">
        <div class="weeks-rules-box">
            <div class="weeks-rules-inner">
                <h3>Official Rules</h3>
                @if (checkEventInstance($collection))
                    <div class="formfield d-flex justify-content-center gap-3">
                        <img src="{{ asset('images/copy.png') }}">
                        <button class="button primary-btn popup-sml-btn show-event-rules">
                            click to view
                        </button>
                    </div>
                @else
                    <div class="formfield d-flex justify-content-center gap-3">
                        <img src="{{ asset('images/copy.png') }}">
                        <button class="button primary-btn popup-sml-btn show-challenge-rules">
                            click to view
                        </button>
                    </div>
                @endif
            </div>
        </div>
    </div>
</section>

{{-- rules modal --}}
@include('host.event-new-flow.modal.comon-modal')