@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">
        <p class="m-4 text-green-dark">
            {{$product->title}}
        </p>
        <img class="w-48 border" src="{{$preview_url}}">

        <a href="{{$pdf_url}}" class="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 mt-2">Télécharger</a>

    </div>

  <!--  <div class="spinner">
        <div class="double-bounce1"></div>
        <div class="double-bounce2"></div>
    </div>
-->

@endsection