{% load static %} <!-- Load static files -->
{% load i18n %}
{% block content %}

<div class="modal fade" id="sensorIRPillModal" tabindex="-1" role="dialog" aria-labelledby="sensorIRPillLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
                <h3 class="modal-title" id="sensorIRPillLabel">{% trans "Sensor infrarrojo (IR) en Python" %}</h3>
            </div>
            <div class="modal-body"  style="padding: 0px">
                <div id="loading_page" class="col-xs-12 loading-page">
                    <div id="presentation_column" width="100%" height="100%" frameBorder="0" style="padding: 20px; max-height: 100%;">
                        <div class="row" id="theory-title" style="text-align: justify; font-size:20px;">
                            <div class="col-md-12">
                                <p>{% trans "Uno de los usos más típicos de los sensores infrarrojos en robótica es la detección del color negro." %}</p>
                                <p>{% trans "El detector de luz infrarroja detecta la luz infrarroja que emitió el emisor y que ha rebotado en un objeto. Cuando ese objeto es de color negro, esa luz infrarroja emitida es absorbida completamente por el objeto negro y por lo tanto no rebota nada y nuestro receptor no recibe luz. Para el sensor infrarrojo un objeto negro es equivalente a que no haya objeto." %}</p>
                                <p>{% trans "Vamos a usar los 2 sensores de Infrarrojos (abreviado IR) que tienen nuestros robots en su parte frontal apuntando al suelo, uno en la parte izquierda y otro en la parte derecha. Estos sensores son capaces de detectar si el suelo es oscuro (negro) o claro (blanco) por medio de la emisión/detección de rayos infrarrojos." %}</p>

                                <h2>{% trans "Uso de la función:" %} <code>{% trans "HAL.leer_ir()" %}</code></h2>
                                <p><br>{% trans "Este sensor lee los dos sensores de IR y nos devuelve un valor entre 0 y 3." %}</p>
                                <p>{% trans "El valor entre 0 y 3 que devuelve la función depende de las lecturas de los dos sensores de IR, de acuerdo a la siguiente tabla:" %}<br></p>
                                <table style="text-align:center; margin:auto;font-size:30px;">
                                    <thead>
                                        <tr style="margin-right:30px;">
                                            <th>{% trans "lectura IR izquierdo&nbsp; &nbsp; &nbsp; " %}</th>
                                            <th>{% trans "lectura IR derecho&nbsp; &nbsp; &nbsp; &nbsp; " %}</th>
                                            <th>{% trans "valor de leer_ir()" %}</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td>{% trans "negro" %}</td>
                                            <td>{% trans "negro" %}</td>
                                            <td>0</td>
                                        </tr>
                                        <tr>
                                            <td>{% trans "negro" %}</td>
                                            <td>{% trans "blanco" %}</td>
                                            <td>1</td>
                                        </tr>
                                        <tr>
                                            <td>{% trans "blanco" %}</td>
                                            <td>{% trans "negro" %}</td>
                                            <td>2</td>
                                        </tr>
                                        <tr>
                                            <td>{% trans "blanco" %}</td>
                                            <td>{% trans "blanco" %}</td>
                                            <td>3</td>
                                        </tr>
                                    </tbody>
                                </table>
                                <p><br>{% trans "Estos cuatro valores se corresponden con las siguientes situaciones respecto a la línea negra:" %}</p>
                                <table class="componentes" style="text-align:center; margin:auto;">
                                    <thead>
                                        <tr>
                                            <th>{% trans "valor = 0" %}</th>
                                            <th>{% trans "valor = 1" %}</th>
                                            <th>{% trans "valor = 2" %}</th>
                                            <th>{% trans "valor = 3" %}</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td><img src="{% static 'python/PSGop022/img/zero.png' %}" width=100px></td>
                                            <td><img src="{% static 'python/PSGop022/img/one.png' %}"width=100px></td>
                                            <td><img src="{% static 'python/PSGop022/img/two.png' %}" width=100px></td>
                                            <td><img src="{% static 'python/PSGop022/img/three.png' %}" width=100px></td>
                                        </tr>
                                    </tbody>
                                </table>

                                <div class="col-md-12 " id="theory-container">
                                    <br>
                                    <h2>{% trans "En este video puedes ver un ejemplo de su funcionamiento" %}</h2>
                                    <br>
                                    <div class="unit-video-container">
                                        <iframe class="unit-video" allowfullscreen src="https://www.youtube.com/embed/J7iOHfxXzfE"></iframe>
                                    </div>
                                    <p style="text-align:center">{% trans "¿Tienes alguna duda? Pregunta en nuestro" %} <a href="https://foro.kibotics.org/"><strong>{% trans "Foro" %}</strong></a>
                                        <br>
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
            </div>
        </div>
    </div>
</div>

{% endblock %}