<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 prodloužení životnosti vašich žaluzií?{% endtrans %}</h2>
            </div>
            <div class="col-12 mt-2">
                <p>{% trans %}Vyplňte formulář a my se vám ozveme s&nbsp;cenou a domluvíme vhodný termín návštěvy servisního technika!{% endtrans %}</p>
            </div>

            <div class="col-12 col-lg-6 mt-9">
                {{ form_start(inquiryForm, {'attr': {'class': 'grid', 'style': '--_columns: 1; gap: 24px', 'id': 'form-revitalizacni-servis'}}) }}
                <div class="grid__col grid__col">
                    <div class="grid__col grid__col">
                        {% include 'inquiry/components/product_type_select.html.twig' with {'productTypes': inquiryForm.lifetimeExtension.productType} %}
                    </div>
                </div>

                <div class="grid__col">
                    <label for="popis" class="rich-input is-required">
                        <div class="rich-input__label">{% trans %}Poznámka{% endtrans %}</div>
                        <div class="rich-input__input-wrap">
                            {{ form_widget(inquiryForm.lifetimeExtension.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.lifetimeExtension.phone,
                    } %}
                </div>

                <div class="grid__col">
                    <label for="" class="rich-input error">
                        <div class="">{{ inquiryForm.lifetimeExtension.email.vars.label }}</div>
                        <div class="rich-input__input-wrap">
                            {{ form_widget(inquiryForm.lifetimeExtension.email, {'attr': {'class': 'input'}}) }}
                        </div>
                        <div class="rich-input__error-msg">
                            {{ form_errors(inquiryForm.lifetimeExtension.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">
                {# <h3 class="h4">{% trans %}Kolik to bude stát?{% endtrans %}</h3> #}
                <div class="mt-3">
                    <ul>
                        {# <li>{% trans %}900 Kč/h + doprava a komponenty{% endtrans %}</li> #}
                        <li>{% trans %}Obvyklý servis je do 2 h práce{% endtrans %}</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>