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

{% block headercontent %}
    <div class="row">
        <div class="col-lg-12 col-md-12 col-xs-12">
            <h3 class="cfj-bgcolor-three pageTitle cfj-color-white">
                Golden Rules

            </h3>
        </div>
    </div>
{% endblock %}

{% block content %}

    {% block stylesheets2nd %}
        {{ parent() }}
        <style>
            .spinner-overlay {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background: rgba(255, 255, 255, 0.7);
                display: flex;
                align-items: center;
                justify-content: center;
                z-index: 10;
            }

            .position-relative {
                position: relative;
            }
        </style>
    {% endblock %}

    <div class="box views marg-sup">
        <div class="row">
            <div class="col-lg-12 col-md-12 col-xs-12 cfj-actions cfj-bgcolor-three">
                <div class="row">
                    <div class='form-group col-lg-12 col-md-12 col-xs-6'>
                        <div class='form-group col-lg-1 col-md-1 col-xs-6 marg-sup cfj-color-three '>
                            <span style="float: right;">Acciones</span>
                        </div>
                        <div class='col-lg-5 col-md-5 col-xs-6 marg-sup buttons'>
                            <button data-tab="todos" id="btnBuscart"
                                    class="btn btn-default btn-flat cfj-actions-btn cfj-color-four" type="submit">
                                <i class="fa fa-search"></i> {% trans %} Ver productos a impactar {% endtrans %}
                            </button>
                        </div>
                    </div>
                </div>
                <br>
            </div>
        </div>

        <div class="box-body">

            <div class="row">
                <div class="col-lg-12 col-md-12 col-xs-12">

                    <ul id="tab-golden" class="nav nav-tabs tab-golden">
                        <li class="active nav-item"><a class="nav-link btn active fuse-ripple-ready" data-toggle="tab" href="#todos">Todos</a></li>
                        <li class="nav-item"><a class="nav-link btn fuse-ripple-ready" data-toggle="tab" href="#variable">Personalizado</a></li>
                        {% for emarketplace in marketplaces %}
                            <li class="nav-item">
                                <a class="nav-link btn fuse-ripple-ready" data-toggle="tab" href="#menu{{ emarketplace.marketplace.codigo }}" data-companymarketplace={{emarketplace.id}} data-marketplaceid={{emarketplace.marketplace.id}}>
                                    <img width="30" src='{{ asset('uploads/images/market/'~ emarketplace.marketplace.logo ) }}'/>
                                </a>
                            </li>
                        {% endfor %}
                    </ul>

                    <div class="tab-content">
                        {% include 'AppBundle:GoldenRules:tabs/all_tab.html.twig' %}
                        {% include 'AppBundle:GoldenRules:tabs/variable_tab.html.twig' %}
                        {% include 'AppBundle:GoldenRules:tabs/marketplaces_tab.html.twig' %}

                        {% include 'AppBundle:GoldenRules:history_section.html.twig' %}
                        {% include 'AppBundle:GoldenRules:history_pending_section.html.twig' %}                      
                    </div>
                </div>
            </div>


            <!-- Seccion para la tabla resultado de buscar -->
            <div class="row">
                <div class="tabla-ajax1 pt-2" id="tabla-ajax">
                    <div class="row">
                        <div class="col-xs-12 col-lg-12 col-md-12">
                            <div class="table-responsive showview">
                                <div id="tabla-datos">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div><!--Fin Seccion para la tabla resultado de buscar -->
        </div>  <!-- End box-body -->
    </div> <!-- End box -->



    <!-- ventanas modales -->


    <!-- Modal inicial-->
    <div class="modal fade cfj-modal cfj-modal-actions cfj-golden-rules" id="modal-inicio" role="dialog" tabindex="-1">
        <div class="modal-dialog">
            <!-- Modal content-->
            <div class="modal-content">
                <form action="#" method="POST">
                    <div class="modal-header">
                        <button type="button" class="close pr-2 pt-1" data-dismiss="modal">×</button>
                        <h4 class="modal-title">Aplicar Markup Global</h4>
                    </div>
                    <div class="modal-body">
                        {# {% for emarketplace in marketplaces %}
                            <div class="row">
                                <div class="col-lg-4 col-md-4 col-xs-4">
                                {{ loop.index }}.-<label>{{ emarketplace.nombre}}</label>
                                </div>
                                <div class="col-lg-3 col-md-3 col-xs-3" id="div{{emarketplace.codigo}}">
                                    <input class="form-control" type="number" step="0.1" min="0" max="100" id="input{{emarketplace.codigo}}" placeholder="3,5%">
                                </div>
                                <div class="col-lg-5 col-md-5 col-xs-5">
                                    <input type="checkbox" value="" id="check{{emarketplace.codigo}}" class="nomarkup"> No aplicar Markup Global
                                </div>
                            </div>
                            {% if not loop.last %}
                                <hr>
                            {% endif %}
                        {% endfor %} #}
                        {#{ render(controller('AppBundle:goldenldenRules:validarmarkupglobal',{'id':empresaid})) }#}
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
                    </div>
                </form>
            </div>
        </div>
    </div><!-- End Modal inicio-->


    <!-- Modal golden-rules-->
    <div class="modal fade cfj-modal cfj-modal-actions cfj-golden-rules" id="modal-golden-rules" role="dialog"
         tabindex="-1">
        <div class="modal-dialog modal-lg">
            <!-- Modal content-->
            <div class="modal-content">
                <form action="#" method="POST">

                    <div class="modal-header p-1">
                        <button type="button" class="close p-1" data-dismiss="modal">×</button>
                        <h4 class="modal-title">Golden Rules</h4>
                    </div>

                    <div class="modal-body p-2">

                        <div class="row">

                        <div class="form-group col-lg-12 col-sm-12">
                                <div class="form-group">
                                    <label for="marketplaceConnection_markupglobal">Conexión con el marketplace</label>
                                    <select id="marketplaceConnection_markupglobal" name="marketplaceConnection_markupglobal" class="form-control" disabled>
                                    </select>
                                </div>
                            </div>

                            <div class="col-lg-3 col-md-3 col-sm-3 col-xs-6 pb-2">
                                <label>Markup Global: </label>
                            </div>
                            <div class="col-lg-3 col-md-3 col-sm-3 col-xs-6 pb-2">
                                <input class="form-control" type="number" step="0.1" min="-100" max="100" id="txtmarkup" placeholder="3.5">
                            </div>

                            <div class="col-lg-3 col-md-3 col-sm-3 col-xs-6 pb-2">
                                <label>Marcar con Markup Global: </label>
                            </div>
                            <div class="col-lg-3 col-md-3 col-sm-3 col-xs-6 pb-2">
                                <div class="form-group onoffswitch estatus_markup">
                                    <input type="checkbox" id="chkestatus_markup" name="chkestatus_markup"
                                            class="onoffswitch-checkbox" value="1" checked="checked"/>
                                    <label class="onoffswitch-label" for="myonoffswitch">
                                        <span class="onoffswitch-inner"></span>
                                        <span class="onoffswitch-switch"></span>
                                    </label>
                                </div>
                            </div>

                        </div>

                        {# <div class="row">
                            <div class="col-lg-12 col-md-12 col-xs-12" align="center">
                                <div class="col-lg-3 col-md-3 col-xs-5">
                                    <label style="margin-top:5px">Máximo Markup: </label>
                                </div>
                                <div class="col-lg-3 col-md-3 col-xs-3">
                                    <input class="form-control" type="number" step="0.1" min="0" max="100"
                                           id="maxmarkupglobal">
                                </div>
                                <div class="col-lg-3 col-md-3 col-xs-5">
                                    <label style="margin-top:5px">Minimo Markup: </label>
                                </div>
                                <div class="col-lg-3 col-md-3 col-xs-3">
                                    <input class="form-control" type="number" step="0.1" min="0" max="100"
                                           id="minmarkupglobal">
                                </div>
                            </div>
                        </div> #}

                    </div>

                    <div class="modal-footer">

                        <button 
                            type="button" 
                            id="btn-save-global"
                            class="btn cfj-deg cfj-actions-btn cfj-color-three btn-default btn-flat btn-save-global"
                            data-tab="todos"
                            data-dismiss="modal"
                        >
                            Generar Golden Rule
                        </button>

                        <button type="button" class="btn btn-flat cfj-actions-btn" data-dismiss="modal">Cerrar</button>

                    </div>

                </form>
            </div>
        </div>
    </div><!-- End Modal golden-rules-->

    <!-- Modal gr-options -->
    <div class="modal fade cfj-modal cfj-modal-actions cfj-golden-rules" id="modal-gr-options" role="dialog"
         tabindex="-1">
        <div class="modal-dialog modal-lg">
            <!-- Modal content-->
            <div class="modal-content">
                <form action="#" method="POST">

                    <div class="modal-header p-1">
                        <button type="button" class="close p-1" data-dismiss="modal">×</button>
                        <h4 class="modal-title">Golden Rules opciones de publicación</h4>
                    </div>

                    <div class="modal-body">

                        <div class="row">

                            <div class="form-group col-lg-12 col-sm-12">
                                <div class="form-group">
                                    <label for="marketplaceConnection_publication_options">Conexión con el marketplace</label>
                                    <select id="marketplaceConnection_publication_options" name="marketplaceConnection_publication_options" class="form-control" disabled>
                                    </select>
                                </div>
                            </div>

                            <div class="form-group col-lg-12 col-sm-12">
                                <div class="form-group">
                                    <label for="publication_options">Opciones de publicación</label>
                                    <select id="publication_options" name="publication_options" class="form-control" multiple="multiple" disabled>
                                    </select>
                                </div>
                            </div>

                            <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
                                <div class="form-group">
                                    <label for="txtmarkup_publication_options">Markup</label>
                                    <input id="txtmarkup_publication_options" class="form-control" type="number" step="0.10" min="-100" max="100" placeholder="0">
                                </div>
                            </div>

                            <div class="mt-4">

                                <div class="col-xs-0 col-sm-0 col-md-3 col-lg-3" align="left">
                                    <label class="mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect"
                                        for="fechainfinita_publication_options">
                                        <input type="checkbox" id="fechainfinita_publication_options" name="fechainfinita_publication_options" value="1"
                                            checked="checked" class="mdl-checkbox__input"/>
                                        <span class="mdl-checkbox__label">Fecha infinita</span>
                                    </label>
                                </div>
                            </div>

                        </div>

                        <div class="row">

                            <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 mb-2">
                                <label for="txtfecha_inicial_publication_options">Desde</label>
                                <div class="input-group date square">
                                    <input
                                        id="txtfecha_inicial_publication_options"
                                        type="text"
                                        name="txtfecha_inicial_publication_options"
                                        class="form-control"
                                        placeholder="Desde *"
                                    >
                                    <span class="input-group-addon square">    <i class="fa fa-calendar"></i></span>
                                </div>
                            </div>

                            <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 mb-2">
                                <label for="txtfecha_final_publication_options">Hasta</label>
                                <div class="input-group date square">
                                    <input
                                        id="txtfecha_final_publication_options"
                                        type="text"
                                        name="txtfecha_final_publication_options"
                                        class="form-control"
                                        placeholder="Hasta"
                                    >
                                    <span class="input-group-addon square">    <i class="fa fa-calendar"></i></span>
                                </div>
                            </div>

                        </div>

                        <div class="row mt-4 mb-4">
                            <div class="form-group col-lg-12 col-sm-12">
                                <label for="name_golden_rule_publication_options">Nombre de la Golden Rule (opcional):</label>
                                    <input id="name_golden_rule_publication_options" name="name_golden_rule_publication_options" type="text"
                                            class="form-control" placeholder="Ingrese nombre de la Golden Rule (opcional)">
                            </div>
                        </div>

                    </div>

                    

                    <div class="modal-footer" style="text-align: center;">
                        <button type="button" id="btn-save-publication_options"
                                class=" btn cfj-deg cfj-actions-btn cfj-color-three btn-default btn-flat btn-save-publication_options"
                                data-tab="todos" data-dismiss="modal">Generar Golden Rule
                        </button>
                    </div>
                    <div class="row p-0 pl-2 pt-2 pr-2 pb-2 text-right">
                        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                            <button type="button" class="btn btn-info float-right" data-dismiss="modal">Cerrar</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div><!-- End Modal gr-options-->


    <!-- Modal gr-categorias -->
    <div class="modal fade cfj-modal cfj-modal-actions cfj-golden-rules" id="modal-gr-categorias" role="dialog"
         tabindex="-1">
        <div class="modal-dialog">
            <!-- Modal content-->
            <div class="modal-content">
                <form action="#" method="POST">
                    <div class="modal-header">
                        <button type="button" class="close pr-2 pt-1" data-dismiss="modal">×</button>
                        <h4 class="modal-title">Golden Rules Categorias</h4> <input readonly class="form-control"
                                                                                    type="hidden" id="sel_categoria">
                    </div>
                    <div class="modal-body">

                        <div class="row">

                            <div class="form-group col-lg-12 col-sm-12">
                                <div class="form-group">
                                    <label for="marketplaceConnection_category">Conexión con el marketplace</label>
                                    <select id="marketplaceConnection_category" name="marketplaceConnection_category" class="form-control" disabled>
                                    </select>
                                </div>
                            </div>

                            <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
                                <div class="form-group">
                                    <label for="txtmarkup_categorias">Markup</label>
                                    <input id="txtmarkup_categorias" class="form-control" type="number" step="0.10" min="-100" max="100" placeholder="0">
                                </div>
                            </div>

                            <div class="mt-4">

                                <div class="col-xs-0 col-sm-0 col-md-3 col-lg-3" align="left">
                                    <label class="mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect"
                                        for="fechainfinita_categoria">
                                        <input type="checkbox" id="fechainfinita_categoria" name="fechainfinita_categoria" value="1"
                                            checked="checked" class="mdl-checkbox__input"/>
                                        <span class="mdl-checkbox__label">Fecha infinita</span>
                                    </label>
                                </div>
                            </div>

                        </div>

                        <div class="row">

                            <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 mb-2">
                                <label for="txtfecha_inicial_categorias">Desde</label>
                                <div class="input-group date square">
                                    <input
                                        id="txtfecha_inicial_categorias"
                                        type="text"
                                        name="txtfecha_inicial_categorias"
                                        class="form-control"
                                        placeholder="Desde *"
                                    >
                                    <span class="input-group-addon square">    <i class="fa fa-calendar"></i></span>
                                </div>
                            </div>

                            <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 mb-2">
                                <label for="txtfecha_final_categorias">Hasta</label>
                                <div class="input-group date square">
                                    <input
                                        id="txtfecha_final_categorias"
                                        type="text"
                                        name="txtfecha_final_categorias"
                                        class="form-control"
                                        placeholder="Hasta"
                                    >
                                    <span class="input-group-addon square">    <i class="fa fa-calendar"></i></span>
                                </div>
                            </div>

                        </div>

                        <div class="row mt-4 mb-4">
                            <div class="form-group col-lg-12 col-sm-12">
                                <label for="name_golden_rule_category">Nombre de la Golden Rule (opcional):</label>
                                    <input id="name_golden_rule_category" name="name_golden_rule_category" type="text"
                                           class="form-control" placeholder="Ingrese nombre de la Golden Rule (opcional)">
                            </div>
                        </div>

                    </div>
                    <div class="modal-footer" style="text-align: center;">
                        <button type="button" id="btn-save-categorias"
                                class=" btn cfj-deg cfj-actions-btn cfj-color-three btn-default btn-flat btn-save-categorias"
                                data-tab="todos" data-dismiss="modal">Generar Golden Rule
                        </button>
                    </div>
                    <div class="row">
                        <h5 class="modal-title">Reglas registradas</h5>
                        <div class="col-lg-12 col-md-12 col-xs-12">
                            <div id="regla_categoria_anterior">
                            </div>
                        </div>
                    </div>
                    <div class="row p-0 pl-2 pt-2 pr-2 pb-2 text-right">
                        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                            <button type="button" class="btn btn-info float-right" data-dismiss="modal">Cerrar</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div><!-- End Modal gr-categorias-->

    <div class="modal fade cfj-modal cfj-modal-actions cfj-golden-rules" id="modal-gr-marcas" role="dialog"
         tabindex="-1">
        <div class="modal-dialog">
            <!-- Modal content-->
            <div class="modal-content">

                <form action="#" method="POST">
                
                    <div class="modal-header">
                        <button type="button" class="close pr-2 pt-1" data-dismiss="modal">×</button>
                        <h4 class="modal-title">Golden Rules Marcas</h4> <input readonly class="form-control" type="hidden" id="sel_marcas">
                    </div>

                    <div class="modal-body">
                        <div class="row">

                            <div class="form-group col-lg-12 col-sm-12">
                                <div class="form-group">
                                    <label for="marketplaceConnection_brand">Conexión con el marketplace</label>
                                    <select id="marketplaceConnection_brand" name="marketplaceConnection_brand" class="form-control" disabled>
                                    </select>
                                </div>
                            </div>

                            <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
                                <div class="form-group">
                                    <label for="txtmarkup_marcas">Markup</label>
                                    <input id="txtmarkup_marcas" class="form-control" type="number" step="0.10" min="-100" max="100" placeholder="0">
                                </div>
                            </div>

                            <div class="mt-4">

                                <div class="col-xs-0 col-sm-0 col-md-3 col-lg-3" align="left">
                                    <label class="mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect"
                                        for="fechainfinita_marca">
                                        <input type="checkbox" id="fechainfinita_marca" name="fechainfinita_marca" value="1"
                                            checked="checked" class="mdl-checkbox__input"/>
                                        <span class="mdl-checkbox__label">Fecha infinita</span>
                                    </label>
                                </div>
                            </div>

                        </div>

                        <div class="row">

                            <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 mb-2">
                                <label for="txtfecha_inicial_marcas">Desde</label>
                                <div class="input-group date square">
                                    <input
                                        id="txtfecha_inicial_marcas"
                                        type="text"
                                        name="txtfecha_inicial_marcas"
                                        class="form-control"
                                        placeholder="Desde *"
                                    >
                                    <span class="input-group-addon square">    <i class="fa fa-calendar"></i></span>
                                </div>
                            </div>

                            <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 mb-2">
                                <label for="txtfecha_final_marcas">Hasta</label>
                                <div class="input-group date square">
                                    <input
                                        id="txtfecha_final_marcas"
                                        type="text"
                                        name="txtfecha_final_marcas"
                                        class="form-control"
                                        placeholder="Hasta"
                                    >
                                    <span class="input-group-addon square">    <i class="fa fa-calendar"></i></span>
                                </div>
                            </div>

                        </div>

                        <div class="row mt-4 mb-4">
                            <div class="form-group col-lg-12 col-sm-12">
                                <label for="name_golden_rule_brand">Nombre de la Golden Rule (opcional):</label>
                                    <input id="name_golden_rule_brand" name="name_golden_rule_brand" type="text"
                                           class="form-control" placeholder="Ingrese nombre de la Golden Rule (opcional)">
                            </div>
                        </div>

                    </div>
                    <div class="modal-footer" style="text-align: center;">
                        <button type="button" id="btn-save-marcas"
                                class=" btn cfj-deg cfj-actions-btn cfj-color-three btn-default btn-flat btn-save-marcas"
                                data-tab="todos" data-dismiss="modal">Generar Golden Rule
                        </button>
                    </div>
                    <div class="row">
                        <h5 class="modal-title">Reglas registradas</h5>
                        <div class="col-lg-12 col-md-12 col-xs-12">
                            <div id="regla_marca_anterior">
                            </div>
                            <div id="regla_marca_anterior_mobile">
                            </div>
                        </div>
                    </div>

                    <div class="row p-0 pl-2 pt-2 pr-2 pb-2 text-right">
                        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                            <button type="button" class="btn btn-info float-right" data-dismiss="modal">Cerrar</button>
                        </div>
                    </div>

                </form>
            </div>
        </div>
    </div><!-- End Modal gr-marcas-->

    <div class="modal fade cfj-modal cfj-modal-actions cfj-golden-rules" id="modal-gr-tags" role="dialog"
         tabindex="-1">
        <div class="modal-dialog">
            <!-- Modal content-->
            <div class="modal-content">

                <form action="#" method="POST">

                    <div class="modal-header">
                        <button type="button" class="close pr-2 pt-1" data-dismiss="modal">×</button>
                        <h4 class="modal-title">Golden Rules Tags</h4>
                        <input readonly class="form-control"type="hidden" id="sel_productos">
                    </div>

                    <div class="modal-body p-0 pl-2 pr-2 pt-2 pb-2">

                        <div class="row">

                            <div class="form-group col-lg-12 col-sm-12">
                                <div class="form-group">
                                    <label for="marketplaceConnection_tag">Conexión con el marketplace</label>
                                    <select id="marketplaceConnection_tag" name="marketplaceConnection_tag" class="form-control" disabled>
                                    </select>
                                </div>
                            </div>

                            <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
                                <div class="form-group">
                                    <label for="valueType_tags">Tipo de valor</label>
                                    <select id="valueType_tags" name="valueType_tags" class="form-control">
                                        <option value="markup">Markup</option>
                                        <option value="specificprice">Precio específico</option>
                                    </select>
                                </div>
                            </div>

                            <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
                                <div class="form-group">
                                    <label for="rule_value_tags">Valor de la regla</label>
                                    <input name="rule_value_tags" id="rule_value_tags" type="number" class="form-control">
                                    <div style="font-size:11px">Utilizar punto o coma para la parte decimal.</div>
                                </div>
                            </div>

                        </div>

                        <div class="row mt-2">

                            <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 mb-2">
                                <label for="txtfecha_inicial_tags">Desde</label>
                                <div class="input-group date square">
                                    <input
                                        id="txtfecha_inicial_tags"
                                        type="text"
                                        name="txtfecha_inicial_tags"
                                        class="form-control"
                                        placeholder="Desde *"
                                    >
                                    <span class="input-group-addon square">    <i class="fa fa-calendar"></i></span>
                                </div>
                            </div>

                            <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 mb-2">
                                <label for="txtfecha_final_tags">Hasta</label>
                                <div class="input-group date square">
                                    <input
                                        id="txtfecha_final_tags"
                                        type="text"
                                        name="txtfecha_final_tags"
                                        class="form-control"
                                        placeholder="Hasta"
                                    >
                                    <span class="input-group-addon square">    <i class="fa fa-calendar"></i></span>
                                </div>
                            </div>

                        </div>

                        <div class="row mt-2">

                            <div class="col-xs-0 col-sm-0 col-md-3 col-lg-3">

                                <label class="mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect"for="fechainfinita_tags">
                                    <div class="input-group">
                                        <input
                                            id="fechainfinita_tags"
                                            type="checkbox" 
                                            name="fechainfinita_tags"
                                            value="1"
                                            checked="checked"
                                            class="mdl-checkbox__input"
                                        >
                                        <span class="mdl-checkbox__label">Fecha infinita</span>
                                    </div>
                                </label>

                            </div>

                        </div>

                        <div class="row mt-2 text-center">
                            <button
                            id="btn-save-tags"
                            type="button"
                            data-tab="todos"
                            data-dismiss="modal"
                            class=" btn cfj-deg cfj-actions-btn cfj-color-three btn-default btn-flat btn-save-tags"
                            >
                            Generar Golden Rule
                        </button>
                        </div>

                    </div>

                    <div class="modal-footer" style="text-align: center;">

                    </div>

                    <div class="row">
                        <h5 class="modal-title mb-2">Reglas registradas</h5>
                        <div class="col-lg-12 col-md-12 col-xs-12">
                            <div id="regla_tags_anterior" class="p-0 pl-2 pt-2 pr-2 pb-2">
                            </div>
                            <div id="regla_tags_anterior_mobile">
                            </div>
                        </div>
                    </div>

                    <div class="row p-0 pl-2 pt-2 pr-2 pb-2 text-right">
                        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                            <button type="button" class="btn btn-info float-right" data-dismiss="modal">Cerrar</button>
                        </div>
                    </div>

                </form>

            </div>
        </div>
    </div><!-- End Modal gr-tags-->
    
    <div class="modal fade cfj-modal cfj-modal-actions cfj-golden-rules" id="modal-gr-productos" role="dialog"
         tabindex="-1">
        <div class="modal-dialog">
            <!-- Modal content-->
            <div class="modal-content">

                <form action="#" method="POST">

                    <div class="modal-header">
                        <button type="button" class="close pr-2 pt-1" data-dismiss="modal">×</button>
                        <h4 class="modal-title">Golden Rules Productos</h4>
                        <input readonly class="form-control"type="hidden" id="sel_productos">
                    </div>

                    <div class="modal-body p-0 pl-2 pr-2 pt-2 pb-2">

                        <div class="row">

                            <div class="form-group col-lg-12 col-sm-12">
                                <div class="form-group">
                                    <label for="marketplaceConnection_prod">Conexión con el marketplace</label>
                                    <select id="marketplaceConnection_prod" name="marketplaceConnection_prod" class="form-control" disabled>
                                    </select>
                                </div>
                            </div>

                        </div>

                        <div class="row">

                            <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
                                <div class="form-group">
                                    <label for="valueType_prod">Tipo de valor</label>
                                    <select id="valueType_prod" name="valueType_prod" class="form-control">
                                        <option value="markup">Markup</option>
                                        <option value="specificprice">Precio específico</option>
                                    </select>
                                </div>
                            </div>

                            <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
                                <div class="form-group">
                                    <label for="rule_value_prod">Valor de la regla</label>
                                    <input name="rule_value_prod" id="rule_value_prod" type="number" class="form-control">
                                    <div style="font-size:11px">Utilizar punto o coma para la parte decimal.</div>
                                </div>
                            </div>

                        </div>

                        <div class="row mt-2">

                            <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 mb-2">
                                <label for="txtfecha_inicial_prod">Desde</label>
                                <div class="input-group date square">
                                    <input
                                        id="txtfecha_inicial_prod"
                                        type="text"
                                        name="txtfecha_inicial_prod"
                                        class="form-control"
                                        placeholder="Desde *"
                                    >
                                    <span class="input-group-addon square">    <i class="fa fa-calendar"></i></span>
                                </div>
                            </div>

                            <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 mb-2">
                                <label for="txtfecha_final_prod">Hasta</label>
                                <div class="input-group date square">
                                    <input
                                        id="txtfecha_final_prod"
                                        type="text"
                                        name="txtfecha_final_prod"
                                        class="form-control"
                                        placeholder="Hasta"
                                    >
                                    <span class="input-group-addon square">    <i class="fa fa-calendar"></i></span>
                                </div>
                            </div>

                        </div>

                        <div class="row mt-2">

                            <div class="col-xs-0 col-sm-0 col-md-3 col-lg-3">

                                <label class="mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect"for="fechainfinita_prod">
                                    <div class="input-group">
                                        <input
                                            id="fechainfinita_prod"
                                            type="checkbox" 
                                            name="fechainfinita_prod"
                                            value="1"
                                            checked="checked"
                                            class="mdl-checkbox__input"
                                        >
                                        <span class="mdl-checkbox__label">Fecha infinita</span>
                                    </div>
                                </label>

                            </div>

                        </div>

                        <div class="row mt-4 mb-4">
                            <div class="form-group col-lg-12 col-sm-12">
                                <label for="name_golden_rule_product">Nombre de la Golden Rule (opcional):</label>
                                    <input id="name_golden_rule_product" name="name_golden_rule_product" type="text"
                                           class="form-control" placeholder="Ingrese nombre de la Golden Rule (opcional)">
                            </div>
                        </div>

                        <div class="row mt-2 text-center">
                            <button
                            id="btn-save-productos"
                            type="button"
                            data-tab="todos"
                            data-dismiss="modal"
                            class=" btn cfj-deg cfj-actions-btn cfj-color-three btn-default btn-flat btn-save-productos"
                            >
                            Generar Golden Rule
                        </button>
                        </div>

                    </div>

                    <div class="modal-footer" style="text-align: center;">

                    </div>

                    <div class="row">
                        <h5 class="modal-title mb-2">Reglas registradas</h5>
                        <div class="col-lg-12 col-md-12 col-xs-12">
                            <div id="regla_producto_anterior" class="p-0 pl-2 pt-2 pr-2 pb-2">
                            </div>
                            <div id="regla_producto_anterior_mobile">
                            </div>
                        </div>
                    </div>

                    <div class="row p-0 pl-2 pt-2 pr-2 pb-2 text-right">
                        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                            <button type="button" class="btn btn-info float-right" data-dismiss="modal">Cerrar</button>
                        </div>
                    </div>

                </form>

            </div>
        </div>
    </div><!-- End Modal gr-productos-->

    <!-- Modal formacion PrecioBase-->

{% endblock %}

{% block javascripts2nd %}
    {% javascripts
        '@AppBundle/Resources/public/js/GoldenRules/index.js'
    %}
        <script src="{{ asset_url }}"></script>
    {% endjavascripts %}
{% endblock %}