<!DOCTYPE html>
<?php $pageTitle = "Contact"; include 'includes/public-header.php'; ?>

<main id="main-content">
  <section class="db-page-hero" aria-labelledby="page-hero-title">
    <div class="db-container">
      <h1 class="db-page-hero-title" id="page-hero-title">Contact Us</h1>
      <p class="db-page-hero-subtitle">
        Your questions, comments, and feedback are important to us. Find the right
        way to get in touch with our team.
      </p>
    </div>
  </section>

  <section class="db-section">
    <div class="db-container">
      <div class="db-grid db-grid-3 db-mb-12">
        <div class="db-contact-card animate animate-delay-1">
          <div class="db-contact-card-icon"><i class="fas fa-phone"></i></div>
          <div class="db-contact-card-body">
            <h4>Phone</h4>
            <p>General Inquiries</p>
            <a href="tel:+1-800-123-4567">+1 (800) 123-4567</a>
          </div>
        </div>
        <div class="db-contact-card animate animate-delay-2">
          <div class="db-contact-card-icon"><i class="fas fa-envelope"></i></div>
          <div class="db-contact-card-body">
            <h4>Email</h4>
            <p>Customer Support</p>
            <a href="mailto:<?= getSetting("support_email", "support@dbhacu.com") ?>"><?= getSetting("support_email", "support@dbhacu.com") ?></a>
          </div>
        </div>
        <div class="db-contact-card animate animate-delay-3">
          <div class="db-contact-card-icon"><i class="fas fa-map-marker-alt"></i></div>
          <div class="db-contact-card-body">
            <h4>Address</h4>
            <p>Head Office</p>
            <p><?= getSetting("site_name", "Deutsche Bank Holdings Delaware") ?>, USA</p>
          </div>
        </div>
      </div>

      <div class="db-content animate">
        <h2>Send Us a Message</h2>
        <p>
          Fill out the form below and a member of our team will get back to you as soon as possible.
        </p>
      </div>

      <form class="animate" style="max-width: 640px; margin: 0 auto;" method="POST" onsubmit="handleContactSubmit(event)">
        <div class="db-form-group">
          <label class="db-form-label" for="name">Full Name</label>
          <input type="text" id="name" class="db-form-input" placeholder="Your full name" required>
        </div>
        <div class="db-form-group">
          <label class="db-form-label" for="email">Email Address</label>
          <input type="email" id="email" class="db-form-input" placeholder="your.email@example.com" required>
        </div>
        <div class="db-form-group">
          <label class="db-form-label" for="subject">Subject</label>
          <select id="subject" class="db-form-select">
            <option value="">Select a topic</option>
            <option value="general">General Inquiry</option>
            <option value="corporate">Corporate Banking</option>
            <option value="investment">Investment Banking</option>
            <option value="private">Private Banking</option>
            <option value="support">Account Support</option>
            <option value="media">Media Inquiry</option>
            <option value="careers">Careers</option>
            <option value="other">Other</option>
          </select>
        </div>
        <div class="db-form-group">
          <label class="db-form-label" for="message">Message</label>
          <textarea id="message" class="db-form-textarea" placeholder="How can we help you?" required></textarea>
        </div>
        <button type="submit" class="db-btn db-btn-primary db-btn-lg db-btn-block">Send Message</button>
      </form>
    </div>
  </section>
</main>

<!-- ===== FOOTER ===== -->
<footer class="db-footer" role="contentinfo">
  <div class="db-container">
    <div class="db-footer-grid">
      <div class="db-footer-brand">
        <img src="logo.png" alt="<?= getSetting("site_name", "Deutsche Bank Holdings Delaware") ?>" width="160" height="40">
        <p><?= getSetting("site_name", "Deutsche Bank Holdings Delaware") ?> provides secure personal banking, business banking, digital banking, transfers, cards, and wealth management to clients worldwide.</p>
        <div class="db-footer-social db-mt-4">
          <a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
          <a href="#" aria-label="Twitter"><i class="fab fa-twitter"></i></a>
          <a href="#" aria-label="LinkedIn"><i class="fab fa-linkedin-in"></i></a>
          <a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
        </div>
      </div>
      <div class="db-footer-col"><h4>Personal</h4><ul class="db-footer-links"><li><a href="accounts.html">Accounts</a></li><li><a href="transfers.html">Transfers</a></li><li><a href="cards.html">Cards</a></li><li><a href="digital-banking.html">Digital Banking</a></li><li><a href="open-account.html">Open an Account</a></li></ul></div>
      <div class="db-footer-col"><h4>Business</h4><ul class="db-footer-links"><li><a href="business-banking.html">Business Overview</a></li><li><a href="business-account.html">Business Accounts</a></li><li><a href="corporate-bank.html">Corporate Banking</a></li><li><a href="open-account.html">Open an Account</a></li></ul></div>
      <div class="db-footer-col"><h4>Security & Help</h4><ul class="db-footer-links"><li><a href="security-centre.html">Security Centre</a></li><li><a href="report-fraud.html">Report Fraud</a></li><li><a href="scam-awareness.html">Scam Awareness</a></li><li><a href="help-centre.html">Help Centre</a></li><li><a href="faq.html">FAQs</a></li><li><a href="customer-support.html">Customer Support</a></li></ul></div>
      <div class="db-footer-col"><h4>Company</h4><ul class="db-footer-links"><li><a href="about-us.html">About Us</a></li><li><a href="careers.html">Careers</a></li><li><a href="investor-relations.html">Investor Relations</a></li><li><a href="contact.html">Contact Us</a></li><li><a href="account/login.html">Log In</a></li><li><a href="account/register.html">Register</a></li></ul></div>
    </div>
    <div class="db-footer-bottom">
      <div class="db-footer-copyright">&copy; <span class="footer-year">2024</span> <?= getSetting("site_name", "Deutsche Bank Holdings Delaware") ?>. All rights reserved.</div>
      <div class="db-footer-legal">
        <a href="privacy-policy.html">Privacy Policy</a>
        <a href="terms.html">Terms of Use</a>
        <a href="cookie-policy.html">Cookie Policy</a>
        <a href="accessibility.html">Accessibility</a>
        <a href="sitemap.html">Sitemap</a>
      </div>
    </div>
  </div>
</footer>

<script src="plugin/jquery.min.js"></script>
<script src="plugin/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="assets/js/landing.js"></script>
<script>
function handleContactSubmit(e) {
    e.preventDefault();
    var name = document.getElementById('name').value.trim();
    var email = document.getElementById('email').value.trim();
    var subject = document.getElementById('subject').value;
    var message = document.getElementById('message').value.trim();
    if (!name || !email || !message) {
        alert('Please fill in all required fields.');
        return false;
    }
    alert('Thank you, ' + name + '. Your message has been received. We will respond shortly.');
    e.target.reset();
    return false;
}
document.querySelector('.footer-year').textContent = new Date().getFullYear();
</script>
<?php include 'includes/public-footer.php'; ?>
