{% extends "base.html" %}
{% block title %}Log in{% endblock %}
{% block content %}
<div class="login-wrap">
  <div class="panel">
    <h1 class="mb-1">TechPro WMS</h1>
    <p class="text-secondary mb-4">Warehouse and inventory management</p>
    <form method="post">
      <input type="hidden" name="_csrf" value="{{ csrf_token() }}">
      <label class="form-label" for="username">Username</label>
      <input class="form-control mb-3" id="username" name="username" autofocus required>
      <label class="form-label" for="password">Password</label>
      <input class="form-control mb-4" id="password" name="password" type="password" required>
      <button class="btn btn-primary w-100">Log in</button>
    </form>
    <p class="small text-secondary mt-3 mb-0">Demo accounts: admin / admin123, staff / staff123</p>
  </div>
</div>
{% endblock %}