@extends('layouts.dashboard')

@section('dashboard')

	<ul class="breadcrumb m-0 p-0">
	    <li><a href="/dashboard">Home</a></li>
	    <li><strong>Categorías Homologadas</strong></li>
	</ul>
    <div class="row">
        <div class="col-md-auto">
            <h1 class="titulo-h1 mb-4">Categorías 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 a subir Mercado Libre</th>
												
                    </tr>
                </thead>
                <tbody>
        											@include('dashboard.integraciones.table-categorias-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