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



@include('frontend.include.pageBanner', ['image' => asset('storage/uploads/pages/'.$page->id.'/banner/'.$page->banner), 'pageName' => $page->page_name ])

<section id="singlePage" class="">
    @include('frontend.include.socialLink', ['title' => $pageTitle])
    <div class="container">
        <div class="pageWithBanner p-3" style="">
        <div class="row pb-5">
            <div class="col-lg-9">
                <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>
                 @if(!empty($listSettings))
                <div class="facultyContainer">

                        @foreach($listSettings as $key=>$contentInfo)
                            @if($key+1 % 3 == 1)
                            <div class="row">
                            @endif
                            <div class="col-md-4">
                                <div class="card">
                                    <div class="card-body">
                                    <figure>
                                        <img data-bs-toggle="modal" data-bs-target="#mod{{$key}}" 
                                                src="{{ asset('storage/uploads/lists/thumbnail/'.$contentInfo->image) }}" 
                                                class="img-responsive rounded-circle" alt="{!! $contentInfo->title !!}" style="">
                                    </figure>
                                    <h5 class="text-center">{!! $contentInfo->title !!}</h5>
                                    <p class="text-center"><strong>{!! $contentInfo->sub_title !!}</strong></p>
                                    <ul class="list-group list-group-horizontal-sm d-flex justify-content-center">
                                        @php
                                            $contactLinks = explode(',',$contentInfo->contact_link)
                                        @endphp
                                        @if(is_array($contactLinks))
                                            @foreach($contactLinks as $keys=>$contactLink)
                                                @if($keys == 0)
                                                    <li class="list-group-item"><a href="{!! $contactLink !!}" target="_blank"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
                                                @elseif($keys == 1)
                                                    <li class="list-group-item"><a href="{!! $contactLink !!}" target="_blank"><i class="fa fa-linkedin" aria-hidden="true"></i></a></li>
                                                @elseif($keys == 2)
                                                    <li class="list-group-item"><a href="{!! $contactLink !!}" target="_blank"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
                                                @endif
                                            @endforeach
                                        @endif

                                    </ul>

                                    <!-- Button trigger modal -->


<!-- Modal -->
<div class="modal modal-lg fade" id="mod{{$key}}" tabindex="-1" aria-labelledby="mod{{$key}}Label" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h1 class="modal-title fs-5" id="exampleModalLabel"></h1>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">
        <div class="row">
            <div class="col-md-5">
                <img src="{{ asset('uploads/lists/'.$contentInfo->image) }}" class="img-responsive" alt="{!! $contentInfo->title !!}" style="width: 100%;">
            </div>
            <div class="col-md-7">
                <h4 class="mt-5">{!! $contentInfo->title !!}</h4>
                <h6>{!! $contentInfo->sub_title !!}</h6>
                <p>
                    {!! nl2br(htmlspecialchars_decode($contentInfo->qualification)) !!}
                </p>
                <ul class="list-group list-group-horizontal-sm mt-5">
                                        @php
                                            $contactLinks = explode(',',$contentInfo->contact_link)
                                        @endphp
                                        @if(is_array($contactLinks))
                                            @foreach($contactLinks as $keys=>$contactLink)
                                                @if($keys == 0)
                                                    <li class="list-group-item"><a href="{!! $contactLink !!}" target="_blank"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
                                                @elseif($keys == 1)
                                                    <li class="list-group-item"><a href="{!! $contactLink !!}" target="_blank"><i class="fa fa-linkedin" aria-hidden="true"></i></a></li>
                                                @elseif($keys == 2)
                                                    <li class="list-group-item"><a href="{!! $contactLink !!}" target="_blank"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
                                                @endif
                                            @endforeach
                                        @endif

                                    </ul>
            </div>
        </div>
        <div class="row mt-5">
            <div class="col">
                {!! $contentInfo->description !!}
            </div>
        </div>
      </div>
    </div>
  </div>
</div>

                                </div>
                                </div>
                            </div>
                            @if($key+1 % 3 ==0 || !isset($listSettings[$key+1]))
                            </div>
                            @endif
                        @endforeach
                    
                </div> 
                @endif


                @if($page && $page->tab_status == 1 && isset($page->tab_content))
                    <div class="row mt-5">
                        <div class="col">
                        <nav class="">
                            <div class="col nav nav-tabs" id="nav-tab" role="tablist">
                                @foreach(json_decode($page->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>
                        <div class="tab-content" id="nav-tabContent">
                            @foreach(json_decode($page->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>
                        </div>
                    </div>
                @endif

                @if($page && $page->form_status == 1 && isset($contentDetails['formList']))
                    @php
                        $formList = $contentDetails['formList'];
                    @endphp
                <div class="row otherContent mt-5">
                    <div class="col-lg-12">
                        @include('frontend.include.applicationFormBlock', ['pageViewType' => 'writeView'])
                    </div>
                </div>
                @endif
            </div>
            <div class="col-lg-3">
                @if(!empty($sideBar))
                    <div class="sidebar">
                        @foreach(json_decode($sideBar->content) as $sidebarContent)
                            <div class="sideBlock">
                                <h4>{!! $sidebarContent->heading !!}</h4>
                                {!! htmlspecialchars_decode($sidebarContent->description) !!}
                            </div>
                        @endforeach
                    </div>
                @endif
            </div>
        </div>
    </div>
    </div>
</section>


    <section id="blog_single">
        <div class="container">

            <!-- Row -->
            <div class="">

                @if(!empty($contentDetails))
                    <section id="blog-part">
                        <div class="container">

                            <div class="featured_content">
                                <div class="row">
                                    @if($page->type == 'master')
                                        @foreach($contentDetails as $content)
                                            <div class="col-lg-4 col-sm-6">
                                                <div class="blog-tab">
                                                    <div class="img">
                                                        <a href="{{url('pages/program-details/'.$content->masters_program_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/'.$content->masters_program_id)}}">{!! $content->title !!}</a></h4>
                                                    <p class="date_time">
                                                        <span><img src="images/calendar-alt.png" height="" width="" alt="#calender">{!! $content->schedule !!}</span>
                                                        <span><img src="images/clock.png" height="" width="" alt="Clock">{!! $content->duration !!}</span>
                                                    </p>
                                                    <div class="course_price">
                                                        <span>${!! $content->amount !!}</span>
                                                        <button class="enroll_now" title="Enroll Courses">Apply Now</button>
                                                    </div>
                                                </div>
                                            </div>
                                        @endforeach

                                    @elseif($page->page_type == 3)
                                        @foreach($contentDetails as $content)
                                            <div class="col-lg-4 col-sm-6">
                                                <div class="blog-tab">
                                                    <div class="img">
                                                        <a href="{{url('pages/course-details/'.$content->id)}}"><img src="{{ asset('/'.$content->image) }}" alt="Technology"
                                                                                                                            class="img-fluid w-100"></a>
                                                    </div>
                                                    <h4 class="courses_head"><a href="blog_single.html">{!! $content->title !!}</a></h4>
                                                    <p class="date_time">
                                                        <span><img src="images/calendar-alt.png" height="" width="" alt="#calender">{!! $content->schedule !!}</span>
                                                        <span><img src="images/clock.png" height="" width="" alt="Clock">{!! $content->duration !!}</span>
                                                    </p>
                                                    <div class="course_price">
                                                        <span>${!! $content->amount !!}</span>
                                                        <button class="enroll_now" title="Enroll Courses">Enroll Now</button>
                                                    </div>
                                                </div>
                                            </div>
                                        @endforeach

                                    
                                    @endif
                                </div>
                            </div>

                        </div>
                    </section>
                @endif
            </div>
        </div>
    </section>


    


@endsection
@section('customScript')
@if($page->type == 1 && $page->form_status == 1)
    @include('frontend.include.formScript')
@endif
@endsection