---
import Base from '../layouts/Base.astro';
---
<Base title="CTAO Science Portal — Proposals" description="Observation proposals — Proposal Handling System integration (planned)">
  <section class="band--moon">
    <header class="container page-head">
      <h1>Observation proposals</h1>
      <p class="standfirst">Submit observation proposals, including ToO and MWL requests.</p>
    </header>
    <div class="container page">
    <span class="badge-mock">Mock — PHS not yet connected</span>
    <span class="badge-ext">Planned integration: Proposal Handling System (APC team)</span>
    {/* Integration landing, not a form: the PHS is APC's product — the spec
        (§3.3.3) scopes this portal to integrating it, so we describe the
        hand-off instead of imitating their submission UI. */}
    <div class="panel panel--narrow">
      <h2 class="panel-title">Proposal Handling System</h2>
      <p>Submitting observation proposals — including Target of Opportunity (ToO)
        and multi-wavelength (MWL) requests — happens in the Proposal Handling
        System, built by the APC team and integrated into this portal.</p>
      <p>What the portal contributes:</p>
      <ul class="panel-list">
        <li>This menu entry, with a single sign-on hand-off (CTAO AAI).</li>
        <li>Proposal status feedback in your <a href="/dashboard">Dashboard</a>.</li>
        <li>Notifications via news and announcements.</li>
      </ul>
      <button class="btn" type="button" disabled>Open the Proposal Handling System — integration planned</button>
    </div>
    </div>
  </section>
</Base>