{{!
  Copyright IBM Corp. 2016, 2025
  SPDX-License-Identifier: BUSL-1.1
}}

<Page::Header @title="Secrets sync">
  <:breadcrumbs>
    <Page::Breadcrumbs @breadcrumbs={{this.breadcrumbs}} />
  </:breadcrumbs>
  <:badges>
    {{#if this.flags.isHvdManaged}}
      <Hds::Badge @text="Standard feature" @color="highlight" @size="large" data-test-badge="Standard feature" />
    {{/if}}
  </:badges>
  <:description>
    Centralize your secret governance by synchronizing Vault-managed data to external secret managers in cloud services
    providers, GitHub, & Vercel.
    <Hds::Link::Inline @isHrefExternal={{true}} @href={{doc-link "/vault/gui/secret-sync"}}>
      Learn more
    </Hds::Link::Inline>
  </:description>
  <:actions>
    {{! Only allow users who have activated the feature to create a destination. }}
    {{#if @isActivated}}
      <Hds::Button @text="Create first destination" @route="secrets.destinations.create" data-test-cta-button />
    {{/if}}
  </:actions>
</Page::Header>

<Hds::Layout::Flex @gap="24" class="top-margin-16" as |LF|>
  <LF.Item @tag="div">
    <img src={{img-path "~/sync-landing-1.png"}} alt="Secrets sync destinations diagram" aria-describedby="sync-step-1" />
    <Hds::Text::Body @tag="p">
      <b>Step 1:</b>
      Create a destination, and set up the connection details to allow Vault access.
    </Hds::Text::Body>
  </LF.Item>
  <LF.Item @tag="div">
    <img src={{img-path "~/sync-landing-2.png"}} alt="Syncing secrets diagram" aria-describedby="sync-step-2" />
    <Hds::Text::Body @tag="p">
      <b>Step 2:</b>
      Select secrets from your KV v2 engine and sync secrets to your destination.
    </Hds::Text::Body>
  </LF.Item>
</Hds::Layout::Flex>