@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($page->id) && isset($page->banner))
    $bannerImage = 'storage/uploads/pages/'.$page->id.'/banner/'.$page->banner;
    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('content')
    @if(!empty($courses))
    @include('frontend.include.pageBanner', ['image' => asset($bannerImage), 'pageName' => $page->page_name ])


<section id="singlePage" class="">
    @include('frontend.include.socialLink', ['title' => $pageTitle])
    <div class="container mb-5">
        <div class="pageWithBanner p-3" style="">
                <div class="row pb-5">
                    <div class="col-lg-12">
                        <div class="row pageHeading my-4">
                            <div class="col-lg-12 pb-3 border-bottom">
                                <h2>{!! $page->heading ? $page->heading : $page->page_name !!}</h2>
                            </div>
                        </div>
                        <div class="row pageShortDescription">
                            <div class="col-lg-12">
                                {!! nl2br(htmlspecialchars_decode($page->short_description)) !!}
                            </div>
                        </div>
                        <div class="row pageDescription mb-5">
                            <div class="col-lg-12">
                                {!! nl2br(htmlspecialchars_decode($page->description)) !!}
                            </div>
                        </div>
                    </div>
                </div>
{{--                <div class="featured_content">--}}
{{--                    <div class="row">--}}
{{--                        @foreach($contentDetails as $content)--}}
{{--                            @if(!empty($content->courseTypes) && ($content->courseTypes != "null") && array_search('Featured', json_decode($content->courseTypes,true)) !== false)--}}
{{--                                <div class="col-lg-3 col-sm-6">--}}
{{--                                    <div class="blog-tab">--}}
{{--                                        <div class="img">--}}
{{--                                            <a href="{{url('pages/program-details/'.$page->page_type.'/'.$content->course_id)}}"><img src="{{ asset('/'.$content->image) }}" alt="Technology"--}}
{{--                                                                                                                                             class="img-fluid w-100"></a>--}}
{{--                                        </div>--}}
{{--                                        <h4 class="courses_head"><a href="{{url('pages/program-details/'.$page->page_type.'/'.$content->course_id)}}">{!! $content->title !!}</a></h4>--}}
{{--                                        <p class="date_time">--}}
{{--                                            <span><img src="{{ asset('') }}assets/frontend/images/calendar-alt.png" height="" width="" alt="#calender">{!! $content->schedule !!}</span>--}}
{{--                                            <span><img src="{{ asset('') }}assets/frontend/images/clock.png" height="" width="" alt="Clock">{!! $content->duration !!}</span>--}}
{{--                                        </p>--}}
{{--                                        <div class="course_price">--}}
{{--                                            <span>$--}}
{{--                                                {!! $content->amount !!}--}}
{{--                                                @php $amountArray = json_decode($content->amount); @endphp--}}
{{--                                                @if(json_last_error() === 0)--}}
{{--                                                    @foreach($amountArray as $amountKey => $amountValue)--}}
{{--                                                        {!! $amountKey !!}--}}
{{--                                                        @break--}}
{{--                                                    @endforeach--}}
{{--                                                @endif--}}
{{--                                            </span>--}}
{{--                                            <a href="{{url('pages/application-form/'.$page->page_id.'/'.$content->course_id)}}" class="enroll_now" title="Enroll Courses">Apply Now</a>--}}
{{--                                        </div>--}}
{{--                                    </div>--}}
{{--                                </div>--}}
{{--                            @endif--}}
{{--                        @endforeach--}}
{{--                    </div>--}}
{{--                </div>--}}
                <div class="courses_content">
                    <nav class="row mx-2">
                        <div class="col nav nav-tabs" id="nav-tab" role="tablist">
                            <!--<li class="active"><a data-toggle="tab" href="#all_course">All Course</a></li>-->
                                {{--                            <li><a data-toggle="tab" href="#popular_course">Popular Courserses</a></li>--}}
                            <button class="nav-link active" id="nav-upcoming_course-tab" data-bs-toggle="tab" data-bs-target="#nav-upcoming_course" type="button" role="tab" aria-controls="nav-upcoming_course" aria-selected="true">Upcoming Courses</button>
                            <button class="nav-link" id="nav-running_course-tab" data-bs-toggle="tab" data-bs-target="#nav-running_course" type="button" role="tab" aria-controls="nav-running_course" aria-selected="false">Running Courses</button>
                            <button class="nav-link" id="nav-completed_course-tab" data-bs-toggle="tab" data-bs-target="#nav-completed_course" type="button" role="tab" aria-controls="nav-completed_course" aria-selected="false">Completed courses</button>

                        </div>
                    </nav>

                    <div class="row tab-content mx-2 mb-3" id="nav-tabContent">
                        
<div class="col-12-md tab-pane fade show active" id="nav-upcoming_course" role="tabpanel" aria-labelledby="nav-upcoming_course-tab">
    <div class="row">
        
        @foreach($courses as $content)
        @if(!empty($content->courseTypes) && ($content->courseTypes != "null") && ($content->courseTypes == "upcoming"))
        <div class="col-md-4 col-sm-6 courseBlockNew">
            <div class="card">
                <a href="{{url('course-details/'.$content->id)}}">
                    <img src="{{ asset('storage/uploads/courses/'.$content->id.'/'.$content->image) }}" alt="Technology"class="img-fluid w-100">
                </a>
              <div class="card-body">
                <h5 class="card-title text-start"><a href="{{url('course-details/'.$content->id)}}">{!! $content->title !!}</a></h5>
                <p class="card-text">{!! $content->shortDescription !!}</p>
              </div>
              <ul class="list-group list-group-flush">
                <li class="list-group-item">
                    <i class="fa fa-calendar"></i>  {{ \Carbon\Carbon::parse($content->startDate)->format('d M Y') }}
                    {{ \Carbon\Carbon::parse($content->endDate)->format('d M Y') }}
                </li>
                <li class="list-group-item">
                    <i class="fa fa-clock-o"></i>  Total hours: {{ $content->duration }}
                </li>
              </ul>
              <div class="card-body d-flex justify-content-between align-items-center">
                <span class="coursePrice">BDT. {!! $content->amount !!}</span>
                <a href="{{url('application-form/'.$content->id.'/'.$page->id)}}" class="btn default btn-primary">
                    Enroll Now
                </a>
              </div>
            </div>
        </div>
        @endif
        @endforeach
    </div>
</div>


<div class="col-12-md tab-pane fade" id="nav-running_course" role="tabpanel" aria-labelledby="nav-running_course-tab">
    <div class="row">
        @foreach($courses as $content)
        @if(!empty($content->courseTypes) && ($content->courseTypes != "null") && ($content->courseTypes == "running"))
        <div class="col-md-4 col-sm-6 courseBlockNew">
            <div class="card">
                <a href="{{url('course-details/'.$content->id)}}">
                    <img src="{{ asset('storage/uploads/courses/'.$content->id.'/'.$content->image) }}" alt="Technology"class="img-fluid w-100">
                </a>
              <div class="card-body">
                <h5 class="card-title text-start"><a href="{{url('course-details/'.$content->id)}}">{!! $content->title !!}</a></h5>
                <p class="card-text">{!! $content->shortDescription !!}</p>
              </div>
              <ul class="list-group list-group-flush">
                <li class="list-group-item">
                    <i class="fa fa-calendar"></i>  {{ \Carbon\Carbon::parse($content->startDate)->format('d M Y') }}
                    {{ \Carbon\Carbon::parse($content->endDate)->format('d M Y') }}
                </li>
                <li class="list-group-item">
                    <i class="fa fa-clock-o"></i>  Total hours: {{ $content->duration }}
                </li>
              </ul>
              <div class="card-body d-flex justify-content-between align-items-center">
                <span class="coursePrice">BDT. {!! $content->amount !!}</span>
                <a href="{{url('application-form/'.$content->id.'/'.$page->id)}}" class="btn default btn-primary">
                    Enroll Now
                </a>
              </div>
            </div>
        </div>
        @endif
        @endforeach
    </div>
</div>

<div class="col-12-md tab-pane fade " id="nav-completed_course" role="tabpanel" aria-labelledby="nav-completed_course-tab">
    <div class="row">
        @foreach($courses as $content)
         @if(!empty($content->courseTypes) && ($content->courseTypes != "null") && ($content->courseTypes == "past"))
        <div class="col-md-4 col-sm-6 courseBlockNew">
            <div class="card">
                <a href="{{url('course-details/'.$content->id)}}">
                    <img src="{{ asset('storage/uploads/courses/'.$content->id.'/'.$content->image) }}" alt="Technology"class="img-fluid w-100">
                </a>
              <div class="card-body">
                <h5 class="card-title text-start"><a href="{{url('course-details/'.$content->id)}}">{!! $content->title !!}</a></h5>
                <p class="card-text">{!! $content->shortDescription !!}</p>
              </div>
              <ul class="list-group list-group-flush">
                <li class="list-group-item">
                    <i class="fa fa-calendar"></i>  {{ \Carbon\Carbon::parse($content->startDate)->format('d M Y') }} - 
                    {{ \Carbon\Carbon::parse($content->endDate)->format('d M Y') }}
                </li>
                <li class="list-group-item">
                    <i class="fa fa-clock-o"></i>  Total hours: {{ $content->duration }}
                </li>
              </ul>
              <div class="card-body d-flex justify-content-between align-items-center">
                <span class="coursePrice">BDT. {!! $content->amount !!}</span>
                {{--
                <a href="{{url('application-form/'.$content->id.'/'.$page->id)}}" class="btn default btn-primary">
                    Enroll Now
                </a>--}}
              </div>
            </div>
        </div>
        @endif
        @endforeach
    </div>
</div>
                        


                        <div class="col-12-md tab-pane fade" id="nav-all_course" role="tabpanel" aria-labelledby="nav-all_course-tab">
                            @foreach($courses as $content)
                                <div class="col-lg-3 col-sm-6">
                                    <div class="blog-tab">
                                        <div class="img">
                                            <a href="{{url('pages/program-details/'.$page->page_type.'/'.$content->id)}}"><img src="{{ asset('/'.$content->image) }}" alt="Technology"
                                                                                                                                             class="img-fluid w-100"></a>
                                        </div>
                                        <h4 class="courses_head"><a href="{{url('pages/program-details/'.$page->page_type.'/'.$content->id)}}">{!! $content->title !!}</a></h4>
                                        <p class="date_time">
                                            <span><img src="{{ asset('') }}assets/frontend/images/calendar-alt.png" height="" width="" alt="#calender">{!! $content->schedule !!}</span>
                                            <span><img src="{{ asset('') }}assets/frontend/images/clock.png" height="" width="" alt="Clock">{!! $content->duration !!}</span>
                                        </p>
                                        <div class="course_price">
                                            <span>BDT. {!! $content->amount !!}</span>
{{--                                                <button class="enroll_now" title="Enroll Courses">Apply Now dDDDDDDDDDDDd</button>--}}
                                            <a href="{{url('pages/application-form/'.$page->page_id.'/'.$content->id)}}" class="btn default btn-primary btn-xs">Enroll
                                                Now</a>
                                        </div>
                                    </div>
                                </div>
                            @endforeach
                        </div>
                        <div class="col-12-md tab-pane fade" id="nav-popular_course" role="tabpanel" aria-labelledby="nav-popular_course-tab">
                            @foreach($courses as $content)
                                @if(!empty($content->courseTypes) && ($content->courseTypes != "null") && ($content->courseTypes == "popular"))
                                    <div class="col-lg-3 col-sm-6">
                                        <div class="blog-tab">
                                            <div class="img">
                                                <a href="{{url('pages/program-details/'.$page->page_type.'/'.$content->id)}}"><img src="{{ asset('/'.$content->image) }}" alt="Technology"
                                                                                                                                                 class="img-fluid w-100"></a>
                                            </div>
                                            <h4 class="courses_head"><a href="{{url('pages/program-details/'.$page->page_type.'/'.$content->id)}}">{!! $content->title !!}</a></h4>
                                            <p class="date_time">
                                                <span><img src="{{ asset('') }}assets/frontend/images/calendar-alt.png" height="" width="" alt="#calender">{!! $content->schedule !!}</span>
                                                <span><img src="{{ asset('') }}assets/frontend/images/clock.png" height="" width="" alt="Clock">{!! $content->duration !!}</span>
                                            </p>
                                            <div class="course_price">
                                                <span>BDT. {!! $content->amount !!}</span>
                                                <button class="enroll_now" title="Enroll Courses">Apply Now</button>
                                            </div>
                                        </div>
                                    </div>
                                @endif
                            @endforeach
                        </div>
                    </div>    
                </div>
                </div>
            </div>
        </section>
    @endif

@endsection