{layout @layout}
{block title}{$title} | {siteTitle}{/block}
{block content}
{import forms.html}
<link rel="stylesheet" href="public/css/contactform/style.css">
{ifset $flash['success']}
<div class="w3-panel w3-green w3-display-container">
     <span onclick="this.parentElement.style.display='none'" class="w3-button w3-display-topright">&times;</span>
     <p>{$flash['success']}</p>
</div>
{/ifset}
<div class="w3-row">
  <div class="w3-col m3 l2">
    &nbsp;
  </div>
  <div class="w3-card w3-col m6 l8">
    <header class="w3-container w3-indigo">
      <h1>{_}contact_us{/_}</h1>
    </header>
    <form action="{=BASE_URL}contact" method="post" enctype="multipart/form-data" class="w3-container">
      {ifset $errors}
      <div class="w3-panel w3-padding w3-red">
        {_}correct_following_errors{/_}
      </div>
      {/ifset}
      <div class="w3-section w3-padding w3-text-dark-grey">
        <label for="name">{_}contact.name{/_}</label>
        {include input, name: 'name', value: $name, class: 'w3-input', autocomplete: 'on' }
        <p class="w3-text-red" n:ifcontent>{$errors['name']}</p>
      </div>
      <div class="w3-section w3-padding w3-text-dark-grey">
        <label for="subject">{_}contact.subject{/_}</label>
        {include input, name: 'subject', value: $subject, class: 'w3-input' }
        <p class="w3-text-red" n:ifcontent>{$errors['subject']}</p>
        {include input, name: 'phone', class: 'c5-center', autocomplete: 'off' }
      </div>
      <div class="w3-section w3-padding w3-text-dark-grey">
        <label for="email">{_}contact.email{/_}</label>
        {include input, name: 'email', value: $email, type: 'email', class: 'w3-input', utocomplete: 'on' }
        <p class="w3-text-red" n:ifcontent>{$errors['email']}</p>
        {include input, name: 'token', value: $token, type: 'hidden'}
      </div>
      <div class="w3-section w3-padding w3-text-dark-grey">
        <label for="message">{_}contact.message{/_}</label>
        {include textarea, name: 'message', value: $message, class: 'w3-input' }
        <p class="w3-text-red" n:ifcontent>{$errors['message']}</p>
      </div>
      <div class="w3-section w3-padding w3-text-dark-grey">
        <label for="antispam_answer">{$question}</label>
        {include input, name: 'antispam_answer', required: true, class: 'w3-input' }
        <p class="w3-text-red" n:ifcontent>{$errors['antispam_answer']}</p>
      </div>
      <div class="w3-margin">
        {include input, name: 'save', value: ( 'contact.send'|translate ), type: 'submit', class: 'w3-btn w3-green w3-block'}
      </div>
    </form>
  </div>
  <div class="w3-col m3 l2">
    &nbsp;
  </div>
</div>
<br>
{/block}