{{-- add single-round-detail-container class to div if rounds are added by jquery  --}}
{{-- checking auth role  --}}
@php
    $isReadOnly = isset($isReadOnly) ? false : false;
    $roundDetailsShown = isset($roundDetailsShown) ? $roundDetailsShown : false;
    $checkAdminEdit = isset($newKey) ? $newKey : 0;
@endphp
@if (getRoleName(auth()->user()) == 'Administrator')
    <div class="round-number-{{ $newKey ?? $key + 1 }} round-detail-each">
        <h6>Round {{ $round_no ?? $key + 1 }}</h6>
        <div class="dark-input-box single-round-detail-container ">
            <div class="row">
                <div class="col-md-6">
                    <div class="form-group">
                        <label for="yards_{{ $newKey ?? $key }}">Yards (Enter distance from target)</label>
                        <div class="formfield">
                            <input type="number"
                                class="float-yards form-control list-challenge-data @if ($key == 0 && !isset($newKey)) required challenge-value-required @endif  @error('yards[{{ $newKey ?? $key }}]') is-invalid @enderror"
                                value="{{ isset($round) && $roundDetailsShown ? $round->yards : null }}"
                                id="yards_{{ $newKey ?? $key }}" name="yards[{{$newKey ?? $key }}]" placeholder="Yards"
                                {{ $isReadOnly ? 'disabled' : '' }}>
                        </div>
                        @error('yards[{{ $newKey ?? $key }}]')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                        @enderror
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="form-group">
                        <label for="reload_{{ $newKey ?? $key }}">Re-load Required (y/n)</label>
                        <div class="formfield">
                            <select
                                class="form-control list-challenge-data @if ($key == 0 && !isset($newKey)) required challenge-value-required @endif @error('reload[{{ $newKey ?? $key }}]') is-invalid @enderror"
                                id="reload_{{ $newKey ?? $key }}" name="reload[{{ $newKey ?? $key }}]"
                                {{ $isReadOnly ? 'disabled' : '' }}>
                                <option value="">Select any</option>
                                <option value="0" @if (isset($round) && $round->reload_required == '0' && $roundDetailsShown) selected @endif>No</option>
                                <option value="1" @if (isset($round) && $round->reload_required == '1' && $roundDetailsShown) selected @endif>Yes</option>
                            </select>
                        </div>
                        @error('reload[{{$newKey ?? $key }}]')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                        @enderror
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-4">
                    <div class="form-group">
                        <label for="shots_{{ $newKey ?? $key }}">Shots</label>
                        <div class="formfield">
                            <select
                                class="form-control list-challenge-data @if ($key == 0 && !isset($newKey)) required challenge-value-required @endif @error('shots[{{ $newKey ?? $key }}]') is-invalid @enderror"
                                id="shots_{{ $newKey ?? $key }}" name="shots[{{ $newKey ?? $key }}]"
                                {{ $isReadOnly ? 'disabled' : '' }}>
                                <option value="">Select any</option>
                                @for($shotsValue = 1 ; $shotsValue < 26 ; $shotsValue++ )
                                    <option value="{{ $shotsValue }}" @if (isset($round) && $round->shots == $shotsValue && $roundDetailsShown) selected @endif>{{ $shotsValue }}</option>  
                                @endfor
                                <!-- <option value="3" @if (isset($round) && $round->shots == '3' && $roundDetailsShown) selected @endif>3</option>
                                <option value="6" @if (isset($round) && $round->shots == '6' && $roundDetailsShown) selected @endif>6</option> -->
                                <option value="N/A" @if (isset($round) && $round->shots == 'N/A' && $roundDetailsShown) selected @endif>N/A</option>
                            </select>
                            {{-- <input type="number"
                                class="form-control list-challenge-data @if ($key == 0) required challenge-value-required @endif  @error('shots[{{ $newKey ?? $key }}]') is-invalid @enderror"
                                value="{{ isset($round) && $roundDetailsShown ? $round->shots : null }}"
                                id="shots_{{ $newKey ?? $key }}" name="shots[{{ $newKey ?? $key }}]"
                                placeholder="Shots" {{ $isReadOnly ? 'disabled' : '' }}> --}}
                        </div>
                        @error('shots[{{$newKey ?? $key }}]')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                        @enderror
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="form-group">
                        <label for="target_zone_{{ $newKey ?? $key }}">Target Zone</label>
                        <div class="formfield">
                            <select
                                class="form-control target-zone-disable-c list-challenge-data @if ($key == 0 && !isset($newKey) ) required challenge-value-required @endif @error('target_zone[{{ $newKey ?? $key }}]') is-invalid @enderror"
                                id="target_zone_{{ $newKey ?? $key }}" name="target_zone[{{ $newKey ?? $key }}]"
                                {{ $isReadOnly ? 'disabled' : '' }}>
                                <option value="">Select any</option>
                                <option @if (isset($round) && $round->target_zone == '1' && $roundDetailsShown) selected @endif value="1">1</option>
                                <option @if (isset($round) && $round->target_zone == '2' && $roundDetailsShown) selected @endif value="2">2</option>
                                <option @if (isset($round) && $round->target_zone == '3' && $roundDetailsShown) selected @endif value="3">3</option>
                                <option @if (isset($round) && $round->target_zone == '4' && $roundDetailsShown) selected @endif value="4">4</option>
                                <option @if (isset($round) && $round->target_zone == '5' && $roundDetailsShown) selected @endif value="5">5</option>
                                <option @if (isset($round) && $round->target_zone == '6' && $roundDetailsShown) selected @endif value="6">6</option>
                                <option @if (isset($round) && $round->target_zone == '7' && $roundDetailsShown) selected @endif value="7">7</option>
                                <option @if (isset($round) && $round->target_zone == '8' && $roundDetailsShown) selected @endif value="8">8</option>
                                <option @if (isset($round) && $round->target_zone == 'N/A' && $roundDetailsShown) selected @endif value="N/A">N/A</option>
                            </select>
                        </div>
                        @error('target_zone[{{$newKey ?? $key }}]')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                        @enderror
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="form-group">
                        <label for="hands_{{ $newKey ?? $key }}">Hand (s/w)</label>
                        <div class="formfield">
                            <select
                                class="form-control target-zone-disable-c list-challenge-data @if ($key == 0 && !isset($newKey)) required challenge-value-required @endif  @error('hands[{{ $newKey ?? $key }}]') is-invalid @enderror"
                                id="hands_{{ $newKey ?? $key }}" value="{{ isset($round) ? $round->hand : null }}"
                                name="hands[{{ $newKey ?? $key }}]" {{ $isReadOnly ? 'disabled' : '' }}>
                                <option value="">Select any</option>
                                <option value="S" @if (isset($round) && $round->hand == 'S' && $roundDetailsShown) selected @endif>S</option>
                                <option value="W" @if (isset($round) && $round->hand == 'W' && $roundDetailsShown) selected @endif>W</option>
                                <option value="N/A" @if (isset($round) && $round->hand == 'N/A' && $roundDetailsShown) selected @endif>N/A</option>
                            </select>
                        </div>
                        @error('hands[{{$newKey ?? $key }}]')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                        @enderror
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-4">
                    <div class="form-group">
                        <label for="shots2_{{ $newKey ?? $key }}">Shots</label>
                        <div class="formfield">
                            <select
                                class="form-control list-challenge-data @error('shots2[{{ $newKey ?? $key }}]') is-invalid @enderror"
                                id="shots2_{{ $newKey ?? $key }}" name="shots2[{{ $newKey ?? $key }}]"
                                {{ $isReadOnly ? 'disabled' : '' }}>
                                <option value="">Select any</option>
                                @for($shotsValue = 1 ; $shotsValue < 26 ; $shotsValue++ )
                                    <option value="{{$shotsValue}}" @if (isset($round) && $round->shots2 == $shotsValue && $roundDetailsShown) selected @endif>{{ $shotsValue }}</option>  
                                @endfor
                                <option value="N/A" @if (isset($round) && $round->shots2 == 'N/A' && $roundDetailsShown) selected @endif>N/A</option>
                            </select>
                            {{-- <input type="number"
                                class="form-control list-challenge-data @error('shots2[{{ $newKey ?? $key }}]') is-invalid @enderror"
                                value="{{ isset($round) && $roundDetailsShown ? $round->shots2 : null }}"
                                id="shots2_{{ $newKey ?? $key }}" name="shots2[{{ $newKey ?? $key }}]"
                                placeholder="Shots" {{ $isReadOnly ? 'disabled' : '' }}> --}}
                        </div>
                        @error('shots2[{{$newKey ?? $key }}]')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                        @enderror
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="form-group">
                        <label for="target_zone2_{{ $newKey ?? $key }}">Target Zone</label>
                        <div class="formfield">
                            <select
                                class="form-control target-zone-disable-c list-challenge-data @error('target_zone2[{{ $newKey ?? $key }}]') is-invalid @enderror"
                                id="target_zone2_{{ $newKey ?? $key }}" name="target_zone2[{{ $newKey ?? $key }}]"
                                {{ $isReadOnly ? 'disabled' : '' }}>
                                <option value="">Select any</option>
                                <option @if (isset($round) && $round->target_zone2 == '1' && $roundDetailsShown) selected @endif value="1">1</option>
                                <option @if (isset($round) && $round->target_zone2 == '2' && $roundDetailsShown) selected @endif value="2">2</option>
                                <option @if (isset($round) && $round->target_zone2 == '3' && $roundDetailsShown) selected @endif value="3">3</option>
                                <option @if (isset($round) && $round->target_zone2 == '4' && $roundDetailsShown) selected @endif value="4">4</option>
                                <option @if (isset($round) && $round->target_zone2 == '5' && $roundDetailsShown) selected @endif value="5">5</option>
                                <option @if (isset($round) && $round->target_zone2 == '6' && $roundDetailsShown) selected @endif value="6">6</option>
                                <option @if (isset($round) && $round->target_zone2 == '7' && $roundDetailsShown) selected @endif value="7">7</option>
                                <option @if (isset($round) && $round->target_zone2 == '8' && $roundDetailsShown) selected @endif value="8">8</option>
                                <option @if (isset($round) && $round->target_zone2 == 'N/A' && $roundDetailsShown) selected @endif value="N/A">N/A</option>
                            </select>
                        </div>
                        @error('target_zone2[{{$newKey ?? $key }}]')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                        @enderror
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="form-group">
                        <label for="hands2_{{ $newKey ?? $key }}">Hand (s/w)</label>
                        <div class="formfield">
                            <select
                                class="form-control target-zone-disable-c list-challenge-data @error('hands2[{{ $newKey ?? $key }}]') is-invalid @enderror"
                                id="hands2_{{ $newKey ?? $key }}" name="hands2[{{ $newKey ?? $key }}]"
                                {{ $isReadOnly ? 'disabled' : '' }}>
                                <option value="">Select any</option>
                                <option @if (isset($round) && $round->hand2 == 'S' && $roundDetailsShown) selected @endif value="S">S</option>
                                <option @if (isset($round) && $round->hand2 == 'W' && $roundDetailsShown) selected @endif value="W">W</option>
                                <option @if (isset($round) && $round->hand2 == 'N/A' && $roundDetailsShown) selected @endif value="N/A">N/A</option>
                            </select>
                        </div>
                        @error('hands2[{{$newKey ?? $key }}]')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                        @enderror
                    </div>
                </div>
            </div>
        </div>
        @if (!$isReadOnly)
            <div class="flex-end-div">
                <p class="clear_this_round"><span class="">- Clear Content</span></p>
            </div>
        @endif
    </div>
@else
    <div class="col-md-6">
        <div class="events-rounds-box round-detail-each">
            <h4>Round {{ $key + 1 }}</h4>
            <div class="events-rounds-grid-box single-round-detail-container">
                <div class="form-group">
                    <label for="">Yards</label>
                    <div class="formfield">
                        <input type="number" class="float-yards @error('yards[]') is-invalid @enderror"
                            value="{{ isset($round) ? $round->yards : null }}" id="yards_{{ $key }}"
                            name="yards[]" placeholder="Yards">
                    </div>
                    @error('yards[]')
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                    @enderror
                </div>
                <div class="form-group">

                </div>
                <div class="form-group">
                    <label for="">Re-Load Required (y / n)</label>
                    <div class="formfield">
                        <select class="@error('reload[{{ $key }}]') is-invalid @enderror"
                            id="reload_{{ $key }}" name="reload[{{ $key }}]" required>
                            <option value="">Select any</option>
                            <option value="0" @if (isset($round) && $round->reload_required == '0') selected @endif>No</option>
                            <option value="1" @if (isset($round) && $round->reload_required == '1') selected @endif>Yes</option>
                        </select>
                    </div>
                    @error('reload[]')
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                    @enderror
                </div>
                <div class="form-group">
                    <label for="">Shots</label>
                    <div class="formfield">
                        <input type="number" class="@error('shots[{{ $key }}]') is-invalid @enderror"
                            value="{{ isset($round) ? $round->shots : null }}" id="shots_{{ $key }}"
                            name="shots[{{ $key }}]" placeholder="Shots" required>
                    </div>
                    @error('shots[]')
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                    @enderror
                </div>
                <div class="form-group">
                    <label for="">Target Zone</label>
                    <div class="formfield">
                        <select class="@error('target_zone[{{ $key }}]') is-invalid @enderror"
                            id="target_zone_{{ $key }}" name="target_zone[{{ $key }}]" required>
                            <option value="">Select any</option>
                            <option @if (isset($round) && $round->target_zone == '1') selected @endif value="1">1</option>
                            <option @if (isset($round) && $round->target_zone == '2') selected @endif value="2">2</option>
                            <option @if (isset($round) && $round->target_zone == '3') selected @endif value="3">3</option>
                            <option @if (isset($round) && $round->target_zone == '4') selected @endif value="4">4</option>
                            <option @if (isset($round) && $round->target_zone == '5') selected @endif value="5">5</option>
                            <option @if (isset($round) && $round->target_zone == '6') selected @endif value="6">6</option>
                            <option @if (isset($round) && $round->target_zone == '7') selected @endif value="7">7</option>
                            <option @if (isset($round) && $round->target_zone == '8') selected @endif value="8">8</option>
                            <option @if (isset($round) && $round->target_zone == 'n/a') selected @endif value="n/a">N/A</option>
                        </select>
                    </div>
                    @error('target_zone[]')
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                    @enderror
                </div>
                <div class="form-group">
                    <label for="">Hand (s/w)</label>
                    <div class="formfield">
                        <select class="@error('hands[{{ $key }}]') is-invalid @enderror"
                            id="hands_{{ $key }}" value="{{ isset($round) ? $round->hand : null }}"
                            name="hands[{{ $key }}]" required>
                            <option value="">Select any</option>
                            <option value="S" @if (isset($round) && $round->hand == 'S') selected @endif>S</option>
                            <option value="W" @if (isset($round) && $round->hand == 'W') selected @endif>W</option>
                        </select>
                    </div>
                    @error('hands[]')
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                    @enderror
                </div>
                <div class="form-group">
                    <label for="">Shots</label>
                    <div class="formfield">
                        <input type="number" class="@error('shots2[{{ $key }}]') is-invalid @enderror"
                            value="{{ isset($round) ? $round->shots2 : null }}" id="shots2_{{ $key }}"
                            name="shots2[{{ $key }}]" placeholder="Shots" required>
                    </div>
                    @error('shots2[]')
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                    @enderror
                </div>
                <div class="form-group">
                    <label for="">Target Zone</label>
                    <div class="formfield">
                        <div class="formfield">
                            <select class="@error('target_zone2[{{ $key }}]') is-invalid @enderror"
                                id="target_zone2_{{ $key }}" name="target_zone2[{{ $key }}]"
                                required>
                                <option value="">Select any</option>
                                <option @if (isset($round) && $round->target_zone2 == '1') selected @endif value="1">1</option>
                                <option @if (isset($round) && $round->target_zone2 == '2') selected @endif value="2">2</option>
                                <option @if (isset($round) && $round->target_zone2 == '3') selected @endif value="3">3</option>
                                <option @if (isset($round) && $round->target_zone2 == '4') selected @endif value="4">4</option>
                                <option @if (isset($round) && $round->target_zone2 == '5') selected @endif value="5">5</option>
                                <option @if (isset($round) && $round->target_zone2 == '6') selected @endif value="6">6</option>
                                <option @if (isset($round) && $round->target_zone2 == '7') selected @endif value="7">7</option>
                                <option @if (isset($round) && $round->target_zone2 == '8') selected @endif value="8">8</option>
                                <option @if (isset($round) && $round->target_zone2 == 'n/a') selected @endif value="n/a">N/A</option>
                            </select>
                        </div>
                        @error('target_zone2[]')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                        @enderror
                    </div>
                </div>
                <div class="form-group">
                    <label for="">Hand (s/w)</label>
                    <div class="formfield">
                        <select class="@error('hands2[{{ $key }}]') is-invalid @enderror"
                            id="hands2_{{ $key }}" value="{{ isset($round) ? $round->hand2 : null }}"
                            name="hands2[{{ $key }}]" required>
                            <option value="">Select any</option>
                            <option @if (isset($round) && $round->hand2 == 'W') selected @endif value="W">W</option>
                            <option @if (isset($round) && $round->hand2 == 'S') selected @endif value="S">S</option>
                        </select>
                    </div>
                    @error('hands2[]')
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                    @enderror
                </div>
            </div>
            <div class='d-flex justify-content-end '>
                <a href="#" style="color: red;" class="clear_this_round">Clear Contents</a>
            </div>
        </div>
    </div>
@endif