<%@ 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">
<tr align="center">
	<td align="center">
        <%
             String tittle = "Datos de la empresa";
        %>
        <%@ include file="titulo.jsp" %>
	</td>
</tr>


<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 = "Inicio";
                    %>
                    <%@ include file="/titulo.jsp" %>
        
			<table width="603">
				<tr><td align="center"><%= request.getAttribute("message")%></td></tr>
				<tr>
                                    <form name="externalUserLogin" method="post" action="/callcenter/validarusuarioexterno" onSubmit="return validateForm(document.externalUserLogin);">
                                        <table align="center" cellspacing='5'>
                                            <tr><td colspan="2" align="center">Sesi&oacute;n de Callcenter</td></tr>
                                            <tr><td><br></td></tr>
                                            <tr>
                                                    <td>Usuario</td>
                                                    <td><input name="login" type="text" maxlength="12" d></td>
                                                    <!-- JS: Verificación de campo vacío, Campo Obligatorio-->	
                                            </tr>
                                            <tr>
                                                    <td>C&eacute;dula</td>
                                                    <td><input name="identificationNumber" type="text" maxlength="15"></td>
                                                    <!-- JS: Verificación de campo vacío, Campo Obligatorio-->	
                                            </tr>
                                            <tr><td><br></td></tr>
                                            <tr>
                                                    <td colspan="2" align="center"><input type="submit" name="enviar" value="Ingresar" onClick="validateForm()"></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>