@extends('customer.layout.master')

@section('pageTitle', (isset($pageTitle)) ? $pageTitle : config('app.APP_NAME') )
@section('pageDescription', (isset($pageDescription)) ? $pageDescription : config('app.APP_NAME') )
@section('pageKeywords', (isset($pageKeywords)) ? $pageKeywords : config('app.APP_NAME') )
@section('noIndex', $product->status == 0 ? true : '')

@section('content')
    <script defer src="https://cdn.jsdelivr.net/npm/ez-plus-extended@1.0.2/src/jquery.ez-plus.min.js"></script>
    <div id="ctm-pdp-page" class="container-fluid">

        @if (isset($product))
            @include('customer.common.breadcrums', ['url_path' => $product->url_postfix, 'name' => $product->name])
        @endif

        <div class="row">
            <div class="col-sm-12 col-xs-12 col-md-6 px-sm-4 mb-5 mb-md-0">
                @include('customer.product.media-gallery')
            </div>
            <div class="col-sm-12 col-xs-12 col-md-6 px-md-6 product-info">
                @include('customer.product.product-info')
            </div>
        </div>
        <div class="row mb-4 px-0">
            @if(count($product->getRelatedProducts()))
                @include('customer.product.related-product', ['items' => $product->getRelatedProducts()])
            @endif
            @if(count($product->getUpSellingProducts()))
                @include('customer.product.up-selling-product', ['items' => $product->getUpSellingProducts()])
            @endif
            @if(count($product->getCrossSellingProducts()))
                @include('customer.product.cross-selling-product', ['items' => $product->getCrossSellingProducts()])
            @endif
        </div>
    </div>

    @if($product->getPdpDescription())
        <style type="text/css">{!! $product->getPdpDescriptionStyle() !!}</style>
        <div class="col-12 text-center justify-content-center">
            {!! $product->getPdpDescription() !!}
        </div>
    @endif

    <script defer type="text/javascript" src="{{asset('/js/product/product.js')}}"></script>

    @include('customer.schemas.pdp', ['product' => $product])
@endsection