{% extends "base.html" %}



{% block title %}
    <title>Detalhes do patchpanel</title>
{% endblock %}


{% block extra-css %}
    {% load staticfiles %}   

{% endblock %}





{% block titulo %}
<div class="row">
    <div class="col-lg-12">
        <h3 class="page-header"><i class="fa fa-cube fa-fw"></i>Patchpanel</h3>
    </div>
    <!-- /.col-lg-12 -->
</div>
{% endblock %}


<!-- Lista de locais -->
{% block conteudo1 %}
            <!-- /.row -->
            <div class="row">
                <div class="col-lg-8">
                    <div class="panel panel-default">
                        <div class="panel-body">
                            <div class="iteminfo"> 
                                <p><b>N&uacute;mero/Id:</b> {{ patchpanel.num }}</p>
                                <p><b>Rack:</b> {{ patchpanel.rack }} </p>                            
                                <p><b>Portas:</b> {{ patchpanel.ports }} </p>
                            </div>                            
                        </div>
                        <!-- /.panel-body -->
                    </div>
                    <!-- /.panel -->              
                </div>
               

                <!-- /.col-lg-6 -->
 

            </div>
               
                    <div class="btn-group">
                        <a href="{% url 'patchpanellist' %}" alt="Todos os patchpanels" title="Todos os patchpanels">
                            <button class="btn btn-default" type="button">Todos os patchpanels</button>
                        </a>
                    </div>

                    <div class="btn-group">
                        <a href="{% url 'patchpanel_new' %}" alt="Adicionar" title="Adicionar">
                            <button class="btn btn-default" type="button"><i class="glyphicon glyphicon-plus"></i>&nbsp;Adicionar</button>
                        </a>                         
                    </div>

                    <div class="btn-group">
                        <a href="{% url 'patchpanel_edit' pk=patchpanel.pk %}" alt="Editar" title="Editar">
                            <button class="btn btn-default" type="button"><i class="glyphicon glyphicon-pencil text-info"></i>&nbsp;Editar</button>
                        </a>                               
                    </div>

                    <div class="btn-group">
                        <a href="{% url 'patchpanel_delete' patchpanel.id %}" alt="Excluir" title="Excluir">
                            <button class="btn btn-default" type="button"><i class="glyphicon glyphicon-remove text-danger"></i>&nbsp;Excluir</button>
                        </a>                               
                    </div>                                        
                                   
                </br>
                </br>

                <!-- /.col-lg-6 -->




            <div class="row">
                <div class="col-lg-12">
                    <div class="panel panel-default">

                    <h4>&nbsp;&nbsp;<i class="fa  fa-cube fa-fw"></i> Portas do patchpanel</h4>                    

                        {% if p %}                           
                                <table class="table table-striped table-bordered table-hover" id="lista">
                                    <thead>
                                        <th>Porta</th>
                                        <th>patchpanel</th>
                                        <th>obs</th>  
                                        <th>A&ccedil;&otilde;es</th>                                        
                                    </thead>
                                    <tbody>
                                    {% for porta in p %}
                                    <tr>
                                        <td><a href="{% url 'patchpanelport' porta.id %}">{{ porta.num }}</a></td> 
                                        <td>{{ porta.patchpanel }}</td>
                                        <td>{{ porta.obs|default_if_none:"" }}</td>  
                                        <td>
                                            <a href="{% url 'patchpanelport_edit' pk=porta.pk %}" alt="Editar" title="Editar"><i class="glyphicon glyphicon-pencil  text-info"></i></a>&nbsp;
                                            <a href="{% url 'patchpanelport_delete' pk=porta.pk %}" alt="Excluir" title="Excluir"><i class="glyphicon glyphicon-remove text-danger"></i></a>
                                        </td> 
                                    </tr>
                                    {% endfor %}
                                    </tbody>
                                </table>
                        {% else %}
                        <br>
                            <div class="alert alert-danger" role="alert">
                                    <span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></span>
                                    
                                    Nenhuma porta cadastrada neste patchpanel.
                            </div>
            
                        {% endif %}


                    </br>
                    <!-- formulario de adição -->
                    <a href="{% url 'patchpanelport_new' %}" alt="Adicionar" title="Adicionar">
                            <button class="btn btn-default" type="button"><i class="glyphicon glyphicon-plus"></i>&nbsp;Adicionar</button>
                    </a> 
                    <!-- formulario de adição -->
                    </br></br>




                    </div>
                    <!-- /.panel -->
                </div>
                <!-- /.col-lg-12 -->                    
                

            </div>
            <!-- /.row -->




{% endblock %}




{% block extra-js %}
    {% load staticfiles %}   
    
    <script src="{% static "js/highcharts.js" %}"></script>
    <script src="{% static "js/exporting.js"   %}"></script>


                                  


{% endblock %}