Api-PWA/DocuMed.PWA/Shared/MedicalTemplates/SelectiveMedicalQuestionTemplate.razor

@if (_isSelected)
{
    <MudCard @onclick="SelectChanged" class="text-center bg-[--color-medicalhistory]">
        <MudCardContent>
            <p class="font-extrabold text-gray-600 text-md">@Question</p>
        </MudCardContent>
    </MudCard>
}
else
{
    <MudCard @onclick="SelectChanged" class="text-center">
        <MudCardContent>
            <p class="font-extrabold text-gray-600 text-md">@Question</p>
        </MudCardContent>
    </MudCard>
}

@code 
{
    public override async Task SetParametersAsync(ParameterView parameters)
    {
        await base.SetParametersAsync(parameters);

        if (!OldAnswer.IsNullOrEmpty())
        {
            if(Answer == OldAnswer)
                return;
            _isSelected = OldAnswer != Question;
            await SelectChanged();
        }
    }


    [Parameter]
    public string Answer { get; set; } = string.Empty;

    [Parameter]
    public string OldAnswer { get; set; } = string.Empty;

    [Parameter]
    public EventCallback<string> AnswerChanged { get; set; }

    [Parameter]
    public string Question { get; set; } = string.Empty;

    private bool _isSelected = false;

    private async Task SelectChanged()
    {
        _isSelected = !_isSelected;

        Answer = _isSelected ? Question : string.Empty;

        await AnswerChanged.InvokeAsync(Answer);
    }
}