{% extends 'dashboard/layout.html.twig' %}

{% block title %}Artículos{% endblock %}

{% block stylesheets %}
{% endblock %}

{% block body %}

    <div id="wrapper">
        <div class="content">
            <div class="row">
                <div class="col-md-12" id="small-table">
                    <div class="panel_s">

                        <div class="panel-body">

                            <div class="row">
                                <div class="col-md-12 ">
                                    <h4 class="no-margin font-bold">
                                        {#                                        <i class="fa fa-shopping-basket" aria-hidden="true"></i>#}
                                        Artículos
                                    </h4>
                                    <hr>
                                </div>
                            </div>

                            <div class="row">

                                <div class="_buttons col-md-3">
                                    <a href="{{ path('app_items_new') }}"
                                       class="btn btn-info pull-left mright10 display-block">
                                        Crear
                                    </a>
                                </div>

                            </div>
                            <br>

                            <div class="">
                                <div id="DataTables_Table_0_wrapper"
                                     class="dataTables_wrapper form-inline dt-bootstrap no-footer">
                                    <div class="table-responsive">
                                        <table class="table table-table_manage_delivery delivery_sm dataTable no-footer"
                                               id="DataTables_Table_0" role="grid"
                                               aria-describedby="DataTables_Table_0_info">
                                            <thead>
                                            <tr role="row">
                                                <th tabindex="0" aria-controls="DataTables_Table_0"
                                                    rowspan="1" colspan="1">
                                                    Descripción
                                                </th>
                                                <th tabindex="0" aria-controls="DataTables_Table_0"
                                                    rowspan="1" colspan="1">
                                                    Precio
                                                </th>
                                                <th tabindex="0" aria-controls="DataTables_Table_0"
                                                    rowspan="1" colspan="1">
                                                    Cantidad
                                                </th>
                                                <th tabindex="0" aria-controls="DataTables_Table_0"
                                                    rowspan="1" colspan="1">
                                                    Cantidad Disponible
                                                </th>
                                                <th tabindex="0" aria-controls="DataTables_Table_0"
                                                    rowspan="1" colspan="1">
                                                    Cantidad No Disponible
                                                </th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            {% for item in tblitems %}
                                                <tr class="odd">
                                                    <td>
                                                        <a>{{ item.description }}</a>
                                                        <div class="row-options">
                                                            <a href="{{ path('app_items_edit', {'id': item.id}) }}">Editar</a>
                                                        </div>
                                                    </td>
                                                    <td>$ {{ item.rate }}</td>
                                                    <td>{{ item.crmExQuantity }}</td>
                                                    <td>{{ item.crmExQuantityAvailable }}</td>
                                                    <td>{{ item.crmExQuantityNotAvailable }}</td>
                                                </tr>
                                            {% endfor %}
                                            </tbody>
                                        </table>
                                    </div>
                                    {#                                    <div class="row">#}
                                    {#                                        <div class="col-md-4">#}
                                    {#                                            <div class="dataTables_info" id="DataTables_Table_0_info" role="status"#}
                                    {#                                                 aria-live="polite">Showing 1 to 1 of 1 entries#}
                                    {#                                            </div>#}
                                    {#                                        </div>#}
                                    {#                                    </div>#}
                                    <div class="row">
                                        <div class="dataTables_paginate paging_simple_numbers"
                                             id="DataTables_Table_0_paginate">
                                            <div class="navigation font-light">
                                                {{ knp_pagination_render(tblitems) }}
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

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

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


{% block javascripts %}
    {{ parent() }}
{% endblock %}