Текстовая область и выпадающий список в Inertia

Давайте теперь рассмотрим запись, у которой одного короткого поля мало. У неё есть длинный текст и один статус из готовых вариантов.

Длинный текст набирают в textarea. Один вариант из списка задаёт select. Тот же единственный выбор дают радиокнопки с типом radio и одним именем поля: в запрос уйдёт значение отмеченной кнопки.

Давайте опишем адрес формы и приём полей:

<?php
	use Illuminate\Http\Request;
	use Illuminate\Support\Facades\Route;
	use Inertia\Inertia;

	Route::get('/posts/create', function () {
		return Inertia::render('Posts/Create');
	});

	Route::post('/posts', function (Request $request) {
		return back();
	});
?>

Давайте добавим в форму текст, список статусов и пару радиокнопок:

<script setup>
	import { Form } from '@inertiajs/vue3'
</script>

<template>
	<Form action="/posts" method="post">
		<textarea name="body"></textarea>
		<select name="status">
			<option>Draft</option>
			<option>Published</option>
		</select>
		<label>
			<input
				type="radio"
				name="visibility"
				value="public"
			/>
			Public
		</label>
		<label>
			<input
				type="radio"
				name="visibility"
				value="private"
			/>
			Private
		</label>
		<button type="submit">Save</button>
	</Form>
</template>

Сделайте форму работника с длинным текстом о нём, выпадающим списком отдела и выбором одного режима работы радиокнопками.