@extends('front.layout.master' , ['title' => $item->title ])


@section('content')


    <div class="page-header">
        <div class="container">
            <div class="title-page">{{ $item->title }}</div>
        </div>
    </div>
    <div class="main-content">
        <div class="container">
            <div class="row">
                <div class="col-lg-8">
                    <nav class="main-breadcrumb" aria-label="breadcrumb">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a href="#"><i
                                        class="fas fa-home pr-1"></i><span>@lang('blogs') </span></a></li>
                            <li class="breadcrumb-item"><a href="#">{{ @$item->category->name }} </a></li>
                            <li class="breadcrumb-item active" aria-current="page"><a> {{ $item->title }} </a></li>
                        </ol>
                    </nav>
                    <div class="single-post">
                        <div class="single-post-image"><img src="{{ url('image/' . @$item->image->path . '/750x375') }}"
                                                            alt=""/></div>
                        <div class="single-post-content">
                            <h3 class="single-post-title">{{ $item->title }}</h3>
                            <div class="single-post-meta">
                                <span class="single-post-date">
                                    <i class="far fa-clock"></i>{{ $item->created_at->toDateString() }}
                                </span>
                                <span class="single-post-cat">
                                    <i class="fal fa-folder"></i>{{ @$item->category->name }}
                                </span>
                                <ul class="single-post-share">
                                    <li><a href=""><i class="fab fa-whatsapp"></i></a></li>
                                    <li><a href=""><i class="fab fa-twitter"></i></a></li>
                                    <li><a href=""><i class="fab fa-facebook-f"></i></a></li>
                                    <li><a href=""><i class="fas fa-print"></i></a></li>
                                    <li><a href=""><i class="fas fa-envelope-open-text"></i></a></li>
                                </ul>
                            </div>
                            <div class="single-post-text">
                                <p class="mb-3">
                                    {{ @$item->content }}
                                </p>

                            </div>
                        </div>
                    </div>
                    <h3 class="main-title">@lang('related_blogs')</h3>
                    <div class="row">

                        @if($related_blogs)
                            @foreach($related_blogs as $related_blog)
                                <div class="col-sm-6">
                                    <div class="entry-box-blog">
                                        <div class="entry-box-image">
                                            <a href="{{ route('blogs.show' , ['id' => $related_blog->id , 'title' => replace_space_str($related_blog->title)]) }}">
                                                <img src="{{ url('image/' . $related_blog->image->path . '/360x216') }}" alt="{{ $related_blog->title }}"/>
                                            </a>
                                        </div>
                                        <div class="entry-box-body">
                                            <h3 class="entry-box-title">
                                                <a href="{{ route('blogs.show' , ['id' => $related_blog->id , 'title' => replace_space_str($related_blog->title)]) }}">
                                                    {{ $related_blog->title }}
                                                </a>
                                            </h3>
                                            <ul class="widget__item-metaDesc">
                                                <li class="date">
                                                    <span class="icon">
                                                        <i class="far fa-clock"></i>
                                                    </span>
                                                    <span class="text">{{ $related_blog->created_at->toDateString() }} </span>
                                                </li>
                                            </ul>
                                            <p class="entry-box-text">
                                                {{ strLimit($related_blog->content , 250  ) }}
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            @endforeach
                        @endif

                    </div>
                </div>

                @include('front.blogs.partials.sidebar')
            </div>
        </div>
    </div>

@endsection