<?php $current_page = 'cardyfie-customers'; ?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Cardyfie Customers - Admin App</title>
    <link rel="icon" href="/favicon.svg" type="image/svg+xml">
    <link rel="icon" href="/favicon.ico" sizes="any">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
    <?= view('admin/partials/admin_styles') ?>
    <style>
        .page-header { margin-bottom: 1.5rem; }
        .page-title { font-size: 1.5rem; color: #1e293b; font-weight: 700; }
        .breadcrumb {
            display: flex;
            align-items: center;
            gap: 0.5rem;
            color: #718096;
            margin-top: 0.5rem;
        }

        .breadcrumb a {
            color: #667eea;
            text-decoration: none;
            font-weight: 500;
        }

        .info-box {
            background: white;
            border-radius: 16px;
            padding: 3rem;
            box-shadow: 0 4px 20px rgba(0,0,0,0.05);
            text-align: center;
        }

        .info-box i {
            font-size: 4rem;
            color: #cbd5e0;
            margin-bottom: 1.5rem;
        }

        .info-box h3 {
            color: #1a202c;
            margin-bottom: 1rem;
            font-weight: 700;
        }

        .info-box p {
            color: #718096;
            line-height: 1.6;
        }
    </style>
</head>
<body>
<?= view('admin/partials/header_sidebar', ['current_page' => $current_page]) ?>

    <div class="page-header">
        <h1 class="page-title"><i class="fas fa-users"></i> Cardyfie Customers</h1>
        <div class="breadcrumb">
            <a href="<?= site_url('admin/dashboard') ?>">Dashboard</a>
            <i class="fas fa-chevron-right"></i>
            <span>Cardyfie Customers</span>
        </div>
    </div>

    <div class="info-box">
            <i class="fas fa-info-circle"></i>
            <h3>Customer Management</h3>
            <p><?= esc($message ?? 'Customer management requires database tracking. Customers are created via the Cardyfie API. To view customer details, use the API endpoint with the customer ULID.') ?></p>
            <p style="margin-top: 1rem; color: #4a5568;">
                <strong>API Endpoint:</strong> <code style="background: #f0f0f0; padding: 0.25rem 0.5rem; border-radius: 4px;">GET /api/cardyfie/customer/get/{ulid}</code>
            </p>
        </div>
<?= view('admin/partials/footer') ?>
</body>
</html>

