@extends('layouts.admin')

@section('title', __('New user'))

@section('mobile_title', __('New user'))

@section('content')
    <div class="mx-auto max-w-xl">
        <div class="mb-8">
            <a href="{{ route('admin.users.index') }}" class="text-sm font-medium text-indigo-600 hover:text-indigo-500">← {{ __('Back to users') }}</a>
            <h1 class="mt-4 text-2xl font-semibold text-slate-900">{{ __('Create user') }}</h1>
        </div>

        <form action="{{ route('admin.users.store') }}" method="post" class="rounded-xl border border-slate-200 bg-white p-6 shadow-sm sm:p-8">
            @csrf
            @include('admin.users._form', ['user' => null])
            <div class="mt-8 flex gap-3">
                <button type="submit" class="rounded-lg bg-indigo-600 px-4 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-indigo-500">
                    {{ __('Create user') }}
                </button>
                <a href="{{ route('admin.users.index') }}" class="rounded-lg border border-slate-300 bg-white px-4 py-2.5 text-sm font-semibold text-slate-700 hover:bg-slate-50">{{ __('Cancel') }}</a>
            </div>
        </form>
    </div>
@endsection