@extends('frontend.master')

@php
$pageTitle = isset($course->title) ? $course->title : $page->page_name;
$pageTitle .= " | BICM";
@endphp

@section('og_title', $pageTitle)
@section('og_description',isset($course->shortDescription) ? $course->shortDescription : $page->short_description)

@php

    if(isset($course->id) && isset($course->banner))
    $bannerImage = 'storage/uploads/courses/'.$course->id.'/banner/'.$course->banner;
    elseif(isset($course->id) && isset($course->image))
    $bannerImage = 'storage/uploads/courses/'.$course->id.'/'.$course->image;
    else
    $bannerImage = '';

    $socialImage = $bannerImage;
    if($bannerImage == '')
    $socialImage = 'assets/frontend/images/bicm-banner-default.jpg';

@endphp

@section('og_image', asset($socialImage))
@section('og_url', url()->current())

@section('stylesheet')

@endsection
@section('content')
@php
// Compare the dates
    $isAppliCationTime = 0;
    // Create DateTime objects
    if(isset($course->id)){
    $lastDate = new DateTime($course->lastDate);
    $currentDate = new DateTime();

    
    if($lastDate > $currentDate)
    $isAppliCationTime = 1;
    }
@endphp
    <!-- =========================== BLOG-SINGLE PART START =========================== -->
            <section id="singleBlog_top">
            <div class="container course_shortInfo">
                <div class="row">
                    <div class="col-md-3">
                        <div class="courseImg">
                            @if(!empty($course->image))
                                <!-- <div class="row">
                        <div class="col-md-12"> -->
                                <img src="{{ asset('storage/uploads/courses/'.$course->id.'/'.$course->image) }}" height="" width="" alt="Course Images">
                                <!-- </div>
                            </div> -->
                            @endif
                        </div>
                    </div>
                    <div class="col-md-9">
                        @if(!empty($course->title))
                            <h3 class="course-inner-title">{!! $course->title !!}</h3>
                        @endif
                        @if(!empty($course->shortDescription))
                        <p class="course-inner-desc">
                            {!! nl2br(htmlspecialchars_decode($course->shortDescription)) !!}
                        </p>
                        @endif
                    </div>
                </div>
            </div>
            <section class="course-avarage-ratting">
                <div class="container">
                    <div class="row py-4 px-3">
                        <div class="col-md-6">
                            <div class="course-at-glance-wrapper-container">
                                <h4 class="coursr-glance"> Course at a glance </h4>
                                <ul class="couser-duration">
                                    @if(!empty($course->courseDate))
                                    <li> <span><i class="fa fa-calendar-check-o" aria-hidden="true"></i> Date :</span>{!! $course->courseDate !!}</li>
                                    @endif
                                    @if(!empty($course->classes))
                                    <li> <span><i class="fa fa-list" aria-hidden="true"></i>No. of Classes/ Sessions
                                            :</span> {!! $course->classes !!}
                                    </li>
                                    @endif
                                    @if(!empty($course->duration))
                                    <li> <span><i class="fa fa-clock-o" aria-hidden="true"></i>Total Hours :</span> {!! $course->duration !!}</li>
                                    @endif
                                    @if(!empty($course->duration))
                                    <li> <span><i class="fa fa-calendar-check-o" aria-hidden="true"></i>Last Date of
                                            Registration :</span> {!! $course->lastDate !!} </li>
                                    @endif
                                    @if(!empty($course->schedule))
                                    <li style="display: block"> <span><i class="fa fa-clock-o"
                                                                         aria-hidden="true"></i>Class
                                            Schedule :</span> <br>
                                            {!! nl2br(htmlspecialchars_decode($course->schedule)) !!}
                                    </li>
                                    @endif

                                    @if(!empty($course->venue))
                                        <li>
                                            <span><i class="fa fa-map-marker" aria-hidden="true"></i>venue :</span> <br />
                                            {!! nl2br(htmlspecialchars_decode($course->venue)) !!}
                                        </li>
                                    @endif

                                </ul>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="course-price">
                                <h3 class="page-inner-title">
                                    <span class="vat-price">
                                        BDT {!! $course->amount !!}
                                    </span>
                                </h3>
                               {{--  <span style="font-size: 16px">(including VAT &amp; TAX)</span>
                               <p>Early Bird Admission is going on till 17th October, 2023 at BDT 22,500 &amp; One-time--}}
{{--                                    full payment: BDT 21,000</p>--}}
                                <div class="enroll-btn-container">
                                    <a href="{{url('application-form/'.$course->id)}}" class="enroll_now modalToggle btn-hover-effect">Enroll
                                        Now</a>

                                </div>

                            </div>

                        </div>
                    </div>

                </div>
            </section>
        </section>
<section id="singlePage" class="">
    @include('frontend.include.socialLink', ['title' => $pageTitle])
    <div class="container">
        <div class="pageWithBanner p-3" style="">
            <div class="row">
                <div class="col-md-9">
                    <div class="row pageHeading my-4">
                        <div class="col-lg-12 pb-3 border-bottom">
                            <div class="row">
                                <div class="col-md-10">
                            <h2>{!! isset($course->title) ? $course->title : $page->page_name !!}</h2>
                            </div>
                            <div class="col-md-2">
                                @if($isAppliCationTime>0)
                                <a href="#" class="applyButton btn btn-info enroll_now" title="Enroll Courses">Apply Now</a>
                                @endif
                            </div>
                            </div>
                        </div>
                    </div>
                    <div class="row pageLeft">
                        <div class="col">


                            @if(isset($course->tab_content))
                                <nav class="row mx-2">
                                    <div class="col nav nav-tabs" id="nav-tab" role="tablist">
                                @foreach(json_decode($course->tab_content) as $key=>$value)
                                    <button class="nav-link {{$key==0 ? 'active' : ''}}" id="nav-ct{{$key}}-tab" data-bs-toggle="tab" data-bs-target="#nav-ct{{$key}}" type="button" role="tab" aria-controls="nav-ct{{$key}}" aria-selected="true">{!! htmlspecialchars_decode($value->heading) !!}</button>
                                @endforeach
                                    </div>
                                </nav>
                            @endif 

                            @if(isset($course->tab_content))
                                <div class="row tab-content mx-2" id="nav-tabContent">
                                @foreach(json_decode($course->tab_content) as $key=>$value)
                                    <div class="col-12-md tab-pane fade {{$key==0 ? 'show active' : ''}}" id="nav-ct{{$key}}" role="tabpanel" aria-labelledby="nav-ct{{$key}}-tab">
                                        {!! htmlspecialchars_decode($value->description) !!}
                                    </div>
                                @endforeach
                                </div>
                            @endif
                        </div>
                    </div>
                </div><!--col-md-9-->
                <div class="col-md-3">
                    @if(!empty($sideBar))
                        <div class="sidebar">
                            @foreach(json_decode($sideBar->content) as $sidebar)
                                <div class="sideBlock">
                                    <h4>{!! $sidebar->heading !!}</h4>
                                    {!! htmlspecialchars_decode($sidebar->description) !!}
                                    {{--
                                    @if($sidebar->button_status == 'Y')
                                        <a href="{{url('pages/application-form/'.$sidebar->page_id.'/'.$sidebar->program_id)}}" class="btn btn-primary d-block rounded-pill my-3" title="Enroll Courses">Apply Now</a>
                                    @endif
                                    --}}
                                </div>
                            @endforeach
                        </div>
                    @endif
                </div>
            </div>
        </div>
    </div>
</section>

    <!-- =========================== BLOG-SINGLE PART END =========================== -->

@endsection