{% 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 ng-if="isColombia()">- Solicitudes declaradas hasta por $200 USD están exentas de arancel e IVA.</div>
                            <div ng-if="isColombia()">- No puedes despachar más de 6 unidades de la misma clase por solicitud (ej: 6 pares de zapatos).</div>
                            <div ng-if="isColombia()">- 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>

                        {% if site_env == 'cusa' %}
                        <div ng-if="isColombia()">
                            <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>
                        </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="">Observaciones</label>
                        <textarea name="name" rows="10" 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="appendDialogConfirm()" 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 class="reveal modals-genericos" data-reveal id="dialog-confirm-solicitud">
        <div class="row content">
            <div class="column small-24 ">
                <div class="text-center">
                    <span class="titulo-modal">AVISO IMPORTANTE SOBRE LOS SERVICIOS DE ADUANA</span>
                    <div class="body-modal">
                        Apreciado cliente
                        <br>
                        <ul>
                            <li>
                                El pago en origen realizado a <img src="tw{{plantilla.attrs.logo.data[0]|image}}"  width="160" alt=""> incluye únicamente los servicios de logística y transporte.
                            </li>
                            <li>
                                Una vez la mercancía se encuentre en el país destino, será su responsabilidad el pago de los impuestos y demás servicios de aduana para los cuales recibirá una comunicación de parte de nuestro aliado en logística DHL.
                            </li>
                        </ul>

                        <input type="checkbox" ng-model="terminos.aceptados" name="" value=""> <span class="check-text">He leído y Acepto los términos y condiciones </span>
                    </div>
                </div>
            </div>
        </div>
        <div class="row content-button">
            <div class="column small-12 text-center cancel medium" data-close aria-label="Close reveal">
                Cancelar
            </div>
            <div class="column small-12 text-center aceptar" ng-click="generarSolicitud()">
                Aceptar
            </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' %}