@extends('layouts.dashboard')

@section('dashboard')
    <ul class="breadcrumb m-0 p-0">
        <li><a href="/dashboard">Home</a></li>
        <li><strong>Categorías Fantasmas Homologadas</strong></li>
    </ul>
    <div class="row">
        <div class="col-md-auto">
            <h1 class="titulo-h1 mb-4">Categorías Fantasmas Homologadas</h1>
        </div>
    </div>
    @if (session('message'))
        <div class="alert alert-success mt-4">{{ session('message') }}</div>
    @endif
    <div class="card">
        <div class="card-body">
            <div class="row mb-5">
                @for ($i = 65; $i <= 90; $i++)
                    <div class="col align-items-center align-content-center text-center">
                        <a href="?letra={{ chr($i) }}" class="p-1">{{ chr($i) }}</a>
                    </div>
                @endfor
                {{-- <div class="col-auto align-items-center align-content-center text-center">
                    <a href="?letra=pendiente" class="p-1">Pendientes</a>
                </div> --}}
            </div>
            <div class="table-responsive" id="table-categorias-homologadas">
                <table class="table table-hover">
                    <thead>
                        <tr>
                            <th>Categorías MercadoLibre</th>
                            <th>Categorías CR</th>
                            <th>Categorías Fantasmas</th>
                                                        <th>Categorías a subir Mercado Libre</th>
                            
                        </tr>
                    </thead>
                    <tbody>
                        @include('dashboard.integraciones.table-categorias-fanstasmas-homologadas')
                    </tbody>
                </table>
                @if (count($categorias_homologadas) > 0)
                    <div class="d-flex justify-content-center mt-4">
                        {{ $categorias_homologadas->links() }}
                    </div>
                @endif
            </div>
        </div>
    </div>
@endsection

@section('scripts')
    @endsection