@using Management.Web.Shared.Module
@using System.Linq
@using Microsoft.AspNetCore.Components.Server.ProtectedBrowserStorage

@inject CoursePlanner configurationManagement
@inject ProtectedLocalStorage BrowserStorage
@inject StorageManagement storage

@code {
  private bool showNewModule { get; set; } = false;

  protected override async Task OnAfterRenderAsync(bool firstRender) 
  {
    if(firstRender)
    {
      await storage.LoadStoredConfig();
      StateHasChanged();
    }
  }
  
}

@if (!showNewModule)
{
  <button class="btn btn-secondary" @onclick="() => showNewModule = true">New Module</button>
}
else
{
  <button class="btn btn-secondary" @onclick="() => showNewModule = false">Hide New Module</button>
}

@if (showNewModule)
{
  <NewModule OnSubmit="() => showNewModule = false" />
}

@foreach (var i in configurationManagement.Modules.Select((_value, i) => i))
{
  <hr>
  <ModuleDetail ModuleIndex="i" />
}

<hr>
<div class="text-center">
  <button 
    class="btn btn-primary" 
    @onclick="@(async () => await storage.Save())"
  >
    Save Modules
  </button>
</div>