@extends('website.layouts.layouts')
@section('customized_meta')
    <!------ page meta tag ------->
    <meta name="description" content="{{$og->description?$og->description:$mainOpenGraph->description}}">
    <meta name="keywords" content="{{$og->key_words?$og->key_words:$mainOpenGraph->key_words}}">
    <!--------------------------->
    <!------ open graph meta tag ------->

    <meta property="og:type"content="{{$og->openGraph->og_type?$og->openGraph->og_type:$mainOpenGraph->openGraph->og_type}}">
    <meta property="og:title"content="{{$og->openGraph->og_title?$og->openGraph->og_title:$mainOpenGraph->openGraph->og_title}}">
    <meta property="og:description"content="{{$og->openGraph->og_description?$og->openGraph->og_description:$mainOpenGraph->openGraph->og_description}}">
    <meta property="og:url"content="{{$og->openGraph->og_url?$og->openGraph->og_url:$mainOpenGraph->openGraph->og_url}}">
    <meta property="og:site_name"content="{{$og->openGraph->og_site_name?$og->openGraph->og_site_name:$mainOpenGraph->openGraph->og_site_name}}">


    @if($og->openGraph->image_url)
        <meta property="og:image"content="{{$og->openGraph->image_url}}">
    @elseif($mainOpenGraph->openGraph->image_url)
        <meta property="og:image"content="{{$mainOpenGraph->openGraph->image_url}}">
    @elseif($og->openGraph->og_image_id)
        <meta property="og:image"content="{{asset("/storage/uploads/".$og->openGraph->image->dir_name.'/'.$og->openGraph->image->name)}}">
    @elseif($mainOpenGraph->openGraph->og_image_id)
        <meta property="og:image"content="{{asset("/storage/uploads/".$mainOpenGraph->openGraph->image->dir_name.'/'.$mainOpenGraph->openGraph->image->name)}}">
    @endif

    <!------------->
@endsection
@section('content')
    <!-- start details page -->
    <div class="product-details-page">
        <div class="page-body">
            <div class="container">
                <div class="body-images">
                    <!-- <div class="fotorama" data-direction="rtl" data-fit="cover" data-nav="thumbs" data-allowfullscreen="true"> -->
                    <div class="fotorama" data-direction="ltr" data-fit="cover" data-nav="thumbs" data-allowfullscreen="true">
                        @if($product)
                            @foreach($product->image as $product_images)
                                <a href="./images/products/division-1/product-1/1.jpg">
                                    <img src="/storage/uploads/product/{{$product_images->image}}">
                                </a>
                            @endforeach
                        @else
                        @endif

                        {{--<a href="{{asset("website/images/products/division-1/product-1/1.jpg")}}">
                            <img src="{{asset("website/images/products/division-1/product-1/1.jpg")}}">
                        </a>
                        <a href="{{asset("website/images/products/division-1/product-1/2.jpg")}}">
                            <img src="{{asset("website/images/products/division-1/product-1/2.jpg")}}">
                        </a>
                        <a href="{{asset("./images/products/division-1/product-1/3.jpg")}}">
                            <img src="{{asset("./images/products/division-1/product-1/3.jpg")}}">
                        </a>
                        <a href="{{asset("./images/products/division-1/product-1/4.jpg")}}">
                            <img src="{{asset("./images/products/division-1/product-1/4.jpg")}}">
                        </a>
                        <a href="{{asset("./images/products/division-1/product-1/5.jpg")}}">
                            <img src="{{asset("./images/products/division-1/product-1/5.jpg")}}">
                        </a>--}}
                    </div>
                </div>
            </div>
            <div class="container">
                <div class="body-text">
                    <div class="main-heading" data-aos="fade-up" data-aos-duration="1500">
                        <p>
                           {{$product->{'product_'.HelperClass::currentLang()}->title}}
                        </p>

                        <p>
                            {{$product->{'product_'.HelperClass::currentLang()}->description}}
                        </p>
                    </div>

                    <div class="specifications" data-aos="zoom-in-up" data-aos-duration="1500">
                        <div class="title">
              <span>
                {{--Product specifications--}}{{trans("trans.product_details_specification")}}
              </span>
                        </div>
                        {{--<ul>
                            <li>
                                <i class="feather icon-check-circle"></i>
                                <p>

                                </p>
                            </li>
                        </ul>--}}
                         {!! $product->{'product_'.HelperClass::currentLang()}->specification !!}
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- end details page -->
@endsection