@extends('frontend::config.master')
@section('title')

@section('style')

@endsection
@section('content')
    <main class="bg-all min-h-[88vh]">
        <div class="py-8 lg:py-12">
            <div class="container ">
                <div class="flex items-center space-x-1">
                    <x-frontend::breadcrumbs.BreadcrumbsBasic :datas="$pageNav"></x-frontend>
                </div>
                @php
                    $image_main = [
                        [
                            'id' => $detail['id'],
                            'image' => $detail['img'],
                            'title' => $detail['title'],
                        ],
                    ];
                    $productCards = array_merge($image_main, $detail['gallery'] ?? []);
                @endphp
                <div class="flex flex-wrap m-[-1rem] pt-8">
                    <div class=" w-full lg:w-1/2 p-4">
                        @include('frontend::layouts.product.ProductDetailThumbnails')
                    </div>
                    <div class="w-full lg:w-1/2 p-4">
                        <h2 class="home-title mb-2">{{ $detail['title'] ?? '' }}</h2>
                        {!! $detail['detail'] ?? '' !!}
                    </div>
                </div>
            </div>
        </div>
    </main>
@endsection

@section('script')
    <script src="{{ Module::asset('frontend:js/product.min.js') }}"></script>

@endsection