37798-vm/index.php

<?php
// Database connection
require_once 'db/config.php';
$pdo = db();

// Handle Search logic if needed (POST request)
$tracking_result = null;
if ($_SERVER['REQUEST_METHOD'] === 'POST' && !empty($_POST['tracking_number'])) {
    $tracking_number = trim($_POST['tracking_number']);
    $stmt = $pdo->prepare("SELECT * FROM shipments WHERE tracking_number = ?");
    $stmt->execute([$tracking_number]);
    $tracking_result = $stmt->fetch(PDO::FETCH_ASSOC);
}

$page_title = 'لوجستيك برو | حلول الشحن الذكية';
$extra_styles = '
<style>
    /* Hero Section */
    .hero {
        background-color: var(--primary);
        color: white;
        padding: 5rem 0 8rem;
        text-align: center;
        position: relative;
        overflow: hidden;
    }
    .hero::after {
        content: "";
        position: absolute;
        bottom: -50px;
        left: 0;
        width: 100%;
        height: 100px;
        background: var(--bg-light);
        transform: skewY(-2deg);
    }
    .hero h1 {
        font-size: 3rem;
        font-weight: 800;
        margin-bottom: 1rem;
        line-height: 1.2;
    }
    .hero p {
        font-size: 1.125rem;
        color: rgba(255,255,255,0.7);
        max-width: 600px;
        margin: 0 auto 3rem;
    }

    /* Tracking Box */
    .tracking-box {
        background: var(--surface);
        max-width: 700px;
        margin: -4rem auto 4rem; /* Overlap hero */
        padding: 2rem;
        border-radius: 8px;
        box-shadow: 0 10px 30px rgba(0,0,0,0.1);
        position: relative;
        z-index: 10;
    }
    .tracking-form {
        display: flex;
        gap: 1rem;
    }
    .tracking-input {
        flex: 1;
        padding: 1rem;
        border: 2px solid var(--border);
        border-radius: 4px;
        font-size: 1rem;
        outline: none;
        transition: border-color 0.2s;
    }
    .tracking-input:focus {
        border-color: var(--accent);
    }

    /* Tracking Result */
    .result-card {
        margin-top: 2rem;
        padding: 1.5rem;
        border: 1px solid var(--border);
        border-radius: 4px;
        background: #f1f5f9;
    }
    .status-badge {
        display: inline-block;
        padding: 0.25rem 0.75rem;
        border-radius: 50px;
        font-size: 0.85rem;
        font-weight: 600;
    }
    .status-transit { background: #DBEAFE; color: #1E40AF; }
    .status-delivered { background: #D1FAE5; color: #065F46; }

    /* Features/Services Preview */
    .section-title {
        text-align: center;
        margin-bottom: 3rem;
    }
    .section-title h2 {
        font-size: 2rem;
        color: var(--primary);
        margin-bottom: 0.5rem;
    }
    .grid-3 {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
        gap: 2rem;
        padding-bottom: 4rem;
    }
    .feature-card {
        background: var(--surface);
        padding: 2rem;
        border-radius: 8px;
        border: 1px solid var(--border);
        transition: transform 0.2s;
    }
    .feature-card:hover {
        transform: translateY(-5px);
        border-color: var(--accent);
    }
    .feature-icon {
        font-size: 2rem;
        color: var(--accent);
        margin-bottom: 1rem;
    }
</style>
';

require_once 'includes/header.php';
?>

    <!-- Hero -->
    <section class="hero">
        <div class="container">
            <h1>شريكك الاستراتيجي<br>في عالم اللوجستيات</h1>
            <p>نقدم حلول شحن متكاملة، آمنة، وسريعة لربط أعمالك بالعالم.</p>
        </div>
    </section>

    <!-- Tracking Section -->
    <section class="container">
        <div class="tracking-box">
            <h3 style="margin-top:0; color:var(--primary);">تتبع شحنتك</h3>
            <form class="tracking-form" method="POST">
                <input type="text" name="tracking_number" class="tracking-input" placeholder="أدخل رقم التتبع (مثال: SHP-1001)" required value="<?php echo htmlspecialchars($_POST['tracking_number'] ?? ''); ?>">
                <button type="submit" class="btn btn-primary">بحث</button>
            </form>

            <?php if ($tracking_result): ?>
                <div class="result-card">
                    <div style="display:flex; justify-content:space-between; align-items:center; margin-bottom:1rem;">
                        <strong>رقم الشحنة: <?php echo htmlspecialchars($tracking_result['tracking_number']); ?></strong>
                        <span class="status-badge <?php echo $tracking_result['status'] == 'Delivered' ? 'status-delivered' : 'status-transit'; ?>">
                            <?php echo htmlspecialchars($tracking_result['status']); ?>
                        </span>
                    </div>
                    <p><i class="fa-solid fa-location-dot"></i> الموقع الحالي: <?php echo htmlspecialchars($tracking_result['current_location']); ?></p>
                    <p><i class="fa-regular fa-clock"></i> آخر تحديث: <?php echo htmlspecialchars($tracking_result['updated_at']); ?></p>
                </div>
            <?php elseif ($_SERVER['REQUEST_METHOD'] === 'POST'): ?>
                <div class="result-card" style="color:red;">
                    عذراً، لم يتم العثور على شحنة بهذا الرقم.
                </div>
            <?php endif; ?>
        </div>
    </section>

    <!-- Features -->
    <section class="container">
        <div class="section-title">
            <h2>لماذا تختارنا؟</h2>
            <p style="color:var(--text-muted)">خدمات مصممة لتنمية أعمالك</p>
        </div>
        <div class="grid-3">
            <div class="feature-card">
                <i class="fa-solid fa-ship feature-icon"></i>
                <h3>شحن بحري</h3>
                <p class="text-muted">حلول اقتصادية للشحنات الكبيرة عبر المحيطات مع تتبع مباشر.</p>
                <a href="services.php" style="color:var(--accent); text-decoration:none;">المزيد &larr;</a>
            </div>
            <div class="feature-card">
                <i class="fa-solid fa-plane-departure feature-icon"></i>
                <h3>شحن جوي</h3>
                <p class="text-muted">أسرع وسيلة لنقل بضائعك الحساسة والمستعجلة لأي مكان.</p>
                <a href="services.php" style="color:var(--accent); text-decoration:none;">المزيد &larr;</a>
            </div>
            <div class="feature-card">
                <i class="fa-solid fa-boxes-stacked feature-icon"></i>
                <h3>تخزين ذكي</h3>
                <p class="text-muted">مستودعات آمنة ونظام إدارة مخزون متطور لخدمتك.</p>
                <a href="services.php" style="color:var(--accent); text-decoration:none;">المزيد &larr;</a>
            </div>
        </div>
    </section>

<?php require_once 'includes/footer.php'; ?>