{% extends "base.html" %}
{% block titre %}Paramètres{% endblock %}
{% block contenu %}
<h1 class="h3 mb-3">⚙️ Paramètres — Sauvegarde</h1>

{% if request.query_params.get('erreur') %}<div class="alert alert-danger">{{ request.query_params.get('erreur') }}</div>{% endif %}

<div class="card p-4 bg-white mb-4" style="max-width: 700px;">
  <h2 class="h5 mb-3">🏢 Coordonnées de l'entreprise (factures)</h2>
  <p class="text-muted small mb-2">
    La gestion des vendeurs (nom, adresse, logo, RC/ICE, coordonnées bancaires) s'effectue désormais
    depuis Gestion Commerciale, pour permettre plusieurs entités de facturation.
  </p>
  <a href="/commercial#vendeurs" class="btn btn-outline-success btn-sm">Gérer les vendeurs →</a>
</div>

<div class="card p-4 bg-white mb-4" style="max-width: 700px;">
  <h2 class="h5 mb-3">☁️ Connecter Google Drive ou Dropbox</h2>
  <p class="text-muted small">
    ELFIRMA utilise les applications Google Drive / Dropbox déjà installées et connectées sur ce PC —
    vous n'avez jamais à taper votre email ou votre mot de passe ici. Choisissez simplement le compte
    détecté ci-dessous.
  </p>

  {% if comptes_cloud_detectes %}
  <div class="d-flex flex-column gap-2 mb-3">
    {% for c in comptes_cloud_detectes %}
    <form method="post" action="/parametres/dossier" class="d-flex align-items-center gap-2 border rounded p-2">
      <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
      <input type="hidden" name="dossier_sauvegarde" value="{{ c.chemin }}\ELFIRMA_Sauvegardes">
      <div class="flex-grow-1">
        <strong>{{ c.service }}</strong> <span class="text-muted small">({{ c.compte }})</span><br>
        <code class="small">{{ c.chemin }}</code>
      </div>
      {% if dossier_sauvegarde == c.chemin ~ "\\ELFIRMA_Sauvegardes" %}
        <span class="badge bg-success">Actif</span>
      {% else %}
        <button type="submit" class="btn btn-sm btn-outline-success">Utiliser ce compte</button>
      {% endif %}
    </form>
    {% endfor %}
  </div>
  {% else %}
  <p class="text-muted small">Aucun compte Google Drive ou Dropbox détecté sur ce poste. Installez l'application
    officielle (Google Drive pour ordinateur ou Dropbox) et connectez-vous-y normalement, puis revenez ici.</p>
  {% endif %}

  <details class="mb-3">
    <summary class="small text-muted">Indiquer un autre dossier manuellement</summary>
    <form method="post" action="/parametres/dossier" class="mt-2">
      <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
      <div class="input-group">
        <input type="text" name="dossier_sauvegarde" class="form-control" value="{{ dossier_sauvegarde }}">
        <button type="submit" class="btn btn-outline-success">Enregistrer</button>
      </div>
    </form>
  </details>

  <p class="mb-2"><strong>Dossier actif :</strong> <code>{{ dossier_sauvegarde }}</code></p>
  <form method="post" action="/parametres/sauvegarder">
    <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
    <button type="submit" class="btn btn-success">Sauvegarder maintenant</button>
  </form>
</div>

<div class="card p-4 bg-white mb-4" style="max-width: 700px;">
  <h2 class="h5 mb-3 text-muted">🔧 Connexion directe par API (avancé, optionnel)</h2>
  <div class="alert alert-warning small">
    Réservé aux utilisateurs à l'aise avec la technique. Le "Client ID" et le "Client Secret" ci-dessous
    ne sont <strong>ni votre identifiant ELFIRMA, ni votre email, ni votre mot de passe Google</strong> :
    ce sont des codes techniques que vous générez vous-même dans Google Cloud Console. Si vous ne savez pas
    ce que c'est, ignorez cette section — la connexion par compte détecté ci-dessus suffit amplement.
  </div>

  {% if google_compte_connecte %}
    <p class="mb-3">Connecté en tant que <strong>{{ google_compte_connecte }}</strong>. Chaque sauvegarde est
      aussi envoyée directement dans le dossier "ELFIRMA_Sauvegardes" de ce compte Google Drive via l'API.</p>
    <form method="post" action="/parametres/google/deconnecter">
      <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
      <button type="submit" class="btn btn-outline-danger btn-sm">Déconnecter ce compte</button>
    </form>
  {% elif google_identifiants_configures %}
    <p class="text-muted small">Identifiants Google configurés.</p>
    <a href="/parametres/google/connecter" class="btn btn-success btn-sm">Se connecter avec Google</a>
  {% else %}
    <p class="text-muted small">
      Créez un projet dans <a href="https://console.cloud.google.com/" target="_blank">Google Cloud Console</a>,
      activez l'API Google Drive, configurez l'écran de consentement OAuth (type Externe, statut Test, scope
      <code>drive.file</code>), puis créez un identifiant OAuth de type "Application Web" avec comme URI de
      redirection autorisée : <code>http://127.0.0.1:8000/parametres/google/callback</code>. Voir le README
      pour le détail pas-à-pas. Le Client ID généré par Google se termine toujours par
      <code>.apps.googleusercontent.com</code>.
    </p>
    <form method="post" action="/parametres/google/identifiants">
      <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
      <div class="mb-2">
        <label class="form-label">Client ID</label>
        <input type="text" name="google_client_id" class="form-control" value="{{ google_client_id }}"
               placeholder="123456789-abc.apps.googleusercontent.com" required>
      </div>
      <div class="mb-2">
        <label class="form-label">Client Secret</label>
        <input type="password" name="google_client_secret" class="form-control" required>
      </div>
      <button type="submit" class="btn btn-outline-success btn-sm">Enregistrer les identifiants</button>
    </form>
  {% endif %}
</div>

<h2 class="h5 mb-3">Sauvegardes existantes</h2>
{% if sauvegardes %}
<div class="table-responsive">
  <table class="table table-hover bg-white align-middle">
    <thead><tr><th>Fichier</th><th>Taille</th><th></th></tr></thead>
    <tbody>
      {% for s in sauvegardes %}
      <tr>
        <td>{{ s.nom }}</td>
        <td>{{ s.taille_ko }} Ko</td>
        <td class="text-end"><a href="/parametres/sauvegardes/{{ s.nom }}" class="btn btn-sm btn-outline-secondary">Télécharger</a></td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
</div>
{% else %}
<p class="text-muted">Aucune sauvegarde pour le moment.</p>
{% endif %}
{% endblock %}