@extends('layouts.admin')

@section('title', __('pages.forms.user_create_title'))

@section('content')
<div class="card">
    <div class="card-header bg-primary text-white">
        <h5 class="mb-0">{{ __('pages.forms.user_create_heading') }}</h5>
    </div>
    <div class="card-body">
        <form action="{{ route('users.store') }}" method="POST">
            @csrf

            <div class="mb-3">
                <label class="form-label">{{ __('pages.forms.name') }}</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="mb-3">
                <label class="form-label">{{ __('pages.forms.email') }}</label>
                <input type="email" name="email" class="form-control @error('email') is-invalid @enderror" value="{{ old('email') }}" required>
                @error('email')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>

            <div class="mb-3">
                <label class="form-label">{{ __('pages.forms.password') }}</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="mb-4">
                <label class="form-label">{{ __('ui.profile_role') }}</label>
                <select name="role" class="form-select @error('role') is-invalid @enderror" required>
                    <option value="">{{ __('pages.forms.select_role') }}</option>
                    @foreach($roles as $value => $label)
                        <option value="{{ $value }}" @selected(old('role') === $value)>{{ $label }}</option>
                    @endforeach
                </select>
                @error('role')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>

            <div class="d-flex gap-2">
                <button type="submit" class="btn btn-primary">{{ __('pages.forms.save') }}</button>
                <a href="{{ route('users.index') }}" class="btn btn-secondary">{{ __('pages.common.cancel') }}</a>
            </div>
        </form>
    </div>
</div>
@endsection