{% include 'part_header.html' %}
{% include 'part_menu.html' %}
{% if banner[0] %}
{% include 'part_banner.html' %}
{% endif %}
{% include 'part_menu_puntos_priv.html' %}
{% include 'part_menu_priv_small.html' %}
<!-- <div class="row bg-gris hide-for-large login-small">
    <div class="column small-24 medium-12">
        {% include 'part_login.html' %}
    </div>
    <div class="column small-24 medium-12">
        {% include 'part_menu_banner_small.html' %}
    </div>
</div> -->
<script>{% include 'page_rastreo.js' %}</script>
<div class="content" ng-controller="page_rastreo">
    <div class="content-titulo">
        <div class="row">
            <div class="column small-24">
                <h1 class="titulo-pagina">
                    {% if site_env=='cusa' %}
                    Rastreo
                    <img src="tw{{template_url}}/img/icon-titulo.png" alt="" />
                    {% else %}
                    Rastreo
                    {% endif %}
                </h1>
            </div>
        </div>
    </div>
    {% if site_env == 'cusa' %}
    <div class="row">
        <div class="column small-24">
            <div class="row">
                <div class="column small-24">
                    <div>
                        tw{{rastreo.attrs.contenido.data[0]|raw}}
                    </div>
                </div>
            </div>
        </div>
    </div>
    <br/>
    <br/>
    {% endif %}

    <div class="row">
        <div class="column small-24">
            <div class="row">
                <div class="column small-24 medium-10 large-8 xcolumn">
                    <div class="content-derecha">
                        <!--img src="tw{{template_url}}/img/img-rectangulo-azul.png" alt="" /-->
                        <div class="box-form">
                            <div class="bg-azul">
                                <img class="icon" src="tw{{template_url}}/img_tw{{site_env}}/icon-rastreo.png" alt="" />
                                {% if site_env == 'cusa' %}
                                    Consulta tú<br/>
                                    <span>Número de Guía</span>
                                {% else %}
                                    <br/>Consulta<br/>
                                    <span>tú número de Guía</span>
                                {% endif %}
                            </div>
                            <form ng-submit="rastrear()">
                                <input class="input-group-field" type="text" ng-model="f.id_guia" name="numero"/>
                                <input type="submit" class="button submit" value="BUSCAR">
                            </form>
                        </div>
                    </div>
                </div>
                <div class="column small-24 medium-14 large-16 xcolumn">
                    {% if site_env == 'cyem' %}
                    <div class="xdesc-rastreo">
                        tw{{rastreo.attrs.contenido.data[0]|raw}}
                    </div>
                    {% endif %}
                    <div class="sin-rastreo ng-hide" ng-show="d.estados.length == 0">
                        <img src="tw{{template_url}}/img_tw{{site_env}}/icon-sin-rastreo.png" alt="" />
                    </div>
                    <div class="content-izquierda ng-hide"  ng-show="d.estados.length > 0">
                        <div class="titulo show-for-medium">
                            <div class="row">
                                <div class="column small-21 medium-24 large-22 large-offset-2 padding-none">
                                    <div class="row">
                                        <div class="column medium-12 large-12">
                                            <span class="bold font-11">Estados</span>
                                        </div>
                                        <div class="column medium-6 large-6">
                                            <span class="bold font-11">Fecha</span>
                                        </div>
                                        <div class="column medium-6 large-6">
                                            <span class="bold font-11">Hora</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="contenido">
                            <div class="row consulta" ng-repeat="r in d.estados">
                                <div class="column small-3 large-2 hide-for-medium-only">
                                    <img src="tw{{template_url}}/img/icon-circulo-estado.png" alt="" ng-if="!$last"/>
                                    <img src="tw{{template_url}}/img_tw{{site_env}}/icon-circulo-estado-completo.png" alt="" ng-if="$last"/>
                                </div>
                                <div class="column small-21 medium-24 large-22 padding-none">
                                    <div class="row division">
                                        <div class="column medium-12 large-12">
                                            <span class="font-10">ng{{r.descripcion}}</span>
                                        </div>
                                        <div class="column medium-6 large-6">
                                            <span class="font-10">ng{{r.fecha}}</span>
                                        </div>
                                        <div class="column medium-6 large-6">
                                            <span class="font-10">ng{{r.hora}}&nbsp;</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<br/>
<br/>
<br/>
<br/>
{% include 'part_footer.html' %}