@extends('admin.layouts.dashboard')

@section('title', 'Add User')

@section('content')
    <x-page-header
        title="Add System User"
        description="Create a staff login and assign the role that controls what they can reach."
        :breadcrumbs="['Dashboard' => url('/dashboard'), 'Users' => route('users.index'), 'Add' => null]"
    />

    <div style="max-width: 820px;">
        <x-card>
            <form id="user-form" method="POST" action="{{ route('users.store') }}" data-guard>
                @csrf
                @include('admin.user._form', ['user' => null])
            </form>

            <x-slot:footer>
                <a href="{{ route('users.index') }}" class="btn btn--secondary">Cancel</a>
                <button type="submit" form="user-form" class="btn btn--primary" data-loading-label="Creating…">
                    <i class="fa-solid fa-check" aria-hidden="true"></i>
                    Create user
                </button>
            </x-slot:footer>
        </x-card>
    </div>
@endsection