@extends('user.user_dashboard')
@section('home')



    @php
        $id = Auth::user()->id;
        $profileData = App\Models\User::find($id);

        // Get the latest active subscription if it exists
        $subscription = $profileData
            ->subscriptions()
            ->where('status', 'active')
            ->where('end_date', '>', now())
            ->latest()
            ->first();

        $today = now();

        $purchase = $profileData
            ->purchases()
            ->where('status', 'active')
            ->where('product_id', $product->id) // Assuming purchases have a product_id column
            ->first();

    @endphp





    <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="{{ route('dashboard') }}"> <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="{{ route('dashboard') }}" class="text-white"> Dashboard </a> </li>

                    <!-- Loop through the product categories and display them -->
                    @foreach ($product->categories as $category)
                        <li> <a href="{{ route('user.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 -->







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

        <div class="container">

            <div class="row my-5">

                <div class="col-lg-5">

                    <div class="d-flex justify-content-center shadow-lg">
                        <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
                            @if ($subscription && $subscription->level_id == 10)
                                <span>
                                    <a href="{{ route('user.enhanced.study.index', $product->product_slug) }}" class="btn btn-block btn-warning mt-1"> Continue to Enhanced Study </a>
                                </span>
                            @else
                                <button type="button" class="btn btn-block btn-warning mt-1" data-toggle="modal" data-target="#mySecondModal"> Continue to Enhanced Study  </button>
                            @endif
                        @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
                            
                        @else
                            {{-- free E-Book --}}
                            @if ($product->levels->contains('id', 7))
                                <span>
                                    <a href="{{ route('user.read.product', $product->product_slug) }}"
                                        class="btn btn-block btn-primary"> Read E-Book </a>
                                </span>

                                {{-- subscription and Access --}}
                            @elseif ($subscription && $product->levels->contains('id', $subscription->level_id))
                                <span>
                                    <a href="{{ route('user.read.product', $product->product_slug) }}"
                                        class="btn btn-block btn-primary"> Read E-Book </a>
                                </span>
                            @else

                                 {{--No subscription and No Access --}}
                                <button type="button" class="btn btn-block btn-primary" data-toggle="modal"
                                    data-target="#myModal"> Read E-Book </button>

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



                        {{-- Listen To Audio --}}
                        {{-- @if ($product->audio->isEmpty()) --}}
                        @if ($product->listen_audiobook == null)
                        
                        @else
                            @if ($product->levels->contains('id', 7))
                                <span>
                                    <a href="{{ route('user.listen.product', $product->product_slug) }}"
                                        class="btn btn-block btn-info"> Listen to AudioBook </a>
                                </span>
                            @elseif ($subscription && $product->levels->contains('id', $subscription->level_id))
                                <span>
                                    <a href="{{ route('user.listen.product', $product->product_slug) }}"
                                        class="btn btn-block btn-info"> Listen to AudioBook </a>
                                </span>
                            @else
                                <button type="button" class="btn btn-block btn-info" data-toggle="modal"
                                    data-target="#myModal"> Listen to AudioBook </button>
                            @endif
                        @endif
                        {{-- Listen To Audio ends --}}


                    </div>

                </div>


                <div class="col-lg-7 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>
 

                    @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">

                    {{-- @if (!$product->cloud_code && !$product->flip_code) --}}
                    @if (!$product->read_ebook && !$product->listen_audiobook && !$product->enhanced_study)


                    {{-- free book --}}
                    @elseif ($product->levels->contains('id', 7))
       
                      
                   
                    @else
                        {{-- subscribed uers --}}
                        @if ($subscription)
                            <span>

                                {{-- modifcation for ISM --}}
                                @if (auth()->user()->zone == 'ISM')
                                    <a href="{{ route('dashboard_subscription') }}" target="_blank"
                                        class="btn btn-block btn-primary"> You are a <br> <span class="fw-bold">
                                            {{ $subscription->subscription_name }} </span> member </a>
                                @else
                                    <a href="{{ route('dashboard_subscription') }}" class="btn btn-block btn-primary"> You
                                        are a <br> <span class="fw-bold"> {{ $subscription->subscription_name }} </span>
                                        member </a>
                                @endif

                            </span>

                        {{-- unsubscribed users --}}
                        @else
                             {{-- subscribe to access enhanced study, read and listen --}}
                             {{-- @if ($product->cloud_code && count($product->audio) > 0) --}}
                             @if ($product->enhanced_study && $product->read_ebook && $product->listen_audiobook)
                                <span>
                                    {{-- modifcation for ISM  --}}
                                    @if (auth()->user()->zone == 'ISM')
                                        <a href="{{ route('dashboard_subscription') }}" target="_blank"
                                            class="btn btn-block btn-primary"> Subscribe to Access Enhanced Study , <br> Read E-Book and Listen to AudioBook 
                                        </a>
                                    @else
                                        <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>
                                    @endif
                                </span>

                             {{-- subscribe to read ebook and listen to audiobook --}}
                             @elseif (!$product->enhanced_study && $product->read_ebook && $product->listen_audiobook)
                                <span>
                                    {{-- modifcation for ISM --}}
                                    @if (auth()->user()->zone == 'ISM')
                                        <a href="{{ route('dashboard_subscription') }}" target="_blank"
                                            class="btn btn-block btn-primary"> Subscribe to Read E-book <br> and Listen to AudioBook </a>
                                    @else
                                        <a href="{{ route('dashboard_subscription') }}" class="btn btn-block btn-primary">
                                            Subscribe to Read E-book <br> and Listen to AudioBook </a>
                                    @endif
                                </span>

                             {{-- subscribe to access enhanced study and ebook  --}}
                             @elseif ($product->enhanced_study && $product->read_ebook && !$product->listen_audiobook)
                                <span>
                                    {{-- modifcation for ISM --}}
                                    @if (auth()->user()->zone == 'ISM')
                                        <a href="{{ route('dashboard_subscription') }}" target="_blank"
                                            class="btn btn-block btn-primary"> Subscribe to Access Enhanced Study  <br> and Read E-Book </a>
                                    @else
                                        <a href="{{ route('dashboard_subscription') }}" class="btn btn-block btn-primary">
                                            Subscribe to Access Enhanced Study  <br> and Read E-Book </a>
                                    @endif
                                </span>

                             {{-- subscribe to access enhanced study and audiobook  --}}
                             @elseif ($product->enhanced_study && !$product->read_ebook && $product->listen_audiobook)
                                <span>
                                    {{-- modifcation for ISM --}}
                                    @if (auth()->user()->zone == 'ISM')
                                        <a href="{{ route('dashboard_subscription') }}" target="_blank"
                                            class="btn btn-block btn-primary"> Subscribe to Access Enhanced Study  <br> and Listen to AudioBook </a>
                                    @else
                                        <a href="{{ route('dashboard_subscription') }}" class="btn btn-block btn-primary">
                                            Subscribe to Access Enhanced Study  <br> and Listen to AudioBook </a>
                                    @endif
                                </span>

                             {{-- subscribe to read ebook --}}
                             {{-- @elseif ($product->cloud_code && $product->audio->isEmpty()) --}}
                             @elseif (!$product->enhanced_study && $product->read_ebook && !$product->listen_audiobook)
                                <span>
                                    {{-- modifcation for ISM --}}
                                    @if (auth()->user()->zone == 'ISM')
                                        <a href="{{ route('dashboard_subscription') }}" target="_blank"
                                            class="btn btn-block btn-primary"> Subscribe to Read <br> E-Book </a>
                                    @else
                                        <a href="{{ route('dashboard_subscription') }}" class="btn btn-block btn-primary">
                                            Subscribe to Read <br> E-Book </a>
                                    @endif
                                </span>

                             {{-- subscribe to listen to audiobook --}}
                             {{-- @elseif ($product->cloud_code == null && count($product->audio) > 0) --}}
                             @elseif (!$product->enhanced_study && !$product->read_ebook && $product->listen_audiobook)
                                <span>
                                    {{-- modifcation for ISM --}}
                                    @if (auth()->user()->zone == 'ISM')
                                        <a href="{{ route('dashboard_subscription') }}" target="_blank"
                                            class="btn btn-block btn-primary"> Subscribe to Listen To <br> AudioBook </a>
                                    @else
                                        <a href="{{ route('dashboard_subscription') }}" class="btn btn-block btn-primary">
                                            Subscribe to Listen To <br> AudioBook </a>
                                    @endif
                                </span>

                             {{-- subscribe to Access Enhanced Study  --}}
                             @elseif ($product->enhanced_study && !$product->read_ebook && !$product->listen_audiobook)
                                <span>
                                    {{-- modifcation for ISM --}}
                                    @if (auth()->user()->zone == 'ISM')
                                        <a href="{{ route('dashboard_subscription') }}" target="_blank"
                                            class="btn btn-block btn-primary"> Subscribe to Access <br> Enhanced Study  </a>
                                    @else
                                        <a href="{{ route('dashboard_subscription') }}" class="btn btn-block btn-primary">
                                            Subscribe to Access <br> Enhanced Study  </a>
                                    @endif
                                </span>


                             @else
                             @endif

                        @endif


                    @endif

                </div> {{-- end subscribe to access enhanced study read and listen --}}







                {{-- purchase EBook --}}
                <div class="col-lg-4 col-md-12">


                    @if ($product->available_in_digital == null)
                    @else
                        @if ($purchase)
                            <a href="{{ route('dashboard_mybooks') }}" class="btn btn-block btn-info"> You Have Already Purchased <br> This E-Book </a>
                        @else
                            {{-- modifcation for ISM and HSCH --}}
                            @if (auth()->user()->zone == 'ISM' || auth()->user()->zone == 'HSCH')
                                <span>
                                    <a href="{{ route('purchase.product', $product->product_slug) }}" target="_blank"
                                        class="btn btn-block btn-info">
                                        Purchase E-Book <br>


                                        @if (!$product->discount_price_esp && !$product->discount_price_usd)
                                        @else
                                            <span class="card-price before-price font-weight-light fs-14 text-white">
                                                {{ $product->selling_price_esp }} Espees |
                                                {{ $product->selling_price_usd }} USD
                                            </span> &nbsp;
                                        @endif


                                        <span class="fs-14">
                                            {{ $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  }} --}}
                                        </span>
                                    </a>
                                </span>
                            @else
                                <span>

                                    <a href="{{ route('purchase.product', $product->product_slug) }}"
                                        class="btn btn-block btn-info">
                                        Purchase E-Book <br>


                                        @if (!$product->discount_price_esp && !$product->discount_price_usd)
                                        @else
                                            <span class="card-price before-price font-weight-light fs-14 text-white">
                                                {{ $product->selling_price_esp }} Espees |
                                                {{ $product->selling_price_usd }} USD
                                            </span> &nbsp;
                                        @endif


                                        <span class="fs-14">
                                            {{ $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  }} --}}
                                        </span>
                                    </a>

                                </span>
                            @endif {{-- modifcation for ISM and HSCH --}}


                        @endif

                    @endif

                </div> {{-- end Purchase EBook --}}



                {{-- Purchase Print Book --}}
                <div class="col-lg-4 col-md-12">

                    @if ($product->available_in_print == null)
                    @else
                        <span>

                            <button type="submit" class="btn btn-block btn-info"
                                onclick="addToCart({{ $product->id }}, '{{ $product->product_name }}', '{{ $product->product_slug }}', '{{ $product->author_id }}' )">

                                Purchase Print Book - <i class="la la-shopping-cart mr-1 fs-16"> </i> Add To Cart <br>


                                @if (!$product->discount_price_esp && !$product->discount_price_usd)
                                @else
                                    <span class="card-price before-price font-weight-light fs-14 text-white">
                                        {{ $product->selling_price_esp }} Espees | {{ $product->selling_price_usd }} USD
                                    </span> &nbsp;
                                @endif


                                <span class="fs-14">
                                    {{ $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
                                </span>
                            </button>


                        </span>
                    @endif



                </div> {{-- End Purchase Print Book --}}



            </div>





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



            <div class="row my-5">


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

                    <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> <!-- end container -->



        <div class = "container my-5">

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

        </div>






        <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 class="text-black" href="{{ route('user.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('user.show.product', $related->product_slug) }}"> {{ $related->product_name }} </a></h6>
                       </div>
                       --}}

                        </div>

                    </div>
                @endforeach


            </div>



        </div>










        <!-- The Modal 1 -->
        <div class="modal" id="myModal">
            <div class="modal-dialog">
                <div class="modal-content">

                    <!-- Modal Header -->
                    <div class="modal-header">
                        <h4 class="modal-title"> </h4>
                        <button type="button" class="close" data-dismiss="modal">&times;</button>
                    </div>

                    <!-- Modal body -->
                    <div class="modal-body">

                        <span class="client-logo-item client--logo-item-2 "> You require </span>

                        @foreach ($product->levels as $level)
                            <span> {{ $level->level_name }} @if (!$loop->last)
                                    or
                                @endif </span>
                        @endforeach

                        <span class="client-logo-item client--logo-item-2 pr-3"> Subscription to access this product  </span>

                         {{-- modifcation for ISM--}}
                         @if(auth()->user()->zone == 'ISM')
                           <span class="client-logo-item client--logo-item-2 pr-3"> 
                              <a href="{{ route('dashboard_subscription') }}" target="_blank" class="btn theme-btn theme-btn-sm shadow-none">
                                  <i class="la la-plus mr-1"></i>  Subscribe
                              </a> 
                           </span>
                        @else

                           <span class="client-logo-item client--logo-item-2 pr-3"> 
                              <a href="{{ route('dashboard_subscription') }}" class="btn theme-btn theme-btn-sm shadow-none">
                                  <i class="la la-plus mr-1"></i>  Subscribe
                              </a> 
                          </span>

                        @endif

                    </div>

                    <!-- Modal footer -->
                    <div class="modal-footer">


                    </div>

                </div>
            </div>
        </div>
        <!-- end The Modal 1 -->


        <!-- The Modal 2 -->
        <div class="modal" id="mySecondModal">
            <div class="modal-dialog">
                <div class="modal-content">

                    <div class="modal-header">
                        <h4 class="modal-title">Enhanced Study Access</h4>
                        <button type="button" class="close" data-dismiss="modal">&times;</button>
                    </div>

                    <div class="modal-body">
                        <p>The Enhanced Study Module requires Premium Subscription </p>
                    
                        {{-- modifcation for ISM--}}
                        @if(auth()->user()->zone == 'ISM')
                        
                          <a href="{{ route('dashboard_subscription') }}" target="_blank" class="btn theme-btn theme-btn-sm shadow-none">
                              <i class="la la-plus mr-1"></i> Subscribe or Upgrade Subscription 
                          </a>

                        @else

                           <a href="{{ route('dashboard_subscription') }}" class="btn theme-btn theme-btn-sm shadow-none">
                              <i class="la la-plus mr-1"></i> Subscribe or Upgrade Subscription 
                           </a>

                        @endif

                    </div>

                </div>
            </div>
        </div>
         <!-- end The Modal 2 -->





    </section>




    <div class = "container">

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

    </div>



    <script>
        document.addEventListener('contextmenu', function(event) {
            event.preventDefault();

        });
    </script>










@endsection