@extends('layouts.app')
@section('content')
    <section class="relative ">
        <div class="w-full mx-auto px-4 sm:px-6 lg:px-0">
            <div class="grid grid-cols-1 lg:grid-cols-2 gap-16 mx-auto max-md:px-2 ">
                <div class="img">
                    <div class="img-box h-full max-lg:mx-auto ">
                        <img src="{{ $product->thumbnail }}" alt="Yellow Tropical Printed Shirt image"
                             class="max-lg:mx-auto lg:ml-auto h-full object-cover">
                    </div>
                </div>
                <div
                    class="data w-full lg:pr-8 pr-0 xl:justify-start justify-center flex items-center max-lg:pb-10 xl:my-2 lg:my-5 my-0">
                    <div class="data w-full max-w-xl">
                        <h2 class="font-manrope font-bold text-3xl leading-10 text-gray-900 mb-2 capitalize">{{ $product->name }}</h2>
                        <div class="flex flex-col sm:flex-row sm:items-center mb-6">
                            <h6
                                class="font-manrope font-semibold text-2xl leading-9 text-gray-900 pr-5 mr-5">
                                {{ $product->price }}€</h6>

                        </div>
                        <p class="text-gray-500 text-base font-normal mb-5 prose">
                            {!! Purify::clean($product->description) !!}
                        </p>

                        <div class="flex items-center gap-3 mt-5">
                            <a href="{{ $product->url }}" target="_blank" rel="noopener noreferrer"
                                class="text-center w-full px-5 py-4 rounded-[100px] bg-indigo-600 flex items-center justify-center font-semibold text-lg text-white shadow-sm transition-all duration-500 hover:bg-indigo-700 hover:shadow-indigo-400">
                                Acheter maintenant
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

@endsection