{% extends "AppBundle::layout_backend.html.twig" %}

{% block headercontent %}{% endblock %} 

{% block content %}

    <div class="col-xs-12 col-sm-12 col-md-offset-3 col-lg-offset-3 col-md-6 col-lg-6">
        <div class="row">
            <div class="col-xs-12 col-sm-12 col-md-12">
                <div class="panel cfj-panel">

                    <div class="panel-heading cfj-deg-violeta" style="color: #fff;">Asignación Obligatoria del Markup</div>

                    <div class="panel-body">
                        {{ form_start(form, {'attr':{'class':'w-100'}}) }}
                            <div class="row">
                                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                                    <table class="table table-bordered table-hover table-responsive" 
                                        data-prototype="{{ form_widget(form.empresamarketplaces.vars.prototype)|e('html_attr') }}">

                                        <thead>
                                            <tr class="tr-top-table">
                                                <th>Marketplace</th>
                                                <th>Markup <i data-toggle="tooltip" class="fa fa-question-circle cfj-info" data-placement="top" title="Si no se indica el valor del markup se toma 0"></i></th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            {% for emarketplace in form.empresamarketplaces %}
                                                <tr>
                                                    <td class="inputGoldenRulesMarketplace">
                                                        {{ form_widget(emarketplace.marketplace, {'attr':{'class':'w-100'} }) }}
                                                    </td>
                                                    <td class="inputGoldenRules">
                                                        {{ form_widget(emarketplace.markupglobal, {'attr':{'class':'w-100'} }) }}
                                                        {{ form_widget(emarketplace.noaplicarmarkupglobal) }}
                                                    </td>
                                                </tr>
                                            {% else %}
                                                <tr class="danger">
                                                    <td colspan="2">
                                                        No hay resultados para mostrar.
                                                    </td>
                                                </tr>
                                            {% endfor %}
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                            <div class="text-right">
                                {{ form_errors(form) }}
                                {{ form_rest(form) }}
                                {{ form_end(form) }}
                            </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}

{% block javascripts2nd %}
    <script>
        $(document).ready(function () {
            $('#users_empresa_markup_submit').on("click", function (e) {
                e.preventDefault();
                $.each($('input[id*=_markupglobal]'), function () {
                    if($(this).val() === null || $(this).val().match(/^ *$/) !== null){
                        $(this).val(0);
                    }
                });
                $('form').submit();
            });

        });
    </script>
{% endblock %}