
<%- include('partials/_header'); %>

<script type="text/javascript">
  window.onload = function(){
     
 var fecha= new Date(document.getElementById("fechatextbase").value);      
    
  var mes = fecha.getMonth()+1; 
  var dia = fecha.getDate(); 
  var ano = fecha.getFullYear(); 
  if(dia<10)
    dia='0'+dia; 
  if(mes<10)
    mes='0'+mes 
   document.getElementById('fechanacimiento').value=ano+"-"+mes+"-"+dia; 

  }
 
 </script>


 <div class="cont-1300">
  <nav style="--bs-breadcrumb-divider: '>';" aria-label="breadcrumb">
     <ol class="breadcrumb">
        <li class="breadcrumb-item">Contratos</li>
        <li class="breadcrumb-item active" aria-current="page"><a href="/muestrojugadores">Jugadores</a></li>
        <li class="breadcrumb-item active" aria-current="page"><a><%= data.jugador[0].Nombre %> <%= data.jugador[0].Apellido %></a></li>
        <li class="breadcrumb-item active" aria-current="page">Subir Imagen</li>
     </ol>
  </nav>



  <div class="alta-form">
   <form action="/files" method="post" enctype="multipart/form-data">
      <div class="col-12">
     
       <label>Seleccione un Imagen para el Jugador (.png)</label><br clear="all">
       <label>Tamaño de Imagen Optima 270 x 360 pixeles</label><br clear="all">
       <a href="javascript:explorar();">
         <div class="">
            <br>
              <img src="/resources/img/subirarchivo.webp" height="50px" title="Subir Imagen"><br clear="all">
             
         </div>   



       </a>

       <div id="nombre_arch" class="">


       </div>   




       <input  type="file" name="f_subir" id="f_subir" accept="image/png" style="display:none;" onchange="javascript:obtener_arch();" required>   
       <br clear="all"><br clear="all">
       <input  type="hidden" value="<%= data.id %>" name="idjugador" id="idjugador">   
       <input  type="text" name="imagen" id="imagen" style="display:none;">   
       <input type ="submit" class="btn btn-dark" value="Subir Archivo">   
        
    </div>  
 </form>

</div>


 </div>
 <br>


 <div style="width: 100%; max-width: 600px; margin: 0 auto; display: flex; flex-direction: column; justify-content: center; align-items: center;">    
   <a href="javascript:window.history.back();" style="color:black;"><img src="/resources/img/volver.png" width="30" class="logo-desktop">&nbsp;&nbsp;Volver </a> 
</div>

 <script>

   function explorar() {
   document.getElementById("f_subir").click();
   $("#nombre_arch").html("")
   }

   function obtener_arch(){ 
      var nombre_arch=document.getElementById("f_subir").files[0].name;
      document.getElementById("imagen").value=nombre_arch;
      $("#nombre_arch").html("<small><b>Archivo a subir</b><br clear='all'>" + nombre_arch + "</small><br clear='all'>");
   }




 </script>

<script src="//cdn.jsdelivr.net/npm/sweetalert2@10"></script>

<% if(typeof alert != "undefined") { %>
    <script>
        Swal.fire({
         title: '<%= alertTitle %>',
         text:'<%= alertMessage %>',
         icon: '<%= alertIcon %>',
         showConfirmButton: <%= showConfirmButton %> ,
         timer: <%= 1500 %>             
        }).then(()=>{
            window.location='<%= ruta + data.id %>' 
        })            
    </script>
<% } %>

 
<%- include('partials/_footer'); %>