@extends('layouts.admin')
@section('page-title')
    Establishment Score @if ($establishment)
        - {{ $establishment->name }}
    @endif
@endsection
@section('page-top-title')
    Establishment Score @if ($establishment)
        - {{ ucfirst($establishment->name) }}
    @endif
@endsection

@section('content-body')
    <div class="container-fluid">
        @include('backend.components.profile-header-info')
        <div class="row">
            <div class="col-12">
                @include('backend.inc.messages')
            </div>
            <div class="col-12">
                @include('backend.components.scoring-scale')
            </div>
        </div>
        <!-- Row -->
        <div class="row establishment-scoring-container">
            <div class="col-12">
                <div class="card">
                    <div class="card-header">
                        <h4 class="heading mb-0">Establishment @if ($establishment)
                                - {{ ucfirst($establishment->name) }}
                            @endif

                            {{-- <div class="text-right">
                                <strong>Total Score: </strong> <span class="top_total">238/300</span>
                            </div> --}}
                        </h4>
                    </div>

                    <div class="card-body">
                        {{-- Tab navigation --}}
                        <div class="row">
                            <div class="col-sm-2">
                                <div class="nav flex-column nav-pills mb-3">
                                    <a href="#v-lounge" data-bs-toggle="pill" class="nav-link active show">Lounge &
                                        Public Areas</a>
                                    <a href="#v-reception-facilities" data-bs-toggle="pill" class="nav-link">Reception
                                        Facilities</a>
                                    <a href="#v-general-assesment" data-bs-toggle="pill" class="nav-link">General
                                        Assessment</a>
                                    <a href="#v-restaurants-dining" data-bs-toggle="pill" class="nav-link">Restaurant &
                                        Dining
                                        Facilities</a>
                                </div>
                            </div>
                            <div class="col-sm-10">
                                <form action="{{ route('establishment.rank.store') }}" method="POST">
                                    @csrf
                                    <input type="hidden" name="hdnEstablishmentId" value="{{ $establishment->id }}">
                                    <div class="tab-content pb-3">
                                        {{-- Lounge --}}
                                        <div id="v-lounge" class="tab-pane fade active show">
                                            <div class="row pb-4">
                                                <div class="col-4">
                                                    <label for="ambience_and_atmosphere" class="form-label mb-2">Ambience
                                                        & Atmosphere</label>
                                                    <div class="input-group suffix pb-2">
                                                        <input type="number" min="0" max="10"
                                                            name="ambience_and_atmosphere"
                                                            class="form-control ambience_and_atmosphere lounge_and_public_scores"
                                                            placeholder="Enter score" required
                                                            value="{{ old('ambience_and_atmosphere') }}">
                                                        <span class="input-group-addon">/10</span>
                                                    </div>
                                                </div>
                                                <div class="col-8">
                                                    <label for="ambience_comments" class="form-label mb-2">Comments (if
                                                        any)</label>
                                                    <input type="text" name="ambience_comments" id="ambience_comments"
                                                        class="form-control ambience_comments"
                                                        value="{{ old('ambience_comments') }}"
                                                        placeholder="Comments (if any)">
                                                </div>

                                                <div class="col-4">
                                                    <label for="furniture_fittings" class="form-label mb-2">Furniture
                                                        & Fittings (not decor & softs)</label>
                                                    <div class="input-group suffix pb-2">
                                                        <input type="number" min="0" max="10"
                                                            name="furniture_fittings"
                                                            class="form-control furniture_fittings lounge_and_public_scores"
                                                            value="{{ old('furniture_fittings') }}" required
                                                            placeholder="Enter score">
                                                        <span class="input-group-addon">/10</span>
                                                    </div>
                                                </div>
                                                <div class="col-8">
                                                    <label for="furniture_fittings_comments"
                                                        class="form-label mb-2">Comments (if
                                                        any)</label>
                                                    <input type="text" name="furniture_fittings_comments"
                                                        id="furniture_fittings_comments"
                                                        value="{{ old('furniture_fittings_comments') }}"
                                                        class="form-control furniture_fittings_comments"
                                                        placeholder="Comments (if any)">
                                                </div>

                                                <div class="col-4">
                                                    <label for="dwccls" class="form-label mb-2">Doors, wells,
                                                        curtains, ceilings, lighting & softs</label>
                                                    <div class="input-group suffix pb-2">
                                                        <input type="number" min="0" max="10" name="dwccls"
                                                            value="{{ old('dwccls') }}" required
                                                            class="form-control dwccls lounge_and_public_scores"
                                                            placeholder="Enter score">
                                                        <span class="input-group-addon">/10</span>
                                                    </div>
                                                </div>
                                                <div class="col-8">
                                                    <label for="dwccls_comments" class="form-label mb-2">Comments (if
                                                        any)</label>
                                                    <input type="text" name="dwccls_comments" id="dwccls_comments"
                                                        class="form-control dwccls_comments"
                                                        value="{{ old('dwccls_comments') }}"
                                                        placeholder="Comments (if any)">
                                                </div>

                                                <div class="col-4">
                                                    <label for="service_hospitality" class="form-label mb-2">Service &
                                                        Hospitality</label>
                                                    <div class="input-group suffix pb-2">
                                                        <input type="number" min="0" max="10"
                                                            name="service_hospitality"
                                                            class="form-control service_hospitality lounge_and_public_scores"
                                                            value="{{ old('service_hospitality') }}" required
                                                            placeholder="Enter score">
                                                        <span class="input-group-addon">/10</span>
                                                    </div>
                                                </div>
                                                <div class="col-8">
                                                    <label for="service_hospitality_comments"
                                                        class="form-label mb-2">Comments (if
                                                        any)</label>
                                                    <input type="text" name="service_hospitality_comments"
                                                        id="service_hospitality_comments"
                                                        value="{{ old('service_hospitality_comments') }}"
                                                        class="form-control service_hospitality_comments"
                                                        placeholder="Comments (if any)">
                                                </div>

                                                <div class="col-4">
                                                    <label for="temperature_control" class="form-label mb-2">Temperature
                                                        control - heating/cooling effectiveness</label>
                                                    <div class="input-group suffix pb-2">
                                                        <input type="number" min="0" max="10"
                                                            name="temperature_control" required
                                                            class="form-control temperature_control lounge_and_public_scores"
                                                            placeholder="Enter score"
                                                            value="{{ old('temperature_control') }}">
                                                        <span class="input-group-addon">/10</span>
                                                    </div>
                                                </div>
                                                <div class="col-8">
                                                    <label for="temperature_control_comments"
                                                        class="form-label mb-2">Comments (if
                                                        any)</label>
                                                    <input type="text" name="temperature_control_comments"
                                                        id="temperature_control_comments"
                                                        value="{{ old('temperature_control_comments') }}"
                                                        class="form-control temperature_control_comments"
                                                        placeholder="Comments (if any)">
                                                </div>

                                                <div class="col-4">
                                                    <label for="housekeeping_standards"
                                                        class="form-label mb-2">Housekeeping Standards</label>
                                                    <div class="input-group suffix pb-2">
                                                        <input type="number" min="0" max="10"
                                                            value="{{ old('housekeeping_standards') }}"
                                                            name="housekeeping_standards" required
                                                            class="form-control housekeeping_standards lounge_and_public_scores"
                                                            placeholder="Enter score">
                                                        <span class="input-group-addon">/10</span>
                                                    </div>
                                                </div>
                                                <div class="col-8">
                                                    <label for="housekeeping_standards_comments"
                                                        class="form-label mb-2">Comments (if
                                                        any)</label>
                                                    <input type="text" name="housekeeping_standards_comments"
                                                        id="housekeeping_standards_comments"
                                                        value="{{ old('housekeeping_standards_comments') }}"
                                                        class="form-control housekeeping_standards_comments lounge_and_public_scores"
                                                        placeholder="Comments (if any)">
                                                </div>

                                                <div class="col-4">
                                                    <label for="public_toilet_facilities" class="form-label mb-2">Public
                                                        Toilet Facilities - availability & cleanliness</label>
                                                    <div class="input-group suffix pb-2">
                                                        <input type="number" min="0" max="10" required
                                                            value="{{ old('public_toilet_facilities') }}"
                                                            name="public_toilet_facilities"
                                                            class="form-control public_toilet_facilities lounge_and_public_scores"
                                                            placeholder="Enter score">
                                                        <span class="input-group-addon">/10</span>
                                                    </div>
                                                </div>
                                                <div class="col-8">
                                                    <label for="public_toilet_facilities_comments"
                                                        class="form-label mb-2">Comments (if
                                                        any)</label>
                                                    <input type="text" name="public_toilet_facilities_comments"
                                                        id="public_toilet_facilities_comments"
                                                        value="{{ old('public_toilet_facilities_comments') }}"
                                                        class="form-control public_toilet_facilities_comments"
                                                        placeholder="Comments (if any)">
                                                </div>
                                            </div>

                                            <div class="row">
                                                <div class="col-6 self-center">
                                                    <strong>Subtotal: </strong> <span
                                                        class="lounge_public_subtotal"></span>
                                                    <input type="hidden" name="hdn_lounge_facilities_subtotal"
                                                        class="hdn_lounge_facilities_subtotal"
                                                        id="hdn_lounge_facilities_subtotal">
                                                </div>
                                                <div class="col-6">
                                                    <div class="nav nav-pills mb-3 float-end">
                                                        <button type="button" class="btn btn-sm btn-primary" required
                                                            onclick="activateNextTab('v-lounge', 'v-reception-facilities')">&nbsp;
                                                            <i class="fa-regular fa-hand-point-right"></i> Reception
                                                            Facilities</button>
                                                    </div>
                                                </div>
                                            </div>

                                        </div>

                                        {{-- Reception Facilities --}}
                                        <div id="v-reception-facilities" class="tab-pane fade">
                                            <div class="row pb-4">
                                                <div class="col-4">
                                                    <label for="reception_welcome" class="form-label mb-2">Welcome -
                                                        first impressions</label>
                                                    <div class="input-group suffix pb-2">
                                                        <input type="number" min="0" max="10"
                                                            name="reception_welcome"
                                                            class="form-control reception_welcome reception_facilities_scores"
                                                            placeholder="Enter score" required
                                                            value="{{ old('reception_welcome') }}">
                                                        <span class="input-group-addon">/10</span>
                                                    </div>
                                                </div>
                                                <div class="col-8">
                                                    <label for="reception_welcome_comments"
                                                        class="form-label mb-2">Comments
                                                        (if
                                                        any)</label>
                                                    <input type="text" name="reception_welcome_comments"
                                                        id="reception_welcome_comments"
                                                        value="{{ old('reception_welcome_comments') }}"
                                                        class="form-control reception_welcome_comments"
                                                        placeholder="Comments (if any)">
                                                </div>

                                                <div class="col-4">
                                                    <label for="reception_atmosphere" class="form-label mb-2">Atmosphere,
                                                        layout, decor and
                                                        ambience</label>
                                                    <div class="input-group suffix pb-2">
                                                        <input type="number" min="0" max="10"
                                                            name="reception_atmosphere"
                                                            class="form-control reception_atmosphere reception_facilities_scores"
                                                            placeholder="Enter score" required
                                                            value="{{ old('reception_atmosphere') }}">
                                                        <span class="input-group-addon">/10</span>
                                                    </div>
                                                </div>
                                                <div class="col-8">
                                                    <label for="reception_atmosphere_comments"
                                                        class="form-label mb-2">Comments
                                                        (if
                                                        any)</label>
                                                    <input type="text" name="reception_atmosphere_comments"
                                                        id="reception_atmosphere_comments"
                                                        value="{{ old('reception_atmosphere_comments') }}"
                                                        class="form-control reception_atmosphere_comments"
                                                        placeholder="Comments (if any)">
                                                </div>

                                                <div class="col-4">
                                                    <label for="reception_checkin" class="form-label mb-2">Check-in:
                                                        efficiency & professionalism</label>
                                                    <div class="input-group suffix pb-2">
                                                        <input type="number" min="0" max="10"
                                                            name="reception_checkin" required
                                                            class="form-control reception_checkin reception_facilities_scores"
                                                            placeholder="Enter score"
                                                            value="{{ old('reception_checkin') }}">
                                                        <span class="input-group-addon">/10</span>
                                                    </div>
                                                </div>
                                                <div class="col-8">
                                                    <label for="reception_checkin_comments"
                                                        class="form-label mb-2">Comments
                                                        (if
                                                        any)</label>
                                                    <input type="text" name="reception_checkin_comments"
                                                        id="reception_checkin_comments"
                                                        value="{{ old('reception_checkin_comments') }}"
                                                        class="form-control reception_checkin_comments"
                                                        placeholder="Comments (if any)">
                                                </div>

                                                <div class="col-4">
                                                    <label for="reception_checkout" class="form-label mb-2">Check-out:
                                                        efficiency & professionalism</label>
                                                    <div class="input-group suffix pb-2">
                                                        <input type="number" min="0" max="10"
                                                            name="reception_checkout"
                                                            class="form-control reception_checkout reception_facilities_scores"
                                                            placeholder="Enter score" required
                                                            value="{{ old('reception_checkout') }}">
                                                        <span class="input-group-addon">/10</span>
                                                    </div>
                                                </div>
                                                <div class="col-8">
                                                    <label for="reception_checkout_comments"
                                                        class="form-label mb-2">Comments (if
                                                        any)</label>
                                                    <input type="text" name="reception_checkout_comments"
                                                        id="reception_checkout_comments"
                                                        value="{{ old('reception_checkout_comments') }}"
                                                        class="form-control reception_checkout_comments"
                                                        placeholder="Comments (if any)">
                                                </div>

                                                <div class="col-4">
                                                    <label for="reception_porterage" class="form-label mb-2">Porterage
                                                        - availability, efficiency & room procedure</label>
                                                    <div class="input-group suffix pb-2">
                                                        <input type="number" min="0" max="10"
                                                            name="reception_porterage"
                                                            class="form-control reception_porterage reception_facilities_scores"
                                                            placeholder="Enter score" required
                                                            value="{{ old('reception_porterage') }}">
                                                        <span class="input-group-addon">/10</span>
                                                    </div>
                                                </div>
                                                <div class="col-8">
                                                    <label for="reception_porterage_comments"
                                                        class="form-label mb-2">Comments
                                                        (if
                                                        any)</label>
                                                    <input type="text" name="reception_porterage_comments"
                                                        id="reception_porterage_comments"
                                                        value="{{ old('reception_porterage_comments') }}"
                                                        class="form-control reception_porterage_comments"
                                                        placeholder="Comments (if any)">
                                                </div>

                                                <div class="col-4">
                                                    <label for="reception_housekeeping_standards"
                                                        class="form-label mb-2">Housekeeping Standards</label>
                                                    <div class="input-group suffix pb-2">
                                                        <input type="number" min="0" max="10"
                                                            name="reception_housekeeping_standards" required
                                                            class="form-control reception_housekeeping_standards reception_facilities_scores"
                                                            placeholder="Enter score"
                                                            value="{{ old('reception_housekeeping_standards') }}">
                                                        <span class="input-group-addon">/10</span>
                                                    </div>
                                                </div>
                                                <div class="col-8">
                                                    <label for="reception_housekeeping_standards_comments"
                                                        class="form-label mb-2">Comments (if
                                                        any)</label>
                                                    <input type="text" name="reception_housekeeping_standards_comments"
                                                        id="reception_housekeeping_standards_comments"
                                                        class="form-control reception_housekeeping_standards_comments"
                                                        placeholder="Comments (if any)"
                                                        value="{{ old('reception_housekeeping_standards_comments') }}">
                                                </div>

                                            </div>
                                            <div class="row">
                                                <div class="col-6">
                                                    <strong>Subtotal: </strong> <span class="reception_subtotal"></span>
                                                    <input type="hidden" name="hdn_reception_subtotal"
                                                        id="hdn_reception_subtotal">
                                                </div>
                                                <div class="col-6">
                                                    <div class="nav nav-pills mb-3 float-end">
                                                        <button type="button" class="btn btn-sm btn-primary"
                                                            onclick="activateNextTab('v-reception-facilities', 'v-general-assesment')">&nbsp;
                                                            <i class="fa-regular fa-hand-point-right"></i> Score
                                                            General Assesment</button>
                                                    </div>
                                                </div>
                                            </div>

                                        </div>
                                        {{-- General Assesment --}}
                                        <div id="v-general-assesment" class="tab-pane fade">
                                            <div class="row pb-4">
                                                <div class="col-4">
                                                    <label for="general_assesment_management"
                                                        class="form-label mb-2">Management - attitude, visibility and
                                                        involvement</label>
                                                    <div class="input-group suffix pb-2">
                                                        <input type="number" min="0" max="10"
                                                            name="general_assesment_management"
                                                            class="form-control general_assesment_management general_assesment_scores"
                                                            placeholder="Enter score" required
                                                            value="{{ old('general_assesment_management') }}">
                                                        <span class="input-group-addon">/10</span>
                                                    </div>
                                                </div>
                                                <div class="col-8">
                                                    <label for="general_assesment_management_comments"
                                                        class="form-label mb-2">Comments
                                                        (if
                                                        any)</label>
                                                    <input type="text" name="general_assesment_management_comments"
                                                        id="general_assesment_management_comments"
                                                        class="form-control general_assesment_management_comments"
                                                        placeholder="Comments (if any)"
                                                        value="{{ old('general_assesment_management_comments') }}">
                                                </div>

                                                <div class="col-4">
                                                    <label for="general_assesment_staff_uniform"
                                                        class="form-label mb-2">Staff uniforms and appearance</label>
                                                    <div class="input-group suffix pb-2">
                                                        <input type="number" min="0" max="10" required
                                                            name="general_assesment_staff_uniform"
                                                            class="form-control general_assesment_staff_uniform general_assesment_scores"
                                                            placeholder="Enter score"
                                                            value="{{ old('general_assesment_staff_uniform') }}">
                                                        <span class="input-group-addon">/10</span>
                                                    </div>
                                                </div>
                                                <div class="col-8">
                                                    <label for="general_assesment_staff_uniform_comments"
                                                        class="form-label mb-2">Comments
                                                        (if
                                                        any)</label>
                                                    <input type="text" name="general_assesment_staff_uniform_comments"
                                                        value="{{ old('general_assesment_staff_uniform_comments') }}"
                                                        id="general_assesment_staff_uniform_comments"
                                                        class="form-control general_assesment_staff_uniform_comments"
                                                        placeholder="Comments (if any)">
                                                </div>

                                                <div class="col-4">
                                                    <label for="general_assesment_overall_hospitality"
                                                        class="form-label mb-2">Overall hospitality</label>
                                                    <div class="input-group suffix pb-2">
                                                        <input type="number" min="0" max="10" required
                                                            name="general_assesment_overall_hospitality"
                                                            value="{{ old('general_assesment_overall_hospitality') }}"
                                                            class="form-control general_assesment_overall_hospitality general_assesment_scores"
                                                            placeholder="Enter score">
                                                        <span class="input-group-addon">/10</span>
                                                    </div>
                                                </div>
                                                <div class="col-8">
                                                    <label for="general_assesment_overall_hospitality_comments"
                                                        class="form-label mb-2">Comments
                                                        (if
                                                        any)</label>
                                                    <input type="text"
                                                        name="general_assesment_overall_hospitality_comments"
                                                        id="general_assesment_overall_hospitality_comments"
                                                        value="{{ old('general_assesment_overall_hospitality_comments') }}"
                                                        class="form-control general_assesment_overall_hospitality_comments"
                                                        placeholder="Comments (if any)">
                                                </div>

                                                <div class="col-4">
                                                    <label for="general_assesment_info_availability"
                                                        class="form-label mb-2">Information - availability & range
                                                        (tourist
                                                        & product) </label>
                                                    <div class="input-group suffix pb-2">
                                                        <input type="number" min="0" required max="10"
                                                            name="general_assesment_info_availability"
                                                            value="{{ old('general_assesment_info_availability') }}"
                                                            class="form-control general_assesment_info_availability general_assesment_scores"
                                                            placeholder="Enter score">
                                                        <span class="input-group-addon">/10</span>
                                                    </div>
                                                </div>
                                                <div class="col-8">
                                                    <label for="general_assesment_info_availability_comments"
                                                        class="form-label mb-2">Comments
                                                        (if
                                                        any)</label>
                                                    <input type="text"
                                                        name="general_assesment_info_availability_comments"
                                                        id="general_assesment_info_availability_comments"
                                                        value="{{ old('general_assesment_info_availability_comments') }}"
                                                        class="form-control general_assesment_info_availability_comments"
                                                        placeholder="Comments (if any)">
                                                </div>

                                                <div class="col-4">
                                                    <label for="general_assesment_public_cloakrooms"
                                                        class="form-label mb-2">Public cloakrooms - appearance &
                                                        cleanliness</label>
                                                    <div class="input-group suffix pb-2">
                                                        <input type="number" min="0" required max="10"
                                                            name="general_assesment_public_cloakrooms"
                                                            value="{{ old('general_assesment_public_cloakrooms') }}"
                                                            class="form-control general_assesment_public_cloakrooms general_assesment_scores"
                                                            placeholder="Enter score">
                                                        <span class="input-group-addon">/10</span>
                                                    </div>
                                                </div>
                                                <div class="col-8">
                                                    <label for="general_assesment_public_cloakrooms_comments"
                                                        class="form-label mb-2">Comments
                                                        (if
                                                        any)</label>
                                                    <input type="text"
                                                        name="general_assesment_public_cloakrooms_comments"
                                                        id="general_assesment_public_cloakrooms_comments"
                                                        value="{{ old('general_assesment_public_cloakrooms_comments') }}"
                                                        class="form-control general_assesment_public_cloakrooms_comments"
                                                        placeholder="Comments (if any)">
                                                </div>

                                                <div class="col-4">
                                                    <label for="general_assesment_leisure_facilities"
                                                        class="form-label mb-2">Leisure facilities - availability,
                                                        management range & operations</label>
                                                    <div class="input-group suffix pb-2">
                                                        <input type="number" min="0" required max="10"
                                                            name="general_assesment_leisure_facilities"
                                                            value="{{ old('general_assesment_leisure_facilities') }}"
                                                            class="form-control general_assesment_leisure_facilities general_assesment_scores"
                                                            placeholder="Enter score">
                                                        <span class="input-group-addon">/10</span>
                                                    </div>
                                                </div>
                                                <div class="col-8">
                                                    <label for="general_assesment_leisure_facilities_comments"
                                                        class="form-label mb-2">Comments
                                                        (if
                                                        any)</label>
                                                    <input type="text"
                                                        name="general_assesment_leisure_facilities_comments"
                                                        id="general_assesment_leisure_facilities_comments"
                                                        value="{{ old('general_assesment_leisure_facilities_comments') }}"
                                                        class="form-control general_assesment_leisure_facilities_comments"
                                                        placeholder="Comments (if any)">
                                                </div>

                                                <div class="col-4">
                                                    <label for="general_assesment_public_toilet"
                                                        class="form-label mb-2">Public toilet - availability &
                                                        cleanliness</label>
                                                    <div class="input-group suffix pb-2">
                                                        <input type="number" min="0" required max="10"
                                                            name="general_assesment_public_toilet"
                                                            value="{{ old('general_assesment_public_toilet') }}"
                                                            class="form-control general_assesment_public_toilet general_assesment_scores"
                                                            placeholder="Enter score">
                                                        <span class="input-group-addon">/10</span>
                                                    </div>
                                                </div>
                                                <div class="col-8">
                                                    <label for="general_assesment_public_toilet_comments"
                                                        class="form-label mb-2">Comments
                                                        (if
                                                        any)</label>
                                                    <input type="text" name="general_assesment_public_toilet_comments"
                                                        id="general_assesment_public_toilet_comments"
                                                        value="{{ old('general_assesment_public_toilet_comments') }}"
                                                        class="form-control general_assesment_public_toilet_comments"
                                                        placeholder="Comments (if any)">
                                                </div>

                                                <div class="col-4">
                                                    <label for="general_assesment_retail_outlets"
                                                        class="form-label mb-2">Retail outlets - range, service & stock
                                                        availability</label>
                                                    <div class="input-group suffix pb-2">
                                                        <input type="number" min="0" required max="10"
                                                            name="general_assesment_retail_outlets"
                                                            value="{{ old('general_assesment_retail_outlets') }}"
                                                            class="form-control general_assesment_retail_outlets general_assesment_scores"
                                                            placeholder="Enter score">
                                                        <span class="input-group-addon">/10</span>
                                                    </div>
                                                </div>
                                                <div class="col-8">
                                                    <label for="general_assesment_retail_outlets_comments"
                                                        class="form-label mb-2">Comments
                                                        (if
                                                        any)</label>
                                                    <input type="text" name="general_assesment_retail_outlets_comments"
                                                        id="general_assesment_retail_outlets_comments"
                                                        value="{{ old('general_assesment_retail_outlets_comments') }}"
                                                        class="form-control general_assesment_retail_outlets_comments"
                                                        placeholder="Comments (if any)">
                                                </div>

                                                <div class="col-4">
                                                    <label for="general_assesment_parking" class="form-label mb-2">Parking
                                                        - availability, ease &
                                                        facilities</label>
                                                    <div class="input-group suffix pb-2">
                                                        <input type="number" min="0" required max="10"
                                                            name="general_assesment_parking"
                                                            value="{{ old('general_assesment_parking') }}"
                                                            class="form-control general_assesment_parking general_assesment_scores"
                                                            placeholder="Enter score">
                                                        <span class="input-group-addon">/10</span>
                                                    </div>
                                                </div>
                                                <div class="col-8">
                                                    <label for="general_assesment_parking_comments"
                                                        class="form-label mb-2">Comments
                                                        (if
                                                        any)</label>
                                                    <input type="text" name="general_assesment_parking_comments"
                                                        id="general_assesment_parking_comments"
                                                        value="{{ old('general_assesment_parking_comments') }}"
                                                        class="form-control general_assesment_parking_comments"
                                                        placeholder="Comments (if any)">
                                                </div>

                                                <div class="col-4">
                                                    <label for="general_assesment_general_security"
                                                        class="form-label mb-2">General security - guest and
                                                        property</label>
                                                    <div class="input-group suffix pb-2">
                                                        <input type="number" min="0" required max="10"
                                                            name="general_assesment_general_security"
                                                            value="{{ old('general_assesment_general_security') }}"
                                                            class="form-control general_assesment_general_security general_assesment_scores"
                                                            placeholder="Enter score">
                                                        <span class="input-group-addon">/10</span>
                                                    </div>
                                                </div>
                                                <div class="col-8">
                                                    <label for="general_assesment_general_security_comments"
                                                        class="form-label mb-2">Comments
                                                        (if
                                                        any)</label>
                                                    <input type="text"
                                                        name="general_assesment_general_security_comments"
                                                        value="{{ old('general_assesment_general_security_comments') }}"
                                                        id="general_assesment_general_security_comments"
                                                        class="form-control general_assesment_general_security_comments"
                                                        placeholder="Comments (if any)">
                                                </div>

                                                <div class="col-4">
                                                    <label for="general_assesment_settings_surroundings"
                                                        class="form-label mb-2">Setting and surroundings (gardens and
                                                        grounds)</label>
                                                    <div class="input-group suffix pb-2">
                                                        <input type="number" min="0" required max="10"
                                                            value="{{ old('general_assesment_settings_surroundings') }}"
                                                            name="general_assesment_settings_surroundings"
                                                            class="form-control general_assesment_settings_surroundings general_assesment_scores"
                                                            placeholder="Enter score">
                                                        <span class="input-group-addon">/10</span>
                                                    </div>
                                                </div>
                                                <div class="col-8">
                                                    <label for="general_assesment_settings_surroundings_comments"
                                                        class="form-label mb-2">Comments
                                                        (if
                                                        any)</label>
                                                    <input type="text"
                                                        name="general_assesment_settings_surroundings_comments"
                                                        id="general_assesment_settings_surroundings_comments"
                                                        value="{{ old('general_assesment_settings_surroundings_comments') }}"
                                                        class="form-control general_assesment_settings_surroundings_comments"
                                                        placeholder="Comments (if any)">
                                                </div>

                                                <div class="col-4">
                                                    <label for="general_assesment_building_design"
                                                        class="form-label mb-2">Design and appearance of building</label>
                                                    <div class="input-group suffix pb-2">
                                                        <input type="number" min="0" required max="10"
                                                            value="{{ old('general_assesment_building_design') }}"
                                                            name="general_assesment_building_design"
                                                            class="form-control general_assesment_building_design general_assesment_scores"
                                                            placeholder="Enter score">
                                                        <span class="input-group-addon">/10</span>
                                                    </div>
                                                </div>
                                                <div class="col-8">
                                                    <label for="general_assesment_building_design_comments"
                                                        class="form-label mb-2">Comments
                                                        (if
                                                        any)</label>
                                                    <input type="text"
                                                        name="general_assesment_building_design_comments"
                                                        value="{{ old('general_assesment_building_design_comments') }}"
                                                        id="general_assesment_building_design_comments"
                                                        class="form-control general_assesment_building_design_comments"
                                                        placeholder="Comments (if any)">
                                                </div>
                                            </div>
                                            <strong>Subtotal: </strong> <span
                                                class="general_assesment_subtotal general_assesment_subtotal"></span>
                                            <input type="hidden" name="hdn_general_assesment_subtotal"
                                                id="hdn_general_assesment_subtotal">


                                            <div class="col-12 text-right">
                                                <div class="nav nav-pills mb-3 float-end">
                                                    <button type="button" class="btn btn-sm btn-primary"
                                                        onclick="activateNextTab('v-general-assesment', 'v-restaurants-dining')">&nbsp;
                                                        <i class="fa-regular fa-hand-point-right"></i> Restaurants and
                                                        Bars</button>
                                                </div>
                                            </div>

                                            <!-- <div class="button-pocket float-end">
                                                                            <button type="submit" class="btn btn-primary light">Save
                                                                                scores</button>
                                                                        </div> -->
                                        </div>

                                        {{-- Restaurants & dining --}}
                                        <div id="v-restaurants-dining" class="tab-pane fade">
                                            <div class="row pb-4">
                                                {{-- Restaurant venue --}}
                                                <div class="col-12 pt-2 pb-2">
                                                    <strong>Restaurant Venue</strong>
                                                </div>
                                                <div id="restaurant-venue-repeater" class="restaurant-venue-repeater">
                                                    <div class="restaurant_venue">
                                                        <div class="restaurant-venue-entry row">
                                                            <div class="col-4">
                                                                <label for="restaurant_venue[0][restaurant_venue_name]"
                                                                    class="form-label mb-2">Restaurant
                                                                    Name</label>
                                                                <div class="input-group suffix pb-2">
                                                                    <input type="text"
                                                                        name="restaurant_venue[0][restaurant_venue_name]"
                                                                        class="form-control restaurant_venue_name restaurant_scores"
                                                                        placeholder="Enter venue name" required
                                                                        value="{{ old('restaurant_venue.0.restaurant_venue_name') }}">
                                                                    <span class="input-group-addon"></span>
                                                                </div>
                                                                @error('restaurant_venue.*.restaurant_venue_name')
                                                                    <div class="error-message">{{ $message }}</div>
                                                                @enderror
                                                            </div>
                                                            <div class="col-8">
                                                                &nbsp;
                                                            </div>

                                                            <div class="col-4">
                                                                <label
                                                                    for="restaurant_venue[0][restaurant_presentation_food_quality]"
                                                                    class="form-label mb-2">Presentation and quality of
                                                                    food</label>
                                                                <div class="input-group suffix pb-2">
                                                                    <input type="number" min="0" required
                                                                        max="10"
                                                                        name="restaurant_venue[0][restaurant_presentation_food_quality]"
                                                                        class="form-control restaurant_scores"
                                                                        placeholder="Enter score"
                                                                        value="{{ old('restaurant_venue.0.restaurant_presentation_food_quality') }}">
                                                                    <span class="input-group-addon">/10</span>
                                                                </div>
                                                                @error('restaurant_venue.*.restaurant_presentation_food_quality')
                                                                    <div class="error-message">{{ $message }}</div>
                                                                @enderror
                                                            </div>
                                                            <div class="col-8">
                                                                <label
                                                                    for="restaurant_venue[0][restaurant_presentation_food_quality_comments]"
                                                                    class="form-label mb-2">Comments
                                                                    (if
                                                                    any)</label>
                                                                <input type="text"
                                                                    name="restaurant_venue[0][restaurant_presentation_food_quality_comments]"
                                                                    class="form-control restaurant_presentation_food_quality_comments"
                                                                    placeholder="Comments (if any)"
                                                                    value="{{ old('restaurant.0.restaurant_presentation_food_quality_comments') }}">
                                                            </div>
                                                            @error('restaurant_venue.*.restaurant_presentation_food_quality_comments')
                                                                <div class="error-message">{{ $message }}</div>
                                                            @enderror

                                                            <div class="col-4">
                                                                <label
                                                                    for="restaurant_venue[0][restaurant_food_service_efficiency]"
                                                                    class="form-label mb-2">Food service - efficiency,
                                                                    consistency and accuracy</label>
                                                                <div class="input-group suffix pb-2">
                                                                    <input type="number" min="0" required
                                                                        max="10"
                                                                        name="restaurant_venue[0][restaurant_food_service_efficiency]"
                                                                        class="form-control restaurant_food_service_efficiency restaurant_scores"
                                                                        placeholder="Enter score"
                                                                        value="{{ old('restaurant_venue.0.restaurant_food_service_efficiency') }}">
                                                                    <span class="input-group-addon">/10</span>
                                                                </div>
                                                                @error('restaurant_venue.*.restaurant_food_service_efficiency')
                                                                    <div class="error-message">{{ $message }}</div>
                                                                @enderror
                                                            </div>
                                                            <div class="col-8">
                                                                <label
                                                                    for="restaurant_venue[0][restaurant_food_service_efficiency_comments]"
                                                                    class="form-label mb-2">Comments
                                                                    (if
                                                                    any)</label>
                                                                <input type="text"
                                                                    name="restaurant_venue[0][restaurant_food_service_efficiency_comments]"
                                                                    class="form-control restaurant_food_service_efficiency_comments"
                                                                    placeholder="Comments (if any)"
                                                                    value="{{ old('restaurant_venue.0.restaurant_food_service_efficiency_comments') }}">

                                                                @error('restaurant_venue.*.restaurant_food_service_efficiency_comments')
                                                                    <div class="error-message">{{ $message }}</div>
                                                                @enderror
                                                            </div>

                                                            <div class="col-4">
                                                                <label
                                                                    for="restaurant_venue[0][restaurant_beverage_service]"
                                                                    class="form-label mb-2">Beverage Service</label>

                                                                <div class="input-group suffix pb-2">
                                                                    <input type="number" min="0" required
                                                                        max="10"
                                                                        name="restaurant_venue[0][restaurant_beverage_service]"
                                                                        class="form-control restaurant_beverage_service restaurant_scores"
                                                                        placeholder="Enter score"
                                                                        value="{{ old('restaurant.0.restaurant_beverage_service') }}">
                                                                    <span class="input-group-addon">/10</span>
                                                                </div>
                                                                @error('restaurant_venue.*.restaurant_beverage_service')
                                                                    <div class="error-message">{{ $message }}</div>
                                                                @enderror
                                                            </div>
                                                            <div class="col-8">
                                                                <label
                                                                    for="restaurant_venue[0][restaurant_beverage_service_comments]"
                                                                    class="form-label mb-2">Comments
                                                                    (if
                                                                    any)</label>
                                                                <input type="text"
                                                                    name="restaurant_venue[0][restaurant_beverage_service_comments]"
                                                                    class="form-control restaurant_beverage_service_comments"
                                                                    placeholder="Comments (if any)"
                                                                    value="{{ old('restaurant_venue.0.restaurant_beverage_service_comments') }}">

                                                                @error('restaurant_venue.*.restaurant_beverage_service_comments')
                                                                    <div class="error-message">{{ $message }}</div>
                                                                @enderror
                                                            </div>

                                                            <div class="col-4">
                                                                <label for="restaurant_venue[0][first_impressions]"
                                                                    class="form-label mb-2">Welcome
                                                                    - first impressions</label>
                                                                <div class="input-group suffix pb-2">
                                                                    <input type="number" min="0" required
                                                                        max="10"
                                                                        value="{{ old('restaurant_venue.0.first_impressions') }}"
                                                                        name="restaurant_venue[0][first_impressions]"
                                                                        class="form-control first_impressions restaurant_scores"
                                                                        placeholder="Enter score">
                                                                    <span class="input-group-addon">/10</span>
                                                                </div>
                                                                @error('restaurant_venue.*.first_impressions')
                                                                    <div class="error-message">{{ $message }}</div>
                                                                @enderror
                                                            </div>
                                                            <div class="col-8">
                                                                <label
                                                                    for="restaurant_venue[0][first_impressions_comments]"
                                                                    class="form-label mb-2">Comments (if any)</label>
                                                                <input type="text"
                                                                    name="restaurant_venue[0][first_impressions_comments]"
                                                                    value="{{ old('restaurant_venue.0.first_impressions_comments') }}"
                                                                    class="form-control first_impressions_comments"
                                                                    placeholder="Comments (if any)">
                                                            </div>

                                                            <div class="col-4">
                                                                <label for="restaurant_venue[0][atmosphere_ambience]"
                                                                    class="form-label mb-2">Atmosphere
                                                                    and ambience</label>
                                                                <div class="input-group suffix pb-2">
                                                                    <input type="number" min="0" required
                                                                        max="10"
                                                                        value="{{ old('restaurant_venue.0.atmosphere_ambience') }}"
                                                                        name="restaurant_venue[0][atmosphere_ambience]"
                                                                        class="form-control atmosphere_ambience restaurant_scores"
                                                                        placeholder="Enter score">
                                                                    <span class="input-group-addon">/10</span>
                                                                </div>
                                                                @error('restaurant_venue.*.atmosphere_ambience')
                                                                    <div class="error-message">{{ $message }}</div>
                                                                @enderror
                                                            </div>
                                                            <div class="col-8">
                                                                <label
                                                                    for="restaurant_venue[0][atmosphere_ambience_comments]"
                                                                    class="form-label mb-2">Comments
                                                                    (if
                                                                    any)</label>
                                                                <input type="text"
                                                                    name="restaurant_venue[0][atmosphere_ambience_comments]"
                                                                    value="{{ old('restaurant_venue.0.atmosphere_ambience_comments') }}"
                                                                    class="form-control atmosphere_ambience_comments"
                                                                    placeholder="Comments (if any)">
                                                            </div>

                                                            <div class="col-4">
                                                                <label for="restaurant_venue[0][menu_presentation]"
                                                                    class="form-label mb-2">Menu
                                                                    appearance & presentation & wine list</label>
                                                                <div class="input-group suffix pb-2">
                                                                    <input type="number" min="0" required
                                                                        max="10"
                                                                        value="{{ old('restaurant_venue.0.menu_presentation') }}"
                                                                        name="restaurant_venue[0][menu_presentation]"
                                                                        class="form-control menu_presentation restaurant_scores"
                                                                        placeholder="Enter score">
                                                                    <span class="input-group-addon">/10</span>
                                                                </div>
                                                                @error('restaurant_venue.*.menu_presentation')
                                                                    <div class="error-message">{{ $message }}</div>
                                                                @enderror
                                                            </div>
                                                            <div class="col-8">
                                                                <label
                                                                    for="restaurant_venue[0][menu_presentation_comments]"
                                                                    class="form-label mb-2">Comments (if
                                                                    any)</label>
                                                                <input type="text"
                                                                    name="restaurant_venue[0][menu_presentation_comments]"
                                                                    value="{{ old('restaurant_venue.0.menu_presentation_comments') }}"
                                                                    class="form-control menu_presentation_comments"
                                                                    placeholder="Comments (if any)">
                                                            </div>

                                                            <div class="col-4">
                                                                <label for="restaurant_venue[0][menu_wine_variety]"
                                                                    class="form-label mb-2">Variety on
                                                                    menu and wine list</label>
                                                                <div class="input-group suffix pb-2">
                                                                    <input type="number" min="0" required
                                                                        max="10"
                                                                        value="{{ old('restaurant_venue.0.menu_wine_variety') }}"
                                                                        name="restaurant_venue[0][menu_wine_variety]"
                                                                        class="form-control menu_wine_variety restaurant_scores"
                                                                        placeholder="Enter score">
                                                                    <span class="input-group-addon">/10</span>
                                                                </div>
                                                                @error('restaurant_venue.*.menu_wine_variety')
                                                                    <div class="error-message">{{ $message }}</div>
                                                                @enderror
                                                            </div>
                                                            <div class="col-8">
                                                                <label
                                                                    for="restaurant_venue[0][menu_wine_variety_comments]"
                                                                    class="form-label mb-2">Comments (if
                                                                    any)</label>
                                                                <input type="text"
                                                                    name="restaurant_venue[0][menu_wine_variety_comments]"
                                                                    value="{{ old('restaurant_venue.0.menu_wine_variety_comments') }}"
                                                                    class="form-control menu_wine_variety_comments"
                                                                    placeholder="Comments (if any)">
                                                            </div>

                                                            <div class="col-4">
                                                                <label for="restaurant_venue[0][table_appointments]"
                                                                    class="form-label mb-2">Table
                                                                    appointments - cutlery, crockery and glassware</label>
                                                                <div class="input-group suffix pb-2">
                                                                    <input type="number" min="0" required
                                                                        max="10"
                                                                        value="{{ old('restaurant_venue.0.table_appointments') }}"
                                                                        name="restaurant_venue[0][table_appointments]"
                                                                        class="form-control table_appointments restaurant_scores"
                                                                        placeholder="Enter score">
                                                                    <span class="input-group-addon">/10</span>
                                                                </div>
                                                                @error('restaurant_venue.*.table_appointments')
                                                                    <div class="error-message">{{ $message }}</div>
                                                                @enderror
                                                            </div>
                                                            <div class="col-8">
                                                                <label
                                                                    for="restaurant_venue[0][table_appointments_comments]"
                                                                    class="form-label mb-2">Comments
                                                                    (if
                                                                    any)</label>
                                                                <input type="text"
                                                                    name="restaurant_venue[0][table_appointments_comments]"
                                                                    class="form-control table_appointments_comments"
                                                                    placeholder="Comments (if any)"
                                                                    value="{{ old('restaurant_venue.0.table_appointments_comments') }}">
                                                            </div>

                                                            <div class="col-4">
                                                                <label for="restaurant_venue[0][furniture_fittings]"
                                                                    class="form-label mb-2">Furniture
                                                                    and fittings</label>
                                                                <div class="input-group suffix pb-2">
                                                                    <input type="number" min="0" required
                                                                        max="10"
                                                                        name="restaurant_venue[0][furniture_fittings]"
                                                                        class="form-control furniture_fittings restaurant_scores"
                                                                        placeholder="Enter score"
                                                                        value="{{ old('restaurant_venue.0.furniture_fittings') }}">
                                                                    <span class="input-group-addon">/10</span>
                                                                </div>
                                                                @error('restaurant_venue.*.furniture_fittings')
                                                                    <div class="error-message">{{ $message }}</div>
                                                                @enderror
                                                            </div>
                                                            <div class="col-8">
                                                                <label
                                                                    for="restaurant_venue[0][furniture_fittings_comments]"
                                                                    class="form-label mb-2">Comments (if
                                                                    any)</label>
                                                                <input type="text"
                                                                    name="restaurant_venue[0][furniture_fittings_comments]"
                                                                    class="form-control furniture_fittings_comments"
                                                                    value="{{ old('restaurant_venue.0.furniture_fittings_comments') }}"
                                                                    placeholder="Comments (if any)">
                                                            </div>

                                                            <div class="col-4">
                                                                <label for="restaurant_venue[0][decor]"
                                                                    class="form-label mb-2">Decor - walls,
                                                                    curtains ceilings, sorts and lightning</label>
                                                                <div class="input-group suffix pb-2">
                                                                    <input type="number" min="0" required
                                                                        max="10" name="restaurant_venue[0][decor]"
                                                                        class="form-control decor restaurant_scores"
                                                                        placeholder="Enter score"
                                                                        value="{{ old('restaurant_venue.0.decor') }}">
                                                                    <span class="input-group-addon">/10</span>
                                                                </div>
                                                                @error('restaurant_venue.*.decor')
                                                                    <div class="error-message">{{ $message }}</div>
                                                                @enderror
                                                            </div>
                                                            <div class="col-8">
                                                                <label for="restaurant_venue[0][decor_comments]"
                                                                    class="form-label mb-2">Comments (if
                                                                    any)</label>
                                                                <input type="text"
                                                                    name="restaurant_venue[0][decor_comments]"
                                                                    class="form-control decor_comments"
                                                                    placeholder="Comments (if any)"
                                                                    value="{{ old('restaurant_venue.0.decor_comments') }}">
                                                            </div>

                                                            <div class="col-4">
                                                                <label for="restaurant_venue[0][temperature_control]"
                                                                    class="form-label mb-2">Temperature
                                                                    control - Heating/cooling
                                                                    effectiveness</label>
                                                                <div class="input-group suffix pb-2">
                                                                    <input type="number" min="0" required
                                                                        max="10"
                                                                        name="restaurant_venue[0][temperature_control]"
                                                                        class="form-control temperature_control restaurant_scores"
                                                                        placeholder="Enter score"
                                                                        value="{{ old('trestaurant_venue.0.emperature_control') }}">
                                                                    <span class="input-group-addon">/10</span>
                                                                </div>
                                                                @error('restaurant_venue.*.temperature_control')
                                                                    <div class="error-message">{{ $message }}</div>
                                                                @enderror
                                                            </div>
                                                            <div class="col-8">
                                                                <label
                                                                    for="restaurant_venue[0][temperature_control_comments]"
                                                                    class="form-label mb-2">Comments (if
                                                                    any)</label>
                                                                <input type="text"
                                                                    name="restaurant_venue[0][temperature_control_comments]"
                                                                    class="form-control temperature_control_comments"
                                                                    placeholder="Comments (if any)"
                                                                    value="{{ old('restaurant_venue.0.temperature_control_comments') }}">
                                                            </div>

                                                            <div class="col-4">
                                                                <label for="restaurant_venue[0][housekeeping_standards]"
                                                                    class="form-label mb-2">Housekeeping Standards</label>
                                                                <div class="input-group suffix pb-2">
                                                                    <input type="number" min="0" required
                                                                        max="10"
                                                                        name="restaurant_venue[0][housekeeping_standards]"
                                                                        class="form-control housekeeping_standards restaurant_scores"
                                                                        placeholder="Enter score"
                                                                        value="{{ old('restaurant_venue.0.housekeeping_standards') }}">
                                                                    <span class="input-group-addon">/10</span>
                                                                </div>
                                                                @error('restaurant_venue.*.housekeeping_standards')
                                                                    <div class="error-message">{{ $message }}</div>
                                                                @enderror
                                                            </div>
                                                            <div class="col-8">
                                                                <label
                                                                    for="restaurant_venue[0][housekeeping_standards_comments]"
                                                                    class="form-label mb-2">Comments (if
                                                                    any)</label>
                                                                <input type="text"
                                                                    name="restaurant_venue[0][housekeeping_standards_comments]"
                                                                    value="{{ old('restaurant_venue.0.housekeeping_standards_comments') }}"
                                                                    class="form-control housekeeping_standards_comments"
                                                                    placeholder="Comments (if any)">
                                                            </div>

                                                            <div class="col-4">
                                                                <label for="restaurant_venue[0][cheque_bill]"
                                                                    class="form-label mb-2">Cheque/Bill -
                                                                    Presentation, accuracy and acceptance</label>
                                                                <div class="input-group suffix pb-2">
                                                                    <input type="number" min="0" required
                                                                        max="10"
                                                                        value="{{ old('restaurant_venue.0.cheque_bill') }}"
                                                                        name="restaurant_venue[0][cheque_bill]"
                                                                        class="form-control cheque_bill restaurant_scores"
                                                                        placeholder="Enter score">
                                                                    <span class="input-group-addon">/10</span>
                                                                </div>
                                                                @error('restaurant_venue.*.cheque_bill')
                                                                    <div class="error-message">{{ $message }}</div>
                                                                @enderror
                                                            </div>
                                                            <div class="col-8">
                                                                <label for="restaurant_venue[0][cheque_bill_comments]"
                                                                    class="form-label mb-2">Comments
                                                                    (if
                                                                    any)</label>
                                                                <input type="text"
                                                                    name="restaurant_venue[0][cheque_bill_comments]"
                                                                    value="{{ old('restaurant_venue.0.cheque_bill_comments') }}"
                                                                    class="form-control cheque_bill_comments"
                                                                    placeholder="Comments (if any)">
                                                            </div>
                                                            <div class="col-4 pt-2">
                                                                <button
                                                                    class="remove-restaurant-venue btn btn-sm btn-danger">Remove
                                                                    Restaurant</button>
                                                                <hr />
                                                            </div>
                                                            <div
                                                                class="col-8 pt-2 text-left self-center restaurant_subtotal">
                                                                <strong>Sub-total</strong>: <span
                                                                    class="subtotal_value">0.00</span>
                                                            </div>
                                                            <input type="hidden"
                                                                name="restaurant_venue[0][hdn_restaurant_subtotal]"
                                                                class="hdn_restaurant_subtotal">

                                                        </div>
                                                    </div>

                                                    <div class="row">
                                                        <div class="col-6 pb-3">
                                                            <button id="add-restaurant-venue"
                                                                class="btn btn-sm btn-success">+
                                                                Add
                                                                Restaurant</button>
                                                        </div>
                                                        {{-- <div class="col-6 pb-3">
                                                            <span class="item_subtotal">0.00</span>
                                                        </div> --}}
                                                    </div>
                                                </div>

                                                {{-- Bar venue --}}
                                                <div class="col-12 pt-4 pb-2">
                                                    <strong>Bar Venue</strong>
                                                </div>
                                                <div id="bar-venue-repeater" class="bar-venue-repeater repeaters-bar">
                                                    <div class="bar_venues">
                                                        <div class="bar-venue-entry row">
                                                            <div class="col-4">
                                                                <label for="bar_venues[0][bar_venue_name]"
                                                                    class="form-label mb-2">Bar
                                                                    Name</label>
                                                                <div class="input-group suffix pb-2">
                                                                    <input type="text"
                                                                        name="bar_venues[0][bar_venue_name]"
                                                                        class="form-control bar_venue_name"
                                                                        placeholder="Enter venue name"
                                                                        value="{{ old('bar_venues.0.bar_venue_name') }}">
                                                                    <span class="input-group-addon"></span>
                                                                </div>
                                                            </div>
                                                            <div class="col-8">
                                                                &nbsp;
                                                            </div>

                                                            <div class="col-4">
                                                                <label for="bar_venues[0][bar_welcome]"
                                                                    class="form-label mb-2">Welcome -
                                                                    first impressions
                                                                    food</label>
                                                                <div class="input-group suffix pb-2">
                                                                    <input type="number" max="10"
                                                                        name="bar_venues[0][bar_welcome]"
                                                                        class="form-control bar_welcome bar_scores"
                                                                        placeholder="Enter score"
                                                                        value="{{ old('bar_venues.0.bar_welcome') }}">
                                                                    <span class="input-group-addon">/10</span>
                                                                </div>
                                                            </div>
                                                            <div class="col-8">
                                                                <label for="bar_venues[0][bar_welcome_comments]"
                                                                    class="form-label mb-2">Comments
                                                                    (if
                                                                    any)</label>
                                                                <input type="text"
                                                                    name="bar_venues[0][bar_welcome_comments]"
                                                                    class="form-control bar_welcome_comments"
                                                                    value="{{ old('bar_venues.0.bar_welcome_comments') }}"
                                                                    placeholder="Comments (if any)">
                                                            </div>

                                                            <div class="col-4">
                                                                <label for="bar_venues[0][bar_atmosphere_ambience]"
                                                                    class="form-label mb-2">Atmosphere and ambience</label>
                                                                <div class="input-group suffix pb-2">
                                                                    <input type="number" max="10"
                                                                        name="bar_venues[0][bar_atmosphere_ambience]"
                                                                        class="form-control bar_atmosphere_ambience bar_scores"
                                                                        placeholder="Enter score"
                                                                        value="{{ old('bar_venues.0.bar_atmosphere_ambience') }}">
                                                                    <span class="input-group-addon">/10</span>
                                                                </div>
                                                            </div>
                                                            <div class="col-8">
                                                                <label for="bar_venues[0][bar_atmosphere_ambience_comment]"
                                                                    class="form-label mb-2">Comments
                                                                    (if
                                                                    any)</label>
                                                                <input type="text"
                                                                    name="bar_venues[0][bar_atmosphere_ambience_comment]"
                                                                    class="form-control bar_atmosphere_ambience_comments"
                                                                    placeholder="Comments (if any)"
                                                                    value="{{ old('bar_venues.0.bar_atmosphere_ambience_comments') }}">
                                                            </div>

                                                            <div class="col-4">
                                                                <label for="bar_venues[0][bar_food_service]"
                                                                    class="form-label mb-2">Food
                                                                    service - efficiency, consistency and accuracy</label>
                                                                <div class="input-group suffix pb-2">
                                                                    <input type="number" max="10"
                                                                        name="bar_venues[0][bar_food_service]"
                                                                        class="form-control bar_food_service bar_scores"
                                                                        placeholder="Enter score"
                                                                        value="{{ old('bar_venues.0.bar_food_service') }}">
                                                                    <span class="input-group-addon">/10</span>
                                                                </div>
                                                            </div>
                                                            <div class="col-8">
                                                                <label for="bar_venues[0][bar_food_service_comments]"
                                                                    class="form-label mb-2">Comments
                                                                    (if
                                                                    any)</label>
                                                                <input type="text"
                                                                    name="bar_venues[0][bar_food_service_comments]"
                                                                    class="form-control bar_food_service"
                                                                    value="{{ old('bar_venues.0.bar_food_service_comments') }}"
                                                                    placeholder="Comments (if any)">
                                                            </div>

                                                            <div class="col-4">
                                                                <label for="bar_venues[0][bar_beverage_service]"
                                                                    class="form-label mb-2">Beverage service - efficiency,
                                                                    consistency and accuracy</label>
                                                                <div class="input-group suffix pb-2">
                                                                    <input type="number" max="10"
                                                                        name="bar_venues[0][bar_beverage_service]"
                                                                        class="form-control bar_beverage_service bar_scores"
                                                                        placeholder="Enter score"
                                                                        value="{{ old('bar_venues.0.bar_beverage_service') }}">
                                                                    <span class="input-group-addon">/10</span>
                                                                </div>
                                                            </div>
                                                            <div class="col-8">
                                                                <label for="bar_venues[0][bar_beverage_service_comments]"
                                                                    class="form-label mb-2">Comments
                                                                    (if
                                                                    any)</label>
                                                                <input type="text"
                                                                    name="bar_venues[0][bar_beverage_service_comments]"
                                                                    class="form-control bar_beverage_service_comments"
                                                                    placeholder="Comments (if any)"
                                                                    value="{{ old('bar_venues.0.bar_beverage_service_comments') }}">
                                                            </div>

                                                            <div class="col-4">
                                                                <label for="bar_venues[0][bar_wine_list]"
                                                                    class="form-label mb-2">Wine
                                                                    list - Presentation, appearance and menu</label>
                                                                <div class="input-group suffix pb-2">
                                                                    <input type="number" max="10"
                                                                        name="bar_venues[0][bar_wine_list]"
                                                                        class="form-control bar_wine_list bar_scores"
                                                                        placeholder="Enter score"
                                                                        value="{{ old('bar_venues.0.bar_wine_list') }}">
                                                                    <span class="input-group-addon">/10</span>
                                                                </div>
                                                            </div>
                                                            <div class="col-8">
                                                                <label for="bar_venues[0][bar_wine_list_comments]"
                                                                    class="form-label mb-2">Comments
                                                                    (if
                                                                    any)</label>
                                                                <input type="text"
                                                                    name="bar_venues[0][bar_wine_list_comments]"
                                                                    class="form-control bar_wine_list_comments"
                                                                    placeholder="Comments (if any)"
                                                                    value="{{ old('bar_venues.0.bar_wine_list_comments') }}">
                                                            </div>

                                                            <div class="col-4">
                                                                <label for="bar_venues[0][bar_menu_variety]"
                                                                    class="form-label mb-2">Variety
                                                                    on menu/wine
                                                                    list/display</label>
                                                                <div class="input-group suffix pb-2">
                                                                    <input type="number" max="10"
                                                                        name="bar_venues[0][bar_menu_variety]"
                                                                        class="form-control bar_menu_variety bar_scores"
                                                                        placeholder="Enter score"
                                                                        value="{{ old('bar_venues.0.bar_menu_variety') }}">
                                                                    <span class="input-group-addon">/10</span>
                                                                </div>
                                                            </div>
                                                            <div class="col-8">
                                                                <label for="bar_venues[0][bar_menu_variety_comments]"
                                                                    class="form-label mb-2">Comments
                                                                    (if
                                                                    any)</label>
                                                                <input type="text"
                                                                    name="bar_venues[0][bar_menu_variety_comments]"
                                                                    class="form-control bar_menu_variety_comments"
                                                                    placeholder="Comments (if any)"
                                                                    value="{{ old('bar_venues.0.bar_menu_variety_comments') }}">
                                                            </div>

                                                            <div class="col-4">
                                                                <label for="bar_venues[0][bar_furniture]"
                                                                    class="form-label mb-2">Furniture
                                                                    and fittings</label>
                                                                <div class="input-group suffix pb-2">
                                                                    <input type="number" max="10"
                                                                        name="bar_venues[0][bar_furniture]"
                                                                        class="form-control bar_furniture bar_scores"
                                                                        placeholder="Enter score"
                                                                        value="{{ old('bar_venues.0.bar_furniture') }}">
                                                                    <span class="input-group-addon">/10</span>
                                                                </div>
                                                            </div>
                                                            <div class="col-8">
                                                                <label for="bar_venues[0][bar_furniture_comments]"
                                                                    class="form-label mb-2">Comments
                                                                    (if
                                                                    any)</label>
                                                                <input type="text"
                                                                    name="bar_venues[0][bar_furniture_comments]"
                                                                    class="form-control bar_furniture_comments"
                                                                    placeholder="Comments (if any)"
                                                                    value="{{ old('bar_venues.0.bar_furniture_comments') }}">
                                                            </div>

                                                            <div class="col-4">
                                                                <label for="bar_venues[0][bar_decor]"
                                                                    class="form-label mb-2">Decor:
                                                                    walls, curtains, ceilings, softs and lighting</label>
                                                                <div class="input-group suffix pb-2">
                                                                    <input type="number" max="10"
                                                                        name="bar_venues[0][bar_decor]"
                                                                        class="form-control bar_decor bar_scores"
                                                                        placeholder="Enter score"
                                                                        value="{{ old('bar_venues.0.bar_decor') }}">
                                                                    <span class="input-group-addon">/10</span>
                                                                </div>
                                                            </div>
                                                            <div class="col-8">
                                                                <label for="bar_venues[0][bar_decor_comments]"
                                                                    class="form-label mb-2">Comments
                                                                    (if
                                                                    any)</label>
                                                                <input type="text"
                                                                    name="bar_venues[0][bar_decor_comments]"
                                                                    class="form-control bar_decor_comments"
                                                                    placeholder="Comments (if any)"
                                                                    value="{{ old('bar_venues.0.bar_decor_comments') }}">
                                                            </div>

                                                            <div class="col-4">
                                                                <label for="bar_venues[0][bar_temperature]"
                                                                    class="form-label mb-2">Temperature control:
                                                                    heating/cooling effectiveness</label>
                                                                <div class="input-group suffix pb-2">
                                                                    <input type="number" max="10"
                                                                        name="bar_venues[0][bar_temperature]"
                                                                        class="form-control bar_temperature bar_scores"
                                                                        placeholder="Enter score"
                                                                        value="{{ old('bar_venues.0.bar_temperature') }}">
                                                                    <span class="input-group-addon">/10</span>
                                                                </div>
                                                            </div>
                                                            <div class="col-8">
                                                                <label for="bar_venues[0][bar_temperature_comments]"
                                                                    class="form-label mb-2">Comments
                                                                    (if
                                                                    any)</label>
                                                                <input type="text"
                                                                    name="bar_venues[0][bar_temperature_comments]"
                                                                    class="form-control bar_temperature_comments"
                                                                    placeholder="Comments (if any)"
                                                                    value="{{ old('bar_venues.0.bar_temperature_comments') }}">
                                                            </div>

                                                            <div class="col-4">
                                                                <label for="bar_venues[0][bar_housekeeping_standards]"
                                                                    class="form-label mb-2">Housekeeping standards</label>
                                                                <div class="input-group suffix pb-2">
                                                                    <input type="number" max="10"
                                                                        name="bar_venues[0][bar_housekeeping_standards]"
                                                                        class="form-control bar_housekeeping_standards bar_scores"
                                                                        placeholder="Enter score"
                                                                        value="{{ old('bar_venues.0.bar_housekeeping_standards') }}">
                                                                    <span class="input-group-addon">/10</span>
                                                                </div>
                                                            </div>
                                                            <div class="col-8">
                                                                <label
                                                                    for="bar_venues[0][bar_housekeeping_standards_comments]"
                                                                    class="form-label mb-2">Comments
                                                                    (if
                                                                    any)</label>
                                                                <input type="text"
                                                                    name="bar_venues[0][bar_housekeeping_standards_comments]"
                                                                    class="form-control bar_housekeeping_standards_comments"
                                                                    placeholder="Comments (if any)"
                                                                    value="{{ old('bar_venues.0.bar_housekeeping_standards') }}">
                                                            </div>

                                                            <div class="col-4">
                                                                <label for="bar_venues[0][bar_cheque_bill]"
                                                                    class="form-label mb-2">Cheque/Bill:presentation,
                                                                    accuracy and acceptance</label>
                                                                <div class="input-group suffix pb-2">
                                                                    <input type="number" max="10"
                                                                        name="bar_venues[0][bar_cheque_bill]"
                                                                        class="form-control bar_cheque_bill bar_scores"
                                                                        placeholder="Enter score"
                                                                        value="{{ old('bar_venues.0.bar_cheque_bill') }}">
                                                                    <span class="input-group-addon">/10</span>
                                                                </div>
                                                            </div>
                                                            <div class="col-8">
                                                                <label for="bar_venues[0][bar_cheque_bill_comments]"
                                                                    class="form-label mb-2">Comments
                                                                    (if
                                                                    any)</label>
                                                                <input type="text"
                                                                    name="bar_venues[0][bar_cheque_bill_comments]"
                                                                    class="form-control bar_cheque_bill_comments"
                                                                    placeholder="Comments (if any)"
                                                                    value="{{ old('bar_venues.0.bar_cheque_bill_comments') }}">
                                                            </div>

                                                            <div class="col-4 pt-2">
                                                                <button
                                                                    class="remove-bar-venue btn btn-sm btn-danger">Remove
                                                                    Bar</button>
                                                                <hr />
                                                            </div>
                                                            <div class="col-8 pt-2 text-left self-center bar_subtotal">
                                                                <strong>Sub-total</strong>:<span>0.0</span>
                                                            </div>
                                                            <input type="hidden" name="bar_venues[0][hdn_bar_subtotal]"
                                                                class="hdn_bar_subtotal">

                                                        </div>
                                                    </div>

                                                    <div class="row">
                                                        <div class="col-6 pb-3">
                                                            <button id="add-bar-venue" class="btn btn-sm btn-success">+
                                                                Add
                                                                Bar</button>
                                                        </div>
                                                        {{-- <div class="col-6 pb-3">
                                                            <span class="item_subtotal">0.00</span>
                                                        </div> --}}
                                                    </div>
                                                </div>
                                                <div class="row pt-4">

                                                    <div class="col-12 text-right">
                                                        <div class="button-pocket float-end">
                                                            <button type="submit" class="btn btn-primary light">Save
                                                                scores</button>
                                                        </div>
                                                        <!-- <div class="nav nav-pills mb-3 float-end">
                                                                                        <button type="button" class="btn btn-sm btn-primary"
                                                                                            onclick="activateNextTab('v-restaurants-dining', 'v-reception-facilities')">&nbsp;
                                                                                            <i class="fa-regular fa-hand-point-right"></i> Score
                                                                                            Reception Facilities</button>
                                                                                    </div> -->
                                                    </div>
                                                </div>

                                            </div>
                                        </div>

                                        <input type="hidden" name="hdn_grand_total_score" id="hdn_grand_total_score"
                                            class="hdn_grand_total_score">
                                    </div>
                                </form>

                            </div>
                        </div>
                    </div>

                    <div class="card-footer">
                        <div>
                            <strong>TOTAL SCORE: </strong> <span class="grand_total_score"></span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('page-scripts')
    <script src="{{ asset('storage/backend-resources/vendor/peity/jquery.peity.min.js') }}"></script>
    <script src="{{ asset('storage/backend-resources/vendor/jquery-nice-select/js/jquery.nice-select.min.js') }}">
    </script>
    <!--swiper-slider-->
    <script src="{{ asset('storage/backend-resources/vendor/swiper/js/swiper-bundle.min.js') }}"></script>
    <script src="{{ asset('storage/backend-resources/js/dashboard/custom.js') }}"></script>

    {{-- <script src="{{ asset('storage/backend-resources/js/sl-ntb-scoring.js') }}"></script> --}}
    <script src="{{ asset('js/sl-ntb-scoring.js') }}"></script>

    <script>
        function activateNextTab(currentTabId, nextTabId) {
            $('#' + currentTabId).removeClass('show active');
            $('#' + nextTabId).addClass('show active');
            $('a[href="#' + currentTabId + '"]').removeClass('active');
            $('a[href="#' + nextTabId + '"]').addClass('active');
        }

        /// Restaurant subtotal calculation
        function calculateRestaurantSubtotal(repeaterItem) {
            let subtotal = 0;

            // Get all inputs within the repeater item that contribute to the subtotal
            const scores = repeaterItem.querySelectorAll('input[type="number"]');

            scores.forEach(function(input) {
                subtotal += parseFloat(input.value) || 0; // Add value or 0 if NaN
            });

            // Update the subtotal display and hidden input
            const subtotalDisplay = repeaterItem.querySelector('.restaurant_subtotal');
            const hiddenSubtotalInput = repeaterItem.querySelector('.hdn_restaurant_subtotal');

            if (subtotalDisplay) {
                subtotalDisplay = "";
                subtotalDisplay.textContent = subtotal.toFixed(2); // Format subtotal to 2 decimal places
            }

            if (hiddenSubtotalInput) {
                hiddenSubtotalInput.value = subtotal; // Update hidden input value
            }
        }

        function attachRestaurantSubtotalListeners(repeaterItem) {
            const inputs = repeaterItem.querySelectorAll('input[type="number"]');
            inputs.forEach(function(input) {
                input.addEventListener('input', function() {
                    calculateRestaurantSubtotal(repeaterItem); // Calculate subtotal on input change
                });
            });
        }

        /// Bar subtotal calulation
        function calculateBarSubtotal(repeaterItem) {
            let subtotal = 0;

            // Get all inputs within the repeater item that contribute to the subtotal
            const scores = repeaterItem.querySelectorAll('input[type="number"]');

            scores.forEach(function(input) {
                subtotal += parseFloat(input.value) || 0; // Add value or 0 if NaN
            });

            // Update the subtotal display and hidden input
            const subtotalDisplay = repeaterItem.querySelector('.bar_subtotal');
            const hiddenSubtotalInput = repeaterItem.querySelector('.hdn_bar_subtotal');

            if (subtotalDisplay) {
                subtotalDisplay.textContent = subtotal.toFixed(2); // Format subtotal to 2 decimal places
            }

            if (hiddenSubtotalInput) {
                hiddenSubtotalInput.value = subtotal; // Update hidden input value
            }
        }

        function attachBarSubtotalListeners(repeaterItem) {
            const inputs = repeaterItem.querySelectorAll('input[type="number"]');
            inputs.forEach(function(input) {
                input.addEventListener('input', function() {
                    calculateBarSubtotal(repeaterItem); // Calculate subtotal on input change
                });
            });
        }




        $(document).ready(function() {
            // restaurant venue
            $('#add-restaurant-venue').click(function(e) {
                e.preventDefault();
                var newEntry = $('.restaurant-venue-entry:first').clone();
                newEntry.find('input').val('');

                // Reset the subtotal display and hidden field for the new entry
                // newEntry.find('.subtotal_value').text('0.00');
                // newEntry.find('.hdn_restaurant_subtotal').val('');

                // Update the name attributes to have unique indices
                newEntry.find('input').each(function() {
                    var nameAttr = $(this).attr('name');
                    var index = $('.restaurant-venue-entry').length;
                    var newNameAttr = nameAttr.replace(/\[\d+\]/, '[' + index + ']');
                    $(this).attr('name', newNameAttr);
                });

                //calculateRestaurantSubtotal();
                $('#restaurant-venue-repeater').prepend(newEntry);
                attachRestaurantSubtotalListeners(newEntry[0]);
            });

            $(document).on('click', '.remove-restaurant-venue', function(e) {
                e.preventDefault();
                if ($('.restaurant-venue-entry').length > 1) {
                    $(this).closest('.restaurant-venue-entry').remove();

                    // Update the name attributes of remaining entries to keep indices sequential
                    $('.restaurant-venue-entry').each(function(index) {
                        $(this).find('input').each(function() {
                            var nameAttr = $(this).attr('name');
                            var newNameAttr = nameAttr.replace(/\[\d+\]/, '[' + index +
                                ']');
                            $(this).attr('name', newNameAttr);
                        });
                    });

                    //calculateRestaurantSubtotal();
                } else {
                    alert('At least one entry is required....');
                }
            });


            // Bar venue
            $('#add-bar-venue').click(function(e) {
                e.preventDefault();
                var newEntry = $('.bar-venue-entry:first').clone();
                newEntry.find('input').val('');

                // Update the name attributes to have unique indices
                newEntry.find('input').each(function() {
                    var nameAttr = $(this).attr('name');
                    var index = $('.bar-venue-entry').length;
                    var newNameAttr = nameAttr.replace(/\[\d+\]/, '[' + index + ']');
                    $(this).attr('name', newNameAttr);
                });

                //calculateBarSubtotal();
                $('#bar-venue-repeater').prepend(newEntry);
                attachBarSubtotalListeners(newEntry[0]);

            });

            $(document).on('click', '.remove-bar-venue', function(e) {
                e.preventDefault();
                if ($('.bar-venue-entry').length > 1) {
                    $(this).closest('.bar-venue-entry').remove();

                    // Update the name attributes of remaining entries to keep indices sequential
                    $('.bar-venue-entry').each(function(index) {
                        $(this).find('input').each(function() {
                            var nameAttr = $(this).attr('name');
                            var newNameAttr = nameAttr.replace(/\[\d+\]/, '[' + index +
                                ']');
                            $(this).attr('name', newNameAttr);
                        });
                    });
                    //calculateBarSubtotal();
                } else {
                    alert('At least one entry is required....');
                }
            });

            /// Check score validity
            $("input[type=number]").on('change', function() {
                if ($(this).val() > 10) {
                    alert('Please enter a valid score');
                    $(this).val(10);
                    $(this).select();
                    $('.lounge_public_subtotal').text(10);
                    return false;
                }
            });

            $('.restaurant-venue-entry').each(function() {
                calculateRestaurantSubtotal(this); // Calculate subtotal for each existing repeater item
                attachRestaurantSubtotalListeners(this); // Attach listeners to existing items
            });

            $(".bar-venue-entry").each(function() {
                calculateBarSubtotal(this); // Calculate subtotal for each existing repeater item
                attachBarSubtotalListeners(this); // Attach listeners to existing items
            });
        });
    </script>
@endsection