<?php include 'includes/header.php'; ?>
<div class="container ugfx-page-shell">
  <section class="ugfx-page-hero-card mb-4">
    <div class="kicker">Get in touch</div>
    <h1 class="section-title">Contact Underground FX</h1>
    <p class="section-subtitle text-start ms-0">Got a question, booking enquiry, shoutout, technical issue or partnership idea? Send it through below.</p>
  </section>

  <?php if (!empty($_GET['sent'])): ?><div class="alert alert-success mb-4">Thanks — your message has been sent.</div><?php endif; ?>

  <div class="row g-4">
    <div class="col-lg-7">
      <div class="ugfx-form-shell">
        <div class="kicker">Contact form</div>
        <h3>Send a message</h3>
        <form method="POST" action="api/send-contact.php" class="mt-3">
          <div class="mb-3"><label for="name">Your Name</label><input type="text" name="name" id="name" class="form-control" required></div>
          <div class="mb-3"><label for="email">Your Email</label><input type="email" name="email" id="email" class="form-control" required></div>
          <div class="mb-3"><label for="message">Message</label><textarea name="message" id="message" class="form-control" rows="6" placeholder="Type your message here..." required></textarea></div>
          <button type="submit" class="btn btn-primary">Send Message</button>
        </form>
      </div>
    </div>
    <div class="col-lg-5">
      <div class="ugfx-card h-100">
        <div class="kicker">Quick routes</div>
        <h3>Fast ways into the station</h3>
        <div class="d-grid gap-3 mt-3">
          <a class="ugfx-link-tile" href="https://discord.gg/hA2uWMpCT8" target="_blank" rel="noopener"><span><strong>Discord</strong><br><small>Join the wider community chat</small></span><i class="bi bi-discord"></i></a>
          <a class="ugfx-link-tile" href="/requests.php"><span><strong>Requests</strong><br><small>Send a song request or dedication</small></span><i class="bi bi-music-note-list"></i></a>
          <a class="ugfx-link-tile" href="/team.php"><span><strong>Join Us</strong><br><small>Apply for the team</small></span><i class="bi bi-person-plus"></i></a>
        </div>
      </div>
    </div>
  </div>
</div>
<?php include 'includes/footer.php'; ?>