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

@endsection
@section('content')

<div class="mb-3 site-title-bg" style="height: 100px"></div>

<div class="container">
    <div class="row">
        <div class="col-12">

            <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>
            

            <div class="row">
                <div class="col-sm-9 order-sm-last col-12">
                    @if ( count($category->posts) > 0 )
                        <div class="row">
                            @foreach ($category->posts as $post)
                            <div class="col-sm-4 col-12">
                                @include(get_view('components.posts.horizontal'), ['post' => $post])
                            </div>
                            @endforeach
                        </div>
                    @else
                        <div class="alert alert-warning">{{ translate('data_not_found') }}</div>
                    @endif
                </div>
                <div class="col-sm-3 col-12">
                    <h4>{{ translate('other_categories') }}</h4>
                    <hr>

                    @foreach (Site::get_main_post_categories() as $c)
                        @if ( $c->id != $category->id )
                        <a href="{{ route('post.category', ['category_url' => $c->content->url]) }}" class="d-block mb-2">
                            <div class="d-flex align-items-center">
                                <div class="flex-shrink-0">
                                    @if ($c->image != null)
                                        <div class="bg-dark" style="width: 75px; height: 75px; border-radius: 15px; background-repeat: no-repeat; background-size: cover; background-position: center; background-image: url({{ Common::get_post_category_image($c->id, $c->image) }})"></div>
                                    @else
                                        <div class="bg-dark" style="width: 75px; height: 75px;border-radius: 15px;"></div>
                                    @endif
                                </div>
                                <div class="flex-grow-1 ms-3">
                                    {{ $c->content->name ?? 'Category Name' }}
                                </div>
                            </div>
                        </a>
                        @endif
                    @endforeach

                </div>
            </div>

            

        </div>
    </div>
</div>


@endsection
@section('footer')

@endsection