<%- include('../includes/main/head.ejs')%>
<link rel='stylesheet' href='/css/product.css' />
<link rel='stylesheet' href='/css/form.css' />
</head>
    <body>
        <%- include('../includes/main/navigation.ejs')%>
        <main class="centered">
            <h1 class='product__title'><%= product.title %></h1>
            <hr>
            <br>
            <div class="card__image">
                <img src="<%= product.imageUrl %>" alt='A book'>
            </div>
            <h2 class="product__price"> R$ <%= product.price %> </h2>
            <p class="product__description"><%= product.content %></p>
            <%- include('../includes/comps/add-cart-form.ejs', {product:product})%>
        </main>
        <%- include('../includes/main/end.ejs')%>