@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>






@section('content')

@if ( session('mensaje') )
    <div class="alert alert-success">{{ session('mensaje') }}</div>
@endif


@if ( session('mensaje_error') )

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

@endif
   <br>
       
   
   <div class="container">
    <div ><h2>Reembolsos</h2></div>
   </div>
 <div class="container"><div id="form-container" class="container-fluid">



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

    <div class="row">
        
      <div class="col-sm-3 form-group" >
        <label for="rut_trabajador" class="" >Nombre trabajador</label>
        <input type="text" class="form-control" placeholder="Nombre Trabajador" name="rut_trabajador" autocomplete="off" id="rut_trabajador" value="{{@old('rut_trabajador')}}"   >
        @error('rut_trabajador')
          <div class="alert alert-danger">{{ $message }}</div>
        @enderror
        <div class="" id="listaarrow"></div>
        {{ csrf_field() }}
        <input type="text" value="" id="rut_trabajador_" name="rut_trabajador_" style="display:none">
    </div>
    <div class="col-sm-2 form-group"  style="display:none" id="div_uno">
      <label for="fecha_inicio" class="" >Fecha inicio</label>
      <input type="date" class="form-control" name="fecha_inicio" id="fecha_inicio" value="{{@old('fecha_inicio')}}"   >
      @error('fecha_inicio')
        <div class="alert alert-danger">{{ $message }}</div>
      @enderror
  </div>
  <div class="col-sm-2 form-group"  style="display:none" id="div_dos" >
    <label for="fecha_fin" class="" >Fecha fin</label>
    <input type="date" class="form-control" name="fecha_fin" id="fecha_fin" value="{{@old('fecha_fin')}}"   >
    @error('fecha_fin')
      <div class="alert alert-danger">{{ $message }}</div>
    @enderror
</div>
<div class="col-sm-2 form-group" >
  <label for="opciones" class="" >Opciones</label>

  <select class="form-control" name="estados" id="estados_solicitud">  
        <option value="" {{(old('estados')==1)? 'selected':''}}>Todos</option>
        <option value="3" {{(old('estados')==2)? 'selected':''}}>Aceptados</option>
        <option value="4" {{(old('estados')==3)? 'selected':''}}>Rechazados</option>
        <option value="2" {{(old('estados')==4)? 'selected':''}}>Pendientes</option>
        <option value="5" {{(old('estados')==5)? 'selected':''}}>Aceptadas Sin Reembolsos</option>
   </select>
  @error('region')
  <div class="alert alert-danger">{{ $message }}</div>
  @enderror
</div>
<div class="col-sm-2 form-group " >
  <label for="buscar" class="" >Buscar</label>
 <button class="btn btn-success" type="submit">Buscar</button>  
 @error('buscar')
    <div class="alert alert-danger">{{ $message }}</div>
  @enderror
</div>
<div class="col-sm-2 form-group " >
  <label for=""></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>


    </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>{{$todas_solicitudes[0]->nombre_uno ?? ''}} {{$todas_solicitudes[0]->apellido_uno ?? ''}} {{$todas_solicitudes[0]->apellido_dos?? ''}}</span>
          </div>
          <div class="col-sm-3 form-group" >
            <label for="rut_trabajador" class="" ><b>Rut: </b> </label> <span>{{$todas_solicitudes[0]->rut ?? ''}}</span>
          </div>
          <div class="col-sm-3 form-group" >
            <label for="rut_trabajador" class="" ><b>F: </b> </label> <span>{{$todas_solicitudes[0]->telefono1?? ''}}</span>
          </div>
          <div class="col-sm-3 form-group" >
            <label for="rut_trabajador" class="" ><b>@: </b> </label> <span>{{$todas_solicitudes[0]->correo1?? ''}}</span>
          </div>
        </div>

        <div class="row">
          <div class="col-sm-3 form-group" >
            <label for="rut_trabajador" class="" > <b>Fecha inicio: </b> </label> <span>{{$fecha_inicio ?? ''}}</span>         
            {{-- <span>{{$todas_solicitudes[0]->nombre_uno ?? ''}} {{$todas_solicitudes[0]->apellido_uno ?? ''}} {{$todas_solicitudes[0]->apellido_dos?? ''}}</span> --}}
          </div>
          <div class="col-sm-3 form-group" >
            <label for="rut_trabajador" class="" ><b>Fecha fin: </b> </label> <span>{{$fecha_fin ?? ''}}</span>
          </div>
     
        </div>
      
      </div>
  </div><br>

</div> <br>



<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="2">Datos</th>
        <th class="th-head" style="border-right:1px solid #b2b2b2 ;border-bottom:1px solid transparent;">Gastos</th>
        <th class="th-head" style="border-bottom:1px solid transparent;">Estado</th>
        
      

      </tr>
    <tr style="color:#516ba0;">
        <th class="th-subhead"><strong>Título</strong></th>
        <th class="th-subhead" style="border-right:1px solid #b2b2b2 ;"><strong>Fecha solicitado</strong></th>
        <th class="th-subhead"  style="border-right:1px solid #b2b2b2 ;"></th>
        <th class="th-subhead" ></th>
    </tr>
    </thead> 

    <tbody>
      @if(!empty($todas_solicitudes))
      @foreach ($todas_solicitudes   as $los_datos)
      <tr style="color:#CAC8C8;">
            <td class="td-val">
               {{$los_datos->titulo}}
               <a  style="cursor: pointer" class="ver_descripcion" data-descripcion_pago ="{{$los_datos->descripcion_del_rembolso}}"><img src="{{ asset('img/ojo.png') }}" alt=""></a> 
                </td>
               <td  class="td-val"  style="border-right:1px solid #b2b2b2 ;"> {{Carbon\Carbon::createFromDate($los_datos->fecha_registrado)->format('d-m-Y')}}
                {{-- <strong>Rut: </strong>  {{$los_datos->rut}} --}}
                </td>
 
            <td class="td-val"  style="border-right:1px solid #b2b2b2 ;">
              <b>$</b>{{number_format($los_datos->total,0,',','.')}}
                {{-- <strong>Region: </strong>  {{$los_datos->des_region}}<br>
                <strong>Comuna: </strong>  {{$los_datos->des_comuna}}<br>
                <strong>Calle: </strong>  {{$los_datos->descripcion_direccion}}<br>        --}}
            </td>
            
                @if($los_datos->estado_solicitud == 1)
                    
					
			<td  class="td-val"  align="center" style="background-color: #00a06f; color:#ffffff;border-right:1px solid #b2b2b2 ; ">
               Solicitud ingresada
            </td>
					
					
                @elseif($los_datos->estado_solicitud == 2) 
				
                
				
				<td  class="td-val"    align="center" style="background: #ffa001; color:#ffffff;border-right:1px solid #b2b2b2 ; ">
                 Solicitud pendiente
            </td>
				
				
                @elseif($los_datos->estado_solicitud == 3) 
				
              
			  
			  <td  class="td-val" align="center" style="background: #00a06f; color:white; border-right:1px solid #b2b2b2 ; ">
                  Solicitud aceptada
            </td>
			  
              @elseif($los_datos->estado_solicitud == 4) 
			  
			  
            
			   <td  class="td-val" align="center" style="background: #dd0053; color:#ffffff; border-right:1px solid #b2b2b2 ; ">
                                  Solicitud rechazada
            </td>
			  
			  
			  
            @elseif($los_datos->estado_solicitud == 5) 
            <td  class="td-val" align="center" style="background: #660e80; color:white;border-right:1px solid #b2b2b2; ">
              Aceptado sin Reembolso
           </td> 
              @endif
          
   
  </tr>
  
     

      @endforeach
      @endif
    </tbody>

  </table>
  {{-- {{$todas_solicitudes->Links()}} --}}
  @if(!empty($todas_solicitudes))
  {{-- {{$solicitudes->Links()}} --}}
  {{ $todas_solicitudes->appends(request()->query())->links() }}

@endif     
</div><br>


<div class="container"style="text-align: right; " >
  <div class="cards" style="width:200px; float:right"><div id="form-container" class="container-fluid">
    <div class="card-body" style="text-align: left ">
    <div class=" form-group"  >
      <label for="rut_trabajador" class=""  ><b>Pendiente:$ </b> </label> <span>{{number_format($suma_gasto_pendiente ?? '0',0,',','.') }}</span>
    </div>
    <div class=" form-group" >
      <label for="rut_trabajador" class="" ><b>Aceptado:$ </b> </label> <span>{{number_format($suma_gasto_aceptado ?? '0',0,',','.')}}</span>
    </div>
    <div class=" form-group" >
      <label for="rut_trabajador" class="" ><b>Rechazado:$ </b> </label> <span>{{number_format($suma_gasto_rechazado ?? '0',0,',','.')}}</span>
    </div>
  </div>
  </div>  
</div>
@endsection

 <!-- Modal descripcion -->
 <div class="modal fade" id="descripcion" role="dialog">
  <div class="modal-dialog  modal-xs">
    <div class="modal-content">
      <div class="modal-header">
          <h4>Descripción</h4>
        <button type="button" class="close" data-dismiss="modal">&times;</button>   
      </div>
      <div class="modal-body">  
       
        <div class="container">
            <div class="row">
              <span id="mi_descripcion"></span>
            </div>
        </div>
      
      </div>
    </div>
  </div>
</div>

<script>


// *****************************************
$(document).ready(function(){


 // *********************************************************

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


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

      });  

// *********************************************************

  $( '#exampleCheck1' ).on( 'click', function() {
    if( $(this).is(':checked') ){
      
      $("#div_uno").css('display','');
      $("#div_dos").css('display','');

    } else {
      $("#div_uno").css('display','none');
      $("#div_dos").css('display','none');
    }
});


  $('.ver_descripcion').click(function() {    
      var descripcion_pago = $(this).attr("data-descripcion_pago");
      $("#mi_descripcion").text(descripcion_pago)
      $("#descripcion").modal('show');

    })


  $(".rechazar").click(function(){

    var id_solicitud_remembolso = $(this).attr("data-id_remembolso");
    var id_trabajador= $(this).attr("data-id_trabajador");

  
      $("#id_solicitud_rechazada").val(id_solicitud_remembolso);
      $("#id_trabajador").val(id_trabajador);
      $("#opcion").val("2"); //la opcion dos es rechazo
      $("#modal_rechazar").modal('show');
   
    
    
    });

  $(".aceptar").click(function(){

    var id_solicitud_remembolso = $(this).attr("data-id_remembolso");
    var id_trabajador= $(this).attr("data-id_trabajador");
    $("#cap_id_reembolso").val(id_solicitud_remembolso);
    $("#opcion_aceptar").val("1"); //opcion uno es aceptada

    

            $.ajax({

                headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
                type: 'get',
                url: 'aceptar_reembolso',
                data: { 'id_solicitud_remembolso': id_solicitud_remembolso, 'id_trabajador': id_trabajador },
                success: function(data) {
                    // alert(data);
                    // console.log(data);
              
                    $(id_select).empty();
                    $(id_select).append('<option> Seleccionar</option>');

                     if (data == "") { 
                        $(id_select).append('<option> Sin Registros, Ingrese Un Sucursal</option>');
                     } else {
                            $.each(data, function(id, datos_recividos) {
                                 $(id_select).append('<option value=' + datos_recividos.id_tipo_cuenta + '>' + datos_recividos.tipo_cuenta + '</option>');
                                console.log("mama");
                        });
                    }


                    $("#modal_aceptar").modal('show');
                },
                error: function(xhr, status) {
                    alert('Disculpe, Ha ocurrido un problema, Intente mas tarde');
                }

            });

  }); //fin de la funcion


});//fin del document click



  function confirmation() 

{

   if(confirm("Desea seguir?"))

{

return true;

}

else

{

return false;

}

}

// function agregar_id(id){
// //alert(id);
// $("#rut_trabajador_").val(id);
// }




</script>