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

{% block title 'Nueva 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> Nueva
    </h3>
{% endblock %}

{% block content %}

    <div class="box views">

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

            <div class="row">

                <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="col-xs-12 col-sm-12 col-md-12 col-lg-12">

                            {{ form_start(form) }}
                                <input type="hidden" name="parent" id="parent" value="dad">
                                <div class="row">

                                    <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
                                        <div class="form-group">
                                            {{ form_label(form.codigo,'Codigo:'|trans) }}
                                            {{ form_widget(form.codigo, {'attr':{'class':'form-control','placeholder':'Categoria'} }) }}
                                            {{ form_errors(form.codigo, {'attr':{'class':'form-control'} }) }}
                                        </div>
                                    </div>

                                    <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
                                        <div class="form-group">
                                            {{ form_label(form.nombre,'Nombre:'|trans) }}
                                            {{ form_widget(form.nombre, {'attr':{'class':'form-control','placeholder':'Nombre'} }) }}
                                            {{ form_errors(form.nombre, {'attr':{'class':'form-control'} }) }}
                                        </div>
                                    </div>

                                    <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
                                        <div class="form-group">
                                            <label for="categoria">Categoría Padre</label>
                                            <select class="form-control" id="parent_id" name="parent_id">
                                                <option selected disabled>Seleccione</option>
                                            </select>
                                        </div>
                                    </div>

                                </div>

                            {{ form_errors(form) }}
                            {{ form_rest(form) }}
                            {{ form_end(form) }}

                        </div>

                    </div>

                </div>

            </div>

        </div>

    </div>

{% endblock %}

{% block javascripts2nd %}

    <script>

        $(document).ready(function () {

            $('.onoffswitch').on('click', function () {
                var input = $('input[id*="vigente"]');
                var check = input.prop('checked');
                if (!check) {
                    input.prop('checked', true);
                } else {
                    input.prop('checked', false);
                }
            });


            var data = {
                parentid: 0
            };


            let parentCategoriesSelect = $('#parent_id');

            $.ajax({
                type: 'post',
                url: '{{ path('opt_all_categorias_proveedor') }}',
                data: data,
                dataType: 'json',
                success: function (data) {
                    $.each(data, function (i, e) {
                        parentCategoriesSelect.append('<option value="' + e.codigo + '">' + e.nombre + '</option>');
                    });
                }
            });

        });
    </script>

{% endblock %}