@extends('layouts.frontend.app')
@section('title', 'Blogs - ' . $blog->title)
@section('scripts')
{!! $schema !!}
@endsection
@section('page-banner')

@endsection
@section('content')
<section class="inner-content">
    <div class="container">
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="{{ route('home.index') }}">{{ trans('general.home') }}</a></li>
                <li class="breadcrumb-item"><a href="{{ route('blog.index') }}">{{ trans('general.blog-and-success-stories') }}</a></li>
                <li class="breadcrumb-item active" aria-current="page">{!! $blog->title !!}</li>
            </ol>
        </nav>
        
        <div class="row">
            <div class="col-md-8 pd-right">
            <h1>{!! $blog->title !!}</h1>
                @if(file_exists('storage/' . $blog->image) && $blog->image != '' && $blog->show_image == 1)
                <div class="mb-3">
                    <img src="{{ asset('storage/'. $blog->image ) }}" alt="">
                </div>
                @endif
                {!! $blog->description !!}
                @if(isset($blocks) && !empty($blocks))
                @foreach($blocks as $index => $block)
                @if($index % 2 == 0)
                <div class="row align-items-center">
                    @if(file_exists('storage/'. $block->image) && $block->image != '')
                    <div class="col-12 col-md-6">
                        <div class="mb-4">
                            <img src="{{ asset('storage/'.$block->image) }}" alt=""> <br />
                        </div>
                    </div>
                    @endif
                    <div class="col-12 {{ $block->image != '' ? 'col-md-6' : 'col-md-12' }}">
                        <div class="mb-4">
                            <div>
                                {!! $block->description !!}
                            </div>
                        </div>
                    </div>
                </div>
                @else
                <div class="row align-items-center">
                    <div class="col-12 {{ $block->image != '' ? 'col-md-6' : 'col-md-12' }}">
                        <div class="mb-4">
                            <div>
                                {!! $block->description !!}
                            </div>
                        </div>
                    </div>
                    @if(file_exists('storage/'. $block->image) && $block->image != '')
                    <div class="col-12 col-md-6">
                        <div class="mb-4">
                            <img src="{{ asset('storage/'.$block->image) }}" alt=""> <br />
                        </div>
                    </div>
                    @endif
                </div>
                @endif
                @endforeach
                @endif
            </div>
            <div class="col-md-4">
{{--                @if(isset($categories) && !empty($categories))--}}
{{--                <h2>{{ trans('general.categories') }}</h2>--}}
{{--                <div class="sidebar">--}}
{{--                    <div class="side-menu">--}}
{{--                        <ul>--}}
{{--                            @foreach($categories as $category)--}}
{{--                            <li><a href="{{ route('blog.category', $category->slug) }}">{{ $category->title }}</a></li>--}}
{{--                            @endforeach--}}
{{--                        </ul>--}}
{{--                    </div>--}}
{{--                </div>--}}
{{--                @endif--}}

                @php
                $blogs = PageHelper::blogs([$blog->id]);
                @endphp

                @if(isset($blogs) && !$blogs->isEmpty())
                <h2>{{ trans('general.blog-and-success-stories') }}</h2>
                <div class="side-menu">
                    <ul>
                        @foreach($blogs as $blog)
                        <li>
                            <a href="{{ route('blog.detail', $blog->slug) }}">
                                {{ $blog->title }}
                                <br>
                                <small style="padding-left: 20px;"><i class="bi bi-calendar-check" style="margin-top: -1px;position: absolute;margin-left: -20px;"></i> {{ Helper::formatDate($blog->created_at) }}</small>
                            </a>
                        </li>
                        @endforeach
                    </ul>
                </div>
                @endif
            </div>
        </div>
    </div>
</section>
@endsection