@extends('layout.app')

@section('page-title', $title)

@section('meta')
    {!! $meta !!}
    @if(strpos($_SERVER['REQUEST_URI'], '/blog-categories') === 0)
        {{-- Temporary meta till category page is implemented --}}
        <meta name="robots" content="noindex, follow">
    @endif
@endsection

@section('breadcrumb')
    <div class="tf-breadcrumb">
        <div class="container">
            <div class="tf-breadcrumb-wrap d-flex justify-content-between flex-wrap align-items-center">
                <div class="tf-breadcrumb-list">
                    <a href="{{ url('new-design/home.php') }}" class="text">Home</a>
                    <i class="icon icon-arrow-right"></i>
                    <a href="{{ url('/blog') }}" class="text">Blog</a>

                    @if(!$wtData['title'])
                        @if($wtData['category'])
                            <i class="icon icon-arrow-right"></i>
                            <a href="{{ url(WEBFLOW_CATEGORY_PATH) }}" class="text">CATEGORIES</a>
                            <i class="icon icon-arrow-right"></i>
                            <span class="text">{{ $wtData['category'] }}</span>
                        @elseif(strpos($_SERVER['REQUEST_URI'], '/blog-categories') === 0)
                            <i class="icon icon-arrow-right"></i>
                            <span class="text">CATEGORIES</span>
                        @endif
                    @elseif($wtData['title'])
                        <i class="icon icon-arrow-right"></i>
                        {{-- <a href="{{ url($wtData['categorySlug']) }}" class="text">{{ $wtData['category'] }}</a> --}}
                        <a href="{{ url('/blog') }}" class="text">{{ $wtData['category'] }}</a>
                        <i class="icon icon-arrow-right"></i>
                        <span class="text">{{ $wtData['title'] }}</span>
                    @endif
                </div>
            </div>
        </div>
    </div>
@endsection

@section('content')
    {!! $webflowScripts !!}
    <style>
        #wf-blog {
            letter-spacing: normal;
        }
        .category-section,
        .navbar.w-nav, 
        .main-section.dark,
        #wf-blog .wt-blog-data-section {
            display: none;
        }

        {!! $scopedWebflowCss !!}
    </style>

    <div id="wf-blog" class="wt-pages">
        {!! $webflowBody !!}
    </div>
@endsection