{% include 'part_header.html' %}
{% include 'part_menu.html' %}
{% include 'part_menu_puntos_priv.html' %}
{% include 'part_menu_priv_small.html' %}
<script>{% include 'page_historico_puntos.js' %}</script>
<div class="content" ng-controller="page_historico_puntos">
	{% include 'part_menu_priv.html' %}
	<br/>
	<div class="row ng-hide" ng-show="d.ready">
		<div class="column small-24">
			<div class="row">
		        <div class="column small-24 medium-24 large-16">
		            <div class="card">
		                <div class="titulo">
		                    Valor de redención <span class="blanco bold font-10">por cada 1.000 puntos</span>
		                </div>
		                <div class="contenido niveles">
		                    {% include 'part_niveles_puntos.html' %}
		                </div>
		            </div>
		        </div>
		        <div class="column small-24 medium-24 large-8">
		            <div class="card sin-borde">
		                <div class="titulo">
		                    <span class="blanco bold font-10">Puntos Obtenidos</span>
		                </div>
		                <div class="bg-gris contenido">
		                    <div class="row div">
		                        <div class="column small-12">
		                            <span class="font-10">Puntos Históricos </span>
		                        </div>
		                        <div class="column small-12 text-right">
		                            <span class="font-10">ng{{ers.historico_puntos}} pts</span>
		                        </div>
		                    </div>
		                    <!-- <div class="row div">
		                        <div class="column small-12">
		                            <span class="font-10">Puntos Referidos </span>
		                        </div>
		                        <div class="column small-12 text-right">
		                            <span class="font-10">2.000 pts</span>
		                        </div>
		                    </div> -->
		                    <div class="row div2">
		                        <div class="column small-12">
		                            <span class="bold font-13">Total</span>
		                        </div>
		                        <div class="column small-12 text-right">
                                    <!-- ::fixme, sumar cuando este el programa de puntos -->
		                            <span class="bold font-13">ng{{ers.historico_puntos}} pts</span>
		                        </div>
		                    </div>
		                </div>
		            </div>
		        </div>
		    </div>
            <br/>
            <br/>
			<div class="row">
		        <div class="column small-24">
		            <div class="bg-gris info-puntos">
		                <img src="tw{{template_url}}/img/icon-info.png" alt=""/>
		                El programa ofrece cuatro niveles de lealtad: Standard, Bronze, Silver y Gold,
		                a los cuales podrás llegar según el número de tus puntos históricos. Recuerda que tus puntos
		                tienen una equivalencia en dolares dependiendo de tu nivel. Si tu nivel es mayor, el valor en
		                dolares de tus puntos es más alto.
		            </div>
		        </div>
		    </div>
			<div class="row">
		        <div class="column small-24">
		            <span class="bold font-13">Histórico de Puntos</span>
		        </div>
		    </div>
			<div class="row">
		        <div class="column small-24">
		            <div class="card-puntos">

		                <div class="row item" ng-repeat="item in page.items">
                            <div class="hide-for-medium">
                                <div class="row">
                                    <div class="column small-7">
                                        <span class="bold">Fecha:</span>
                                    </div>
                                    <div class="column small-17">
                                        <span class="font-9">ng{{item.fechahora}}</span>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="column small-7">
                                        <span class="bold">Guia:</span>
                                    </div>
                                    <div class="column small-17">
                                        <span class="bold font-9">ng{{item.id_guia}}</span>
                                    </div>
                                </div>
                                <!-- <div class="row">
                                    <div class="column small-7">
                                        <span class="bold">Referido:</span>
                                    </div>
                                    <div class="column small-17">
                                        <span class="font-9">Albert Morgan</span>
                                    </div>
                                </div> -->
                                <div class="row">
                                    <div class="column small-7">
                                        <span class="bold">Acción:</span>
                                    </div>
                                    <div class="column small-17">
                                        <span class="font-9 capitalize">ng{{item.accion}}</span>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="column small-7">
                                        <span class="bold">Puntos:</span>
                                    </div>
                                    <div class="column small-17">
                                        <span class="azul font-9">+ ng{{item.puntos_fmt}} pts</span>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="column small-7">
                                        <span class="bold">Puntos Disp:</span>
                                    </div>
                                    <div class="column small-17">
                                        <span class="azul font-9">ng{{item.balance_fmt}} pts</span>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="column small-7">
                                        <span class="bold">Puntos Nivel:</span>
                                    </div>
                                    <div class="column small-17">
                                        <span class="azul font-9">ng{{item.historico_fmt}} pts</span>
                                    </div>
                                </div>
                            </div>
                            <div class="show-for-medium">
                                <div class="column small-24 medium-4 large-5 xcolumn">
                                    <div>
                                        <!--div class="azul referido">
                                          <img src="tw{{template_url}}/img/icon-regalo.png" alt="" />&nbsp;Puntos Regalo
                                      </div-->
                                    </div>
    		                        <div class="bold negro">Guia ng{{item.id_guia}}</div>
    		                        <div class="negro">ng{{item.fechahora}}</div>
    		                    </div>
    		                    <div class="column small-24 medium-6 large-6 xcolumn">
    		                       	<div class="negro referido">
                                        <!--img src="tw{{template_url}}/img/icon-avion.png" alt="" /-->
    		                            <!-- <img src="tw{{template_url}}/img/icon-referido.png" alt="" />&nbsp;Referido por Albert Morgan… -->
    		                        </div>
                                    <div>&nbsp;</div>
    		                    </div>
    		                    <div class="column small-24 medium-5 large-4 xcolumn">
    		                        <div class="acumulados" ng-if="item.accion == 'acumular'">
    		                            <div class="negro">Acumulados</div>
    		                            <div class="azul bold"><img src="tw{{template_url}}/img/icon-estrella.png" alt="" />&nbsp;+ ng{{item.puntos_fmt}} pts</div>
    		                        </div>
                                    <div class="redimidos" ng-if="item.accion == 'redimir'">
    		                            <div class="negro">Redimidos</div>
                                        <div class="azul bold">ng{{item.puntos_fmt}} pts</div>
    		                        </div>

    		                    </div>
    		                    <div class="column small-24 medium-5 large-5 xcolumn">
    		                        <div class="negro">Puntos Disponibles</div>
    		                        <div class="negro">ng{{item.balance_fmt}} pts</div>
    		                    </div>
    		                    <div class="column small-24 medium-4 large-4 xcolumn">
    		                        <div class="negro">Puntos Nivel</div>
    		                        <div class="negro">ng{{item.historico_fmt}} pts</div>
    		                    </div>
                            </div>
		                </div>
		            </div>
		        </div>
		    </div>
		</div>
	</div>
</div>
<br/>
<br/>
<br/>
<br/>

{% include 'part_footer.html' %}