Robot
Alessandro Krain

<body class="bg-gray-100 font-sans leading-normal tracking-normal h-screen flex items-center justify-center">
  <div class="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50">
    <div class="bg-white rounded-lg shadow-lg p-8 max-w-3xl w-full">
      <h2 class="text-2xl font-bold mb-4 text-center">Assegna Calendario</h2>
      <form>
        <div class="flex justify-between mb-4">
          <div class="w-1/2 pr-2">
            <label for="staff-member" class="block text-gray-700 mb-2">Membri dello Staff</label>
            <select id="staff-member" class="w-full p-2 border rounded" multiple>
              <option value="staff1">Mario Rossi</option>
              <option value="staff2">Giulia Bianchi</option>
              <option value="staff3">Luca Verdi</option>
              <option value="staff4">Anna Neri</option>
              <option value="staff5">Marco Gallo</option>
            </select>
          </div>
          <div class="w-1/2 pl-2">
            <label for="assigned-calendar" class="block text-gray-700 mb-2">Calendario Assegnato</label>
            <select id="assigned-calendar" class="w-full p-2 border rounded" multiple>
              <option value="calendar1">Calendario Team A</option>
              <option value="calendar2">Calendario Team B</option>
            </select>
          </div>
        </div>
        <div class="mb-4">
          <label for="calendar" class="block text-gray-700 mb-2">Seleziona Calendario</label>
          <select id="calendar" class="w-full p-2 border rounded">
            <option value="">-- Seleziona --</option>
            <option value="calendar1">Calendario Team A</option>
            <option value="calendar2">Calendario Team B</option>
            <option value="calendar3">Calendario Team C</option>
          </select>
        </div>
        <div class="mb-6">
          <label for="notes" class="block text-gray-700 mb-2">Note Aggiuntive</label>
          <textarea id="notes" class="w-full p-2 border rounded" placeholder="Inserisci eventuali note" rows="3"></textarea>
        </div>
        <div class="flex justify-between items-center">
          <button type="button" class="text-gray-500 hover:text-gray-700" onclick="document.querySelector('.fixed').style.display='none'">
            Annulla
          </button>
          <button type="submit" class="bg-blue-500 text-white p-2 rounded hover:bg-blue-400">Assegna Calendario</button>
        </div>
      </form>
    </div>
  </div>
</body>