@extends('layouts.admin')

@section('title', 'Create Staff Account')

@section('content')
<div class="mb-4">
    <a
        href="{{ route('admin.staff.index') }}"
        class="text-decoration-none small"
    >
        <i class="bi bi-arrow-left me-1"></i>
        Back to Staff
    </a>

    <h1 class="h3 mt-2 mb-1">
        Create Staff Account
    </h1>

    <p class="text-muted mb-0">
        Create an internal account and assign an authorised role.
    </p>
</div>

<div class="row">
    <div class="col-lg-8">
        <div class="card border-0 shadow-sm">
            <div class="card-header bg-white">
                <h2 class="h5 mb-0">
                    Staff Information
                </h2>
            </div>

            <div class="card-body">
                <form
                    method="POST"
                    action="{{ route('admin.staff.store') }}"
                >
                    @csrf

                    @include('admin.staff._form', [
                        'submitLabel' => 'Create Staff Account',
                    ])
                </form>
            </div>
        </div>
    </div>

    <div class="col-lg-4 mt-4 mt-lg-0">
        <div class="card border-0 shadow-sm">
            <div class="card-header bg-white">
                <h2 class="h5 mb-0">
                    Account Security
                </h2>
            </div>

            <div class="card-body">
                <p>
                    The system will generate a unique temporary password.
                </p>

                <p>
                    The password will be displayed once after the account
                    is created.
                </p>

                <p class="mb-0">
                    The staff member must replace it during their first
                    login.
                </p>
            </div>
        </div>
    </div>
</div>
@endsection