{% extends "base.html" %}
{% block title %}
    Recepcion
{% endblock %}

{% block breadcrumbs %}
    {{ block.super}}

    <li class="{{ padron_ac}}" >
        <a href="{% url "lista-recepcion" %}">Recepcion</a>
    </li>

{% endblock %}
{% block content %}
    <div class="row">
        <div class="span12">
            <div class="dgtic-panel">
                <div class="dgtic-panel-header">
                    <span class="dgtic-panel-title">
                        <i class="icon-tags"></i>
                        Recepcion
                    </span>
                </div>
                <div class="dgtic-panel-content dgtic-table-container">
                    <div class="dgtic-panel-content">
                        Mostrar:
                        <select onchange="handleSubmitSearch();" name="rpp" id="id_rpp" style="width: inherit;">
                            <option value="50" {% if rpp == 50 %}selected{% endif %}>50</option>
                            <option value="100" {% if rpp == 100 %}selected{% endif %} >100</option>
                            <option value="150" {% if rpp == 150 %}selected{% endif %} >150</option>
                            <option value="200" {% if rpp == 200 %}selected{% endif %} >200</option>
                        </select>
                        registros

                        <div class="pull-right">
                            <input onkeypress="handleSearchInput(event);" type="text" name="search" id="id_search" placeholder="Buscar" value="{{ search }}"/>
                            <button class="btn" onclick="handleSearchInput(event)">
                                <i class="icon-search"></i>
                            </button>
                        </div>
                    </div>
                    <div class="dgtic-panel-toolbar">
                    <div class="btn-toolbar">
                        <div class="btn-group">
                            <a href="{% url "crear-recepcion" %}" class="btn btn-success">
                                <i class="icon-circle-plus"></i>
                                Agregar Recepcion
                            </a>
                        </div>
                    </div>
                    </div>
                 <div style="overflow:auto">
                    <table id="id_tiposervicio_table" class="dgtic-table">
                        <thead>
                            <tr>
                                <th>id</th>
                                <th>Articulo</th>
                                <th>Marca</th>
                                <th>Modelo</th>
                                <th>Serie</th>
                                <th>Proveedor</th>
                                <th>Fecha</th>
                                <th>Observaciones</th>
                                <th>Resguardo</th>
                                <th>Usuario</th>
                                <th>Dependencia</th>
                                <th>Departamento</th>
                                <th>Estado</th>
                                <th>Estatus</th>
                            </tr>
                        </thead>
                        <tbody>
                                {% for bienes in bienes_list %}
                                <tr {% if bienes.externo %} style="background-color:#6A92D4;"{% else %} style="background-color:#FF9073;" {% endif %} >
                                <td><a href="{% url "detalle-recepcion" bienes.id %}" >{{ bienes.id }}</a></td>

                                <td>{{ bienes.descripcion }}</td>
                                <td>{{ bienes.marca }}</td>
                                <td>{{ bienes.modelo }}</td>
                                <td>{{ bienes.no_serie }}</td>
                                <td>{{ bienes.proveedor }}</td>
                                <td>{{ bienes.fecha_alta }}</td>
                                <td>{{ bienes.observaciones }}</td>
                                <td>{{ bienes.no_resguardo }}</td>
                                <td>{{ bienes.usuarios| default:'N/A' }}</td>
                                <td>{{ bienes.usuarios.dependencias.nombre }}</td>
                                <td>{{ bienes.usuarios.departamentos.nombre }}</td>
                                <td>{{ bienes.estado }}</td>
                                <td>{{ bienes.estatus.texto|default:"Sin estatus"}}</td>
                                </tr>
                                {% empty %}
                                    <tr>
                                    <td colspan="11">No se encontró ningún usuario</td>
                                    </tr>
                                {% endfor %}
                        </tbody>
                    </table>
</div>
                    <div class="dgtic-panel-content">
                        {% include "paginacion.html" %}
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}
{% block extrajs %}
    <script>
        var handleSearchInput = function(event) {
            if (event.keyCode == 13 || event.type=="click"){
                return handleSubmitSearch();
            }
            return false;
        };

        var handleSubmitSearch = function() {
            var qs = $('#id_rpp, #id_search').serialize();
            $(location).attr('href', '?' + qs);
            return false;
        }
    </script>
{% endblock %}