<%- include('partials/_header'); %>



<script type="text/javascript">
  window.onload = function(){
     


    document.querySelector('#pdffile').addEventListener('change',()=>{

    let pdffile = document.querySelector('#pdffile').files[0];
    let pdffFileUrl = URL.createObjectURL(pdffile);
   

    document.querySelector('#vistaPrevia').setAttribute('src', pdffFileUrl);
    }) 


  }



function explorar() {
   document.getElementById("pdffile").click();
   $("#nombre_arch").html("")
   }

   function obtener_arch(){ 
      var nombre_arch=document.getElementById("pdffile").files[0].name;      
      document.getElementById("contrato_digital").value=nombre_arch;
      $("#nombre_arch").html("<small><b>Documento Seleccionado</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><%= data.jugador[0].Nombre %> <%= data.jugador[0].Apellido %></a></li>
       <li class="breadcrumb-item active" aria-current="page">Contratos</li>
    </ol>
  </nav>


 

  <div class="listado-tabla">
    <div class="top">
      <div class="player">
        <% miimagen="/resources/img/" + data.jugador[0].Imagen %> 
        <img src="<%= miimagen %>">
        <% if (data.nuevocontrato == 4) { %>
        <h5><%= data.jugador[0].Nombre %> <%= data.jugador[0].Apellido %> - Seleccione el Contrato que va a Rescindir</h5>
        <% }  else if (data.nuevocontrato == 5) { %>
            <h5><%= data.jugador[0].Nombre %> <%= data.jugador[0].Apellido %> - Seleccione el Contrato que va a Renovar</h5>
        <% } %>
        </div>
   
    </div>
  
    <div class="table-responsive">
      <table class="table table-hover">
        <thead>
          <tr>
            <th>Tipo de Contrato</th>
            <th>Fecha de Inicio</th>
            <th>Fecha Finalización</th>           
            <th>Datos del Contrato</th>   
            <th>&nbsp;&nbsp;&nbsp;&nbsp;Estado del Contrato</th>   
            <th>Contrato Digital</th>   
            <th>Ejecutar</th>   
            
          </tr>
        </thead>
        <tbody>
          <% if (data) { %>
            <% for (var i=0; i < data.jugador.length; i++) { %>
            <tr style="font-size:12px;">
                <td><%= data.jugador[i].Descripcion_TipoContrato %></td>
                                
                
                <% mifecha=data.jugador[i].Fecha_Inicio %>
                <td><%= mifecha.getDate() + "-" +  (mifecha.getMonth() + 1) + "-" + mifecha.getFullYear() %></td>
                
                <% mifecha=data.jugador[i].Fecha_Fin %>
                <td><%= mifecha.getDate() + "-" +  (mifecha.getMonth() + 1) + "-" + mifecha.getFullYear() %></td>
                <% miimagen="/resources/img/ver.png" %>                  

                <% idcont= (data.jugador[i].Id_Contratos).toString(); %>
                <td><a href="/muestro_contrato_jugador/<%= data.jugador[i].Id_Contratos %>"><i class="fa-solid fa-pencil"></i>Ver Datos del Contrato</a></td>

               
             

                <td>
                <% if ( data.jugador[i].Estado_Contrato == 2) { %>
                     <div style="width:220px;  height:10px; align-items:center; display: flex; place-content: center;" class="alert alert-warning" role="alert"><%= data.jugador[i].Descripcion_EstadoContrato %></div>                   
                  <% } else if ( data.jugador[i].Estado_Contrato == 1) { %>
                     <div style="width:220px; height:10px; align-items:center; display: flex; place-content: center;" class="alert alert-success" role="alert"  ><%= data.jugador[i].Descripcion_EstadoContrato %></div>                       
                  <% } else if ( data.jugador[i].Estado_Contrato == 3) { %>
                      <div style="width:220px; height:10px; align-items:center; display: flex; place-content: center;" class="alert alert-danger" role="alert"><%= data.jugador[i].Descripcion_EstadoContrato %></div>                          
                  <% } else if ( data.jugador[i].Estado_Contrato == 4) { %>
                      <div style="width:220px; height:10px; align-items:center; display: flex; place-content: center;" class="alert alert-primary" role="alert"><%= data.jugador[i].Descripcion_EstadoContrato %></div>                              
                  <% } %>
                </td>




               <td>
                <a href="/muestrocontratosdigitales/<%= idcont %>"><i style="color:rgb(218, 53, 116);"  class="fa-solid fa-image"></i><span>Contratos Digitales</span> </a> 
              </td>

              <% if (data.nuevocontrato == 4) { %>
                <td><a style="color:white; width: 150px; height: 45px; font-size: 12;" href="/altacontratores/<%= data.jugador[i].Id_Contratos %>" class="btn btn-danger"  >Rescindir este Contrato</a></td> 
             <% } else if  (data.nuevocontrato == 5) { %>
                 <td><a style="color:white; width: 150px; height: 45px; font-size: 12;"  href="/altacontratoren/<%= data.jugador[i].Id_Contratos %>" class="btn btn-danger">Renovar este Contrato</a></td> 
             <% } %>    
              
                  
               
             
              </tr>
            <% } %>
         <% } %>
        </tbody>
      </table>
     

    </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>

</div>

<script src="//cdn.jsdelivr.net/npm/sweetalert2@10"></script>


 <% if(typeof alert != "undefined") { %>
  <% alert = "undefined" %>
  <script>
      Swal.fire({
  title: '<%= alertTitle %>',
  showClass: {
    popup: 'animate__animated animate__fadeInDown'
  },
  hideClass: {
    popup: 'animate__animated animate__fadeOutUp'
  }  

}).then(()=>{
          window.location='<%= ruta +  process.env.idjug; %>'  
      })         
  </script>
 
<% } %> 










<%- include('partials/_footer'); %>