@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('stylesheet')

@endsection
@section('content')

@include('frontend.include.pageBanner', ['image' => asset($bannerImage), 'pageName' => isset($course->title) ? $course->title : $page->title ])

@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
<section id="singlePage" class="">
    @include('frontend.include.socialLink', ['title' => $pageTitle])
    <div class="container mb-5">
        <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>

                <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>
            <!-- Row -->


            <!-- Row -->
        </div>
    </div>
        <!-- Container -->
</section>
    
    <!-- =========================== BLOG-SINGLE PART END =========================== -->


@endsection
@section('customScript')
<script>
    $(document).ready(function() {
        var isTime = {!!$isAppliCationTime!!};
        @if(isset($course->id))
        // Get PHP variables directly into JavaScript
        var pageId = "{{ $page->id }}";  // Page ID from PHP
        var courseId = "{{ $course->id }}";     // Course ID from PHP

        // Create the new URL
        var newUrl = '/application-form/' + courseId + '/' + pageId;

        // Update the href attribute of the link
        if(isTime==0){
           // console.log(isTime);
            $('.applyButton').each(function() {
                $(this).addClass('d-none');
            });
                
        }else{
            $('.applyButton').each(function() {
                // Hide each button with the applyButton class
                $(this).attr('href', newUrl);
            });
           //$('.applyButton').attr('href', newUrl);
        }
        @else
        $('.applyButton').each(function() {
                $(this).addClass('d-none');
            });
        @endif
    });
</script>

@endsection