@extends('layouts.app')
@section('content')
    <main class="container-fluid my-5 body-content">
        <h3 class="text-secondary text-center">{{ settings('categories-title') }}</h3>
        <p class="text-center text-justify">{{ settings('categories-description') }}</p>
        <hr>
        <div class="row">
            <div class="col-lg-6 offset-lg-3 col-12">
                <div class="list-group">
                    @foreach($categories as $category)
                        <a href="{{ route('categories.show', $category->slug) }}" class="list-group-item list-group-item-action">
                            {{ $category->name }}
                        </a>
                    @endforeach
                </div>
            </div>
        </div>
        <div class="mt-3">
            {{ $categories->links() }}
        </div>
    </main>
@endsection