<!DOCTYPE html>
<html lang="en">
<!--begin::Head-->

<head>
    <?php require $_SERVER['DOCUMENT_ROOT'].'/hethong/head2.php';?>
    <title>Lịch Sử Khởi Tạo Thiết Kế | <?=$lxtdev['ten_web'];?></title>
    <?php require $_SERVER['DOCUMENT_ROOT'].'/hethong/nav.php';?>

    <!-- Nhúng bộ thư viện biểu tượng FontAwesome -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">

    <style>
        /* Tối ưu hóa cấu trúc bảng dữ liệu lịch sử cao cấp */
        .premium-table-card {
            border: 1px solid rgba(0, 0, 0, 0.05) !important;
            border-radius: 16px !important;
            background: #ffffff;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.02) !important;
        }
        [data-bs-theme="dark"] .premium-table-card {
            background: #1e1e2d;
            border: 1px solid rgba(255, 255, 255, 0.05) !important;
        }
        .table th {
            text-transform: uppercase;
            font-size: 0.8rem !important;
            letter-spacing: 0.5px;
            font-weight: 700 !important;
        }
    </style>
</head>

<body id="kt_app_body" data-kt-app-layout="light-sidebar" data-kt-app-header-fixed="true"
    data-kt-app-sidebar-enabled="true" data-kt-app-sidebar-fixed="true" data-kt-app-sidebar-hoverable="true"
    data-kt-app-sidebar-push-header="true" data-kt-app-sidebar-push-toolbar="true"
    data-kt-app-sidebar-push-footer="true" data-kt-app-toolbar-enabled="true" class="app-default">
    
    <script>var defaultThemeMode = "light"; var themeMode; if (document.documentElement) { if (document.documentElement.hasAttribute("data-bs-theme-mode")) { themeMode = document.documentElement.getAttribute("data-bs-theme-mode"); } else { if (localStorage.getItem("data-bs-theme") !== null) { themeMode = localStorage.getItem("data-bs-theme"); } else { themeMode = defaultThemeMode; } } if (themeMode === "system") { themeMode = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light"; } document.documentElement.setAttribute("data-bs-theme", themeMode); }</script>
    
    <div class="d-flex flex-column flex-root app-root" id="kt_app_root">
        <div class="app-page flex-column flex-column-fluid" id="kt_app_page">
            
            <div class="app-wrapper flex-column flex-row-fluid" id="kt_app_wrapper">
                <?php require $_SERVER['DOCUMENT_ROOT'].'/hethong/sider.php';?>
            </div>
            
            <div class="app-main flex-column flex-row-fluid" id="kt_app_main">
                <div class="d-flex flex-column flex-column-fluid">
                    
                    <!-- BREADCRUMB HEADER TOOLBAR -->
                    <div id="kt_app_toolbar" class="app-toolbar py-3 py-lg-6">
                        <div id="kt_app_toolbar_container" class="app-container container-fluid d-flex flex-stack">
                            <div class="page-title d-flex flex-column justify-content-center flex-wrap me-3">
                                <h1 class="page-heading d-flex text-dark fw-bold fs-3 flex-column justify-content-center my-0">
                                    <i class="fa-solid fa-clock-rotate-left text-primary fs-4 mb-1"></i> Quản Lý Đơn Hàng Thiết Kế
                                </h1>
                                <ul class="breadcrumb breadcrumb-separatorless fw-semibold fs-7 my-0 pt-1">
                                    <li class="breadcrumb-item text-muted"><a href="/" class="text-muted text-hover-primary">Home</a></li>
                                    <li class="breadcrumb-item"><span class="bullet bg-gray-400 w-5px h-2px"></span></li>
                                    <li class="breadcrumb-item text-muted">Lịch sử tạo logo</li>
                                </ul>
                            </div>
                            <div class="d-flex align-items-center gap-2 gap-lg-3">
                                <a href="#" class="btn btn-sm fw-bold btn-light-success px-4 py-3" data-bs-toggle="modal" data-bs-target="#kt_modal_create_app">
                                    <i class="fa-solid fa-wallet me-1"></i> <?=tien($user['money']);?>đ
                                </a>
                            </div>
                        </div>
                    </div>

                    <!-- BẢNG DỮ LIỆU LỊCH SỬ -->
                    <div class="content d-flex flex-column flex-column-fluid" id="kt_content">
                        <div class="container-xxl" id="kt_content_container">
                            
                            <div class="row g-5 g-xl-10">
                                <div class="col-xl-12">
                                    <div class="card premium-table-card">
                                        
                                        <!-- Header điều khiển bảng -->
                                        <div class="card-header border-0 pt-6 bg-transparent">
                                            <div class="card-title">
                                                <div class="d-flex align-items-center position-relative my-1">
                                                    <h3 class="d-flex flex-column">
                                                        <span class="fw-black text-dark fs-4 mb-1">Tiến độ thiết kế cá nhân</span>
                                                        <span class="text-muted fw-semibold fs-7">Cập nhật thời gian thực: <?=$time;?></span>
                                                    </h3>
                                                </div>
                                            </div>
                                            <div class="card-toolbar">
                                                <a href="" class="btn btn-sm btn-light-primary fw-bold px-4">
                                                    <i class="fa-solid fa-rotate me-1"></i> Làm mới dữ liệu
                                                </a>
                                            </div>
                                        </div>

                                        <!-- Thân bảng chứa dữ liệu -->
                                        <div class="card-body py-4">
                                            <div class="table-responsive">
                                                <table class="table table-row-dashed table-row-gray-300 align-middle gs-0 gy-4">
                                                    
                                                    <thead>
                                                        <tr class="fw-bold text-muted border-bottom border-gray-200 bg-light-structure px-2">
                                                            <th class="w-80px ps-3">Mã đơn</th>
                                                            <th class="min-w-150px">Nội dung chữ hiển thị</th>
                                                            <th class="min-w-180px">Thành phẩm bản vẽ (Output)</th>
                                                            <th class="min-w-150px">Thời điểm tạo</th>
                                                            <th class="min-w-120px text-end pe-3">Trạng thái</th>
                                                        </tr>
                                                    </thead>
                                                    
                                                    <tbody>
                                                        <?php
                                                        $result = mysqli_query($ketnoi, "SELECT * FROM `ls_logo` WHERE `username`='" . mysqli_real_escape_string($ketnoi, $user['username']) . "' ORDER BY `id` DESC");
                                                        if(mysqli_num_rows($result) == 0) {
                                                            echo '<tr><td colspan="5" class="text-center text-muted py-8 fw-semibold fs-6"><i class="fa-regular fa-folder-open fs-2 d-block mb-3 text-gray-400"></i>Bạn chưa có yêu cầu tạo logo nào trong lịch sử.</td></tr>';
                                                        }
                                                        while($row = mysqli_fetch_assoc($result)) {
                                                        ?>
                                                        <!-- Đã thêm thẻ mở dòng tr chuẩn cấu trúc HTML -->
                                                        <tr>
                                                            <!-- Cột ID -->
                                                            <td class="ps-3">
                                                                <span class="text-gray-600 fw-bold fs-6">#<?=$row['id'];?></span>
                                                            </td>
                                                            
                                                            <!-- Cột tên/chữ trên logo -->
                                                            <td>
                                                                <div class="d-flex align-items-center">
                                                                    <div class="d-flex flex-column">
                                                                        <span class="text-dark fw-bolder text-hover-primary fs-6"><?=$row['name'];?></span>
                                                                    </div>
                                                                </div>
                                                            </td>
                                                            
                                                            <!-- Cột Link tải sản phẩm xử lý thông minh -->
                                                            <td>
                                                                <?php if(!empty($row['logo_output']) && $row['logo_output'] != '#') { ?>
                                                                    <a href="<?=$row['logo_output'];?>" target="_blank" class="btn btn-sm btn-light-success fw-bold py-1.5 px-3 fs-7 rounded-pill">
                                                                        <i class="fa-solid fa-cloud-arrow-down me-1"></i> Tải file gốc ảnh sạch
                                                                    </a>
                                                                <?php } else { ?>
                                                                    <span class="badge badge-light-secondary text-gray-500 fw-semibold fs-7 px-3 py-1.5">
                                                                        <i class="fa-solid fa-spinner fa-spin me-1 text-muted"></i> Đang chờ kết xuất file...
                                                                    </span>
                                                                <?php } ?>
                                                            </td>
                                                            
                                                            <!-- Cột thời gian -->
                                                            <td>
                                                                <span class="text-gray-800 fw-semibold d-block fs-7">
                                                                    <i class="fa-regular fa-calendar-days text-muted me-1"></i> <?=ngay($row['time']);?>
                                                                </span>
                                                            </td>
                                                            
                                                            <!-- Cột trạng thái xử lý màu sắc badge -->
                                                            <td class="text-end pe-3">
                                                                <?php 
                                                                // Sử dụng hàm định dạng có sẵn của bạn kết hợp bọc khối nâng cấp
                                                                $status_badge = napthe($row['status']);
                                                                // Tự động tối ưu hóa cấu trúc nếu hàm napthe trả về text thường
                                                                if (strpos($status_badge, 'badge') !== false) {
                                                                    echo $status_badge;
                                                                } else {
                                                                    echo '<span class="badge badge-light-warning fw-bold px-3 py-1.5 fs-7">'.$status_badge.'</span>';
                                                                }
                                                                ?>
                                                            </td>
                                                        </tr>
                                                        <?php } ?>
                                                    </tbody>
                                                    
                                                </table>
                                            </div>
                                        </div>

                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>
                    
                </div>
            </div>
            
        </div>
        <?php require $_SERVER['DOCUMENT_ROOT'].'/hethong/foot.php';?>
    </div>
</body>
</html>
