@page "/MeasuringIn"
@using AyCode.Utils.Extensions
@using DevExpress.Blazor
@using DevExpress.Blazor.Internal
@using FruitBank.Common.Entities
@using FruitBankHybrid.Shared.Services
@using Mango.Nop.Core.Dtos

<h3>Bejövő mérés</h3>

<div style="margin-top: 50px;">
	<DxFormLayout CaptionPosition="CaptionPosition.Vertical" CssClass="w-100">
		<DxFormLayoutItem Caption="Érkezés dátuma" ColSpanMd="2" CaptionCssClass="@(SelectedShipping != null && _shippingDates.Where(x=>DaysEqual(x.DateTime, SelectedShipping.ShippingDate)).All(x => x.IsMeasured) ? "text-success" : "")">
			<DxDateEdit CssClass="cw-320"
						DisplayFormat="m"
						Format="m"
						Context="ctxShippingDate"
						Date="@(SelectedShipping?.ShippingDate.Date ?? DateTime.Now.Date)"
						CustomDisabledDate="@OnCustomDisabledDate"
						DateChanged="@((DateTime newValue) => OnSelectedShippingDateChanged(newValue))"
						InputId="deDisabledDates">
				<DayCellTemplate>
					@{
						var cssClass = GetCssClassNames(ctxShippingDate);
						if (!cssClass.IsNullOrWhiteSpace())
						{
							<a class="@GetCssClassNames(ctxShippingDate)">@ctxShippingDate.Day.ToString()</a>
						}
						else
						{
							<a>@ctxShippingDate.Day.ToString()</a>
						}
					}

				</DayCellTemplate>
			</DxDateEdit>
		</DxFormLayoutItem>

		<DxFormLayoutItem Caption="Kamion rendszáma:" ColSpanMd="2" CaptionCssClass="@(SelectedShipping?.IsAllMeasured == true ? "text-success" : "")">
			<DxComboBox Data="@NotMeasuredShippings"
						@bind-Value="@SelectedShipping"
						Text="Select licence plate"
						ValueFieldName="@nameof(Shipping.Id)"
						TextFieldName="@nameof(Shipping.LicencePlate)"
						CssClass="cw-480"
						Context="ctxShipping"
						SelectedDataItemChanged="@((SelectedDataItemChangedEventArgs<Shipping> args) => OnSelectedShippingChanged(args))"
						InputId="cbNotMeasuredShippings">
				<ItemDisplayTemplate>
					<span class="@(ctxShipping.DataItem.IsAllMeasured ? "text-success" : "")">@ctxShipping.DisplayText</span>
				</ItemDisplayTemplate>
			</DxComboBox>
		</DxFormLayoutItem>

		<DxFormLayoutItem Caption="Partner:" ColSpanMd="3" CaptionCssClass="@(SelectedShippingDocument?.IsAllMeasured == true ? "text-success" : "")">
			<DxComboBox Data="@SelectedShipping?.ShippingDocuments"
						@bind-Value="@SelectedShippingDocument"
						Text="Select partner"
						ValueFieldName="@nameof(ShippingDocument.Id)"
						TextFieldName="@(nameof(ShippingDocument.Partner) + '.' + nameof(Partner.Name))"
						CssClass="cw-480"
						Context="ctxShippingDocument"
						SelectedDataItemChanged="@((SelectedDataItemChangedEventArgs<ShippingDocument> args) => OnSelectedShippingDocumentChanged(args))"
						InputId="cbShippingDocument">
				<ItemDisplayTemplate>
					<span class="@(ctxShippingDocument.DataItem.IsAllMeasured ? "text-success" : "")">@ctxShippingDocument.DisplayText</span>
				</ItemDisplayTemplate>
			</DxComboBox>
		</DxFormLayoutItem>

		<DxFormLayoutItem Caption="Termék:" ColSpanMd="5" CaptionCssClass="@(SelectedShippingItem?.IsMeasured == true ? "text-success" : "")">
			<DxComboBox Data="@SelectedShippingDocument?.ShippingItems"
						@bind-Value="@SelectedShippingItem"
						Text="Select item"
						ValueFieldName="@nameof(ShippingItem.Id)"
						TextFieldName="@(nameof(ShippingItem.Name))"
						CssClass="cw-480"
						Context="ctxShippingitem"
						SelectedDataItemChanged="@((SelectedDataItemChangedEventArgs<ShippingItem> args) => OnSelectedShippingItemChanged(args))"
						InputId="cbShippingItem">
				<ItemDisplayTemplate>
					@* 					<div class="combobox-item-template">
						<img src="/images/ok_green_lt.jpg" alt="" />
						<span class="icon counter-icon" aria-hidden="true"></span>
						<div class="combobox-item-template-text">
							<span>@ctxShippingitem.DisplayText</span>
 						</div>
					</div>
 *@					
					<span class="@(ctxShippingitem.DataItem.IsMeasured ? "text-success" : "")">@ctxShippingitem.DisplayText)</span>
				</ItemDisplayTemplate>
			</DxComboBox>
		</DxFormLayoutItem>
	</DxFormLayout>
</div>

<div style="margin-top: 100px;">
	@if (SelectedShippingItem != null)
	{
		<EditForm Model="@SelectedShippingItem" Context="FrmContext"
				  OnValidSubmit="@HandleValidSubmit"
				  OnInvalidSubmit="@HandleInvalidSubmit">
			<DataAnnotationsValidator />
			<DxFormLayout Data="@SelectedShippingItem" CaptionPosition="CaptionPosition.Vertical" CssClass="w-100" ItemUpdating="@((pair) => OnItemUpdating(pair.Key, pair.Value))">
				<DxFormLayoutItem CaptionCssClass="@(SelectedShippingItem.IsMeasured ? "text-success" : "")" Field="@nameof(ShippingItem.Name)" Caption="Item Name:" Enabled="false" ColSpanMd="6" />
				<DxFormLayoutItem CaptionCssClass="@(SelectedShippingItem.IsMeasured ? "text-success" : "")" Field="@nameof(ShippingItem.GrossWeight)" Caption="GrossWeight:" Enabled="false" ColSpanMd="3" />
				<DxFormLayoutItem CaptionCssClass="@(SelectedShippingItem.IsMeasured ? "text-success" : "")" Field="@nameof(ShippingItem.NetWeight)" Caption="NetWeight:" Enabled="false" ColSpanMd="3" />

				<DxFormLayoutItem CaptionCssClass="@(SelectedShippingItem.IsMeasured ? "text-success" : "")" Field="@nameof(ShippingItem.MeasuredGrossWeight)" Caption="MeasuredGrossWeight:" ColSpanMd="3" BeginRow="true">
				</DxFormLayoutItem>

				<DxFormLayoutItem CaptionCssClass="@(SelectedShippingItem.IsMeasured ? "text-success" : "")" Field="@nameof(ShippingItem.MeasuredNetWeight)" Caption="MeasuredNetWeight:" ColSpanMd="3">
				</DxFormLayoutItem>

				<DxFormLayoutItem CaptionCssClass="@(SelectedShippingItem.IsMeasured ? "text-success" : "")" Field="@nameof(ShippingItem.IsMeasured)" Enabled="false" Caption="Sikeres mérés:" ColSpanMd="6">
				</DxFormLayoutItem>

				<DxFormLayoutItem ColSpanMd="12" BeginRow="true">
					<ValidationSummary />
				</DxFormLayoutItem>

				<DxFormLayoutItem ColSpanMd="12" BeginRow="true">
					<DxButton Text="@(SelectedShippingItem.IsMeasured ? "Módosít" : "Mentés")" Enabled="BtnSaveEnabled" SubmitFormOnClick="true" CssClass="w-100" />
				</DxFormLayoutItem>
			</DxFormLayout>
		</EditForm>
	}
</div>

@* 
<div class="row w-100" style="margin-top: 100px;">
	<div class="col-md-12">
		<input @bind="_userName" placeholder="Your name" />
		<input @bind="_message" placeholder="Partner ID..." />
		<button @onclick="GetPartner">Get partner</button>
	</div>
</div>

<div class="row w-100">
	<div class="col-md-12">
		<ul>
			@foreach (var m in _messages)
			{
				<li><b>@m.User:</b> @m.Text</li>
			}
		</ul>
	</div>
</div>
 *@