@include('layout.header')

<!-- Start hero image -->
@yield('hero-content')
<!-- End hero image -->

<!-- Start Cover Banner/Image -->
@if(!$homePage && $SHOW_COVER_IMAGE)
<div class="col cover-image-wrap">
    <div class="cover-image" style="
        background: url('{{$item->cover_image? Storage::url($item->cover_image) : Storage::url($GLOBAL_COVER_IMAGE)}}') no-repeat center center; 
        ">
        <!-- Title Text -->
        <div class="cover-heading">
            <h1>{{ __t($item->page_title) ?: ($item->parent_id ? __t($item->parent->page_title) : __t($item->name)) }}</h1>
        </div>
        <!-- Breadcrumb Below Title -->
        <nav class="breadcrumb-nav">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="/">Home</a></li>
                <li class="breadcrumb-item active"> / {{ __t($item->page_title) ?: ($item->parent_id ? __t($item->parent->page_title) : __t($item->name)) }}</li>
            </ol>
        </nav>
    </div>
</div>
@endif
<!-- End Cover Banner/Image -->

<div class="container mt-3">
    <div class="row">
        
        <!-- START Main Content (Middle) -->
        <div class="{{$homePage? 'col-md-12' : 'col-md-9'}} main-content" id="main-content">

            <!-- Start Content Before -->
            @if(! $homePage )
            
                <!-- Start Content Before -->
                <div class="col mb-3">{!! __t($item->content_before)?: __t($item->parent->content_before?? false) !!}</div>
                <!-- End Content Before -->
                
                @if(isset($BEFORE_CONTENT_IS_AD) && $BEFORE_CONTENT_IS_AD === 1)
                    <!-- Ad column -->
                    <div class="col mt-3 mb-2">
                        {!! $AFTER_CONTENT_AD_SCRIPT !!}
                    </div>
                @else
                    <!-- Image column -->
                    <div class="col mt-3 mb-2">
                        <img class="image-100" src="{{ $BEFORE_CONTENT_IMAGE? Storage::url($BEFORE_CONTENT_IMAGE) : asset('assets/images/875x200-1.svg')}}" alt="{{generateAltText($item)}}">
                    </div>
                @endif

            @endif
            <!-- End Content Before -->

            <!-- Start Main Container -->
            @yield('main-container')
            <!-- End Main Container -->
            
            
            <!-- START After Content and Image -->
            @if(! $homePage )

                @if(isset($relatedTools) && $relatedTools->isNotEmpty())
                    <!-- Start Category related tools -->
                    @include('layout.related-tools')
                    <!-- End Category related tools -->
                @endif
                
                <!-- Start Content -->
                <div class="col mb-3 after-content">
                    {!! __t($item->content_after)?: __t($item->parent->content_after ?? false) !!}
                </div>
                <!-- End Content -->

                <div class="col mt-2 mb-2">
                    @if(isset($AFTER_CONTENT_IS_AD) && $AFTER_CONTENT_IS_AD === 1)
                    <!-- Ad column -->
                    {!! $AFTER_CONTENT_AD_SCRIPT !!}
                    @else
                    <!-- Image column -->
                    <img class="image-100" src="{{ $AFTER_CONTENT_IMAGE? Storage::url($AFTER_CONTENT_IMAGE) : asset('assets/images/875x200-2.svg')}}" alt="{{generateAltText($item)}}">
                    @endif
                </div>
            @endif
            <!-- END After Content and Image -->
            
            @if( $homePage && isset($policyPage) && !$policyPage )
            <!-- START Homepage Ending Image -->
            <div class="col mt-2 mb-2">
                @if(isset($HOMEPAGE_ENDING_IS_AD) && $HOMEPAGE_ENDING_IS_AD === 1)
                <!-- Ad column -->
                {!! $HOMEPAGE_ENDING_AD_SCRIPT !!}
                @else                
                <!-- Image column -->
                <img class="image-100" src="{{ $HOMEPAGE_ENDING_IMAGE? Storage::url($HOMEPAGE_ENDING_IMAGE) : asset('assets/images/875x200.svg')}}" alt="{{isset($APP_TITLE) && !empty($APP_TITLE)? $APP_TITLE.' Banner' : 'Home page ending banner'}}">
                @endif
            </div>
            <!-- END Homepage Ending Image -->
            @endif
            
        </div>
        <!-- END Content (Middle) -->

        @if(!$homePage)
        <!-- START Right Sidebar -->
        <div class="col-md-3 pt-1">
            <div id="right-sidebar">
                @include('layout.sidebar')
            </div>
        </div>
        <!-- END Right Sidebar -->
        @endif

    </div>
</div>

@include('layout.footer')