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

{% block title 'Insertar Categoria Full Jaus'|trans %}
    
{% block stylesheets %}
    <link href="{{ asset('bundles/app/dist/easyautocomplete/easy-autocomplete.min.css') }}" rel="stylesheet"/>
    <link rel="Stylesheet" type="text/css" href="{{ asset('bundles/app/dist/croppie/demo/prism.css') }}"/>
    <link rel="Stylesheet" type="text/css" href="{{ asset('bundles/app/dist/croppie/dist/sweetalert.css') }}"/>
    <link rel="Stylesheet" type="text/css" href="{{ asset('bundles/app/dist/croppie/croppie.css') }}"/>


{% endblock %}


{% block headercontent %}
    {% trans %}Categoria Full Jaus{% endtrans %}
{% endblock %}

{% block content %}


    <div class="box">
        <div class="box-header">
            <h3 class="box-title">{% trans %}Insertar Categoria Full Jaus{% endtrans %}</h3>
            <div class="box-tools">
                <a class="btn btn-danger" href="{{ path('CategoriaGlobal_indexAction') }}"><i
                            class="fa fa-remove text-white">{% trans %}Regresar{% endtrans %}</i> </a>
            </div>

        </div><!-- /.box-header -->
        <div class="box-body">


            {{ form_start(form) }}


            <div class="row">
                <div class="col-xs-12 col-sm-12 col-md-12">
                    <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>


            <div class="row">
                <div class="col-xs-12 col-sm-12 col-md-12">
                    <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>


            <div class="row">
                <div class="col-xs-12 col-sm-12 col-md-12">
                    {{ form_label(form.parent_id2, 'Categoria Padre:') }}
                    {{ form_widget(form.parent_id2, {'attr':{'class':'form-control'}}) }}
                    {{ form_errors(form.parent_id2) }}

                </div>
            </div>


            <div class="row">
                <div class="col-lg-6 col-md-6 col-xs-12">
                    <div class="form-group">
                        {{ form_label(form.vigente,'Vigente') }}
                        <div class="form-group onoffswitch">
                            {{ form_widget(form.vigente, {'attr':{'class':'onoffswitch-checkbox'} }) }}
                            <label class="onoffswitch-label" for="myonoffswitch">
                                <span class="onoffswitch-inner"></span>
                                <span class="onoffswitch-switch"></span>
                            </label>
                        </div>
                    </div>
                </div>
            </div>


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


        </div><!-- /.box-body -->
        <div class="box-footer">

        </div><!-- box-footer -->
    </div><!-- /.box -->
{% endblock %}


{% block javascripts %}
    <script src="{{ asset('bundles/app/dist/easyautocomplete/jquery.easy-autocomplete.min.js') }}"
            type="text/javascript"></script>
    <script src="{{ asset('bundles/app/dist/croppie/demo/prism.js') }}" type="text/javascript"></script>
    <script src="{{ asset('bundles/app/dist/croppie/dist/sweetalert.min.js') }}" type="text/javascript"></script>
    <script src="{{ asset('bundles/app/dist/croppie/croppie.js') }}" type="text/javascript"></script>


    <script>

        $(document).ready(function () {

            $('form').on('submit', function (e) {

                $(this).submit();
            });


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

            var data = {
                parentid: 0
            };


            var $mascota_selector2 = $('select[id*="_parent_id2"]');
            $mascota_selector2.children().remove();
            $.ajax({
                type: 'post',
                url: '{{ path('opt_all_categorias_global') }}',
                data: data,
                dataType: 'json',
                success: function (data) {
                    $.each(data, function (i, e) {
                        $mascota_selector2.append('<option value="' + e.codigo + '">' + e.nombre + '</option>');
                    });
                }
            });


        });
    </script>


{% endblock %}