{% extends 'admin.html.twig' %}
{% form_theme form 'nordmindAdminBundle:Form:form_theme.html.twig' %}

{% block content %}
    <div class="block-header">
        <h2>Nowa sprzedaż</h2>
    </div>
    <div class="row clearfix">
        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
            <div class="card">
                <div class="body">
                    {{ form_start(form) }}
                    <ul class="nav nav-tabs tab-nav-right" role="tablist">
                        <li role="presentation" class="active"><a href="#main" 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 role="tabpanel" class="tab-pane fade in active" id="main">
                            {# form_widget(form) #}
                            {# form_row(form.title) #}
                            {{ form_row(form.expected_date) }}
                            {% if form.is_paid is defined %}
                                {{ form_row(form.is_paid) }}
                            {% endif %}
                            {{ form_row(form.contact, {'data_add_on' : 'person_add'}) }}
                            <div id="new-contact-box" class="card">
                                <div class="body">
                                    <div class="row clearfix">
                                        <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                                            <div class="form-group">
                                                <div class="form-line"><label class="control-label" for="sale_form_title">Imię</label><input type="text" id="newContact_name" name="newContact_name" class="form-control" /></div>
                                            </div>
                                        </div>
                                        <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                                            <div class="form-group">
                                                <div class="form-line"><label class="control-label" for="sale_form_title">Nazwisko</label><input type="text" id="newContact_lastName" name="newContact_lastName" class="form-control" /></div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row clearfix">
                                        <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                                            <div class="form-group">
                                                <div class="form-line"><label class="control-label" for="sale_form_title">Telefon</label><input type="email" id="newContact_email" name="newContact_email" class="form-control" /></div>
                                            </div>
                                        </div>
                                        <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                                            <div class="form-group">
                                                <div class="form-line"><label class="control-label" for="sale_form_title">Email</label><input type="text" id="newContact_phone" name="newContact_phone" class="form-control" /></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            {{ form_row(form.user) }}
                            {{ form_row(form.support) }}
                            {{ form_row(form.salesProcess) }}
                            {{ form_row(form.salesStep) }}
                        </div>
                        <div role="tabpanel" class="tab-pane fade" id="products" 
                             data-prototype="{{ form_widget(form.salesProducts.vars.prototype)|e('html_attr') }}"
                             data-index="{{ form.salesProducts|length }}"
                             >
                            <div class="row clearfix">
                                <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">
                                    <div class="body">
                                        {{ form_errors(salesProductForm) }}
                                        {{ form_row(salesProductForm.product) }}
                                        {{ form_row(salesProductForm.expected_date) }}
                                        {{ form_row(salesProductForm.price) }}
                                    </div>
                                </div>
                            {% endfor %}
                            {% do form.salesProducts.setRendered %}
                        </div>
                    </div>
                    <input type="submit" type="button" class="btn btn-primary" value="Zapisz">
                    {{  form_end(form) }}
                </div>
            </div>
        </div>
    </div>
{% endblock content %}
{% block javascript %}
    {{ parent() }}
    {{ include ('nordmindSaleBundle:Default:addJavascripts.html.twig') }}

{% endblock %}