@extends('layouts.website_layout')
@section('meta_title', $meta_data->meta_title)
@section('meta_description', $meta_data->meta_description)
@section('canonical_tag', $meta_data->canonical_tag)
@section('banner_image', "banners/".$banner->banner_image)
@section('content')
<main>
    <article class="container-fluid innerBanner p-0">
        <figure>
            <img src="{{url('/')}}/assets/images/banners/{{$banner->banner_image}}" alt="{{$meta_data->page_name}}" class="img-fluid">
            <figcaption class="custom__row slider-heading">
                {!!nl2br($banner->banner_caption)!!}
                <p class="paragraph mt-4">{!!nl2br($banner->banner_description)!!}</p>
                <nav aria-label="breadcrumb">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="{{url('/')}}">Home</a></li>
                        @if(!empty($blog_category_id) || !empty($blog_tag_id))
                        <li class="breadcrumb-item"><a href="{{url('/')}}/blog">Blog</a></li>
                        @endif
                        <li class="breadcrumb-item active" aria-current="page">{{$meta_data->page_name}}</li>
                    </ol>
                </nav>
            </figcaption>
        </figure>
    </article>
    <article class="container-fluid linkNav blog">
        <nav class="row custom__row text-center">
            <ul class="m-auto">
                @php
                $i = 1;
                @endphp
                @foreach($blog_categories as $blog_category_row)
                <li data-section="business-overview"><a href="{{url('/')}}/blog/{{$blog_category_row->blog_category_url_slug}}">0{{$i}} {{$blog_category_row->blog_category_name}}</a></li>
                @php
                $i++;
                @endphp
                @endforeach
                <li data-section="business-overview"><a href="{{url('/')}}/news">0{{$i}} News & Updates</a></li>
            </ul>
        </nav>
    </article>
    <input type="hidden" @if(!empty($blog_recent_future)) value="1" @endif id="blog_recent_future">
    <input type="hidden" @if(!empty($blog_most_viewed_future)) value="1" @endif id="blog_most_viewed_future">
    <input type="hidden" value="{{$blog_category_id}}" id="blog_category_id">
    <input type="hidden" value="{{$blog_tag_id}}" id="blog_tag_id">
    <article class="container-fluid blogs">
        <div class="custom__row row">
            <div class="col-12 col-md-8 col-lg-9">
                <div class="row blogs__nav">
                    <ul>
                        <li><a class="active most_recent_blogs">Most Recent</a></li>
                        <li><a class="most_viewed_blogs">Most Viewed</a></li>
                    </ul>
                </div>
                <div class="row blogs__listing most_recent_blogs">
                    @php
                    $blog = $blog_recents;
                    @endphp
                    @include('blog_block')
                </div>
                <div class="row blogs__listing most_viewed_blogs" style="display: none;">
                    @php
                    $blog = $blog_most_viewed;
                    @endphp
                    @include('blog_block')
                </div>
                <div class="row blogs__load" @if(empty($blog_recent_future)) style="display:none;" @endif>
                    <a class="show_pointer load_more_blogs">View More</a>
                </div>
            </div>
            @include('blog_sidebar')
        </div>
    </article>
</main>
@endsection