@extends('front.layout.app')

@section('content')
    
    <!-- Page Title -->
<div class="secr-slider_wrapper pagetitle detalpage"
    style="background: url({{ asset_storage('front/images/blog-page-bg.jpg') }} ) no-repeat top; background-size:cover;">

    <div class="slider-wrap slider-wrap-custom">
        <div class="container h-100 position-relative d-flex flex-column justify-content-center">
            <div class="row">
                <div class="col-lg-10 slider-text-col" data-aos="fade-up" data-aos-duration="1000">
                    <h1 class="fw-bold text-white mb-4 hero-title">
                        {{ $blog_post_details->title }}
                    </h1>
                </div>
            </div>
        </div>
    </div>
</div>

<main id="main">

    <section class="blog-page-section pagecontent">
        <div class="container">

            <div class="row g-5">

                <!-- Blog Details -->
                <div class="col-lg-8" data-aos="fade-right">

                    <div class="blog-details-img-wrap">

                        @if(!empty($blog_post_details->featured_img) &&
                        file_exists(storage_uploads('blog/'.$blog_post_details->featured_img)))

                            <img src="{{ asset_uploads('blog/'.$blog_post_details->featured_img) }}"
                                title="{{ $blog_post_details->featured_img_title }}"
                                alt="{{ $blog_post_details->featured_img_alt }}">

                        @else

                            <img src="{{ asset_uploads('back/images/no_image.jpg') }}"
                                title="{{ $blog_post_details->featured_img_title }}"
                                alt="{{ $blog_post_details->featured_img_alt }}">

                        @endif

                        <div class="blog-date">
                            {{ date('F d, Y', strtotime($blog_post_details->dated)) }}
                        </div>

                    </div>

                    <div class="blog-details-content">

                        <h2 class="fw-bold">
                            {{ $blog_post_details->title }}
                        </h2>

                        <div class="blog-details-meta">
                            <span>
                                <i class="fas fa-user"></i>
                                Administrator
                            </span>
                        </div>

                        {!! $blog_post_details->description !!}

                    </div>

                </div>

                <!-- Sidebar -->
                <div class="col-lg-4" data-aos="fade-left">

                    <div class="sidebar-widget">

                        <h3 class="sidebar-title">
                            Categories
                        </h3>

                        <ul class="category-list">

                            @foreach($blog_categories as $category)

                                <li>
                                    <a href="{{ base_url().'blog/category/'.$category['cate_slug'] }}"
                                        class="category-link {{ $category['cate_slug'] == $blog_post_details->cate_slug ? 'active' : '' }}">
                                        {{ $category['cate_title'] }}
                                    </a>
                                </li>

                            @endforeach

                        </ul>

                    </div>

                </div>

            </div>

        </div>
    </section>

</main>
    
@endsection