@extends('frontend.master')
@section('home')

  

<!-- ================================
    START BREADCRUMB AREA
================================= -->
<section class="breadcrumb-area section-padding img-bg-2">
   <div class="overlay"></div>

   <div class="container">

       <div class="breadcrumb-content d-flex flex-wrap align-items-center justify-content-between">
          
           <div class="section-heading">
               <h2 class="section__title text-white"> <a href="/"> <i class="la la-chevron-left icon text-white"> </i> </a>   Product Details    </h2>
           </div>

           <ul class="generic-list-item generic-list-item-white generic-list-item-arrow d-flex flex-wrap align-items-center"> 
               <li> <a href="/" class="text-white"> Dashboard </a> </li>
                      
               <!-- Loop through the product categories and display them -->
               @foreach($product->categories as $category)
                            <li> <a href="{{ route('frontend.show.category', $category->category_slug) }}" class="text-white"> {{ $category->category_name }} </a> </li>
              @endforeach

    
           </ul>

       </div><!-- end breadcrumb-content -->

   </div><!-- end container -->
</section><!-- end breadcrumb-area -->
<!-- ================================
   END BREADCRUMB AREA
================================= -->








<section class="course-area pb-120px pt-5">
   
    <div class="container">

        <div class="row my-5">
          
            <div class="col-lg-5 col-md-6">

                <div  class="d-flex justify-content-center shadow-lg">

                  {{-- <img src="{{ asset($product->product_thumbnail) }}" class="img-fluid" height="400px"> --}}
                  <img src="{{ asset($product->product_thumbnail) }}" class="img-fluid border border-dark rounded" style="border-width: 75px;" height="400px">

                </div>
                
                
                <div class="mb-3">

                    {{-- Enhanced Study --}}
                    @if ($product->enhanced_study == null)

                    @else

                            <span>
                                 <a href="{{ route('user.show.product', $product->product_slug) }}" class="btn btn-block btn-warning"> Enhanced Study (recommended) </a>
                            </span>
                           
                    @endif
                    {{-- End  Enhanced Study  --}}


                    {{--read book --}}
                    @if ($product->read_ebook == NULL)

                            {{-- update for Read Bible --}}
                            @if ($product->id == 444)
                                <span>
                                    <a href="{{ route('user.read.bible', $product->product_slug) }}"
                                        class="btn btn-block btn-primary"> Read Bible </a>
                                </span>
                            @else

                            @endif
                            {{-- end update for Read Bible --}}

 
                    @else

                       <span>
                           <a href="{{ route('user.show.product', $product->product_slug) }}" class="btn btn-block btn-primary"> Read E-Book  </a>
                       </span>

                    @endif
                    {{--read book ends --}}


                    {{--Listen To Audio --}}
                    @if ( $product->listen_audiobook == null )


                    @else

                      <span>
                        <a href="{{ route('user.show.product', $product->product_slug) }}" class="btn btn-block btn-info"> Listen To AudioBook  </a>
                      </span>
                    
                    @endif
                     {{--Listen To Audio ends --}}
                    

                </div>

            </div>


            <div class="col-lg-7 col-md-6 text-white">

                <div class="mb-4 px-3">

                  <h4 class="fw-bolder mb-3 text-white">  {{  $product->product_name  }} </h4>

                  <h6 class="fw-bold mt-2 mb-3 text-white font-weight-light">  {{  $product->product_subtitle  }} </h6>
                  
                
                  <div class="text-justify"> 
                    {{  $product->short_description  }}    
                  </div>

               </div>

                <div class="mb-4 px-3">
                    <h5 class="mb-2 fw-bold text-white"> <i class="la la-tag mr-1"></i>  Tags  </h5>

                    
                          @php 
                          $tags = explode(",", $product->product_tags);
                          @endphp
                          
                          
                          
                          @foreach ($tags as $tag)   
                              <span class="text-white small">  {{ ucfirst($tag)  }} </span> &nbsp;
                          @endforeach


                </div>

                {{--
                <div class="px-3">

                  <h5 class="mb-2 fw-bold text-white">  Access Level  </h5>
                  
                  @foreach($product->levels as $level)
                     <span class="small"> 
                            {{ $level->level_name }}
                            @if ($level->id != 7) Subscription @endif  
                            @if (!$loop->last)  &nbsp;  @endif 
                     </span> <br>
                  @endforeach

              </div>
              --}}

                   @if ((!$product->read_ebook && !$product->listen_audiobook) || $product->id == 449 )
                    
                   @else
                        <div class="px-3">

                            <h5 class="mb-2 fw-bold text-white"> Access Level </h5>

                            @foreach ($product->levels as $level)
                                <span class="small">
                                    {{ $level->level_name }}
                                    @if ($level->id != 7)
                                        Subscription
                                    @endif
                                    @if (!$loop->last)
                                        &nbsp;
                                    @endif
                                </span> <br>
                            @endforeach

                        </div>
                    @endif








                
            </div>

        </div>  <!-- end row  section 1-->





        <div class="section-block" style="background-color:#031124"></div>




         


        <div class="row my-5" >
  
           {{-- subscription --}}
           <div class="col-lg-4 col-md-12" >

                {{--no enhanced study, no e-book, no audio book  --}}
                 @if (!$product->read_ebook && !$product->listen_audiobook && !$product->enhanced_study)


                {{-- free book --}}
                @elseif ($product->levels->contains('id', 7))


                {{--subscribe to access enhanced study, read ebook and listen to audio book --}}
                 @elseif ($product->enhanced_study && $product->read_ebook && $product->listen_audiobook)
                  
                    <span>
                       <a href="{{ route('dashboard_subscription') }}" class="btn btn-block btn-primary"> Subscribe to Access Enhanced Study, <br> Read E-Book and Listen to AudioBook   </a>
                    </span>
  
  
                 {{--subscribe to read and listen --}}
                 @elseif (!$product->enhanced_study && $product->read_ebook && $product->listen_audiobook)
  
                   <span>
                     <a href="{{ route('dashboard_subscription') }}" class="btn btn-block btn-primary"> Subscribe to Read E-Book  <br> and Listen to AudioBook   </a>
                   </span>
  
                 {{--subscribe to enhanced study and read ebook --}}
                 @elseif ($product->enhanced_study && $product->read_ebook && !$product->listen_audiobook)
  
                   <span>
                      <a href="{{ route('dashboard_subscription') }}" class="btn btn-block btn-primary"> Subscribe to Read  <br> E-Book  </a>
                   </span>

                 {{-- subscribe to access enhanced study and audiobook  --}}
                  @elseif ($product->enhanced_study && !$product->read_ebook && $product->listen_audiobook)

                     <span>
                       <a href="{{ route('dashboard_subscription') }}" class="btn btn-block btn-primary"> Subscribe to Access Enhanced Study  <br> and Listen to AudioBook  </a>
                     </span>

                  {{-- subscribe to read ebook --}}
                  @elseif (!$product->enhanced_study && $product->read_ebook && !$product->listen_audiobook)
                       
                      <span>
                          <a href="{{ route('dashboard_subscription') }}" class="btn btn-block btn-primary"> Subscribe to Read  <br> E-Book  </a>
                     </span>


                  {{-- subscribe to listen to audiobook --}}
                  @elseif (!$product->enhanced_study && !$product->read_ebook && $product->listen_audiobook)
                      <span>
                         <a href="{{ route('dashboard_subscription') }}" class="btn btn-block btn-primary"> Subscribe to Listen to <br> AudioBook  </a>
                      </span>
  
  
                  {{-- subscribe to Access Enhanced Study --}}
                  @elseif ($product->enhanced_study && !$product->read_ebook && !$product->listen_audiobook)
  
                     <span>
                         <a href="{{ route('dashboard_subscription') }}" class="btn btn-block btn-primary"> Subscribe to Access   <br> Enhanced Study   </a>
                     </span>
  
  
              
                  @endif  {{--end subscribe to read and listen --}}
                
           
  
           </div>
  
  
  
            
           
   
  
  
           <div class="col-lg-4 col-md-12">
  
            {{--purchase EBook --}}
  
            @if ($product->available_in_digital == NULL )
  
  
            @else
               
                 
                    <span>
  
                        <a href="{{ route('purchase.product', $product->product_slug) }}" class="btn btn-block btn-info"> 
                         Purchase E-Book <br>
  
  
                       
  
                        <span class="card-price before-price font-weight-light fs-14 text-white"> 
                            {{  $product->selling_price_esp   }} Espees   |   {{ $product->selling_price_usd }} USD   {{-- |  NGN  {{ $product->selling_price_ngn  }} --}}
                        </span>  &nbsp; 
                        
                        {{ $product->discount_price_esp ? $product->discount_price_esp : $product->selling_price_esp   }} Espees   |   {{ $product->discount_price_usd ? $product->discount_price_usd : $product->selling_price_usd }} USD   {{-- |  NGN  {{ $product->discount_price_ngn ? $product->discount_price_ngn : $product->selling_price_ngn  }} --}}
                       
                      </a>
  
                    </span>
                 
  
            @endif
           
           </div>
            {{--end Purchase EBook --}}
  
  

            {{--Purchase Print Book --}}
           <div class="col-lg-4 col-md-12">
            
  
            
            @if ($product->available_in_print == NULL )
  
  
            @else
  
            <span>
                <a href="{{ route('user.show.product', $product->product_slug) }}" class="btn btn-block btn-info"> 
                
                     Purchase Print Book     <br>
  
                  <span class="card-price before-price font-weight-light fs-14 text-white"> 
                     {{  $product->selling_price_esp   }} Espees   |   {{ $product->selling_price_usd }} USD   {{-- |  NGN  {{ $product->selling_price_ngn  }} --}}
                  </span>  &nbsp; 
  
                    {{  $product->discount_price_esp ? $product->discount_price_esp : $product->selling_price_esp   }} Espees   |   {{ $product->discount_price_usd ? $product->discount_price_usd : $product->selling_price_usd }}  USD

                </a> 
                
                
             </span>
  
            @endif
            
  
  
            {{-- End Purchase Print Book --}}
            </div>
  
  
  
        </div>















        <div class="section-block" style="background-color:#031124"></div>


 
        <div class="row my-5">

       
          <div class="col-lg-12 mb-5 text-white lh-lg">

            <h4 class="mb-3 fw-bold text-white">  Book Description  </h4>

            <div class="text-justify">

                {!! $product->long_description !!}

            </div>
        
           </div>




        
        </div>  <!-- end row  - section 2  -->


        <div class="section-block" style="background-color:#031124"></div> 


    </div>  <!-- end container -->



     


    <div class="container"> 

         <div class="row my-5">

               <h4 class="mb-4 fw-bold text-white">  Recommended </h4>

               @foreach ($relatedProducts as $related)

                   <div class="col-lg-2 col-md-4 col-6 my-2">

                     <div class="card" style="width:150px">
                        <a href="{{ route('frontend.show.product', $related->product_slug) }}"> <img class="card-img-top" src="{{ asset($related->product_thumbnail) }}" alt="Card image"  style="height:150px" > </a>
                  
                        {{--
                       <div class="card-body text-center">
                         <h6 class="card-title "> <a  class="text-black" href="{{ route('frontend.show.product', $related->product_slug) }}"> {{ $related->product_name }} </a></h6>
                       </div>
                       --}}

                     </div>

                   </div>

               @endforeach


        </div>

        

    </div>

        

   

</section>



<div class = "container">

    <div class="section-block"></div>

</div>






@endsection