<!DOCTYPE html>
<html>
<head>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<meta charset="ISO-8859-1">
<c:choose>
    <c:when test="${modo=='buscar'}">
        <c:set var="titulo" value="BUSCAR ESCUELAS"/>
    </c:when>
    <c:when test="${modo=='actualizar'}">
        <c:set var="titulo" value="ACTUALIZAR ESCUELAS"/>
    </c:when>
    <c:when test="${modo=='borrar'}">
        <c:set var="titulo" value="BORRAR ESCUELAS"/>
    </c:when>
    <c:when test="${modo=='normal'}">
        <c:set var="titulo" value="LISTAR ESCUELAS"/>
    </c:when>
    <c:otherwise>
        <c:set var="titulo" value="LISTAR ESCUELAS"/>
    </c:otherwise>
</c:choose>

<title>${titulo}</title>     

<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/resources/styles/styles.css">

</head>
<body>

<%@ include file="/WEB-INF/view/menu.jsp" %>

<div id="contenido">
    <!-- Mensajes flash -->
    
    <c:if test="${not empty mensaje}">
        <div class="alert alert-success">${mensaje}</div>
    </c:if>
    
    <c:if test="${not empty error}">
        <div class="alert alert-danger">${error}</div>
    </c:if>
    
    <c:url var="linkBuscar" value="/Escuela/buscar">
        <c:param name="modo" value="buscar"/>
    </c:url>
            <c:if test="${modo=='buscar'}">
            
  <div>
	  <form:form action="${linkBuscar}" method="get" modelAttribute="escuelaBusqueda">
	    <input type="hidden" name="modo" value="buscar"/>
	    
	    <label for="valor">Término:</label>
	    <form:input path="valor" id="valor"/>
	    
		    <div class="radio-group">
		      	<div class="radio-option">
		        <form:radiobutton path="tipoBusqueda" value="nombre" id="nombreRadio" checked="true"/>
		        <span class="custom-radio"></span>
		        <label for="nombreRadio">Nombre</label>
		    </div>
	      
	      	<div class="radio-option">
		        <form:radiobutton path="tipoBusqueda" value="direccion" id="direccionRadio"/>
		        <span class="custom-radio"></span>
		        <label for="direccionRadio">Direccion</label>
	      	</div>
	    	
	    	<div class="radio-option">
		        <form:radiobutton path="tipoBusqueda" value="director" id="directorRadio"/>
		        <span class="custom-radio"></span>
		        <label for="directorRadio">Director</label>
	      	</div>
	    </div>
	    
	    <button type="submit">Buscar</button>
	  </form:form>
</div>
</c:if>
    
    <div class="clientes-container">
        <div class="cliente-header">
            <span>ID</span>
            <span>Nombre</span>
            <span>Direccion</span>
            <span>Director</span>
        </div>
        
        <c:forEach var="escuelaVar" items="${listaEscuelas}">
            <c:url var="linkActualizar" value="/Escuela/actualizar">
                <c:param name="id" value="${escuelaVar.id}"/>
                <c:param name="modo" value="actualizar"/>
                <c:param name="directorId" value="${escuelaVar.director.id}"/>
            </c:url>
            
            <c:url var="linkBorrar" value="/Escuela/borrar">
                <c:param name="id" value="${escuelaVar.id}"/>
            </c:url>
            
            <div class="cliente-row">
                <c:choose>
                    <c:when test="${modo=='normal'}">
                        <span>${escuelaVar.id}</span>
                        <span>${escuelaVar.nombre}</span>
                        <span>${escuelaVar.direccion}</span>
                        <span>${escuelaVar.director.nombre}</span>
                    </c:when>
                    
                    <c:when test="${modo=='actualizar'}">
                        <a href="${linkActualizar}">
                            <span>${escuelaVar.id}</span>
	                        <span>${escuelaVar.nombre}</span>
	                        <span>${escuelaVar.direccion}</span>
	                        <span>${escuelaVar.director.nombre}</span>
                        </a>
                    </c:when>
                    
                    <c:when test="${modo=='borrar'}">
                        <a href="#" onclick="event.preventDefault(); confirmarBorrado('${linkBorrar}', '${fn:escapeXml(estudianteVar.nombre)}')">
                            <span>${escuelaVar.id}</span>
	                        <span>${escuelaVar.nombre}</span>
	                        <span>${escuelaVar.direccion}</span>
	                        <span>${escuelaVar.director.nombre}</span>
                        </a>
                    </c:when>
                    
                    <c:otherwise>
                        <span>${escuelaVar.id}</span>
                        <span>${escuelaVar.nombre}</span>
                        <span>${escuelaVar.direccion}</span>
                        <span>${escuelaVar.director.nombre}</span>
                    </c:otherwise>
                </c:choose>
            </div>
        </c:forEach>
    </div>
</div>

<script>
function confirmarBorrado(url, nombre) {
    Swal.fire({
        title: '¿Confirmar borrado?',
        html: 'Está a punto de borrar la escuela:<br><b>' + nombre + '</b>',
        icon: 'warning',
        showCancelButton: true,
        confirmButtonColor: '#d33',
        cancelButtonColor: '#3085d6',
        confirmButtonText: 'Sí, borrar',
        cancelButtonText: 'Cancelar',
        allowOutsideClick: false,
        focusCancel: true
    }).then((result) => {
        if (result.isConfirmed) {
            window.location.href = url;
        }
    });
    return false;
}
</script>


</body>
</html>