{% form_theme formAmazonArticle 'bootstrap_3_layout.html.twig' %}

    {{ form_start(formAmazonArticle, {'attr': {'id': 'articleAmazonFormBasic'}}) }}
    {{ form_errors(formAmazonArticle) }}

<div class="row">

    <fieldset class="content-group">

        <div class="card-body">

            <ul class="nav nav-tabs nav-tabs-highlight text-left">
                <li class="active"><a href="#amazon_info_tab" data-toggle="tab">Información</a></li>
                <li class=""><a href="#amazon_extra_tab" data-toggle="tab">Detalle del paquete</a></li>

            </ul>
            <div class="tab-content">

                <div class="tab-pane active" id="amazon_info_tab">
                    <div class="">

                        <div class="col-md-12">

                            <div class="col-md-6">
                                {{ form_row(formAmazonArticle.isAvailableOnAmazon, { 'attr': {'tabindex': '0'} }) }}
                            </div>

                            <div class="col-md-6">

                                <!-- DISCOUNT FOR MARKETPLACES -->
                                {% if discountMarketplace is not null %}
                                    {% set articleAmazonOfferPricesOBJ = discountMarketplace.discounts %}
                                    <div style="float:right;margin-left:10px;margin-right:10px !important;">
                                    <span class="label border-left-pink label-striped" style="">
                                        {{ articleAmazonOfferPricesOBJ.name }}

                                        {% if  ( discountMarketplace.typeDiscount.id  ==  constant('CoreBundle\\Entity\\TypeDiscount::TYPE_DISCOUNT_AMOUNT') )%}
                                            <h3 style="margin: 0px;">
                                                {{ discountMarketplace.amount }}€
                                            </h3>
                                        {% else %}
                                            {% if discountMarketplace.isDifferentPrices == -1 %}
                                                <h3 style="margin-top: 0px !important; margin-bottom: 0px !important;">
                                                    <small>Por tallas ({{ discountMarketplace.amount }}%)</small>
                                                </h3>
                                            {% else %}
                                                <h3 style="margin: 0px;">
                                                    {% set priceRound = (discountMarketplace.pvp - ( (discountMarketplace.pvp * discountMarketplace.amount ) / 100 ) ) %}
                                                    {{ priceRound | rounded_price(discountMarketplace.roundJson)  | number_format(2, ',', '.')  }}€
                                                    <span style="font-size: 9px;">
                                                        ({{ discountMarketplace.amount }}%)
                                                    </span>
                                                </h3>
                                            {% endif %}
                                        {% endif %}

                                        Del {{ articleAmazonOfferPricesOBJ.dateStart | date('d-m-Y') }}
                                        {% if articleAmazonOfferPricesOBJ.dateEnd %}
                                            al {{ articleAmazonOfferPricesOBJ.dateEnd  | date('d-m-Y') }}
                                        {% endif %}
                                        <br>
                                        <span class="label bg-pink">Marketplace</span>
                                        <br>
                                        {% if articleAmazonOfferPricesOBJ.avoidTextAndHideDiscount %}
                                            Tarifa de modificación de precio
                                        {% endif %}

                                        {% if  discountMarketplace.roundJson != "" %}
                                            {{ rounded_info(discountMarketplace.roundJson)|raw }}
                                        {% endif %}

                                    </span>
                                    </div>
                                {% endif %}

                                <!-- ARTICLE PRICE -->
                                <div style="float:right;margin-left:5px">
                                    <span class="label border-left-success label-striped" style="height:80px">
                                        PVP
                                            {% if articlePrice %}
                                                {% if articlePrice.price1 %}
                                                    <h3 style="margin: 0px;">
                                                        {{ articlePrice.price1 }}€
                                                    </h3>
                                                    <hr>
                                                    <span class="">Tarifa Marketplace</span>
                                                {% else %}
                                                    <h3 style="margin: 0px;">
                                                        {% if 'position:relative; top: calc' in elemento.statsPvpResume %}
                                                            <span class="">Precio por tallas</span>
                                                        {% else %}
                                                            {{ elemento.statsPvpResume }}
                                                        {% endif %}
                                                    </h3>
                                                    <hr>
                                                    <span class="">Precio de venta</span>
                                                {% endif %}
                                            {% else %}
                                                <h3 style="margin: 0px;">
                                                    {% if 'position:relative; top: calc' in elemento.statsPvpResume %}
                                                        <span class="">Precio por tallas</span>
                                                    {% else %}
                                                        {{ elemento.statsPvpResume }}
                                                    {% endif %}
                                                </h3>
                                                <hr>
                                                <span class="">Precio de venta</span>
                                            {% endif %}
                                    </span>
                                </div>

                            </div>

                        </div>


                        <div class="col-md-12" style="margin-top:20px;margin-bottom: 20px;">
                            <hr>
                        </div>

                        <div class="col-md-6">

                            <div class="">
                                <div class="">
                                    {{ form_row(formAmazonArticle.amazonTitle, { 'attr': {'tabindex': '1'} }) }}
                                </div>
                            </div>


                            <div class="">
                                <div class="">
                                    {{ form_row(formAmazonArticle.amazonDescription, { 'attr': {'tabindex': '1'} }) }}
                                </div>
                            </div>


                        </div>

                        <div class="col-md-6">

                            {% if elemento.serie.isBySizes == true %}
                            {% if elemento.id %}
                                <div class="col-md-12" style="padding: 0px;">
                                    <div class="col-md-6">

                                        <div class="">
                                            {{ form_row(formAmazonArticle.amazonPrice, { 'attr': {'tabindex': '2'} }) }}
                                        </div>

                                    </div>
                                    <div class="col-md-6">

                                        <div class="">
                                            <!-- EXTRA AMAZON OFFER PRICE -->
                                            <a href="#" id="open-extra-amazon-offer-price" onclick="openExtraAmazonOfferPriceModal()" class="btn border-danger text-danger btn-flat btn-rounded btn-icon btn-xs" style="margin-top: 10%;">
                                                <i class="icon-coin-euro"></i> Configurar precio por tallas
                                            </a>
                                        </div>

                                    </div>
                                </div>
                            {% else %}
                                <div class="col-md-6">

                                    <div class="">
                                        {{ form_row(formAmazonArticle.amazonPrice, { 'attr': {'tabindex': '2'} }) }}
                                    </div>

                                </div>
                            {% endif %}
                        {% else %}
                            <div class="col-md-6">

                                <div class="">
                                    {{ form_row(formAmazonArticle.amazonPrice, { 'attr': {'tabindex': '2'} }) }}
                                </div>

                            </div>
                        {% endif %}

                            <div class="col-md-6">

                                <div class="">
                                    {{ form_row(formAmazonArticle.dinamicPrice, { 'attr': {'tabindex': '2'} }) }}
                                </div>

                            </div>

                            <div class="row">
                                <div class="col-md-6">

                                    <div class="">
                                        {{ form_row(formAmazonArticle.amazonProtectedUnits, { 'attr': {'tabindex': '2'} }) }}
                                    </div>

                                </div>

                                <div class="col-md-6">

                                    <div class="">
                                        {{ form_row(formAmazonArticle.recommendedBrowseNodes, { 'attr': {'tabindex': '2'} }) }}
                                    </div>

                                </div>
                            </div>

                            <div class="row">
                                <div class="col-md-6">

                                    <div class="">
                                        {{ form_row(formAmazonArticle.amazonKey1, { 'attr': {'tabindex': '2'} }) }}
                                    </div>

                                </div>

                                <div class="col-md-6">
                                    <div class="">
                                        {{ form_row(formAmazonArticle.idPlaza, { 'attr': {'tabindex': '3'} }) }}
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-md-6">
                                    <div class="">
                                        {{ form_row(formAmazonArticle.composition, { 'attr': {'tabindex': '3'} }) }}
                                    </div>
                                </div>

                                <div class="col-md-6">

                                    <div class="">
                                        {{ form_row(formAmazonArticle.countryOrigin, { 'attr': {'tabindex': '2'} }) }}
                                    </div>

                                </div>
                            </div>

                            <div class="row">
                                <div class="col-md-6">

                                    <div class="">
                                        {{ form_row(formAmazonArticle.typeShoeWidth, { 'attr': {'tabindex': '2'} }) }}
                                    </div>

                                </div>

                                <div class="col-md-6">

                                    <div class="">
                                        {{ form_row(formAmazonArticle.typePlatformHeight, { 'attr': {'tabindex': '2'} }) }}
                                    </div>

                                </div>
                            </div>

                        </div>

                        <div class="col-md-12" style="margin-top:20px;margin-bottom: 20px;">
                            <hr>
                        </div>
                        <div class="row">
                            <div class="col-md-4">

                                <div class="">
                                    {{ form_row(formAmazonArticle.amazonPvpr, { 'attr': {'tabindex': '2'} }) }}
                                </div>

                            </div>
                            <div class="col-md-4">

                                <div class="">
                                    {{ form_row(formAmazonArticle.amazonSpecialFeatures, { 'attr': {'tabindex': '2'} }) }}
                                </div>

                            </div>

                            <div class="col-md-4">

                                <div class="">
                                    {{ form_row(formAmazonArticle.amazonOcasion, { 'attr': {'tabindex': '2'} }) }}
                                </div>

                            </div>
                        </div>

                    </div>
                </div>

                <div class="tab-pane" id="amazon_extra_tab">
                    <div class="panel-body">

                        <div class="col-md-6">

                            <div class="">
                                {{ form_row(formAmazonArticle.amazonWeight, { 'attr': {'tabindex': '0'} }) }}
                            </div>

                        </div>

                        <div class="col-md-6">

                            <div class="">
                                <div class="">
                                    {{ form_row(formAmazonArticle.amazonHeight, { 'attr': {'tabindex': '1'} }) }}
                                </div>
                            </div>

                        </div>

                        <div class="col-md-6">

                            <div class="">
                                <div class="">
                                    {{ form_row(formAmazonArticle.amazonWidth, { 'attr': {'tabindex': '1'} }) }}
                                </div>
                            </div>

                        </div>

                        <div class="col-md-6">

                            <div class="">
                                {{ form_row(formAmazonArticle.amazonLength, { 'attr': {'tabindex': '2'} }) }}
                            </div>

                        </div>

                        <div class="col-md-6">

                            <div class="">
                                {{ form_row(formAmazonArticle.fulfillmentLatency, { 'attr': {'tabindex': '2'} }) }}
                            </div>

                        </div>

                        <div class="col-md-6">

                            <div class="">
                                {{ form_row(formAmazonArticle.merchantShippingGroupName, { 'attr': {'tabindex': '2'} }) }}
                            </div>

                        </div>

                    </div>
                </div>


                {% if roleRight == true  or user.isWebManager %}
                <div class="col-md-12">
                    <div class="text-right">
                        <button type="submit" class="btn btn-flat btn-rounded text-color3 border-color3"><i class="icon-download position-left"></i>Guardar cambios para Market Place</button>
                    </div>
                </div>
                {% endif %}

            </div>






        </div>



    </fieldset>

    {{ form_end(formAmazonArticle) }}
</div>


<script>
    $(document).ready(function(){
    });

    // OPEN EXTRA BARCODE MODAL
    function openExtraAmazonOfferPriceModal(){
        $('#article-extra-amazon-offer-price-modal').modal('show');
    }

    $(function(){

        $('#articleAmazonFormBasic_amazonPvpr').keypress(function(event) {
            if ((( (event.which != 46 && event.which != 110) || ( (event.which != 46 && event.which != 110) && $(this).val() == '')) ||
                $(this).val().indexOf('.') != -1) && (event.which < 48 || event.which > 57)) {
                event.preventDefault();
            }
        }).on('paste', function(event) {
            event.preventDefault();
        });
    });
</script>