<?php
/**
 * echo.php - Page d'apprentissage des bases PHP avec PDO
 * 
 * Instructions d'installation via FTP (WinSCP/FileZilla) :
 * 1. Connectez-vous à votre serveur via FTP
 * 2. Transférez ce fichier vers votre répertoire web (ex: public_html, www, htdocs)
 * 3. Assurez-vous que les permissions du fichier sont 644
 * 4. Accédez à http://votresite.com/echo.php
 */

// Configuration de la base de données
define('DB_HOST', 'localhost');     // Serveur MySQL
define('DB_NAME', 'test_db');       // Nom de la base de données
define('DB_USER', 'root');          // Utilisateur MySQL
define('DB_PASS', '');              // Mot de passe MySQL

// Activer l'affichage des erreurs pour le développement
error_reporting(E_ALL);
ini_set('display_errors', 1);

// Classe pour gérer la connexion PDO
class Database {
    private $pdo;
    private $error;

    public function __construct() {
        try {
            $dsn = "mysql:host=" . DB_HOST . ";dbname=" . DB_NAME . ";charset=utf8mb4";
            $options = [
                PDO::ATTR_ERRMODE => PDO::ERRMODE_EXCEPTION,
                PDO::ATTR_DEFAULT_FETCH_MODE => PDO::FETCH_ASSOC,
                PDO::ATTR_EMULATE_PREPARES => false
            ];
            
            $this->pdo = new PDO($dsn, DB_USER, DB_PASS, $options);
            $this->logMessage("Connexion à la base de données établie avec succès");
        } catch (PDOException $e) {
            $this->error = "Erreur de connexion : " . $e->getMessage();
            $this->logMessage($this->error);
            die($this->error);
        }
    }

    public function getConnection() {
        return $this->pdo;
    }

    private function logMessage($message) {
        $logFile = 'pdo_log.txt';
        $timestamp = date('Y-m-d H:i:s');
        file_put_contents($logFile, "[$timestamp] $message\n", FILE_APPEND);
    }

    public function createSampleTable() {
        try {
            $sql = "CREATE TABLE IF NOT EXISTS utilisateurs (
                id INT AUTO_INCREMENT PRIMARY KEY,
                nom VARCHAR(100) NOT NULL,
                email VARCHAR(100) UNIQUE NOT NULL,
                age INT,
                ville VARCHAR(100),
                date_creation TIMESTAMP DEFAULT CURRENT_TIMESTAMP
            ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4";
            
            $this->pdo->exec($sql);
            $this->logMessage("Table 'utilisateurs' créée avec succès");
            return true;
        } catch (PDOException $e) {
            $this->logMessage("Erreur création table : " . $e->getMessage());
            return false;
        }
    }

    public function insertUser($nom, $email, $age, $ville) {
        try {
            $sql = "INSERT INTO utilisateurs (nom, email, age, ville) VALUES (:nom, :email, :age, :ville)";
            $stmt = $this->pdo->prepare($sql);
            $stmt->execute([
                ':nom' => $nom,
                ':email' => $email,
                ':age' => $age,
                ':ville' => $ville
            ]);
            return $this->pdo->lastInsertId();
        } catch (PDOException $e) {
            $this->logMessage("Erreur insertion : " . $e->getMessage());
            return false;
        }
    }

    public function getUsers() {
        try {
            $sql = "SELECT * FROM utilisateurs ORDER BY date_creation DESC";
            $stmt = $this->pdo->query($sql);
            return $stmt->fetchAll();
        } catch (PDOException $e) {
            $this->logMessage("Erreur récupération : " . $e->getMessage());
            return [];
        }
    }

    public function deleteUser($id) {
        try {
            $sql = "DELETE FROM utilisateurs WHERE id = :id";
            $stmt = $this->pdo->prepare($sql);
            return $stmt->execute([':id' => $id]);
        } catch (PDOException $e) {
            $this->logMessage("Erreur suppression : " . $e->getMessage());
            return false;
        }
    }
}

// Initialisation
$db = new Database();
$db->createSampleTable();
$message = '';

// Traitement des formulaires
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
    if (isset($_POST['action'])) {
        switch ($_POST['action']) {
            case 'add':
                if (isset($_POST['nom'], $_POST['email'], $_POST['age'], $_POST['ville'])) {
                    $id = $db->insertUser($_POST['nom'], $_POST['email'], $_POST['age'], $_POST['ville']);
                    if ($id) {
                        $message = '<div class="alert success">✅ Utilisateur ajouté avec succès (ID: ' . $id . ')</div>';
                    } else {
                        $message = '<div class="alert error">❌ Erreur lors de l\'ajout (email peut-être déjà utilisé)</div>';
                    }
                }
                break;
                
            case 'delete':
                if (isset($_POST['id'])) {
                    if ($db->deleteUser($_POST['id'])) {
                        $message = '<div class="alert success">✅ Utilisateur supprimé avec succès</div>';
                    } else {
                        $message = '<div class="alert error">❌ Erreur lors de la suppression</div>';
                    }
                }
                break;
        }
    }
}

$users = $db->getUsers();
?>

<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Apprentissage PHP & PDO - Page Echo</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            min-height: 100vh;
            padding: 20px;
        }

        .container {
            max-width: 1200px;
            margin: 0 auto;
            background: white;
            border-radius: 15px;
            box-shadow: 0 20px 60px rgba(0,0,0,0.3);
            overflow: hidden;
        }

        .header {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            color: white;
            padding: 30px;
            text-align: center;
        }

        .header h1 {
            font-size: 2.5em;
            margin-bottom: 10px;
        }

        .content {
            padding: 30px;
        }

        .section {
            margin-bottom: 40px;
            padding: 20px;
            background: #f8f9fa;
            border-radius: 10px;
            border-left: 4px solid #667eea;
        }

        .section h2 {
            color: #333;
            margin-bottom: 20px;
            font-size: 1.5em;
        }

        .form-group {
            margin-bottom: 15px;
        }

        label {
            display: block;
            margin-bottom: 5px;
            color: #555;
            font-weight: bold;
        }

        input, select {
            width: 100%;
            padding: 10px;
            border: 1px solid #ddd;
            border-radius: 5px;
            font-size: 16px;
        }

        button {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            color: white;
            border: none;
            padding: 10px 20px;
            border-radius: 5px;
            cursor: pointer;
            font-size: 16px;
            transition: transform 0.2s;
        }

        button:hover {
            transform: translateY(-2px);
        }

        table {
            width: 100%;
            border-collapse: collapse;
            background: white;
            border-radius: 10px;
            overflow: hidden;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }

        th, td {
            padding: 12px;
            text-align: left;
            border-bottom: 1px solid #eee;
        }

        th {
            background: #667eea;
            color: white;
            font-weight: bold;
        }

        tr:hover {
            background: #f5f5f5;
        }

        .alert {
            padding: 15px;
            margin-bottom: 20px;
            border-radius: 5px;
            animation: slideIn 0.3s ease;
        }

        @keyframes slideIn {
            from {
                transform: translateY(-20px);
                opacity: 0;
            }
            to {
                transform: translateY(0);
                opacity: 1;
            }
        }

        .alert.success {
            background: #d4edda;
            color: #155724;
            border: 1px solid #c3e6cb;
        }

        .alert.error {
            background: #f8d7da;
            color: #721c24;
            border: 1px solid #f5c6cb;
        }

        .code-block {
            background: #2d3748;
            color: #fbbf24;
            padding: 15px;
            border-radius: 5px;
            font-family: 'Courier New', monospace;
            overflow-x: auto;
            margin: 15px 0;
        }

        .resources {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 20px;
            margin-top: 20px;
        }

        .resource-card {
            background: white;
            padding: 15px;
            border-radius: 8px;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
            transition: transform 0.2s;
        }

        .resource-card:hover {
            transform: translateY(-5px);
        }

        .resource-card h3 {
            color: #667eea;
            margin-bottom: 10px;
        }

        .resource-card a {
            color: #764ba2;
            text-decoration: none;
        }

        .resource-card a:hover {
            text-decoration: underline;
        }

        .ftp-steps {
            background: #fff3cd;
            border-left-color: #ffc107;
        }

        @media (max-width: 768px) {
            .content {
                padding: 20px;
            }
            
            table {
                font-size: 14px;
            }
            
            th, td {
                padding: 8px;
            }
        }
    </style>
</head>
<body>
    <div class="container">
        <div class="header">
            <h1>🐘 Apprentissage PHP & PDO</h1>
            <p>Page Echo - Découvrez les bases de PHP avec une connexion PDO</p>
        </div>

        <div class="content">
            <?php echo $message; ?>

            <!-- Section PHP Echo -->
            <div class="section">
                <h2>📢 La fonction echo en PHP</h2>
                <div class="code-block">
                    <?php 
                    echo "// Exemple d'utilisation de echo<br>";
                    echo "echo 'Hello World!'<br>";
                    echo "echo 'Date du jour : ' . date('d/m/Y') . '<br>'";
                    echo "<br><br>Résultat :<br>";
                    echo "<strong>Hello World!</strong><br>";
                    echo "Date du jour : <strong>" . date('d/m/Y') . "</strong><br>";
                    ?>
                </div>
                <p><strong>💡 Astuce :</strong> echo permet d'afficher du texte, des variables et du HTML dans votre page web.</p>
            </div>

            <!-- Formulaire d'ajout -->
            <div class="section">
                <h2>➕ Ajouter un utilisateur</h2>
                <form method="POST" action="">
                    <input type="hidden" name="action" value="add">
                    <div class="form-group">
                        <label>Nom *</label>
                        <input type="text" name="nom" required placeholder="Jean Dupont">
                    </div>
                    <div class="form-group">
                        <label>Email *</label>
                        <input type="email" name="email" required placeholder="jean@example.com">
                    </div>
                    <div class="form-group">
                        <label>Âge</label>
                        <input type="number" name="age" placeholder="25">
                    </div>
                    <div class="form-group">
                        <label>Ville</label>
                        <input type="text" name="ville" placeholder="Paris">
                    </div>
                    <button type="submit">➕ Ajouter</button>
                </form>
            </div>

            <!-- Liste des utilisateurs -->
            <div class="section">
                <h2>👥 Liste des utilisateurs (<?php echo count($users); ?>)</h2>
                <?php if (empty($users)): ?>
                    <p>Aucun utilisateur pour le moment. Ajoutez-en un !</p>
                <?php else: ?>
                    <table>
                        <thead>
                            <tr>
                                <th>ID</th>
                                <th>Nom</th>
                                <th>Email</th>
                                <th>Âge</th>
                                <th>Ville</th>
                                <th>Date création</th>
                                <th>Action</th>
                            </tr>
                        </thead>
                        <tbody>
                            <?php foreach ($users as $user): ?>
                            <tr>
                                <td><?php echo $user['id']; ?></td>
                                <td><?php echo htmlspecialchars($user['nom']); ?></td>
                                <td><?php echo htmlspecialchars($user['email']); ?></td>
                                <td><?php echo $user['age'] ?: '-'; ?></td>
                                <td><?php echo htmlspecialchars($user['ville'] ?: '-'); ?></td>
                                <td><?php echo date('d/m/Y H:i', strtotime($user['date_creation'])); ?></td>
                                <td>
                                    <form method="POST" style="display:inline;">
                                        <input type="hidden" name="action" value="delete">
                                        <input type="hidden" name="id" value="<?php echo $user['id']; ?>">
                                        <button type="submit" style="background:#dc3545; padding:5px 10px;">🗑️</button>
                                    </form>
                                </td>
                            </tr>
                            <?php endforeach; ?>
                        </tbody>
                    </table>
                <?php endif; ?>
            </div>

            <!-- Section FTP -->
            <div class="section ftp-steps">
                <h2>📁 Installation via FTP (WinSCP / FileZilla)</h2>
                <div class="code-block">
                    <strong>Étapes :</strong><br>
                    1. Téléchargez et installez <a href="https://filezilla-project.org/" target="_blank">FileZilla</a> ou <a href="https://winscp.net/" target="_blank">WinSCP</a><br>
                    2. Ouvrez votre client FTP<br>
                    3. Connectez-vous avec vos identifiants FTP (hôte, utilisateur, mot de passe)<br>
                    4. Naviguez vers le répertoire web (public_html, www, htdocs)<br>
                    5. Glissez-déposez ce fichier echo.php dans le répertoire<br>
                    6. Modifiez les permissions : clic droit → "File permissions" → 644<br>
                    7. Accédez à http://votresite.com/echo.php<br>
                </div>
                <p><strong>🔧 Configuration de la base de données :</strong> Modifiez les constantes DB_HOST, DB_NAME, DB_USER, DB_PASS au début du fichier.</p>
            </div>

            <!-- Ressources d'apprentissage -->
            <div class="section">
                <h2>📚 Ressources pour apprendre PHP, PDO et phpMyAdmin</h2>
                <div class="resources">
                    <div class="resource-card">
                        <h3>🐘 PHP Officiel</h3>
                        <a href="https://www.php.net/manual/fr/" target="_blank">Documentation PHP officielle</a><br>
                        <a href="https://www.php.net/manual/fr/book.pdo.php" target="_blank">PDO Documentation</a>
                    </div>
                    
                    <div class="resource-card">
                        <h3>🗄️ phpMyAdmin</h3>
                        <a href="https://docs.phpmyadmin.net/fr/" target="_blank">Documentation phpMyAdmin</a><br>
                        <a href="https://www.phpmyadmin.net/" target="_blank">Site officiel</a>
                    </div>
                    
                    <div class="resource-card">
                        <h3>📖 Tutoriels Français</h3>
                        <a href="https://grafikart.fr/tutoriels/php" target="_blank">Grafikart - Tutoriels PHP</a><br>
                        <a href="https://openclassrooms.com/fr/courses/918836-concevez-votre-site-web-avec-php-et-mysql" target="_blank">OpenClassrooms - PHP/MySQL</a>
                    </div>
                    
                    <div class="resource-card">
                        <h3>🎥 Vidéos YouTube</h3>
                        <a href="https://www.youtube.com/watch?v=qzXMSusVb4U" target="_blank">Apprendre PHP (3h)</a><br>
                        <a href="https://www.youtube.com/watch?v=8gbJNAn9iwU" target="_blank">PDO - Sécuriser vos requêtes</a>
                    </div>
                    
                    <div class="resource-card">
                        <h3>🔧 Outils utiles</h3>
                        <a href="https://www.apachefriends.org/" target="_blank">XAMPP - Serveur local</a><br>
                        <a href="https://www.mamp.info/" target="_blank">MAMP pour Mac</a>
                    </div>
                    
                    <div class="resource-card">
                        <h3>💡 Exercices pratiques</h3>
                        <a href="https://exercism.org/tracks/php" target="_blank">Exercism - Exercices PHP</a><br>
                        <a href="https://www.w3schools.com/php/" target="_blank">W3Schools PHP Tutorial</a>
                    </div>
                </div>
            </div>

            <!-- Variables PHP -->
            <div class="section">
                <h2>🔍 Exemple de variables PHP</h2>
                <div class="code-block">
                    <?php
                    $nom = "PHP";
                    $version = 8.2;
                    $estFacile = true;
                    
                    echo "\$nom = \"$nom\"<br>";
                    echo "\$version = $version<br>";
                    echo "\$estFacile = " . ($estFacile ? "true" : "false") . "<br>";
                    echo "<br>🔹 Affichage avec echo : \"J'apprends $nom $version\"<br>";
                    echo "Résultat : J'apprends <strong>$nom $version</strong>";
                    ?>
                </div>
            </div>
        </div>
    </div>

    <!-- Pied de page avec informations -->
    <div style="text-align: center; margin-top: 20px; color: white;">
        <p>📅 Page générée le <?php echo date('d/m/Y à H:i:s'); ?> | 
        🐘 PHP Version : <?php echo phpversion(); ?> | 
        📊 Base de données : <?php echo DB_NAME; ?></p>
    </div>
</body>
</html>