@extends('layouts.admin')
@section('title', $user->exists ? 'Edit User' : 'Tambah User')

@section('content')
    <div class="bg-white rounded-xl border border-line p-6 md:p-8 max-w-xl">
        <form method="POST"
              action="{{ $user->exists ? route('admin.users.update', $user) : route('admin.users.store') }}"
              class="space-y-5">
            @csrf
            @if ($user->exists) @method('PUT') @endif

            @php $inputClass = 'w-full px-3.5 py-2.5 rounded-lg border border-line text-sm focus:border-accent focus:ring-2 focus:ring-indigo-100 outline-none'; @endphp

            <div>
                <label class="block text-sm font-medium mb-1.5">Nama</label>
                <input name="name" value="{{ old('name', $user->name) }}" required class="{{ $inputClass }}">
            </div>
            <div>
                <label class="block text-sm font-medium mb-1.5">Username</label>
                <input name="username" value="{{ old('username', $user->username) }}" class="{{ $inputClass }}">
            </div>
            <div>
                <label class="block text-sm font-medium mb-1.5">Email</label>
                <input type="email" name="email" value="{{ old('email', $user->email) }}" required class="{{ $inputClass }}">
            </div>
            <div>
                <label class="block text-sm font-medium mb-1.5">
                    Password {{ $user->exists ? '(kosongkan bila tak diubah)' : '' }}
                </label>
                <input type="password" name="password" {{ $user->exists ? '' : 'required' }}
                       placeholder="min. 6 karakter" class="{{ $inputClass }}">
            </div>
            <label class="flex items-center gap-3 pt-1">
                <input type="checkbox" name="is_admin" value="1" @checked(old('is_admin', $user->is_admin))
                       class="w-4 h-4 rounded border-line text-accent focus:ring-accent">
                <span class="text-sm">Jadikan administrator</span>
            </label>

            <div class="flex gap-3 pt-3 border-t border-line">
                <button class="px-5 py-2.5 rounded-lg bg-accent hover:bg-accent-700 text-white text-sm font-semibold transition">Simpan</button>
                <a href="{{ route('admin.users.index') }}" class="px-5 py-2.5 rounded-lg border border-line text-sm font-medium hover:bg-slate-50 transition">Batal</a>
            </div>
        </form>
    </div>
@endsection