@extends('layouts.app')
@section('title','Add User')
@section('page-title','Add User')
@section('content')
<div class="card stat-card" style="max-width:600px"><div class="card-header bg-white border-0 fw-semibold pt-3 px-3">Create System User</div><div class="card-body">
<form method="POST" action="{{ route('users.store') }}">@csrf
  <div class="row g-3">
    <div class="col-12"><label class="form-label">Full Name *</label><input name="name" class="form-control" required></div>
    <div class="col-12"><label class="form-label">Email *</label><input name="email" type="email" class="form-control" required></div>
    <div class="col-12"><label class="form-label">Role *</label><select name="role" class="form-select" required><option value="">Select Role</option>@foreach($roles as $r)<option value="{{ $r->name }}">{{ str_replace('_',' ',ucfirst($r->name)) }}</option>@endforeach</select></div>
    <div class="col-md-6"><label class="form-label">Password *</label><input name="password" type="password" class="form-control" required minlength="8"></div>
    <div class="col-md-6"><label class="form-label">Confirm Password *</label><input name="password_confirmation" type="password" class="form-control" required></div>
  </div>
  <div class="mt-3 d-flex gap-2"><button type="submit" class="btn btn-primary">Create User</button><a href="{{ route('users.index') }}" class="btn btn-outline-secondary">Cancel</a></div>
</form>
</div></div>
@endsection