<?php
// تضمين الكلاس وملف إعدادات الاتصال
include '../inc/SecureIdHandler.php'; // تضمين الكلاس
include '../Dashboard/db.php';

// -----------------------------------------------------------------
// 💡 تحديد معرف العقد من رابط URL (استخدام GET)
// -----------------------------------------------------------------

// التحقق مما إذا كان 'id' موجوداً في رابط URL
if (isset($_GET['id'])) {
    $encrypted_id = $_GET['id'];
    
    // فك تشفير المعرف باستخدام الكلاس
    $decrypted_id = SecureIdHandler::decryptId($encrypted_id);
    
    if ($decrypted_id === false) {
        die('<h1>خطأ</h1><p style="text-align: center; direction: rtl;">فشل في فك تشفير المعرف أو تم تعديل الرابط.</p>');
    }
    
    // تحويل القيمة إلى عدد للتأكد من أنها رقم
    $contract_id = intval($decrypted_id);
    
    // تحقق إذا كان المعرف صحيح (يجب أن يكون رقم موجب)
    if ($contract_id <= 0) {
        die('<h1>خطأ</h1><p style="text-align: center; direction: rtl;">معرّف العقد غير صحيح أو تم تعديل الرابط.</p>');
    }
} else {
    // إذا لم يكن ID موجوداً، أوقف العملية
    die('<h1>خطأ</h1><p style="text-align: center; direction: rtl;">يجب تحديد معرّف العقد في رابط الصفحة (URL).</p>');
}

try {
    $pdo = new PDO($dsn, $user, $pass, $options);
    
    // 💡 تحديث الاستعلام لجلب مسارات الصور
    $sql = "SELECT 
                worker_name, worker_job, worker_id, worker_nationality, 
                provider_name, provider_number, receiver_name, receiver_number, 
                contract_summary, permit_start, permit_end, work_location,
                qr_code_path, barcode_path 
            FROM contracts 
            WHERE id = :id";
            
    $stmt = $pdo->prepare($sql);
    $stmt->bindParam(':id', $contract_id, PDO::PARAM_INT);
    $stmt->execute();
    $contract = $stmt->fetch();

    if (!$contract) {
        die('<h1>خطأ</h1><p style="text-align: center; direction: rtl;">لم يتم العثور على عقد بهذا المعرّف.</p>');
    }

} catch (\PDOException $e) {
    die('<h1>خطأ في قاعدة البيانات</h1><p style="text-align: center; direction: rtl;">فشل جلب البيانات: ' . htmlspecialchars($e->getMessage()) . '</p>');
}

// -----------------------------------------------------------------
// 3. عرض البنية مع البيانات الديناميكية (مع مسارات الصور)
// -----------------------------------------------------------------
?>



<!DOCTYPE html>
<html lang="ar" dir="rtl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>تصحيح أُجْرِ لحُلول الموارد البشرية</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Tajawal', sans-serif;
        }
        
        body {
            background-color: #EBEAFF;
            padding: 15px;
            line-height: 1.6;
        }
        
        .container {
            max-width: 100%;
            margin: 0 auto;
            /* background: white; */
            border-radius: 12px;
            overflow: hidden;
            /* box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); */
        }
        
        .header {
            background: linear-gradient(135deg, #eef2f7 0%, #ffffff 100%);
            padding: 20px 15px;
            text-align: center;
            border-bottom: 1px solid #e0e0e0;
        }
        
        .header h1 {
            font-size: 20px;
            color: #333;
            font-weight: bold;
            margin-bottom: 5px;
        }
        
        /* بطاقة معلومات التصحيح */
        .card {
            background: white;
            border-radius: 12px;
            margin: 15px 10px;
            padding: 20px;
            box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
            border: 1px solid #eee;
        }
        
        .card-title {
            font-size: 16px;
            font-weight: bold;
            color: #333;
            margin-bottom: 15px;
            padding-bottom: 10px;
            border-bottom: 2px solid #ddd;
        }
        
        .card-content {
            display: flex;
            flex-direction: column;
            gap: 12px;
        }
        
        .card-item {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            padding: 8px 0;
            border-bottom: 1px solid #f5f5f5;
        }
        
        .card-label {
            font-size: 14px;
            color: #6c757d;
            font-weight: 500;
            margin-bottom: 5px;
            min-width: 80px;
        }
        
        .card-value {
            font-size: 15px;
            color: #333;
            text-align: right;
            width: 100%;
        }
        
        .status-badge {
            background: #2ecc71;
            color: white;
            padding: 5px 12px;
            border-radius: 20px;
            font-size: 14px;
            font-weight: bold;
            display: inline-block;
            margin-top: 5px;
        }
        
        /* زر نسخ رابط الصفحة */
        .copy-button {
            display: flex;
            align-items: center;
            justify-content: center;
            background: #293a6b;
            color: white;
            padding: 15px;
            text-align: center;
            border: none;
            border-radius: 12px;
            text-decoration: none;
            margin: 20px 10px;
            font-weight: bold;
            font-size: 16px;
            cursor: pointer;
            transition: all 0.3s ease;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
        }
        
        .copy-button:hover {
            background: #1e2a51;
            transform: translateY(-2px);
            box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
        }
        
        .copy-button i {
            font-size: 18px;
            margin-left: 8px;
        }
        
        /* قسم.footer */
        .footer {
            background: white;
            padding: 25px 15px;
            text-align: center;
            margin-top: 20px;
            border-top: 1px solid #eee;
        }
        
        .footer-logo {
            width: 80px;
            height: auto;
            margin: 0 auto 15px;
            display: block;
        }
        
        .footer-links {
            display: flex;
            justify-content: center;
            gap: 20px;
            margin: 15px 0;
            flex-wrap: wrap;
        }
        
        .footer-link {
            color: #6c757d;
            font-size: 14px;
            text-decoration: none;
        }
        
        .footer-link:hover {
            color: #293a6b;
            text-decoration: underline;
        }
        
        .copyright {
            font-size: 14px;
            color: #6c757d;
            margin: 15px 0;
        }
        
        .language-switcher {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
            margin: 15px 0;
        }
        
        .language-flag {
            width: 20px;
            height: 20px;
            border-radius: 50%;
            background: #eee;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 12px;
            color: #333;
        }
        
        .partner-logos {
            display: flex;
            justify-content: center;
            gap: 20px;
            margin-top: 20px;
            flex-wrap: wrap;
        }
        
        .partner-logo {
                /* width: 128px; */
    /* height: 64px; */
    opacity: 0.8;
    transition: opacity 0.3s ease;
        }
        
        .partner-logo:hover {
            opacity: 1;
        }
        
        /* تحسينات للهاتف */
        @media (max-width: 768px) {
            body {
                padding: 10px;
            }
            
          
    .container {
        margin: 0;
        border-radius: 0;
        box-shadow: none;
        width: 88%;
        margin-left: auto;
        margin-right: auto;
    }

            
            .header {
                padding: 15px 10px;
            }
            
            .header h1 {
                font-size: 18px;
            }
            
            .card {
                margin: 12px 5px;
                padding: 15px;
            }
            
            .card-title {
                font-size: 15px;
                margin-bottom: 12px;
            }
            
            .card-item {
                flex-direction: column;
                align-items: stretch;
                gap: 5px;
            }
            
            .card-label {
                font-size: 13px;
                min-width: auto;
                margin-bottom: 5px;
            }
            
            .card-value {
                font-size: 14px;
                text-align: right;
            }
            
            .status-badge {
                padding: 4px 10px;
                font-size: 13px;
            }
            
            .copy-button {
                margin: 15px 5px;
                padding: 12px;
                font-size: 15px;
            }
            
            .footer {
                padding: 20px 10px;
            }
            
            .footer-logo {
                width: 70px;
            }
            
            .footer-links {
                gap: 15px;
                flex-direction: column;
                align-items: center;
            }
            
            .footer-link {
                font-size: 13px;
            }
            
            .copyright {
                font-size: 13px;
            }
            
            .language-switcher {
                gap: 8px;
            }
            
            .language-flag {
                width: 18px;
                height: 18px;
                font-size: 11px;
            }
            
            .partner-logos {
                gap: 15px;
            }
            
            .partner-logo {
                width: 80px;
            }
        }
        
        /* تحسينات للهواتف الصغيرة جداً */
        @media (max-width: 480px) {
            body {
                padding: 5px;
            }
            
            .header {
                padding: 10px 5px;
            }
            
            .header h1 {
                font-size: 16px;
            }
            
            .card {
                margin: 10px 0;
                padding: 12px;
            }
            
            .card-title {
                font-size: 14px;
                margin-bottom: 10px;
            }
            
            .card-item {
                padding: 5px 0;
            }
            
            .card-label {
                font-size: 12px;
                margin-bottom: 3px;
            }
            
            .card-value {
                font-size: 13px;
            }
            
            .status-badge {
                padding: 3px 8px;
                font-size: 12px;
            }
            
            .copy-button {
                margin: 12px 0;
                padding: 10px;
                font-size: 14px;
            }
            
            .footer {
                padding: 15px 5px;
            }
            
            .footer-logo {
                width: 60px;
            }
            
            .footer-links {
                gap: 10px;
            }
            
            .footer-link {
                font-size: 12px;
            }
            
            .copyright {
                font-size: 12px;
            }
            
            .language-switcher {
                gap: 5px;
            }
            
            .language-flag {
                width: 16px;
                height: 16px;
                font-size: 10px;
            }
            
            .partner-logos {
                gap: 10px;
            }
            
            .partner-logo {
                     width: 114px;
        height: 76px;
            }
        }
    </style>
    <!-- استخدام أيقونات من Font Awesome -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
</head>
<body>
    <div class="container">
        <div class="header">
            <h1>تصريح أُجْير لحُلول الموارد البشرية</h1>
        </div>
        
        <!-- بطاقة معلومات التصحيح -->
        <div class="card">
            <div class="card-title">معلومات التصريح</div>
            <div class="card-content">
                <div class="card-item">
                    <span class="card-label">اسم الموظف:</span>
                    <span class="card-value"><?php echo htmlspecialchars($contract['worker_name']); ?></span>
                </div>
                <div class="card-item">
                    <span class="card-label">حالة التصريح:</span>
                    <span class="card-value"><span class="status-badge">ساري</span></span>
                </div>
                <div class="card-item">
                    <span class="card-label">تاريخ بداية التصريح:</span>
                    <span class="card-value"><?php echo htmlspecialchars($contract['permit_start']); ?></span>
                </div>
                <div class="card-item">
                    <span class="card-label">تاريخ انتهاء التصريح:</span>
                    <span class="card-value"><?php echo htmlspecialchars($contract['permit_end']); ?></span>
                </div>
            </div>
        </div>
        
        <!-- بطاقة المنشأة المستفيدة -->
        <div class="card">
            <div class="card-title">المنشأة المستفيدة</div>
            <div class="card-content">
                <div class="card-item">
                    <span class="card-label">اسم المنشأة:</span>
                    <span class="card-value">  <?php echo htmlspecialchars($contract['receiver_name']); ?>  </span>
                </div>
                <div class="card-item">
                    <span class="card-label">رقم المنشأة:</span>
                    <span class="card-value"><?php echo htmlspecialchars($contract['receiver_number']); ?></span>
                </div>
            </div>
        </div>
        
        <!-- بطاقة شركة الإستقدام -->
        <div class="card">
            <div class="card-title">شركة الإستقدام</div>
            <div class="card-content">
                <div class="card-item">
                    <span class="card-label">اسم المنشأة:</span>
                    <span class="card-value">    <?php echo htmlspecialchars($contract['provider_name']); ?></span>
                </div>
                <div class="card-item">
                    <span class="card-label">رقم المنشأة:</span>
                    <span class="card-value"><?php echo htmlspecialchars($contract['provider_number']); ?></span>
                </div>
            </div>
        </div>
        
        <!-- زر نسخ رابط الصفحة -->
        <a href="#" class="copy-button">
            <i class="fas fa-link"></i> نسخ رابط الصفحة
        </a>
    </div>
    
    <!-- footer -->
    <div class="footer">
        <img src="imgs/ajeer-logo.png" alt="أجير" class="footer-logo">
        <div class="footer-links">
            <a href="#" class="footer-link">سياسات الخصوصية</a>
            <a href="#" class="footer-link">الشروط والأحكام</a>
        </div>
        <div class="copyright">
            © هـ ١٤٤٦ / أُجْرِ لحُلول الموارد البشرية
        </div>
        <div class="language-switcher">
            
<span style="font-size: 20px; color: #a1887f; vertical-align: middle;">🌐</span> 
<span>English</span>   
    </div>
        <div class="partner-logos">
            <img src="imgs/takaml.png" alt="تكمّل" class="partner-logo">
            <img src="imgs/mlsd-logo.png" alt="وزارة الموارد البشرية" class="partner-logo">
        </div>
    </div>
    
   <script>
    document.querySelector('.copy-button').addEventListener('click', function(e) {
        e.preventDefault();
        
        // حفظ النص الأصلي للزر
        const originalText = this.innerHTML;
        
        navigator.clipboard.writeText(window.location.href).then(() => {
            // تغيير نص الزر ولونه عند النجاح
            this.innerHTML = 'تم النسخ! ✓';
            this.style.backgroundColor = '#28a745';
            this.style.color = 'white';
            
            // إعادة الزر إلى حالته الأصلية بعد 2 ثانية
            setTimeout(() => {
                this.innerHTML = originalText;
                this.style.backgroundColor = '';
                this.style.color = '';
            }, 2000);
            
        }).catch(err => {
            // في حالة الخطأ
            this.innerHTML = 'فشل النسخ! ✗';
            this.style.backgroundColor = '#dc3545';
            this.style.color = 'white';
            
            setTimeout(() => {
                this.innerHTML = originalText;
                this.style.backgroundColor = '';
                this.style.color = '';
            }, 2000);
        });
    });
</script>
</body>
</html>