вот моё представление
```
@model BuildingFlow.Services.Models.ViewModels.Project.ProjectIndexViewModel
<div class="col-md-6 col-xxl-4 mb-6  project-card" data-status="@Model.Status">
  <div class="card h-100 shadow-sm">
    <div class="card-body d-flex flex-column justify-content-between">
      <h4 class="card-title strong">@Model.Title</h4>
      <h5 class="card-subtitle mb-2 text-muted"><span class="strong text-dark">Клиент:</span> @Model.CompanyName</h5>
              <div class="text-center row mb-4">
                <img src="img/residental-complex/residential_complex@(Model.Id ).jpg" class="img-fluid w-100 rounded " alt="...">
      </div>
            <div class="">
                <p class="card-text crop-text-2">@Model.Description</p>
        </div>
            <div class="d-flex flex-row justify-content-between pt-5 ">
                    <div class="col-md-6 d-flex flex-column">
                        <p><span class="h6">Менеджер: </span>@Model.ManagerName</p>
                    </div>
                    <div class="col-md-6 d-flex flex-column">
                        <p><span class="h6">Бюджет: </span>@Model.Budget</p>
                    </div>
                </div>
                <div class="d-flex flex-row justify-content-between">
                    <div class="col-md-6 d-flex flex-column">
                        <p><span class="h6">Статус: </span> <span class="badge bg-info text-dark">@Model.Status</span></p>
                    </div>
                    <div class="col-md-6 d-flex flex-column">
                        <p><span class="h6">Сроки: </span>@Model.StartDate.ToShortDateString() - @Model.EndDate.ToShortDateString()</p>
                    </div>
                </div>
      <div class="d-flex flex-row justify-content-between">
        <a href="@Url.Action("Details", "Projects", new { id = @Model.Id })" class="btn btn-primary">Подробнее</a>
        <a href="@Url.Action("Edit", "Projects", new { id = @Model.Id })" class="btn btn-secondary">Редактировать</a>
        <button class="btn btn-success select-project mt-2">
                    Выбрать
                </button>
      </div>
    </div>
  </div>
</div>
```
у меня есть скрипт
```

document.addEventListener('DOMContentLoaded', function () {
  // Получаем элемент для отображения выбранного проекта
  const selectedProjectName = document.getElementById('selected-project-name');

  // Функция для обновления выбранного проекта из localStorage
  function loadSelectedProject() {
    const savedProject = localStorage.getItem('selectedProject');
    if (savedProject) {
      selectedProjectName.innerText = savedProject;
    } else {
      selectedProjectName.innerText = 'Не выбрано';
    }
  }

  // Вызов функции при загрузке страницы
  loadSelectedProject();

  // Обработчик клика по кнопкам "Выбрать"
  const selectButtons = document.querySelectorAll('.select-project');

  selectButtons.forEach(button => {
    button.addEventListener('click', function () {
      // Находим родительскую карточку проекта
      const projectCard = this.closest('.project-card');
      if (projectCard) {
        // Получаем название проекта из data-атрибута или из заголовка
        const projectTitle = projectCard.getAttribute('data-title') || projectCard.querySelector('.card-title').innerText;
        // Обновляем текст в верхнем меню
        selectedProjectName.innerText = projectTitle;
        // Сохраняем выбор в localStorage
        localStorage.setItem('selectedProject', projectTitle);
      }
      alert(`Проект "${projectTitle}" был выбран.`);
    });
  });

  // (Опционально) Очистка выбранного проекта
  const clearButton = document.getElementById('clear-selected-project');
  if (clearButton) {
    clearButton.addEventListener('click', function () {
      localStorage.removeItem('selectedProject');
      loadSelectedProject();
    });
  }
});
```
как мне сохранить кроме selectedProject еще и selectedId