{# form \Symfony\Component\Form\FormView #}

{% form_theme form with "@Core/frontend/form/bootstrap_3_layout.html.twig" %}

{{ form_start(form) }}
{{ form_errors(form) }}

<h2 class="heading_h2">
    {{- 'Dane do konta' -}}
</h2>
<div class="row">
    <div class="col-md-12">
        {{ form_row(form.user.username) }}
    </div>
    {% if form.user.email is defined and form.user.email.first is not defined %}
        <div class="col-md-12">
            {{ form_row(form.user.email) }}
        </div>
    {% endif %}
</div>
{% if form.user.email is defined and form.user.email.first is defined %}
    <div class="row">
        <div class="col-md-12">
            {{ form_row(form.user.email.first) }}
        </div>
        <div class="col-md-12">
            {{ form_row(form.user.email.second) }}
        </div>
    </div>
{% endif %}
{% if form.user.password is defined %}
    <div class="row">
        <div class="col-md-12">
            {{ form_row(form.user.password.first) }}
        </div>
        <div class="col-md-12">
            {{ form_row(form.user.password.second) }}
        </div>
    </div>
{% endif %}
<h2 class="heading_h2">
    {{- 'Podstawowe informacje' -}}
</h2>
<div class="row">
    <div class="col-md-12">
        {{ form_row(form.user.imageFile) }}
        <p class="help-block">{{ 'entity.user.form.label.image_help'|trans }}</p>
    </div>
    <div class="col-md-12">
        {{ form_row(form.nip) }}
        {{ form_row(form.name) }}
    </div>
</div>
<h2 class="heading_h2">
    {{- 'Zdjęcia' -}}
</h2>

{{ form_errors(form.user.photos) }}
<div
    id="images-fields-list"
    class="collection block-grid-md-2"
    data-prototype="{{ form_widget(form.user.photos.vars.prototype)|e }}"
>
    {% for imageField in form.user.photos %}
        <div class="collection__item">
            {{ form_errors(imageField) }}
            {{ form_widget(imageField) }}
            <button
                type="button"
                class="collection__remove"
            >
                <i class="fa fa-times"></i> Usuń
            </button>
        </div>
    {% endfor %}
</div>

<div class="text-right">
    <a
        href="#"
        class="btn btn--light2 btn--small btn--nott"
        id="add-another-image"
    >
        <i class="fa fa-plus"></i> {{ 'Dodaj nowe zdjęcie' -}}
    </a>
</div>

<h2 class="heading_h2">
    {{- 'Dane kontaktowe' -}}
</h2>
<div class="row">
    <div class="col-md-12">
        {{ form_row(form.postal_code) }}
    </div>
    <div class="col-md-12">
        {{ form_row(form.city) }}
    </div>
</div>
<div class="row">
    <div class="col-md-12">
        {{ form_row(form.street) }}
    </div>
    <div class="col-md-12">
        {{ form_row(form.voivodeship) }}
    </div>
</div>
<div class="row">
    <div class="col-md-12">
        {{ form_row(form.phone) }}
    </div>
    <div class="col-md-12">
        {{ form_row(form.phone2) }}
    </div>
</div>
<div class="row">
    <div class="col-md-12">
        {{ form_row(form.user.website) }}
    </div>
</div>
<h2 class="heading_h2">
    {{- 'Dane do faktury' -}}
</h2>
<div class="row">
    <div class="col-md-12">
        {{ form_row(form.user.onlyOnlineInvoice) }}
    </div>
    <div class="col-md-12">
        {{ form_row(form.invoice_addr_as_contact) }}
    </div>
</div>
<div id="invoice_data">
    <div class="row">
        <div class="col-md-12">
            {{ form_row(form.invoice_postal_code) }}
        </div>
        <div class="col-md-12">
            {{ form_row(form.invoice_city) }}
        </div>
        <div class="row">
            <div class="col-md-12">
                {{ form_row(form.invoice_street) }}
            </div>
            <div class="col-md-12">
                {{ form_row(form.invoice_voivodeship) }}
            </div>
        </div>
    </div>
</div>
<h2 class="heading_h2">
    {{- 'Inne' -}}
</h2>

{{ form_row(form.description) }}
{{ form_row(form.description_short) }}

{% if form.user.password is defined %}
    <div class="form-group form-checkbox-group">
        <div class="checkbox">
            <label for="register_form-accept_rules" class="required">
                <input
                    id="register_form-accept_rules"
                    type="checkbox"
                    name="accept_rules"
                />
                <span class="cr"><i class="cr-icon fa fa-check"></i></span>
                {{- 'Akceptuję regulamin serwisu' -}}
            </label>
        </div>
    </div>
{% endif %}

{{ form_row(form.user.newsletter) }}

{% if form.user.password is defined %}
    {{ form_row(form.user.captcha) }}
    {{ form_row(form.submit, { icon: 'plus' }) }}
{% else %}
    {{ form_row(form.submit, { icon: 'floppy-o' }) }}
{% endif %}
{{ form_end(form) }}

<script type="text/javascript">
    function invoiceData() {
        var $chb = $('#company_add_invoice_addr_as_contact');

        if($chb.is(':checked')) {
            $('#invoice_data').hide();
        } else {
            $('#invoice_data').show();
        }
    }

    $(document).ready(function() {
        invoiceData();

        $('#company_add_invoice_addr_as_contact').click(function() {
            invoiceData();
        });
    })
</script>
<script type="text/javascript">
    var emailCount = '{{ form.user.photos|length }}';

    $(document).ready(function() {
        $('#add-another-image').click(function(e) {
            e.preventDefault();

            var emailList = $('#images-fields-list');

            // grab the prototype template
            var newWidget = emailList.attr('data-prototype');
            newWidget     = newWidget.replace(/__name__/g, emailCount);
            emailCount++;

            // create a new list element and add it to the list
            var newLi = $('<div class="collection__item"></div>').html(newWidget);
            newLi.appendTo(emailList);
        });

        $(document).on('click', '.collection__remove', function() {
            $(this).closest('.collection__item').remove();
        });
    })
</script>