{% extends "ace/base.html" %}



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


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

{% endblock %}





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


<!-- Lista de locais -->
{% block conteudo1 %}
            <div class="row">
				<div class="col-lg-12">
                    <div class="panel panel-default">
                        <div class="panel-body">
                            <p><b>Local:</b> {{ rack.place }}</p>                            
                        </div>
                        <!-- /.panel-body -->
                    </div>
                    <!-- /.panel -->
                </div>
                <!-- /.col-lg-6 -->      
            </div>
            <!-- /.row -->
                  

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

            <div class="btn-group">
                <a href="{% url 'rack_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 'rack_edit' pk=rack.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 'rack_delete' rack.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>                        

   

            {% if points %}            
            <a href="{% url 'rackreport' rack_id=rack.id %}" alt="Relat&oacute;rio do rack" title="Relat&oacute;rio do rack" target="blank">
                <button class="btn btn-default" type="button"><i class="fa fa-file-pdf-o fa-fw"></i>Relat&oacute;rio do rack</button>
            </a>    
            {% endif %}                      
            </br>
            </br>

            <div class="row">
                <div class="col-lg-12">
                    <div class="panel panel-default">   
                    <h4>&nbsp;&nbsp;<i class="fa  fa-tasks fa-fw"></i> Switches</h4>                        
                        {% if s %}
                                                        
                                <table class="table table-striped table-bordered table-hover">
                                    <thead>
                                        <th>Nome</th>
                                        <th>Fabricante</th>
                                        <th>Modelo</th>
                                        <th>Rack</th>
                                    </thead>
                                    <tbody>
                                    {% for switch in s %}
                                    <tr>
                                        <td><a href="{% url 'switchdetail' switch.id %}">{{ switch.name }}</a></td>
                                        <td>{{ switch.manufactorer }}</td>
                                        <td>{{ switch.devicemodel }}</td>
                                        <td>{{ switch.rack }}</td>
                                    </tr>
                                    {% endfor %}
                                    </tbody>
                                </table>
                            
                        {% else %}
                        <br>
                            <div class="alert alert-danger" role="alert">
                                    <span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></span>
                                    
                                    Nenhum switch cadastrado neste rack.
                            </div>
            
                        {% endif %}


                        
                        <!-- /.panel-body -->
                    </div>
                    <!-- /.panel -->

                    <!-- formulario de adição -->
                    <a href="{% url 'switch_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 -->

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


            {% if p %}
            <div class="row">
                <div class="col-lg-12">
                    <div class="panel panel-default">
                        <h4>&nbsp;&nbsp;<i class="fa  fa-tasks fa-fw"></i> Patchpanels</h4>

                                <table class="table table-striped table-bordered table-hover">
                                    <thead>
                                        <th>Num</th>
                                        <th>Portas</th>
                                    </thead>
                                    <tbody>
                                    {% for patchpanel in p %}
                                    <tr>
                                        <td><a href="{% url 'patchpaneldetail' patchpanel.id %}">{{ patchpanel.num }}</a></td>
                                        <td>{{ patchpanel.ports }}</td>
                                    </tr>
                                    {% endfor %}
                                    </tbody>
                                </table>            
            
                    </div>
                    <!-- /.panel -->
                </div>
                <!-- /.col-lg-12 -->                       
            </div>
            <!-- /.row -->
            {% endif %}    
            </br> 


            {% if points %}
            <div class="row">
                <div class="col-lg-12">
                    <div class="panel panel-default">
                        <h4>&nbsp;&nbsp;<i class="fa  fa-sitemap fa-fw"></i> Pontos de rede</h4>
                            <table class="table table-striped table-bordered table-hover">
                                  <thead>
                                    <tr>
                                        <th>N&uacute;mero do Ponto de rede</th>
                                        <th>Tipo do ponto de rede</th>
                                        <th>Patchpanel</th> 
                                        <th>Porta do patchpanel</th> 
                                        <th>Switch</th> 
                                        <th>Porta do switch</th> 
                                        <th>Local</th> 
                                    </tr>
                                  </thead>
                                <tbody>
                                {% for point in points %}
                                <tr>
                                   <td><a href="{% url 'pointdetail' point.id %}">{{ point.num }}</a></td>
                                   <td>{{ point.pointtype }}</td>
                                   <td>{{ point.patchpanel| default_if_none:"" }}</td>
                                   <td>{{ point.patchpanelport| default_if_none:"" }}</td>
                                   {% if point.switch %}
                                   <td><a href="{% url 'switchdetail' point.switch.id %}">{{ point.switch| default_if_none:"" }}</a></td>
                                   {% else %}
                                   <td></td>
                                   {% endif %}
                                   {% if point.swport %}
                                   <td><a href="{% url 'swport' point.swport.id %}">{{ point.swport| default_if_none:"" }}</a></td>
                                   {% else %}
                                   <td></td>
                                   {% endif %}                                   
                                   <td><a href="{% url 'placedetail' point.place.id %}">{{ point.place }}</a></td>
                                </tr>
                                {% endfor %}
                                </tbody>
                            </table>           
            
                    </div>
                    <!-- /.panel -->
                </div>
                <!-- /.col-lg-12 -->                       
            </div>
            <!-- /.row -->
            {% endif %}                    



{% endblock %}




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





{% endblock %}