@page "/MeasuringIn"
@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 class="row cw-480" style="margin-top: 50px;">
	<div class="col-md-4">
		<label for="cbNotMeasuredShippings" class="demo-text mb-1">Szállítmány</label>
		<DxComboBox Data="@NotMeasuredShippings"
					@bind-Value="@SelectedShipping"
					Text="Select shipping"
					ValueFieldName="@nameof(Shipping.Id)"
					TextFieldName="@nameof(Shipping.ShippingDate)"
					CssClass="cw-480"
					SelectedDataItemChanged="@((SelectedDataItemChangedEventArgs<Shipping> args) => OnSelectedShippingChanged(args))"
					InputId="cbNotMeasuredShippings">
			<ItemDisplayTemplate>
				<div class="combobox-item-template">
					<div class="combobox-item-template-text">
						<span>@($"{context.DataItem.ShippingDate} [{context.DataItem.LicencePlate}]")</span>
						@* <span class="combobox-item-template-employee-phone">@(string.Join("; ", context.DataItem?.ShippingDocuments?.Select(x => x.Partner?.Name ?? string.Empty)))</span> *@
					</div>
				</div>
			</ItemDisplayTemplate>
		</DxComboBox>
	</div>

	<div class="col-md-4">
		<label for="cbShippingDocument" class="demo-text mb-1">Dokumentum</label>
		<DxComboBox Data="@SelectedShipping?.ShippingDocuments"
					@bind-Value="@SelectedShippingDocument"
					Text="Select document"
					ValueFieldName="@nameof(ShippingDocument.Id)"
					TextFieldName="@(nameof(ShippingDocument.Partner) + '.' + nameof(Partner.Name))"
					CssClass="cw-480"
					SelectedDataItemChanged="@((SelectedDataItemChangedEventArgs<ShippingDocument> args) => OnSelectedShippingDocumentChanged(args))"
					InputId="cbShippingDocument" />
	</div>

	<div class="col-md-4">
		<label for="cbShippingItem" class="demo-text mb-1">Termék</label>
		<DxComboBox Data="@SelectedShippingDocument?.ShippingItems"
					@bind-Value="@SelectedShippingItem"
					Text="Select item"
					ValueFieldName="@nameof(ShippingItem.Id)"
					TextFieldName="@(nameof(ShippingItem.Name))"
					CssClass="cw-480"
					InputId="cbShippingItem" />
	</div>
</div>

<div class="row cw-480" 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 cw-480">
	<div class="col-md-12">
		<ul>
			@foreach (var m in _messages)
			{
				<li><b>@m.User:</b> @m.Text</li>
			}
		</ul>
	</div>
</div>