{% extends 'www/base.html.twig' %}

{% block title %}Dane do umowy{% endblock %}

{% block content %}
    {% if is_action_already_created %}
        {# nie wyświetlaj formularza #}
    {% elseif not is_action_already_completed %}
        <div class="alert alert-info mb-4">       
            <i class="fa fa-info-circle"></i>
            Abyśmy mogli kontynuować proces zawarcia umowy, prosimy o uzupełnienie formularza z niezbędnymi danymi.
            Wypełniony formularz pozwoli nam na szybkie i sprawne sfinalizowanie formalności.     
        </div>

        {{ form_start(form, {'attr': {'data-controller': 'contact-data-fill-form'}}) }}
            <div class="card mb-4">
                <div class="card-header">
                    <h3 class="card-title text-capitalize fs-4 mb-0">
                        Dane podstawowe
                    </h3>
                </div>
            
                <div 
                    class="card-body"                 
                >           
                    <div class="mb-3 row" data-contact-data-fill-form-target="typeContainer">          
                        {{ form_label(form.type) }}
                        {{ form_widget(form.type) }}
                        {{ form_errors(form.type) }}
                    </div>

                    <div 
                        class="mb-3 {{ form.vars.data.type != 1 ? 'd-none': ''}} " 
                        data-type="1"
                        data-contact-data-fill-form-target="typeDependentContainer" 
                    >
                        <div class="col-lg-6">
                            {{ form_label(form.pesel) }}
                            {{ form_widget(form.pesel) }}
                            {{ form_errors(form.pesel) }}
                        </div>
                    </div>

                    <div 
                        class="mb-3  {{ form.vars.data.type != 2 ? 'd-none': ''}}"   
                        data-type="2"
                        data-contact-data-fill-form-target="typeDependentContainer"               
                    >
                        <div class="col-lg-6">
                            {{ form_label(form.companyName) }}
                            {{ form_widget(form.companyName) }}
                            {{ form_errors(form.companyName) }}
                        </div>
                    </div>

                    <div 
                        class="mb-3  {{ form.vars.data.type != 2 ? 'd-none': ''}}"   
                        data-type="2"
                        data-contact-data-fill-form-target="typeDependentContainer"               
                    >
                        <div class="col-lg-6">
                            {{ form_label(form.nip) }}
                            {{ form_widget(form.nip) }}
                            {{ form_errors(form.nip) }}
                        </div>
                    </div>

                    <div 
                        class="row mb-3  {{ form.vars.data.type != 1 ? 'd-none': ''}}"
                        data-type="1"
                        data-contact-data-fill-form-target="typeDependentContainer"  
                    >
                        <div class="col-lg-6">
                            {{ form_label(form.name) }}
                            {{ form_widget(form.name) }}
                            {{ form_errors(form.name) }}
                        </div>

                        <div 
                            class="col-lg-6"                           
                        >
                            {{ form_label(form.surname) }}
                            {{ form_widget(form.surname) }}
                            {{ form_errors(form.surname) }}
                        </div>            
                    </div>

                    <div class="row">
                        <div class="col-lg-6 mb-3">
                            {{ form_label(form.email) }}
                            {{ form_widget(form.email) }}
                            {{ form_errors(form.email) }}
                        </div>

                        <div class="col-lg-6 mb-3">
                            {{ form_label(form.phone) }}
                            {{ form_widget(form.phone) }}
                            {{ form_errors(form.phone) }}
                        </div>            
                    </div> 
                </div>         
            </div>

            <div class="card mb-4">
                <div class="card-header">
                    <h3 class="card-title text-capitalize fs-4 mb-0">
                        Adres
                    <h3> 
                </div>

                <div class="card-body">
                    <div class="row">
                        <div class="col-lg-4 mb-3">
                            {{ form_label(form.address) }}
                            {{ form_widget(form.address) }}
                            {{ form_errors(form.address) }}
                        </div>

                        <div class="col-lg-4 mb-3">
                            {{ form_label(form.zip) }}
                            {{ form_widget(form.zip) }}
                            {{ form_errors(form.zip) }}
                        </div>         

                        <div class="col-lg-4 mb-3">
                            {{ form_label(form.city) }}
                            {{ form_widget(form.city) }}
                            {{ form_errors(form.city) }}
                        </div>            
                    </div> 
                </div>
            </div>

            <div class="card mb-4">
                <div class="card-header">
                    <h3 class="card-title text-capitalize fs-4 mb-0">
                        Adres świadczenia usługi
                    <h3> 
                </div>

                <div class="card-body">           
                    <div class="row">
                        <div class="col-lg-4 mb-3">
                            {{ form_label(form.serviceAddress) }}
                            {{ form_widget(form.serviceAddress) }}
                            {{ form_errors(form.serviceAddress) }}
                        </div>

                        <div class="col-lg-4 mb-3">
                            {{ form_label(form.serviceZip) }}
                            {{ form_widget(form.serviceZip) }}
                            {{ form_errors(form.serviceZip) }}
                        </div>         

                        <div class="col-lg-4 mb-3">
                            {{ form_label(form.serviceCity) }}
                            {{ form_widget(form.serviceCity) }}
                            {{ form_errors(form.serviceCity) }}
                        </div>            
                    </div>   
                </div>
            </div>

            <div class="d-flex justify-content-end">
                <button type="submit" class="btn btn-primary btn-lg">
                    Wyślij

                    <i class="fa fa-chevron-right"></i>
                </button>
            </div>
        {{ form_end(form) }}   
    {% else %}
        <div class="alert alert-warning">
            Dane do umowy zostały już przesłane.
        </div>
    {% endif %}
{% endblock %}