<label class="rich-input is-required" id="branch-select-label">
    <div class="rich-input__label">{{ cityServis.vars.label }}</div>
    {{ form_widget(cityServis) }}
    <div class="rich-input__error-msg">
        {{ form_errors(cityServis) }}
    </div>
</label>

{% block javascripts %}
    <script>
        document.addEventListener('DOMContentLoaded', () => {
            const branchSelect = document.querySelector('select[name^="inquiry_form["][name$="[cityServis]"]');
            const labelParentDiv = document.querySelector('#branch-select-label').closest('div');

            if (branchSelect && labelParentDiv) {
                const url = window.location.pathname;

                if (url.includes('opravy-zaluzii-praha-a-okoli')) {
                    branchSelect.value = '1'; // Praha
                    labelParentDiv.classList.add('visually-hidden');
                } else if (url.includes('opravy-zaluzii-olomouc-a-okoli')) {
                    branchSelect.value = '2'; // Olomouc
                    labelParentDiv.classList.add('visually-hidden');
                } else if (url.includes('opravy-zaluzii-liberec-a-okoli')) {
                    branchSelect.value = '3'; // Liberec
                    labelParentDiv.classList.add('visually-hidden');
                } else {
                    branchSelect.value = '1'; // Default to Praha if no specific branch is in the URL
                }
            }
        });
    </script>
{% endblock %}