@extends('menu/menu')
<style>
.mostrar {
  display: none;

}
@media (max-width: 768px) {
    .mostrar {
    display: block;
    
  }
}
</style>
{{-- <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>Mis depósitos</h2></div>
<div class="mostrar" style="text-align: right">
   <a  href="javascript: history.go(-1)"><img src="img/volver.png" ></a>

</div>
   </div>
    
 <div class="container"><div id="form-container" class="container-fluid">



    <form action="{{route('filtro_mis_depositos_fecha')}}" method="GET">
      

    <div class="row">
        

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



<div class="container table-responsive">
  <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" style="border-right:1px solid #b2b2b2;"></th>
  </tr>

    </thead> 
{{-- {{$depositos}} --}}

    <tbody>
      @if(!empty($depositos))
      @foreach ($depositos   as $los_datos)
      <tr style="color:#CAC8C8;">
            <td class="td-val">
              {{$los_datos->titulo_deposito}}
            </td>
            <td class="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="td-val" style="border-right:1px solid #b2b2b2;" class=>{{$los_datos->descripcion_deposito}}</td>
           
            <td class="td-val" style="border-right:1px solid #b2b2b2;">
              {{$los_datos->nombre_banco}}
              ( {{$los_datos->tipo_cuenta}})  <br>
              
              <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>
       
   
  </tr>
  
     

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

@endif     --}}



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

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







</div>
<br>



@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>Descripcion</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(){

  $( '#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;

}

}




</script>