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

        <div class="col-12 col-md-6 product-details-img {{ $dir }}  mb-md-0 mb-3 position-relative ">

            @include('themes.includes.components.product-gallery.gallery')
        </div>

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

            {{-- title & Category section  --}}
            <div class="mb-3 mt-1">
                <div class="d-flex justify-content-between align-items-start">
                     <div>
                        <div class="text_3 font-14 mb-1">{{ $product->category->trans[0]->categories_title }}</div>
                        <h1 class=" text-transform-main p-0 m-0 font-30 d-block text_4 fw-bold">
                            {{ $product->trans[0]->products_title }}
                        </h1>
                     </div>
                    <div class="d-flex gap-2 align-items-center">

                        <!-- Share Button (Mobile) -->
                       <button type="button" class="btn  border-0 product-action-btn share-btn  background_4 rounded-pill d-inline-flex d-md-none" onclick="shareProductLink()" title="{{ __('lang.share') }}">
                           <i class="polaris-max-icon-material-symbols_share font-22"></i>
                       </button>

                       <!-- Copy Button (Desktop) -->
                       <button type="button" class="btn border-0 product-action-btn share-btn background_4 rounded-pill d-none d-md-inline-flex" onclick="copyProductLink()" title="{{ __('lang.copy_link') ?? 'Copy Link' }}">
                           <i class=" polaris-max-icon-copy-alt-sm font-24"></i>
                       </button>

                       <span class="product-fav {{ $product->is_fav == 1 ? 'active' : '' }}  ">
                           <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 }}" >
                                   <span class="product-action-btn background_4 rounded-pill {{$hasRegistration ? '' : 'd-none'}}" onClick="event.stopPropagation(); updateFavs('{{ $product->products_id }}',this); ">
                               @else
                                   <span class="product-action-btn background_4 rounded-pill {{$hasRegistration ? '' : 'd-none'}}" onClick="event.stopPropagation(); showToastify('{{ __('lang.loginToaddFav') }}')">
                               @endif
                                       <i class="{{ $product->is_fav ==  1 ? 'fas text_7' : 'far text_1' }} fa-heart font-20 p-0 fav-icon-{{ $product->products_id }} " id="FavoriteIcon-{{ $product->products_id }}-{{ isset($sectionName) ? $sectionName : 'products' }}"  aria-hidden="true"></i>
                                   </span>
                           </form>
                       </span>

                    </div>
                </div>

                <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

                    {{-- Rating --}}
                    @if($account->accounts_show_products_ratings && $product->products_rating > 0)
                        <div class="mt-2">
                            <i class="fas fa-star text_5 font-14"></i>
                            <span class="fw-bold">{{ number_format($product->products_rating, 1) }}  </span>
                            <span class="text_3 font-14">({{  isset($pagination) ? $pagination->total : '0'  }} {{ __('lang.ratings') }})</span>
                        </div>
                    @endif
                </div>
                
                {{-- Short Description --}}
                @if($product->products_desc)
                    <div class="mt-3 text_3 font-14 line-height-1-5">
                         @php $char = 150; @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

            </div>

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

            {{-- Price & Cart Section --}}
            <div class="row g-3 align-items-center mt-4 mb-4">

                {{-- Price --}}
                <div class="col-6 col-md-4 ">
                     @if($product->offer && $product->offer->offers_additional_number == 0 && $product->offer->offers_main_number == 1)
                        <div class="d-flex  align-items-center">
                            <span class="product-details-price text_4 font-24 fw-bold" id="product-price-display">  @include('components.currency',['price'=>rtrim(rtrim(number_format( $product->products_price - (($product->products_price * $product->offer->offers_discount) / 100 ) , 2, '.', ','), '0'), '.'),'id'=>'product-price-value'])</span>
                            <del class="text_6 font-14" id="product-old-price-display"> @include('components.currency',['price'=>rtrim(rtrim(number_format( $product->products_price, 2, '.', ','), '0'), '.'),'id'=>'product-old-price-value']) </del>
                        </div>
                    @else
                        <span class="product-details-price text_1 font-24 fw-bold" id="product-price-display"> @include('components.currency',['price'=>rtrim(rtrim(number_format( $product->products_price, 2, '.', ','), '0'), '.'),'id'=>'product-price-value'])</span>
                    @endif
                </div>

                {{-- Quantity Selector --}}
                <div class="col-6 col-md-3 d-flex justify-content-end ">
                    <div class="quantity-selector d-flex align-items-center border rounded-pill px-2 py-1" style="min-width: auto; justify-content: space-between;">
                        <button class="btn btn-sm btn-icon rounded-circle background_4 p-1" onclick="updateProductQty('{{ $product->products_id }}', -1)">
                            <i class="polaris-max-icon-minus text_1 font-18"></i>
                        </button>
                        <input type="number" id="product-count-{{ $product->products_id }}" value="1" class="form-control border-0 text-center p-0 fw-bold" style="width: 40px; background: transparent;" readonly>
                        <button class="btn btn-sm btn-icon rounded-circle background_4 p-1" onclick="updateProductQty('{{ $product->products_id }}', 1)">
                            <i class="polaris-max-icon-plus-lg text_1 font-18"></i>
                        </button>
                    </div>
                </div>

                {{-- Add to Cart --}}
                <div class="col-12 col-md-5 justify-content-end">
                    {{-- Hidden input is now in the component, but we might need it here if component is not rendered (e.g. no choices) --}}
                    {{-- If no choices, the component doesn't render the input. But generic addToCart might need it or ignore it. --}}
                    {{-- The generic script checks if input exists. --}}

                    @if($account->accounts_show_stocks != '1' || $product->products_stocks > 0)
                        @if($product->products_available)
                            @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

                            <button type="button" class="btn main-btn rounded-pill px-4  font-16 w-100" onClick="submitProductToCart('{{ $product->products_id }}'); ">
                                <i class="polaris-max-icon-cart me-2"></i>
                                <span>{{ __('lang.addToCart') }}</span>
                            </button>
                        @else
                            <button type="button" class="btn background_6 text_2 rounded-pill px-4 py-2 fw-bold font-16 w-100" disabled > {{ __('lang.productNotAvailable') }}   </button>
                        @endif
                    @else
                         {{-- Notify Me Logic if needed --}}
                         <button type="button" class="btn background_6 text_2 rounded-pill px-4 py-2 fw-bold font-16 w-100" > {{ __('lang.notifyMe') }}   </button>
                    @endif
                </div>
            </div>

        </div>

        {{-- Static Section --}}
        <div class="col-12 col-md-6product-details-info ">
            @if(isset($static_pages))
                @foreach ($static_pages as $static_page)
                    @if($static_page->static_pages_slug == 'product_static_1')
                    {!! isset($static_page) ? $static_page->static_pages_content : '' !!}
                    @endif
                @endforeach
            @endif
        </div>

        @if( (isset($promotional_messages) && sizeof($promotional_messages) > 0) )
            <div class="col-12 mt-md-5  ">

                {{-- Promotional Messages Section  --}}
                <div class="py-4  product-promotional-bg rounded-sm">
                    <div class="row text-center justify-content-center">
                        @foreach($promotional_messages as $key => $promotional_message)
                            <div class="col-4 col-md-3 mb-3 mb-md-0 d-flex flex-column align-items-center">
                                <img class="mb-2" src="{{ $promotional_message->promotional_messages_image ? $imagesBaseUrl.'uploads/'.env('accountId').'/images/original/'.$promotional_message->promotional_messages_image : $imagesBaseUrl.'img/no-image.png'}}" alt="" width="75" height="75">
                                <span class=" font-16 text_4 uppercase mb-1">{{$promotional_message->promotional_messages_title}}</span>
                                <div class="text_3 font-14 fb-300 d-md-block d-none ">{{$promotional_message->promotional_messages_text}}</div>
                            </div>
                        @endforeach
                    </div>
                </div>
            </div>
        @endif

        {{-- Tags Sections --}}
        @if($product->products_tags)
            <div class="col-12 font-17 mt-3  pb-3">
                <div class="">
                    <div class="">
                        <span class="font-22 text_4 ">
                            <i class="polaris-max-icon-brand-icon-1 text_1"></i> {{ __('theme7.tags_title') }}
                        </span>
                    </div>
                    <div class="mt-2">
                        <span class="">
                            @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

        {{-- Product Description , Ratings And files --}}
        <div class="col-12 d-block mt-4">
            @include('themes.theme7.pages.productDescription')
        </div>



    </div>
</section>

@include('themes.theme7.pages.products-recomendations')
@include('themes.theme7.pages.product_scripts')