@inherits DComponentBase

@* daisyUI Card: https://daisyui.com/components/card/ . Figure is wrapped in <figure> before the body (after it with
   FigureLast); the body renders only when Heading, ChildContent or Actions is set. Give it a background in Class
   (bg-base-100). *@
<div @attributes="AdditionalAttributes" class="@CssClass">
	@if (Figure is not null && !FigureLast)
	{
		<figure class="@FigureClass">@Figure</figure>
	}
	@if (Heading is not null || ChildContent is not null || Actions is not null)
	{
		<div class="@Cx("card-body", BodyClass)">
			@if (Heading is not null)
			{
				<h2 class="card-title">@Heading</h2>
			}
			@ChildContent
			@if (Actions is not null)
			{
				<div class="@Cx("card-actions", ActionsClass)">@Actions</div>
			}
		</div>
	}
	@if (Figure is not null && FigureLast)
	{
		<figure class="@FigureClass">@Figure</figure>
	}
</div>

@code {
	[Parameter] public RenderFragment Figure { get; set; }
	[Parameter] public RenderFragment Heading { get; set; }
	[Parameter] public RenderFragment ChildContent { get; set; }
	[Parameter] public RenderFragment Actions { get; set; }
	[Parameter] public DCardVariant Variant { get; set; }
	[Parameter] public DSize Size { get; set; }
	/// <summary>Figure beside the body instead of above it (card-side).</summary>
	[Parameter] public bool Side { get; set; }
	/// <summary>Figure as the background behind the body (image-full).</summary>
	[Parameter] public bool ImageFull { get; set; }
	/// <summary>Put the figure after the body: at the bottom, or on the right with Side.</summary>
	[Parameter] public bool FigureLast { get; set; }
	[Parameter] public string FigureClass { get; set; }
	[Parameter] public string BodyClass { get; set; }
	/// <summary>Extra classes on card-actions, e.g. justify-end.</summary>
	[Parameter] public string ActionsClass { get; set; }

	string CssClass => Cx("card", VariantClass, SizeClass, Side ? "card-side" : null, ImageFull ? "image-full" : null, Class);

	string VariantClass => Variant switch
	{
		DCardVariant.Border => "card-border",
		DCardVariant.Dash => "card-dash",
		_ => null
	};

	string SizeClass => Size switch
	{
		DSize.Xs => "card-xs",
		DSize.Sm => "card-sm",
		DSize.Lg => "card-lg",
		DSize.Xl => "card-xl",
		_ => null
	};
}