<!DOCTYPE html>
<html lang="fr">
<head>
  <meta charset="UTF-8">
  <title>Diagnostic Connexion MySQL OVH</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <style>
    body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; background: #0F1210; color: #E8ECE9; padding: 20px; line-height: 1.5; }
    .card { max-width: 680px; margin: 20px auto; background: #191E1A; border: 1px solid #28332A; border-radius: 12px; padding: 24px; box-shadow: 0 8px 24px rgba(0,0,0,0.4); }
    h1 { font-size: 20px; margin-top: 0; color: #4ADE80; display: flex; align-items: center; gap: 10px; }
    .badge { display: inline-block; padding: 4px 10px; border-radius: 6px; font-weight: 700; font-size: 13px; }
    .badge-ok { background: #14532D; color: #86EFAC; }
    .badge-err { background: #7F1D1D; color: #FCA5A5; }
    .badge-warn { background: #78350F; color: #FCD34D; }
    .step { margin: 18px 0; padding: 14px; background: #222923; border-radius: 8px; border-left: 4px solid #38453B; }
    .step.ok { border-left-color: #22C55E; }
    .step.err { border-left-color: #EF4444; }
    .step.warn { border-left-color: #F59E0B; }
    pre { background: #0A0D0B; padding: 12px; border-radius: 6px; overflow-x: auto; font-size: 13px; color: #A7F3D0; }
    .tip { background: #1E293B; border-left: 4px solid #38BDF8; padding: 12px; border-radius: 6px; margin-top: 10px; font-size: 13px; color: #BAE6FD; }
    a.btn { display: inline-block; background: #22C55E; color: #052E16; padding: 10px 18px; border-radius: 8px; text-decoration: none; font-weight: 700; margin-top: 15px; }
  </style>
</head>
<body>
  <div class="card">
    <h1>🩺 Diagnostic Connexion Base de Données OVH</h1>
    <p style="color: #94A3B8; font-size: 14px;">Cette page teste point par point la liaison entre vos fichiers PHP et votre base MySQL OVH.</p>

    <!-- ÉTAPE 1 : Fichier db.php -->
    <div class="step ok">
      <strong>1. Fichier de configuration (api/db.php) :</strong><br>
      <span class="badge badge-ok">Présent</span> Le fichier a été chargé sans erreur de syntaxe PHP.<br>    </div>

    <!-- ÉTAPE 2 : Analyse des constantes définies -->
        <div class="step ok">
      <strong>2. Paramètres lus dans api/db.php :</strong><br>
      <ul style="margin: 8px 0; padding-left: 20px; font-size: 14px;">
        <li><strong>DB_HOST :</strong> <code>fondamlplanadmin.mysql.db</code>
                      <span class="badge badge-ok">Format OK</span>
                  </li>
        <li><strong>DB_NAME :</strong> <code>fondamlplanadmin</code></li>
        <li><strong>DB_USER :</strong> <code>fondamlplanadmin</code></li>
        <li><strong>DB_PASS :</strong> 
                      <code>D••••••••••3</code> (12 caractères) <span class="badge badge-ok">Renseigné</span>
                  </li>
      </ul>
    </div>

    <!-- ÉTAPE 3 : Test de connexion PDO MySQL -->
        <div class="step ok">
      <strong>3. Test de connexion réelle vers le serveur MySQL :</strong><br>
              <p><span class="badge badge-ok">SUCCÈS</span> La connexion à votre base MySQL OVH fonctionne à 100 % !</p>
          </div>

    <!-- ÉTAPE 4 : Vérification des tables créées par schema.sql -->
          <div class="step ok">
        <strong>4. Vérification des tables dans la base :</strong><br>
        <ul style="margin: 8px 0; padding-left: 20px; font-size: 14px;">
          <li>Table <code>utilisateurs</code> : <span class="badge badge-ok">10 enregistrements</span></li><li>Table <code>taches</code> : <span class="badge badge-err">Table manquante</span></li><li>Table <code>medicaments</code> : <span class="badge badge-err">Table manquante</span></li><li>Table <code>presences_regles</code> : <span class="badge badge-err">Table manquante</span></li><li>Table <code>presences_exceptions</code> : <span class="badge badge-err">Table manquante</span></li><li>Table <code>presences</code> : <span class="badge badge-err">Table manquante</span></li><li>Table <code>calendrier_rdv</code> : <span class="badge badge-err">Table manquante</span></li><li>Table <code>messages_carrousel</code> : <span class="badge badge-err">Table manquante</span></li>        </ul>

                  <div class="tip">
            Certaines tables sont manquantes : importez le fichier <code>schema.sql</code> dans phpMyAdmin (onglet SQL) pour les créer.
          </div>
              </div>
    
  </div>
</body>
</html>
