@extends('layouts.admin')
@section('page-title')
    View / Edit Establishment Score @if ($establishment)
        - {{ $establishment->name }}
    @endif
@endsection
@section('page-top-title')
    View / Edit 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">View / Edit Scores @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-restaurants-dining" data-bs-toggle="pill" class="nav-link">Associated Restaurants &
                                                    Bars</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>
                                            </div> -->

                                <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>
                                </div>
                            </div>
                            <div class="col-sm-10">
                                <form
                                    action="{{ route('establishment.rank.update', $establishment->EstablishmentScore->id) }}"
                                    method="POST">
                                    @csrf
                                    <input name="_method" value="PUT" type="hidden" />
                                    <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" max="10" name="ambience_and_atmosphere"
                                                            class="form-control ambience_and_atmosphere lounge_and_public_scores"
                                                            placeholder="Enter score"
                                                            value="{{ $establishment->EstablishmentScore->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="{{ $establishment->EstablishmentScore->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" max="10" name="furniture_fittings"
                                                            class="form-control furniture_fittings lounge_and_public_scores"
                                                            value="{{ $establishment->EstablishmentScore->furniture_fittings }}"
                                                            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="{{ $establishment->EstablishmentScore->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" max="10" name="dwccls"
                                                            value="{{ $establishment->EstablishmentScore->dwccls }}"
                                                            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="{{ $establishment->EstablishmentScore->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" max="10" name="service_hospitality"
                                                            class="form-control service_hospitality lounge_and_public_scores"
                                                            value="{{ $establishment->EstablishmentScore->service_hospitality }}"
                                                            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="{{ $establishment->EstablishmentScore->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" max="10" name="temperature_control"
                                                            class="form-control temperature_control lounge_and_public_scores"
                                                            placeholder="Enter score"
                                                            value="{{ $establishment->EstablishmentScore->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="{{ $establishment->EstablishmentScore->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" max="10"
                                                            value="{{ $establishment->EstablishmentScore->housekeeping_standards }}"
                                                            name="housekeeping_standards"
                                                            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="{{ $establishment->EstablishmentScore->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" max="10"
                                                            value="{{ $establishment->EstablishmentScore->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="{{ $establishment->EstablishmentScore->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"
                                                        value="{{ $establishment->EstablishmentScore->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"
                                                            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" max="10" name="reception_welcome"
                                                            class="form-control reception_welcome reception_facilities_scores"
                                                            placeholder="Enter score"
                                                            value="{{ $establishment->EstablishmentScore->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="{{ $establishment->EstablishmentScore->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" max="10" name="reception_atmosphere"
                                                            class="form-control reception_atmosphere reception_facilities_scores"
                                                            placeholder="Enter score"
                                                            value="{{ $establishment->EstablishmentScore->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="{{ $establishment->EstablishmentScore->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" max="10" name="reception_checkin"
                                                            class="form-control reception_checkin reception_facilities_scores"
                                                            placeholder="Enter score"
                                                            value="{{ $establishment->EstablishmentScore->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="{{ $establishment->EstablishmentScore->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" max="10" name="reception_checkout"
                                                            class="form-control reception_checkout reception_facilities_scores"
                                                            placeholder="Enter score"
                                                            value="{{ $establishment->EstablishmentScore->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="{{ $establishment->EstablishmentScore->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" max="10" name="reception_porterage"
                                                            class="form-control reception_porterage reception_facilities_scores"
                                                            placeholder="Enter score"
                                                            value="{{ $establishment->EstablishmentScore->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="{{ $establishment->EstablishmentScore->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" max="10"
                                                            name="reception_housekeeping_standards"
                                                            class="form-control reception_housekeeping_standards reception_facilities_scores"
                                                            placeholder="Enter score"
                                                            value="{{ $establishment->EstablishmentScore->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="{{ $establishment->EstablishmentScore->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"
                                                        value="{{ $establishment->EstablishmentScore->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" max="10"
                                                            name="general_assesment_management"
                                                            class="form-control general_assesment_management general_assesment_scores"
                                                            placeholder="Enter score"
                                                            value="{{ $establishment->EstablishmentScore->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="{{ $establishment->EstablishmentScore->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" max="10"
                                                            name="general_assesment_staff_uniform"
                                                            class="form-control general_assesment_staff_uniform general_assesment_scores"
                                                            placeholder="Enter score"
                                                            value="{{ $establishment->EstablishmentScore->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="{{ $establishment->EstablishmentScore->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" max="10"
                                                            name="general_assesment_overall_hospitality"
                                                            value="{{ $establishment->EstablishmentScore->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="{{ $establishment->EstablishmentScore->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" max="10"
                                                            name="general_assesment_info_availability"
                                                            value="{{ $establishment->EstablishmentScore->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="{{ $establishment->EstablishmentScore->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" max="10"
                                                            name="general_assesment_public_cloakrooms"
                                                            value="{{ $establishment->EstablishmentScore->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="{{ $establishment->EstablishmentScore->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" max="10"
                                                            name="general_assesment_leisure_facilities"
                                                            value="{{ $establishment->EstablishmentScore->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="{{ $establishment->EstablishmentScore->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" max="10"
                                                            name="general_assesment_public_toilet"
                                                            value="{{ $establishment->EstablishmentScore->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="{{ $establishment->EstablishmentScore->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" max="10"
                                                            name="general_assesment_retail_outlets"
                                                            value="{{ $establishment->EstablishmentScore->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="{{ $establishment->EstablishmentScore->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" max="10"
                                                            name="general_assesment_parking"
                                                            value="{{ $establishment->EstablishmentScore->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="{{ $establishment->EstablishmentScore->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" max="10"
                                                            name="general_assesment_general_security"
                                                            value="{{ $establishment->EstablishmentScore->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="{{ $establishment->EstablishmentScore->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" max="10"
                                                            value="{{ $establishment->EstablishmentScore->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="{{ $establishment->EstablishmentScore->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" max="10"
                                                            value="{{ $establishment->EstablishmentScore->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="{{ $establishment->EstablishmentScore->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"
                                                value = "{{ $establishment->EstablishmentScore->general_assesment_subtotal }}">


                                            <div class="button-pocket float-end">
                                                <button type="submit" class="btn btn-primary light">Update
                                                    scores</button>
                                                {{-- &nbsp;&nbsp;
                                                <button type="reset" class="btn btn-danger light"
                                                    data-bs-dismiss="modal">Clear Form</button> --}}
                                            </div>
                                        </div>

                                        <input type="hidden" name="hdn_grand_total_score" id="hdn_grand_total_score"
                                            class="hdn_grand_total_score"
                                            value="{{ $establishment->EstablishmentScore->totalScore }}">
                                    </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 class="col-12">
                <div class="card">
                    <div class="card-body">
                        <div class="row">
                            <div class="col-6 text-center"><a
                                    href="{{ route('establishment.bar.index', $establishment->id) }}"
                                    class="btn btn-lg btn-success light" target="_blank">
                                    <i class="fa-solid fa-martini-glass-empty"></i> Associated
                                    Bars </a></div>
                            <div class="col-6 text-center"><a
                                    href="{{ route('establishment.restaurant.index', $establishment->id) }}"
                                    class="btn btn-lg btn-warning light" target="_blank"><i
                                        class="fa-solid fa-utensils"></i>
                                    Associated Restaurants </a></div>
                        </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="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
    <script src="{{ asset('js/sl-ntb-custom.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');
        }
    </script>
@endsection