@extends('layouts.master')

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

@section('content')

<div class="workflow-page">

    <x-workflow.header
        title="Create User"
        subtitle="Add a new system user">

        <a
            href="{{ route('admin.users.index') }}"
            class="workflow-btn workflow-btn-outline">

            Back To Users

        </a>

    </x-workflow.header>

    <div class="workflow-card">

        <div class="workflow-card-body">

            <form
                method="POST"
                action="{{ route('admin.users.store') }}">

                @csrf

                <div class="workflow-grid-2">

                    <div>

                        <label class="workflow-label">

                            First Name

                        </label>

                        <input
                            type="text"
                            name="first_name"
                            value="{{ old('first_name') }}"
                            class="workflow-input"
                            required>

                    </div>

                    <div>

                        <label class="workflow-label">

                            Surname

                        </label>

                        <input
                            type="text"
                            name="surname"
                            value="{{ old('surname') }}"
                            class="workflow-input"
                            required>

                    </div>

                    <div>

                        <label class="workflow-label">

                            Other Names

                        </label>

                        <input
                            type="text"
                            name="other_names"
                            value="{{ old('other_names') }}"
                            class="workflow-input">

                    </div>

                    <div>

                        <label class="workflow-label">

                            Phone Number

                        </label>

                        <input
                            type="text"
                            name="phone_number"
                            value="{{ old('phone_number') }}"
                            class="workflow-input">

                    </div>

                    <div>

                        <label class="workflow-label">

                            Email

                        </label>

                        <input
                            type="email"
                            name="email"
                            value="{{ old('email') }}"
                            class="workflow-input">

                    </div>

                    <div>

                        <label class="workflow-label">

                            Username

                        </label>

                        <input
                            type="text"
                            name="username"
                            value="{{ old('username') }}"
                            class="workflow-input"
                            required>

                    </div>

                    <div>

                        <label class="workflow-label">

                            Password

                        </label>

                        <input
                            type="password"
                            name="password"
                            class="workflow-input"
                            required>

                    </div>

                    <div>

                        <label class="workflow-label">

                            Confirm Password

                        </label>

                        <input
                            type="password"
                            name="password_confirmation"
                            class="workflow-input"
                            required>

                    </div>

                </div>

                <div class="mt-4">

                    <button
                        type="submit"
                        class="workflow-btn workflow-btn-primary">

                        Save User

                    </button>

                </div>

            </form>

        </div>

    </div>

</div>

@endsection