{% extends "base.html" %}
{% load socialaccount %}
{% block title %}Đăng nhập — Photo Đà Nẵng & Hội An{% endblock %}
{% block extra_head %}
<style>
  .auth-wrap {
    max-width: 420px;
    margin: 2rem auto;
    padding: 1.5rem;
    background: var(--panel);
    border: 1px solid #2a3542;
    border-radius: 12px;
  }
  .auth-wrap h1 { margin: 0 0 1rem; font-size: 1.25rem; }
  .btn-google {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.65rem;
    width: 100%;
    padding: 0.75rem 1rem;
    border-radius: 8px;
    border: 1px solid #3a4553;
    background: #fff;
    color: #1a1a1a;
    font-weight: 600;
    font-size: 0.95rem;
    text-decoration: none;
    cursor: pointer;
  }
  .btn-google:hover { filter: brightness(0.97); text-decoration: none; }
  .auth-note { margin-top: 1rem; font-size: 0.85rem; line-height: 1.45; }
</style>
{% endblock %}
<!-- {% block content %}
<div class="auth-wrap">
  <h1>Đăng nhập</h1>
  <p class="muted" style="margin:0 0 1rem;">Dùng tài khoản Google.</p>
  <a class="btn-google" href="{% provider_login_url 'google' %}">
    <svg width="20" height="20" viewBox="0 0 48 48" aria-hidden="true"><path fill="#FFC107" d="M43.611 20.083H42V20H24v8h11.303c-1.649 4.657-6.08 8-11.303 8-6.627 0-12-5.373-12-12s5.373-12 12-12c3.059 0 5.842 1.154 7.961 3.039l5.657-5.657C34.046 6.053 29.268 4 24 4 12.955 4 4 12.955 4 24s8.955 20 20 20 20-8.955 20-20c0-1.341-.138-2.65-.389-3.917z"/><path fill="#FF3D00" d="m6.306 14.691 6.571 4.819C14.655 15.108 18.961 12 24 12c3.059 0 5.842 1.154 7.961 3.039l5.657-5.657C34.046 6.053 29.268 4 24 4 16.318 4 9.656 8.337 6.306 14.691z"/><path fill="#4CAF50" d="M24 44c5.166 0 9.86-1.977 13.409-5.192l-6.19-5.238A11.86 11.86 0 0 1 24 36c-5.202 0-9.619-3.317-11.283-7.946l-6.522 5.025C9.505 39.556 16.227 44 24 44z"/><path fill="#1976D2" d="M43.611 20.083H42V20H24v8h11.303a12.04 12.04 0 0 1-4.087 5.571l.003-.002 6.19 5.238C36.971 39.205 44 34 44 24c0-1.341-.138-2.65-.389-3.917z"/></svg>
    Tiếp tục với Google
  </a>
  <p class="muted auth-note">
    Trên Google Cloud Console, thêm URI chuyển hướng:
    <code style="word-break:break-all;">http://127.0.0.1:8000/accounts/google/login/callback/</code>
    (và domain tương ứng khi deploy HTTPS). Cấu hình biến môi trường <code>GOOGLE_OAUTH_CLIENT_ID</code> và <code>GOOGLE_OAUTH_CLIENT_SECRET</code>, hoặc thêm Social application trong admin.
  </p>
  <p class="muted auth-note"><a href="{% url 'map' %}">← Về bản đồ</a></p>
</div>
{% endblock %} -->