@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>Depósitos</h2></div>
   </div>
 <div class="container">



    <form action="{{route('filtro_rut_deposto')}}" method="GET"><div id="form-container" class="container-fluid">
            {{-- {{$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" autocomplete="off" name="rut_trabajador" id="rut_trabajador" value=""   >
        @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=""   >
      @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=""   >
    @error('fecha_fin')
      <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="">Filtrar fecha</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"> </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="mayuscula"> <b>Nombre: </b> </label>         
            <span class="mayuscula" >{{$datos_personas[0]->nombre_uno ?? ''}} {{$datos_personas[0]->apellido_uno ?? ''}} {{$datos_personas[0]->apellido_dos?? ''}}</span>
          </div>
          <div class="col-sm-3 form-group" >
            <label for="rut_trabajador" class="mayuscula"><b>Rut: </b> </label> <span class="mayuscula" >{{$datos_personas[0]->rut ?? ''}}</span>
          </div>
          <div class="col-sm-3 form-group" >
            <label for="rut_trabajador" class="mayuscula"><b>Teléfono: </b> </label> <span class="mayuscula" >{{$datos_personas[0]->telefono1?? ''}}</span>
          </div>
          <div class="col-sm-3 form-group" >
            <label for="rut_trabajador" class="mayuscula"><b>@: </b> </label> <span class="mayuscula" >{{$datos_personas[0]->correo1?? ''}}</span>
          </div>
        </div>

        <div class="row">
          <div class="col-sm-3 form-group" >
            <label for="rut_trabajador" class="mayuscula"> <b>Fecha inicio: </b> </label> <span class="mayuscula" >{{$fecha_inicio ?? ''}}</span>         
            {{-- <span class="mayuscula" >{{$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="mayuscula"><b>Fecha fin: </b> </label> <span class="mayuscula" >{{$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;">Descripción</th>
        <th class="th-head" style="border-bottom:1px solid transparent;">Depósito</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 </strong></th>
          <th class="th-subhead" style="border-right:1px solid #b2b2b2;"></th>
          <th class="th-subhead"></th>
        </tr>
    </thead> 

{{-- {{$depositos}} --}}
    <tbody>
      @if(!empty($depositos))
      @foreach ($depositos   as $los_datos)
      <tr style="color:#CAC8C8;">
            <td class="mayuscula td-val">
             {{$los_datos->titulo_deposito}}
            </td>
            <td class="mayuscula td-val" style="border-right:1px solid #b2b2b2 ;">
{{Carbon\Carbon::createFromDate($los_datos->fecha_realizado)->format('d-m-Y')}}
           
                {{-- <strong>Rut: </strong>  {{$los_datos->rut}} --}}
            </td>
            <td class="mayuscula td-val"  style="border-right:1px solid #b2b2b2 ;">{{$los_datos->descripcion_deposito}}</td>
 
            <td class="mayuscula td-val">
              {{$los_datos->nombre_banco ?? ''}}
              ({{$los_datos->tipo_cuenta ?? ''}})<br>
              <b>$</b>{{number_format($los_datos->total,0,',','.')}}
                {{-- <strong>Región </strong>  {{$los_datos->des_region}}<br>
                <strong>Comuna </strong>  {{$los_datos->des_comuna}}<br>
                <strong>Calle </strong>  {{$los_datos->descripcion_direccion}}<br>        --}}
            </td>
       
   
  </tr>
  
     

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

@endif     --}}
</div>


<div class="container"style="text-align: right; " >
  <div class="cards" style="width:200px; float:right">
    <div class="cards-body" style="text-align: left "><div id="form-container" class="container-fluid">
    <div class=" form-group"  >
      <label for="rut_trabajador" class="mayuscula"  ><b>Total depositado:$ </b> </label> <span>{{number_format($suma_total ?? '0',0,',','.') }}</span>
    </div>

  </div>
  </div>  
</div>



 {{-- <!-- 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> --}}

@endsection


<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 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 continuar?"))

{

return true;

}

else

{

return false;

}

}


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



</script>