{% include 'part_header.html' %}
{% include 'part_menu.html' %}
{% include 'part_menu_puntos_priv.html' %}

{% if site_env == 'cusa' %}
    {% include 'part_menu_priv_small.html' %}
{% endif %}
<script>{% include 'page_envios.js' %}</script>
<div class="content" ng-controller="page_envios">
    {% if site_env == 'cusa' %}
    	{% include 'part_menu_priv.html' %}
        <br/>
    {% endif %}

    {% if site_env == 'cyem' %}
    <div class="content-titulo">
        <div class="row">
            <div class="column small-24">
                <h1 class="titulo-pagina">
                    Envios
                </h1>
            </div>
        </div>
    </div>
    {% endif %}

	<!-- <div class="row show-for-medium">
        <div class="column small-24">
            <div class="row">
        		<div class="column small-24 ">
                    <div class="bg-gris filtro">
                        <span class="negro bold font-10">Filtrar por</span>
                    </div>
        		</div>
        	</div>
        </div>
    </div>
    <div class="row hide-for-medium">
        <div class="column small-24">
            <div class="row">
                <div class="column small-24 ">
                    <div class="bg-gris envios">
                        <span class="negro bold font-10">Envios</span>
                        <img src="tw{{template_url}}/img/icon-filtrar.png" ng-click="mostrarFiltro()" alt="" />
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="column small-24">
        	<form class="form" ng-class="{'show-for-medium': !d.mostrar_filtro}">
        		<div class="row">
                    <div class="columns small-24 medium-4 large-4">
                        <label>Número Guía</label>
                        <input type="text" name="guia" ng-model="f.guia"/>
                    </div>
                    <div class="columns small-12 medium-5 large-4">
                        <label class="">Rango de Fechas</label>
                        <input type="date" placeholder="" ng-model="f.desde"/>
                    </div>
                    <div class="columns small-12 medium-5 large-4">
                        <label class="">&nbsp;</label>
                        <input type="date" placeholder="" ng-model="f.hasta"/>
                    </div>
                    <div class="columns small-24 medium-10 large-8">
                        <label>Descripción de Inventario</label>
                        <input type="text" name="descripcion" ng-model="f.descripcion"/>
                    </div>
        			<div class="column small-24 medium-12 medium-offset-6 large-offset-0 large-4 end text-center">
                        <label class="show-for-large">&nbsp;</label>
        				<input type="submit" class="button submit buscar" value="BUSCAR" ng-click="aplicarFiltros(true)"/>
        			</div>
        		</div>
        	</form>
        </div>
    </div> -->
    <div class="ng-hide" ng-show="d.ready">
    	<div ng-if="page.total_items > 0">
    	    <div class="row">
    	        <div class="column small-24">
    	            <div class="row ">
    	        		<div class="column small-24 ">
    	                    <div class="bg-gris filtro">
    	                        <span class="negro bold font-10">Histórico de Envíos</span>
    	                    </div>
    	        		</div>
    	        	</div>
    	        </div>
    	    </div>

    	    <div class="items" ng-repeat="envio in page.items">
    	        <div class="row">
    	            <div class="column small-24 medium-12 padding-right-per">
    	                <div class="row">
    	                    <div class="column small-24 padding-right-none">
    	                        <div class="titulo-guia">
    	                            <div class="row">
    	                                <div class="column small-12">
    	                                    <span class="blanco font-10">Número de Guía:</span>
    	                                </div>
    	                                <div class="column small-12 text-right">
    	                                    <span ng-if="envio.id_guia!=0" class="blanco bold font-10" >ng{{envio.id_guia}}</span>
    	                                    <img ng-if="envio.id_guia==0" src="tw{{template_url}}/img/icon-sin-guia.png" alt="" />
    	                                </div>
    	                            </div>
    	                        </div>
    	                        <div class="bg-gris-2 fecha">
    	                            <div class="row">
    	                                <div class="column small-24">
    	                                    <span class="cafe-claro font-9">ng{{envio.fechahora}}</span>
    	                                </div>
    	                            </div>
    	                        </div>
    	                    </div>
    	                    <div class="column small-24 padding-right-none">
    	                        <div class="descripcion">
    	                            <img class="raya-divisora" id="raya-ng{{$index}}" src="tw{{template_url}}/img/raya-divisora.png" alt="" />
    	                            <div class="row">
    	                                <div class="column small-12 medium-14 large-12">
    	                                    <span class="cafe medium font-9">Número de Solicitud:</span>
    	                                </div>
    	                                <div class="column small-12 medium-10 large-12 text-right">
											<span ng-if="envio.id_solicitud!=0" class="cafe-claro medium font-9" >ng{{envio.id_solicitud}}</span>
										   <img ng-if="envio.id_solicitud==0" src="tw{{template_url}}/img/icon-sin-solicitud.png" alt="" />
    	                                </div>
    	                            </div>
    	                            <div class="row">
    	                                <div class="column small-12 medium-10 large-12">
    	                                    <span class="cafe medium font-9">Forma de pago:</span>
    	                                </div>
    	                                <div class="column small-12 medium-14 large-12 text-right">
    	                                    <span class="cafe-claro medium font-9 font-per">ng{{envio.nombre_forma_pago}}</span>
    	                                </div>
    	                            </div>
    	                            <div class="row">
    	                                <div class="column small-12">
    	                                    <span class="cafe medium font-9">Estado:</span>
    	                                </div>
    	                                <div class="column small-12 text-right">
    	                                    <span ng-if="envio.id_solicitud!=0" class="cafe-claro medium font-9">ng{{envio.estado}}</span>
											<span ng-if="envio.id_solicitud==0" class="cafe-claro medium font-9">ng{{envio.estado_guia}}</span>
    	                                </div>
    	                            </div>
    	                            <div class="row">
    	                                <div class="column small-12 medium-16 large-12">
    	                                    <span class="cafe medium font-9">Redención de puntos:</span>
    	                                </div>
    	                                <div class="column small-12 medium-8 large-12 text-right">
    	                                    <span class="cafe-claro medium font-9">ng{{envio.redimir_puntos == 1 ? "SI":"NO"}}</span>
    	                                </div>
    	                            </div>
    	                        </div>
    	                    </div>
    	                </div>
    	            </div>

    	            <div class="column small-24 medium-12 padding-left-per">
    	                <div class="row">
    	                    <div class="column small-24 padding-left-none">
    	                        <div class="titulo-opciones bg-gris-2">
    	                            <div class="row">
    	                                <div class="column small-12 medium-14 large-12">
    	                                    <div class="cafe medium font-9 line-1">
    	                                        Valor Envío
    	                                    </div>
    	                                    <div class="cafe medium font-14" ng-if="envio.id_guia!=0">
    	                                        $ ng{{envio.val_total_usd_fmt}} USD
    	                                    </div>
                                            <div class="pendiente medium font-14" ng-if="envio.id_guia==0">
    	                                        Pendiente
    	                                    </div>
    	                                </div>
    	                                <div class="column small-12 medium-10 large-12">
    	                                    <div class="content-boton">

												<!-- BOTON ANULAR -->
												<a class="ng-hide" ng-show="envio.flag_anular" >
												   <div class="boton submit anular" ng-click="anularSolicitud(envio.id_solicitud)">
													   Anular
												   </div>
											   </a>

												<!-- BONTON IR A PAGAR -->
    	                                        <a class="ng-hide" ng-show="envio.flag_pendiente_pago">
    	                                            <div class="boton submit pagar" ng-click="modalPago({referencia:envio.id_guia})">
    	                                                Ir a pagar
    	                                            </div>
    	                                        </a>
    	                                        <!--BOOTON RASTREAR-->
    	                                        <a href ng-click="rastrear(envio.id_guia)" class="ng-hide" ng-show="envio.flag_rastreo">
    	                                            <div class="boton submit rastrear">
    	                                                Rastrear
    	                                            </div>
    	                                        </a>
    	                                    </div>
    	                                </div>
    	                            </div>
    	                        </div>
    	                    </div>
    	                    <div class="column small-24 padding-left-none">
    	                        <div class="descripcion-totales">
    	                            <div class="row">
    	                                <div class="column small-24">
    	                                    <div class="titulo-inventario ng-hide" id="ng{{$index}}" ng-show="envio.id_solicitud!=0">
    	                                        <div class="opcion mostrar" ng-click="mostrarInventario($index)">
    	                                            <span class="cafe medium font-10">Ver Inventario</span>
    	                                            <img src="tw{{template_url}}/img/icon-mas-negro.png" alt="" />
    	                                        </div>
    	                                        <div class="opcion ocultar ng-hide" ng-click="ocultarInventario($index)">
    	                                            <span class="azul medium font-10">Ocultar Inventario</span>
    	                                            <img src="tw{{template_url}}/img_tw{{site_env}}/icon-menos-color.png" alt="" />
    	                                        </div>

    	                                        <div class="detalle ng-hide" ng-show="f.selected == $index">
    	                                            <div ng-repeat="detalle in envio.detalle">
    	                                                <div class="row bg-gris-2 nombre">
    	                                                    <div class="column small-24">
    	                                                        <span class="cafe font-10">ng{{detalle.descripcion}}</span>
    	                                                    </div>
    	                                                </div>
    	                                                <div class="row nombre">
    	                                                    <div class="column small-12">
    	                                                        <span class="cafe-claro font-9">ng{{detalle.unidades}} unidades</span>
    	                                                    </div>
    	                                                    <div class="column small-12 text-right">
    	                                                        <span class="cafe medium font-9">$ ng{{detalle.valor_declarado}} USD</span>
    	                                                    </div>
    	                                                </div>
    	                                            </div>
    	                                        </div>

    	                                    </div>
                                            <div class="row ng-hide espacio" ng-show="envio.id_solicitud==0">
                                            </div>
    	                                </div>
    	                            </div>

    	                            <div class="row totales">
    	                                <div class="column small-12">
                                            <div class="ng-hide" ng-show="envio.id_solicitud!=0">
                                                <div class="cafe-claro medium font-8">
                                                   Total Unidades
                                               </div>
                                               <div class="medium cafe font-10">
                                                   ng{{envio.total_unidades}} Unidades
                                               </div>
                                            </div>
    	                                </div>
    	                                <div class="column small-12 text-right">
    	                                    <div class="cafe-claro medium font-8">
    	                                        Total Valor Declarado
    	                                    </div>
    	                                    <div class="medium cafe font-10 ng-hide"  ng-show="envio.id_solicitud!=0">
    	                                        $ ng{{envio.total_valoracion_fmt}} USD
    	                                    </div>
                                            <div class="medium cafe font-10 ng-hide"  ng-show="envio.id_solicitud==0">
                                               $ ng{{envio.valoracion}} USD
                                           </div>

    	                                </div>
    	                            </div>
    	                        </div>
    	                    </div>
    	                </div>
    	            </div>
    	        </div>
    	    </div>
    	</div>

        <!-- INFORMACION SIN ENVIOS -->
        <div class="row" ng-if="page.last==true && page.total_items == 0">
    		<div class="column small-24">
    			<div class="img-sin-envios text-center">
    				<img src="tw{{template_url}}/img/icon-sin-envios.png" alt="" />
    			</div>
    		</div>
    	</div>
    </div>

	{% include 'part_modal_pago.html' %}

</div>
<br/>
<br/>
<br/>
<br/>

{% include 'part_footer.html' %}