@extends('metronic.base')
@section('titulo')
CxC de Cliente
@endsection


@section('content')
<!-- Mensaje ocupado -->
@include('sessions')

<form action="{{ route('cuentaPagar.docPendientesPagar',$cliente->id) }}">
    <button class="btn btn-primary" type="submit" formtarget="_blank"><i class="ki-outline ki-some-files fs-2"></i> Generar Reporte</button>
</form>
<br>
 <table id="table_file" class="table">
    <thead class="thead-dark">
       <tr>
          <th scope="col">Item</th>
          <th scope="col">File</th>
          <th scope="col">No. Documento</th>
          <th scope="col">Monto Factura</th>
          <th scope="col">Monto abonado</th>
          <th scope="col">Monto pendiente</th>
          <th scope="col">Acciones</th>
       </tr>
    </thead>
    <tbody>
        @php
            $i=1;
            $totalCxC_C=0;
        @endphp
       @foreach ($documentos as $item )
        @php
            $totalCxC_C+=$item->total_cancelar-$item->abonado;
        @endphp
       <tr>
          <td>{{ $i }}</td>
          <td>{{$item->file_code}}</td>
          <td>{{$item->documento_code }}</td>
          <td>$<label style="float: right">{{ number_format($item->total_cancelar,2) }}</label></td>
          <td>$<label for="" style="float: right">{{number_format($item->abonado,2) }}</label></td>
          <td>$<label for="" style="float: right">{{number_format($item->total_cancelar-$item->abonado,2) }}</label></td>
          <td style="display: flex">
               @if($item->state=='EnProceso')

               <!--<button type="button" title="Abonar" data-toggle="modal" data-target="#abonarModal" onclick="transaccion('{{ $item->id }}',{{ $item->total_cancelar-$item->abonado }},1)"
                    class="fas fa-receipt" style="color:gray !important; background-color:transparent; border: 0px solid;"></button>
                    <button type="button" title="Saldar" data-toggle="modal" data-target="#saldarModal" onclick="transaccion('{{ $item->id }}','{{ $item->total_cancelar-$item->abonado }}',2)"
                    class="fas fa-shopping-cart" style="color:gray !important; background-color:transparent; border: 0px solid;"></button>
                    -->
                    <a href="{{ route('cuentaPagar.getTransacciones',$item->id) }}" type="button" title="Transacciones PDF" target="_blank"
                    class="ki-outline ki-note-2 fs-2x text-danger-emphasis mx-2" style="background-color:transparent; border: 0px solid;"></a>
                @else
                        Saldada &nbsp;&nbsp;
                    <a href="{{ route('cuentaPagar.getTransacciones',$item->id) }}" type="button" title="Transacciones PDF" target="_blank"
                    class="ki-outline ki-note-2 fs-2x text-danger-emphasis mx-2" style="background-color:transparent; border: 0px solid;"></a>
               @endif
          </td>
       </tr>
       @php
           $i++;
       @endphp
        @endforeach
    </tbody>
 </table>
 <table class="table table-bordered table-hover" style="width: 100%">
    <tr>
        <td colspan="6" style="text-align: center;"><strong>Total Monto Pendiente: &nbsp;&nbsp;&nbsp;$&nbsp;{{ number_format($totalCxC_C,2) }}</strong></td>
    </tr>
 </table>
 @include('cuentasPorPagar.modals.abonarModal')
 @include('cuentasPorPagar.modals.saldarModal')
 <script>
     function transaccion(id,monto,tipo){
        if(tipo==1){
            $('#doc_id').val(id);
            $('#monto_a').val(monto);
        }
        else{
            $('#id_doc').val(id);
            $('#monto_s').val(monto);
        }
     }

     (function(){
         document.querySelectorAll('input[type="date"]').forEach((input)=>{
            var newDate = new Date();
            input.value = newDate.toISOString().split("T")[0]
         });
     })();
 </script>
@endsection