{{ partial:partials/only-nav-hero }}

<div class="container">
    <h2 class="center mb-3 mt-4"><span>Contact</span> Us</h2>
    <div class="content-box single">
        {{ form:create in="contact_us" }}



        {{ if errors }}
        <p><strong>Errors:</strong></p>
        <ul>
        {{ errors }}
        <li>{{ value }}</li>
        {{ /errors }}
        </ul>
        {{ /if }} {{ if success }}
        <p>{{ success }}</p>
        {{ /if }}

        <div class="contact-form">
            <div class="input-group">
                <input
                    type="text"
                    placeholder="Name"
                    name="name"
                    value="{{ old:name }}"
                />
                <input
                    type="email"
                    placeholder="Your Email"
                    name="email"
                    value="{{ old:email }}"
                />
            </div>
            <div class="input-group">
                <input
                    type="text"
                    placeholder="Subject"
                    name="subject"
                    value="{{ old:subject }}"
                />
        </div>
        <p class="input-note">
            <strong>Note:</strong> If you're contacting us about your game, be
            sure to include a link to a Google Drive or Dropbox with files and
            information you wanna show us.
        </p>

        <div class="input-group">
            <textarea style="margin-bottom: 2em;" placeholder="Message..." name="message">{{ old:message }}</textarea>
        </div>
        <input
            type="text"
            name="{{ honeypot ?? 'honeypot' }}"
            style="display: none"
        />

        {{ captcha }}

        {{ if error:captcha }}
             <p>{{ error:captcha }}</p>
        {{ /if }}

        <button type="submit" class="button">Send</button>

        {{ /form:create }}

    </div>
</div>

</div>


{{ partial:partials/waves }}