{% extends "dashboard/base.html" %}

{% block title %}Google — Comptoir{% endblock %}

{% block content %}
  <h1 class="text-xl font-bold text-ink">Google</h1>

  {% if google_account %}
    <div class="mt-4 max-w-md bg-white border border-ink/18 rounded-lg p-6">
      <p class="text-sm text-ink/55">Compte Google connecté</p>
      <p class="mt-1 font-semibold text-ink">{{ google_account.email }}</p>
    </div>

    <h2 class="mt-6 text-sm font-semibold text-ink/70 uppercase tracking-wide">Services</h2>
    <div class="mt-2 max-w-md bg-white border border-ink/18 rounded-lg divide-y divide-ink/10">
      {% for service_key, service_label in google_services_list %}
        {% with url_name="google_"|add:service_key %}
          <a href="{% url url_name %}" class="flex items-center justify-between px-4 py-2.5 hover:bg-paper">
            <span class="text-sm text-ink">{{ service_label }}</span>
            <span class="text-xs text-ink/45">Non configuré</span>
          </a>
        {% endwith %}
      {% endfor %}
    </div>
  {% elif missing_google_config %}
    <div class="mt-4 max-w-2xl bg-amber-50 border border-amber-200 rounded-lg p-6">
      <p class="font-semibold text-ink">Configuration requise avant de pouvoir connecter Google</p>
      <ul class="mt-3 space-y-4 text-sm text-ink/70">
        {% if "oauth_client_id" in missing_google_config or "oauth_client_secret" in missing_google_config %}
          <li>
            <code class="font-semibold">OAUTH_CLIENT_ID</code> et
            <code class="font-semibold">OAUTH_CLIENT_SECRET</code> — à créer dans la
            <a href="https://console.cloud.google.com/apis/credentials" target="_blank" rel="noopener"
               class="underline">Google Cloud Console</a>
            (identifiants OAuth 2.0, type « Application Web »). URI de redirection à y renseigner :
            <br><code class="block mt-1 px-2 py-1 bg-white border border-ink/10 rounded text-xs break-all">{{ callback_redirect_uri }}</code>
          </li>
        {% endif %}
        {% if "token_encryption_key" in missing_google_config %}
          <li>
            <code class="font-semibold">TOKEN_ENCRYPTION_KEY</code> — à générer avec :
            <br><code class="block mt-1 px-2 py-1 bg-white border border-ink/10 rounded text-xs break-all">python -c "from cryptography.fernet import Fernet; print(Fernet.generate_key().decode())"</code>
          </li>
        {% endif %}
      </ul>
      <p class="mt-4 text-xs text-ink/45">Ajoutez ces valeurs à <code>extensions/google_services/.env-google</code>, puis redémarrez le serveur.</p>
    </div>
  {% else %}
    <p class="mt-1 text-sm text-ink/55">
      Connectez votre compte Google pour activer Search Console, Analytics, Maps et les autres
      services Google, sans configurer de projet Google Cloud vous-même.
    </p>
    <a href="{% url 'google_connect' %}"
       class="mt-4 inline-block px-4 py-2 rounded-md bg-ink text-white text-sm font-semibold hover:bg-ink-dark">
      Connecter Google
    </a>
    <p class="mt-4 text-xs text-ink/45 max-w-2xl">
      En cas d'erreur « redirect_uri_mismatch » sur l'écran Google, vérifiez que cette URI est
      bien dans la liste « URI de redirection autorisés » de vos identifiants OAuth
      (<a href="https://console.cloud.google.com/apis/credentials" target="_blank" rel="noopener"
          class="underline">Google Cloud Console</a>) :
      <br><code class="block mt-1 px-2 py-1 bg-white border border-ink/10 rounded text-xs break-all">{{ callback_redirect_uri }}</code>
    </p>
  {% endif %}
{% endblock %}