<?php include __DIR__ . '/includes/header.php'; $sent=!empty($_GET['sent']); ?>
<div class="container ugfx-page-shell">
  <section class="ugfx-page-hero-card mb-4">
    <div class="kicker">Join Underground FX</div>
    <h1 class="section-title">Join the Team</h1>
    <p class="section-subtitle text-start ms-0">Bring your voice, your production skills or your station energy into the Underground FX lineup.</p>
  </section>

  <?php if($sent): ?><div class="alert alert-success mb-4">Your application has been sent.</div><?php endif; ?>

  <div class="row g-4">
    <div class="col-lg-7">
      <div class="ugfx-form-shell h-100">
        <div class="kicker">Application form</div>
        <h3>Apply to become part of the station</h3>
        <form method="post" action="send_join.php" enctype="multipart/form-data" class="mt-3">
          <div class="row g-3">
            <div class="col-md-6"><label>Your name</label><input class="form-control" name="name" placeholder="Your name" required></div>
            <div class="col-md-6"><label>Your email</label><input class="form-control" name="email" type="email" placeholder="Your email" required></div>
            <div class="col-md-6"><label>Role</label><input class="form-control" name="role" placeholder="Role you are interested in" required></div>
            <div class="col-md-6"><label>Experience</label><input class="form-control" name="experience" placeholder="Your experience level" required></div>
            <div class="col-12"><label>Why join?</label><textarea class="form-control" name="why" rows="6" placeholder="Why do you want to join?" required></textarea></div>
            <div class="col-12"><label>Demo upload</label><input class="form-control" type="file" name="demo" accept="audio/*"></div>
          </div>
          <button class="btn btn-primary mt-3">Send Application</button>
        </form>
      </div>
    </div>
    <div class="col-lg-5">
      <div class="ugfx-card h-100">
        <div class="kicker">What we want</div>
        <h3>Bring real personality</h3>
        <p>Underground FX suits people with voice, taste, energy and consistency. DJs, producers, promo helpers, community mods and support crew all fit.</p>
        <div class="ugfx-meta-row">
          <span class="ugfx-meta-pill"><i class="bi bi-mic-fill"></i> DJs</span>
          <span class="ugfx-meta-pill"><i class="bi bi-sliders"></i> Production</span>
          <span class="ugfx-meta-pill"><i class="bi bi-megaphone"></i> Promo help</span>
          <span class="ugfx-meta-pill"><i class="bi bi-people-fill"></i> Community</span>
        </div>
        <div class="ugfx-callout mt-4"><p class="mb-0">You can also jump into Discord first, meet the crew, then send in a formal application when ready.</p></div>
        <div class="ugfx-cta-actions"><a href="https://discord.gg/hA2uWMpCT8" target="_blank" rel="noopener" class="btn btn-outline-light">Join Discord</a></div>
      </div>
    </div>
  </div>
</div>
<?php include __DIR__ . '/includes/footer.php'; ?>