@page "/MedicalHistoryTemplatesPage"
@inject NavigationManager NavigationManager

<BasePageUi Title="پیش نویس های شرح حال نویسی" Description="پیش نویس های شرح های سرعت و دقت شما را افزایش میدهد">
    <MudStack>
        <div class="flex flex-row mr-1 mt-5">
            <div>
                <p class="font-extrabold text-[#356859]">تمامی پیش نویس های شما</p>
                <p class="text-xs font-light ">شما میتوانید پیش نویس جدید اضافه کنید</p>
            </div>
            <MudButton @onclick="CreateMedicalHistoryTemplateClicked" DisableElevation="false" class="text-[#356859] my-auto mr-auto font-extrabold bg-white rounded-lg drop-shadow-md">+ افزودن</MudButton>
        </div>
        <MudTextField class="text-sm" InputType="InputType.Search" T="string" Label="جست جو پیش نویس" Variant="Variant.Outlined" />
        <div class="grid grid-cols-2 gap-3 sm:grid-cols-3 md:grid-cols-4">

            @foreach (var item in _medicalHistoryTemplates)
            {
                <MedicalHistoryTemplateItemTemplate Clicked="MedicalHistoryTemplateClicked" MedicalHistoryTemplate="@item" />
            }

        </div>
    </MudStack>
</BasePageUi>
@code
{
    private void CreateMedicalHistoryTemplateClicked() => NavigationManager.NavigateTo("MedicalHistoryTemplateActionPage");
    private void MedicalHistoryTemplateClicked() => NavigationManager.NavigateTo("MedicalHistoryTemplateActionPage");
    private List<MedicalHistoryTemplateSDto> _medicalHistoryTemplates = new();
    protected override void OnInitialized()
    {
        _medicalHistoryTemplates.Add(new MedicalHistoryTemplateSDto()
            {
                ChiefComplaint = "سردرد",
            });
        base.OnInitialized();
    }
}