@php
    $title = ___($product, 'title') ?: ($product->page_title ?: __('alts.product'));
    $description = ___($product, 'description');
    $gallery = $product->galleryUrls();
    $pivot = $product->categories->first();
    $category = $pivot?->category;
    $categoryTitle = $category ? ___($category, 'title') : '';
    $categoryUrl = $category
        ? __url('/shop') . '?category=' . urlencode($category->slug ?: (string) $category->id)
        : __url('/shop');
    $soldOut = $product->isSoldOut();
    $comingSoon = (int) $product->stage === \App\Models\Products::STAGE_COMING_SOON;
    $metaDescription = ___($product, 'meta_description')
        ?: \Illuminate\Support\Str::limit(trim(strip_tags((string) $description)), 160);
@endphp
@extends("layouts.public")
@section("meta")
    @include('includes.seo-meta', [
        'slug' => 'shop',
        'path' => '/shop/' . ($product->slug ?: $product->id),
        'defaults' => [
            'title' => ($product->page_title ?: $title) . ' - ' . config('app.name'),
            'description' => $metaDescription,
        ],
    ])
    @push('json_ld')
        @include('includes.json-ld-graphs', [
            'graphs' => [
                schema_breadcrumb([
                    ['name' => __('public.breadcrumb.home'), 'url' => schema_absolute_url('/')],
                    ['name' => __('public.breadcrumb.shop'), 'url' => schema_absolute_url('/shop')],
                    ['name' => $title, 'url' => schema_absolute_url('/shop/' . ($product->slug ?: $product->id))],
                ]),
            ],
        ])
    @endpush
@endsection

@section("content")
    @include('includes.corano-breadcrumb', [
        'crumbs' => [
            ['label' => __('public.breadcrumb.shop'), 'url' => __url('/shop')],
            ['label' => $title],
        ],
    ])

    <div class="shop-main-wrapper section-padding pb-0">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="product-details-inner">
                        <div class="row">
                            <div class="col-lg-5">
                                @if(count($gallery))
                                    <div class="product-large-slider">
                                        @foreach($gallery as $image)
                                            <div class="pro-large-img img-zoom">
                                                <img src="{{ $image }}" alt="{{ $title }}">
                                            </div>
                                        @endforeach
                                    </div>
                                    @if(count($gallery) > 1)
                                        <div class="pro-nav slick-row-10 slick-arrow-style">
                                            @foreach($gallery as $image)
                                                <div class="pro-nav-thumb">
                                                    <img src="{{ $image }}" alt="">
                                                </div>
                                            @endforeach
                                        </div>
                                    @endif
                                @endif
                            </div>
                            <div class="col-lg-7">
                                <div class="product-details-des">
                                    @if($categoryTitle)
                                        <div class="manufacturer-name">
                                            <a href="{{ $categoryUrl }}">{{ $categoryTitle }}</a>
                                        </div>
                                    @endif
                                    <h1 class="product-name">{{ $title }}</h1>
                                    <div class="price-box">
                                        <span class="price-regular">{{ money($product->price) }}</span>
                                        @if((int) $product->original_price > (int) $product->price)
                                            <span class="price-old"><del>{{ money($product->original_price) }}</del></span>
                                        @endif
                                    </div>
                                    @if($soldOut)
                                        <div class="availability">
                                            <i class="fa fa-times-circle"></i>
                                            <span>{{ __('public.shop.sold_out') }}</span>
                                        </div>
                                    @elseif($comingSoon)
                                        <div class="availability">
                                            <i class="fa fa-clock"></i>
                                            <span>{{ __('public.shop.coming_soon') }}</span>
                                        </div>
                                    @endif
                                    @if(!$soldOut && !$comingSoon)
                                        <div class="quantity-cart-box d-flex align-items-center">
                                            <div class="quantity">
                                                <div class="pro-qty">
                                                    <input type="text" name="quantity" value="1" inputmode="numeric">
                                                </div>
                                            </div>
                                            <div class="action_link">
                                                <button type="button" class="btn btn-cart2 to-cart" data-id="{{ $product->id }}" data-item="product">
                                                    {{ __('public.shop.add_to_cart') }}
                                                </button>
                                            </div>
                                        </div>
                                    @endif
                                    @if($description)
                                        <div class="shop-product-description">
                                            @if(str_contains($description, '<'))
                                                {!! rich_html($description) !!}
                                            @else
                                                <p>{!! nl2br(e($description)) !!}</p>
                                            @endif
                                        </div>
                                    @endif
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    @if($related->count())
        <section class="related-products section-padding">
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        <div class="section-title text-center">
                            <h2 class="title">{{ __('public.shop.related') }}</h2>
                        </div>
                    </div>
                </div>
                <div class="shop-product-wrap grid-view row mbn-30">
                    @foreach($related as $relatedProduct)
                        @include('pages.shop.partials.product-card', ['product' => $relatedProduct])
                    @endforeach
                </div>
            </div>
        </section>
    @endif
@endsection