{% extends "base.html" %}

{% load static %}

{% load crispy_forms_tags %}

{% block content %}






        <!-- Content -->
        <div class="content">
            <!-- Animated -->
            <div class="animated fadeIn">
                
                <!--  Traffic  -->
                <div class="row">
                    <div class="col-lg-12">
                      <p align="center"><img src="/static/images/logo.png" alt="Logo"></a></p>
                      <table width="500" border="0" align="center" style="background-color: #FFFFFF;">
                        <tbody>
                          <tr>
                            <td width="100" height="100" alt=""><img src="/static/images/image016.png" /></td>
                            <td  Colspan="3" height="100" alt="" align="center"><img src="/static/images/marque.png" /></td>
                          </tr>
                          <tr>
                            <td Colspan="3"  width="150" height="150" alt="" align="center">
                                  <img src="{{ datos.foto.url }}" class="rounded-circle img-fluid" style="width: 200px;" />
                            </td>
                          </tr>
                          <tr>
                            <td Colspan="3" >
                              <br>
                              <p align="center">Nombre: {{ user.first_name }} {{ user.last_name }}</p>
                              <p align="center">Tipo de Usuario: {{ datos.tipo }}</p>
                              <p align="center">ID: {{ datos.matricula }}</p>
                              <div class="login-form">
                              <form method="POST" action="{% url 'laboratorios' idlab %}" class="mt-3" autocomplete="off" >
                                {% csrf_token %}
                                {{ form|crispy }}
                                <input name="id_lab" type="hidden" placeholder="" class="form-control" value="{{ idlab }}" ><br>
                                <input name="usuario" type="hidden" placeholder="{{ datos.usuario_id }}" class="form-control" value="{{ datos.usuario_id }}" ><br>
                                <button type="submit" class="btn btn-primary btn-rounded btn-lg">Registrar</button><br><br>
                                <a href="{% url 'laboratorios' idlab %}" class="btn btn-danger btn-rounded btn-lg">Cancelar</a>
                              </form>
                              </div>
                              <br>
                            </td>
                          </tr>
                          <tr>
                            <td Colspan="3" align="center" >
                            </td>
                          </tr>
                        </tbody>
                      </table>
                    </div><!-- /# column -->
                </div>
                <!--  /Traffic -->
                
            </div>
            <!-- .animated -->
        </div>
        <!-- /.content -->
        <div class="clearfix"></div>


        {% endblock content %}