{% extends 'base.html' %}
{% block title %}Giriş - {{ business_name }}{% endblock %}
{% block public_content %}
<div class="login-shell d-flex align-items-center justify-content-center p-3">
  <div class="card login-card p-4 p-md-5">
    <img src="{{ url_for('static', filename='logo.png') }}" alt="WebCari" width="72" height="72" class="rounded-4 mb-3">
    <h1 class="h3 mb-2 text-brand">{{ business_name }}</h1>
    <p class="text-secondary mb-4">Cari takip sistemine giriş yapın.</p>
    <form method="post">
      <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
      <div class="mb-3">
        <label class="form-label required">Kullanıcı adı</label>
        <input class="form-control" name="username" autocomplete="username" required autofocus>
      </div>
      <div class="mb-4">
        <label class="form-label required">Parola</label>
        <input class="form-control" type="password" name="password" autocomplete="current-password" required>
      </div>
      <button class="btn btn-brand w-100">Giriş Yap</button>
    </form>
  </div>
</div>
{% endblock %}