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

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

{% endblock %}
  
{% block content %}
    <div class="box">
        <div class="box-body">
            <div class='box views'>
                <div class="row">
                    <div class="col-xs-12 col-lg-12 col-md-12 box-tools mt-4 mb-2">
                        <div class='box-tools-inner'>
                            <div class="row">

                                <div class='form-group col-lg-11 col-md-11 col-sm-12 col-xs-12' style="padding: 1rem">

                                    <div class="input-group">
                                        <input
                                                id="search"
                                                name="search"
                                                type="text"
                                                value=""
                                                class="form-control filter-input-search-rounded col-lg-12 col-md-12 col-xs-12"
                                                placeholder="Buscar por Codigo o Nombre"
                                        >
                                        <div class="input-group-btn ">
                                            <button id="btnGetSearch" class="btn btn-default btn-flat filter-button-search-rounded">
                                                <i class="fa fa-search" aria-hidden="true"></i>
                                            </button>
                                        </div>
                                    </div>

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

                                    <div class="w-auto m-0 ml-1 mr-1 mdl-textfield mdl-js-textfield getmdl-select cfj-color-three pr-3">

                                            <a class="btn cfj-deg cfj-actions-btn cfj-color-three btn-default btn-flat"
                                               href="{{ path('CategoriaProveedor_newAction') }}">
                                               <i class="fa fa-plus"></i>{% trans %}Nuevo{% endtrans %}
                                            </a>

                                    </div>

                                </div>

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

                <div id="dataListTable">
                    {% include 'AppBundle:CategoriaProveedor:table.html.twig' with { 'categories' : categories } %}
                </div>

                {% for flash_message in app.session.flashbag.get('notice') %}
                    <input type="hidden" id="edit_category" name="edit_category" value="{{ flash_message }}">
                {% endfor %}

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


{% endblock %}

{% block javascripts2nd %}

    {% javascripts
        '@AppBundle/Resources/public/js/HTML/global/html_blocks.js'
        '@AppBundle/Resources/public/js/CategoriaProveedor/index.js'
    %}
        <script src="{{ asset_url }}"></script>
    {% endjavascripts %}
{% endblock %}