<div class="panel-body">
    {{ form_start(form, { 'attr': { 'id': 'add-form-invoice' } }) }}
    <div class="form-group hidden">
        {{ form_errors(form.contractor_id) }}
        {{ form_label(form.contractor_id) }}
        {{ form_widget(form.contractor_id, {value: customerId}) }}
    </div>
    <div class="inline-input">
        <div class="form-group width-50">
            {{ form_errors(form.invoiceNumber) }}
            {{ form_label(form.invoiceNumber) }}
            {{ form_widget(form.invoiceNumber, {'attr': {'readonly': true}}) }}
        </div>
        <div class="form-group width-50">
            {{ form_errors(form.nip) }}
            {{ form_label(form.nip) }}
            {{ form_widget(form.nip, {'attr': {'readonly': true}, value: customerNip}) }}
        </div>
    </div>
    <div class="inline-input">
        <div class="form-group width-50">
            {{ form_errors(form.customer) }}
            {{ form_label(form.customer) }}
            {{ form_widget(form.customer, {value: customerName}) }}
            <ul id="matchList" class="search-ajax-list"></ul>
            <div id="match"></div>
        </div>
        <div class="form-group width-50">
            <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal">
                Dodaj odbiorcę z poza twojej bazy
            </button>
        </div>
    </div>

    <div class="inline-input">
        <div class="form-group width-50">
            {{ form_errors(form.paymentMethod) }}
            {{ form_label(form.paymentMethod) }}
            {{ form_widget(form.paymentMethod) }}
        </div>
        <div class="form-group width-50">
            {{ form_errors(form.paid) }}
            {{ form_label(form.paid) }}
            {{ form_widget(form.paid) }}
        </div>
    </div>

    <div class="inline-input">

        <div class="form-group width-33">
            <div class="span5 sandbox-container">
                {{ form_errors(form.dateOfIssue) }}
                {{ form_label(form.dateOfIssue) }}
                <div class="input-group date">
                    {{ form_widget(form.dateOfIssue) }}
                    <span class="input-group-addon"><i class="glyphicon glyphicon-th"></i></span>
                </div>
            </div>
        </div>
        <div class="form-group width-33">
            <div class="span5 sandbox-container">
                {{ form_errors(form.saleDate) }}
                {{ form_label(form.saleDate) }}
                <div class="input-group date">
                    {{ form_widget(form.saleDate) }}
                    <span class="input-group-addon"><i class="glyphicon glyphicon-th"></i></span>
                </div>
            </div>
        </div>
        <div class="form-group width-33">
            <div class="span5 sandbox-container">
                {{ form_errors(form.dateOfPayment) }}
                {{ form_label(form.dateOfPayment) }}
                <div class="input-group date">
                    {{ form_widget(form.dateOfPayment) }}
                    <span class="input-group-addon"><i class="glyphicon glyphicon-th"></i></span>
                </div>
            </div>
        </div>

    </div>
    <div id="items-error"></div>
    <div class="form-group" id="items-list" data-prototype="{{ form_widget(form.items.vars.prototype)|e }}">
        <a href="#" id="add-item" class="btn btn-primary">Dodaj przedmiot</a>
        {% for item in form.items %}
            <div class="item-div">
                {{ form_errors(item) }}
                {{ form_widget(item, { 'attr': { 'class': 'invoice-item-class' } }) }}
            </div>
        {% endfor %}
    </div>
    {{ form_end(form) }}
</div>