<?php  ?>
<div class="col-lg-5 py-5">
  <div class="card border-radius bg-color-light border-0 box-shadow-3">
    <div class="card-body p-5 m-2 text-center">
      <h4 class="card-title mb-2 text-6">Book Discovery Call!</h4>
      <p class="card-text">We will reply within one business day.</p>
      <form class="contact-form" action="php/contact-form.php" method="POST">
        <div class="contact-form-success alert alert-success d-none mt-4"> <strong>Success!</strong> Your message has been sent to us. </div>
        <div class="contact-form-error alert alert-danger d-none mt-4"> <strong>Error!</strong> There was an error sending your message. <span class="mail-error-message text-1 d-block"></span> </div>
        <div class="row">
          <div class="form-group col text-start">
            <input type="text" value="" placeholder="Your Name *" data-msg-required="Please enter your name." maxlength="100" class="form-control text-2-5 p-3" name="name" required>
          </div>
        </div>
        <div class="row">
          <div class="form-group col text-start">
            <input type="text" value="" placeholder="Your Phone *" data-msg-required="Please enter your phone" maxlength="100" class="form-control text-2-5 p-3" name="phone" required>
          </div>
        </div>
        <div class="row">
          <div class="form-group col text-start">
            <input type="text" value="" placeholder="Your Email Address *" data-msg-required="Please enter your email address" maxlength="100" class="form-control text-2-5 p-3" name="email" required>
          </div>
        </div>
        <div class="row">
          <div class="form-group col text-start">
            <input type="text" value="" placeholder="Company *" data-msg-required="Please enter your company name" maxlength="100" class="form-control text-2-5 p-3" name="company" required>
          </div>
        </div>
        <div class="row">
          <div class="form-group col text-start">
            <input type="text" value="" placeholder="Job Title *" data-msg-required="Please enter your job title" maxlength="100" class="form-control text-2-5 p-3" name="title" required>
          </div>
        </div>
        <div class="row">
          <div class="form-group col">
            <div class="d-grid gap-2">
              <input type="submit" value="Get Started" class="btn border-0 btn-tertiary bg-hover-primary text-color-hover-light text-color-primary text-3-5 p-3" data-loading-text="Loading...">
            </div>
          </div>
        </div>
        <div class="row">
          <div class="col pt-4">
            <div class="hstack gap-3">
              <div class="ms-auto"> <i class="icons icon-envelope text-4 p-relative top-5 me-2"></i> <a href="mailto:you@domain.com" class="text-decoration-none text-2 text-dark text-color-hover-primary ws-nowrap font-weight-semi-bold">hello@tente-cpq.eu</a> </div>
              <div class="vr"></div>
              <div class="me-auto"> <i class="icons icon-phone text-4 p-relative top-5 me-2"></i> <a href="tel:+40756482404" class="text-decoration-none text-2 text-dark text-color-hover-primary ws-nowrap font-weight-semi-bold">+40 756 482 404</a> </div>
            </div>
          </div>
        </div>
      </form>
    </div>
  </div>
</div>
