@props(['department' => null])

<!-- Nom de la catégorie -->
<div>
    <label for="department_name" class="block text-sm font-medium text-gray-700 mb-2">
        Nom du département <span class="text-red-500">*</span>
    </label>
    <input type="text" id="department_name" name="name" required placeholder="Entrez le nom de la catégorie" value="{{ old('name', $category->name ?? '') }}" class="w-full px-3 py-2.5 text-sm border border-gray-200 rounded-lg bg-gray-50 focus:bg-white focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition-all outline-none">
    @error('name')
    <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
    @enderror
</div>

<!-- Nom du manager -->
<div>
    <label for="department_manager" class="block text-sm font-medium text-gray-700 mb-2">
        Nom du responsable <span class="text-red-500">*</span>
    </label>
    <input type="text" id="department_manager" name="name_of_manager" placeholder="Nom du responsable" value="{{ old('name', $category->name ?? '') }}" class="w-full px-3 py-2.5 text-sm border border-gray-200 rounded-lg bg-gray-50 focus:bg-white focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition-all outline-none">
    @error('name_of_manager')
    <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
    @enderror
</div>

<!-- Téléphone du manager -->
<div>
    <label for="department_manager_phone" class="block text-sm font-medium text-gray-700 mb-2">
        Nom du responsable <span class="text-red-500">*</span>
    </label>
    <input type="text" id="department_manager_phone" name="phone_of_manager" placeholder="Nom du responsable" value="{{ old('name', $category->name ?? '') }}" class="w-full px-3 py-2.5 text-sm border border-gray-200 rounded-lg bg-gray-50 focus:bg-white focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition-all outline-none">
    @error('name_of_manager')
    <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
    @enderror
</div>
