<div class="breadcrumbs"><a href="/notices">Notices</a> <span class="sep">/</span> Post Notice</div>
<div class="page-header"><div><h1>Post a Notice</h1><p class="desc">Share an announcement with your school community.</p></div></div>

<div class="card card-pad" style="max-width:640px;">
  <form method="POST" action="/notices">
    <div class="form-grid">
      <div class="form-group full"><label>Title *</label><input type="text" name="title" required placeholder="e.g. Annual Sports Day Announcement"></div>
      <div class="form-group full"><label>Content</label><textarea name="content" placeholder="Write the notice details…"></textarea></div>
      <div class="form-group">
        <label>Audience</label>
        <select name="audience">
          <option value="all">Everyone</option>
          <option value="students">Students</option>
          <option value="staff">Staff</option>
          <option value="parents">Parents</option>
        </select>
      </div>
      <div class="form-group"><label>Date</label><input type="date" name="date" value="<%= new Date().toISOString().slice(0,10) %>"></div>
    </div>
    <div class="form-actions">
      <a href="/notices" class="btn btn-outline">Cancel</a>
      <button type="submit" class="btn btn-primary"><i class="fa-solid fa-check"></i> Post Notice</button>
    </div>
  </form>
</div>
