<%- include('partials/header') %>
<section class="page-header">
  <div class="container">
    <h1>Contact Us</h1>
  </div>
</section>
<section class="content-page container">
  <div class="contact-grid">
    <div>
      <% if (typeof success !== 'undefined' && success) { %><div class="alert alert-success"><%= success %></div><% } %>
      <h2>Get in Touch</h2>
      <form action="/contact" method="POST">
        <div class="form-group">
          <label>Your Name</label>
          <input type="text" name="name" required>
        </div>
        <div class="form-group">
          <label>Email</label>
          <input type="email" name="email" required>
        </div>
        <div class="form-group">
          <label>Message</label>
          <textarea name="message" required></textarea>
        </div>
        <button type="submit" class="btn btn-primary">Send Message</button>
      </form>
    </div>
    <div>
      <h2>Contact Information</h2>
      <div style="background:#1a1a1a;border:1px solid #2a2a2a;padding:30px;">
        <p style="margin-bottom:16px;"><strong style="color:#d4a574;">Email:</strong><br><%= settings.contactEmail %></p>
        <p style="margin-bottom:16px;"><strong style="color:#d4a574;">Phone:</strong><br><%= settings.contactPhone %></p>
        <p style="margin-bottom:16px;"><strong style="color:#d4a574;">Address:</strong><br><%= settings.address %></p>
        <p><strong style="color:#d4a574;">Hours:</strong><br>Sat - Thu: 9:00 AM - 8:00 PM<br>Friday: Closed</p>
      </div>
    </div>
  </div>
</section>
<%- include('partials/footer') %>
