@extends('frontend.frontend_layout')
@section('category-menu') current @endsection
@section('content')
<!--Page Header Start-->
<section class="page-header">
    <div class="page-header-bg"
        style="background-image: url({{ asset('common/upload/category-breadcrumb.jpg') }})">
    </div>
    <div class="container">
        <div class="page-header__inner">
            <ul class="thm-breadcrumb list-unstyled">
                <li><a href="{{ url('/') }}">Home</a></li>
                <li><span>/</span></li>
                <li>Category</li>
            </ul>
            <h2>{{ $category->name }}</h2>
        </div>
    </div>
</section>
<!--Page Header End-->

<!--Blog Details Start-->
<section class="blog-details">
    <div class="container">
        <div class="row">
            <div class="col-xl-8 col-lg-7">
                <div class="blog-details__left">
                    <div class="blog-details__img">
                        @if (isset($category->image) && file_exists($category->image))
                        <img src="{{ asset($category->big_image) }}" alt="image">
                        @else
                        <img src="{{ asset('common/no-image.jpg') }}" alt="">
                        @endif
                    </div>
                    <div class="blog-details__content">
                        
                        <h3 class="blog-details__title">{{ $category->name }}</h3>

                        {!! $category->description !!}
                    </div>
                </div>
            </div>
            <div class="col-xl-4 col-lg-5">
                <div class="sidebar">
                    <div class="sidebar__single sidebar__category">
                        <h3 class="sidebar__title">Categories</h3>
                        <ul class="sidebar__category-list list-unstyled">
                            @foreach ($categories as $category)
                            <li>
                                <a href="{{ route('frontend.category-details', $category->slug) }}">{{ $category->name }}<span class="icon-right-arrow-1"></span>
                                </a>
                            </li>
                            @endforeach
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!--Blog Details End-->
@endsection