templates/end_user_module/security/home.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% block title %}PulseFleet{% endblock %}
  4. {% block stylesheets %}
  5.     {{ parent() }}
  6.     {{ encore_entry_link_tags('user-security') }}
  7. {% endblock %}
  9. {% block body %}
  10.     <div class="front-page">
  11.         <main class="login-shell">
  12.             <section class="login-showcase" aria-label="Fleet operation overview">
  13.                 <div class="showcase-topline" aria-label="Synaptica PulseFleet Operations Control">
  14.                     <div class="brand-unit brand-synaptica">
  15.                         <img class="brand-logo brand-company-logo" src="{{ asset('images/company-logo.png') }}" alt="Synaptica" loading="lazy">
  16.                     </div>
  17.                     <span class="brand-divider" aria-hidden="true"></span>
  18.                     <div class="brand-unit brand-pulsefleet">
  19.                         <img class="brand-logo brand-product-logo" src="{{ asset('images/aion_logo.png') }}" alt="PulseFleet" loading="lazy">
  20.                     </div>
  21.                 </div>
  22.                 <div class="showcase-copy">
  23.                     {# <p class="eyebrow">Command workspace</p> #}
  24.                     <h1>Track assets with a cleaner view.</h1>
  25.                     <p class="support-copy">Sign in to continue to live locations, route activity, vehicle status, and fleet reports.</p>
  26.                 </div>
  27.                 {# <div class="signal-map" aria-hidden="true">
  28.                     <span class="route-line route-line-1"></span>
  29.                     <span class="route-line route-line-2"></span>
  30.                     <span class="node node-1"></span>
  31.                     <span class="node node-2"></span>
  32.                     <span class="node node-3"></span>
  33.                     <span class="node node-4"></span>
  34.                 </div> #}
  35.                 <div class="status-strip" aria-hidden="true">
  36.                     <div>
  37.                         <span>Workspace</span>
  38.                         <strong>Live map</strong>
  39.                     </div>
  40.                     <div>
  41.                         <span>Records</span>
  42.                         <strong>Trip history</strong>
  43.                     </div>
  44.                     <div>
  45.                         <span>Monitoring</span>
  46.                         <strong>Alert center</strong>
  47.                     </div>
  48.                 </div>
  49.             </section>
  51.             <section class="login-card" aria-label="Sign in">
  52.                 <div class="login-card-header">
  53.                     <p class="eyebrow">Secure access</p>
  54.                     <h2>Welcome back</h2>
  55.                     <p>Use your assigned PulseFleet account to open the tracking platform.</p>
  56.                 </div>
  58.                 {% if error %}
  59.                     <div class="login-alert" role="alert">
  60.                         <i class="fas fa-exclamation-circle" aria-hidden="true"></i>
  61.                         <span>{{ error }}</span>
  62.                     </div>
  63.                 {% endif %}
  65.                 <form class="login-form" method="post">
  66.                     <div class="field-group">
  67.                         <label for="login-username">Username</label>
  68.                         <div class="input-shell">
  69.                             <i class="fas fa-user" aria-hidden="true"></i>
  70.                             <input id="login-username" type="text" name="username" value="{{ last_username }}" autocomplete="username" required autofocus>
  71.                         </div>
  72.                     </div>
  74.                     <div class="field-group">
  75.                         <label for="login-password">Password</label>
  76.                         <div class="input-shell">
  77.                             <i class="fas fa-lock" aria-hidden="true"></i>
  78.                             <input id="login-password" type="password" name="password" autocomplete="current-password" required>
  79.                         </div>
  80.                     </div>
  82.                     <input type="hidden" name="token" value="{{ csrf_token('authenticate') }}"/>
  84.                     <button type="submit" class="login-button">
  85.                         <span>Sign in</span>
  86.                         <i class="fas fa-arrow-right" aria-hidden="true"></i>
  87.                     </button>
  88.                 </form>
  89.             </section>
  90.         </main>
  91.     </div>
  92. {% endblock %}
  94. {% block javascripts %}
  95.     {{ parent() }}
  96.     <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"
  97.             integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo"
  98.             crossorigin="anonymous"></script>
  99.     <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"
  100.             integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6"
  101.             crossorigin="anonymous"></script>
  102.     {{ encore_entry_script_tags('user-security') }}
  103. {% endblock %}