@extends('layouts.khtc')
@section('title')
    {{$program->name}} |    Our Team | Kantipur Hotel Training Center
@endsection

@section('seo_meta')
    <meta name="description" content="{{$program->meta_description}}">
    <meta name="keywords" content="{{$program->meta_keywords}}">
    <meta property="fb:pages" content="514126112091485"/>
    <meta property="fb:app_id" content="3126158117618521"/>
    <meta property="og:title" content="{{$program->name}}"/>
    <meta property="og:url" content="{{URL::current()}}"/>
    <meta property="og:description" content="{{$program->meta_description}}"/>
    <meta property="og:image" content="{{asset('/uploads/'.$program->image)}}"/>
    <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="{{$program->title}}"/>
    <meta property="twitter:description" content="{{$program->meta_description}}"/>
    <meta property="twitter:image" content="{{asset('/uploads/'.$program->image)}}"/>
    <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($program->banner){{asset('/uploads/'.$program->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> {{ $program->name }}</li>
                </ul>
                <h2> {{ $program->name }}</h2>
            </div>
        </div>
    </div>
    <!-- End Page Title Area -->
@endsection

@section('main')
    <section class="about-area ptb-70">
        <div class="container">
            <div class="row align-items-center">
                @if ($program->image)

                    <div class="col-lg-6 col-md-12">
                        <div class="about-image">
                            <img src="{{asset('/uploads/'.$program->image)}}" class="shadow" alt="image">
                            {{--                        <img src="assets/img/about/2.jpg" class="shadow" alt="image">--}}
                        </div>
                    </div>

                    <div class="col-lg-6 col-md-12">
                        <div class="about-content">
                            {{--                        <h2>{{ $program->title}}</h2>--}}
                            <span class="sub-title"> {{ $program->name}}</span>
                            <h2>{{ $program->name}} Course</h2>
                            {{--                        <h6>We can support student forum 24/7 for national and international students.</h6>--}}
                            {!! $program->description !!}

                        </div>
                    </div>
                @else
                    <div class="col-lg-12 col-md-12">
                        <div class="about-content">
                            <span class="sub-title"> {{ $program->title}}</span>
                            <h2>{{ $program->sub_heading}}</h2>

                            {{--                        <h2>Learn New Skills to go ahead for Your Career</h2>--}}
                            {{--                        <h6>We can support student forum 24/7 for national and international students.</h6>--}}
                            {!! $program->body !!}

                        </div>
                    </div>
                @endif

            </div>

        </div>
    </section>
    <!-- Start Courses Area -->
    <section class="courses-area ">
        <div class="container">
            <div class="courses-topbar">
                <div class="row align-items-center">
                    <div class="col-lg-4 col-md-4">

                    </div>


                </div>
            </div>

            <div class="row">
                <div class="col-lg-8 col-md-12">
                    <div class="row">
                        @foreach($courses as $c)
                        <div class="col-lg-12 col-md-12">
                            <div class="single-courses-list-box mb-30">
                                <div class="box-item">
                                    <h3><a href="{{url('/course/'.$c->slug)}}" class="d-inline-block">
                                            {{$c->name}}</a></h3>
                                    <div class="image">
                                        <div class="image">
                                            <img src="{{asset('/uploads/'.$c->image)}}" alt="image">

                                            <a href="#" class="link-btn"></a>
                                            <p><br>{{ucfirst($c->excerpt)}}</p>
                                        </div>

                                    </div>

                                    <div class="courses-desc">

{{--                                        <div class="courses-content">--}}
{{--                                            <div class="courses-rating">--}}
{{--                                                <div class="review-stars-rated">--}}
{{--                                                    <i class='bx bxs-star'></i>--}}
{{--                                                    <i class='bx bxs-star'></i>--}}
{{--                                                    <i class='bx bxs-star'></i>--}}
{{--                                                    <i class='bx bxs-star'></i>--}}
{{--                                                    <i class='bx bxs-star'></i>--}}
{{--                                                </div>--}}

{{--                                                <div class="rating-total">--}}
{{--                                                    5.0 (13 rating)--}}
{{--                                                </div>--}}
{{--                                            </div>--}}

{{--                                            --}}
{{--                                        </div>--}}

                                        <div class="courses-box-footer">
                                            <ul>
                                                

                                                <li class="courses-lesson">
                                                    <i class='bx bx-book-open'></i> {{$c->duration_days}} Days
                                                </li>
                                               
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        @endforeach
                    </div>
                </div>

                <div class="col-lg-4 col-md-12">
                    <aside class="widget-area">
                        <section class="widget widget_raque_posts_thumb">
                            <h3 class="widget-title">Popular Courses</h3>

                            @foreach($popular as $p)
                            <article class="item">
                                <a href="{{url('/course/'.$p->slug)}}" class="thumb">
                                    <img src="{{asset('/uploads/'.$p->image)}}" class="fullimage cover" role="img"/>
                                </a>
                                <div class="info">
{{--                                    <time datetime="2019-06-30">$300</time>--}}
                                    <h4 class="title usmall"><a href="#">{{$p->name}}</a></h4>
                                </div>

                                <div class="clear"></div>
                            </article>
                            @endforeach

                        </section>

                        <section class="widget widget_categories">
                            <h3 class="widget-title">Our Programs</h3>

                            <ul>
                                @foreach ($programs as $p)
                                <li><a href="{{url('/programs/'.$p->slug)}}">{{$p->name}} <span class="post-count">({{$p->coursecount()}})</span></a></li>
                                @endforeach

                            </ul>
                        </section>


                        <section class="widget widget_instagram">
                            <h3 class="widget-title">Follow us in facebook</h3>

                            <div class="fb-page" data-href="https://www.facebook.com/Kantipur05HotelTrainingCenter" data-tabs="timeline" data-width="" data-height="400" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"><blockquote cite="https://www.facebook.com/Kantipur05HotelTrainingCenter" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/Kantipur05HotelTrainingCenter">Kantipur Hotel Training Center</a></blockquote></div>

                                   </section>

                        <section class="widget widget_contact">
                            <div class="text">
                                <div class="icon">
                                    <i class='bx bx-phone-call'></i>
                                </div>
                                <span>Hotline</span>
                                <a href="#">+977-61 587915</a>
                            </div>
                        </section>
                    </aside>
                </div>
            </div>
        </div>
    </section>
    <!-- End Courses Area -->
@endsection
@section('script')
    <div id="fb-root"></div>
    <script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v8.0&appId=406153496138930&autoLogAppEvents=1" nonce="sWa9n4pm"></script>
@endsection