<section class="bg-gray p-0 mt-10">
    <div class="container">
        <div class="row py-7 px-2 px-md-5 p-lg-10">
            <div class="col-12">
                <h2>{% trans %}Máte zájem o opravu žaluzií?{% endtrans %}</h2>
            </div>
            <div class="col-12 col-lg-6 mt-9">
                {{ form_start(inquiryForm, {'attr': {'class': 'grid', 'style': '--_columns: 1; gap: 24px', 'id': 'form-opravy-zaluzii'}}) }}
                <div class="grid__col grid__col">
                    {% include 'inquiry/components/product_type_select.html.twig' with {
                        'productTypes': inquiryForm.blindsRepair.productType,
                        'product_type_label': 'O jaký typ žaluzií se jedná?'|trans,
                    } %}
                </div>

                <div class="grid__col">
                    {% include 'inquiry/components/city_servis_select.html.twig' with {
                        'cityServis': inquiryForm.blindsRepair.cityServis
                    } %}
                </div>

                <div class="grid__col">
                    <label for="popis" class="rich-input is-required">
                        <div class="rich-input__label">{% trans %}Popiště krátce problém{% endtrans %}</div>
                        <div class="rich-input__input-wrap">
                            {{ form_widget(inquiryForm.blindsRepair.additionalInfo, {'attr': {'class': 'rich-input__textarea'}}) }}
                            <svg class="rich-input__error-icon">
                                <use href="/build/svg/_icons.svg#input-error"></use>
                            </svg>
                        </div>
                    </label>
                </div>

                <div class="grid__col grid__col">
                    {% include 'inquiry/components/attachment_photo.html.twig' with {
                        'attachment': inquiryForm.attachment,
                        'attachment_label': 'V případě potřeby přiložte fotografii'|trans,
                        'attachment_description': 'Přílohy musí mít maximálně 5 MB (celkově), formáty: jpg, jpeg, png. Pokud tyto podmínky nejsou splněny, pošlete prosím e-mail na servis@proklima.cz'|trans,
                    } %}
                </div>

                <div class="grid__col">
                    {% include 'inquiry/components/phone_input_field.html.twig' with {
                        'phone': inquiryForm.blindsRepair.phone,
                    } %}
                </div>

                <div class="grid__col">
                    <label for="" class="rich-input is-required error">
                        <div class="">{{ inquiryForm.blindsRepair.email.vars.label }}</div>
                        <div class="rich-input__input-wrap">
                            {{ form_widget(inquiryForm.blindsRepair.email, {'attr': {'class': 'input'}}) }}
                        </div>
                        <div class="rich-input__error-msg">
                            {{ form_errors(inquiryForm.blindsRepair.email) }}
                        </div>
                    </label>
                </div>

                <div class="grid__col grid__col">
                    <label class="rich-checkbox">
                        {{ form_widget(inquiryForm.agreeTerms, {'attr': {'class': 'visually-hidden'}}) }}
                        <div class="rich-checkbox__label">
                            <span>{% trans %}Souhlasím se{% endtrans %}
                                <a href="{{ app.request.getLocale() != 'cs' ? '/' ~ app.request.getLocale() : '' }}/gdpr" title="{% trans %}zpracováním osobních údajů{% endtrans %}">{% trans %}zpracováním osobních údajů{% endtrans %}</a>
                            </span>
                        </div>
                    </label>
                </div>
                <div class="grid__col grid__col">
                    {{ form_widget(inquiryForm.submit) }}
                </div>
                {{ form_end(inquiryForm) }}
            </div>
            <div class="col-12 col-lg-5 offset-lg-1 mt-5 mt-lg-10">
                <p>{% trans %}Cena servisního výjezdu zahrnuje drobnější komponenty, dopravu, až 2 hodiny práce technika a činí 2 700 kč bez DPH.{% endtrans %}
                </p>
                <p class="mt-3">{% trans %}Po vyplnění formuláře se Vám ozveme a domluvíme společně vhodný termín návštěvy servisního technika!{% endtrans %}</p>

                <div id="blinds-repair-branches">
                    <p class="mt-3">
                        {% trans %}Servis stínící techniky provádíme v{% endtrans %}:
                    </p>
                    <ul class="list list--disc mt-0">
                        <li class="list__item">
                            <a href="opravy-zaluzii-praha-a-okoli">
                                {% trans %}Praze a okolí{% endtrans %}
                            </a>
                        </li>
                        <li class="list__item">
                            <a href="opravy-zaluzii-olomouc-a-okoli">
                                {% trans %}Olomouci a okolí{% endtrans %}
                            </a>
                        </li>
                        <li class="list__item">
                            <a href="opravy-zaluzii-liberec-a-okoli">
                                {% trans %}Liberci a okolí{% endtrans %}
                            </a>
                        </li>
                    </ul>
                </div>

                <div class="contact-person-box-info mt-7">
                    <img src="/build/img/kamila-kucerova_rnd.jpg" alt="Kamila Kučerová" class="contact-person-box__img contact-person-box__img--border-100">
                    <div class="contact-person-box-text">
                        <p class="contact-person-box__name text-big">Kamila Kučerová</p>
                        <a href="tel:+420603811342" class="button button--text contact-person-box__link">
                            +420 603 811 342
                        </a>
                        <a href="mailto:servis@proklima.cz" class="button button--text contact-person-box__link">
                            servis@proklima.cz
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

{% block javascripts %}
<script>
    document.addEventListener('DOMContentLoaded', () => {
        const blindsRepairBranches = document.querySelector('#blinds-repair-branches');

        const url = window.location.pathname;

        if (url.includes('opravy-zaluzii-praha-a-okoli') || url.includes('opravy-zaluzii-olomouc-a-okoli') || url.includes('opravy-zaluzii-liberec-a-okoli')) {
            blindsRepairBranches.classList.add('visually-hidden');
        }

        const form = document.querySelector('#form-opravy-zaluzii');
        if (form) {
            switch (true) {
                case url.includes('opravy-zaluzii-praha-a-okoli'):
                    form.id = 'form-opravy-zaluzii-praha-a-okoli';
                    break;
                case url.includes('opravy-zaluzii-olomouc-a-okoli'):
                    form.id = 'form-opravy-zaluzii-olomouc-a-okoli';
                    break;
                case url.includes('opravy-zaluzii-liberec-a-okoli'):
                    form.id = 'form-opravy-zaluzii-liberec-a-okoli';
                    break;
                default:
                    form.id = 'form-opravy-zaluzii';
            }
        }
    });
</script>
{% endblock %}