<?php
/**
 * view_tickets.php - ডাটাবেস থেকে সব সাপোর্ট টিকিট দেখার পেজ
 */

include('db_config.php');
include('header.php');

// ডাটাবেস থেকে টিকিটগুলো আনা (সবচেয়ে নতুনগুলো আগে দেখাবে)
$query = "SELECT * FROM tickets ORDER BY id DESC";
$result = mysqli_query($conn, $query);
?>

<style>
    :root {
        --primary-brand: #00aeef;
        --secondary-brand: #57a03a;
        --dark-bg: #1a1a1a;
    }
    .ticket-view-section {
        padding: 60px 0;
        background: #f4f7f6;
        min-height: 80vh;
    }
    .ticket-card {
        background: white;
        border-radius: 10px;
        padding: 25px;
        box-shadow: 0 5px 15px rgba(0,0,0,0.05);
        margin-bottom: 30px;
    }
    table {
        width: 100%;
        border-collapse: collapse;
        background: white;
    }
    th {
        background: var(--dark-bg);
        color: white;
        text-align: left;
        padding: 15px;
    }
    td {
        padding: 15px;
        border-bottom: 1px solid #eee;
    }
    tr:hover {
        background: #f9f9f9;
    }
    .status-badge {
        background: var(--secondary-brand);
        color: white;
        padding: 5px 10px;
        border-radius: 20px;
        font-size: 12px;
    }
</style>

<section class="ticket-view-section">
    <div class="container">
        <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px;">
            <h2>সাপোর্ট <span style="color: var(--primary-brand);">টিকিট লিস্ট</span></h2>
            <a href="support.php" style="text-decoration: none; color: var(--secondary-brand); font-weight: bold;"><i class="fas fa-plus"></i> নতুন টিকিট</a>
        </div>

        <div class="ticket-card">
        <?php if (mysqli_num_rows($result) > 0): ?>
        <div style="overflow-x: auto;">
            <table>
                <thead>
                    <tr>
                        <th>আইডি</th>
                        <th>কাস্টমার আইডি</th>
                        <th>সমস্যার ধরণ ও মেসেজ</th>
                        <th>তারিখ</th>
                        <th>স্ট্যাটাস</th>
                    </tr>
                </thead>
                <tbody>
                    <?php while($row = mysqli_fetch_assoc($result)): 
                        $status_class = str_replace(' ', '-', $row['status'] ?? 'Pending');
                    ?>
                    <tr>
                        <td>#<?php echo $row['id']; ?></td>
                        <td style="font-weight: bold; color: var(--primary-brand);"><?php echo htmlspecialchars($row['customer_id'] ?? 'N/A'); ?></td>
                        <td>
                            <strong><?php echo htmlspecialchars($row['issue_type']); ?></strong><br>
                            <small style="color: #666;"><?php echo nl2br(htmlspecialchars($row['message'])); ?></small>
                            
                            <?php if(!empty($row['admin_reply'])): ?>
                                <div class="admin-reply-box">
                                    <strong>অ্যাডমিন রিপ্লাই:</strong><br>
                                    <?php echo nl2br(htmlspecialchars($row['admin_reply'])); ?>
                                </div>
                            <?php endif; ?>
                        </td>
                        <td style="font-size: 13px; color: #666;"><?php echo $row['created_at']; ?></td>
                        <td>
                            <span class="status-badge status-<?php echo $status_class; ?>">
                                <?php echo htmlspecialchars($row['status'] ?? 'Pending'); ?>
                            </span>
                        </td>
                    </tr>
                    <?php endwhile; ?>
                </tbody>
            </table>
        </div>
        <?php else: ?>
            <p style="text-align: center; padding: 20px;">বর্তমানে কোনো টিকিট জমা নেই।</p>
        <?php endif; ?>
    </div>
</div>
    </div>
</section>

<?php include('footer.php'); ?>