<?php
require_once 'config.php';

if(!isLoggedIn()) {
    header("Location: login.php");
    exit;
}

$stmt = $pdo->prepare("SELECT d.*, p.title as project_name 
                        FROM donations d 
                        JOIN projects p ON d.project_id = p.id 
                        WHERE d.user_id = ? 
                        ORDER BY d.created_at DESC");
$stmt->execute([$_SESSION['user_id']]);
$donations = $stmt->fetchAll(PDO::FETCH_ASSOC);

$total_donated = array_sum(array_column($donations, 'amount'));
?>
<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <title>Мои пожертвования - Благотворительный фонд</title>
    <meta name="description" content="Список ваших пожертвований">
    <style>
        * { margin: 0; padding: 0; box-sizing: border-box; }
        body { font-family: 'Segoe UI', Arial, sans-serif; background: #f0fdf4; }
        header, footer { background: #0f172a; color: #f8fafc; padding: 1rem; text-align: center; }
        nav a { color: #f8fafc; margin: 0 15px; text-decoration: none; }
        nav a:hover { color: #14b8a6; }
        main { max-width: 1100px; margin: 30px auto; padding: 20px; background: #fff; border-radius: 20px; min-height: 60vh; }
        .total-card { background: linear-gradient(135deg, #0f766e 0%, #14b8a6 100%); color: #fff; padding: 25px; border-radius: 16px; margin-bottom: 30px; text-align: center; }
        .total-amount { font-size: 2.5rem; font-weight: bold; }
        table { width: 100%; border-collapse: collapse; }
        th, td { padding: 12px; text-align: left; border-bottom: 1px solid #ddd; }
        th { background: #f8fafc; color: #0f172a; }
        .btn { display: inline-block; background: #0f766e; color: #fff; padding: 10px 20px; text-decoration: none; border-radius: 8px; margin-top: 20px; }
        h1 { margin-bottom: 20px; color: #0f172a; }
        .empty { text-align: center; padding: 50px; }
        @media (max-width: 768px) { table, thead, tbody, th, td, tr { display: block; } th { display: none; } td { display: block; padding: 8px; } }
    </style>
</head>
<body>
<header>
    <div style="display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;">
        <h1 style="margin: 0;">🤝 Благотворительный фонд "Вместе"</h1>
        <nav>
            <a href="index.php">🏠 Проекты</a>
            <a href="donate.php">💝 Пожертвовать</a>
            <a href="my_donations.php">📋 Мои пожертвования</a>
            <a href="logout.php">🚪 Выйти (<?= h($_SESSION['username']) ?>)</a>
        </nav>
    </div>
</header>

<main>
    <h1>📋 Мои пожертвования</h1>
    
    <div class="total-card">
        <div>💝 Всего вы пожертвовали</div>
        <div class="total-amount"><?= number_format($total_donated, 0) ?> ₽</div>
        <div>Спасибо за вашу доброту!</div>
    </div>
    
    <?php if(count($donations) > 0): ?>
        <table>
            <thead>
                <tr><th>№</th><th>Проект</th><th>Сумма</th><th>Анонимно</th><th>Комментарий</th><th>Дата</th></tr>
            </thead>
            <tbody>
                <?php foreach($donations as $d): ?>
                <tr>
                    <td>#<?= $d['id'] ?></td>
                    <td><strong><?= h($d['project_name']) ?></strong></td>
                    <td><?= number_format($d['amount'], 0) ?> ₽</td>
                    <td><?= $d['is_anonymous'] ? '🙈 Да' : '👤 Нет' ?></td>
                    <td><?= h(mb_substr($d['comment'], 0, 50)) ?: '—' ?>...</td>
                    <td><?= date('d.m.Y H:i', strtotime($d['created_at'])) ?></td>
                </tr>
                <?php endforeach; ?>
            </tbody>
        </table>
    <?php else: ?>
        <div class="empty">
            <p>😕 У вас пока нет пожертвований.</p>
            <a href="donate.php" class="btn">Сделать пожертвование</a>
        </div>
    <?php endif; ?>
    
    <a href="donate.php" class="btn">← Сделать новое пожертвование</a>
</main>

<footer>
    <p>&copy; 2025 Благотворительный фонд "Вместе". Вместе мы сила!</p>
</footer>
</body>
</html>