@extends('theme.swalanyeti.layout')

@section("styles")

@endsection

@section( 'main_body')

<div class="row mt-4">
    <div class="col-12">
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="{{ route('/') }}">Home</a></li>
                <li class="breadcrumb-item active" aria-current="page">{{ $page->title }}</li>
            </ol>
        </nav>
    </div>
</div>

<div class="row mt-2">
    <div class="col-12 col-md-8">
        <div class="row">
            <div class="col-12 mb-3">
                <div class="d-flex">
                    <h4 class="cat-title">{{ $page->title }}</h4>
                </div>
            </div>
            <div class="col-12 mb-3">
                {!! $page->body !!}
            </div>
        </div>

    </div>
    <div class="col-12 col-md-4">
        <div class="row sticky-top">
            <div class="col-12 mb-3">
                <div class="d-flex">
                    <h4 class="cat-title">Connect with Us</h4>
                </div>
            </div>
            <div class="col-12 mt-2">
                {{ social_icons() }}
            </div>
            <div class="col-12 text-center">
                <div class="ad py-2">
                    {!! get_option('ak_default_default_sidebar_ad_1') !!}
                </div>
            </div>
            <div class="col-12 my-4">
                <div class="d-flex">
                    <h4 class="cat-title">Latest Stories</h4>
                </div>
            </div>
            @php
                $latest_posts = latest_stories(5);
            @endphp
            @if ($latest_posts)
                @each('theme.swalanyeti.templates.sidebar-post', $latest_posts, 'post')
            @endif
        </div>
    </div>
</div>


@endsection

@section("scripts")

<script>
    var page = 2;
</script>

@endsection