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