<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title><%= title %> - Farm Products</title>
  <link rel="stylesheet" href="/css/style.css">
</head>
<body>
  <%- include('partials/navbar') %>

  <section class="page-header">
    <div class="container">
      <h1><%= page.title %></h1>
    </div>
  </section>

  <section class="content-section">
    <div class="container">
      <div class="contact-wrapper">
        <div class="contact-info">
          <h2>Get in Touch</h2>
          <div class="info-item">
            <h3>📍 Address</h3>
            <p><%= page.address %></p>
          </div>
          <div class="info-item">
            <h3>📞 Phone</h3>
            <p><%= page.phone %></p>
          </div>
          <div class="info-item">
            <h3>✉️ Email</h3>
            <p><%= page.email %></p>
          </div>
          <div class="info-item">
            <h3>🕒 Business Hours</h3>
            <p><%= page.hours %></p>
          </div>
        </div>

        <div class="contact-form-wrapper">
          <h2>Send us a Message</h2>
          <form action="/contact" method="POST" class="contact-form">
            <div class="form-group">
              <label for="name">Name *</label>
              <input type="text" id="name" name="name" required>
            </div>

            <div class="form-group">
              <label for="email">Email *</label>
              <input type="email" id="email" name="email" required>
            </div>

            <div class="form-group">
              <label for="subject">Subject *</label>
              <input type="text" id="subject" name="subject" required>
            </div>

            <div class="form-group">
              <label for="message">Message *</label>
              <textarea id="message" name="message" rows="6" required></textarea>
            </div>

            <button type="submit" class="btn btn-primary">Send Message</button>
          </form>
        </div>
      </div>
    </div>
  </section>

  <%- include('partials/footer') %>
</body>
</html>
