<%- 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'>");
   }

   
    function openPdf(id) {
      window.open('/gestion/' + id, '_blank');
    }
 
</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 Digitales</li>
    </ol>
  </nav>

  <div class="listado-tabla">
    <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 ((process.env.rol == 1) || (process.env.rol == 2)) {  %>   
         <a href="/cargarcontratopdf/<%= data.jugador[0].Id_Contratos %>" style="color:white;" ></style><span>Nuevo Contrato Digital</span></a>
      <% } %>
    </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>&nbsp;&nbsp;&nbsp;&nbsp;Estado del Contrato</th>   
            <th>Contrato Digital</th>   
            <th>Fecha de Carga</th>   
            <th>Eliminar Contrato</th>   
          </tr>
        </thead>
        <tbody>
          <% if (data.digital.length > 0) { %>

            <% for (var i=0; i < data.digital.length; i++) { %>
            <tr style="font-size:12px;">
                <td><%= data.jugador[0].Descripcion_TipoContrato %></td>
                                
                
                <% mifecha=data.jugador[0].Fecha_Inicio %>
                <td><%= mifecha.getDate() + "-" +  (mifecha.getMonth() + 1) + "-" + mifecha.getFullYear() %></td>
                
                <% mifecha=data.jugador[0].Fecha_Fin %>
                <td><%= mifecha.getDate() + "-" +  (mifecha.getMonth() + 1) + "-" + mifecha.getFullYear() %></td>
                <% miimagen="/resources/img/ver.png" %>          
             

                <td>
                <% if ( data.jugador[0].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[0].Descripcion_EstadoContrato %></div>                   
                  <% } else if ( data.jugador[0].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[0].Descripcion_EstadoContrato %></div>                       
                  <% } else if ( data.jugador[0].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[0].Descripcion_EstadoContrato %></div>                          
                  <% } else if ( data.jugador[0].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[0].Descripcion_EstadoContrato %></div>                              
                  <% } else if ( data.jugador[0].Estado_Contrato == 5) { %>
                        <div style="width:220px; height:10px; align-items:center; display: flex; place-content: center;" class="alert alert-secondary" role="alert"><%= data.jugador[0].Descripcion_EstadoContrato %></div>                              
                  <% } %>
                </td>

                <td>               
                  
                  <% if  (( data.jugador[0].Estado_Contrato != 3) && ( data.jugador[0].Estado_Contrato !=  4)) { %>                     
                   
                    <input value="<%= data.digital[i].Nombre_Contrato %>" type="hidden" name="nombre_pdf"><button style=" border-color:rgb(236, 180, 241);  ; width:400px; height: 34px; background-color: rgb(235, 205, 238); color: rgb(125, 6, 129) ;" onclick="openPdf('<%=  data.iduui; %>')"><%= data.digital[i].Nombre_PDF %></button> 
                   <% process.env.nombre_pdf= data.digital[i].Nombre_Contrato; %>

                  <% } else if (( data.jugador[0].Estado_Contrato = 3) || ( data.jugador[0].Estado_Contrato =  4))  { %> 
                      <a href="" ><i style="color:rgb(218, 53, 116);"  class="fa-solid fa-image"></i><span>Contrato Finalizado o Anulado</span> </a> 
                  <% } %>

                  


               </td>

               
                  
                 <% mifecha=data.digital[i].Fecha %>
                 <td><%= mifecha.getDate() + "-" +  (mifecha.getMonth() + 1) + "-" + mifecha.getFullYear() %></td>
               

                
                <% if (((data.jugador[0].Estado_Contrato != 3) || (data.jugador[0].Estado_Contrato != 4)) && ((process.env.rol == 1) || (process.env.rol == 2))) {    %>  
                    <td><a href="/muestro_datos_contrato_digital_anular/<%= data.digital[i].Id_ContratosDigitales %>"><img src="/resources/img/anular.png" height="30px" title="Anular Contrato"> Eliminar el Contrato Digital</td>
                <% } else { %>
                    <td>Contrato Finalizado o Anulado</td>
                <% } %>


             
              </tr>
            <% } %>
         <% } else { %>

          <% 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" %>          
             

                <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>
                <% if ((( data.jugador[i].Contrato_Digital == '') || ( data.jugador[i].Contrato_Digital ===  null)) && (( data.jugador[i].Estado_Contrato != 3) && ( data.jugador[i].Estado_Contrato !=  4)))  { %>
                  <a href="/cargarcontratopdf/<%= data.jugador[i].Id_Contratos %>"><i style="color:rgb(218, 53, 116);" class="fa-solid fa-image"></i><span>Cargar un Contrato Digital</span></a>
                <% } else { %>
                  <a href="" ><i style="color:rgb(218, 53, 116);" class="fa-solid fa-image"></i><span>Sin Contrato</span></a>
               <% } %>
                             
                </td>
               
                 <td>SIN CONTRATO</td>
                 <td>SIN CONTRATO</td>

               
               

             
              </tr>
            <% } %>

            <% } %>








        </tbody>
      </table>
     

    </div>
    <div style="text-align: right; padding-right: 15px;" >    
      <a href="javascript:window.history.back();" style="height: 38px; width:230px;" class="btn btn-secondary"><img src="/resources/img/volverr.png" width="30" class="logo-desktop">  Volver</a>
    </div>
    <embed id="vistaPrevia" type="application/pdf" width="700" height="800">

  </div>
 

</div>

<script src="//cdn.jsdelivr.net/npm/sweetalert2@10"></script>


 <% if(typeof alert != "undefined") { %>
  <script>
      Swal.fire({
  title: '<%= alertTitle %>',
  showClass: {
    popup: 'animate__animated animate__fadeInDown'
  },
  hideClass: {
    popup: 'animate__animated animate__fadeOutUp'
  }  
}).then(()=>{
          window.location='<%= ruta +  data.id; %>'  
      })         
  </script>
<% } %> 



 





<%- include('partials/_footer'); %>