@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

{{-- {{$trabajadores}} --}}

<br>


<div class="container">  <h3>Mis Gastos</h3>
<div class="mostrar" style="text-align: right">
   <a  href="javascript: history.go(-1)"><img src="img/volver.png" ></a>

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


  <div class="card">
      <div class="card-header">
        <div class="row">
          <div class=" col-sm-8 col-md-9">
            <strong> Mi Billetera</strong>
          </div>
          <div class="  col-sm-3 col-md-3">
              <h2 title="Total De Dinero" >${{number_format($billetera->total_acumulado - $billetera->total_gastos,0,',','.')}}</h2>
              {{-- {{$suma_total}} --}}
          </div>
        </div>
      </div>

      <div  class="card-body">
        <div class="row"><div id="form-container" class="container-fluid">
          <div class="col-sm-3 form-group" >
               <b for="">Nombre: </b> {{$persona->nombre_uno." ".$persona->apellido_uno." ".$persona->apellido_dos}}
         </div>
         <div class="col-sm-3 form-group">
           {{-- <b for="" title="Dinero Acumulado"> Reembolso + Depositos: $ </b> {{number_format($billetera->total_acumulado,0,',','.')}} --}}
         </div>
         <div class="col-sm-3 form-group">
           {{-- <b for="" title="Dinero Gastado">D. Gastado: $</b> {{number_format($billetera->total_gastos,0,',','.')}} --}}
         </div>
   
       </div>

      </div>

  </div>

</div>

<br>
<br>
<div class="container">

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

<div class="row">


<div class="col-sm-2 form-group"  style="display:" id="div_dos" >
<label for="filtro_tabla" class="" >Filtro (SC / Titulo)</label>
<input type="text" class="form-control" name="filtro_tabla" id="filtro_tabla" value=""   >
@error('filtro_tabla')
<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">

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

</button>  


@error('buscar')
<div class="alert alert-danger">{{ $message }}</div>
@enderror
</div>



</div>
</form>
</div>
<div class="container table-responsive"> 

  <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="5">Gasto</th>
        <th class="th-head" style="border-right:1px solid #b2b2b2 ;border-bottom:1px solid transparent;" colspan="1">Fecha Registrado</th>
        <th class="th-head" style="border-right:1px solid #b2b2b2 ;border-bottom:1px solid transparent;">Estado</th>
        <th class="th-head" style="border-bottom:1px solid transparent;"> Acciones</th>

      </tr>
      <tr style="color:#516ba0;">
            <th class="th-subhead"><strong>Código Cs</strong></th>
            <th class="th-subhead"><strong>Detalle</strong></th>
            <th class="th-subhead"><strong>Sucursal</strong></th>
            <th class="th-subhead" ><strong>Total</strong></th>
            <th class="th-subhead" style="border-right:1px solid #b2b2b2;"><strong>Descripción</strong></th>
            <th class="th-subhead" style="border-right:1px solid #b2b2b2;"><strong>Fecha/Hora</strong></th>
            <th style="border-right:1px solid #b2b2b2;"></th>
            <th ></th>
        </tr>
    </thead> 

    <tbody>

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

       @foreach ($gastos_trabajador as $los_datos)
      <tr style="color:#CAC8C8;">
           <td class="td-val">
         {{$los_datos->codigo_sc}}
        </td>
        <td class="td-val">
        {{$los_datos->titulo}}
        </td>
        <td class="td-val">{{$los_datos->razon_social."- ".$los_datos->nombre_sucursal}}
        </td>
        <td class="td-val">
        {{number_format($los_datos->total,0,',','.')}}
        </td>
        <td class="td-val" style="border-right:1px solid #b2b2b2;">
        {{$los_datos->descripcion_del_rembolso}}
        <!--<a  style="cursor: pointer" class="ver_descripcion btn btn-info" data-total_pago="{{number_format($los_datos->total,0,',','.')}}" data-descripcion_pago ="{{$los_datos->descripcion_del_rembolso}}">Ver</a>--> 
      </td>
        <td class="td-val" style="border-right:1px solid #b2b2b2;">
        {{ Carbon\Carbon::createFromDate($los_datos->fecha_registrado ?? '')->format('d-m-Y H:i:s')}}
      </td> 

        @if($los_datos->estado == 1)
            <td  class="td-val" align="center" style="background: #009cde; color:white;border-right:1px solid #b2b2b2; ">
              Gasto Ingresado
            </td>
         @elseif($los_datos->estado == 2) 
         <td class="td-val"  align="center" style="background: #ffa001; color:white;border-right:1px solid #b2b2b2; ">
          Solicitud Enviada
        </td>
        @elseif($los_datos->estado == 3) 
        <td  class="td-val" align="center" style="background: #00a06f; color:white;border-right:1px solid #b2b2b2; ">
        Solicitud Aceptada
       </td>   
       @elseif($los_datos->estado == 4) 
       <td  class="td-val" align="center" style="background: #dd0053; color:white;border-right:1px solid #b2b2b2; ">
        Solicitud Rechazada
      </td> 
      @elseif($los_datos->estado == 5) 
      <td  class="td-val" align="center" style="background: #660e80; color:white;border-right:1px solid #b2b2b2; ">
        Aceptado sin Reembolso
     </td> 
        @endif



      <td class="td-val" >
        <form>
          {{-- <a class=" btn btn-success"  href="{{route('update.trabajador',$los_datos->id_trabajador)}}">EDITAR</a> --}}

  

        @csrf
       
        @if($los_datos->estado == 1)
        <div class="btn-group">
        <a class=" btns btns"  href="{{route('go_reembolsar',Crypt::encryptString($los_datos->id_gasto))}}" onclick="return confirm('¿Esta Seguro Que Desea Reembolsar?')"><img title="Enviar" src="http://35.232.42.155/rendicion/img/Enviar.png"></a>
        <a class=" btns btns"  href="{{route('dele_reembolsar',Crypt::encryptString($los_datos->id_gasto."x-x".$los_datos->total))}}" onclick="return confirm('¿Desea Eliminar el Registro?')"><img title="Eliminar" src="http://35.232.42.155/rendicion/img/Eliminar.png"></a>
      </div>
      @elseif($los_datos->estado != 1)
      <a class=" btn btns-info ver_informacion"  data-id_gasto={{$los_datos->id_gasto}} ><img title="Ver" src="http://35.232.42.155/rendicion/img/Informacion.png"></a>

        @endif
      </form>
      </td>
      </tr>
          

    
      @endforeach 

    </tbody>

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

@endif  

</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>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>
</div>

  <!-- Modal informacion -->
  <div class="modal fade" id="modal_informacion" role="dialog">
    <div class="modal-dialog  modal-xs">
      <div class="modal-content">
        <div class="modal-header">
            <h4>Informacion</h4>
          <button type="button" class="close" data-dismiss="modal">&times;</button>   
        </div>
        <div class="modal-body">  
         
          <div class="container">
              <div class="row">
                <div class="col-md-6"><b><span >Fecha Solicitado: </span></b><span id="fecha_solicitada"></span></div>
                <div class="col-md-6"><b><span >Fecha Respuesta: </span></b><span id="fecha_respuesta"></span></div>
              </div>
              <br>

              <div class="row">
                <div class="col-md-12 "  > <label for=""><b>Mensaje</b></label></div>
                <div class="col-md-12"><span id="mensaje"></span>
                  <span></span>
                </div>
                
              </div>
          </div>
        
        </div>
      </div>
    </div>
  </div>
</div>

<script>


$(document).ready(function(){



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

    })

    $('.ver_informacion').click(function() {    
      var id_gasto = $(this).attr("data-id_gasto");
     // $("#modal_informacion").modal('show');
      buscar_informacion(id_gasto);

    })



    
  })


  function buscar_informacion(id_gasto){

    $.ajax({

            headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
            type: 'get',
            url: 'buscar_informacion',
            data: { 'id_gasto': id_gasto},
            success: function(data) {
          
              $("#fecha_solicitada").text(" "+data['fecha_solicitada']);
              $("#fecha_respuesta").text(" "+data['fecha_respuesta']);
              $("#mensaje").text(data['descripcion']);

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

            });

  }

// ver_descripcion

  function confirmation() 

{

   if(confirm("Desea seguir?"))

{

return true;

}

else

{

return false;

}

}




</script>