@extends('layouts.app')

@section('content')
    <div class="py-8">
        <div class="w-full mx-auto sm:px-6 lg:px-8">
            <div class="overflow-hidden w-full">

                <div
                    class="bg-white max-w-2xl shadow-sm ring-1 ring-gray-900/5 sm:rounded-xl md:col-span-2 px-4 py-6 sm:p-8">
                    <h2 class="text-xl font-semibold text-gray-900 mb-6">Kullanıcı Bilgilerini Düzenle</h2>

                    <form action="{{ route('users.update', $user->id) }}" method="POST" class="grid gap-y-4">
                        @csrf
                        @method('PUT')

                        <div>
                            <x-label for="name" value="{{ __('Kullanıcı adı') }}" />
                            <x-input id="name" class="block mt-1 w-full" type="text" name="name"
                                :value="old('name', $user->name)" required autofocus autocomplete="name" />
                            @error('name')
                                <span class="text-red-500 text-sm">{{ $message }}</span>
                            @enderror
                        </div>

                        <div>
                            <x-label for="email" value="{{ __('Eposta') }}" />
                            <x-input id="email" class="block mt-1 w-full" type="email" name="email"
                                :value="old('email', $user->email)" required autocomplete="username" />
                            @error('email')
                                <span class="text-red-500 text-sm">{{ $message }}</span>
                            @enderror
                        </div>

                        <div>
                            <x-label for="password" value="{{ __('Yeni Şifre') }}" />
                            <x-input id="password" class="block mt-1 w-full" type="password" name="password"
                                autocomplete="new-password" placeholder="Yeni şifre girin (boş bırakabilirsiniz)" />
                            @error('password')
                                <span class="text-red-500 text-sm">{{ $message }}</span>
                            @enderror
                        </div>

                        <div>
                            <x-label for="password_confirmation" value="{{ __('Yeni Şifre Tekrar') }}" />
                            <x-input id="password_confirmation" class="block mt-1 w-full" type="password"
                                name="password_confirmation" autocomplete="new-password"
                                placeholder="Yeni şifreyi tekrar girin" />
                        </div>

                        <div class="flex items-center justify-end mt-4">
                            <x-button class="ms-4">
                                {{ __('GÜNCELLE') }}
                            </x-button>
                        </div>
                    </form>
                </div>

                <!-- Include the Livewire component for managing user access -->
                @livewire(\App\Livewire\ManageUserAccess::class, ['userId' => $user->id])
            </div>
        </div>
    </div>
@endsection

@push('scripts')
    @livewireScripts
@endpush