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

{% block title 'Editar Categoria Proveedor'|trans %}

{% block headercontent %}
    <h3 class="cfj-bgcolor-three pageTitle cfj-color-white">
        Catálogo <i class="fa fa-angle-right"></i> Gestión de Categorías <i class="fa fa-angle-right"></i> Editar
    </h3>
{% endblock %}

{% block content %}
    <div class="box views">

        <div class="box-header" style="top: -40px;"></div>
        
        <div class="row">

            {% if providerCategory.parent_id != providerCategory.codigo or providerCategory.parent_id != 0 %}
                {% set categoryName = providerCategory.nombre |split(' > ') %}
            {% endif %}

            <input 
                type = 'hidden'
                id   = "providerCategoryData"
                data-id       = "{{ providerCategory.id }}"
                data-company  = "{{ providerCategory.empresa_id }}"
                data-provider = "{{ providerCategory.proveedor_id }}"
                data-code     = "{{ providerCategory.codigo }}"
                data-parentid = "{{ providerCategory.parent_id }}"
                value         = "{{ categoryName|last }}"
            >

            {% if parentCategory %}
                <input 
                    type = 'hidden'
                    id   = "providerParentCategoryData"
                    data-id       = "{{ parentCategory.id }}"
                    data-company  = "{{ parentCategory.empresa.id }}"
                    data-provider = "{{ parentCategory.proveedor.id }}"
                    data-code     = "{{ parentCategory.codigo }}"
                    data-parentid = "{{ parentCategory.getParentId }}"
                    value         = "{{ parentCategory.nombre }}"
                >
            {% endif %}
            
            {% if globalCategory %}
                <input 
                    type = 'hidden'
                    id   = "globalCategorySingleTree"
                    data-department  = "{{ globalCategoryTree.departmentId }}"
                    data-category    = "{{ globalCategoryTree.categoryId }}"
                    data-subcategory = "{{ globalCategoryTree.id }}"
                >
            {% endif %}

            <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
                <div class="panel cfj-panel">
                    <div class="panel-heading cfj-deg-violeta" style="color: #fff;">
                        Categoría Proveedor
                    </div>
                    <div class="panel-body">
                    
                        <div class="row">

                            <div class="col-xs-12 col-sm-12 col-md-3 col-lg-3">
                                <div class="form-group">
                                    <label class="required">Codigo:</label>
                                    <p class="form-control bg-disabled auto-h" >{{ providerCategory.codigo }}</p>
                                </div>
                            </div>
                            
                            <div class="col-xs-12 col-sm-12 col-md-9 col-lg-9">

                                <div class="form-group">
                                    <label class="required">Categoría:</label>
                                    <p class="form-control bg-disabled auto-h">{{ providerCategory.nombre | replace({'>': '<i class="fa fa-chevron-right" aria-hidden="true"></i>' }) | raw }}</p>
                                </div>

                                <div class="row" name="categoriaproveedor[form]" style = "display:none;">

                                {% if providerCategory.parent_id == providerCategory.codigo or providerCategory.parent_id == 0 %}

                                {# Mostrará solo el input cuando sea un departamento (parent_id = 0) #}

                                    <div class="col-md-12">
                                        <div class="form-group">
                                            <label class="required">Editar nombre:</label>
                                            <input
                                                type ="text"
                                                name          = "categoriaproveedor[nombre]"
                                                class         = "form-control"
                                                value         = "{{ providerCategory.nombre }}"
                                                placeholder   = "Ingrese el nombre de la categoría"
                                            >
                                        </div>
                                    </div>

                                {% else %}

                                    {% set categoryName = providerCategory.nombre |split(' > ') %}
                                    {% set parentCategoryPosition = categoryName|length - 2%}

                                    {% if parentCategoryPosition > 0 %}
                                        {% set parentCategoryHelpText = 'Solo se podrá buscar en las categorías hijas de' ~ categoryName[parentCategoryPosition] %}
                                    {% else %}
                                        {% set parentCategoryHelpText = 'Solo se podrá buscar en las categorías raíz (Departamentos)' %}
                                    {% endif %}

                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label>Cambiar padre (buscar y seleccionar):</label>
                                            <i data-toggle="tooltip" class="fa fa-question-circle cfj-info"
                                            data-placement="top" title="{{ parentCategoryHelpText }}, con esta función no se puede agregar una nueva categoría padre. Para agregar una nueva ir a Gestión > Categorías > Nuevo">
                                            </i>
                                            <input
                                                type          = "text"
                                                name          = "categoriaproveedor[searchParent]"
                                                class         = "form-control"
                                                value         = "{{ parentCategory.nombre }}"
                                                placeholder   = "Nombre de la categoría"
                                                
                                            >
                                        </div>
                                    </div>

                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="required">Editar nombre::</label>
                                            <input 
                                                type ="text"
                                                name          = "categoriaproveedor[nombre]"
                                                class         = "form-control"
                                                value         = "{{ categoryName|last }}"
                                                placeholder   = "Ingrese el nombre de la categoría"
                                            >
                                        </div>
                                    </div>

                                {% endif %}


                                </div>

                            </div>

                        </div>

                        {# Esta fincionalidad queda cuando se haga el impacto en los productos afectados #}
                        {# <div class="row">

                            <div class="col-md-12">
                                <div class="form-group float-right">
                                <p class="mb-1" style="font-weight: 700;">Estado:</p>
                                    <div class="form-group onoffswitch single-onoffswitch">
                                        <input
                                            type    = "checkbox"
                                            data-id = "{{ providerCategory.id }}"
                                            class   = "onoffswitch-checkbox"
                                            checked = "{{ providerCategory.vigente == true }}"
                                            >
                                        <label class="onoffswitch-label" for="myonoffswitch">
                                            <span class="onoffswitch-inner"></span>
                                            <span class="onoffswitch-switch"></span>
                                        </label>
                                    </div>
                                </div>
                            </div>

                        </div> #}

                        <div class="row">

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

                                <button
                                    name  = "categoriaproveedor[button_cancel_edit]"
                                    class = "btn btn-default btn-flat mt-4 float-right"
                                    style = "display:none;"
                                >Cancelar</button>
                                
                                <button 
                                    name  = "categoriaproveedor[button_edit]"
                                    class = "btn btn-default btn-flat mt-4 float-right mr-2"
                                >Editar</button>

                            </div>

                        </div>

                    </div>
                </div>
            </div>

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

                    <div class="panel-heading cfj-deg-violeta" style="color: #fff;">
                        Asociar Categoría Global
                    </div>

                    <div class="panel-body">

                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label class="required">Categoría Global:</label>
                                    <p class="form-control bg-disabled auto-h" >
                                    {% if globalCategory %}
                                        {{ globalCategoryTree.nombre | replace({'>': '<i class="fa fa-chevron-right" aria-hidden="true"></i>' }) | raw }}
                                    {% else %}
                                        Categoría global no asociada
                                    {% endif %}
                                    </p>
                                </div>
                            </div>
                        </div>


                        {% include 'AppBundle:CategoriaProveedor:mapping_category_form.html.twig' with {'id': providerCategory.id, 'initialDisplay': false } %}

                        <div class="row">

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

                                <button
                                    name  = "categoriaglobal[button_cancel_edit]"
                                    class = "btn btn-default btn-flat mt-4 float-right"
                                    style = "display:none;"
                                >Cancelar</button>

                                <button
                                    name  = "categoriaglobal[button_edit]"
                                    class = "btn btn-default btn-flat mt-4 float-right  mr-2"
                                >Editar</button>

                            </div>

                        </div>

                    </div>
                </div>

            </div>

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

        <div class="box-footer"></div>
        
    </div>
{% endblock %}

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