@extends('layouts.app')

@section('title', 'Tambah pengguna')

@section('content')
    <div class="mb-6">
        <a href="{{ route('admin.users.index') }}" class="text-sm text-blue-600 hover:underline">← Kembali</a>
        <h1 class="text-2xl font-bold text-gray-900 dark:text-white mt-2">Tambah pengguna</h1>
    </div>

    <div class="max-w-2xl bg-white dark:bg-gray-800 rounded-xl border border-gray-200 dark:border-gray-700 p-6 shadow-sm">
        <form method="POST" action="{{ route('admin.users.store') }}" class="space-y-4">
            @csrf
            <div>
                <label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">Nama <span class="text-red-500">*</span></label>
                <input type="text" name="name" value="{{ old('name') }}" required maxlength="255"
                       class="w-full rounded-lg border border-gray-300 dark:border-gray-600 dark:bg-gray-700 px-3 py-2 text-sm">
                @error('name')<p class="text-red-600 text-xs mt-1">{{ $message }}</p>@enderror
            </div>
            <div>
                <label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">Email <span class="text-red-500">*</span></label>
                <input type="email" name="email" value="{{ old('email') }}" required
                       class="w-full rounded-lg border border-gray-300 dark:border-gray-600 dark:bg-gray-700 px-3 py-2 text-sm">
                @error('email')<p class="text-red-600 text-xs mt-1">{{ $message }}</p>@enderror
            </div>
            <div>
                <label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">Role <span class="text-red-500">*</span></label>
                <select name="role" required class="w-full rounded-lg border border-gray-300 dark:border-gray-600 dark:bg-gray-700 px-3 py-2 text-sm">
                    <option value="">— Pilih —</option>
                    @foreach($roles as $k => $label)
                        <option value="{{ $k }}" @selected(old('role') === $k)>{{ $label }}</option>
                    @endforeach
                </select>
                @error('role')<p class="text-red-600 text-xs mt-1">{{ $message }}</p>@enderror
            </div>

            <div>
                <label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">Mitra (wajib jika role Mitra)</label>
                <select name="mitra_id" class="w-full rounded-lg border border-gray-300 dark:border-gray-600 dark:bg-gray-700 px-3 py-2 text-sm">
                    <option value="">—</option>
                    @foreach($mitras as $m)
                        <option value="{{ $m->id }}" @selected(old('mitra_id') == $m->id)>{{ $m->nama }}</option>
                    @endforeach
                </select>
                @error('mitra_id')<p class="text-red-600 text-xs mt-1">{{ $message }}</p>@enderror
            </div>

            <div>
                <label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">SPPG (wajib untuk peran staf SPPG)</label>
                <select name="sppg_id" class="w-full rounded-lg border border-gray-300 dark:border-gray-600 dark:bg-gray-700 px-3 py-2 text-sm">
                    <option value="">—</option>
                    @foreach($sppgs as $s)
                        <option value="{{ $s->id }}" @selected(old('sppg_id') == $s->id)>
                            {{ $s->nama }}@if($s->mitra) ({{ $s->mitra->nama }})@endif
                        </option>
                    @endforeach
                </select>
                @error('sppg_id')<p class="text-red-600 text-xs mt-1">{{ $message }}</p>@enderror
            </div>

            <div>
                <label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">Supplier (wajib jika role Supplier)</label>
                <select name="supplier_id" class="w-full rounded-lg border border-gray-300 dark:border-gray-600 dark:bg-gray-700 px-3 py-2 text-sm">
                    <option value="">—</option>
                    @foreach($suppliers as $sup)
                        <option value="{{ $sup->id }}" @selected(old('supplier_id') == $sup->id)>{{ $sup->nama }}</option>
                    @endforeach
                </select>
                @error('supplier_id')<p class="text-red-600 text-xs mt-1">{{ $message }}</p>@enderror
            </div>

            <div>
                <label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">Password</label>
                <input type="password" name="password" autocomplete="new-password"
                       class="w-full rounded-lg border border-gray-300 dark:border-gray-600 dark:bg-gray-700 px-3 py-2 text-sm" minlength="8">
                <p class="text-xs text-gray-500 mt-1">Kosongkan untuk membuat password acak; password ditampilkan sekali setelah simpan.</p>
                @error('password')<p class="text-red-600 text-xs mt-1">{{ $message }}</p>@enderror
            </div>

            <div class="pt-2">
                <button type="submit" class="px-4 py-2 rounded-xl bg-blue-600 text-white text-sm font-semibold hover:bg-blue-700">Simpan</button>
            </div>
        </form>
    </div>
@endsection