@use(App\Domains\Channel\Enums\Client\AuthType)
<x-modal id="client-form-modal" :title="$this->title" wire:submit="save" wire:loading form livewire>
    <div class="d-flex flex-column gap-3">
        <x-form.input
            name="form.name"
            wire:model="form.name"
            :disabled="$mode == 'update'"
            :label="__('domains/channel/field.client.name')"
        />

        <x-form.input
            name="form.domain"
            wire:model="form.domain"
            :disabled="$mode == 'update'"
            :label="__('domains/channel/field.client.domain')"
        />

        <x-form.input
            name="form.webhook"
            wire:model="form.webhook"
            :label="__('domains/channel/field.client.webhook')"
        />

        <x-form.select
            name="form.auth_type"
            :label="__('domains/channel/field.client.auth_type')"
            wire:model.live="form.auth_type"
            :options="AuthType::options()"
        />

        @if ($form->auth_type === AuthType::BASIC)
            <x-form.input
                name="form.credentials.username"
                wire:model="form.credentials.username"
                :label="__('domains/channel/field.client.credentials.username')"
            />
            <x-form.input
                type="password"
                name="form.credentials.password"
                wire:model="form.credentials.password"
                :label="__('domains/channel/field.client.credentials.password')"
            />
        @elseif ($form->auth_type == AuthType::TOKEN)
            <x-form.input
                name="form.credentials.token"
                wire:model="form.credentials.token"
                :label="__('domains/channel/field.client.credentials.token')"
            />
        @endif
    </div>

    <x-slot:footer>
        <x-button type="button" theme="secondary" :label="__('ui/button.cancel')" data-bs-dismiss="modal" />
        <x-button type="submit" theme="primary" :label="__('ui/button.save')" />
    </x-slot:footer>
</x-modal>