{% 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="150" height="150" alt=""><img src="/static/images/image016.png" /></td>
                                
                                <td width="150" height="150" alt="" align="center"><img src="/static/images/image021.png" /></td>
                                
                                <td width="150" height="150" alt="">&nbsp;</td>
                              </tr>
                              <tr>
                                <td Colspan="3" align="center">&nbsp;ESCANER DE CÓDIGO</td>
                                
                              </tr>
                              <tr>
                                <td><img src="/static/images/01esq.png" width="100" height="100" alt="" align="right"/></td>
                                <td>&nbsp;</td>
                                <td><img src="/static/images/02esq.png" width="100" height="100" alt="" align="left"/></td>
                              </tr>
                              <tr>
                                <td>&nbsp;</td>
                                <td width="150" height="150" alt="" align="center">
                                  <img src="/static/images/qr.png"/>

                                  <form method="POST" action="{% url 'lcchecking' idlab %}" class="mt-2" autocomplete="off" >
                                    {% csrf_token %}
                                    <input name="key" type="text" placeholder="" class="form-control" value="" autofocus><br>
                                    <button type="submit" class="btn btn-success">Verificar QR</button>
                                  </form>
                                
                                </td>
                                <td>&nbsp;</td>
                              </tr>
                              <tr>
                                <td><img src="/static/images/03esq.png" width="100" height="100" alt="" align="right"/></td>
                                <td>&nbsp;</td>
                                <td><img src="/static/images/04esq.png" width="100" height="100" alt="" align="left"/></td>
                              </tr>
                              <tr>
                                <td>&nbsp;</td>
                                <td align="center"></button></td>
                                <td><img src="/static/images/image002.png" width="150" alt=""/></td>
                              </tr>
                            </tbody>
                          </table>



                    </div><!-- /# column -->
                </div>
                <!--  /Traffic -->
                
            </div>
            <!-- .animated -->
        </div>
        <!-- /.content -->
        <div class="clearfix"></div>


        {% endblock content %}