@section('title', 'Ubah - Pengguna')
<div class="py-12">
    <x-slot name="header">
        <h2 class="text-xl font-semibold leading-tight text-gray-800 dark:text-gray-200">
            Ubah
        </h2>
    </x-slot>
    <div class="mx-auto max-w-7xl sm:px-6 lg:px-8">
        <div class="overflow-hidden bg-white shadow-sm dark:bg-gray-800 sm:rounded-lg">
            <div class="grid grid-cols-1 p-6 text-gray-900 md:gap-10 md:grid-cols-2 dark:text-gray-100">
                <form action="">
                    {{ $this->editUserForm }}
                    <div class="flex gap-3 mt-5">
                        <x-filament::button color="info" wire:click="save">
                            Simpan
                        </x-filament::button>
                        <x-filament::button wire:navigate tag="a" href="{{ route('user.index') }}" color="info" outlined>
                            Kembali
                        </x-filament::button>
                    </div>
                </form>
                <form action="">
                    {{ $this->editPasswordForm }}
                    <div class="mt-5 text-right">
                        <x-filament::button color="info" wire:click="updatePassword" outlined>
                            Ubah Kata Kunci
                        </x-filament::button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>