Scope line

<Kit.Phoenix.Layouts.Form.form id="role-scope-line-form" subject_state={Kit.Phoenix.State.none()}>
  <:form_groups>
    <Kit.Phoenix.Layouts.Form.headed_region heading="Opening hours" scope_line="These hours apply to Main Hall bookings made from tomorrow.">
      <Kit.Phoenix.Roles.FormGroup.form_group id="scope-line-opens">
        <:label>Opens</:label>
        <:control :let={binding}>
          <Kit.Phoenix.Roles.TimeField.time_field binding={binding} reader={reader()} name="opens" value={Kit.Phoenix.Roles.TimeField.Committed.clock(Kit.Phoenix.Time.clock(reader(), ~T[08:00:00]))} />
        </:control>
        <:printed_value><time datetime="08:00">08:00</time></:printed_value>
      </Kit.Phoenix.Roles.FormGroup.form_group>
      <Kit.Phoenix.Roles.FormGroup.form_group id="scope-line-closes">
        <:label>Closes</:label>
        <:control :let={binding}>
          <Kit.Phoenix.Roles.TimeField.time_field binding={binding} reader={reader()} name="closes" value={Kit.Phoenix.Roles.TimeField.Committed.clock(Kit.Phoenix.Time.clock(reader(), ~T[22:00:00]))} />
        </:control>
        <:printed_value><time datetime="22:00">22:00</time></:printed_value>
      </Kit.Phoenix.Roles.FormGroup.form_group>
    </Kit.Phoenix.Layouts.Form.headed_region>
  </:form_groups>
  <:submit_return><Kit.Phoenix.Roles.PrimaryAction.primary_action type="submit">Save opening hours</Kit.Phoenix.Roles.PrimaryAction.primary_action></:submit_return>
</Kit.Phoenix.Layouts.Form.form>
<Kit.Phoenix.Layouts.Record.record subject_state={Kit.Phoenix.State.none()} density="desk">
  <:facts_related_records rest={%{"aria-labelledby": "scope-line-record-title"}} heading="Committee booking" heading_rest={%{id: "scope-line-record-title"}}>
  </:facts_related_records>
  <:decision_compact_work heading="Access" scope_line="These times apply to this booking only.">
    <Kit.Phoenix.Layouts.Form.form id="role-scope-line-form-2" subject_state={Kit.Phoenix.State.none()}>
      <:form_groups>
        <Kit.Phoenix.Roles.FormGroup.form_group id="scope-line-doors-open">
          <:label>Doors open</:label>
          <:control :let={binding}>
            <Kit.Phoenix.Roles.TimeField.time_field binding={binding} reader={reader()} name="doors-open" value={Kit.Phoenix.Roles.TimeField.Committed.clock(Kit.Phoenix.Time.clock(reader(), ~T[18:00:00]))} />
          </:control>
          <:printed_value><time datetime="18:00">18:00</time></:printed_value>
        </Kit.Phoenix.Roles.FormGroup.form_group>
        <Kit.Phoenix.Roles.FormGroup.form_group id="scope-line-doors-close">
          <:label>Doors close</:label>
          <:control :let={binding}>
            <Kit.Phoenix.Roles.TimeField.time_field binding={binding} reader={reader()} name="doors-close" value={Kit.Phoenix.Roles.TimeField.Committed.clock(Kit.Phoenix.Time.clock(reader(), ~T[21:30:00]))} />
          </:control>
          <:printed_value><time datetime="21:30">21:30</time></:printed_value>
        </Kit.Phoenix.Roles.FormGroup.form_group>
      </:form_groups>
      <:submit_return><Kit.Phoenix.Roles.PrimaryAction.primary_action type="submit">Save access times</Kit.Phoenix.Roles.PrimaryAction.primary_action></:submit_return>
    </Kit.Phoenix.Layouts.Form.form>
  </:decision_compact_work>
</Kit.Phoenix.Layouts.Record.record>
<p class="specimen-case-line">A Scope line beneath a section's standing facts, outside them.</p>
<Kit.Phoenix.Layouts.Settings.settings id="role-scope-line-settings" subject_state={Kit.Phoenix.State.none()} section_index_rest={%{"aria-label": "Hall settings"}} section_index_patch="../../settings/" section="payment-terms" section_index={[%Kit.Phoenix.Layouts.Settings.Entry{section: "hall-details", name: "Hall details"}, %Kit.Phoenix.Layouts.Settings.Entry{section: "payment-terms", name: "Payment terms"}, %Kit.Phoenix.Layouts.Settings.Entry{section: "terms-of-hire", name: "Terms of hire"}]} section_heading_id="scope-line-payment-title" section_index_label="Sections">
  <:selected_section rest={%{id: "scope-line-payment"}} scope_line="Changes apply to invoices sent from tomorrow.">
    <Kit.Phoenix.Roles.FactGroup.fact_group>
      <Kit.Phoenix.Roles.LabelledFact.labelled_fact>
        <:name>Payment due</:name>
        <:value>14 days after the booking</:value>
      </Kit.Phoenix.Roles.LabelledFact.labelled_fact>
    </Kit.Phoenix.Roles.FactGroup.fact_group>
  </:selected_section>
  <:form_or_list>
    <form method="get" id="scope-line-payment-form">
      <Kit.Phoenix.Roles.FormGroup.form_group id="scope-line-days-form-group" kind={Kit.Phoenix.Roles.FormGroup.Kind.text(:short)} control_value="14" control_rest={%{id: "scope-line-days", name: "days"}}><:printed_value>14</:printed_value>
        <:label rest={%{for: "scope-line-days"}}>Days to pay</:label>
      </Kit.Phoenix.Roles.FormGroup.form_group>
    </form>
  </:form_or_list>
  <:local_actions>
    <Kit.Phoenix.Roles.PrimaryAction.primary_action type="submit" form="scope-line-payment-form">Save payment terms</Kit.Phoenix.Roles.PrimaryAction.primary_action>
  </:local_actions>
</Kit.Phoenix.Layouts.Settings.settings>
<p class="specimen-case-line">A Scope line in a Row, a Stack beneath its facts and a Stack above its question.</p>
<Kit.Phoenix.Roles.Row.row scope_line="Applies to this class’s next invitation.">
  <:subject>Year 6</:subject>
  <:facts>25 pupils ·&nbsp;Class list</:facts>
  <:question>
    <Kit.Phoenix.Roles.FormGroup.form_group id="scope-line-row-email-form-group" kind={Kit.Phoenix.Roles.FormGroup.Kind.email()} control_rest={%{id: "scope-line-row-email", name: "teacher-email"}} control_value=""><:printed_value>No email given</:printed_value>
      <:label>Teacher’s email</:label>
    </Kit.Phoenix.Roles.FormGroup.form_group>
  </:question>
  <:actions>
    <Kit.Phoenix.Roles.PrimaryAction.primary_action>Send</Kit.Phoenix.Roles.PrimaryAction.primary_action>
    <Kit.Phoenix.Roles.SecondaryAction.secondary_action>Don’t send</Kit.Phoenix.Roles.SecondaryAction.secondary_action>
  </:actions>
</Kit.Phoenix.Roles.Row.row>