<?= $this->extend('_layout') ?>

<?= $this->section('content') ?>

<form action="<?= '/' . config('Install')->gateway . '/instance-config' ?>" class="flex flex-col w-full max-w-sm gap-y-4" method="post" accept-charset="utf-8">
<?= csrf_field() ?>

<div class="flex items-center mb-2">
    <span class="inline-flex items-center justify-center w-12 h-12 mr-2 text-sm font-semibold tracking-wider border-4 rounded-full text-accent-base border-accent-base">1/4</span>
    <x-Heading tagName="h1"><?= lang('Install.form.instance_config') ?></x-Heading>
</div>

<x-Forms.Field
    name="hostname"
    label="<?= esc(lang('Install.form.hostname')) ?>"
    value="<?= host_url() === null ? config('App')->baseURL : host_url() ?>"
    isRequired="true" />

<x-Forms.Field
    name="media_base_url"
    label="<?= esc(lang('Install.form.media_base_url')) ?>"
    hint="<?= esc(lang('Install.form.media_base_url_hint')) ?>" />

<x-Forms.Field
    name="admin_gateway"
    label="<?= esc(lang('Install.form.admin_gateway')) ?>"
    hint="<?= esc(lang('Install.form.admin_gateway_hint')) ?>"
    value="<?= config('Admin')->gateway ?>"
    isRequired="true" />

<x-Forms.Field
    name="auth_gateway"
    label="<?= esc(lang('Install.form.auth_gateway')) ?>"
    hint="<?= esc(lang('Install.form.auth_gateway_hint')) ?>"
    value="<?= config('Auth')->gateway ?>"
    isRequired="true" />
<?php // @icon("arrow-right-fill")?>
<x-Button class="self-end" variant="primary" type="submit" iconRight="arrow-right-fill"><?= lang('Install.form.next') ?></x-Button>
</form>

<?= $this->endSection() ?>
