<%- 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="/filescontratos" method="post" enctype="multipart/form-data">

      <div style="width: 100%; max-width: 600px; margin: 0 auto; display: flex; flex-direction: column; justify-content: center; align-items: center;">    
         <label>Ingrese un Nombre para Identificar el Archivo PDF</label>
         <input style="width: 300px;   margin: 0 auto; text-align: center;"  type="text" class="form-control" name="nombre_archivo_pdf" required>
      </div>

      <br>
      
      <div style="width: 100%; max-width: 600px; margin: 0 auto; display: flex; flex-direction: column; justify-content: center; align-items: center;">    
     
       <label>Seleccione el Contrato para subir (.pdf)</label><br clear="all">
        <a href="javascript:explorar();">
        
            
              <img src="/resources/img/subirarchivo.webp" height="50px" title="Subir Imagen"><br clear="all">
             
        

       </a>

       <div id="nombre_arch" class="">

      </div>   



      <input  type="file" name="f_subir" id="f_subir" accept=".pdf" style="display:none;" onchange="javascript:obtener_arch();" required>   
       <br clear="all"><br clear="all">
       <input  type="hidden" value="<%= data.id %>" name="idcontrato" id="idcontrato">   
       <input  type="text" name="imagen" id="imagen" style="display:none;">   

       <br>  <br>
       <input type ="submit" class="btn btn-dark" value="Subir Archivo">   
        
      </div>  



   </form>

</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>
 </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'); %>