@extends('layouts.app')



@section('content')

    <div class="flex items-center w-full pin-t bg-white h-16 shadow">
        <div class="flex mx-2">
            <a href="{{route('products')}}"><img src="{{asset('storage/logo.png')}}" class="h-12"></a>
        </div>
        <div class="flex">
            <p class="text-green-dark font-bold px-3">Votre plateforme Web to Print personnalisée à votre image</p>
        </div>
    </div>

    <div class="flex flex-col justify-center items-center text-center mt-8">

        <img class="w-48 border" src="{{asset('storage/images/products/'.$product->image)}}">
        <h2 class="m-4 text-green-dark">
            {{$product->title}}
        </h2>
        <p class="m-4 text-grey-dark">
            {{$product->description}}
        </p>

        <form method="post" action="{{route('customize', $product)}}" >
            @method('PUT')
            @csrf

            <button class=" no-underline text-sm px-4 py-2 leading-none border rounded text-green-dark border-green-dark hover:border-green-dark hover:text-white hover:bg-green-dark mt-4 lg:mt-0" type="submit">Personnaliser</button>
        </form>

    </div>





@endsection