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

<div aria-hidden="true" aria-labelledby="sensorUSPillLabel" class="modal fade" id="sensorUSPillModal" role="dialog" tabindex="-1">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <button aria-label="Close" class="close" data-dismiss="modal" type="button">
                    <span aria-hidden="true">&times;</span>
                </button>
                <h3 class="modal-title" id="sensorUSPillLabel">{% trans "Sensor ultrasonidos (US) en Python" %}</h3>
            </div>
            <div class="modal-body"  style="padding: 0px">
                <div id="loading_page" class="col-xs-12 loading-page">
                    <div frameBorder="0" height="100%" id="presentation_column" style="padding: 20px; max-height: 100%;" width="100%">
                        <div class="row" id="theory-title" style="text-align: justify; font-size:20px;">
                            <div class="col-md-12">
                                <h2>{% trans "Uso de la función:" %} <code>{% trans "HAL.leer_us()" %}</code></h2>
                                <p>{% trans "Vamos a usar el sensor de Ultrasonidos que poseen los robots en su parte frontal." %}
                                    {% trans "Este sensor es capaz de detectar la presencia de un obstáculo que se encuentre enfrente del robot por medio de la emisión/detección de ondas de ultrasonidos.Esta función lee el sensor de US y nos devuelve un valor que representa la distancia (en metros) a un obstáculo que se encuentre enfrente del robot." %}</p>
                                <p>{% trans "Este sensor nos proporcionará valores del 0 al 10. El valor 10 indica que no hay presencia de ningún obstaculo denlante del robot. Valores entre 0-10 indicarán que estamos cerca de un obstáculo. Si los valores que nos devuelve el sensor son más cercanos a 0, el obstáculo esta muy muy cerca y podremos chocar con él." %}</p>
                                <div class="col-md-12 " id="theory-container">
                                    <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/rvRvgnrXriw"></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 %}