@extends('admin.admin_dashboard')
@section('content')
				

     <section class="pc-container">
      <div class="pc-content">
        <!-- [ breadcrumb ] start -->
        <div class="page-header">
          <div class="page-block">
            <div class="row align-items-center"> 
              <div class="col-md-12">
                <div class="page-header-title">
                  <h2 class="mb-0">Procesamiento PDF</h2>
                </div>
              </div>
            </div>
          </div>
        </div>
        <!-- [ breadcrumb ] end -->
        <div class="row">

          <!-- DOM/Jquery table start -->
          <div class="col-sm-12">
            <div class="card"> 
              <div class="card-body">
                <div class="text-end p-4 pb-0"> 
  
 <a href="{{ route('complementos.create') }}" class="btn btn-primary">
    + Agregar nuevo Complemento de Pagos
</a>

<table class="table mt-3">
    <thead>
        <tr>
            <th>ID</th>
            <th>Archivo</th>
            <th>Total</th>
            <th>Válidos</th>
            <th>Inválidos</th>
            <th>Estatus</th>
            <th>Fecha</th>
            <th>Acciones</th> {{-- NUEVO --}}
        </tr>
    </thead>
    <tbody>
        @foreach($cargas as $carga)
        <tr>
            <td>{{ $carga->id }}</td>
            <td>{{ $carga->nombre_archivo }}</td>
            <td>{{ $carga->total_registros }}</td>
            <td>{{ $carga->registros_validos }}</td>
            <td>{{ $carga->registros_invalidos }}</td>
            <td>{{ $carga->estatus }}</td>
            <td>{{ $carga->created_at }}</td>

            <td>
                <a href="{{ route('complementos.create', ['carga_id' => $carga->id]) }}" 
                   class="btn btn-sm btn-warning">
                    Editar
                </a>
            </td>

        </tr>
        @endforeach
    </tbody>
</table>
                </div>
              </div>
            </div>
          </div>
 
 </div>
</div>
</section>

          <!-- DOM/Jquery table end -->
<!--main--> 

    <!-- datatable Js --> 
 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <script src="{{ URL::asset('js/plugins/jquery.dataTables.min.js')}}"></script>
    <script src="{{ URL::asset('js/plugins/dataTables.bootstrap5.min.js')}}"></script>
    <script src="{{ URL::asset('js/plugins/dataTables.responsive.min.js')}}"></script>
    <script src="{{ URL::asset('js/plugins/responsive.bootstrap5.min.js')}}"></script>

    <script>
      // [ DOM/jquery ] 
 $(document).ready(function()
            {
    
                
    }); // FIN DE TABLA
 
    </script>

@endsection