@using DocuMed.Domain.Dtos.SmallDtos
@using MD.PersianDateTime.Standard
<MudCard @onclick="async ()=> await Clicked.InvokeAsync(MedicalHistory)" Class="mx-3 my-1 rounded-md" Elevation="2">
    <div class="flex flex-row">
        <div class="bg-[--color-primary] rounded-r-lg w-2"></div>
        <MudStack class="grow mx-3.5 my-4">
            <div class="flex flex-row">
                <p class="font-extrabold font-iranyekan text-base my-auto text-[#37966F]">@MedicalHistory.FullName</p>
                <MudStack Row="true" class="mr-auto">
                    @* <MudPaper Elevation="0" Class="bg-gray-200 text-center rounded-full py-0.5 px-3 text-gray-700 text-xs">
                        سن : @MedicalHistory.Age ساله
                    </MudPaper> *@
                    <MudPaper Elevation="0" Class="bg-gray-200 text-center rounded-full pt-1 px-3 text-gray-700 text-xs">
                        کد : @MedicalHistory.Code
                    </MudPaper>
                </MudStack>
            </div>
            <MudGrid Row="true" Class="items-center justify-stretch">

                <MudItem xs="4">
                    <MudPaper Elevation="0"
                              class="bg-[#FFDACF] text-[#D03405] rounded-full text-center py-0.5 px-3 text-xs font-iranyekan">
                        <p>@MedicalHistory.ChiefComplaint</p>
                    </MudPaper>
                </MudItem>
                <MudItem xs="4">
                    <MudPaper Elevation="0" Class="bg-gray-200 text-center rounded-full py-0.5 px-3 text-gray-700 text-xs">
                        @MedicalHistory.SectionName
                    </MudPaper>
                </MudItem>
                <MudItem xs="4">
                    <MudPaper Elevation="0" Class="bg-gray-200 text-center rounded-full py-0.5 px-3 text-gray-700 text-xs">
                        @MedicalHistory.CreatedAt.ToPersianDateTime().ToShortDateString()
                    </MudPaper>
                </MudItem>
            </MudGrid>
        </MudStack>
    </div>
</MudCard>




@code {

    [Parameter]
    public MedicalHistorySDto MedicalHistory { get; set; } = new();

    [Parameter]
    public EventCallback<MedicalHistorySDto> Clicked { get; set; }

}