<?php

declare(strict_types=1);

require_once __DIR__ . '/lib/contact-mail.php';

$flash = mail_pull_flash();
$errors = $flash['errors'];
$old = $flash['old'];
$csrf = mail_h(mail_csrf_token());

$value = static function (string $key) use ($old): string {
    return mail_h($old[$key] ?? '');
};
?>
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Contact — Vertical Flight Solutions LLC</title>
  <meta name="description" content="お問い合わせフォーム・連絡先・対応時間。">
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&family=Noto+Sans+SC:wght@300;400;500;700&family=Syne:wght@600;700;800&display=swap" rel="stylesheet">
  <link rel="stylesheet" href="css/main.css">
</head>
<body>
  <header class="site-header">
    <div class="site-header__row">
      <a class="brand" href="index.html">Vertical <span>Flight</span> Solutions</a>
      <div class="lang-switch" role="group" aria-label="Language">
        <button type="button" class="lang-switch__btn" data-lang-set="en">EN</button>
        <button type="button" class="lang-switch__btn" data-lang-set="ja">JA</button>
        <button type="button" class="lang-switch__btn" data-lang-set="zh">中</button>
      </div>
    </div>
    <button type="button" class="menu-btn">Menu</button>
  </header>

  <nav class="nav-overlay" aria-hidden="true">
    <button type="button" class="nav-overlay__close">Close</button>
    <ul>
      <li><a href="index.html">Home</a></li>
      <li><a href="about.html">About Us</a></li>
      <li><a href="company-profile.html">Corporate profile</a></li>
      <li><a href="services.html">Services</a></li>
      <li class="nav-sub"><a href="service-corporate.html">Consulting</a></li>
      <li class="nav-sub"><a href="service-sales.html">Sales &amp; Aircraft</a></li>
      <li><a href="faq.html">FAQ</a></li>
      <li><a href="contact.php">Contact</a></li>
    </ul>
  </nav>

  <header class="page-hero page-hero--photo">
    <div class="page-hero__media" aria-hidden="true">
      <img src="assets/service-sales.jpg" alt="" width="1600" height="900" decoding="async" fetchpriority="high">
    </div>
    <div class="page-hero__scrim" aria-hidden="true"></div>
    <div class="page-hero__content">
      <h1>Contact</h1>
    </div>
  </header>

  <article class="content-block content-block--paper">
    <form id="contact-form" class="form-grid" action="send.php" method="post" novalidate>
      <?php if ($errors !== []): ?>
      <ul class="form-errors" role="alert" aria-live="polite">
        <?php foreach ($errors as $error): ?>
        <li><?= mail_h($error) ?></li>
        <?php endforeach; ?>
      </ul>
      <?php endif; ?>

      <input type="hidden" name="csrf_token" value="<?= $csrf ?>">

      <div class="form-row">
        <label for="name" data-i18n="contact.label.name">Name *</label>
        <input type="text" id="name" name="name" required autocomplete="name" maxlength="100" value="<?= $value('name') ?>">
      </div>
      <div class="form-row">
        <label for="company" data-i18n="contact.label.company">Company</label>
        <input type="text" id="company" name="company" autocomplete="organization" maxlength="200" value="<?= $value('company') ?>">
      </div>
      <div class="form-row">
        <label for="email" data-i18n="contact.label.email">Email *</label>
        <input type="email" id="email" name="email" required autocomplete="email" maxlength="254" value="<?= $value('email') ?>">
      </div>
      <div class="form-row">
        <label for="message" data-i18n="contact.label.message">Message *</label>
        <textarea id="message" name="message" required maxlength="5000"><?= $value('message') ?></textarea>
      </div>
      <div>
        <button type="submit" class="btn" data-i18n="contact.submit">Submit</button>
      </div>
    </form>

    <h2>Contact details</h2>
    <p style="color:var(--muted);margin-bottom:0;" data-i18n-html="1" data-i18n="contact.details">Email: masa-koie@vfs.jp</p>

    <h2>Availability</h2>
    <p style="color:var(--muted);margin-top:0;" data-i18n-html="1" data-i18n="contact.hours">Mon–Fri 09:00–18:00 (JST)<br>Urgent enquiries welcome by email.</p>
  </article>

  <footer class="site-footer">
    <div class="footer-grid">
      <div>
        <div class="footer-brand">Vertical Flight Solutions LLC</div>
        <p style="color:var(--muted);font-size:0.9rem;margin:0;">Elevating Your Vertical Flight Operations</p>
      </div>
      <div>
        <h4>Site map</h4>
        <ul>
          <li><a href="about.html">About Us</a></li>
          <li><a href="company-profile.html">Corporate profile</a></li>
          <li><a href="services.html">Services</a></li>
          <li><a href="faq.html">FAQ</a></li>
          <li><a href="contact.php">Contact</a></li>
        </ul>
      </div>
      <div>
        <h4>Contact</h4>
        <p style="margin:0;color:var(--muted);font-size:0.9rem;" data-i18n="footer.contactSimple">Email: masa-koie@vfs.jp</p>
      </div>
    </div>
    <p class="copy">© Vertical Flight Solutions LLC</p>
  </footer>

  <script defer src="js/i18n.js"></script>
  <script defer src="js/main.js"></script>
</body>
</html>
