@extends('layouts.index')

@push('metatags')
    <title> {{ $product->trans[0]->products_seo_title ? $product->trans[0]->products_seo_title  :$product->trans[0]->products_title }}</title>
    <meta name="description" content="  {{ $product->trans[0]->products_seo_desc ? $product->trans[0]->products_seo_desc : str_limit(strip_tags($product->trans[0]->products_desc), 160, '...')  }} ">
    <meta name="keywords" content="{{$product->trans[0]->products_seo_keyword}}">
    <meta property="og:title" content="{{ $product->trans[0]->products_seo_title ? $product->trans[0]->products_seo_title  :$product->trans[0]->products_title  }}">
    <meta property="og:description" content=" {{ $product->trans[0]->products_seo_desc ? $product->trans[0]->products_seo_desc : str_limit(strip_tags($product->trans[0]->products_desc), 160, '...') }}">
    <meta property="og:url" content="{{ url()->full() }}">
    <meta property="og:site_name" content="{{ $account->accounts_name }}" />
    <meta property="og:type" content="product" />
    <meta property="og:image:type" content="image/jpeg" />
    <meta property="og:image" content="{{ $product->products_img ? $imagesBaseUrl.'uploads/'.env('accountId').'/products/original/'.$product->products_img  : $imagesBaseUrl.'img/no-image.png'  }}" />

    <meta property="product:brand" content="{{ isset($product->brand) && $product->brand ? $product->brand->brands_name : '' }}">
    @if((sizeof($product->products_choices) <= 0 && $product->stock <= 0) && $account->accounts_show_stocks == '1' )
        <meta property="product:availability" content="out of stock">
    @elseif( (sizeof($product->products_choices) > 0 && $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->trans[0]->categories_title : '' ,
        //"content_ids"       =>  $product->products_id ,
        "content_name"      =>  $product->trans[0]->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->trans[0]->products_title,
        "product_set_id"    => $product->products_id,
        // "product_group"           => $product->category ?  $product->category->trans[0]->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 $categ ){
                $BreadcrumbPage['title'] = $categ->trans[0]->categories_title  ; $BreadcrumbPage['route'] = categoryRoute($categ);
                $BreadcrumbPage['color'] = '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')
    @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 px-0 mb-md-0 mb-3">
                    <div id="my-gallery" class="vanilla-zoom row m-0">
                        <div class="text-center product-details-video col-12 d-none " id="product_video" >
                            @if($product->products_video)
                            @php
                                $video_url = convertToEmbedUrl($product->products_video, 0, 1, 0);
                            @endphp
                            <iframe width="100%" height="auto" id="iframe_video" class="mt-4"
                                src="{{$video_url}}" frameborder="0"
                            allowfullscreen allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture">
                            </iframe>
                            @endif
                        </div>