{{-- Product Details --}}
<section class="container product-details ">
    <div class="row mr-0 ml-0">

        <div class="col-12 col-md-5 product-details-img {{ $dir }}  mb-md-0 mb-3 product-gallery-sticky product-gallery-sticky-6">
            <div class=" {{ $dir }} position-absolute end-0 z-10">
               <form method="POST" action="{{route('updateFavs')}}" class="d-inline" id="updateFavs-{{ $product->products_id }}-{{ isset($sectionName) ? $sectionName : 'products' }}">

                    @if(session()->has('customer'))
                        @csrf
                        <input type="hidden" name="accountId" value="{{env('accountId')}}" >
                        <input type="hidden" name="productId" value="{{ $product->products_id }}" >

                        <button type="button" class="border-0 bg-transparent p-0 {{$hasRegistration ? '' : 'd-none'}}" onClick="event.stopPropagation(); updateFavs('{{ $product->products_id }}',this); ">
                    @else
                        <button type="button" class="border-0 bg-transparent p-0 {{$hasRegistration ? '' : 'd-none'}}" onClick="event.stopPropagation(); showToastify('{{ __('lang.loginToaddFav') }}')">

                    @endif
                    <span class="product-fav {{ $product->is_fav == 1 ? 'active' : '' }}">
                            <i class="{{ $product->is_fav ==  1 ? 'fas text_7' : 'far text_3' }} fa-heart  font-18 fav-icon-{{ $product->products_id }} " id="FavoriteIcon-{{ $product->products_id }}-{{ isset($sectionName) ? $sectionName : 'products' }} fa-stack-1x fa-inverse"  aria-hidden="true"></i>
                        </span>
                    </button>


               </form>
            </div>

            @include('themes.includes.components.product-gallery.gallery')

            {{-- Product Description , Ratings And files --}}
            {{-- <div class="d-md-inline d-none">
                @include('themes.theme6.pages.productDescription')
            </div> --}}

        </div>

        <div class="col-12 col-md-7 ps-md-1 ps-4 product-details-info ">

            {{-- title & Category section  --}}
            <div class="border-bottom mb-3 mt-1">
                <div class="d-flex justify-content-between">
                    <h1 class=" text-transform-main p-0 m-0 font-24 d-block text_4 capitalize kaisei-opti-bold">
                        {{ $product->trans[0]->products_title }}
                    </h1>
                    {{-- share component --}}
                    <div class="">
                        @include('components.share', [
                                'url' => request()->fullUrl(),
                                'image' => 'http://placehold.it/300x300?text=Cool+link' ,
                                'description' => $product->trans[0]->products_title,
                            ])
                    </div>
                </div>



                <div class="d-flex justify-content-between text_3 capitalize font-16 mb-3 capitalize">
                    <div class="fb-500">{{ $product->category->trans[0]->categories_title }}</div>
                    <div class="fb-300">SKU:{{ $product->products_code }}</div>
                </div>
            </div>

            {{-- Product Choices --}}
            @include('themes.includes.components.product-choices.choices')

            {{-- Product Price Cart btn and Fav Btn /  Product Rating  And Points --}}
            <div clas="col-12 font-17 px-0 mx-0 ">
                <div class="d-md-flex align-items-center justify-content-between">
                    <div class="mb-md-0 mb-2">
                        <span class="{{$product->products_price > 0 ? '' : 'd-none'}} ">
                            @if($product->offer && $product->offer->offers_additional_number == 0 && $product->offer->offers_main_number == 1)
                                <div class="position-relative">
                                    <span class="product-details-price text_4 font-30 fb-700 ">  @include('components.currency',['price'=>rtrim(rtrim(number_format( $product->products_price - (($product->products_price * $product->offer->offers_discount) / 100 ) , 2, '.', ','), '0'), '.')])</span>

                                    <del class="product-price_sale-after font-16 text_6 px-1"> @include('components.currency',['price'=>rtrim(rtrim(number_format( $product->products_price, 2, '.', ','), '0'), '.')]) </del>
                                </div>

                            @else
                                <div class="position-relative ">
                                    <span class="product-details-price text_4 font-24 fb-700"> @include('components.currency',['price'=>rtrim(rtrim(number_format( $product->products_price, 2, '.', ','), '0'), '.')])</span>
                                </div>
                            @endif

                        </span>

                        @if($product->offer && $product->offer->offers_type == 'daily_offers')
                        <div class="text_1 font-16 fb-500">
                            <span class="fb-700">{{ __('lang.saleEndsIn') }}</span>
                            @include('themes.includes.productsCards.daily-offer-badge',['type'=>'products_dateils'])
                        </div>
                        @endif
                    </div>
                    @if(isset($product->offer) && $product->offer && $product->offer != null)
                        <span class=" font-16 background_1 rounded-lg text_2 py-md-1 py-0 ps-2 pe-3 "> {{$product->offer->trans && sizeof($product->offer->trans) > 0 ? $product->offer->trans[0]->offers_title : ''}} </span>
                    @endif
                </div>

                {{-- Product Rating  And Points  --}}
                <div class="d-flex align-items-start justify-content-between mt-2">

                    @if($product->products_points && $account->accounts_show_points)
                    <span class="">
                        <i class="polaris-max-icon-coins-fill text_1 font-20"></i>
                        <span class="text_3 fb-400">{{ __('lang.points') }}: </span>
                        <span class="text_3 fb-700" >
                            {{ $product->products_points }}@if($product->products_points_value > 0)=@include('components.currency',['price'=>rtrim(rtrim(number_format( $product->products_points_value, 2, '.', ','), '0'), '.')]) @endif
                        </span>
                    </span>
                    @endif

                    @if($account->accounts_show_products_ratings && $product->products_rating > 0)
                        <span class=" ">
                            {{-- <i class="polaris-max-icon-material-symbols-light_star text_5 font-20"></i> --}}
                            <i class="fas fa-star text_5 font-16"></i>
                            <span>{{ number_format($product->products_rating, 1) }}  </span>

                            <span class="text_3">({{  isset($pagination) ? $pagination->total : '0'  }} {{ __('lang.ratings') }})</span>
                        </span>
                    @endif

                </div>

                {{-- Product Cart Btn And Notifi me --}}
                <div class=" d-block border-bottom mt-2 pb-3">  

                    @if($account->accounts_show_stocks != '1' || $product->products_stocks > 0)
                        @if($product->delivery_period && $account->accounts_show_product_delivery_period)
                            <div class="text_3 mb-2 fb-400">
                                {{ __('lang.delivery_period_range', [
                                    'from' => $product->delivery_period->days_from,
                                    'to' => $product->delivery_period->days_to
                                ]) }}
                            </div>
                        @endif
                        <div class="">
                            @if($product->products_available)
                                <input type="hidden" id="product-count-{{ $product->products_id }}" value="1">
                                <button type="button" class="btn background_6 text_2 rounded-lg px-2 fb-500 col-md-12 col-12 font-16" onClick="submitProductToCart('{{ $product->products_id }}'); ">
                                    <i class="polaris-max-icon-cart font-20"></i>
                                    <span class="d-none d-md-inline">{{ __('lang.addToCart') }}</span>
                                </button>
                            @else
                                <button type="button" class="btn background_6 text_2 mt-2 mt-md-0 px-2 fb-500 col-md-12 col-12 font-16" > {{ __('lang.productNotAvailable') }}   </button>
                            @endif
                        </div>
                    @else
                        @if($account->accounts_show_products_notifications)
                            <div class="addCartBtn" id="notifyBtnWrap-{{ $product->products_id }}">
                                <button type="button" class="btn background_6 text_2 rounded-lg px-2 fb-500 col-md-12 col-12 font-16" onClick="return window.handleNotifyMeClick(this,'{{ $product->products_id }}');">
                                    <i class="polaris-max-icon-cart font-20"></i>
                                    <span class="d-none d-md-inline">{{ __('lang.addToCart') }}</span>
                                </button>
                            </div>

                            <div class="text_4 font-14 mb-2 p-2 fb-400 rounded-lg border_3 text-center capitalize d-none notificationMessage" id="notifyMsg-{{ $product->products_id }}">
                                <i class="polaris-max-icon-mingcute_notification-line font-20 "></i>
                                <span>{{ __('lang.notifyMessageText1') }}</span>
                                <span>{{ __('lang.notifyMessageText2') }}</span>
                            </div>
                            <script>
                                document.addEventListener('DOMContentLoaded', function () {
                                    try{
                                        if (window.applyNotifyMeDailyState) window.applyNotifyMeDailyState('{{ $product->products_id }}');
                                    }catch(e){}
                                });
                            </script>

                            {{-- <div class="text_4 font-14 mb-2 p-2 fb-400 rounded-lg border_3 text-center capitalize">
                                <i class="polaris-max-icon-mingcute_notification-line font-20 "></i>
                                <span>{{ __('lang.notifyMessageText1') }}</span>
                                @if(session()->has('customer'))
                                    <span onClick="addToNotifyMe('{{ $product->products_id }}',this)"  class="fb-700 text_1 border-b-1 cursor-pointer"> {{ __('lang.notifyMe') }}</span>
                                @else
                                    <span class="{{$hasRegistration ? '' : 'd-none'}} fb-700 text_1 border-b-1  cursor-pointer"  pd-popup-open="popupFav" onClick="alertNotify()">
                                        {{ __('lang.notifyMe') }}
                                    </span>
                                @endif
                                <span>{{ __('lang.notifyMessageText2') }}</span>
                            </div> --}}
                        @endif
                    @endif
                </div>
            </div>

            {{-- <div class="col-12 px-0 mx-0 border-bottom pb-3">
                @include('themes.theme6.pages.product_welcome_bonus')
            </div> --}}
            @if(isset($static_pages))
                @foreach ($static_pages as $static_page)
                    @if($static_page->static_pages_slug == 'product_static_1')
                        @php $product_static_page = $static_page; @endphp
                    @endif
                @endforeach
            @endif

            @if($product->products_desc || (isset($promotional_messages) && sizeof($promotional_messages) > 0) || (isset($product_static_page) && $product_static_page) )
            <div class="col-12 px-0 mx-0 border-bottom pb-3">
                @if($product->products_desc)
                    <div class="font-16 text_3 py-2" >
                        @php $char = ($dir == 'rtl' ? 300 : 300 ) ; @endphp {{ mb_substr(strip_tags(html_entity_decode($product->products_desc)),0,$char, 'UTF-8') }} {{ strlen(strip_tags(html_entity_decode($product->products_desc))) > $char ? '...' : '' }}
                    </div>
                @endif

                {{-- Static Section --}}
                @if(isset($product_static_page))
                    <div class=" border-bottom mb-3">
                        {!! $product_static_page->static_pages_content  !!}
                    </div>
                @endif

                {{-- Promotional Messages Section  --}}
                @if(isset($promotional_messages) && sizeof($promotional_messages) > 0)
                    <div class="row">
                        @foreach($promotional_messages as $key => $promotional_message)
                            <div  class="col-md-4 px-2">
                                <div class="rounded-sm border_1 background_7 p-2 p-md-3  ">
                                    <img class="pe-0" src="{{ $promotional_message->promotional_messages_image ? $imagesBaseUrl.'uploads/'.env('accountId').'/images/original/'.$promotional_message->promotional_messages_image : $imagesBaseUrl.'img/no-image.png'}}" alt="" width="25px" height="25px">
                                    <div class="">
                                        <span class="kaisei-opti-medium font-16 text_4 uppercase">{{$promotional_message->promotional_messages_title}}</span>
                                        <div class="text_3 font-14 fb-300 ">{{$promotional_message->promotional_messages_text}}</div>
                                    </div>

                                </div>
                            </div>
                        @endforeach

                    </div>
                @endif
            </div>
            @endif

            {{-- Tags Sections --}}
            @if($product->products_tags)
                <div class="col-12 font-17 px-0 mx-0 mt-2 border-bottom pb-3">
                    <div class="">
                        <div class="">
                            <span class="font-20 text_4 uppercase kaisei-opti-medium">
                                {{ __('lang.tags') }}
                            </span>
                        </div>
                        <div class="mt-2">
                            <span class="capitalize">
                                @foreach(explode(',',trim($product->products_tags)) as $tag)
                                    @if($tag != null && $tag != '')
                                    <a aria-label="go to {{ $tag }} products" href="{{ route('products',['title'=>str_replace(' ', '_',$tag)]) }}" class="m-1 ">
                                        <span class="badge tags-badge rounded-lg font-18 py-2 px-3 fb-400 mt-2">{{ $tag }}</span>
                                    </a>
                                    @endif
                                @endforeach
                            </span>
                        </div>
                    </div>
                </div>
            @endif

            <div class="">
                @include('themes.theme6.pages.productDescription')
            </div>

        </div>


    </div>
</section>

@include('themes.theme6.pages.products-recomendations')
@push('css')

<style>
    @media (min-width: 992px) {
        .product-details .product-details-img.product-gallery-sticky-6{
            top:5px !important;
        }
    }
    .product-static-linear-bg{
        background:linear-gradient(135deg,#AB5D1C 0%,#E06B09 20%,#E06B09 60% ,#FFD044 100%) !important;
    }
    .rtl .product-static-linear-bg{
        background:linear-gradient(to left,#AB5D1C 0%,#E06B09 20%,#E06B09 60% ,#FFD044 100%) !important;
    }
</style>
@endpush