<%- include('partials-header.ejs', { title: 'Đăng ký tham dự' }) %>

<section class="section">
  <div class="page-shell">
    <div class="row justify-content-center">
      <div class="col-lg-7">
        <div class="panel">
          <h1 class="h3 mb-2">Đăng ký tham dự</h1>
          <p class="muted">Sau khi đăng ký, hệ thống sẽ gửi email kèm QR code bảo mật cho khách.</p>

          <%- include('partials-error-modal.ejs') %>

          <form action="/register" method="post" class="row g-3">
            <div class="col-md-6">
              <label class="form-label" for="fullName">Họ tên</label>
              <input class="form-control" id="fullName" name="fullName" required>
            </div>
            <div class="col-md-6">
              <label class="form-label" for="email">Email</label>
              <input class="form-control" id="email" name="email" type="email" required>
            </div>
            <div class="col-md-6">
              <label class="form-label" for="city">Thành phố</label>
              <input class="form-control" id="city" name="city" required>
            </div>
            <div class="col-md-6">
              <label class="form-label" for="phone">Điện thoại</label>
              <input class="form-control" id="phone" name="phone" type="tel" required>
            </div>
            <div class="col-md-6">
              <label class="form-label" for="organization">Công ty</label>
              <input class="form-control" id="organization" name="organization" required>
            </div>
            <div class="col-12">
              <label class="form-label" for="jobTitle">Chức danh</label>
              <input class="form-control" id="jobTitle" name="jobTitle" required>
            </div>
            <div class="col-12">
              <button class="btn btn-brand w-100" type="submit">Hoàn tất đăng ký</button>
            </div>
          </form>
        </div>
      </div>
    </div>
  </div>
</section>

<%- include('partials-footer.ejs') %>
