<?php
$page_title = 'Announcements';
require_once __DIR__ . '/header.php';
?>

<div class="card">
  <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;">
    <h3 style="margin:0;">Company Announcements</h3>
    <div style="display:flex;gap:12px;">
      <select style="padding:8px 12px;border:1px solid #cbd5e1;border-radius:6px;outline:none;">
        <option>All Types</option>
        <option>Company Notice</option>
        <option>Holiday Notice</option>
        <option>Safety Alert</option>
        <option>HR Circular</option>
        <option>Meeting Schedule</option>
        <option>Event Notice</option>
      </select>
    </div>
  </div>

  <div style="display:grid;grid-template-columns:1fr;gap:16px;">
    <div style="padding:20px;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:20px;">
      <div style="width:60px;height:60px;background:#fee2e2;color:#ef4444;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0;">
        <i class="fas fa-hard-hat"></i>
      </div>
      <div>
        <span style="background:#fee2e2;color:#ef4444;padding:2px 8px;border-radius:12px;font-size:0.75rem;font-weight:600;">Safety Alert</span>
        <h4 style="margin:8px 0;font-size:1.1rem;color:#0f172a;">Annual Safety Training Update</h4>
        <p style="color:#475569;font-size:.9rem;line-height:1.5;margin:0 0 12px;">Annual safety training program will be conducted on 26 May 2026. All factory employees must attend without fail. Please report to the main hall.</p>
        <span style="font-size:.8rem;color:#94a3b8;"><i class="far fa-calendar-alt"></i> Published: 20 May 2026</span>
      </div>
    </div>

    <div style="padding:20px;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:20px;">
      <div style="width:60px;height:60px;background:#e0f2fe;color:#0ea5e9;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0;">
        <i class="fas fa-file-alt"></i>
      </div>
      <div>
        <span style="background:#e0f2fe;color:#0ea5e9;padding:2px 8px;border-radius:12px;font-size:0.75rem;font-weight:600;">HR Circular</span>
        <h4 style="margin:8px 0;font-size:1.1rem;color:#0f172a;">New Leave Policy Updated</h4>
        <p style="color:#475569;font-size:.9rem;line-height:1.5;margin:0 0 12px;">New leave policy has been updated for all staff members. Earned leaves can now be accumulated up to 45 days. Check the HR portal for details.</p>
        <span style="font-size:.8rem;color:#94a3b8;"><i class="far fa-calendar-alt"></i> Published: 18 May 2026</span>
      </div>
    </div>

    <div style="padding:20px;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:20px;">
      <div style="width:60px;height:60px;background:#fef3c7;color:#d97706;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0;">
        <i class="fas fa-glass-cheers"></i>
      </div>
      <div>
        <span style="background:#fef3c7;color:#d97706;padding:2px 8px;border-radius:12px;font-size:0.75rem;font-weight:600;">Event Notice</span>
        <h4 style="margin:8px 0;font-size:1.1rem;color:#0f172a;">Company Picnic 2026</h4>
        <p style="color:#475569;font-size:.9rem;line-height:1.5;margin:0 0 12px;">Company picnic will be organized on 01 June 2026 at Aji Dam. Stay tuned for registration forms and further details!</p>
        <span style="font-size:.8rem;color:#94a3b8;"><i class="far fa-calendar-alt"></i> Published: 15 May 2026</span>
      </div>
    </div>
  </div>
</div>

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