{extends Layout}

{block content}
<article>
	<header class="section background-white">
		<div class="line text-center">
			<h1 class="text-dark text-s-size-30 text-m-size-40 text-l-size-headline text-thin text-line-height-1">{widget ArtWorkTitle}</h1>
		</div>
	</header>

	{include FlashMessages}

	<div class="line">
		<div class="margin">
			<div class="s-12 m-12 l-8 margin-m-bottom">
				{widget ArtWorkPhotos, "ArtWorkPhotos"}
			</div>

			<div class="s-12 m-12 l-4 margin-m-bottom">
				<div class="artwork-description">
					{widget ArtWorkDescription}
				</div>

				{widget ArtWorkFormHandler}
				<form name="contactForm" class="customform artwork-form" method="post">
					<div class="s-12">
						<div class="margin">
							<div class="s-12 m-12 l-6">
								<input name="name" class="name" placeholder="{% Vaše meno}" title="{% Vaše meno}" type="text" required>
								<p class="name-error form-error">{% Prosím zadajte Vaše meno}</p>
							</div>
							<div class="s-12 m-12 l-6">
								<input name="email" class="required email" placeholder="{% Váš email}" title="{% Váš email}" type="email" required>
								<p class="email-error form-error">{% Prosím zadajte Váš email}.</p>
							</div>
						</div>
					</div>

					<div class="s-12">
						<textarea name="message" class="required message" placeholder="{% Vaša správa}" rows="7" required></textarea>
						<p class="message-error form-error">{% Zadajte }</p>
					</div>

					<div class="s-12"><button class="s-12 submit-form button background-primary text-white" type="submit">{% Odoslať}</button></div>
				</form>
			</div>
		</div>
	</div>
</article>
{/block}