<%@ page import="com.fenalco.entities.User"%>
<%@ page import="com.fenalco.entities.DataAccess"%>
<%@ page import="com.fenalco.utilities.MessageBuilder"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Sesión Callcenter</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<script type='text/javascript' language='javascript' src='js/library.js'></script>
<script>
function validateForm(formName){

            var message = "Han ocurrido los siguientes errores:\n";
            var flag = true;
			
            if(isEmpty(formName.login)){
                message = message + "- El campo login está vacío.\n";
                flag = false;
            }
            

            if(isEmpty(formName.identificationNumber)){
                            message = message + "- El campo cédula está vacío.\n";
                            flag = false;
            }

            if(!flag){
                    window.alert(message);
            }
           
            return flag;
    }
	</script>
	
<!-- 
	Esta es la página que utiliza el usuario de call-center para entrar al sistema en nombre de un
	usuario de tipo minorista o proveedor.
	
	Para construir la función de validación de formularios se deben utilizar las funciones incluidas 
	en la libreria de funciones bajo el nombre libreriaJS.js del directorio js.
	
	Hay que verificar el atributo message que viene en el request, si existe hay que pintarlo pues
	contiene los mensajes de error
-->
<body bgcolor="#ffffff" background="../images/sysmanager/general/fondo.jpg" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table border="0" cellpadding="0" cellspacing="0" width="780">
<!-- fwtable fwsrc="cabezote2.png" fwbase="cabezote.jpg" fwstyle="Dreamweaver" fwdocid = "742308039" fwnested="0" -->
  <tr>
   <td><img src="../images/general/spacer.gif" width="64" height="1" border="0"></td>
   <td><img src="../images/general/spacer.gif" width="150" height="1" border="0"></td>
   <td><img src="../images/general/spacer.gif" width="49" height="1" border="0"></td>
   <td><img src="../images/general/spacer.gif" width="67" height="1" border="0"></td>
   <td><img src="../images/general/spacer.gif" width="118" height="1" border="0"></td>
   <td><img src="../images/general/spacer.gif" width="78" height="1" border="0"></td>
   <td><img src="../images/general/spacer.gif" width="254" height="1" border="0"></td>
   <td><img src="../images/general/spacer.gif" width="1" height="1" border="0"></td>
  </tr>

  <tr>
   <td rowspan="3"><img name="cabezote_r1_c1" src="../images/general/cabezote_r1_c1.jpg" width="64" height="99" border="0"></td>
   <td colspan="5"><img name="cabezote_r1_c2" src="../images/general/cabezote_r1_c2.jpg" width="462" height="61" border="0"></td>
   <td rowspan="5"><img name="cabezote_r1_c7" src="../images/general/cabezote_r1_c7.jpg" width="254" height="106" border="0"></td>
   <td><img src="../images/general/spacer.gif" width="1" height="61" border="0"></td>
  </tr>
  <tr>
   <td><img name="cabezote_r2_c2" src="../images/general/cabezote_r2_c2.jpg" width="150" height="22" border="0"></td>
   <td colspan="4"><img name="cabezote_r2_c3" src="../images/general/cabezote_r2_c3.jpg" width="312" height="22" border="0"></td>
   <td><img src="../images/general/spacer.gif" width="1" height="22" border="0"></td>
  </tr>
  <tr>
   <td rowspan="3"><img name="cabezote_r3_c2" src="../images/general/cabezote_r3_c2.jpg" width="150" height="23" border="0"></td>
   <td rowspan="2"><img name="cabezote_r3_c3" src="../images/general/cabezote_r3_c3.jpg" width="49" height="19" border="0"></td>
   <td rowspan="2"><img name="cabezote_r3_c4" src="../images/general/cabezote_r3_c4.jpg" width="67" height="19" border="0"></td>
   <td rowspan="2"><img name="cabezote_r3_c5" src="../images/general/cabezote_r3_c5.jpg" width="118" height="19" border="0"></td>
   <td rowspan="2"><img name="cabezote_r3_c6" src="../images/general/cabezote_r3_c6.jpg" width="78" height="19" border="0"></td>
   <td><img src="../images/general/spacer.gif" width="1" height="16" border="0"></td>
  </tr>
  <tr>
   <td rowspan="2"><img name="cabezote_r4_c1" src="../images/general/cabezote_r4_c1.jpg" width="64" height="7" border="0"></td>
   <td><img src="../images/general/spacer.gif" width="1" height="3" border="0"></td>
  </tr>
  <tr>
   <td colspan="4"><img name="cabezote_r5_c3" src="../images/general/cabezote_r5_c3.jpg" width="312" height="4" border="0"></td>
   <td><img src="../images/general/spacer.gif" width="1" height="4" border="0"></td>
  </tr>
</table>

<table align="left" cellpadding="0" cellspacing="0" width="760">

<table width="760">
    <tr>
        <td height="23" colspan="2"><div align="right"><a href="#"><img src="../images/buttons/help.gif" width="117" height="24" border="0" onClick="window.open('/ayuda?id=46','','width=300,height=300')"></a></div></td>
    </tr>
    <tr>
        <td width="152" valign='top'>
            <%@ include file="menucallcenter.jsp" %>
	</td>
        <td valign="top">
                    <%
                        String tittle = "Sesi&oacute;n de Call-Center";
                    %>
                    <%@ include file="/titulo.jsp" %>
        
			<table width="603" align='center'>
				<tr><td align="left"><font color='FF0000'><%= request.getAttribute("message")%></font></td></tr>
				<tr>
                                    <form name="externalUserLogin" method="post" action="/callcenter/validarusuarioexterno" onSubmit="return validateForm(document.externalUserLogin)">
                                        <table align="left" cellspacing='5' >
                                            
                                            
                                            <tr>
                                                    <td><b>Usuario</b></td>
                                                    <td><input name="login" type="text" maxlength="12" d></td>
                                                    <!-- JS: Verificación de campo vacío, Campo Obligatorio-->	
                                            </tr>
                                            <tr>
                                                    <td><b>C&eacute;dula</b></td>
                                                    <td><input name="identificationNumber" type="text" maxlength="15"></td>
                                                    <!-- JS: Verificación de campo vacío, Campo Obligatorio-->	
                                            </tr>
                                 
                                            <tr>
                                                    <td colspan="2" align="left"><input type="submit" name="enviar" value="Ingresar"></td>
                                                    <!-- 
                                                    El evento onClick inicia la verificación del formulario llamando a la función
                                                    validateForm().
                                                    -->
                                            </tr>

                                        </table>
                                    </form>
				</tr>
			</table>
	</td>
    </tr>
	
</table>
</body>
</html>
// “Copyright (C) <2008> Multilateral Investment Fund of the Inter-American Development Bank.
// Este archivo es parte de <ICT4BUS-PVL>
// < ICT4BUS-PVL > es software libre: usted puede redistribuirlo y/o modificarlo bajo los términos de la Licencia Pública General GNU publicada por la Fundación para el Software Libre, ya sea la versión 3 de la Licencia, o (a su elección) cualquier versión posterior.
// < ICT4BUS-PVL > se distribuye con la esperanza de que sea útil, pero SIN GARANTÍA ALGUNA; ni siquiera la garantía implícita MERCANTIL o de APTITUD PARA UN PROPÓSITO DETERMINADO. 
// Consulte los detalles de la Licencia Pública General GNU para obtener una información más detallada. 
// Debería haber recibido una copia de la Licencia Pública General GNU junto a este programa. En caso contrario, consulte http://www.gnu.org/licenses/.”