<?php
/**
 * Meus Saques - Área do Usuário
 * 
 * Histórico de saques do usuário
 */

// Proteção de autenticação (usuário comum apenas)
session_start();
require_once __DIR__ . '/../../backend/auth_helper.php';
requer_usuario('/dashboard/index.php');

// Conexão com o banco de dados
require __DIR__ . '/../../config/config_db.php';

// Obter dados do usuário logado
$usuario = usuario_logado();
$usuario_id = $usuario['id'];

// Buscar saques do usuário
try {
    $sql = "SELECT id, valor, status, forma_pagamento, chave_pagamento, observacao, created_at, updated_at
            FROM saques
            WHERE usuario_id = :usuario_id
            ORDER BY created_at DESC";
    $stmt = $pdo->prepare($sql);
    $stmt->execute([':usuario_id' => $usuario_id]);
    $saques = $stmt->fetchAll(PDO::FETCH_ASSOC);
} catch (PDOException $e) {
    error_log("Erro ao buscar saques: " . $e->getMessage());
    $saques = [];
}
?>
<style>
    .saques-container {
        padding: 20px;
        max-width: 1000px;
        margin: 0 auto;
    }

    .header {
        text-align: center;
        padding: 20px;
        margin-bottom: 30px;
    }

    .header h1 {
        font-size: 32px;
        font-weight: 800;
        margin-bottom: 10px;
        color: var(--text-main);
    }

    .header p {
        color: var(--text-muted);
        font-size: 16px;
    }

    .back-link {
        display: inline-block;
        margin-bottom: 20px;
        color: var(--primary-color, #667eea);
        text-decoration: none;
        font-weight: 600;
        padding: 10px 20px;
        background: var(--bg-card);
        border: 1px solid var(--border-color);
        border-radius: 8px;
        transition: all 0.3s;
    }

    .back-link:hover {
        background: var(--bg-card);
        transform: translateX(-5px);
        border-color: var(--primary-color, #667eea);
    }

    .table-container {
        background: var(--bg-card);
        border-radius: 15px;
        overflow: hidden;
        border: 1px solid var(--border-color);
    }

    table {
        width: 100%;
        border-collapse: collapse;
    }

    thead {
        background: var(--bg-body);
    }

    th {
        padding: 15px;
        text-align: left;
        font-weight: 600;
        color: var(--text-main);
        border-bottom: 2px solid var(--border-color);
    }

    td {
        padding: 15px;
        border-bottom: 1px solid var(--border-color);
        color: var(--text-main);
    }

    tbody tr:hover {
        background: var(--bg-body);
    }

    .status {
        padding: 5px 10px;
        border-radius: 5px;
        font-size: 12px;
        font-weight: 600;
        display: inline-block;
    }

    .status-pendente {
        background: var(--color_status_warning, #fbbf24);
        color: #ffffff;
    }

    .status-aprovado {
        background: var(--color_status_success, #4ade80);
        color: #ffffff;
    }

    .status-reprovado {
        background: var(--color_status_danger, #f87171);
        color: #ffffff;
    }

    .status-pago {
        background: var(--primary-color, #667eea);
        color: #ffffff;
    }

    .no-data {
        text-align: center;
        padding: 60px 20px;
        color: var(--text-muted);
    }

    @media (max-width: 768px) {
        .table-container {
            overflow-x: auto;
        }
    }
</style>

<div class="saques-container">
    <a href="?page=financeiro" class="back-link">
        <i class="fas fa-arrow-left"></i> Voltar para Financeiro
    </a>

    <div class="header">
        <h1><i class="fas fa-list"></i> Meus Saques</h1>
        <p>Histórico de suas solicitações de saque</p>
    </div>

    <?php if (empty($saques)): ?>
        <div class="no-data">
            <i class="fas fa-inbox" style="font-size: 64px; margin-bottom: 20px; opacity: 0.5;"></i>
            <h2>Nenhum saque encontrado</h2>
            <p>Você ainda não possui solicitações de saque.</p>
        </div>
    <?php else: ?>
        <div class="table-container">
            <table>
                <thead>
                    <tr>
                        <th>Data</th>
                        <th>Valor</th>
                        <th>Forma</th>
                        <th>Chave</th>
                        <th>Status</th>
                        <th>Observação</th>
                    </tr>
                </thead>
                <tbody>
                    <?php foreach ($saques as $saque): ?>
                    <tr>
                        <td><?= date('d/m/Y H:i', strtotime($saque['created_at'])); ?></td>
                        <td><strong style="color: var(--color_status_success, #4ade80);">R$ <?= number_format(floatval($saque['valor']), 2, ',', '.'); ?></strong></td>
                        <td><?= htmlspecialchars($saque['forma_pagamento']); ?></td>
                        <td style="font-size: 12px; color: var(--text-muted);"><?= htmlspecialchars(substr($saque['chave_pagamento'], 0, 20)) . (strlen($saque['chave_pagamento']) > 20 ? '...' : ''); ?></td>
                        <td>
                            <span class="status status-<?= strtolower($saque['status']); ?>">
                                <?= ucfirst(htmlspecialchars($saque['status'])); ?>
                            </span>
                        </td>
                        <td style="font-size: 12px; color: var(--text-muted);">
                            <?= !empty($saque['observacao']) ? htmlspecialchars($saque['observacao']) : '-'; ?>
                        </td>
                    </tr>
                    <?php endforeach; ?>
                </tbody>
            </table>
        </div>
    <?php endif; ?>
</div>
