<?php
/* Template Name: Contact */
get_header(); ?>
<section class="section">
  <div class="container">
    <h1>Contact & Enrollment</h1>
    <div class="grid-2" style="margin-top:1rem">
      <div class="card">
        <h3>Get Started</h3>
        <p>Serving Orange County • In-home • Studio • Online</p>
        <ul>
          <li>Hours: Mon–Fri 2–8 PM • Sat–Sun 8 AM–2 PM</li>
          <li>Call/WhatsApp: <a href="tel:9496271695">949-627-1695</a></li>
          <li>Email: <a href="mailto:info@musicogroove.com">info@musicogroove.com</a></li>
        </ul>
        <p><a class="btn" href="<?php echo esc_url(home_url('/pricing/')); ?>">See Pricing</a></p>
      </div>
      <div class="card">
        <h3>Quick Form</h3>
        <?php if ( shortcode_exists('contact-form-7') ) : ?>
          <?php echo do_shortcode('[contact-form-7 id="new" title="Quick Form"]'); ?>
        <?php else: ?>
          <form action="#" method="post" onsubmit="alert('Connect your form plugin to handle submissions.'); return false;">
            <label>Name<br><input required type="text" style="width:100%;padding:.7rem;border-radius:10px;border:1px solid #ccd"></label><br><br>
            <label>Email<br><input required type="email" style="width:100%;padding:.7rem;border-radius:10px;border:1px solid #ccd"></label><br><br>
            <label>Instrument<br>
              <select style="width:100%;padding:.7rem;border-radius:10px;border:1px solid #ccd">
                <option>Piano</option><option>Guitar/Bass</option><option>Drums</option><option>Violin/Strings</option><option>Flute/Winds</option><option>Voice</option><option>Music Production</option>
              </select>
            </label><br><br>
            <button class="btn" type="submit">Request Enrollment</button>
          </form>
          <p style="font-size:.9rem;opacity:.8;margin-top:.5rem">If you use Elementor/CF7, place the shortcode here.</p>
        <?php endif; ?>
      </div>
    </div>
  </div>
</section>
<?php get_footer(); ?>
