<div class="px-4 py-3 mb-8 bg-white rounded-lg shadow-md dark:bg-gray-800">
    <label class="block text-sm">
        <span class="text-gray-700 dark:text-gray-400">Название должности</span>
        <input name="name" id="name"
               class="block w-full mt-1 text-sm dark:border-gray-600 dark:bg-gray-700 focus:border-purple-400 focus:outline-none focus:shadow-outline-purple dark:text-gray-300 dark:focus:shadow-outline-gray form-input"
               placeholder="Название должности" value="{{ old('name') ?? $job_title->name ?? '' }}"
        />
        @error('name')
        <span class="text-xs text-red-600 dark:text-red-400">
                  {{ $message }}
                </span>
        @enderror
    </label><br>

    <label class="block text-sm">
        <span class="text-gray-700 dark:text-gray-400">Родитель</span>

        @php
            $parent_id = old('parent_id') ?? $job_title->parent_id ?? 0;
        @endphp
        <select name="parent_id" class="block w-full mt-1 text-sm dark:text-gray-300 dark:border-gray-600 dark:bg-gray-700 form-select focus:border-purple-400 focus:outline-none focus:shadow-outline-purple dark:focus:shadow-outline-gray"
                title="Родитель">
            <option value="0">Без родителя</option>
            @include('admin.job_titles.parent_id', ['level' => -1, 'parent' => 0])
        </select>
    </label><br>

    <div class="flex flex-col flex-wrap mb-4 space-y-4 md:flex-row md:items-end md:space-x-4">
        <div>
            <button type="submit" class="px-3 py-1 text-sm font-medium leading-5 text-white transition-colors duration-150 bg-purple-600 border border-transparent rounded-md active:bg-purple-600 hover:bg-purple-700 focus:outline-none focus:shadow-outline-purple">
                Сохранить
            </button>
        </div>
    </div>
</div>