<section class="report-toolbar">
    <div>
        <p class="eyebrow"><?= e(trans('common.administrator')) ?></p>
        <h1><?= e(trans('admin.edit_area_description')) ?></h1>
        <p class="support-copy"><?= e(trans('admin.area_form_copy')) ?></p>
    </div>
    <div class="toolbar-actions">
        <a class="ghost-button" href="<?= e(base_url('/admin/areas')) ?>"><?= e(trans('common.back')) ?></a>
    </div>
</section>

<section class="card table-card">
    <form method="post" action="<?= e(base_url('/admin/areas/save')) ?>" class="stack-form">
        <input type="hidden" name="_csrf" value="<?= e(csrf_token()) ?>">
        <input type="hidden" name="area_code" value="<?= e($item['area_code']) ?>">

        <div class="inline-form-grid">
            <label>
                <span><?= e(trans('common.area')) ?></span>
                <input type="text" value="<?= e($item['area_code'] . ' - ' . $item['name']) ?>" readonly>
            </label>
        </div>

        <label>
            <span><?= e(trans('common.description')) ?></span>
            <textarea name="description" rows="8" required><?= e($item['description']) ?></textarea>
        </label>

        <div class="toolbar-actions">
            <button class="primary-button" type="submit"><?= e(trans('admin.save_description')) ?></button>
        </div>
    </form>
</section>