<?php
/**
 * BÀI TẬP 01 (LAB 07): KHAI BÁO ROUTING NÂNG CAO CHO MÔ-ĐUN ARTICLES
 * - Tham số động bắt buộc: /articles/page/{page}
 * - Tham số tùy chọn + Regex: /articles/archive/{slug?} với where('slug', '[a-z0-9-]+')
 * - Named Routes: articles.page, articles.slug, admin.dashboard, admin.articles
 * - Route Group với prefix 'admin'
 */

$testUrl = trim($_GET['test_url'] ?? '/articles/archive/lam-chu-laravel-routing-nang-cao');
if ($testUrl === '' || $testUrl[0] !== '/') {
    $testUrl = '/' . $testUrl;
}

// Hàm mô phỏng bộ định tuyến Laravel (Router Dispatcher) cho Bài 01
function matchLaravelRoute(string $uri): array
{
    $cleanUri = '/' . trim(parse_url($uri, PHP_URL_PATH) ?: '/', '/');
    if ($cleanUri !== '/') {
        $cleanUri = rtrim($cleanUri, '/');
    }

    // 1. Route: GET /articles/page/{page} -> whereNumber('page')->name('articles.page')
    if (preg_match('#^/articles/page/([^/]+)$#', $cleanUri, $m)) {
        $page = $m[1];
        if (preg_match('/^[0-9]+$/', $page)) {
            return [
                'matched'    => true,
                'http_code'  => 200,
                'route_name' => 'articles.page',
                'pattern'    => '/articles/page/{page}',
                'constraint' => "whereNumber('page') // ^[0-9]+$",
                'params'     => ['page' => (int) $page],
                'action'     => 'Closure(int $page)',
                'output'     => "Đang xem danh sách bài viết tại trang số: {$page}",
            ];
        }
        return [
            'matched'    => false,
            'http_code'  => 404,
            'route_name' => 'articles.page (Vi phạm ràng buộc whereNumber)',
            'pattern'    => '/articles/page/{page}',
            'constraint' => "Tham số {page} = '{$page}' không khớp chữ số [0-9]+",
            'params'     => [],
            'action'     => 'Abort 404 Not Found',
            'output'     => "404 Not Found - Tham số {page} chỉ chấp nhận chữ số nguyên dương.",
        ];
    }

    // 2. Route: GET /articles/archive/{slug?} -> where('slug', '[a-z0-9-]+')->name('articles.slug')
    if (preg_match('#^/articles/archive(?:/([^/]+))?$#', $cleanUri, $m)) {
        $slug = $m[1] ?? null;
        if ($slug === null || $slug === '') {
            return [
                'matched'    => true,
                'http_code'  => 200,
                'route_name' => 'articles.slug',
                'pattern'    => '/articles/archive/{slug?}',
                'constraint' => "where('slug', '[a-z0-9-]+') (Tham số tùy chọn bỏ trống -> nhận mặc định)",
                'params'     => ['slug' => 'tat-ca-bai-viet (Mặc định)'],
                'action'     => 'Closure(?string $slug = "tat-ca-bai-viet")',
                'output'     => 'Đang tra cứu bài viết theo slug: tat-ca-bai-viet',
            ];
        }
        if (preg_match('/^[a-z0-9-]+$/', $slug)) {
            return [
                'matched'    => true,
                'http_code'  => 200,
                'route_name' => 'articles.slug',
                'pattern'    => '/articles/archive/{slug?}',
                'constraint' => "where('slug', '[a-z0-9-]+') // Hợp lệ",
                'params'     => ['slug' => $slug],
                'action'     => 'Closure(?string $slug)',
                'output'     => "Đang tra cứu bài viết theo slug: {$slug}",
            ];
        }
        return [
            'matched'    => false,
            'http_code'  => 404,
            'route_name' => 'articles.slug (Vi phạm Regex)',
            'pattern'    => '/articles/archive/{slug?}',
            'constraint' => "Slug '{$slug}' vi phạm Regex [a-z0-9-]+ (chứa chữ hoa hoặc ký tự đặc biệt)",
            'params'     => [],
            'action'     => 'Abort 404 Not Found',
            'output'     => "404 Not Found - Slug '{$slug}' không hợp lệ theo biểu thức chính quy [a-z0-9-]+.",
        ];
    }

    // 3. Route Group prefix('admin')->name('admin.')
    if ($cleanUri === '/admin/dashboard') {
        return [
            'matched'    => true,
            'http_code'  => 200,
            'route_name' => 'admin.dashboard',
            'pattern'    => '/admin/dashboard',
            'constraint' => "Route::prefix('admin')->name('admin.')",
            'params'     => [],
            'action'     => 'Closure (Admin Dashboard)',
            'output'     => 'Trang bảng điều khiển Quản trị viên (Admin Dashboard)',
        ];
    }

    if ($cleanUri === '/admin/articles') {
        return [
            'matched'    => true,
            'http_code'  => 200,
            'route_name' => 'admin.articles',
            'pattern'    => '/admin/articles',
            'constraint' => "Route::prefix('admin')->name('admin.')",
            'params'     => [],
            'action'     => 'ArticleController@index',
            'output'     => 'Hiển thị danh sách bài viết trong phân hệ Quản trị (Admin Articles)',
        ];
    }

    return [
        'matched'    => false,
        'http_code'  => 404,
        'route_name' => 'N/A',
        'pattern'    => 'Không khớp route nào',
        'constraint' => 'N/A',
        'params'     => [],
        'action'     => 'Symfony\Component\HttpKernel\Exception\NotFoundHttpException',
        'output'     => "404 NOT FOUND - Không tìm thấy định tuyến cho đường dẫn '{$cleanUri}'",
    ];
}

$result = matchLaravelRoute($testUrl);
$routesCode = file_get_contents(__DIR__ . '/../routes/web.php');

$presetUrls = [
    '/articles/page/2'                                    => 'Hợp lệ: Tham số {page} = 2',
    '/articles/page/abc'                                  => 'Lỗi 404: {page} không phải là số',
    '/articles/archive'                                   => 'Hợp lệ: Bỏ trống {slug?} tùy chọn',
    '/articles/archive/lam-chu-laravel-routing-nang-cao'  => 'Hợp lệ: {slug?} khớp Regex [a-z0-9-]+',
    '/articles/archive/Slug_Khong_Hop_Le!'                => 'Lỗi 404: {slug?} chứa chữ hoa & ký tự _!',
    '/admin/dashboard'                                    => 'Hợp lệ: Route Group prefix admin/dashboard',
    '/admin/articles'                                     => 'Hợp lệ: Route Group prefix admin/articles',
];
?>
<!DOCTYPE html>
<html lang="vi">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Bài 01: Routing nâng cao, Regex, Named Routes & Route Group - Lab 07</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css" rel="stylesheet">
</head>
<body class="bg-light">
    <nav class="navbar navbar-expand-lg navbar-dark bg-primary shadow-sm mb-4">
        <div class="container">
            <a class="navbar-brand fw-bold" href="../index.php">
                <i class="bi bi-signpost-split me-2"></i>Lab 07 &bull; Bài tập 01: Routing nâng cao
            </a>
            <div class="d-flex gap-2">
                <a href="../index.php" class="btn btn-outline-light btn-sm"><i class="bi bi-grid me-1"></i>Mục lục Lab 07</a>
                <a href="../Bai02/index.php" class="btn btn-light btn-sm fw-semibold text-primary">Bài 02 <i class="bi bi-arrow-right ms-1"></i></a>
            </div>
        </div>
    </nav>

    <div class="container pb-5">
        <ul class="nav nav-tabs mb-4" role="tablist">
            <li class="nav-item" role="presentation">
                <button class="nav-link active fw-semibold" data-bs-toggle="tab" data-bs-target="#tab-sim" type="button">
                    <i class="bi bi-play-circle me-1"></i>Thực nghiệm Bộ định tuyến (Route Matcher)
                </button>
            </li>
            <li class="nav-item" role="presentation">
                <button class="nav-link fw-semibold" data-bs-toggle="tab" data-bs-target="#tab-code" type="button">
                    <i class="bi bi-file-earmark-code me-1"></i>Mã nguồn `routes/web.php`
                </button>
            </li>
        </ul>

        <div class="tab-content">
            <!-- Tab 1: Thực nghiệm -->
            <div class="tab-pane fade show active" id="tab-sim">
                <div class="row g-4">
                    <div class="col-lg-7">
                        <div class="card border-0 shadow-sm mb-4">
                            <div class="card-header bg-white py-3">
                                <h5 class="mb-0 fw-bold"><i class="bi bi-search text-primary me-2"></i>Trình kiểm tra khớp URL Route trực tiếp</h5>
                            </div>
                            <div class="card-body">
                                <form method="GET" class="row g-2 mb-3">
                                    <div class="col-sm-9">
                                        <div class="input-group">
                                            <span class="input-group-text bg-light fw-semibold">GET</span>
                                            <input type="text" name="test_url" class="form-control font-monospace"
                                                   value="<?= htmlspecialchars($testUrl) ?>" placeholder="/articles/archive/laravel-10">
                                        </div>
                                    </div>
                                    <div class="col-sm-3">
                                        <button type="submit" class="btn btn-primary w-100 fw-semibold">
                                            <i class="bi bi-lightning-charge me-1"></i>Kiểm tra URL
                                        </button>
                                    </div>
                                </form>

                                <div class="mb-3">
                                    <div class="small fw-semibold text-secondary mb-2">Chọn nhanh các kịch bản thử nghiệm:</div>
                                    <div class="d-flex flex-wrap gap-2">
                                        <?php foreach ($presetUrls as $u => $label): ?>
                                            <a href="?test_url=<?= urlencode($u) ?>"
                                               class="btn btn-sm <?= $testUrl === $u ? 'btn-dark' : 'btn-outline-secondary' ?>">
                                                <code><?= htmlspecialchars($u) ?></code>
                                            </a>
                                        <?php endforeach; ?>
                                    </div>
                                </div>

                                <hr>

                                <!-- Kết quả phân tích Route -->
                                <div class="p-3 rounded-3 border <?= $result['matched'] ? 'bg-success-subtle border-success' : 'bg-danger-subtle border-danger' ?>">
                                    <div class="d-flex justify-content-between align-items-center mb-2">
                                        <span class="badge <?= $result['matched'] ? 'bg-success' : 'bg-danger' ?> fs-6">
                                            HTTP <?= $result['http_code'] ?> <?= $result['matched'] ? 'OK (Route Matched)' : 'Not Found' ?>
                                        </span>
                                        <code class="fw-bold"><?= htmlspecialchars($testUrl) ?></code>
                                    </div>
                                    <table class="table table-sm table-bordered bg-white mb-2">
                                        <tbody>
                                            <tr>
                                                <th style="width: 170px;">Mẫu Route (URI)</th>
                                                <td><code><?= htmlspecialchars($result['pattern']) ?></code></td>
                                            </tr>
                                            <tr>
                                                <th>Named Route</th>
                                                <td><span class="badge bg-primary"><?= htmlspecialchars($result['route_name']) ?></span></td>
                                            </tr>
                                            <tr>
                                                <th>Ràng buộc / Group</th>
                                                <td><code><?= htmlspecialchars($result['constraint']) ?></code></td>
                                            </tr>
                                            <tr>
                                                <th>Tham số thu được</th>
                                                <td><code><?= htmlspecialchars(json_encode($result['params'], JSON_UNESCAPED_UNICODE)) ?></code></td>
                                            </tr>
                                            <tr>
                                                <th>Đích xử lý (Action)</th>
                                                <td><code><?= htmlspecialchars($result['action']) ?></code></td>
                                            </tr>
                                        </tbody>
                                    </table>
                                    <div class="p-2 bg-dark text-white rounded font-monospace small">
                                        <strong>Response Output:</strong> <?= htmlspecialchars($result['output']) ?>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-5">
                        <div class="card border-0 shadow-sm">
                            <div class="card-header bg-white py-3">
                                <h5 class="mb-0 fw-bold"><i class="bi bi-table text-primary me-2"></i>Bảng định tuyến Bài tập 01</h5>
                            </div>
                            <div class="card-body p-0">
                                <div class="table-responsive">
                                    <table class="table table-hover align-middle mb-0 small">
                                        <thead class="table-light">
                                            <tr>
                                                <th>URI Pattern</th>
                                                <th>Named Route</th>
                                                <th>Ràng buộc</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td><code>/articles/page/{page}</code></td>
                                                <td><span class="badge bg-info text-dark">articles.page</span></td>
                                                <td><code>whereNumber('page')</code></td>
                                            </tr>
                                            <tr>
                                                <td><code>/articles/archive/{slug?}</code></td>
                                                <td><span class="badge bg-info text-dark">articles.slug</span></td>
                                                <td><code>where('slug', '[a-z0-9-]+')</code></td>
                                            </tr>
                                            <tr>
                                                <td><code>/admin/dashboard</code></td>
                                                <td><span class="badge bg-warning text-dark">admin.dashboard</span></td>
                                                <td><code>prefix('admin')</code></td>
                                            </tr>
                                            <tr>
                                                <td><code>/admin/articles</code></td>
                                                <td><span class="badge bg-warning text-dark">admin.articles</span></td>
                                                <td><code>prefix('admin')</code></td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                            <div class="card-footer bg-light small text-muted">
                                Helper tạo URL bằng Named Route:<br>
                                <code>route('articles.page', ['page' => 2])</code> &rarr; <code>/articles/page/2</code><br>
                                <code>route('articles.slug', ['slug' => 'laravel-10'])</code> &rarr; <code>/articles/archive/laravel-10</code>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Tab 2: Mã nguồn Laravel -->
            <div class="tab-pane fade" id="tab-code">
                <div class="card border-0 shadow-sm">
                    <div class="card-header bg-dark text-white d-flex justify-content-between align-items-center">
                        <span><i class="bi bi-code-slash me-2"></i>routes/web.php</span>
                        <span class="badge bg-secondary">Laravel 10 Routing</span>
                    </div>
                    <div class="card-body bg-dark text-light p-0">
                        <pre class="p-3 mb-0"><code><?= htmlspecialchars($routesCode) ?></code></pre>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>