@extends('layouts.app') 

@section('head')


<link href="{{ asset('frontend-assets/latest/css/program.css') }}" rel="stylesheet">

<style type="text/css">
    #description .desc ul li:before {
    font-style: normal;
    font-weight: normal;
    font-family: 'ElegantIcons';
    font-size: 14px!important;
    font-size: 0.875rem;
    content: "\5c";
    color: #ccc;
    position: relative;
    left: 0;
    top: 0;
    padding-right: 5px;
}
 #description .desc ul li{
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    color: #555555;
    font-family: Poppins, Helvetica, sans-serif;
    font-size: 14px;
    background-color: #ffffff;
}
span.semester-me {
    position: absolute;
    background: #912c48;
    padding: 3px;
    margin: 0 0 0 15px;
    /* left: -56px; */
    color: white;
}
</style>
@endsection

@section('content')

 

     @php 


        $title_page = $row->title;



        if(empty($title_page)){



            $title_page =  setting_item("course_page_list_title");



        }



    @endphp

 @if(!empty($title_page)) 

 
      @if($row->image_id)
 
@php $bg = $row->image_id; @endphp
 @else

 @php $bg = setting_item("course_page_list_banner"); @endphp

 @endif 
 @if( env('APP_THEME')=='Theme1')
  <div class="container-fluid aboutc1 breadcrumb m-0" style="background-image: linear-gradient(rgba(30, 73, 126, 0.31),rgba(30, 73, 126, 0.277)), url({{get_file_url($bg,'full')}}) ;">
                    <nav class="breadcrumbEx">
                      <h1 class="text-center text-white">{{$title_page}}</h1>
                      <div class="breadcrumb-wrapper text-white text-center">
                        <span>
                          <a title="Homepage" href="{{route('home')}}"
                            ><i class="fas fa-home"></i>&nbsp;&nbsp;गृहपृष्ठ</a
                          >
                        </span>
    
                        <span class="">&nbsp; : : &nbsp;</span>
                        <span class="" id="breadcrumbActive">{{setting_item("course_page_list_title")}}</span>
    
                      </div>
                    </nav>
                  </div>
                  @elseif( env('APP_THEME')=='Theme2')
                  <div class="jumbotron d-flex align-items-center justify-content-center" style="
        background-image: linear-gradient(
            to right,
            rgba(32, 27, 31, 0.24),
            rgba(32, 27, 31, 0.24)
          ),
          url({{get_file_url($bg,'full')}});
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        width: 100%;
        height: 50vh;
      ">
        <div class="image-content-text text-white">
            <h1>{{$title_page}}</h1>
            <p class="text-center">Home | {{setting_item("course_page_list_title")}}</p>
        </div>
    </div>
                  @else        
                  @endif 
   @endif
 <div class="container-fluid newEventMainSection">

    <div class="row block0" data-aos="fade-right" data-aos-duration="1000">
      <div class="col-md-8 col-12 programCol">
        <h1 class="head-tag tx-blue">{{$title_page}}</h1>
    </div>
  </div>


    <div class="row block1">
      <div class="col-lg-8 col-12 eventsCardCol px-4"> 
          @include('Course::frontend.layouts.details.course-detail') 
      </div>


      <div class="col-lg-4 col-12 recentCol">

         @include('News::frontend.layouts.details.news-sidebar')
        
      </div>

    </div>
  </div>


@endsection