{{!
  Copyright (c) HashiCorp, Inc.
  SPDX-License-Identifier: MPL-2.0
}}

<div class={{class-map "consul-peer-form"}} ...attributes>
  <StateMachine
    @src={{require "./chart.xstate" from="/components/consul/peer/form"}}
    as |fsm|
  >

    <TabNav
      @items={{array
        (hash
          label=(t "components.consul.peer.form.generate-label")
          selected=(state-matches fsm.state "generate")
          state="GENERATE"
        )
        (hash
          label=(t "components.consul.peer.form.establish-label")
          selected=(state-matches fsm.state "initiate")
          state="INITIATE"
        )
      }}
      @onTabClicked={{pick "state" fsm.dispatch}}
    />

    <fsm.State @matches={{array "generate"}}>

      <DataSource
        @src={{uri "/${partition}/${nspace}/${dc}/peer-generate/" @params}}
        as |source|
      >
        {{yield
          (hash Form=(component "consul/peer/form/generate" item=source.data))
        }}
      </DataSource>

    </fsm.State>

    <fsm.State @matches="initiate">

      <DataSource
        @src={{uri "/${partition}/${nspace}/${dc}/peer-initiate/" @params}}
        as |source|
      >
        {{yield
          (hash Form=(component "consul/peer/form/initiate" item=source.data))
        }}
      </DataSource>

    </fsm.State>

  </StateMachine>
</div>
