{% 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_solicitud_despacho.js' %}</script>
<div class="content" ng-controller="page_solicitud_despacho">
    {% if site_env == 'cusa' %}
        {% include 'part_menu_priv.html' %}
        <br class="show-for-large"/>
    {% endif %}

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

    <div class="ng-hide" ng-show="!d.mostrar_menssage">
        <div class="row informacion">
            <div class="column small-24 bg-gris">
                <div class="row">
                    <div class="column small-24 ">
                        <div class="info-inventario">
                            <img src="tw{{template_url}}/img_tw{{site_env}}/icon-info.png" alt=""/>
                            <div>- La casilla de valoración es por el total de unidades que escogiste para esa línea.</div>
                            <div>- Solicitudes declaradas hasta por $200 USD están exentas de arancel e IVA.</div>
                            <div>- No puedes despachar más de 6 unidades de la misma clase por solicitud (ej: 6 pares de zapatos).</div>
                            <div>- No puedes generar solicitudes por más de $2,000 USD en un mismo día.</div>
                        </div>
                    </div>
                </div>

            </div>
        </div>

        <div class="row">
            <div class="column small-24">
                <div class="row">
                    <div class="column small-24 ">
                        <span class="bold font-13 x-gris-cye">Nueva Solicitud de Despacho</span>
                    </div>
                </div>
            </div>
        </div>

        <form class="form" action="" method="post">
            <div class="row content-item bg-gris" ng-repeat="r in f.inventario" data-ng-init="f.inventario[$index].id_inventario = r.id_inventario">
                {% include 'part_item.html' %}
            </div>
            <div class="row">
                <div class="column small-24">
                    <div class="column small-24 medium-12 large-8">
                        <label for="">Selecciona una forma de pago</label>
                        <select ng-model="f.forma_pago" ng-options="r.label disable when r.disabled for r in ers.formas_pago track by r.data">
                        </select>

                        <span class="font-8">
                            &nbsp;
                        </span>


                        {% if site_env == 'cusa' %}
                        <label for="">¿Deseas redimir tus puntos?</label>
                        <div class="bg-gris redimir-puntos">
                            <div class="row">
                                <div class="column small-18">
                                    <div class="negro bold font-9">
                                        ng{{f.cliente.total_puntos_fmt}} puntos disponibles
                                    </div>
                                    <div class="azul medium font-9">
                                       $ ng{{f.cliente.total_puntos_usd_fmt}} USD
                                    </div>
                                </div>
                                <div class="column small-6">
                                    <div class="switch small">
                                        <input class="switch-input" id="smallSwitch" type="checkbox" name="exampleSwitch" ng-model="f.redimir_puntos">
                                        <label class="switch-paddle" for="smallSwitch">
                                            <span class="show-for-sr">Small Portions Only</span>
                                        </label>
                                    </div>
                                </div>
                            </div>
                        </div>
                        {% endif %}

                        <label for="">Documentos Adjuntos</label>
                        <span class="gris font-8">Máximo 10 en formato JPG,PNG,BMP o PDF</span>
                        {% include 'part_solicitud_adjuntos.html' %}
                    </div>
                    <div class="column small-24 medium-12 large-16">
                        <label for="">Dirección a la que enviaremos tu pedido:</label>
                        <div class="font-10" style="padding-top:.5rem;padding-bottom: .5rem;">
                            ng{{f.cliente.direccion}}, ng{{f.cliente.nombre_ciudad}}
                        </div>

                        <div class="font-9">
                            <strong class="font-9">¿Cambiaste de dirección?</strong> Haz click <a href="/mi-perfil" class="azul underline bold font-9">aquí</a> para cancelar esta solicitud e ir a tu perfil para actualizarla.
                            <br/>
                            Así evitarás re-procesos y demoras en tu entrega.
                        </div>
                        <br/>

                        <label for="">Observaciones</label>
                        <textarea name="name" style="height: 9.2rem;" cols="40" ng-model="f.observaciones"></textarea>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="column small-24">
                    <div class="row">
                        <div class="column small-24">
                            <input type="button" class="button submit" ng-click="generarSolicitud()" value="SOLICITAR DESPACHO"/>
                            <input type="button" class="button submit cancelar" ng-click="cancelar()" value="CANCELAR"/>
                        </div>
                    </div>
                </div>
            </div>

        </form>
    </div>

    <div class="mensaje-exitoso ng-hide" ng-show="d.mostrar_menssage">
        <div class="row">
            <div class="column small-24">
                <div class="icon text-center">
                    <img src="tw{{template_url}}/img_tw{{site_env}}/icon-solicitud-exitosa.png" alt=""/>
                </div>
                <div class="titulo negro bold font-12 text-center">
                    Tu solicitud ha sido generada con exito
                </div>
                <div class="bg-gris solicitud text-center">
                    <div class="negro bold font-10 numero">
                        Número de Solicitud ng{{f.id_solicitud}}
                    </div>
                    <div class="gris medium font-9">
                        ng{{f.fechahora}}
                    </div>
                </div>
                <div class="informacion text-center font-8">
                    Tu mercancía pasará a proceso de consolidación, inventario,
                    alistamiento y re-empaque. En un lapso de 4-8 horas laborales recibirás
                    tu guía y factura en tu correo electrónico.
                </div>
                <div class="boton" ng-click="aceptar()">
                    ACEPTAR
                </div>
            </div>
        </div>
    </div>
</div>
<br/>
<script>
function ver(){
  var archivo = document.getElementById('exampleFileUpload').value;
  document.getElementById('nombre-archivo').innerHTML =  archivo;
}
</script>
<br/>
<br/>
{% include 'part_footer.html' %}