<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title><?= e($title ?? 'Sign in') ?> · Customer Portal</title>
  <link rel="icon" href="<?= e(asset('img/aosware-crm-logo.jpg')) ?>">
  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet">
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
  <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css" rel="stylesheet">
  <link href="<?= e(asset('css/app.css')) ?>" rel="stylesheet">
</head>
<body class="cpt-auth-body">
<div class="cpt-auth-wrap">
  <div class="cpt-auth-shell">
    <div class="cpt-auth-hero">
      <div class="cpt-auth-kicker">For your company</div>
      <h2>Your invoices, files, and service — in one place</h2>
      <p>Sign in to see only your company’s information. You never enter the staff website.</p>
      <div class="cpt-auth-points">
        <div class="cpt-auth-point"><i class="bi bi-receipt"></i><div><strong>Invoices</strong><span>Bills and payment status</span></div></div>
        <div class="cpt-auth-point"><i class="bi bi-pen"></i><div><strong>Sign a paper</strong><span>Finish a quote or contract</span></div></div>
        <div class="cpt-auth-point"><i class="bi bi-tools"></i><div><strong>Service</strong><span>Ask for help or see your machines</span></div></div>
      </div>
    </div>
    <div class="cpt-auth-card">
      <?= $content ?>
    </div>
  </div>
</div>
</body>
</html>
