@extends('admin.layouts.app')

@section('title', __('dashboard.create_user'))

@section('content')
<x-admin.page-header title="{{ __('dashboard.create_user') }}" :breadcrumbs="[__('dashboard.users') => route('admin.users.index'), __('dashboard.create') => '']" />

<div class="row">
    <div class="col-lg-8">
        <div class="card">
            <div class="card-header">
                <h5 class="card-title mb-0">{{ __('dashboard.user_information') }}</h5>
            </div>
            <div class="card-body">
                <form action="{{ route('admin.users.store') }}" method="POST">
                    @csrf

                    <x-admin.form-input
                        label="{{ __('dashboard.name') }}"
                        name="name"
                        placeholder="{{ __('dashboard.enter_user_name') }}"
                        :required="true"
                    />

                    <x-admin.form-input
                        label="{{ __('dashboard.email') }}"
                        name="email"
                        type="email"
                        placeholder="{{ __('dashboard.enter_email_address') }}"
                        :required="true"
                    />

                    <x-admin.form-input
                        label="{{ __('dashboard.password') }}"
                        name="password"
                        type="password"
                        placeholder="{{ __('dashboard.enter_password') }}"
                        :required="true"
                    />

                    <x-admin.form-input
                        label="{{ __('dashboard.password_confirmation') }}"
                        name="password_confirmation"
                        type="password"
                        placeholder="{{ __('dashboard.confirm_password') }}"
                        :required="true"
                    />

                    <div class="d-flex gap-2">
                        <button type="submit" class="btn btn-primary">
                            <i class="ri-save-line align-middle me-1"></i> {{ __('dashboard.create_user') }}
                        </button>
                        <a href="{{ route('admin.users.index') }}" class="btn btn-light">{{ __('dashboard.cancel') }}</a>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection