@extends('layouts.index')

@push('metatags')
    <meta property="product:brand" content="{{ isset($product->brand) && $product->brand ? $product->brand->brands_name : '' }}">
    @if($product->products_stocks <= 0 && $account->accounts_show_stocks == '1' )
        <meta property="product:availability" content="out of stock">
    @else
        <meta property="product:availability" content="in stock">
    @endif
    @if($product->offer)
        <meta property="product:condition" content="has offer">
    @elseif($product->is_new == 1)
        <meta property="product:condition" content="new">
    @elseif($product->most_wanted == 1)
        <meta property="product:condition" content="most wanted">
    @endif

    <meta property="product:price:amount" content="{{ $product->products_price }}">
    <meta property="product:price:currency" content="{{ $settings_currency ? $settings_currency : __('lang.currency') }}">
    {{-- <meta property="product:retailer_item_id" content="facebook_tshirt_001">
    <meta property="product:item_group_id" content="fb_tshirts"> --}}

@endpush

@section('content')
    @include('facebook-pixel::body')
    {{ \LaravelFacebookPixel::createEvent('ViewContent', $parameters = [
        "content_category"  =>  $product->category ?  $product->category->categories_title : '' ,
        //"content_ids"       =>  $product->products_id ,
        "content_name"      =>  $product->products_title ,
        "content_type"      =>  'product' ,
        "contents"          =>  $product->products_code ,
        "currency"          =>  $settings_currency ? $settings_currency : __('lang.currency') ,
        "value"             =>  $product->products_price ,
        // "product_catalog_id"=> 435959727892191 ,
        // "product"           => $product->products_id,
        "name"              => $product->products_title,
        "product_set_id"    => $product->products_id,
        // "product_group"           => $product->category ?  $product->category->categories_title : '',
    ]) }}
    {{-- Breadcrumb Section --}}
    @php
        $BreadcrumbPages = [] ; $BreadcrumbPage = [] ;
        $BreadcrumbPage['title'] = __('lang.home') ; $BreadcrumbPage['route'] = route('home') ; $BreadcrumbPage['color'] = 'text_3' ;
        $BreadcrumbPages[] = $BreadcrumbPage ;
        if(isset($product->category_series) && is_array($product->category_series)){
            foreach (($product->category_series) as $key => $categ ){
                $BreadcrumbPage['title'] = $categ->categories_title  ; $BreadcrumbPage['route'] = categoryRoute($categ);
                $BreadcrumbPage['color'] = $key+1 == sizeof($product->category_series) ? 'text_1' : 'text_3' ;
                $BreadcrumbPages[] = $BreadcrumbPage ;
            }
        }else{

            $BreadcrumbPage['title'] = $account->products_title ; $BreadcrumbPage['route'] = route('products') ; $BreadcrumbPage['color'] = 'text_3' ;
            $BreadcrumbPages[] = $BreadcrumbPage ;
            $BreadcrumbPage['title'] = __('lang.productDetails') ; $BreadcrumbPage['route'] = 'javascript:void(0)' ; $BreadcrumbPage['color'] = 'text_1' ;
            $BreadcrumbPages[] = $BreadcrumbPage ;
        }
    @endphp
    @include('components.breadcrumb',['pages'=> $BreadcrumbPages])

    @if($account->accounts_website_theme == 'theme6')
        @include('themes.theme6.pages.product')
    @elseif($account->accounts_website_theme == 'theme7')
        @include('themes.theme7.pages.product')
    @else
        {{-- Product Details --}}
        <section class="container product-details ">
            <div class="row mr-0 ml-0">

                <div class="col-12 {{ $account->accounts_website_theme == 'theme5' ? 'col-md-4 order-md-2 order-1' : 'col-md-5' }} product-details-img product-gallery-sticky px-0 mb-md-0 mb-3">

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

                </div>

                <div class="col-12 {{ $account->accounts_website_theme == 'theme5' ? 'col-md-8 order-md-1 order-2' : 'col-md-7 ps-4' }} product-details-info ">

                    {{-- title section  --}}
                    <h1 class="fb-700 text-transform-main px-0 font-24 d-block text_1 mb-3 capitalize">
                        {{ $product->products_title }}
                    </h1>

                    {{-- brand Section --}}
                    @if($product->brand)
                        <div class="border-bottom mb-2 pb-2">
                            <a aria-label="go to brand products" href="{{ $product->brand->brands_code && $product->brand->brands_slug ? route('brandProducts',['brands_code'=>$product->brand->brands_code,'brands_slug'=>$product->brand->brands_slug] ) : route('products',['brands'=>$product->brand->brands_id])}}" class="text_1 ">
                                <div  class=" font-18 mt-2 row mx-0 align-items-center justify-content-start">
                                    <div class="col-md-auto col-3 px-0 product-brand-logo">
                                        <img src="{{ $imagesBaseUrl.'uploads/'.env('accountId').'/brands/original/'.$product->brand->brands_img }}" alt="{{ $product->brand->brands_name }}" height="50" width="50" class="contain-img" loading="lazy">
                                    </div>
                                    <div class="col-md-auto px-0 ps-2 col-9 product-brand-title">
                                        {{ __('lang.similarProductsFrom') }}  <span> {{ $product->brand->brands_name }}</span>
                                    </div>
                                </div>
                            </a>
                        </div>
                    @endif

                    {{-- Product Rating  And Points --}}
                    @if($account->accounts_show_products_ratings || $product->products_points)
                        <div clas="border-bottom mb-2 pb-2">
                            @if($account->accounts_show_products_ratings)
                            <span class=" ">
                                @include('includes.rating-star',['value'=>$product->products_rating,'class'=>'font-22'])

                                {{-- <i class="fas fa-star-half-alt link-warning"></i> --}}
                                <span class="text_3 mx-3"  >{{  isset($pagination) ? $pagination->total : '0'  }} {{ __('lang.reviews') }}</span>
                            </span>
                            @endif

                            @if($product->products_points && $account->accounts_show_points)
                            <span class="product-points mt-md-0 mt-2 d-md-inline d-inline-block">
                                <img src="{{ asset('images/point-icon.png') }}" width="30px" alt="point-icon.png" >
                                {{ $product->products_points }} {{ str_contains($account->accounts_slug,'nasser') ? __('lang.points-n') : __('lang.points') }}
                            </span>
                            @endif
                        </div>
                    @endif

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

                    {{-- Product Price  --}}
                    <div clas="col-12 font-17 px-0 mx-0 ">

                        <div class="quantity-div d-block mt-3">

                            <div class="row m-0 flex align-items-center justify-content-center">
                                <div class="col-md-6 p-0 ">
                                    <span class="{{$product->products_price > 0 ? '' : 'd-none'}} ">
                                        {{-- <span class="d-block font-20 text-transform-main text_1 ">{{ strtoupper(__('theme5.price')) }}</span> --}}
                                        @if($product->offer && $product->offer->offers_additional_number == 0 && $product->offer->offers_main_number == 1)
                                            <div class="position-relative d-inline-block">
                                                <span class="product-details-price text_5 font-24 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-20 text_4 px-1"> @include('components.currency',['price'=>rtrim(rtrim(number_format( $product->products_price, 2, '.', ','), '0'), '.')]) </del>
                                            </div>

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

                                        <span class="text_4 font-14">( {{ __('lang.inclVat') }} )</span>
                                    </span>
                                </div>

                                {{-- Shipping component Web --}}
                                <div class="col-md-6 p-0 text_4 text-center d-flex align-items-center justify-content-center d-none d-md-block">
                                    @if($locale == 'ar')
                                        @php $image_url = $account && $account->accounts_img_rtl ? $imagesBaseUrl.'uploads/'.env('accountId').'/images/medium/'.$account->accounts_img_rtl : $imagesBaseUrl.'uploads/'.env('accountId').'/images/medium/'.$account->accounts_img_dashboard ; @endphp
                                    @else
                                        @php $image_url = $account && $account->accounts_img_ltr ? $imagesBaseUrl.'uploads/'.env('accountId').'/images/medium/'.$account->accounts_img_ltr : $imagesBaseUrl.'uploads/'.env('accountId').'/images/medium/'.$account->accounts_img_dashboard  ; @endphp
                                    @endif

                                    <img class="logo img-responsive img_contain contain-img" src="{{$image_url}}" alt="{{ isset($setting) ?  $setting->accounts_name : ''  }}" width="auto" height="20px" loading="lazy">
                                    <span class="text_4 font-14"> {{ __('lang.shippedBy') }} {{ isset($setting) ?  $setting->accounts_name : $account->accounts_name }}</span>
                                </div>

                            </div>
                        </div>

                    </div>
                    
                    {{-- Product Price Cart btn and Fav Btn --}}
                    <div clas="col-12 font-17 px-0 mx-0 ">

                        <div class="quantity-div d-block border-bottom mt-3 pb-3">

                            <div class="row m-0">

                                <div class="col-auto product-select">

                                    @if($product->products_type == 'weight' && $product->products_lowest_weight_available && $account->accounts_show_product_type)
                                    <select class="form-control col-md-3 col-12 text-left select2 border-1" id="product-count-{{$product->products_id }}"   >
                                        @php $weight = $product->products_lowest_weight_available  @endphp
                                        @while ($weight <= 10)
                                            <option value="{{number_format($weight, 3, '.', ' ')}}">{{number_format($weight, 3, '.', ' ')}} {{__('lang.kg')}}</option>
                                            @php $weight +=  $product->products_lowest_weight_available @endphp
                                        @endwhile
                                    </select>
                                    @else
                                    <div class=" input-group  product-quantity">
                                        <button type="button" class="input-group-text minus disable border-0" id="minus-btn-{{ $product->products_id }}" onClick="minusNumber('{{ $product->products_id }}')">
                                            <i class="polaris-max-icon-minus font-20"></i>
                                        </button>
                                        <input type="text" class="form-control input-number text_1" name="number" id="product-count-{{ $product->products_id }}" value="1">
                                        <button type="button" class="input-group-text plus border-0" id="plus-btn-{{ $product->products_id }}" onClick="plusNumber('{{ $product->products_id }}')" >
                                            <i class="polaris-max-icon-plus font-20"></i>
                                        </button>
                                    </div>
                                    @endif
                                </div>
                                @if($product->products_available)
                                    <button type="button" class="btn background_1 text_2 main-btn px-2 fb-500 col-auto font-16" onClick="addProductToCart('{{ $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_1 text_1 mt-2 mt-md-0 px-2 fb-500 col-auto font-16" > {{ __('lang.productNotAvailable') }}   </button>
                                @endif

                                <div class="col-auto ">
                                    <form method="get" action="{{route('updateFavs')}}" class="d-inline h-100 w-100" id="updateFavs">
                                        @if(session()->has('customer'))
                                            @csrf
                                            <input type="hidden" name="accountId" value="{{env('accountId')}}" >
                                            <input type="hidden" name="productId" value="{{ $product->products_id }}" >

                                        @endif