<?php
$title = "Contact Us | Wipe Tears Africa (WTA)";
$description = "Contact Wipe Tears Africa (WTA) – an international NGO restoring hope for vulnerable children and families in Uganda.";

include "includes/header.php";
include "includes/menu.php";
?>

<!-- Font Awesome -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">

<!-- Google reCAPTCHA v2 -->
<script src="https://www.google.com/recaptcha/api.js" async defer></script>

<!-- HERO -->
<section style="background:linear-gradient(rgba(22,163,74,.9),rgba(22,163,74,.95)),url('assets/images/slides/wipe-tears-africa-4.jpg') center/cover no-repeat;">
  <div class="container py-5 text-center text-white">
    <h1 class="fw-bold display-5">Contact Us</h1>
    <p class="lead mt-3">We are here to listen, support, and collaborate globally.</p>
  </div>
</section>

<!-- CONTACT -->
<section class="py-5 bg-light">
  <div class="container">
    <div class="row g-5">

      <!-- CONTACT INFO -->
      <div class="col-lg-5">
        <h2 class="fw-bold text-success mb-4">Our Offices</h2>

        <p>
          <i class="fa-solid fa-location-dot text-success me-2"></i>
          <strong>USA Office</strong><br>
          107 Dee Dr, Flat Lick, KY 40935
        </p>

        <p>
          <i class="fa-solid fa-location-dot text-success me-2"></i>
          <strong>Uganda Office</strong><br>
          P.O. Box 116428, Wakiso<br>
          Manyangwa – Gayaza
        </p>

        <p>
          <i class="fa-solid fa-phone text-success me-2"></i>
          <strong>Phone:</strong><br>
          +1 810 627 8422 / +1 562 383 3207<br>
          +256 776 263 583
        </p>

        <p>
          <i class="fa-solid fa-envelope text-success me-2"></i>
          info@wipetearsafrica.org
        </p>
      </div>

      <!-- FORM -->
      <div class="col-lg-7">
        <div class="bg-white p-4 p-md-5 rounded-4 shadow-sm">
          <h3 class="fw-bold mb-4">Send Us a Message</h3>

          <?php if (isset($_GET['success'])): ?>
            <div class="alert alert-success">Thank you! Your message has been sent.</div>
          <?php endif; ?>

          <?php if (isset($_GET['error'])): ?>
            <div class="alert alert-danger">Please complete all fields and verify reCAPTCHA.</div>
          <?php endif; ?>

          <form action="send-contact.php" method="POST">

            <!-- Honeypot -->
            <input type="text" name="website" class="d-none">

            <div class="mb-3">
              <input type="text" name="name" class="form-control" placeholder="Your Name" required>
            </div>

            <div class="mb-3">
              <input type="email" name="email" class="form-control" placeholder="Your Email" required>
            </div>

            <div class="mb-3">
              <input type="text" name="subject" class="form-control" placeholder="Subject">
            </div>

            <div class="mb-3">
              <textarea name="message" rows="5" class="form-control" placeholder="Your Message" required></textarea>
            </div>

            <!-- reCAPTCHA -->
            <div class="mb-4">
              <div class="g-recaptcha" data-sitekey="6LdKJ3EsAAAAADQB9PfKKwx_BF3nVZzdnOyiKOMx "></div>
            </div>

            <button type="submit" class="btn btn-success px-4 py-2">
              Send Message
            </button>

          </form>
        </div>
      </div>

    </div>
  </div>
</section>

<!-- MAPS -->
<section class="bg-white">
  <div class="container-fluid p-0">
    <div class="row g-0">

      <div class="col-md-6">
        <iframe
          src="https://www.google.com/maps?q=107+Dee+Dr+Flat+Lick+KY+40935&output=embed"
          width="100%" height="400" style="border:0;" loading="lazy"></iframe>
      </div>

      <div class="col-md-6">
        <iframe
          src="https://www.google.com/maps?q=Manyangwa+Gayaza+Uganda&output=embed"
          width="100%" height="400" style="border:0;" loading="lazy"></iframe>
      </div>

    </div>
  </div>
</section>

<!-- WHATSAPP -->
<a href="https://wa.me/256776263583"
   target="_blank"
   style="position:fixed;bottom:20px;right:20px;
          width:55px;height:55px;background:#25D366;
          color:#fff;border-radius:50%;
          display:flex;align-items:center;justify-content:center;
          font-size:26px;z-index:999;">
  <i class="fa-brands fa-whatsapp"></i>
</a>

<?php include "includes/footer.php"; ?>
