<?php
$page_title = 'International / Export';
require_once __DIR__ . '/header.php';
?>
<div style="display:flex; justify-content:space-between; align-items:center; margin-bottom:24px;">
    <div>
        <h2 style="font-family:'Outfit',sans-serif; font-size:1.8rem; color:#0f172a; margin:0;"><i class="fas fa-globe-americas" style="color:#06b6d4; margin-right:10px;"></i>International / Export</h2>
        <p style="color:#64748b; font-size:0.95rem; margin-top:5px;">Multi-currency, export invoicing, shipping rules, and import documentation.</p>
    </div>
</div>
<div class="grid-4" style="margin-bottom:24px;">
    <div class="card" style="margin-bottom:0; border-top:4px solid #06b6d4;">
        <div style="color:#64748b; font-size:0.8rem; font-weight:600; margin-bottom:8px;">CURRENCY</div>
        <div style="font-size:1.4rem; font-weight:700; color:#0f172a;">USD</div>
        <div style="color:#06b6d4; font-size:0.8rem; margin-top:5px;"><i class="fas fa-exchange-alt"></i> 1 USD = ₹83.42</div>
    </div>
    <div class="card" style="margin-bottom:0; border-top:4px solid #10b981;">
        <div style="color:#64748b; font-size:0.8rem; font-weight:600; margin-bottom:8px;">EXPORT ORDERS</div>
        <div style="font-size:1.4rem; font-weight:700; color:#10b981;">6</div>
        <div style="color:#10b981; font-size:0.8rem; margin-top:5px;"><i class="fas fa-ship"></i> Active Shipments</div>
    </div>
    <div class="card" style="margin-bottom:0; border-top:4px solid #f59e0b;">
        <div style="color:#64748b; font-size:0.8rem; font-weight:600; margin-bottom:8px;">COUNTRIES</div>
        <div style="font-size:1.4rem; font-weight:700; color:#0f172a;">8</div>
        <div style="color:#f59e0b; font-size:0.8rem; margin-top:5px;"><i class="fas fa-flag"></i> Shipping Destinations</div>
    </div>
    <div class="card" style="margin-bottom:0; border-top:4px solid #8b5cf6;">
        <div style="color:#64748b; font-size:0.8rem; font-weight:600; margin-bottom:8px;">DOCS GENERATED</div>
        <div style="font-size:1.4rem; font-weight:700; color:#0f172a;">24</div>
        <div style="color:#8b5cf6; font-size:0.8rem; margin-top:5px;"><i class="fas fa-file-alt"></i> Export Documents</div>
    </div>
</div>
<div class="grid-2">
    <div class="card">
        <h3 style="margin:0 0 15px; font-size:1.15rem; color:#0f172a;"><i class="fas fa-coins" style="color:#06b6d4; margin-right:8px;"></i>Multi-Currency Pricing</h3>
        <?php
        $currencies = [
            ['🇺🇸 USD', '$101.25', '₹8,450'],
            ['🇦🇪 AED', 'AED 372', '₹8,450'],
            ['🇬🇧 GBP', '£80.30', '₹8,450'],
            ['🇪🇺 EUR', '€93.70', '₹8,450'],
            ['🇸🇬 SGD', 'S$136.60', '₹8,450'],
        ];
        foreach ($currencies as $c): ?>
        <div style="display:flex; justify-content:space-between; align-items:center; padding:10px 0; border-bottom:1px solid #f1f5f9;">
            <span style="font-weight:500; font-size:0.9rem;"><?= $c[0] ?></span>
            <div style="text-align:right;">
                <div style="font-weight:bold;"><?= $c[1] ?></div>
                <div style="font-size:0.7rem; color:#94a3b8;">Base: <?= $c[2] ?></div>
            </div>
        </div>
        <?php endforeach; ?>
    </div>
    <div class="card">
        <h3 style="margin:0 0 15px; font-size:1.15rem; color:#0f172a;"><i class="fas fa-file-alt" style="color:#f59e0b; margin-right:8px;"></i>Export Documentation</h3>
        <?php
        $docs = [
            ['Commercial Invoice', 'Auto-generated', '#10b981', 'fas fa-file-invoice'],
            ['Packing List', 'Auto-generated', '#3b82f6', 'fas fa-list'],
            ['Certificate of Origin', 'Uploaded', '#f59e0b', 'fas fa-certificate'],
            ['Bill of Lading', 'Pending', '#ef4444', 'fas fa-ship'],
            ['Customs Declaration', 'Template', '#8b5cf6', 'fas fa-stamp'],
        ];
        foreach ($docs as $d): ?>
        <div style="display:flex; justify-content:space-between; align-items:center; padding:10px 0; border-bottom:1px solid #f1f5f9;">
            <div style="display:flex; align-items:center; gap:10px;">
                <i class="<?= $d[3] ?>" style="color:<?= $d[2] ?>;"></i>
                <span style="font-size:0.9rem; font-weight:500;"><?= $d[0] ?></span>
            </div>
            <span style="background:<?= $d[2] ?>15; color:<?= $d[2] ?>; padding:3px 8px; border-radius:6px; font-size:0.7rem; font-weight:bold;"><?= $d[1] ?></span>
        </div>
        <?php endforeach; ?>
    </div>
</div>
<?php require_once __DIR__ . '/../includes/footer.php'; ?>
