<!-- Modal exclusivo para editar horario de un colaborador -->
<div class="modal fade" id="modalEditarHorario" tabindex="-1" aria-labelledby="modalEditarHorarioLabel" aria-hidden="true">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="modalEditarHorarioLabel">Editar horario de colaborador</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Cerrar"></button>
      </div>
      <form id="form-editar-horario">
        <div class="modal-body">
          <div class="mb-3 d-flex gap-2 align-items-end">
            <div style="flex:1;">
              <label class="form-label">Mes</label>
              <select id="mes-edicion" class="form-select" required></select>
            </div>
          </div>
          <div class="mb-3">
            <label class="form-label">Periodo a asignar</label>
            <select id="periodo-edicion" class="form-select" name="periodo" required>
              <option value="">Selecciona un periodo</option>
            </select>
          </div>
          <div class="mb-3">
            <label class="form-label">¿Cómo deseas cargar los horarios?</label>
            <select id="tipo-carga-horario-editar" class="form-select" required>
              <option value="quincenal" selected>Por quincena</option>
              <option value="semanal">Por semana</option>
            </select>
          </div>
          <div class="mb-3" id="bloque-horarios-semanales-editar">
            <!-- Aquí se renderizan las tablas de horarios por semana/quincena vía JS -->
          </div>
          <div class="mb-3" id="bloque-dias-descanso-editar">
            <label class="form-label">Días de descanso por semana</label>
            <div id="descansos-por-semana" class="">
              <!-- Aquí se renderizan los selects de descanso por semana vía JS (igual que en asignar) -->
            </div>
          </div>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancelar</button>
          <button type="submit" class="btn btn-success">Actualizar</button>
        </div>
      </form>
    </div>
  </div>
</div>
