<?php
require_once __DIR__ . '/includes/functions.php';
require_once __DIR__ . '/includes/data/testimonials.php';

$pageTitle       = 'Contact Us - US Business Funding Solutions';
$pageDescription = 'Get in touch with our funding specialists. Tell us about your funding needs and one of our professionals will contact you promptly.';
$activePage      = 'contact.php';

require __DIR__ . '/includes/header.php';
?>
      <!-- ============================================================= hero -->
      <section class="section section--top">
        <div class="container">
          <div class="center stack-xl animate-fade-in">
            <div>
              <h1 class="title-xl" style="margin-bottom: 1.5rem">
                Contact Our <span class="gradient-text">Funding Experts</span>
              </h1>
              <p class="lead lead--lg measure">
                Ready to secure funding for your business? Our team of professionals is here to help you navigate the
                funding process and achieve your financial goals.
              </p>
            </div>
          </div>
        </div>
      </section>

      <!-- ===================================================== contact form -->
      <section class="section">
        <div class="container">
          <div class="measure-lg" style="max-width: 48rem">
            <div class="stack-xl animate-fade-in">
              <div>
                <h2 class="title-lg" style="margin-bottom: 1rem">Send Us a Message</h2>
                <p class="lead lead--lg">
                  Fill out the form below and one of our funding specialists will contact you.
                </p>
              </div>

              <div class="card">
                <div class="card__header">
                  <h3 class="card__title">Contact Form</h3>
                  <p class="card__description">
                    Tell us about your funding needs and we'll get back to you promptly.
                  </p>
                </div>
                <div class="card__body">
                  <form class="form" data-contact-form novalidate>
                    <div class="form-row">
                      <div class="field">
                        <label class="field__label" for="firstName">First Name</label>
                        <input class="field__control" id="firstName" name="firstName" type="text" placeholder="Enter your first name" autocomplete="given-name" />
                        <p class="field__error" data-error-for="firstName"></p>
                      </div>
                      <div class="field">
                        <label class="field__label" for="lastName">Last Name</label>
                        <input class="field__control" id="lastName" name="lastName" type="text" placeholder="Enter your last name" autocomplete="family-name" />
                        <p class="field__error" data-error-for="lastName"></p>
                      </div>
                    </div>

                    <div class="field">
                      <label class="field__label" for="email">Email Address</label>
                      <input class="field__control" id="email" name="email" type="email" placeholder="Enter your email" autocomplete="email" />
                      <p class="field__error" data-error-for="email"></p>
                    </div>

                    <div class="field">
                      <label class="field__label" for="phone">Phone Number</label>
                      <input class="field__control" id="phone" name="phone" type="tel" placeholder="Enter your phone number" autocomplete="tel" />
                      <p class="field__error" data-error-for="phone"></p>
                    </div>

                    <div class="field">
                      <label class="field__label" for="business">Business Name</label>
                      <input class="field__control" id="business" name="business" type="text" placeholder="Enter your business name" autocomplete="organization" />
                      <p class="field__error" data-error-for="business"></p>
                    </div>

                    <fieldset class="field" style="border: 0; padding: 0; margin: 0">
                      <legend class="field__label" style="padding: 0">Have you talked to an Admissions Director?</legend>
                      <div class="radio-row">
                        <label class="radio-option">
                          <input type="radio" name="talkedToAdmissions" value="yes" />
                          <span>Yes</span>
                        </label>
                        <label class="radio-option">
                          <input type="radio" name="talkedToAdmissions" value="no" checked />
                          <span>No</span>
                        </label>
                      </div>
                    </fieldset>

                    <fieldset class="field" style="border: 0; padding: 0; margin: 0">
                      <legend class="field__label" style="padding: 0">Are you already in the program?</legend>
                      <div class="radio-row">
                        <label class="radio-option">
                          <input type="radio" name="inProgram" value="yes" />
                          <span>Yes</span>
                        </label>
                        <label class="radio-option">
                          <input type="radio" name="inProgram" value="no" checked />
                          <span>No</span>
                        </label>
                      </div>
                    </fieldset>

                    <div class="field">
                      <label class="field__label" for="subject">Subject</label>
                      <select class="field__control" id="subject" name="subject">
                        <option value="">-- Please Select--</option>
                      <option value="coaching-info">More info about the Coaching Program.</option>
                      <option value="enroll">How do I enroll?</option>
                      <option value="coach-question">I have a question for my Coach.</option>
                      <option value="billing">I have a billing question.</option>
                      <option value="other">Other -</option>
                      </select>
                      <p class="field__error" data-error-for="subject"></p>
                    </div>

                    <div class="field">
                      <label class="field__label" for="message">Message</label>
                      <textarea class="field__control field__control--textarea" id="message" name="message" placeholder="How can we help you?"></textarea>
                      <p class="field__error" data-error-for="message"></p>
                    </div>

                    <button class="btn btn--full btn--gradient" type="submit">
                      <span data-submit-label>Send Message</span>
                    </button>
                  </form>
                </div>
              </div>
            </div>
          </div>
        </div>
      </section>

      <!-- ===================================================== testimonials -->
      <section class="section section--muted">
        <div class="container">
          <div class="center stack" style="margin-bottom: 3rem">
            <h2 class="title-lg">What Our Clients Say</h2>
            <p class="lead lead--lg measure-sm">Real success stories from business owners.</p>
          </div>

          <?= testimonial_grid(
            array_slice($contactTestimonials, 0, 6),
            ['stars' => true, 'small' => true]
          ) ?>
        </div>
      </section>
    
<?php require __DIR__ . '/includes/footer.php'; ?>