@component('admin/layouts/main')
  @slot('main')
    <h1 class="text-2xl font-bold mb-6">Modifier les informations</h1>
    <form action="/admin/information" method="post" class="bg-white p-6 rounded shadow max-w-xl">
      {{{ csrfField() }}}
      <div class="space-y-4">
        <div>
          <label for="name" class="block text-sm font-medium text-gray-700 mb-1">Nom</label>
          <input type="text" name="name" id="name" value="{{ information.name }}" required
            class="w-full px-3 py-2 border rounded" />
        </div>
        <div>
          <label for="headline" class="block text-sm font-medium text-gray-700 mb-1">Titre</label>
          <input type="text" name="headline" id="headline" value="{{ information.headline }}" required
            class="w-full px-3 py-2 border rounded" />
        </div>
        <div>
          <label for="contact" class="block text-sm font-medium text-gray-700 mb-1">Email</label>
          <input type="email" name="contact" id="contact" value="{{ information.contact }}" required
            class="w-full px-3 py-2 border rounded" />
        </div>
        <div>
          <label for="linkedin" class="block text-sm font-medium text-gray-700 mb-1">LinkedIn</label>
          <input type="url" name="linkedin" id="linkedin" value="{{ information.linkedin || '' }}"
            class="w-full px-3 py-2 border rounded" />
        </div>
        <div>
          <label for="github" class="block text-sm font-medium text-gray-700 mb-1">GitHub</label>
          <input type="url" name="github" id="github" value="{{ information.github || '' }}"
            class="w-full px-3 py-2 border rounded" />
        </div>
        <div>
          <label for="birthday" class="block text-sm font-medium text-gray-700 mb-1">Date de naissance</label>
          <input type="date" name="birthday" id="birthday"
            value="{{ information.birthday ? information.birthday.toISODate() : '' }}"
            class="w-full px-3 py-2 border rounded" />
        </div>
        <button type="submit" class="bg-blue-600 text-white px-4 py-2 rounded hover:bg-blue-700">
          Enregistrer
        </button>
      </div>
    </form>
  @endslot
@end
