@extends('front/layout')
@section('page_title','Video Description')
@section('container')
<main id="main_subjectdetails">
		         <!-- ======= subject Details Section ======= -->
         <section id="subject" class="subject">
            <div class="container" data-aos="fade-up">
            	               <div class="alert alert-warning alert-dismissible fade show" role="alert">
                  As your subscription doesn't have access to this content, you can only access sample slides. For more info please go through FAQs.
                  <!-- <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button> -->
               </div>
                              <div class="section-header">
                  <h2>{{ $cVideo[0]->class_slug }}<sup>th</sup> {{ $cVideo[0]->subject }} : <span>{{ $cVideo[0]->chapter }}</span></h2>
                  <h3>{{ $cVideo[0]->chapter }} <span>({{ $cVideo[0]->level_name }} )</span></h3>
                  <p>{{ $cVideo[0]->description }}.</p>
               </div>
               <div class="row d-flex justify-content-center subject-details bg-white">
                 <div class="col-lg-8">
                 <div class="row">
                  <div class="col-lg-6 mb-3 mb-lg-0">
                     
                     <a href="{{asset($content_folder.'/'.$content_html)}}" target="_blank">
                       <div class="post-img"> 
                       <img src="{{asset('front_assets/img/icons/play-icon_big.png')}}" alt="" class="img-fluid"></div>
                   </a>
                 </div>
                 <div class="col-lg-6">
                    <article class="">                       
                       <div class="content">
                          <p>{{ $cVideo[0]->full_description }}.</p>
                       </div>
                       <!-- End post content -->
                    </article>
                    <!-- End subject post -->
                   
                 </div>
                 </div>
                 </div>
                    
                  <hr class="mt-3 mt-lg-5" />
                  <div class="col-lg-8 col-md-12 col-12">
                
                   <!-- End post author -->
                   <div class="comments">
                     <div class="reply-form mb-4">
                        <h4>Leave a comment regarding these slides</h4>
                        <p>Your Mobile Number will not be published. </p>
                        <form action="">
                           <div class="row">
                              <div class="col-md-6 form-group">
                                 <input name="name" type="text" class="form-control" placeholder="Your Name*">
                              </div>
                              <div class="col-md-6 form-group">
                                 <input name="text" type="text" class="form-control" placeholder="Mobile Number*">
                              </div>
                           </div>
                           
                           <div class="row">
                              <div class="col form-group">
                                 <textarea name="comment" class="form-control" placeholder="Your Comment*"></textarea>
                              </div>
                           </div>
                           <button type="submit" class="btn btn-primary">Post Comment</button>
                        </form>
                     </div>
              
                      <!-- Html code for the comments has been removed. We can get the code from html file: videodescription.html (subject-details.html) -->
                     
                   </div>
                   <!-- End subject comments -->
                  </div>
               </div>
            </div>
         </section>
         <!-- End subject Details Section -->
      </main>
      <!-- End #main -->
@endsection