@extends(getTemplate().'.view.layout.layout')

@section('title', $product->title)
@section('meta_description',$product->meta_description ?: $product->sub_title)
@section('meta_keyword',$product->meta_keyword)
@section('page')
@php
    $maskedPlatform = $meta['masked_platform'] ?? null;
    $showRealPlatform = $maskedPlatform && ($buy || !empty($subscriptionCourseAccess));
@endphp

<style>
img{
    width:100%;
    max-width:100%;
}

.star-rating input { display: none; }
.star-rating label { cursor: pointer; padding: 2px; display: inline; }
.star-rating input:checked ~ input ~ label { color: #ccc !important; }
.star-rating label:hover, .star-rating label:hover ~ label { color: #eab308 !important; }
.star-rating { direction: rtl; text-align: left; }

.course_details,
#tab1 .col-md-4.pull-right {
    font-size: 13px;
}
.course_details .product-price-box #buy-price {
    font-size: 18px !important;
}
.course_details .product-details-box {
    padding: 2px 0;
}
.course_details .product-details-box .proicon {
    font-size: 14px;
}
.course_details .btn,
#tab1 .col-md-4.pull-right .btn,
.course_details .product-btn-buy,
#tab1 .col-md-4.pull-right .product-btn-buy {
    font-size: 12px;
    padding: 4px 10px;
    width: auto;
    height: auto;
    margin-top: 4px;
    background: transparent !important;
    color: #6b7280 !important;
    border: 1px solid #d1d5db !important;
    border-radius: 6px;
    box-shadow: none;
}
.course_details .btn:hover,
#tab1 .col-md-4.pull-right .btn:hover,
.course_details .product-btn-buy:hover,
#tab1 .col-md-4.pull-right .product-btn-buy:hover {
    background: #f3f4f6 !important;
    color: #374151 !important;
    border-color: #9ca3af !important;
}
.course_details .btn-sm,
#tab1 .col-md-4.pull-right .btn-sm {
    font-size: 11px;
    padding: 3px 8px;
}
.course_details .btn-xs,
#tab1 .col-md-4.pull-right .btn-xs {
    font-size: 10px;
    padding: 2px 6px;
}
.course_details .text-muted.font-semibold.text-center {
    font-size: 12px !important;
}
.course_details .form-control {
    font-size: 12px;
    padding: 4px 8px;
    height: auto;
}
.course_details label {
    font-size: 12px;
    margin-bottom: 2px;
}
.course_details .product-buy-selection {
    margin-top: 8px;
}
.course_details .m-6 {
    margin: 4px !important;
}
.course_details .mt-8 {
    margin-top: 4px !important;
}
.course_details h3.text-center {
    font-size: 14px;
}
.course_details h4.modal-title {
    font-size: 16px !important;
}
@media (max-width: 768px) {
    .video-details {
        padding: 10px;
    }
    
    .product-price-box {
        position: relative !important;
        margin-bottom: 20px;
    }
    
    .course_details {
        display: block !important;
    }
    
    .fix-at-the-bottom {
        position: relative !important;
    }
}
.fix-at-the-bottom {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: +9999;
}
.ai-lesson-content { color: #1f2937; line-height: 1.7; }
.ai-lesson-content ul { padding-left: 1.5em; margin-bottom: 0.75em; }
.ai-lesson-content li { margin-bottom: 0.4em; color: #1f2937; }
.ai-lesson-content p { margin-bottom: 0.6em; color: #1f2937; }
.ai-lesson-content strong { font-weight: 700; color: #111827; }
.ai-lesson-content em { font-style: italic; }
.ai-lesson-content h4 { margin-top: 1em; margin-bottom: 0.5em; font-size: 16px; font-weight: 700; color: #111827; }
.ai-lesson-content .ai-image-callout { background: #f0fdf4; border: 1px solid #bbf7d0; border-left: 4px solid #22c55e; padding: 0.6em 0.8em; border-radius: 6px; margin: 0.75em 0; display: flex; align-items: center; gap: 0.5em; }
.ai-lesson-content .ai-image-icon { font-size: 1.2em; flex-shrink: 0; }
.ai-lesson-content .ai-image-label { font-style: italic; color: #166534; }
.ai-lesson-content .ai-resources-heading { margin-top: 1.25em; margin-bottom: 0.4em; font-size: 15px; font-weight: 700; color: #111827; }
.ai-lesson-content .ai-resources-list { padding-left: 1.5em; }
.ai-lesson-content .ai-resources-list li { margin-bottom: 0.3em; }
.ai-lesson-content a { color: #2563eb; text-decoration: underline; font-weight: 700; }
.ai-lesson-content a:hover { color: #1d4ed8; }
.p-10.pl-16 a { font-weight: 700; }
.p-10.pl-16 p, .p-10.pl-16 li { margin-bottom: 1em !important; }
.p-10.pl-16 br { content: ""; display: block; margin-top: 1em; }
.btn-next-blue { background: #2563eb !important; border-color: #2563eb !important; color: #fff !important; }
.btn-next-blue:hover, .btn-next-blue:focus, .btn-next-blue:active { background: #1d4ed8 !important; border-color: #1d4ed8 !important; color: #fff !important; }
.user-tabs,
.tab-content > .tab-pane.active {
    width: 100%;
}
.product-part-container .user-tabs .tab-content {
    padding: 0;
}
.tab-content > .tab-pane.active {
    background: #fff;
    padding: 20px;
    border: 1px solid #ddd;
    border-top: none;
    border-radius: 0 0 6px 6px;
    margin-top: -1px;
    box-sizing: border-box;
}
.tab-content > .tab-pane.active ol,
.tab-content > .tab-pane.active ul {
    padding-left: 1.5em;
}
.break-all {
    word-break: normal;
    overflow-wrap: break-word;
}
</style>


    <div class="h-20"></div>





    <div class="container-fluid">

@if(!empty(session('Error')))

@if(session('Error') == 'duplicate_user')
    <span>{{ trans('main.entered_username_exists') }}</span>
@endif

@if(session('Error') == 'duplicate_email')
    <span>{{ trans('main.entered_email_exists') }}</span>
@endif

@if(session('Error') == 'password_not_same')
    <span>{{ trans('main.pass_confirmation_same') }}</span>
@endif

@endif


        <div class="row product-body">
            <div class="col-md-8 col-xs-12 video-details pull-left @if(!Auth::check() || (Auth::user()->admin != 1 && Auth::user()->id != $product->user_id)) col-md-offset-2 @endif">
               @if(!isset($part) || empty($part->title))

                <div class="bg-white pb-10 rounded-lg shadow-lg text-center" >
                    <h1 class="text-center p-6
                    @if(!empty($product->title_background_color))
                    bg-{{ $product->title_background_color }}
                        @else
                            bg-white
                        @endif

                        @if(!empty($product->title_text_color))
                        text-{{ $product->title_text_color }}
                        @else
                            text-gray-700
                        @endif


                        @if(!empty($product->title_text_size))
                        {{ $product->title_text_size }}
                        @else
                        text-6xl
                        @endif
                        " >
                       {!! $product->title !!}
                       <br/>
                        @if(($buy || $subscriptionCourseAccess) && Auth::check() && $product->user_id != Auth::user()->id)
                        <div class="text-2xl text-green-800">
                            <br/><br/>
                         Access granted, you can scroll down and click the <b>Course Content</b> tab to start taking this course.
                        </div>
                        @endif

                       @if(Auth::check() && $product->user_id == Auth::user()->id)
                       <small>
                        <!-- Trigger the modal with a button -->
                        <a href="#" class="m-6 text-center text-2xl" data-toggle="modal"
                        data-target="#myModalColorsTitle">[Edit]</a>
                        @include('web.default.view.product.settings-title')
                       </small>
                       @endif
                   </h1>


                   @if(!isset($partGotNoVideo))


                   @if(!$payment)
                   <h4 class="text-center p-6 w-auto
                    @if(!empty($product->subtitle_background_color))
                        bg-{{ $product->subtitle_background_color }}
                    @else
                        bg-white
                    @endif

                    @if(!empty($product->subtitle_text_color))
                    text-{{ $product->subtitle_text_color }}
                    @else
                        text-gray-500
                    @endif


                    @if(!empty($product->subtitle_text_size))
                      {{ $product->subtitle_text_size }}
                    @else
                      text-3xl
                    @endif
                    " >
                       {{ $product->sub_title }}

                 @if(Auth::check() && $product->user_id == Auth::user()->id)
                    <small>
                    <!-- Trigger the modal with a button -->
                    <a href="#" class="m-6 text-center text-2xl" data-toggle="modal"
                    data-target="#myModalColorsSubtitle">[Edit]</a>
                    @include('web.default.view.product.settings-subtitle')
                    </small>
                    @endif


                   </h4>

                   @if(!empty( $product->display_image ))

                   <img class="col-xs-12 p-10 pt-16 pb-16
                   @if(!empty($product->subtitle_background_color))
                   bg-{{ $product->subtitle_background_color }}
               @else
                   bg-white
               @endif

                   " src="{{ $product->display_image }}" />

               @endif

        @endif
                       <br/>
                <div class="text-gray-600 col-xs-12 text-center pb-16 text-right bg-white ">

                    @if(empty($payment))

                       <div class="col-xs-12 col-md-6 pull-right text-center pt-10">

                        <span class="text-2xl">
                            By {{$product->user['name'] }} <br/>
                             Total Students </span><br/>

                       <div class="text-6xl">
                           {{ number_format($realEnrollmentCount) }}
                       </div>

                       @if($spotsRemaining !== null && $spotsRemaining > 0 && $spotsRemaining <= 10)
                       <div class="text-xl text-red-600 font-bold animate-pulse mt-2">
                           Only {{ $spotsRemaining }} {{ Str::plural('spot', $spotsRemaining) }} remaining!
                       </div>
                       @endif

                      @if(Auth::check() && Auth::user()->admin == 1)
                      <div class="text-muted" style="font-size: 10px; line-height: 1.4; margin-top: 6px;">
                        Real paying students: {{ number_format($adminRealPayingStudents ?? 0) }}
                        &nbsp;|&nbsp;
                        Real leads: {{ number_format($adminRealLeads ?? 0) }}
                      </div>
                      @endif

                        <i class="bi bi-star-fill text-yellow-500"></i>
                        <i class="bi bi-star-fill text-yellow-500"></i>
                        <i class="bi bi-star-fill text-yellow-500"></i>
                        <i class="bi bi-star-fill text-yellow-500"></i>
                        @if($product->view % 5 == 0)
                        <i class="bi bi-star-fill text-yellow-500"></i>
                        @else
                        <i class="bi bi-star-half text-yellow-500"></i>

                        @endif


                        <br/>
                        <br/>
                        <br/>

                        <div class="col-xs-12 text-center">
                                                      <img src="https://www.ibct-mena.com/blog/wp-content/uploads/2015/05/CT.png"/>
                        </div>
                    </div>



                    <div class="col-xs-12 text-left mt-10 text-4xl pull-left col-md-6">
                        @if(!empty($product->difficulty_level))
                            <div class="mb-10">
                                <i class="bi bi-check-circle-fill text-green-500"></i>
                                <span class="font-semibold">
                                    <mark>How EASY </mark> is this course?</span>
                                {{ $product->difficulty_level }}

                            </div>
                         @endif

                        @if(!empty($product->course_length))
                            <div class="mb-10">
                                <i class="bi bi-check-circle-fill text-green-500"></i>
                                <span class="font-semibold">How <i>long</i> is this course?</span>

                                {{ $product->course_length }} &nbsp;


                            </div>
                        @endif
                        @if(!empty($product->time_to_result))
                            <div class="mb-10">
                                <i class="bi bi-check-circle-fill text-green-500"></i>
                                <span class="font-semibold">
                                    <span style="text-decoration: underline;
                                text-decoration-color: red;
                                ">After taking this course</span>,
                                    How long before I <span class="bg-green-100 italic">start seeing results?</span>
                                 </span> <br/>
                                  {{ $product->time_to_result }}
                            </div>
                        @endif

                        @if(!empty($product->time_to_result))
                            <div class="mb-10">
                                <i class="bi bi-check-circle-fill text-green-500"></i>

                                <span class="font-semibold">
                                    <span style="text-decoration: underline;
                                text-decoration-color: red;
                                ">After taking this course</span>,
                                    <i class="font-normal">how much capital</i> <br/>do I need to start what was taught in it?</span> <br/>
                                  {{ $product->how_much_capital_needed }}
                            </div>
                        @endif
                        @if(!empty($product->device_needed))
                            <div class="mb-10">
                                <i class="bi bi-check-circle-fill text-green-500"></i>

                                <span class="font-semibold">This course is relevant for</span>: <br/>
                                  {{ $product->device_needed }}
                            </div>
                        @endif
                        @if(!empty($product->time_to_result))
                            <div class="mb-10">
                                <i class="bi bi-check-circle-fill text-green-500"></i>

                                <span class="font-semibold">Can I register and <mark class="font-normal italic">
                                    transfer this course</mark> to someone else?</span>

                                  Yes
                            </div>
                        @endif

                    </div>
                    @endif

                   </div>
                </div>
@endif


@if(!Auth::check())
    {{-- Login CTA can be added here if needed --}}
@endif


@if(Auth::check() && empty($payment) )
    {{-- Payment CTA can be added here if needed --}}
@endif

     @if(Auth::check() && Auth::user()->id == $product->user_id)
     <!-- Trigger the modal with a button -->
     <a href="#" class="m-6 text-center text-2xl text-gray-900" data-toggle="modal"
     data-target="#myModalColorsCta">[Edit]</a>
     @include('web.default.view.product.settings-cta')

     @endif


     @if(!isset($part) && !$buy)
        <div class="container m-auto px-6 py-40 col-xs-12 ">
            <div class="flex flex-col md:flex-row items-center justify-between relative w-100
             h-auto md:h-64 bg-100 shadow-2xl rounded-lg p-8 bg-white">
                    <div class="w-8/12 text-2xl">
                        <span class="flex text-gray-700">
                            <div class="text-center col-xs-12 pt-10 pb-10 text-gray-500 text-3xl">

                                @include('web.default.view.product.testimonials')

                            </div>
                        </span>
                    </div>

                @if(Auth::check() && (empty($payment) && Auth::user()->id !== $product->user_id) && !$activeSubscription)

                    @if($product->bonus_ends_at && strtotime($product->bonus_ends_at) > time())
                    <div class="col-xs-12 text-center mb-4 p-4 bg-yellow-100 border-2 border-yellow-400 rounded-lg">
                        <div class="text-lg font-bold text-yellow-800">
                            @if($product->bonus_message)
                                {{ $product->bonus_message }}
                            @else
                                Bonus offer active!
                            @endif
                        </div>
                        <div class="text-md text-yellow-700 mt-2">
                            Offer expires in <span class="bonus-countdown font-mono font-bold"
                            data-end="{{ strtotime($product->bonus_ends_at) }}"></span>
                        </div>
                    </div>
                    @endif

                    @if($product->enrollment_limit && $spotsRemaining !== null && $spotsRemaining <= 5 && $spotsRemaining > 0)
                    <div class="col-xs-12 text-center mb-4">
                        <span class="inline-block bg-red-100 text-red-700 text-lg font-bold px-6 py-2 rounded-full animate-pulse">
                            ⚡ Only {{ $spotsRemaining }} {{ Str::plural('spot', $spotsRemaining) }} left!
                        </span>
                    </div>
                    @endif

                    <div class="flex gap-2 items-center flex-wrap">
                        <a href="/product/buy/{{ $product->id }}"
                            class="btn bg-pink-700 text-white btn-md">
                            Buy Now
                        </a>
                        <form method="POST" action="/cart/add/{{ $product->id }}" style="display:inline;">
                            @csrf
                            <button type="submit" class="btn btn-outline-secondary btn-md">
                                Add to Cart
                            </button>
                        </form>
                    </div>
                @elseif($activeSubscription && $activeSubscription->plan_type === 'limited' && !$subscriptionCourseAccess)
                    @php
                        $remaining = $activeSubscription->remainingCourses();
                    @endphp
                    <div class="flex gap-2 items-center flex-wrap">
                        <form method="POST" action="{{ route('subscription.add_course', ['courseId' => $product->id]) }}" style="display:inline;">
                            @csrf
                            <button type="submit" class="btn btn-success btn-md" @if($remaining !== null && $remaining <= 0) disabled @endif>
                                @if($remaining !== null && $remaining <= 0)
                                    Plan Full - Upgrade Required
                                @else
                                    Add to My {{ $activeSubscription->courses_allocated }}-Course Plan
                                @endif
                            </button>
                        </form>
                        @if($remaining !== null)
                            <span class="text-muted" style="font-size: 13px;">
                                {{ $remaining }} of {{ $activeSubscription->courses_allocated }} slots remaining
                            </span>
                        @endif
                    </div>
                    @if($remaining !== null && $remaining <= 0)
                    <div class="mt-2">
                        <form method="POST" action="{{ route('subscription.upgrade') }}" style="display:inline;">
                            @csrf
                            <button type="submit" class="btn btn-warning btn-sm">
                                Upgrade to Unlimited Plan
                            </button>
                        </form>
                    </div>
                    @endif
                @elseif($subscriptionCourseAccess)
                    <div class="text-green-600 text-lg font-semibold">Included with your subscription</div>
                @else

                    <div class="relative shadow-md font-medium my-5 py-2 px-4 text-white cursor-pointer bg-blue-500 hover:bg-indigo-300 rounded text-lg text-center w-68">
                    <span class="absolute h-3 w-3 right-0 top-0 animate-ping inline-flex rounded-full h-4 w-4  bg-blue-400">
                    </span>
                        <!-- Trigger the modal with a button -->
                    <a href="#" class="mt-6 mb-6 text-white text-xl"
                    data-toggle="modal" data-target="#myModalLoginMd">
                    <i class="bi bi-arrow-up-square"></i> Get started here</a>
                    </div>
                @endif


            </div>
        </div>

    @endif
    @endif






    @isset($part)
            @if(!empty($part->title))
                       <h3 class="red-text font-semibold">
                           <i class="bi bi-caret-right-square"></i> {{ $part->title}}
                    </h3>
                    @endif

 <br />
<b>Warning</b>:  Undefined variable $url in <b>/home/investorpath/public_html/braintem.org/resources/views/web/default/view/product/product.blade.php</b> on line <b>598</b><br />
<br />
<b>Deprecated</b>:  preg_match(): Passing null to parameter #2 ($subject) of type string is deprecated in <b>/home/investorpath/public_html/braintem.org/resources/views/web/default/view/product/product.blade.php</b> on line <b>598</b><br />

@if(!empty($url))
<div id="playerWrapOuter">
    <div id="playerWrap">
        <br />
<b>Warning</b>:  Undefined array key 0 in <b>/home/investorpath/public_html/braintem.org/resources/views/web/default/view/product/product.blade.php</b> on line <b>606</b><br />
<iframe width="100%" height="450" src="https://www.youtube.com/embed/?width=100%25&height=450&enablejsapi=1&rel=0&modestbranding=1&showinfo=0" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>    </div>
</div>
<script>
    (function() {
        var player;
        var playerFrame = document.currentScript.previousElementSibling.querySelector("iframe");

        window.onYouTubeIframeAPIReady = function() {
            player = new YT.Player(playerFrame, {
                events: {
                    'onStateChange': onPlayerStateChange
                }
            });
        };
        window.onPlayerStateChange = function(event) {
            if (event.data == YT.PlayerState.ENDED) {
                player.stopVideo();
            }
        };

    })();
</script>





<div class="video-details-section">
@if(Auth::check() && (Auth::user()->admin == 1 || Auth::user()->id == $product->user_id))
     <a href="javascript:void(0);" class="course-id-s" title="Course Id.">
         <span class="playericon mdi mdi-library-video"></span>
         item-id-{{ $product->id }}
     </a>


     <a class="pull-left views-s" title="Views" href="javascript:void(0)">
         <span>{{ number_format($product->view) }}</span>
         <span class="playericon mdi mdi-eye"></span>
     </a>
@endif
 </div>


 <h4 class="text-center" style="margin:0;">
    @if(!$part)
    <a href="#contentBody" class="btn btn-sm
    @if(!$buy && !$subscriptionCourseAccess)
    btn-success
    @else
    btn-info
    @endif">
        @if(!$buy && !$subscriptionCourseAccess)
    See course details below
    @else
        Begin course
    @endif
    <i class="bi bi-arrow-bar-down"></i>
    </a>
    @endif
 </h4>

 @endif

 <div class="bg-white text-gray-900 container">

 @if(!empty($part->title))
 <div class="w-full m-6 mb-10 pull-right float-right text-right">

    @if(Auth::check() && Auth::user()->id == $product->user_id)

        <button type="button" class="bt btn-default btn-xs m-10"
            data-toggle="modal" data-target="#myModalEditPart{{ $part['id'] }}">
            Edit content</button>

    @endif



  </div>
@endif


 @if(!empty($part->description))
    @php
        $desc = $maskedPlatform && !$showRealPlatform ? str_ireplace($maskedPlatform, 'the platform', $part->description) : $part->description;
        $desc = preg_replace('/[^\x{0000}-\x{FFFF}]/u', '', $desc);
        $desc = str_replace("\xEF\xBF\xBD", '', $desc);
        $desc = preg_replace('/<div\s+class="ai-image-callout">.*?<\/div>/s', '', $desc);
        $desc = preg_replace('/<p\s+class="ai-image-placeholder">.*?<\/p>/s', '', $desc);
        $desc = preg_replace('/\[Image:[^\]]*\]/i', '', $desc);
        $desc = preg_replace('/\[(YouTube|Link):\s*(.+?)\]\((https?:\/\/[^\s\)]+)\)/i', '<a href="$3" target="_blank" rel="noopener">$2</a>', $desc);
        $desc = preg_replace('/\*\*(.+?)\*\*\s*\((.+?)\)/', '<strong><a href="https://$2" target="_blank" rel="noopener">$1</a></strong>', $desc);
        $desc = preg_replace('/\*\*(.+?)\*\*/', '<span style="font-weight:600;">$1</span>', $desc);
        $desc = preg_replace('/\(([a-z0-9.-]+\.[a-z]{2,})\)/i', '<a href="https://$1" target="_blank" rel="noopener">$1</a>', $desc);
    @endphp
    <div class="p-10 pl-16 text-left bg-white col-xs-12 ai-lesson-content" style="font-size: 17px; color: #1f2937;">
            {!! $desc !!}
     </div>

    <div class="text-center col-xs-12" style="margin-top: 20px; margin-bottom: 10px;">
        @if(!empty($previousPart))
            <a href="/product/part/{{ $part->content_id}}/{{$previousPart->id}}" class="btn btn-default">
                <i class="bi bi-caret-left"></i> Previous
            </a>
        @endif
        @if(!empty($nextPart))
            <a href="/product/part/{{ $part->content_id}}/{{$nextPart->id}}" class="btn btn-default btn-next-blue">
                Next <i class="bi bi-caret-right"></i>
            </a>
        @endif
    </div>

    @if(auth()->check() && (auth()->user()->id == $product->user_id || auth()->user()->admin))
    <div class="col-xs-12" style="margin-top: 15px; margin-bottom: 15px;">
        <form id="ai-rewrite-form" data-part-id="{{ $part->id }}">
            @csrf
            <div class="form-group">
                <label for="rewrite-prompt" style="font-weight: 700; font-size: 14px; color: #374151;">
                    <i class="bi bi-magic"></i> AI Rewrite
                </label>
                <textarea id="rewrite-prompt" name="prompt" class="form-control" rows="3" placeholder="e.g. Make it simpler for beginners, add more examples, change the tone to conversational..." style="font-size: 14px; resize: vertical;"></textarea>
            </div>
            <button type="submit" class="btn btn-primary btn-sm" id="rewrite-btn">
                <i class="bi bi-arrow-repeat"></i> Rewrite &amp; Save
            </button>
            <span id="rewrite-status" style="margin-left: 10px; font-size: 13px;"></span>
        </form>
    </div>
    @elseif(auth()->check() && ($buy || $subscriptionCourseAccess))
    <div class="col-xs-12" style="margin-top: 15px; margin-bottom: 15px;">
        <button id="ai-ask-toggle" class="btn btn-default btn-sm" style="border: 1px solid #d1d5db; border-radius: 6px; color: #374151; background: #fff; font-size: 13px; padding: 6px 14px;">
            <i class="bi bi-question-circle"></i> Ask AI questions about this topic
        </button>
        <div id="ai-ask-form" style="display:none; margin-top: 10px;">
            <form>
                @csrf
                <div class="form-group">
                    <label style="font-weight: 700; font-size: 14px; color: #374151;">
                        <i class="bi bi-question-circle"></i> Ask about this lesson
                    </label>
                    <textarea id="ask-question" name="question" class="form-control" rows="2" placeholder="Ask a question about this topic..." style="font-size: 14px; resize: vertical;"></textarea>
                </div>
                <button type="submit" class="btn btn-primary btn-sm" id="ask-btn">
                    <i class="bi bi-send"></i> Ask
                </button>
                <span id="ask-status" style="margin-left: 10px; font-size: 13px;"></span>
            </form>
            <div id="ask-answer" style="margin-top: 10px; padding: 12px; background: #f9fafb; border: 1px solid #e5e7eb; border-radius: 6px; font-size: 14px; color: #1f2937; display:none; line-height: 1.6;"></div>
        </div>
    </div>
    @endif
 @endif
  </div>
@endisset
</div>

@if(Auth::check() && (Auth::user()->admin == 1 || Auth::user()->id == $product->user_id))
<div class="col-md-4 col-xs-12 course_details pull-right">

    <div class="product-price-box mt-16 fix-at-the-bottom col-xs-12">

    @if(!Auth::check())
    <!-- Trigger the modal with a button -->

        @include('web.default.view.product.countdown')

    @else
        @if(!$buy || Auth::user()->id == $product->user_id)

            <div class="col-xs-6  pull-left">
                    @if(getprice($product->id) != 0 && !$subscriptionCourseAccess)
                        <div id="buy-price " class="pull-right" style="font-size: 27px;">
                            @if(Auth::check() && (Auth::user()->id == $product->user_id || isset($payment)) )

                        {{ currencySign() }}{{ number_format(price($product->id,$product->category_id,getprice($product->id))['price'])  }}
                        @elseif(!isset($payment))

                        {{ currencySign() }}{{ number_format(price($product->id,$product->category_id,getprice($product->id))['price'])  }}

                        @else

                        {{ currencySign() }}{{ number_format($payment->amount) }}
                        @endif
                        <span class=" hidden-xs"> only.</span>
                    <div class="text-muted font-semibold text-center" style="font-size: 15px;">Life time deal!</div>

                    @if($product->sale_ends_at && strtotime($product->sale_ends_at) > time())
                    <div class="text-center mt-2">
                        <span class="text-sm text-red-600 font-semibold">Sale ends in </span>
                        <span class="sale-countdown text-sm text-red-700 font-mono font-bold"
                              data-end="{{ strtotime($product->sale_ends_at) }}"></span>
                    </div>
                    @endif

                    @include('web.default.view.product.countdown')


                    </div>
                        @elseif($subscriptionCourseAccess)
                        <div id="buy-price" class="pull-right"  style="font-size: 27px; color: #059669;">Included</div>
                        @else
                        <div id="buy-price" class="pull-right"  style="font-size: 27px;">FREE</div>
                    @include('web.default.view.product.countdown')

                    @endif
            </div>

        @if(!Auth::check() OR (!$buy && Auth::check() && (Auth::user()->id !== $product->user_id) && !$activeSubscription))
                <div class="col-xs-6 pull-right">
                        <a class="btn btn-orange product-btn-buy sbox3" id="buy-btn"
                        href="/product/buy/{{$product->id}}">Join <span class="hidden-xs">this</span> class</a>

                        @include('web.default.view.product.whatsapp-join')
                </div>
            @elseif($activeSubscription && $activeSubscription->plan_type === 'limited' && !$subscriptionCourseAccess)
                <div class="col-xs-6 pull-right">
                    <form method="POST" action="{{ route('subscription.add_course', ['courseId' => $product->id]) }}" style="display:inline;">
                        @csrf
                        <button type="submit" class="btn btn-success btn-sm">
                            <i class="bi bi-plus-circle"></i> Add to Plan
                        </button>
                    </form>
                </div>
            @elseif($subscriptionCourseAccess)
                <div class="col-xs-6 pull-right">
                    <div class="text-green-600 font-semibold">Active Subscription</div>
                </div>
            @endif


        @endif
    @endif

    </div>






    @if(!Auth::check())

    @elseif(!empty(getprice($product->id)) and getprice($product->id) != 0 and !$buy or (isset($user) && ($product->user_id == $user['id'] || (!empty($user['admin']) && (int) $user['admin'] === 1))) )




    <div class="product-buy-selection">
        @if (!empty(getprice($product->id)) || (isset($user) && ($product->user_id == $user['id'] || (!empty($user['admin']) && (int) $user['admin'] === 1))))
        @if(isset($user) && ($product->user_id == $user['id'] || (!empty($user['admin']) && (int) $user['admin'] === 1)))






<!-- Trigger the modal with a button -->
<button type="button" class="btn btn-primary btn-sm" data-toggle="modal"
data-target="#myModalEditCourse">{{ trans('main.edit_course') }}</button>

<!-- Modal -->
<div id="myModalEditCourse" class="modal fade" role="dialog">
 <div class="modal-dialog">

   <!-- Modal content-->
   <div class="modal-content">
     <div class="modal-header">
       <button type="button" class="close" data-dismiss="modal">&times;</button>
       <h4 class="modal-title text-4xl">Edit This Course</h4>
     </div>

     <div class="modal-body">



       <p>@include('web.default.view.product.edit-product')</p>
     </div>

     <div class="modal-footer">

     </div>
   </div>

 </div>
</div>



<!-- Trigger the modal with a button -->
<button type="button" class="btn btn-primary btn-sm m-6"
 data-toggle="modal" data-target="#myModalTimer"><i class="bi bi-alarm"></i> Manage Timer</button>

<!-- Modal -->
<div id="myModalTimer" class="modal fade" role="dialog">
  <div class="modal-dialog">

    <!-- Modal content-->
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title text-4xl"><i class="bi bi-alarm"></i>
            Manage Timer</h4>
      </div>
      <div class="modal-body">
        <form  action="/user/content/edit/store/{{ $product->id }}" method="post">
            {{ csrf_field() }}

            <div class="form-group">


                <h3 class="text-center">Add countdown timer (optional)</h3>
            </div>
            <div class="form-group">

                <label class="control-label" for="inputDefault">Show countdown</label>

                    <select name="is_countdown" class="form-control font-s">
                        @if(isset($product->is_countdown))
                        <option value="publish">{{ $product->is_countdown == 1 ? 'yes' : 'no' }}</option>
                        @endif
                    <option value="no">no</option>
                    <option value="yes">yes</option>
                    </select>

            </div>
            <br/>
            <br/>
            <div class="form-group">
                <label class="control-label" for="inputDefault">Countdown Message: <br/>
                Write text that will display above the timer. If timer is not set, only this text will show.</label>

                    <input type="text" name="countdown_message" placeholder="Eg. We will be going live" class="form-control" value="{{ $product->countdown_message }}">

            </div>



            <br/>
            <div class="form-group ">
                <label class="control-label" for="inputDefault">Countdown date</label>
                    <input type="datetime-local" name="countdown_date" placeholder="YYYY-MM-DD" class="form-control" value="{{ str_replace(' ','T',$product->countdown_date) }}">

            </div>
          <br/>
            <hr/>
            <br/>

            <h3 class="text-center">Scarcity Settings (optional)</h3>
            <br/>

            <div class="form-group">
                <label class="control-label" for="inputDefault">Enrollment limit (max students)</label>
                <input type="number" name="enrollment_limit" placeholder="Eg. 100" class="form-control"
                       value="{{ $product->enrollment_limit }}" min="0">
                <small class="text-muted">Leave empty for unlimited. When reached, enrollment will be blocked.</small>
            </div>
            <br/>

            <div class="form-group">
                <label class="control-label" for="inputDefault">Bonus end date/time</label>
                <input type="datetime-local" name="bonus_ends_at" class="form-control"
                       value="{{ $product->bonus_ends_at ? str_replace(' ','T',$product->bonus_ends_at) : '' }}">
            </div>

            <div class="form-group">
                <label class="control-label" for="inputDefault">Bonus message</label>
                <input type="text" name="bonus_message" placeholder="Eg. Enroll now and get free coaching session worth ₦50,000"
                       class="form-control" value="{{ $product->bonus_message }}">
            </div>
            <br/>

            <div class="form-group">
                <label class="control-label" for="inputDefault">Sale end date/time</label>
                <input type="datetime-local" name="sale_ends_at" class="form-control"
                       value="{{ $product->sale_ends_at ? str_replace(' ','T',$product->sale_ends_at) : '' }}">
                <small class="text-muted">Shows "Sale ends in" countdown in the price box.</small>
            </div>
            <br/>
            <hr/>
            <br/>

            <div class="form-group">

                <input type="submit" class="btn btn-danger" value="Save">


            </div>

        </form>
      </div>
      <div class="modal-footer">
      </div>
    </div>

  </div>
</div>










<!-- Trigger the modal with a button -->
<button type="button" class="btn btn-primary btn-sm m-6 text-center" data-toggle="modal"
 data-target="#myModalRedirect"><i class="bi bi-arrow-clockwise"></i> Manage Redirect</button>

<!-- Modal -->
<div id="myModalRedirect" class="modal fade" role="dialog">
  <div class="modal-dialog">

    <!-- Modal content-->
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title text-4xl">Manage redirect</h4>
      </div>
      <div class="modal-body">
        <form  action="/user/content/edit/store/{{ $product->id }}" method="post">
            {{ csrf_field() }}

            <br/>
            <div class="form-group">
                <h3 class="text-center">Redirect links</h3>
            </div>
            <div class="form-group">
                <label class="control-label" for="inputDefault"> External Link</label>


                    <span>(optional) This is the link to redirect to after user makes payment. <br/>
                        Eg. Your email list form. <br/>
                        Remember to redirect them back to the course from that site</span>
                    <input type="text" name="redirect_link_after_payment" placeholder="After payment redirect link. eg. an email list form" class="form-control" value="{{ $product->redirect_link_after_payment }}" >

            </div>
            <br/>


            <div class="form-group">

                <input type="submit" class="btn btn-danger" value="Save">


            </div>

        </form>
      </div>
      <div class="modal-footer">
      </div>
    </div>

  </div>
</div>







<!-- Trigger the modal with a button -->
<button type="button" class="btn btn-primary btn-xs m-6 text-center" data-toggle="modal"
 data-target="#myModalColorsTitle">
 <i class="bi bi-arrow-clockwise"></i> Title Colors</button>
 @include('web.default.view.product.settings-title')

 <!-- Trigger the modal with a button -->
<button type="button" class="btn btn-primary btn-xs m-6 text-center" data-toggle="modal"
data-target="#myModalColorsSubtitle">
<i class="bi bi-arrow-clockwise"></i> Subtitle Colors</button>
@include('web.default.view.product.settings-subtitle')

<!-- Trigger the modal with a button -->
<button type="button" class="btn btn-primary btn-xs m-6 text-center" data-toggle="modal"
 data-target="#myModalColorsCta">
 <i class="bi bi-arrow-clockwise"></i> CTA Colors</button>
 @include('web.default.view.product.settings-cta')









                   <!-- Trigger the modal with a button -->
<button type="button" class="btn btn-blue product-btn-buy sbox3" data-toggle="modal" data-target="#myModalAddVideo">
    <i class="bi bi-camera-fill"></i>  {{ trans('main.add_video') }}
</button>
<button type="button" class="btn btn-blue product-btn-buy sbox3 mt-8" data-toggle="modal" data-target="#myModalTransferCourseContents">
    <i class="bi bi-arrow-left-right"></i> Transfer course contents
</button>
@include('web.default.view.product.add-video')
@include('web.default.view.product.transfer-course-contents-modal')

@endif



@if(!$buy)
@if(!empty(getprice($product->id)) and getprice($product->id) != 0)
    <div class="radio">
        <input type="hidden" id="radio-2" name="buy_mode" data-mode="download"
         value="{{ price($product->id,$product->category_id,getprice($product->id))['price'] }}" checked>
    </div>
@endif

@if($product->post == 1 && userMeta($product->user_id,'trip_mode') == 0)
    @if(!empty(getprice($product->id)) and getprice($product->id) != 0)
        <div class="radio">
            <input type="radio" id="radio-1" data-mode="post" value="{{ price($product->id,$product->category_id,$meta['post_price'])['price'] }}" name="buy_mode">
            <label class="radio-label" for="radio-1">{{ trans('main.postal_purchase') }}</label>
        </div>
    @endif
@endif
@endif


{{-- @else


    @if(!empty(getprice($product->id)) and getprice($product->id) != 0)
        <a class="btn btn-danger btn-block disabled" href="#">{{ trans('main.purchased_item') }}</a>
    @endif


@endif --}}
</div>
@endif

@endif



<div class="h-10 visible-xs"></div>
@if(userMeta($product->user_id,'trip_mode') == 1 && userMeta($product->user_id,'trip_mode_date') > 0)
    <div class="h-20"></div>
    <div class="trip_mode_alert">
        <span class="mdi mdi-shield-airplane"></span>
        <span> {{ trans('main.vendor_vac') }}
            {{ date('Y-m-d', userMeta($product->user_id,'trip_mode_date')) }}
            {{ trans('main.vendor_vac_2') }} </span>
    </div>
@endif




@if(!empty($product->category->title ))
    <div class="product-details-box">
        <span class="proicon mdi mdi-apps red-text"></span>
        <span class="pn-category text-gray-700" id="top_of_page"><span class="red-text">Category: </span> {{ $product->category->title }}</span>
    </div>
    @endif
@if(!empty($product->user->name ))
    <div class="product-details-box">
        <span class="proicon mdi mdi-apps red-text"></span>
        <span class="pn-category text-gray-700" id="top_of_page"><span class="red-text">Instructor: </span>{{ $product->user->name }}</span>
    </div>
    @endif
@if( Auth::check() && ($product->user_id == Auth::user()->id || Auth::user()->admin == 1 ))
    <div class="product-details-box">
        <span class="proicon mdi mdi-apps red-text"></span>
        <span class="pn-category text-gray-700" id="top_of_page"><span class="red-text">Mode: </span>
         {{ $product->mode }}</span>
    </div>
    @endif

<div class="product-details-box">
    <span class="proicon mdi mdi-apps red-text"></span>
    <span class="pn-category text-gray-700" id="top_of_page">
        <span class="red-text">Type:</span>
        Online Class
</div>


<div class="product-details-box">
    <span class="proicon mdi mdi-apps red-text"></span>
    <span class="pn-category text-gray-700" id="top_of_page"><span class="red-text"></span>
    <span style="font-weight: bold;"> {{ $product->type}}
    @if(Auth::check() && !empty($product->private) && (Auth::user()->admin == 1 || Auth::user()->id == $product->user_id) )
    | @if($product->private == 1)
            Exclusive
            @else
            Public
        @endif
    @endif
    </span>
    </span>
</div>

    @if(!empty(contentDuration($product->id)))
    <div class="product-details-box">
        <span class="proicon mdi mdi-alarm"></span>
        <span class="text-gray-700">{{ contentDuration($product->id) }}</span>
    </div>
    @endif
    @if(Auth::user()->id == $product->user_id)
    <div class="product-details-box">
        <span class="proicon mdi mdi-calendar-month red-text"></span>
        <span class="red-text">Published: </span> <span class="text-gray-700">{{ date('d F Y', strtotime($product->created_at)) }}</span>

    </div>
    @endif
    @if(!empty($MB))
    <div class="product-details-box">
        <span class="proicon mdi mdi-database"></span><span class="text-gray-700">
            {{ $MB }}
            {{ trans('main.mb') }}
        </span>
    </div>
    @endif


 </div>
@endif
</div>










    <div class="h-20"></div>
 {{-- <div class="col-md-8" style="margin-bottom:10px;">
<!-- ShareThis BEGIN --><div class="sharethis-inline-share-buttons"></div><!-- ShareThis END -->
 </div> --}}
            <div class="product-part-container col-md-10 col-xs-12 pull-left col-md-offset-1">
                    <div class="user-tabs">
                        <ul class="nav nav-tabs" role="tablist" id="contentBody">
                            @if($product->type == 'webinar' || $product->type == 'course+webinar')
                                <li @if(count($parts) == 0) class="active" @endif>
                                <a href="#tab6" role="tab" data-toggle="tab">
                                <b>{{ trans('main.meeting') }}</b></a></li>
                            @endif
                            @if(!$buy || (Auth::check() && Auth::user()->admin == 1))
                            <li
                            @if(empty($payment) && !isset($the_part_id))
                             class="active"
                            @endif
                                 >

                                 <a href="#tab2" role="tab" data-toggle="tab">
                                 <b>{{ trans('main.details') }}</b>
                                 </a></li>
                            @endif


                                 @if(count($parts) > 0)
                                <li
                                @if(isset($the_part_id) || !empty($payment) || ($buy && !(Auth::check() && Auth::user()->admin == 1)) )
                                     class="active"
                                @endif
                                >

                                <a href="#tab1" role="tab" data-toggle="tab" >
                                <b>{{ trans('main.course_content') }} ({{ count($parts) }} topics)</b></a>

                                </li>
                                @endif
                                @if(Auth::check() && ($product->user_id == Auth::user()->id || Auth::user()->admin == 1) )
                                    <li>
                                        <a href="#tab7" role="tab" data-toggle="tab">
                                        Students ({{ count($product->payments)}})
                                        </a>
                                    </li>
                                @endif

                                @if(Auth::check() && $buy && getprice($product->id) > 0)
                                    <li>
                                        <a href="#tab8" role="tab" data-toggle="tab">
                                        Affiliate Program ({{ $refPayments ? count($refPayments) : 0 }})
                                        </a>
                                    </li>
                                @endif



                           @if($buy || $subscriptionCourseAccess)
                                 @if (!empty($product->quizzes) and !$product->quizzes->isEmpty())
                                     <li><a href="#tab4" role="tab" data-toggle="tab">{{ trans('main.quizzes') }}</a></li>
                                 @endif
                             @endif
                        </ul>
                        <!-- TAB CONTENT -->
                        <div class="tab-content ">


                            @if(session()->has('success'))
                                <div class="alert alert-success">
                                    {{ session()->get('success') }}
                                </div>
                            @endif
                            @if(session()->has('error'))
                                <div class="alert alert-warning">
                                    {{ session()->get('error') }}
                                </div>
                            @endif

                            @if(Auth::check() && ($product->user_id == Auth::user()->id || Auth::user()->admin == 1) && $product->mode != 'publish')
                                <div class="alert alert-info">
                                    <strong>This course is not published yet.</strong>
                                    
                                </div>
                            @endif

                             <div class="@if(!empty($payment) || isset($the_part_id) || (Auth::check() && $buy && !Auth::user()->admin && Auth::user()->id != $product->user_id)) active in @endif tab-pane fade" id="tab1">

                                  @if(isset($parts) && Auth::check() && (Auth::user()->id == $product->user_id || Auth::user()->admin == 1))
                                  <div class="clearfix" style="text-align:right; position:relative; z-index:99999;">
                                      <div class="dropdown" style="display:inline-block;">
                                          <button class="btn btn-default btn-xs dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" style="font-size:18px; line-height:1; padding:2px 8px; border:none; background:none; box-shadow:none;">
                                              <strong>&#8942;</strong>
                                          </button>
                                          <ul class="dropdown-menu dropdown-menu-right" style="z-index:99999;">
                                             <li><a href="#" data-toggle="modal" data-target="#myModalAddVideo">Add video to course</a></li>
                                             <li><a href="#" data-toggle="modal" data-target="#myModalTransferCourseContents">Transfer course contents</a></li>
                                             <li class="divider"></li>
                                             <li><a href="#" data-toggle="modal" data-target="#deleteModal"><i class="glyphicon glyphicon-trash"></i> Delete All</a></li>
                                             <li><a href="#" data-toggle="modal" data-target="#addCollabModal"><i class="glyphicon glyphicon-plus"></i> Collaborator</a></li>
                                             @if(empty($cert))
                                             <li><a href="#" data-toggle="modal" data-target="#createCertificateModal"><i class="glyphicon glyphicon-certificate"></i> Certificate</a></li>
                                             @else
                                             <li><a href="#" data-toggle="modal" data-target="#editCertificateModal"><i class="glyphicon glyphicon-edit"></i> Certificate</a></li>
                                             @endif
                                         </ul>
                                     </div>
                                 </div>
                                 @endif

                                 <ul class="part-ul">
                                <br />
<b>Fatal error</b>:  Uncaught Error: Class &quot;Auth&quot; not found in /home/investorpath/public_html/braintem.org/resources/views/web/default/view/product/product.blade.php:1367
Stack trace:
#0 {main}
  thrown in <b>/home/investorpath/public_html/braintem.org/resources/views/web/default/view/product/product.blade.php</b> on line <b>1367</b><br />