@extends('web_layout.app')

@section('web.page-title', $guide->title . ' - Explore Canada - New Migrant')

@section('web.main-content')

<section class="page-header">
	<!--background-image: url(web_assets/images/backgrounds/guide-page-header-bg.jpg)-->
    <div class="page-header-bg" style="background-image: url({{ asset('web_assets/images/guides/'.$guide->title_image) }})">
    </div>
    <div class="container">
        <div class="page-header__inner">
            <h2>{{ $guide->title }}</h2>
            <ul class="thm-breadcrumb list-unstyled">
                <li><a href="{{ route('web.home') }}">Home</a></li>
                <li><span>-</span></li>
                <li><a href="{{ route('web.guide') }}">Explore Canada</a></li>
                <li><span>-</span></li>
                <li class="active">{{ $guide->title }}</li>
            </ul>
        </div>
    </div>
</section>

<section class="blog-details">
    <div class="container">
        <div class="row">
            <div class="col-xl-8 col-lg-7">
                <div class="blog-details__left">
                    <div class="blog-details__img-box">
                        <img src="{{ asset('web_assets/images/guides/'.$guide->title_image) }}" alt="">

                    </div>
                    <div class="blog-details__content">
                        <h3 class="blog-details__title">{{ $guide->title }}</h3>

                        {!! $guide->page_content !!}

                    </div>
                </div>
            </div>
            <div class="col-xl-4 col-lg-5 blog-sidebar__col">
                <div class="blog-sidebar__right">
                    <div class="sidebar">

                        <div class="sidebar__post mt-0">
                            <h3 class="sidebar__title">Explore Canada</h3>
                            <ul class="sidebar__post-list list-unstyled">

                                @foreach ($guides as $guide)

                                <li>
                                    <div class="sidebar__post-image">
                                        <img src="{{ asset('web_assets/images/guides/'.$guide->title_image) }}" alt="">
                                    </div>
                                    <div class="sidebar__post-content">
                                        <h3>
                                            <a href="{{ route('web.guide.detail', $guide->page_url ) }}">{{ $guide->title }}</a>
                                        </h3>
                                    </div>
                                </li>

                                @endforeach

                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>


@endsection

@section('web.header_script')

@endsection

@section('web.footer_script')

@endsection