<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="{{ asset('css/inicio.css') }}">{{-- apunta a la carpeta public y dentro de ella a la carpeta css --}}
    <link rel="icon" href="{{ asset('images/icon.ico') }}">
    <title>La Liga de Niebla</title>
</head>
<body>
<section class="Contenedor">
    <div class="izq">
        

        <h1 class="titulo1">MANTENEDOR</h1>
        <div class="div1"><a href="{{route("mantenedor.caupolican")}}"><img src="{{ asset('images/inicio/Caupolican.gif') }}" alt="Caupolican" width="120px" height="140px"></a></div>
        <div class="div2"><a href="{{route("mantenedor.molinos")}}"><img src="{{ asset('images/inicio/Molino.gif') }}" alt="Los Molinos" width="120px" height="130px"></a></div>
        <div class="div3"><a href="{{route("mantenedor.iberia")}}"><img src="{{ asset('images/inicio/Iberia.gif') }}" alt="Iberia" width="110px" height="135px"></a></div>
        <div class="div4"><a href="{{route("mantenedor.condor")}}"><img src="{{ asset('images/inicio/Condor.gif') }}" alt="Condor" width="110px" height="135px"></a></div>
        <div class="div5"><a href="{{route("mantenedor.ohiggins")}}"><img src="{{ asset('images/inicio/Ohiggins.gif') }}" alt="Ohiggins" width="120px" height="120px"></a></div>
        <div class="div6"><a href="{{route("mantenedor.balneario")}}"><img src="{{ asset('images/inicio/Balneario.gif') }}" alt="Balneario" width="120px" height="140px"></a></div>
        <div class="div7"><a href="{{route("mantenedor.pellines")}}"><img src="{{ asset('images/inicio/Pellines.gif') }}" alt="Pellines" width="120px" height="130px"></a></div>
        <div class="div8"><a href="{{route("mantenedor.milan")}}"><img src="{{ asset('images/inicio/Milan.gif') }}" alt="MIlan" width="120px" height="170px"></a></div>
        <div class="div9"><a href="{{route("mantenedor.wanders")}}"><img src="{{ asset('images/inicio/Wanders.gif') }}" alt="Wanders" width="100px" height="164px"></a></div>
        
        <div class="div10"><img src="{{ asset('images/inicio/Insignia_liga.gif') }}" alt="Logo de la Liga de Niebla" width="200px" height="250px"></div>
    </div>

    <div class="der">
        <div class="titulo2">BUSCADOR JUGADOR </div>
        
            <div class="subtitulo">INGRESA RUT</div>
            <div class="GRID-BUSCADOR">

            <form action="{{ route("inicio.index") }}" method="get">
                @csrf
                @method('PUT')
                <input class="casilla" type="text" id="rut" name="rut" placeholder="12345678-9" value="{{ $rut }}">
                <input class="boton" type="submit" value="Buscar">
            </form>
            </div>
            <div class="GRID-TITULO">
                @foreach ($jugadores as $jugador)
                <p class="item"  id="rut" name="rut" placeholder="Cedula" value="">RUT:</p>
                <p class="item2"  id="rut" name="rut" placeholder="Cedula" value="">{{$jugador->cedula}}</p>

                <p class="item"  id="rut" name="rut" placeholder="Cedula" value="">NOMBRE:</p>
                <p class="item2"  id="rut" name="rut" placeholder="Cedula" value="">{{$jugador->nombre}}</p>

                <p class="item"  id="rut" name="rut" placeholder="Cedula" value="">NACIMIENTO:</p>
                <p class="item2"  id="rut" name="rut" placeholder="Cedula" value="">{{$jugador->fecha_nacimiento}}</p>

                <p class="item"  id="rut" name="rut" placeholder="Cedula" value="">SEXO:</p>
                <p class="item2"  id="rut" name="rut" placeholder="Cedula" value="">{{$jugador->sexo}}</p>

                <p class="item"  id="rut" name="rut" placeholder="Cedula" value="">EDAD:</p>
                <p class="item2"  id="rut" name="rut" placeholder="Cedula" value="">{{$jugador->edad}}</p>

                <p class="item"  id="rut" name="rut" placeholder="Cedula" value="">SERIE:</p>
                <p class="item2"  id="rut" name="rut" placeholder="Cedula" value="">{{$jugador->serie}}</p>
       
                <p class="item"  id="rut" name="rut" placeholder="Cedula" value="">CLUB:</p>
                <p class="item2"  id="rut" name="rut" placeholder="Cedula" value="">{{$jugador->club}}</p>
  
                <p class="item"  id="rut" name="rut" placeholder="Cedula" value="">PROCEDENCIA:</p>
                <p class="item2"  id="rut" name="rut" placeholder="Cedula" value="">{{$jugador->procedencia}}</p>
               
                <p class="item"  id="rut" name="rut" placeholder="Cedula" value="">SANCION:</p>
                <p class="item2"  id="rut" name="rut" placeholder="Cedula" value="">{{$jugador->sancion}}</p>

                <p class="item"  id="rut" name="rut" placeholder="Cedula" value="">FOTO:</p>
                <img class="avatar" src="images/jugadores/{{$jugador->imagen}}" alt="Foto Jugador" width="100px" height="200px">
                @endforeach
              
            {{-- </div>
            <div class="GRID-MOSTRAR"> --}}
           
            
            
           
           
            
            
            
            
            
        </div>
    </div>

</section>
</body>
</html>