@extends('layouts.app')
@section('title', 'Tambah Pengguna')
@section('content')
<div class="d-flex align-items-center mb-4">
  <a href="{{ route('admin.users.index') }}" class="btn btn-outline-secondary btn-sm me-3"><i class="bx bx-arrow-back"></i></a>
  <h4 class="fw-bold mb-0">Tambah Pengguna</h4>
</div>
<div class="card" style="max-width:600px;"><div class="card-body">
  <form action="{{ route('admin.users.store') }}" method="POST">
    @csrf
    <div class="row g-3">
      <div class="col-12"><label class="form-label">Nama Lengkap <span class="text-danger">*</span></label>
        <input type="text" name="name" class="form-control @error('name') is-invalid @enderror" value="{{ old('name') }}" required>
        @error('name') <div class="invalid-feedback">{{ $message }}</div> @enderror
      </div>
      <div class="col-md-6"><label class="form-label">Username <span class="text-danger">*</span></label>
        <input type="text" name="username" class="form-control @error('username') is-invalid @enderror" value="{{ old('username') }}" required>
        @error('username') <div class="invalid-feedback">{{ $message }}</div> @enderror
      </div>
      <div class="col-md-6"><label class="form-label">Role <span class="text-danger">*</span></label>
        <select name="role" class="form-select" required>
          <option value="admin">Admin</option>
          <option value="staf_rab">Staf RAB</option>
          <option value="staf_purchasing">Staf Purchasing</option>
          <option value="manajer">Manajer</option>
        </select>
      </div>
      <div class="col-md-6"><label class="form-label">Password <span class="text-danger">*</span></label>
        <input type="password" name="password" class="form-control @error('password') is-invalid @enderror" required>
        @error('password') <div class="invalid-feedback">{{ $message }}</div> @enderror
      </div>
      <div class="col-md-6"><label class="form-label">Konfirmasi Password <span class="text-danger">*</span></label>
        <input type="password" name="password_confirmation" class="form-control" required>
      </div>
      <div class="col-12 text-end">
        <button type="submit" class="btn btn-primary me-2"><i class="bx bx-save me-1"></i>Simpan</button>
        <a href="{{ route('admin.users.index') }}" class="btn btn-outline-secondary">Batal</a>
      </div>
    </div>
  </form>
</div></div>
@endsection