<%@page import="Modelo.Jugador"%>
<%@page import="Modelo.Usuario"%>
<%@page import="Datos.UsuarioDB"%>
<%@page import="java.util.ArrayList"%>
<%@page import="Modelo.MiembrosClub"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<% if (request.getSession().getAttribute("usuario") == null) {%>
<%@ include file="/includes/login.jsp" %>
<% } else { %>
<%@ include file="/includes/header.jsp" %>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="msapplication-tap-highlight" content="no">
  <title>Bappsket</title>


  <!-- CORE CSS-->
  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  <link href="css/materialize.min.css" type="text/css" rel="stylesheet" media="screen,projection">
  <link href="css/style.css" type="text/css" rel="stylesheet" media="screen,projection">
    <!-- Custome CSS-->    
<!--  <link href="css/page-center.css" type="text/css" rel="stylesheet" media="screen,projection">-->
  
</head>

<body>
<%
        String operacion = request.getParameter("operacion");
        String id_equipo = request.getParameter("id_equipo");
        String boton = "";
        int tamaño = 0;
        if(operacion.equals("MOD")){
            boton = "modificar jugadores";
            ArrayList<Jugador> lista_jugadores = (ArrayList<Jugador>) request.getAttribute("lista_jugadores");
            tamaño = lista_jugadores.size();
%>
<div id="crearEntrenamiento-page" class="row">
        <form action="crearEquipo3" method="post">
            <div class="row">  
                <h2>Jugadores</h2>
            </div>
            <table class="striped centered">
                <thead>
                    <tr>
                        <th>Nombre</th>
                        <th>Apellidos</th>
                        <th>Dirección</th>
                        <th>Fecha de nacimiento</th>
                    </tr>
                </thead>
                <tbody>
                <%  for (int i = 0; i<lista_jugadores.size(); i++) { 
                        Jugador jug = lista_jugadores.get(i);
                %>
                    <tr>
                        <td>
                            <div class="row margin">
                                <div class="input-field">
                                    <input name=<%="nombreJugador"+i%> id=<%="nombreJugador"+i%> value="<%=jug.getNombre_jugador()%>">
                                </div>
                            </div>
                        </td>
                        <td>
                            <div class="row margin">
                                <div class="input-field">
                                    <input name=<%="apellidosJugador"+i%> id=<%="apellidosJugador"+i%> value="<%=jug.getApellidos_jugador()%>">
                                </div>
                            </div>
                        </td>
                        <td>
                            <div class="row margin">
                                <div class="input-field">
                                    <input name=<%="direccionJugador"+i%> id=<%="direccionJugador"+i%> value="<%=jug.getDireccion_jugador()%>">
                                    <input type="hidden" name=<%="id_jugador"+i%> id=<%="id_jugador"+i%> value="<%=jug.getId_jugador()%>">
                                </div>
                            </div>
                        </td>
                        <td>
                            <div class="row margin">
                                <div class="input-field">
                                    <input type="text" class="datepicker" name=<%="fechaNacimiento"+i%> id=<%="fechaNacimiento"+i%> value="<%=jug.getFecha_nacimiento()%>">
                                </div>
                            </div>
                        </td>
                    </tr>
                <%}
                    for(int j = lista_jugadores.size(); j<15; j++){%>
                    <tr>
                        <td>
                            <div class="row margin">
                                <div class="input-field">
                                    <input name=<%="nombreJugador"+j%> id=<%="nombreJugador"+j%>>
                                </div>
                            </div>
                        </td>
                        <td>
                            <div class="row margin">
                                <div class="input-field">
                                    <input name=<%="apellidosJugador"+j%> id=<%="apellidosJugador"+j%>>
                                </div>
                            </div>
                        </td>
                        <td>
                            <div class="row margin">
                                <div class="input-field">
                                    <input name=<%="direccionJugador"+j%> id=<%="direccionJugador"+j%>>
                                </div>
                            </div>
                        </td>
                        <td>
                            <div class="row margin">
                                <div class="input-field">
                                    <input type="text" class="datepicker" name=<%="fechaNacimiento"+j%> id=<%="fechaNacimiento"+j%>>
                                </div>
                            </div>
                        </td>
                    </tr>
                <%}%>
                </tbody>
            </table>
            <div class="row margin">
                    <button class="btn waves-effect waves-light col s1 orange darken-4" type="submit" id="equipo" name="equipo"><%=boton%>
                    </button>
                    <div class="input-field">
                        <input type="hidden" name="operacion" id="operacion" value="<%=operacion%>">
                        <input type="hidden" name="tamaño" id="tamaño" value="<%=tamaño%>">
                        <input type="hidden" name="id_equipo" id="id_equipo" value="<%=id_equipo%>">
                    </div>
            </div>
        </form>
    </div>
<%      }else{
            boton = "añadir jugadores";
%>  
    <div id="crearEntrenamiento-page" class="row">
        <form action="crearEquipo3" method="post">
            <div class="row">  
                <h2>Jugadores</h2>
            </div>
            <table class="striped centered">
                <thead>
                    <tr>
                        <th>Nombre</th>
                        <th>Apellidos</th>
                        <th>Dirección</th>
                        <th>Fecha de nacimiento</th>
                    </tr>
                </thead>
                <tbody>
                <%  for (int i = 0; i<15; i++) { 
                %>
                    <tr>
                        <td>
                            <div class="row margin">
                                <div class="input-field">
                                    <input name=<%="nombreJugador"+i%> id=<%="nombreJugador"+i%>>
                                </div>
                            </div>
                        </td>
                        <td>
                            <div class="row margin">
                                <div class="input-field">
                                    <input name=<%="apellidosJugador"+i%> id=<%="apellidosJugador"+i%>>
                                </div>
                            </div>
                        </td>
                        <td>
                            <div class="row margin">
                                <div class="input-field">
                                    <input name=<%="direccionJugador"+i%> id=<%="direccionJugador"+i%>>
                                </div>
                            </div>
                        </td>
                        <td>
                            <div class="row margin">
                                <div class="input-field">
                                    <input type="text" class="datepicker" name=<%="fechaNacimiento"+i%> id=<%="fechaNacimiento"+i%>>
                                </div>
                            </div>
                        </td>
                    </tr>
                <%}%>
                </tbody>
            </table>
            <div class="row margin">
                    <button class="btn waves-effect waves-light col s1 orange darken-4" type="submit" id="equipo" name="equipo"><%=boton%>
                    </button>
                    <div class="input-field">
                        <input type="hidden" name="operacion" id="operacion" value="<%=operacion%>">
                        <input type="hidden" name="tamaño" id="tamaño" value="<%=tamaño%>">
                        <input type="hidden" name="id_equipo" id="id_equipo" value="<%=id_equipo%>">
                    </div>
            </div>
        </form>
    </div>
    <%}%>
<!-- ================================================
    Scripts
    ================================================ -->

  <!-- jQuery Library -->
  <script type="text/javascript" src="js/jquery.js"></script>
  <!--materialize js-->
  <script type="text/javascript" src="js/materialize.min.js"></script>
  <!---script comprobaciones --->
  <script type="text/javascrpit" src="js/validarFormulario.js"></script>
  <script>
    $(document).ready(function(){
            $('select').formSelect();
    });
    
    $(document).ready(function(){
        $('.datepicker').datepicker();
    });
    
    $( '#equipo' ).click(function() {
        var registros=0;
        for(var i = 0; i<15; i++){
          var nombre = document.getElementById('nombreJugador'+i).value;
          var apellidos = document.getElementById('apellidosJugador'+i).value;
          var direccion = document.getElementById('direccionJugador'+i).value;
          var fecha = document.getElementById('fechaNacimiento'+i).value;
          
          if(nombre != "" && apellidos != "" && direccion != "" && fecha != ""){
              registros++;
          }
        }
        if (registros < 8){
          alert('Al menos debe insertar 8 jugadores en un equipo');
          return false;
        }else{
          return true;
        }
    });
  </script>


</body>

</html>
<%}%>
