@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::has('flash_message'))
{{Session::get('flash_message')}}
@endif


@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

{{-- {{$gastos_trabajador}} --}}

<br>


<div class="container">
  <h2>Reembolsos pendientes</h2>


</div>


<div class="container" style="margin-top:30px">
  <form action="{{route('filtro_see_solicitud')}}" method="GET">
  <div class="row"><div id="form-container" class="container-fluid">
  
      <h4>Nombre trabajador</h4>
      <div class="input-group mb-3">
          <input type="text" name="nombre_trabajador"  autocomplete="off" id="rut_trabajador" value="{{@old('nombre_trabajador')}}" class="form-control" placeholder="...">
         
          <div class="input-group-append">
            <button class="btn btn-success" type="submit">
             

                @if($opcion != "1")
                    BUSCAR
                
                @else
                    TODOS
                
                @endif
    
              

            </button>
          </div>
        </div>
        <div class="" id="listaarrow"></div>
        {{ csrf_field() }}
        <input type="text" value="" id="rut_trabajador_" name="rut_trabajador_" style="display:none">
  </div>
</form>
</div>



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

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

  <br>
  
  <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" >Trabajador</th>
        <th class="th-head" style="border-right:1px solid #b2b2b2 ;border-bottom:1px solid transparent;" colspan="3">Datos solicitud</th>
        <th class="th-head" style="border-right:1px solid #b2b2b2 ;border-bottom:1px solid transparent;">Total</th>
        <th class="th-head" style="border-bottom:1px solid transparent;"> Acciones</th>
        
      </tr>
        <tr style="color:#516ba0;">
                   <th class="th-subhead"><strong>Nombre </strong></th>
                   <th class="th-subhead"  style="border-right:1px solid #b2b2b2 ;"><strong>Saldo </strong></th>

                   <th class="th-subhead" ><strong>Fecha solicitud</strong></th>
                   <th class="th-subhead"><strong>Cliente|Sucursal</strong></th>
                   <th class="th-subhead" style="border-right:1px solid #b2b2b2 ;"><strong>Descripción</strong></th>
                   <th style="border-right:1px solid #b2b2b2 ;"></th>
                   <th ></th>
         </tr>

    </thead> 

    <tbody>

        @foreach ($gastos_trabajador as $los_datos)
        <tr style="color:#CAC8C8;">
            <td class="td-val" >
                {{$los_datos->nombre_uno." ".$los_datos->apellido_uno." ".$los_datos->apellido_dos}}</td>
            <td class="td-val" style="border-right:1px solid #b2b2b2 ;" >
                ${{number_format($los_datos->total_acumulado - $los_datos->total_gastos,0,',','.')}}
            </td>
            <td class="td-val">
               {{Carbon\Carbon::createFromDate($los_datos->fecha_solicitada)->format('d-m-Y')}}
            </td>
            <td class="td-val" >
            {{$los_datos->razon_social." - ".$los_datos->nombre_sucursal }}</td>
            <td class="td-val" style="border-right:1px solid #b2b2b2 ;" >{{$los_datos->titulo}}
            <a  style="cursor: pointer" class="ver_descripcion btn " data-descripcion_pago ="{{$los_datos->descripcion_del_rembolso}}"><img title="Descripción" src="{{ asset('img/Descripcion--.png') }}" ></a>
            </td>
            <td class="td-val" style="border-right:1px solid #b2b2b2 ;">
                {{number_format($los_datos->total,0,',','.')}}
            </td>
            <td class="td-val" >
                <form>
                  @csrf

                  
                  
                 <div class="btns btn-group">
                  <a class=" btns aceptar_reembolsar " data-otro_gasto={{number_format($los_datos->otro_gasto,0,',','.')}}   data-colacion={{number_format($los_datos->colacion,0,',','.')}} data-combustible={{number_format($los_datos->combustible,0,',','.')}}  data-viaje_atenciones={{number_format($los_datos->viaje_atenciones,0,',','.')}} data-viaje_diario={{number_format($los_datos->viaje_diario,0,',','.')}} data-total_gasto={{$los_datos->total}} data-id_remembolso={{$los_datos->id_reembolso}} data-id_trabajador={{$los_datos->id_trabajador}} ><img title="Reembolsar" src="{{ asset('img/Reembolsar.png') }}" ></a>
                  <a class=" btns  aceptar " href="{{route('aceptar_gasto',$los_datos->id_reembolso."<->".$los_datos->id_trabajador)}}" onclick="return confirm('¿Desea aceptar sin reembolsar?')" ><img title="Aceptar" src="{{ asset('img/Aprobar.png') }}" ></a>
                  <a class=" btns rechazar " data-id_remembolso={{$los_datos->id_reembolso}} data-id_trabajador={{$los_datos->id_trabajador}} ><img title="Rechazar" src="{{ asset('img/Rechazar.png') }}" ></a>
                </div> 
                </form>
            </td>
            
        </tr>    
        @endforeach
    </tbody>

  </table>

  {{-- {{$datos_empresa->Links()}} --}}

</div>


   

@endsection

  <!-- Modal Rechazar -->
  <div class="modal fade" id="modal_rechazar" role="dialog">
    <div class="modal-dialog  modal-lg">
      <div class="modal-content">
        <div class="modal-header">
            <h4>Rechazo</h4>
          <button type="button" class="close" data-dismiss="modal">&times;</button>   
        </div>
        <div class="modal-body">  
          <form action="{{route('create.aceptar_rechazar')}}" method="POST">
            {{-- <form action="" method="POST"> --}}

              <input type="text" style="display:none" name="id_solicitud_reembolso"  id="id_solicitud_rechazada">
              <input type="text" style="display:none" name="id_trabajador" id="id_trabajador">
              <input type="text" style="display:none" name="opcion" id="opcion">
              @csrf     
            <div class="container table-responsive">  
              <label for="">Motivo de rechazo</label>

                <textarea rows="5" name="descripcion_gasto" class="form-control" value="{{@old('descripcion_gasto')}}"    placeholder="Describa motivo de rechazo."></textarea>

          </div>
          <div class="row">
            <div class="card-body" style="text-align: right" >
              <button type="submit" class="btn btn-primary btn-lg ">Guardar</button>  
          </div>
          </div>
        </form>
        </div>
      </div>
    </div>
  </div>
</div>

  <!-- Modal   ACEPTAR -->
  <div class="modal fade" id="modal_aceptar" role="dialog">
    <div class="modal-dialog  modal-lg">
      <div class="modal-content">
        <div class="modal-header">
            <h4>Depósito</h4>
          <button type="button" class="close" data-dismiss="modal">&times;</button>
   
        </div>
        <div class="modal-body">  
          <form action="{{route('create.aceptar_rechazar')}}" method="POST">
            {{-- <form action="" method="POST"> --}}
              @csrf     
            <div class="container table-responsive">  
                <div class="row">
                   
                        <div class="col-sm-4  form-group" >
                          <label for="" class="" >Cuenta</label>
                          <select class="form-control mayuscula" name="cuenta_" required id="id_select" >
                            {{-- <option value="">Seleccionar</option> --}}
                           
                              {{-- <option value="{{$region->id}}">{{$region->des_region}}</option> --}}
                              <option>   
                            </select>     
                            @error('cuenta_')
                          <div class="alert alert-danger">{{ $message }}</div>
                          @enderror
                        </div>            
                        
                        <div class="col-sm-4  form-group" >
                          <label for="" class="" >Total reembolsar</label>
                          <input type="number" class="form-control" placeholder="1000" required value="" name="total_reem"  id="total_reem">
                          <input type="number" class="form-control" placeholder="1000" style="display:none"  required  value="" name="total_reem_noborrar"  id="total_reem_noborrar">

                            
                            @error('total_reem')
                          <div class="alert alert-danger">{{ $message }}</div>
                          @enderror
                        </div>  
                
                       <input type="text" id="cap_id_reembolso" required value="" name="id_solicitud_reembolso" style="display:none">
                       <input type="text"  style="display:none" name="opcion" id="opcion_aceptar">
                    <div class="col-sm-4 form-group">
                        <label for="" class="" >Fecha depositado</label>
                        <input type="date" name="fecha_depositado" class="form-control" value="yyyy-MM-dd"   required  placeholder="Fecha ">
                    </div>                    
                  </div>

                  <div class="row" style="display:none" id="div_ajuste"> 
                      <div class="col-sm-12">
                        <input type="checkbox" name="opciones_checked"  id="check_ajus">  Ajustar diferencia <label id="diferencia" ></label>   
                      </div>
                  </div><br>

                {{-- DETALLES DE LOS GASTOS --}}
                  <div class="row">
                    <div class="col-sm-2  form-group" >
                      <label for="" class="" >	Viaje diario</label><br>
                         $ <label for="" id="v_diario"></label>
                    </div>        
                    <div class="col-sm-3  form-group" >
                      <label for="" class="" >Viaje atenciones</label><br>
                        $ <label for="" id="v_aten"></label>
                    </div>  
                    <div class="col-sm-2  form-group" >
                      <label for="">Combustible</label><br>
                      $ <label for="" id="v_combu"></label>
                    </div>  
                    <div class="col-sm-2  form-group" >
                      <label for="" class="" >Colación</label><br>
                       $ <label for="" id="v_colacion"></label>
                    </div>  
                    <div class="col-sm-2  form-group" >
                      <label for="" class="" >Otro</label><br>
                        $ <label for="" id="v_otro_gasto"></label>
                    </div>      
                    
                  </div>

                <textarea rows="5" name="descripcion_gasto" class="form-control" value="{{@old('descripcion_gasto')}}" required   placeholder="...."></textarea>

          </div>
          <div class="row">
            <div class="card-body" style="text-align: right" >
              <button type="submit" class="btn btn-primary btn-lg ">Guardar</button>  
          </div>
          </div>
        </form>
        </div>
      </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>
</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"));

      });  

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


  $('#total_reem').change('input', function() {
    var total_rembolso =  $("#total_reem").val();
    var total_gasto =  $("#total_reem_noborrar").val();

    var resultado = parseFloat(total_gasto) - parseFloat(total_rembolso);

    if(parseInt(total_rembolso) < parseInt(total_gasto)){
        $("#div_ajuste").css('display','');

        // $("#check_ajus").attr('checked');
        $('#check_ajus').prop('checked', true);
        $('#diferencia').text(resultado);
        
    }else{
      $('#diferencia').text("");
      $("#div_ajuste").css('display','none');
      $('#check_ajus').prop('checked', false);



    }
    

    
    });



  $('.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_reembolsar").click(function(){

    var id_solicitud_remembolso = $(this).attr("data-id_remembolso");
    var id_trabajador= $(this).attr("data-id_trabajador");
    var total_gasto =  $(this).attr("data-total_gasto");
   var viaje_diario = $(this).attr("data-viaje_diario");
   var viaje_atenciones= $(this).attr("data-viaje_atenciones");
   var combustible= $(this).attr("data-combustible");
   var colacion= $(this).attr("data-colacion");
   var otro_gasto= $(this).attr("data-otro_gasto");

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


                    $("#total_reem").val(total_gasto);
                    $("#total_reem_noborrar").val(total_gasto);
                    
                    $("#v_diario").text(viaje_diario);
                    $("#v_aten").text(viaje_atenciones);
                    $("#v_combu").text(combustible);
                    $("#v_colacion").text(colacion);
                    $("#v_otro_gasto").text(otro_gasto);
                    
                    // 
                    
                    

                    $(id_select).empty();
                    $(id_select).append('<option> Seleccionar</option>');

                     if (data == "") { 
                        $(id_select).append('<option> Sin registros, ingresar sucursal</option>');
                     } else {
                            $.each(data, function(id, datos_recividos) {
                                 $(id_select).append('<option value=' + datos_recividos.id_tipo_cuenta +`!--!`+datos_recividos.id_banco +'>' + datos_recividos.tipo_cuenta +"("+datos_recividos.nombre_banco+")" +'</option>');
                                console.log("mama");
                        });
                    }

                    // Limpiamos el modal
                    $('#diferencia').text("");
                     $("#div_ajuste").css('display','none');
                      $('#check_ajus').prop('checked', false);

                    $("#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>