@extends('layouts.khtc')
@section('title')
    {{$page->name}} Course
@endsection

@section('seo_meta')
    <meta name="description" content="{{$page->meta_description}}">
    <meta name="keywords" content="{{$page->meta_keywords}}">
    <meta property="fb:pages" content="514126112091485"/>
    <meta property="fb:app_id" content="3126158117618521"/>
    <meta property="og:title" content="{{$page->name}}"/>
    <meta property="og:url" content="{{URL::current()}}"/>
    <meta property="og:description" content="{{$page->meta_description}}"/>
    <meta property="og:image" content="{{asset('/uploads/'.$page->banner)}}"/>
    <meta property="og:type" content="article"/>
    <meta property="og:site_name" content="Kantipur Hotel Training Center"/>


    <meta property="twitter:card" content="summary_large_image"/>
    <meta property="twitter:site" content="@KantipurPkr"/>
    <meta property="twitter:title" content="{{$page->title}}"/>
    <meta property="twitter:description" content="{{$page->meta_description}}"/>
    <meta property="twitter:image" content="{{asset('/uploads/'.$page->banner)}}"/>
    <meta property="twitter:url" content="{{URL::current()}}"/>
    <link rel="profile" href="http://gmpg.org/xfn/11">
@endsection
@section('breadcrumb')
    <!-- Start Page Title Area -->
    <div style="background-image:url('@if($page->banner){{asset('/uploads/'.$page->banner)}} @else {{asset('/assets/img/banner.png')}} @endif')" class="page-title-area">
        <div class="container">
            <div class="page-title-content">
                <ul>
                    <li><a href="index.php">Home</a></li>
                    <li> {{ $page->title }}</li>
                </ul>
                <h2> {{$page->sub_heading}}</h2>
            </div>
        </div>
    </div>
    <!-- End Page Title Area -->
@endsection

@section('main')
    <!-- Start Blog Area -->
    <section class="blog-area ptb-100">
        <div class="container">
            <div class="row">
                @foreach($posts as $p)
                <div class="col-lg-4 col-md-6">
                    <div class="single-blog-post mb-30">
                        <div class="post-image">
                            <a href="{{url('/'.$p->slug)}}" class="d-block">
                                <img src="{{asset('/uploads/'.$p->image)}}" alt="{{$p->title}}">
                            </a>

                            <div class="tag">
                                <a href="#">{{$p->category->name}}</a>
                            </div>
                        </div>

                        <div class="post-content">
                            <ul class="post-meta">
                                <li><a href="#">{{$p->created_at->format('M d Y')}}</a></li>
                            </ul>
                            <h3><a href="{{url('/'.$p->slug)}}" class="d-inline-block">{{$p->title}}</a></h3>
                            <a href="{{url('/'.$p->slug)}}" class="read-more-btn">Read More <i class='bx bx-right-arrow-alt'></i></a>
                        </div>
                    </div>
                </div>
                @endforeach



            </div>
        </div>
    </section>
    <!-- End Blog Area -->
@endsection
@section('script')
@endsection