<%- include('partials/_header'); %>


<script type="text/javascript">

    window.onload = function(){
    
    
    
          
           document.querySelector('#f_subir').addEventListener('change',()=>{
    
            let pdffile = document.querySelector('#f_subir').files[0];
            let pdffFileUrl = URL.createObjectURL(pdffile);
           
           
            document.querySelector('#vistaPrevia').setAttribute('src', pdffFileUrl);
        }) 
    
    }
    
    
   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>
     

<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 href="/vercontratos/<%= process.env.idjug; %>"><%= data.jugador[0].Nombre +" "+ data.jugador[0].Apellido %></a></li>
             <li class="breadcrumb-item active" aria-current="page"></a>Contratos</li> -->
             <% if (data) { %>
              <% for (var i=0; i < data.jugador.length; i++) { %>
             <li class="breadcrumb-item active" aria-current="page"><%= data.jugador[i].Descripcion_TipoContrato %></li>
              <% } %>
             <% } %>
             <li class="breadcrumb-item active" aria-current="page">Contratos Vinculados</li>
          </ol>
        </nav>
        <div class="listado-tabla p-0">
            <div class="top">
                <div class="player">
                <% miimagen="/resources/img/" + data.jugador[0].Imagen %> 
                <img src="<%= miimagen %>">
                <h5><%= data.jugador[0].Nombre %> <%= data.jugador[0].Apellido %></h5>
                </div>
                <% if (data) { %>
                    <% for (var i=0; i < data.jugador.length; i++) { %>
                      <% descri=data.jugador[0].Descripcion_EstadoContrato %>
                      <% if ( data.jugador[i].Estado_Contrato == 2) { %>
                        <div class="alert alert-warning mb-0" role="alert"><%= descri %></div>       
                        <% } else if ( data.jugador[i].Estado_Contrato == 1) { %>
                        <div class="alert alert-success mb-0" role="alert"><%= descri %></div>   
                        <% } else if ( data.jugador[i].Estado_Contrato == 3) { %>
                        <div class="alert alert-danger mb-0" role="alert"><%= descri %></div>   
                        <% } else if ( data.jugador[i].Estado_Contrato == 4) { %>
                        <div class="alert alert-primary mb-0" role="alert"><%= descri %></div>   
                      <% } %>
                    <% } %>
                  <% } %>
            </div>
        
           
         <form action="/filespasaporte" method="post" enctype="multipart/form-data">
            <div class="alta-form">
              
                <div class="col-md-12">
                    <label for="inputEmail4" class="form-label" style="font-weight: bold; font-size: 20;" >Pasaporte Deportivo</label>   
                </div>      


                        <label>Seleccione un Documento para Adjuntar al Pasaporte Deportivo</label><br clear="all">
                        <a href="javascript:explorar();">
                          <div class="">
                            <br>
                               <img src="/resources/img/buscardocumento.png" height="50px" title="Buscar Documento"><br clear="all">
                             
                          </div>   
                 
                 
                 
                        </a>
                 
                        <div id="nombre_arch" class="">
                 
                 
                        </div>   


                        <input  type="file" name="f_subir" id="f_subir" accept="image/pdf" style="display:none;" onchange="javascript:obtener_arch();" required>   
                        <br clear="all"><br clear="all">
                        <input  type="hidden" value="<%= data.id %>" name="idjugadores" id="idjugadores">   
                        <input  type="text" name="imagen" id="imagen" style="display:none;"> 
                       
                        <div class="col-md-12">  
                        <input type ="submit" class="btn btn-dark" value="Subir Documento">   
                        </div>
                        <br>
                        <div class="col-md-12">  
                        <embed id="vistaPrevia" type="application/pdf" width="700" height="500">
                        </div>

                
            </div>
        </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>


<%- include('partials/_footer'); %>
