@include('livewire.settings.settingstyle')

    <x-layouts.auth>
    <div class="flex flex-col gap-6">
        <x-auth-header
            :title="__('profile.Confirm_password')"
            :description="__('profile.Confirm_description')"
        />

        <x-auth-session-status class="text-center" :status="session('status')" />

        <form method="POST" action="{{ route('password.confirm.store') }}" class="flex flex-col gap-6">
            @csrf

            <flux:input
                name="password"
                :label="__('profile.password')"
                type="password"
                required
                autocomplete="current-password"
                :placeholder="__('profile.password')"
                viewable
            />

            <flux:button variant="primary" type="submit" class="btn btn-success w-full" data-test="confirm-password-button">
                {{ __('profile.Confirm') }}
            </flux:button>

        </form>
    </div>
</x-layouts.auth>