{# templates/admin/dashboard.html.twig #}
{% extends "@EasyAdmin/page/content.html.twig" %}
{% block page_title %}LEDERJUST{% endblock %}
{% block content_title %}Producto{% endblock %}
{% block main %}
    <section id="main" class="content-body">
        <div>
            {{ form_start(form) }}
                <div class="form-fieldset  field-form_fieldset">
                    <fieldset>
                        <div class="form-fieldset-header">
                            <div class="form-fieldset-title">
                                <span class="not-collapsible form-fieldset-title-content">Actualización Masiva de Precios</span>
                            </div>
                        </div>
                        <div class="form-fieldset-body show">
                            <div class="row">
                                <div class="col-md-3">
                                    <div class="field-text form-group">
                                        {{ form_label(form.categories) }}
                                        <div class="form-widget">{{ form_widget(form.categories) }}</div>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="field-text form-group">
                                        {{ form_label(form.supplier) }}
                                        <div class="form-widget">{{ form_widget(form.supplier) }}</div>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="field-text form-group">
                                        {{ form_label(form.name) }}
                                        <div class="form-widget">{{ form_widget(form.name) }}</div>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="field-text form-group">
                                        {{ form_label(form.sku) }}
                                        <div class="form-widget">{{ form_widget(form.sku) }}</div>
                                    </div>
                                </div>
                            </div>
                            <div class="button-filters-container">
                                <div class="field-text form-group">{{ form_widget(form.filter, {label: 'Filtrar'}) }}</div>
                                <div class="field-text form-group">
                                    <a href="#" id="clear-filter" class="btn btn-secondary">Limpiar</a>
                                </div>
                            </div>
                        </div>
                    </fieldset>
                </div>
            {{ form_end(form) }}
        </div>
        <div class="container-form-price">
            <form method="post" action="{{ path("admin_product_bulk_update_save") }}">
                <div class="form-fieldset  field-form_fieldset">
                    <fieldset>
                        <table class="table table-bordered table-striped">
                            <thead class="thead-light">
                                <tr>
                                    <th>Producto</th>
                                    <th>SKU</th>
                                    <th class="text-right">
                                        Costo
                                        <div class="btn btn-link" id="btn-copy-repeat-cost" title="Copiar y Repetir">
                                            <i class="fa-regular fa-copy"></i>
                                        </div>
                                    </th>
                                    <th class="text-right">
                                        Precio
                                        <div class="btn btn-link" id="btn-copy-repeat-price" title="Copiar y Repetir">
                                            <i class="fa-regular fa-copy"></i>
                                        </div>
                                    </th>
                                    <th class="text-right">
                                        Precio Oferta
                                        <div class="btn btn-link" id="btn-copy-repeat-offer_price" title="Copiar y Repetir">
                                            <i class="fa-regular fa-copy"></i>
                                        </div>
                                    </th>
                                </tr>
                            </thead>
                            <tbody>
                                {% for product in products %}
                                    <tr class="tr-product-bulk">
                                        <td>{{ product.name }}</td>
                                        <td>{{ product.sku }}</td>
                                        <td>
                                            <input type="text"
                                                   id="update_cost{{ loop.index - 1 }}"
                                                   name="products[{{ product.id }}][cost]"
                                                   value="{{ product.cost }}"
                                                   class="form-control text-right item-cost"
                                                   required>
                                        </td>
                                        <td>
                                            <input type="text"
                                                   id="update_price{{ loop.index - 1 }}"
                                                   name="products[{{ product.id }}][price]"
                                                   value="{{ product.price }}"
                                                   class="form-control text-right item-price"
                                                   required>
                                        </td>
                                        <td>
                                            <input type="text"
                                                   id="update_offer_price{{ loop.index - 1 }}"
                                                   name="products[{{ product.id }}][offer_price]"
                                                   value="{{ product.offerPrice }}"
                                                   class="form-control text-right item-offer-price"
                                                   required>
                                        </td>
                                    </tr>
                                {% endfor %}
                            </tbody>
                        </table>
                        <button type="submit" class="btn btn-primary" style="float: right">Guardar</button>
                    </fieldset>
                </div>
            </form>
        </div>
    </section>
{% endblock %}