@inherits LocalizableComponentBase

<section class="flex flex-col gap-4">

	@if (isPosting)
	{
		<div class="block p-3 md:p-4 rounded-xl neo-raised neo-xs">
			<MessageUpsertForm OnMessageSubmit="OnMessageSubmit" />
		</div>
	}

	<div class="flex justify-between gap-3">

		<EditForm Model="Filters">
			<div class="flex flex-row gap-3">
				@if (OnTimelineChanged.HasDelegate)
				{
					<DSelect TValue="TimelineType" class="w-auto" Value="Filters.TimelineType"
							 ValueChanged="async v => await OnTimelineChange(v)" ValueExpression="() => Filters.TimelineType">
						<Prefix>
							<i class="@Filters.TimelineType.GetTimelineTypeIcon()"></i>
						</Prefix>
						<ChildContent>
							@foreach (var timelineType in Enum.GetValues<TimelineType>())
							{
								<option value="@timelineType">@Localizer[timelineType.ToString()]</option>
							}
						</ChildContent>
					</DSelect>
				}
				@if (OnTimeSortingChanged.HasDelegate)
				{
					<DSelect TValue="TimeSortingType" class="w-auto" Value="Filters.TimeSortingType"
							 ValueChanged="async v => await OnTimeSortChange(v)" ValueExpression="() => Filters.TimeSortingType">
						<Prefix>
							<i class="ion-md-funnel"></i>
						</Prefix>
						<ChildContent>
							@foreach (var timeSortingType in Enum.GetValues<TimeSortingType>())
							{
								<option value="@timeSortingType">@Localizer[timeSortingType.ToString()]</option>
							}
						</ChildContent>
					</DSelect>
				}
			</div>
		</EditForm>

		@if (OnMessageSubmit.HasDelegate)
		{
			<div>
				<DButton Active="isPosting" OnClick="OpenCloseMessageForm">
					<i class="ion-md-create"></i>
					<span>@Localizer["Post"]</span>
				</DButton>
			</div>
		}
		else
		{
			<div></div>
		}

	</div>

</section>

@code {
	[Parameter] public EventCallback<MessageForm> OnMessageSubmit { get; set; }
	[Parameter] public EventCallback<TimelineType> OnTimelineChanged { get; set; }
	[Parameter] public EventCallback<TimeSortingType> OnTimeSortingChanged { get; set; }
	[Inject] ILocalStorageService LocalStorage { get; set; }
	bool isPosting;
	ActionBarFilter Filters { get; set; } = new();

	protected override async Task OnInitializedAsync()
	{
		var filters = await LocalStorage.GetItemAsync<ActionBarFilter>(nameof(ActionBarFilter));
		IsLoading = false;
		if (filters is not null)
		{
			Filters = filters;
			return;
		}

		await LocalStorage.SetItemAsync(nameof(ActionBarFilter), Filters);
	}

	void OpenCloseMessageForm()
	{
		isPosting = !isPosting;
	}

	async Task OnTimelineChange(TimelineType timelineType)
	{
		Filters.TimelineType = timelineType;
		await LocalStorage.SetItemAsync(nameof(ActionBarFilter), Filters);
		await OnTimelineChanged.InvokeAsync(Filters.TimelineType);
	}

	async Task OnTimeSortChange(TimeSortingType timeSorting)
	{
		Filters.TimeSortingType = timeSorting;
		await LocalStorage.SetItemAsync(nameof(ActionBarFilter), Filters);
		await OnTimeSortingChanged.InvokeAsync(Filters.TimeSortingType);
	}
}