أداة إدارة ملفات السيرفر

0/0

تعديل الملف: my-projects.php

الحجم: 16.39 كيلوبايت

<?php
// ============================================
// مشاريعي - عرض الطلبات والمشتريات
// ============================================
session_start();
require_once 'config.php';
require_once 'includes/functions.php';

if (!isLoggedIn()) {
    setMessage('الرجاء تسجيل الدخول أولاً', 'error');
    redirect('login.php');
}

$user_id = $_SESSION['user_id'];

// جلب طلبات المستخدم
$orders = mysqli_query($conn, "
    SELECT o.*, p.title 
    FROM orders o 
    LEFT JOIN projects p ON o.project_id = p.id 
    WHERE o.user_id = $user_id 
    ORDER BY o.id DESC
");

$cart_count = 0;
$cart_result = mysqli_query($conn, "SELECT COUNT(*) as count FROM cart WHERE user_id = $user_id");
if ($cart_result) {
    $cart_count = mysqli_fetch_assoc($cart_result)['count'];
}

$flash_message = '';
if (isset($_SESSION['flash_message'])) {
    $flash_message = '<div class="alert success"><i class="fas fa-check-circle"></i> ' . $_SESSION['flash_message'] . '</div>';
    unset($_SESSION['flash_message']);
    unset($_SESSION['flash_type']);
}
?>
<!DOCTYPE html>
<html lang="ar" dir="rtl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>مشاريعي - <?php echo SITE_NAME; ?></title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
    <style>
        * { margin: 0; padding: 0; box-sizing: border-box; font-family: -apple-system, 'Tajawal', sans-serif; }
        body { background: #e0e5ec; padding: 15px; }
        .container { max-width: 1000px; margin: 0 auto; }
        
        .card {
            background: #e0e5ec;
            border-radius: 30px;
            box-shadow: 9px 9px 16px rgba(163, 177, 198, 0.6), -9px -9px 16px rgba(255, 255, 255, 0.5);
            padding: 25px;
            margin-bottom: 20px;
        }
        
        .btn {
            background: #e0e5ec;
            border: none;
            border-radius: 20px;
            padding: 10px 20px;
            box-shadow: 3px 3px 6px rgba(163, 177, 198, 0.4), -3px -3px 6px rgba(255, 255, 255, 0.6);
            cursor: pointer;
            text-decoration: none;
            color: #4b4b4b;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 5px;
        }
        
        .btn-primary { 
            background: #667eea; 
            color: white; 
        }
        
        .header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            gap: 15px;
        }
        
        .logo {
            font-size: 24px;
            font-weight: bold;
            color: #4b4b4b;
            text-decoration: none;
        }
        
        .nav-buttons {
            display: flex;
            gap: 10px;
            flex-wrap: wrap;
        }
        
        .cart-badge { position: relative; }
        .cart-count {
            position: absolute;
            top: -8px;
            right: -8px;
            background: #667eea;
            color: white;
            font-size: 11px;
            min-width: 18px;
            height: 18px;
            border-radius: 9px;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 0 4px;
        }
        
        .order-card {
            background: #e0e5ec;
            border-radius: 25px;
            padding: 20px;
            margin-bottom: 15px;
            box-shadow: 5px 5px 10px rgba(163, 177, 198, 0.4), -5px -5px 10px rgba(255, 255, 255, 0.6);
        }
        
        .order-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 15px;
            flex-wrap: wrap;
            gap: 10px;
        }
        
        .order-number {
            color: #667eea;
            font-weight: bold;
        }
        
        .status {
            padding: 5px 15px;
            border-radius: 20px;
            font-size: 13px;
            font-weight: bold;
        }
        .status-pending { background: #fff3cd; color: #856404; }
        .status-processing { background: #cce5ff; color: #004085; }
        .status-completed { background: #d4edda; color: #155724; }
        .status-cancelled { background: #f8d7da; color: #721c24; }
        
        .order-details {
            display: flex;
            gap: 20px;
            flex-wrap: wrap;
            margin: 15px 0;
            padding: 15px;
            background: #e0e5ec;
            border-radius: 20px;
            box-shadow: inset 3px 3px 6px rgba(163, 177, 198, 0.4), inset -3px -3px 6px rgba(255, 255, 255, 0.6);
        }
        
        .detail-item {
            display: flex;
            align-items: center;
            gap: 8px;
            color: #4b4b4b;
        }
        
        .download-box {
            margin-top: 15px;
            padding: 15px;
            background: #e0e5ec;
            border-radius: 20px;
            border-right: 4px solid #28a745;
            box-shadow: inset 2px 2px 4px rgba(163, 177, 198, 0.4), inset -2px -2px 4px rgba(255, 255, 255, 0.6);
        }
        
        /* ===== قسم المشاريع الفارغة - محسّن ===== */
        .empty-state {
            text-align: center;
            padding: 60px 20px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }
        
        .empty-state i {
            font-size: 70px;
            color: #667eea;
            margin-bottom: 25px;
            opacity: 0.8;
        }
        
        .empty-state h3 {
            font-size: 28px;
            color: #4b4b4b;
            margin-bottom: 15px;
            font-weight: 600;
        }
        
        .empty-state p {
            font-size: 18px;
            color: #666;
            margin-bottom: 30px;
            max-width: 400px;
            line-height: 1.6;
        }
        
        /* زر ضخم جداً بدون أيقونة */
        .empty-state .btn-primary {
            background: #667eea;
            color: white;
            font-size: 24px;
            font-weight: bold;
            padding: 20px 50px;
            border-radius: 60px;
            box-shadow: 8px 8px 16px rgba(102, 126, 234, 0.4), -8px -8px 16px rgba(255, 255, 255, 0.8);
            border: none;
            cursor: pointer;
            transition: 0.2s;
            text-decoration: none;
            display: inline-block;
            min-width: 280px;
            text-align: center;
        }
        
        .empty-state .btn-primary:hover {
            transform: translateY(-3px);
            box-shadow: 10px 10px 20px rgba(102, 126, 234, 0.5), -10px -10px 20px rgba(255, 255, 255, 0.9);
        }
        
        .empty-state .btn-primary:active {
            transform: translateY(2px);
            box-shadow: inset 5px 5px 10px rgba(0, 0, 0, 0.1), inset -5px -5px 10px rgba(255, 255, 255, 0.7);
        }
        /* ================================= */
        
        .alert {
            padding: 15px 20px;
            border-radius: 30px;
            margin-bottom: 20px;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
            text-align: center;
        }
        .alert.success { background: #d4edda; color: #155724; }
        
        .footer {
            margin-top: 50px;
            text-align: center;
            padding: 30px;
            color: #666;
        }
        
        .footer-links {
            display: flex;
            gap: 20px;
            justify-content: center;
            margin-top: 15px;
            flex-wrap: wrap;
        }
        
        .footer-links a {
            color: #667eea;
            text-decoration: none;
            display: flex;
            align-items: center;
            gap: 5px;
        }
        
        @media (max-width: 600px) {
            .order-header { flex-direction: column; align-items: flex-start; }
            .empty-state .btn-primary {
                font-size: 20px;
                padding: 18px 40px;
                min-width: 240px;
            }
            .empty-state h3 { font-size: 24px; }
            .empty-state p { font-size: 16px; }
        }
    </style>
</head>
<body>
    <div class="container">
        <div class="card header">
            <a href="index.php" class="logo">
                <i class="fas fa-rocket" style="color: #667eea;"></i> <?php echo SITE_NAME; ?>
            </a>
            <div class="nav-buttons">
                <a href="index.php" class="btn"><i class="fas fa-home"></i> الرئيسية</a>
                <a href="cart.php" class="btn cart-badge">
                    <i class="fas fa-shopping-cart"></i>
                    <?php if ($cart_count > 0): ?>
                        <span class="cart-count"><?php echo $cart_count; ?></span>
                    <?php endif; ?>
                </a>
                <a href="profile.php" class="btn"><i class="fas fa-user"></i></a>
                <a href="logout.php" class="btn"><i class="fas fa-sign-out-alt"></i></a>
            </div>
        </div>

<?php echo $flash_message; ?>

<div class="card">
            <h2 style="margin-bottom: 20px; text-align: center;">
                <i class="fas fa-folder-open" style="color: #667eea;"></i> 
                مشاريعي وطلباتي
            </h2>

<?php if (mysqli_num_rows($orders) == 0): ?>
                
                <div class="empty-state">
                    <i class="fas fa-box-open"></i>
                    <h3>لا توجد مشتريات بعد</h3>
                    <p>عندما تشتري مشروعاً، سيظهر هنا</p>
                    <a href="index.php" class="btn-primary">
                        تصفح المشاريع
                    </a>
                </div>
            <?php else: ?>
                <?php while ($order = mysqli_fetch_assoc($orders)): 
                    $customizations = json_decode($order['customizations'], true);
                    $status_class = $order['status'];
                    $status_text = [
                        'pending' => 'قيد الانتظار',
                        'processing' => 'قيد التنفيذ',
                        'completed' => 'مكتمل',
                        'cancelled' => 'ملغي'
                    ][$order['status']] ?? $order['status'];
                ?>
                    
                    <div class="order-card">
                        <div class="order-header">
                            <span class="order-number">
                                <i class="fas fa-hashtag"></i> <?php echo htmlspecialchars($order['order_number']); ?>
                            </span>
                            <span class="status status-<?php echo $status_class; ?>">
                                <?php echo $status_text; ?>
                            </span>
                        </div>

<?php if ($order['status'] == 'pending'): ?>
                            <div style="margin-top:15px; padding:15px; background:#e0e5ec; border-radius:20px; border-right:4px solid #ffc107;">
                                <i class="fas fa-info-circle" style="color:#ffc107;"></i>
                                <strong>تعليمات الدفع:</strong>
                                <p style="margin-top:10px; color:#666;">
                                    قم بتحويل المبلغ (<?php echo formatPrice($order['total_price']); ?>) على أحد الأرقام التالية:
                                </p>
                                <ul style="margin-top:10px; list-style:none;">
                                    <li><i class="fas fa-phone"></i> واتساب: <?php echo htmlspecialchars($customizations['whatsapp_number'] ?? 'غير متوفر'); ?></li>
                                    <li><i class="fas fa-money-bill-wave"></i> ويسترن يونيون: الاسم الكامل</li>
                                </ul>
                                <p style="margin-top:10px; color:#999; font-size:13px;">
                                    بعد الدفع، أرسل صورة الإيصال على واتساب وسيتم تفعيل مشروعك فوراً.
                                </p>
                            </div>
                        <?php endif; ?>

<?php if ($order['status'] == 'completed' && !empty($order['admin_notes'])): ?>
                            <div class="download-box">
                                <i class="fas fa-download" style="color: #28a745; margin-left: 10px;"></i>
                                <strong>مشروعك جاهز:</strong>
                                <p style="margin-top: 10px; color: #4b4b4b;">
                                    <?php echo nl2br(htmlspecialchars($order['admin_notes'])); ?>
                                </p>
                                <?php if (strpos($order['admin_notes'], 'http') !== false): ?>
                                    <a href="<?php echo htmlspecialchars($order['admin_notes']); ?>" target="_blank" class="btn" style="margin-top: 10px;">
                                        <i class="fas fa-external-link-alt"></i> فتح الرابط
                                    </a>
                                <?php endif; ?>
                            </div>
                        <?php endif; ?>
                    </div>
                <?php endwhile; ?>
            <?php endif; ?>
        </div>

<div class="footer card">
            <p>جميع الحقوق محفوظة © 2026 <?php echo SITE_NAME; ?></p>
            <div class="footer-links">
                <a href="about.php"><i class="fas fa-info-circle"></i> من نحن</a>
                <a href="contact.php"><i class="fas fa-envelope"></i> اتصل بنا</a>
                <a href="privacy.php"><i class="fas fa-shield-alt"></i> سياسة الخصوصية</a>
                <a href="terms.php"><i class="fas fa-file-contract"></i> الشروط والأحكام</a>
            </div>
        </div>
    </div>
</body>
</html>
<?php mysqli_close($conn); ?>

Ctrl+S لحفظ الملف

Ctrl+F للبحث في النص

F11 للخروج من وضع ملء الشاشة

Esc للخروج من وضع التحرير

محفوظ

إنشاء ملف جديد

إنشاء مجلد جديد

رفع ملف إلى السيرفر

تعديل الملف: my-projects.php