@extends('menu/menu')
{{-- <script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.4.1.min.js"></script> --}}
<script src="{{ asset('js/jquery-3.4.1.min.js') }}" ></script>

 



@if ( session('mensaje_error') )

    <div class="alert alert-danger">{{ session('mensaje_error') }}</div>

@endif

@if ( session('mensaje') )  
    <div class="alert alert-success">{{ session('mensaje') }}</div>
    {{-- <a class="dropdown-item" href="{{route('go_see_gastos')}}" style="text-align: right"> <button class="btn btn-success">Mis Solicitudes</button></a>  --}}
@endif

@section('content') 
<br>

<div class="container" style="margin-top:30px"> 
    
<h2>Solicitudes días</h2>
<div class="container"><div id="form-container" class="container-fluid">


 
    <form action="{{route('filtro_buscar_usuario_nombre')}}" method="post">
            {{-- {{$todas_solicitudes ?? ''}} --}}

    <div class="row">
        
      <div class="col-sm-4 form-group" >
        <label for="rut_trabajador" class="" >Nombre trabajador</label>
        <input type="text" class="form-control"  autocomplete="off" placeholder="Nombre trabajador" name="nombre_trabajador" id="nombre_trabajador" value=""   >
        @error('rut_trabajador')
          <div class="alert alert-danger">{{ $message }}</div>
        @enderror
        <div class="" id="listaarrow"></div>
        {{ csrf_field() }}
    </div>
  <input type="text" value="" id="id_trabajador" name="id_trabajador" style="display:none">

<div class="col-sm-2 form-group " >
  <label for="buscar" class="" >Buscar</label>
 <button class="btn btn-success form-control" type="submit">Buscar</button>  
 @error('buscar')
    <div class="alert alert-danger">{{ $message }}</div>
  @enderror
</div>
<div class="col-sm-2 form-group "  style="display:none">
  <label for="">Desea</label>
  <div class=" form-check" >
    <input type="checkbox" name="filtro" class="form-check-input" value="seleccionado"  id="exampleCheck1">
    <label class="form-check-label" for="exampleCheck1">Filtrar fecha</label>
  </div>
</div>

{{-- {{$solicitudes_dias}} --}}
    </div>
  </form>
     
  <div class="card">
    <div class="card-body">
      
        <div class="row">
          <div class="col-sm-3 form-group" >
            <label for="rut_trabajador" class="" > <b>Nombre: </b> </label>         
            <span>{{ $nomre_usuario  ?? ''}} </span>
          </div>
      
        </div>

        <div class="row">
       
     
        </div>
      
      </div>
  </div><br>

</div> 



<div class="container table-responsive"><div id="form-container" class="container-fluid">
  <table class="table table-bordered table-hover"  id="mitable"> 

    <thead>

      <tr style="color:#516ba0;">
        <th class="th-head" style="border-right:1px solid #b2b2b2 ;border-bottom:1px solid transparent;" colspan="4">Tipo solicitud</th>
        <th class="th-head" style="border-right:1px solid #b2b2b2 ;border-bottom:1px solid transparent;">Estado</th>
        
        <th class="th-head" style="border-right:1px solid #b2b2b2 ;border-bottom:1px solid transparent;">Descripción</th>
        <th class="th-head" style="border-bottom:1px solid transparent;">Acciones</th>

      </tr>
        <tr style="color:#516ba0;">
              <th class="th-subhead"><strong>Detalle </strong></th>
              <th class="th-subhead"><strong>Fecha envío</strong></th>
              <th class="th-subhead" ><strong>Fecha solicitada</strong></th>
  <th class="th-subhead" style="border-right:1px solid #b2b2b2;"><strong>Días totales</strong></th>
              <th class="th-subhead" style="border-right:1px solid #b2b2b2;"></th>
              <th class="th-subhead" style="border-right:1px solid #b2b2b2;"></th>
              <th class="th-subhead"></th>
            
            </tr>

    </thead> 

    <tbody>
      @if(!empty($solicitudes_dias))
      @foreach ($solicitudes_dias  as $solicitudes_dias_)
      <tr style="color:#CAC8C8;">
        <td class="td-val">
          {{$solicitudes_dias_->descripcion ?? ''}}
        </td>
          <td class="td-val"> {{Carbon\Carbon::createFromDate($solicitudes_dias_->fecha_enviada?? '')->format('d-m-Y') }} 
         </td>
          <td class="td-val"><label> De:</label>
          {{Carbon\Carbon::createFromDate($solicitudes_dias_->fecha_solicitada ?? '')->format('d-m-Y') }}<br>
         <label> Hasta:</label>
          {{Carbon\Carbon::createFromDate($solicitudes_dias_->fecha_finalizada ?? '')->format('d-m-Y') }}
        </td>
          <td class="td-val" style="border-right:1px solid #b2b2b2 ;">
          {{$solicitudes_dias_->total_dias ?? ''}}
        
        </td>

        
         
          @if($solicitudes_dias_->estado == "enviada")
                <td class="td-val" style="background:#ffa001; text-align: center;border-right:1px solid #b2b2b2 ;color:#fff;" > ENVIADA </td>
          @elseif($solicitudes_dias_->estado == "aceptada")  
               <td class="td-val"  style="background:#00a06f; text-align: center;border-right:1px solid #b2b2b2 ; color:white" > ACEPTADA
               

               <div style="text-align: center">
              

              </div></td>

           @elseif($solicitudes_dias_->estado == "rechazada")  
               <td class="td-val" style="background:#dd0053; text-align: center;border-right:1px solid #b2b2b2 ; color:white" > RECHAZADA
              
                <div style="text-align: center">
                 
                </div></td>
          @endif
        
         
         

       
        
        <td class="td-val" style="border-right:1px solid #b2b2b2 ;">
        {{$solicitudes_dias_->comentarios_solicitud}}
        </td>

        <td class="td-val" style="border-right:1px solid #b2b2b2 ;">
          {{-- <a href=""> Eliminar</a>
          <a href="{{route('generar.pdf_solicitud_dia')}}"> <img src="{{ asset('img/pdf.png') }}" alt=""></a> --}}
          @if($solicitudes_dias_->estado == "enviada")
              {{-- <a href="" class="btn btn-danger"> Eliminar</a> --}}
              {{-- <a href="{{route('generar.pdf_solicitud_dia')}}"> <img src="{{ asset('img/pdf.png') }}" alt=""></a> --}}
          @elseif($solicitudes_dias_->estado == "aceptada")  
		  
		   {{-- {{$solicitudes_dias_->id_solicitudes_dia}} --}}
                <a href="{{route('generar.pdf_solicitud_dia_acep_recha2',[$solicitudes_dias_->id_solicitudes_dia,$id_trabajador])}}"> <img src="{{ asset('img/Descargar PDF.png') }}" alt=""></a>
                {{-- <a href="{{route('generar.pdf_solicitud_dia_acep_recha2',array('fechaMenor'=>1,'fechaMayor'=>2))}}" > dasdsa</a> --}}
             
          @elseif($solicitudes_dias_->estado == "rechazada")  
		  
		   <a href="{{route('generar.pdf_solicitud_dia_acep_recha2',[$solicitudes_dias_->id_solicitudes_dia,$id_trabajador])}}"> <img src="{{ asset('img/Descargar PDF.png') }}" alt=""></a>

                  {{-- <a href="{{route('generar.pdf_solicitud_dia_acep_recha2',{})}}"> <img src="{{ asset('img/pdf.png') }}" alt=""></a> --}}
              
          @endif
        </td>
      </tr>
          
      @endforeach
      @endif

    </tbody>
</div>


@endsection

<script>
  $(document).ready(function(){
  
   $('#nombre_trabajador').keyup(function(){ 
          var query = $(this).val();
        //  if(query != '')
          //{
           var _token = $('input[name="_token"]').val();
           $.ajax({
             
            url:"{{ route('autocomplete.fetch') }}",
            method:"POST",
            data:{query:query, _token:_token},
            success:function(data){
             $('#listaarrow').fadeIn();  
                      $('#listaarrow').html(data);
            }
           });
        //  }


          
      });
  
      $(document).on('click', 'li', function(){  
          $('#nombre_trabajador').val($(this).text());  
          $('#listaarrow').fadeOut();  
          $("#id_trabajador").val($(this).attr("data-id"));

      });  




      //otras funciones
    
  
  });

  $(document).ready(function(){

    $(".mirut").click(function(){
    
        console.log(",a,aamam");
    });
  });

  // function agregar_id(id){

  //   $("#id_trabajador").val(id);
  // }

  </script>