@extends(get_view('index'))
@section('title'){{ $category->content->name ?? '' }} - @endsection
@section('header')

@endsection
@section('content')

<nav aria-label="breadcrumb">
    <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="{{ url('/') }}">{{ translate('homepage') }}</a></li>
        @foreach ($category->getTopCategories() as $key => $cat)
            @if ( $key < count($category->getTopCategories())-1 )
            <li class="breadcrumb-item"><a href="{{ route('post.category', ['category_url' => $cat->content->url]) }}">{{ $cat->content->name ?? '' }}</a></li>
            @else
            <li class="breadcrumb-item active" aria-current="page">{{ $cat->content->name ?? '' }}</li>
            @endif
        @endforeach
    </ol>
</nav>

<h1 class="mb-4">{{ $category->content->name ?? '' }}</h1>

@if (count($category->sub_categories) > 0)
    <div class="bg-white p-3 mb-4 shadow-sm">
        @foreach ($category->sub_categories as $category)
        <a href="{{ $category->content->url }}" class="btn rounded-pill text-white fs-14" style="background-color: {{ $category->color ?? 'var(--theme-color)' }}">{{ $category->content->name }}</a>
        @endforeach
    </div>
@endif

@if ( count($category->posts) > 0 )
    @foreach ($category->posts as $post)
        @include(get_view('components.posts.horizontal'), ['post' => $post])
    @endforeach
@else
    <div class="alert alert-warning">{{ translate('data_not_found') }}</div>
@endif


@endsection
@section('footer')

@endsection