@page "/MeasuringOut"
@using AyCode.Utils.Extensions
@using FruitBank.Common
@using FruitBank.Common.Dtos
@using FruitBank.Common.Entities
@using FruitBank.Common.Enums
@using FruitBank.Common.SignalRs
@using FruitBankHybrid.Shared.Components
@using FruitBankHybrid.Shared.Services
@using Nop.Core.Domain.Orders
<h3>Áru kiadás</h3>

<DxDialogProvider />

<div style="margin-top: 50px;">

	<DxLoadingPanel @bind-Visible="LoadingPanelVisible"
					IsContentBlocked="true"
					ApplyBackgroundShading="true"
					IndicatorAreaVisible="true"
					IsContentVisible="true"
					IndicatorAnimationType="WaitIndicatorAnimationType.Spin"
					Text="Adatok szinkronizálása folyamatban...">

		<DxFormLayout CaptionPosition="CaptionPosition.Vertical" CssClass="w-100">
			<DxFormLayoutItem Caption="Dátum" ColSpanMd="3"
							  CaptionCssClass="@(SelectedOrder != null && _measuringDates.Where(x => MeasurementService.DaysEqual(x.DateTime, SelectedOrder.DateOfReceiptOrCreated)).All(x => x.IsMeasured) ? "text-success" : "")">
				<div class="container-fluid p-0">
					<div class="row">
						<div class="col-9 p-0">
							<DxDateEdit DisplayFormat="m"
										Format="m"
										Context="ctxOrderDate"
										Date="@(SelectedOrder?.DateOfReceiptOrCreated.Date ?? DateTime.Now.Date)"
										CustomDisabledDate="@OnCustomDisabledMeasuringDate"
										DateChanged="@((DateTime newValue) => OnMeasuringDateChanged(newValue))"
										InputId="deDisabledDates"
										PickerDisplayMode="DatePickerDisplayMode.Calendar">
								<DayCellTemplate>
									@{
										var cssClass = GetMeasuringDateCssClassNames(ctxOrderDate);
										if (!cssClass.IsNullOrWhiteSpace())
										{
											<a class="@GetMeasuringDateCssClassNames(ctxOrderDate)">@ctxOrderDate.Day.ToString()</a>
										}
										else
										{
											<a>@ctxOrderDate.Day.ToString()</a>
										}
									}
								</DayCellTemplate>
							</DxDateEdit>
						</div>
						<div class="col-3 p-0">
							<DxSpinEdit T="int" Value="1" Increment="1" MinValue="1" ValueChanged="async i => await RefreshOrdersFromDb(DateTime.Now, i)"></DxSpinEdit>
						</div>
					</div>
				</div>
			</DxFormLayoutItem>

			<DxFormLayoutItem Caption="Átvétel időpontja:" ColSpanMd="5" CaptionCssClass="@(SelectedOrder?.IsMeasured == true ? "text-success" : "")">
				<DxComboBox Data="@SelectedDayOrders"
							@bind-Value="@SelectedOrder"
							Text="Válasszon időpontot..."
							ValueFieldName="@nameof(OrderDto.Id)"
							TextFieldName="@nameof(OrderDto.TimeOfReceiptText)"
							CssClass="cw-480"
							Context="ctxOrder"
							DropDownBodyCssClass="dd-body-class"
							SelectedDataItemChanged="@((SelectedDataItemChangedEventArgs<OrderDto> args) => OnSelectedOrderChanged(args))"
							InputId="cbOrders">
					<ItemDisplayTemplate>
						<span class="@(ctxOrder.DataItem.IsMeasured ? "text-success" : "")">@ctxOrder.DisplayText</span>
					</ItemDisplayTemplate>
					<Buttons>
						<DxEditorButton IconCssClass="editor-icon editor-icon-add" Text="R" Tooltip="Adatok frissítése..."
										Click="() => OnOrdersRefreshClick()" />
					</Buttons>
				</DxComboBox>
			</DxFormLayoutItem>

			@if (SelectedOrder == null)
			{
				<DxFormLayoutItem ColSpanMd="2" />
			}
			else
			{
				if (SelectedOrder is { MeasurementOwnerId: 0, IsComplete: false } && HasMeasuringAccess)
				{
					<DxFormLayoutItem ColSpanMd="2">
						<DxButton Enabled="@(HasMeasuringAccess && SelectedOrder?.MeasurementOwnerId == 0)" Visible="(SelectedOrder != null)"
								  CssClass="w-100"
								  Text="@(HasMeasuringAccess && SelectedOrder?.MeasurementOwnerId == 0 ? " Indítás" : "Folyamatban...")"
								  Click="() => OnStartMeasuringClick()" />
					</DxFormLayoutItem>
				}
				else
				{
					<DxFormLayoutItem ColSpanMd="2" Caption="Indította" CaptionCssClass="@(SelectedOrder?.IsMeasured == true ? " text-success" : "")">
						<DxTextBox Enabled="false" Text="@(LoggedInModel.MeasuringUsers.FirstOrDefault(x => x.Id == SelectedOrder?.MeasurementOwnerId)?.LastName)" />
					</DxFormLayoutItem>
				}
			}

			@* <DxFormLayoutItem ColSpanMd="1"></DxFormLayoutItem> *@
			@if (SelectedOrder != null && LoggedInModel.IsRevisor)
			{
				var isCompleteOrder = SelectedOrder.IsComplete;

				<DxFormLayoutItem Caption="Revizor:" ColSpanMd="2" CaptionCssClass="@(isCompleteOrder ? "text-success" : "")">
					<DxButton Text="@(isCompleteOrder ? "Lezárva" : "Lezárás")"
							  Enabled="@(!isCompleteOrder && IsAllOrderItemPalletAudited)" CssClass="w-100"
							  Click="() => OnMeasuringAuditorClick()" />
				</DxFormLayoutItem>
			}
		</DxFormLayout>

		@if (SelectedOrder == null || LoadingPanelVisible)
		{
		}
		else if (!HasMeasuringAccess)
		{
			<div style="margin-top: 30px;">
				<H3>Mások végzik a mérést!</H3>
			</div>
		}
		else
		{
			string? orderNote;
			if (!(orderNote = SelectedOrder?.OrderNotes.LastOrDefault(x=>x.Note.StartsWith('*'))?.Note).IsNullOrWhiteSpace())
			{
				<div class="container-fluid p-0" style="margin-top: 20px">
					<b> Megjegyzés: </b><span>@(orderNote) </span>
				</div>
			}

			<div style="margin-top: 30px;">
				<h4 style="margin-bottom: 30px;" class="@(SelectedOrder?.IsMeasured == true ? "text-success" : "")">
					Rendelés azonosító: #@(SelectedOrder?.CustomOrderNumber)
				</h4>

				<DxAccordion Data="@SelectedOrder?.OrderItemDtos" Enabled="@((HasMeasuringAccess && SelectedOrder?.MeasurementOwnerId > 0 && (LoggedInModel.IsRevisor || !(SelectedOrder?.IsComplete ?? false))))"
							 ExpandMode="AccordionExpandMode.SingleOrNone"
							 ExpandCollapseAction="AccordionExpandCollapseAction.ExpandButtonClick"
							 AnimationType="LayoutAnimationType.Slide">
					<DataMappings>
						<DxAccordionDataMapping Text=ProductName></DxAccordionDataMapping>
						@* <DxAccordionDataMapping Text="OrderItemId" Level="1"></DxAccordionDataMapping> *@
					</DataMappings>
					<ItemHeaderTextTemplate>
						@{
							if (context.Level == 0)
							{
								var cssClass = "text-danger";

								var selectedOrderItemDto = (OrderItemDto)(context.DataItem);
								var trayQuantity = selectedOrderItemDto.TrayQuantity; //selectedOrderItemDto.OrderItemPallets.Where(x => x.IsMeasured).Sum(x => x.TrayQuantity);

								var isValid = selectedOrderItemDto.IsValidMeasuringValues();
								var isValidAndMeasured = isValid && selectedOrderItemDto.IsMeasuredAndValid(); // && selectedOrderItemDto.;

								if (isValidAndMeasured) cssClass = "text-success";
								else if (isValid) cssClass = string.Empty;

								var displayText = $"{selectedOrderItemDto.ProductName}     -     [{trayQuantity}/{selectedOrderItemDto.Quantity}  rekesz, {(selectedOrderItemDto.IsMeasurable ? "net.súly: " + selectedOrderItemDto.NetWeight + "kg." : "nem mérendő!")}]";
								if (selectedOrderItemDto.MeasuringStatus == MeasuringStatus.Audited) displayText = $"[{selectedOrderItemDto.MeasuringStatus}] " + displayText;

								<h5 class="@cssClass">@(displayText)</h5>
							}
						}
					</ItemHeaderTextTemplate>
					<ItemContentTemplate>
						@{
							if (context.Level == 0)
							{
								var selectedOrderItem = (OrderItemDto)(context.DataItem);

								<DxFormLayout Context="ctxFormLayout" Data="@selectedOrderItem" CaptionPosition="CaptionPosition.Vertical" CssClass="w-100">
									<DxFormLayoutItem Context="ctxFormLayoutItem" ColSpanMd="12">
										@for (var index = 0; index < (selectedOrderItem?.OrderItemPallets?.Count ?? 0); index++)
										{
											var localI = index + 1;
											var currentOrderItemPallet = selectedOrderItem!.OrderItemPallets![index];

											<PalletItemComponent IsMeasurable="@selectedOrderItem.IsMeasurable"
																 MeasuringIndex="@localI"
																 IsEditable="@(!currentOrderItemPallet.IsAudited && !(SelectedOrder?.IsComplete ?? false))"
																 PalletItem="@currentOrderItemPallet"
																 ProductId="@selectedOrderItem.ProductId"
																 MaxTrayQuantity="@selectedOrderItem.Quantity"
																 AddOrUpdateSignalRTag="SignalRTags.AddOrUpdateMeasuredOrderItemPallet"
																 OnPalletItemSaved="pallet => OnOrderItemPalletSaved(pallet, selectedOrderItem)"
																 OnPalletItemValueChanged="pallet => OnOrderItemPalletValueChanged(pallet, selectedOrderItem)"
																 OnPalletItemAuditedClick="pallet => OnPalletItemAuditedClick(pallet, selectedOrderItem)">
											</PalletItemComponent>
										}
									</DxFormLayoutItem>

									<DxFormLayoutItem Context="ctxFromLayoutNewPallet" ColSpanMd="2" BeginRow="true">
										<DxButton Text="Új sor" Click="() => AddNewPalletItemClick(selectedOrderItem)" CssClass="w-100"
												  Visible="@(!(SelectedOrder?.IsComplete ?? false))"
												  Enabled="@(selectedOrderItem.OrderItemPallets[^1].Id > 0)" />
									</DxFormLayoutItem>
									<DxFormLayoutItem Context="ctxFromLayoutNewPallet" ColSpanMd="3">
										<DxButton Text="Utolsó sor törlése" Click="() => LastPalletItemDeleteClick(selectedOrderItem)" CssClass="w-100"
												  Visible="@(!(SelectedOrder?.IsComplete ?? false))"
												  Enabled="@(selectedOrderItem.OrderItemPallets.Count > 1 && selectedOrderItem.OrderItemPallets[^1].Id <= 0)" />
									</DxFormLayoutItem>

									<DxFormLayoutItem Context="ctxFromLayoutNewPallet" ColSpanMd="7" />

									<DxFormLayoutItem Context="vfdfgfd" ColSpanMd="12" BeginRow="true">
										<DxFormLayout CssClass="w-100" Context="dfcadsc">
											<DxFormLayoutItem Context="dfcadsc2" ColSpanMd="1" BeginRow="false"><strong>TOTAL:</strong></DxFormLayoutItem>
											<DxFormLayoutItem Context="dfcadsc2" ColSpanMd="2" BeginRow="false" />
											<DxFormLayoutItem Context="dfcadsc2" ColSpanMd="2" BeginRow="false" />
											<DxFormLayoutItem Context="dfcadsc2" ColSpanMd="1" BeginRow="false" />
											<DxFormLayoutItem Context="dfcadsc2" ColSpanMd="2" BeginRow="false"><strong>Rekesz: @(selectedOrderItem.TrayQuantity) db</strong></DxFormLayoutItem>
											<DxFormLayoutItem Context="dfcadsc2" ColSpanMd="2" BeginRow="false"><strong>Br: @(selectedOrderItem.GrossWeight) kg</strong></DxFormLayoutItem>
											<DxFormLayoutItem Context="dfcadsc2" ColSpanMd="1" BeginRow="false"><strong>Net: @(selectedOrderItem.NetWeight) kg</strong></DxFormLayoutItem>
											<DxFormLayoutItem Context="dfcadsc2" ColSpanMd="1" BeginRow="false" />
										</DxFormLayout>
									</DxFormLayoutItem>

									@if (!_errorText.IsNullOrWhiteSpace())
									{
										<DxFormLayoutItem Context="ctxFromLayoutItemError" ColSpanMd="12" BeginRow="true">
											<text>HIBA! @_errorText</text>
										</DxFormLayoutItem>
										//_errorText = string.Empty;
									}
								</DxFormLayout>
								<div style="margin-bottom: 20px;"></div>
							}
						}
					</ItemContentTemplate>
				</DxAccordion>
			</div>
		}
	</DxLoadingPanel>
</div>

@code {
}