(() => {
const { Button, Badge, Card, Callout, SectionHeading, StatBlock, TimelineEntry, FactCard, SourceNote, ImageFrame, CaseFileCard } = window.JudithHorvathNonprofitDesignSystem_c97fb3;

function WellScreen({ setPage }) {
  return (
    <>
      <Band tone="sunken">
        <div className="fg-grid" style={{ display: 'grid', gridTemplateColumns: '1.15fr 0.85fr', gap: 'var(--space-16)', alignItems: 'end' }}>
          <div>
            <div style={{ display: 'flex', gap: 'var(--space-2)', flexWrap: 'wrap', marginBottom: 'var(--space-5)' }}>
              <Badge tone="clay">Watching</Badge>
              <Badge tone="neutral" mono>API 34-045-2-1515-00-00</Badge>
              <Badge tone="record" mono>Current as of Aug 28, 2026</Badge>
            </div>
            <h1 style={{ fontFamily: 'var(--font-display)', fontSize: 'var(--text-display-2)', fontWeight: 'var(--weight-medium)', letterSpacing: 'var(--tracking-display)', lineHeight: 'var(--leading-tight)', margin: '0 0 var(--space-5)' }}>
              The Amanda Township Test Well
            </h1>
            <p style={{ fontSize: 'var(--text-body-lg)', lineHeight: 'var(--leading-relaxed)', color: 'var(--text-secondary)', maxWidth: '34rem', margin: 0 }}>
              A stratigraphic test is being drilled August through approximately September 2026. It is the kind of well drilled to find out whether deep rock can hold CO₂. What follows is the filing record, the timeline the law actually sets, and what has not happened yet.
            </p>
          </div>
          <Callout tone="urgent" label="What has not happened" action={<Button variant="urgent" size="sm" onClick={() => setPage('landowners')} trailingIcon={<span aria-hidden="true">→</span>}>If a landman knocks</Button>}>
            No Class VI permit application has been filed. Leasing can occur before HB 170 takes effect, and may already be under way.
          </Callout>
        </div>
      </Band>

      <Band tight>
        <div className="fg-grid" style={{ display: 'grid', gridTemplateColumns: 'repeat(4, 1fr)', gap: 'var(--space-8)' }}>
          <StatBlock value="~6" unit="mo" label="Expected sample analysis" note="From late August 2026." />
          <StatBlock value="1,500" unit="yd" label="To the Amanda-Clearcreek school complex" tone="clay" note="Downhill, with no geologic obstructions shielding it." />
          <StatBlock value="2031" label="Geologic results confidential until" note="Approximately." />
          <StatBlock value="0" label="Class VI applications filed" tone="ink" />
        </div>
        <SourceNote label="Exhibits" style={{ marginTop: 'var(--space-8)' }}>ORC 1509.051, test well confidentiality · EX-42 · Amanda Township Trustees meeting, Jul 13, 2026 · EX-51</SourceNote>
      </Band>

      <Band tone="page" tight>
        <div className="fg-grid" style={{ display: 'grid', gridTemplateColumns: '1.05fr 0.95fr', gap: 'var(--space-16)', alignItems: 'start' }}>
          <div>
            <SectionHeading number="01" eyebrow="On the record" title="Timeline" />
            <div style={{ marginTop: 'var(--space-10)' }}>
              <TimelineEntry status="settled" date="Jun 24, 2026" title="HB 170 signed" caseNumber="Am. Sub. H.B. 170 · EX-25">
                Ohio's first legal framework for carbon storage, including the 70% forced-pooling rule for pore space.
              </TimelineEntry>
              <TimelineEntry status="past" date="Jul 13, 2026" title="Amanda Township Trustees meeting" location="Amanda Township" caseNumber="EX-51">
                EQT representatives confirmed a Class VI carbon storage intent at a public meeting.
              </TimelineEntry>
              <TimelineEntry status="past" date="Jul 28, 2026" title="Hocking Township Trustees meeting" location="Hocking Township" caseNumber="EX-52">
                EQT representatives took public questions.
              </TimelineEntry>
              <TimelineEntry status="urgent" date="August – approx. September 2026" title="Stratigraphic test drilled">
                The test is being drilled and samples taken as of August 28, 2026. Analysis is expected to take approximately six months.
              </TimelineEntry>
              <TimelineEntry status="upcoming" date="Sept 23, 2026" title="HB 170 takes effect">
                Statutory consolidation (forced pooling) becomes available to operators once 70% pore-space consent is assembled. Permitting authority does not change on this date. Class VI well permits for Ohio remain with U.S. EPA unless and until EPA grants Ohio primacy.
              </TimelineEntry>
              <TimelineEntry status="upcoming" date="Timing unknown" title="Class VI permit application to U.S. EPA" last>
                If the results support a Class VI injection well, the operator's next step is an application to U.S. EPA, which holds Class VI permitting authority for Ohio wells. No such application has been filed.
              </TimelineEntry>
            </div>
          </div>
          <div style={{ display: 'grid', gap: 'var(--space-6)' }}>
            <ImageFrame ratio="3 / 4" src={PHOTO.night} alt="The drilling derrick lit at dusk"
              caption="The derrick at dusk. The test is being drilled around the clock."
              credit="Submitted to FG by a private citizen" />
            <FactCard accent="var(--clay-500)" heading="The notice problem" source="ORC 1509.76">
              Under ORC 1509.76, the first notice the law requires is triggered by the company's consolidation application, the filing it makes only after it already holds 70% consent. The chief of ODNR then notifies all pore-space owners in the proposed facility within 30 days of deeming that application complete. By the time that letter arrives, the boundary has been drawn by the company, the 70% has been assembled privately, and the geology work is done and sealed. <a href="docs/how-can-that-be-legal-one-pager.html" target="_blank" rel="noopener">One page on the notice problem, ready to print.</a>
            </FactCard>
          </div>
        </div>
      </Band>

      <Band tone="dark" tight>
        <SectionHeading inverse number="02" eyebrow="The case file" title="Viking 1-S" />
        <div className="fg-grid" style={{ display: 'grid', gridTemplateColumns: '1fr 1fr', gap: 'var(--space-6)', marginTop: 'var(--space-10)' }}>
          <CaseFileCard name="Viking 1-S: Amanda Township Test Well" status="watching" statusLabel="Watching" location="Amanda Township, Fairfield County"
            facts={[
              { label: 'API', value: '34-045-2-1515-00-00' },
              { label: 'Unformatted', value: '34045215150000' },
              { label: 'Target', value: 'Mt. Simon Sandstone' },
              { label: 'Class VI permit', value: 'None filed' },
            ]}>
            Stratigraphic test well targeting the Mt. Simon Sandstone, being drilled as of August 28, 2026. EQT representatives have confirmed a Class VI carbon storage intent at public meetings: Amanda Township Trustees, July 13, 2026 and Hocking Township Trustees, July 28, 2026. Test results are expected in approximately six months.
          </CaseFileCard>
          <div style={{ display: 'grid', gap: 'var(--space-4)', alignContent: 'start' }}>
            <ImageFrame ratio="16 / 10" src={PHOTO.floor} alt="Close view of the rig floor and site cabins" credit="Submitted to FG by a private citizen" />
            <Button variant="inverse" onClick={() => setPage('projects')} trailingIcon={<span aria-hidden="true">→</span>}>All project case files</Button>
          </div>
        </div>
      </Band>
    </>
  );
}

Object.assign(window, { WellScreen });
})();