{% form_theme form 'nordmindAdminBundle:Form:form_theme.html.twig' %}
<div class="modal-header">
    <h4 class="modal-title" id="defaultModalLabel">Nowa sprzedaż</h4>
</div>
<div class="modal-body">
    <div class="panel-group" id="accordion_1" role="tablist" aria-multiselectable="true">
        <div class="panel panel-primary">
            <div class="panel-heading" role="tab" id="headingOne_1">
                <h4 class="panel-title">
                    <a role="button" data-toggle="collapse" data-parent="#accordion_1" href="#collapseOne_1" aria-expanded="true" aria-controls="collapseOne_1">
                        Sprzedaż
                    </a>
                </h4>
            </div>
            <div id="collapseOne_1" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne_1">
                {{ form_start(form, {'attr': {'id': 'form-sale'}}) }}
                <div class="panel-body">
                    <!--<ul class="nav nav-tabs tab-nav-right" role="tablist">
                        <li role="presentation" class="active">
                            <a href="#sale" data-toggle="tab">
                                <i class="material-icons">home</i>
                                Sprzedaż</a></li>
                        <li role="presentation"><a href="#products" data-toggle="tab">
                                <i class="material-icons">business</i>
                                Produkty</a></li>
                    </ul>-->

                    <!-- Tab panes -->
                    <div class="tab-content">
                        <div id="sale">
                            {# form_widget(form) #}
                            {# form_row(form.title) #}
                            {% if form.meeting_date is defined %}
                                {{ form_row(form.meeting_date) }}
                            {% endif %}
                            {% if form.is_paid is defined %}
                                {{ form_row(form.is_paid) }}
                                {{ form_row(form.paid_date) }}
                            {% endif %}
                            {{ form_row(form.expected_date) }}
                            {% if form.description is defined %}
                                {{ form_row(form.description) }}
                            {% endif %}
                            {{ form_row(form.contact, {'data_add_on' : 'person_add'}) }}
                            {{ form_row(form.user) }}
                            {{ form_row(form.support) }}
                            {{ form_row(form.salesProcess) }}
                            {{ form_row(form.salesStep) }}
                        </div>
                        <div id="products" 
                             data-prototype="{{ form_widget(form.salesProducts.vars.prototype)|e('html_attr') }}"
                             data-index="{{ form.salesProducts|length }}"
                             >
                            <div class="row clearfix" style="margin-bottom: 10px;">
                                <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                                    <a href="javascript:void(0);" class="btn btn-primary" id="add-product">
                                        Dodaj produkt
                                    </a>
                                </div>
                            </div>
                            {% for salesProductForm in form.salesProducts %}
                                <div class="card product-collection-form">
                                    <div class="header"><h2>&nbsp;
                                            <a href="javascript:void(0);" class="pull-right remove-product">
                                                <i class="material-icons">remove_circle</i>                                     
                                            </a></h2>
                                    </div>
                                    <div class="body">
                                        {{ form_errors(salesProductForm) }}
                                        {{ form_row(salesProductForm.product) }}
                                        {{ form_row(salesProductForm.price) }}
                                    </div>
                                </div>
                            {% endfor %}
                            {% do form.salesProducts.setRendered %}
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <input type="submit" id="save-sale-button" class="btn btn-link waves-effect" value="Zapisz">
                    <button type="button" class="btn btn-link waves-effect" data-dismiss="modal">Anuluj</button>
                </div>
                {{  form_end(form) }}
            </div>
        </div>

        <div class="panel panel-primary">
            <div class="panel-heading" role="tab" id="headingTwo_1">
                <h4 class="panel-title">
                    <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion_1" href="#collapseTwo_1" aria-expanded="false"
                       aria-controls="collapseTwo_1">
                        Nowy kontakt
                    </a>
                </h4>
            </div>
            <div id="collapseTwo_1" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo_1">
                <div class="panel-body">
                </div>
            </div>
        </div>
    </div>
</div>


{{ include ('nordmindSaleBundle:Default:addJavascripts.html.twig') }}