@using ftl.app.Shared.Dto.Catalog
@using Newtonsoft.Json
@using Syncfusion.Blazor.Data
@using System.Linq
@inject IOrderService OrderService;
@inject ICatalogService CatalogService;
@inject NavigationManager NavigationManager;
@inject AuthenticationStateProvider AuthenticationStateProvider

<SfSpinner @ref="@SpinnerObj" Target="@target" Type="Syncfusion.Blazor.Popups.SpinnerType.Bootstrap" Width="200px" CssClass="e-spin-overlay" />

<fieldset>
    <legend>Grupo de Pedidos: @GroupCode</legend>
    <form class="was-validated">
        <div class="form-group row">
            <div class="col-sm-3">
                @if (WeeksCatalog != null)
                {
                    <SfNumericTextBox Value=@SelectedWeek Min=@WeeksCatalog.Min(w=>w.WeekNumber) Max=@WeeksCatalog.Max(w=>w.WeekNumber) Step=1 Format="#" Placeholder="Semana bananera" FloatLabelType="@FloatLabelType.Always"></SfNumericTextBox>
                }
            </div>
            <div class="col-sm-3">
                <SfCheckBox Label="Spot" @onchange="OnSpotChange"></SfCheckBox>
            </div>
        </div>
        <div class="form-group row">
            <div class="col-sm-3">
                @if (DestinationPortsCatalog != null)
                {
                    <SfDropDownList ID="shippingPort" TItem="DestinationPort" TValue="string" PopupHeight="230px" Placeholder="Puerto de Destino" FloatLabelType="@FloatLabelType.Always"
                                    @bind-Value="@SelectedDestinationPort" DataSource="@DestinationPortsCatalog" Query="@DestinationPortsCatalogQuery" AllowFiltering="true">
                        <DropDownListFieldSettings Text="Description" Value="Code"></DropDownListFieldSettings>
                    </SfDropDownList>
                }
            </div>
            <div class="col-sm-3">
                @if (ShippingCompaniesCatalog != null)
                {
                    <SfDropDownList ID="shippingCompany" TItem="ShippingCompany" TValue="string" PopupHeight="230px" Placeholder="Naviera" FloatLabelType="@FloatLabelType.Always"
                                    @bind-Value="@SelectedShippingCompany" DataSource="@ShippingCompaniesCatalog" Query="@ShippingCompaniesCatalogQuery" AllowFiltering="true">
                        <DropDownListEvents TValue="string" ValueChange="OnShippingCompanyChange"></DropDownListEvents>
                        <DropDownListFieldSettings Text="Description" Value="Code"></DropDownListFieldSettings>
                    </SfDropDownList>
                }
            </div>
            <div class="col-sm-3">
                @if (ContractsCatalog != null)
                {
                    <SfDropDownList ID="contract" TItem="ShippingCompany" TValue="string" PopupHeight="230px" Placeholder="Contrato" FloatLabelType="@FloatLabelType.Always"
                                    @bind-Value="@SelectedContract" DataSource="@ContractsCatalog" Query="@ContractsCatalogQuery" AllowFiltering="true">
                        <DropDownListFieldSettings Text="Description" Value="Code"></DropDownListFieldSettings>
                    </SfDropDownList>
                }
            </div>
            <div class="col-sm-3">
                @if (ShippingPortsCatalog != null)
                {
                    <SfDropDownList ID="shippingPort" TItem="ShippingPort" TValue="string" PopupHeight="230px" Placeholder="Puerto de Embarque" FloatLabelType="@FloatLabelType.Always"
                                    @bind-Value="@SelectedShippingPort" DataSource="@ShippingPortsCatalog" Query="@ShippingPortsCatalogQuery" AllowFiltering="true">
                        <DropDownListFieldSettings Text="Description" Value="Code"></DropDownListFieldSettings>
                    </SfDropDownList>
                }
            </div>
        </div>
        <div class="form-group row">
            <div class="col-sm-12">
                <SfGrid DataSource="@Order.OrderDetails" Toolbar="@(new List<string>() { "Add" })" AllowPaging="true" Height="315">
                    <GridEditSettings AllowAdding="true" AllowEditing="true" AllowDeleting="true" ShowDeleteConfirmDialog="false"></GridEditSettings>
                    <GridEvents RowDataBound="RowDataBoundHandler" TValue="OrderDetail"></GridEvents>
                    <GridColumns>
                        <GridColumn Field=@nameof(OrderDetail.ProductCode) HeaderText="ID" IsPrimaryKey="true" TextAlign="TextAlign.Right">
                            <Template>
                                @{
                                    var orderDetail = context as OrderDetail;
                                    ProductCode = orderDetail.ProductCode;
                                    <SfTextBox @bind-Value="@ProductCode"></SfTextBox>
                                }
                            </Template>
                        </GridColumn>
                        <GridColumn Field=@nameof(OrderDetail.ProductDescription) HeaderText="Producto">
                            <EditTemplate>
                                <SfDropDownList ID="product" Placeholder="Seleccione..." TItem="Product" TValue="string" Value="@((context as OrderDetail).ProductCode)" DataSource="@ProductsCatalog">
                                    <DropDownListEvents TValue="string" ValueChange="ProductChange"></DropDownListEvents>
                                    <DropDownListFieldSettings Text="Description" Value="Id"></DropDownListFieldSettings>
                                </SfDropDownList>
                            </EditTemplate>
                        </GridColumn>
                        <GridColumn Field=@nameof(OrderDetail.ProductPrice) HeaderText="Precio Unitario">
                            <EditTemplate>
                                <SfNumericTextBox ID="productPrice" TValue="decimal" @bind-Value="@ProductPrice" Min=0.00M Format="c2" Placeholder="Precio Unitario"></SfNumericTextBox>
                            </EditTemplate>
                        </GridColumn>
                        <GridColumn Field=@nameof(OrderDetail.Boxes) HeaderText="Cajas">
                            <EditTemplate>
                                <SfNumericTextBox ID="boxes" TValue="int" @bind-Value="@Boxes" Min=1 Step=1 Format="#" Placeholder="Cajas">
                                    <NumericTextBoxEvents ValueChange="@OnBoxesChange" TValue="int?"></NumericTextBoxEvents>
                                </SfNumericTextBox>
                            </EditTemplate>
                        </GridColumn>
                        <GridColumn Field=@nameof(OrderDetail.BoxesPerContainer) HeaderText="Cajas/Contenedor">
                            <EditTemplate>
                                <SfNumericTextBox ID="boxesPerContainer" TValue="int" @bind-Value="@BoxesPerContainer" Min=1 Step=1 Format="#" Placeholder="Cajas/Contenedor" Readonly="true"></SfNumericTextBox>
                            </EditTemplate>
                        </GridColumn>
                        <GridColumn Field=@nameof(OrderDetail.Containers) HeaderText="Contenedores">
                            <EditTemplate>
                                <SfNumericTextBox ID="containers" TValue="int" @bind-Value="@Containers" Min=1 Step=1 Format="#" Placeholder="Contenedores">
                                    <NumericTextBoxEvents ValueChange="@OnContainersChange" TValue="int?"></NumericTextBoxEvents>
                                </SfNumericTextBox>
                            </EditTemplate>
                        </GridColumn>
                        <GridColumn HeaderText="Acciones">
                            <GridCommandColumns>
                                <GridCommandColumn Type="CommandButtonType.Edit" ButtonOption="@(new CommandButtonOptions() { IconCss = "e-icons e-edit", CssClass = "e-flat" })"></GridCommandColumn>
                                <GridCommandColumn Type="CommandButtonType.Delete" ButtonOption="@(new CommandButtonOptions() { IconCss = "e-icons e-delete", CssClass = "e-flat" })"></GridCommandColumn>
                                <GridCommandColumn Type="CommandButtonType.Save" ButtonOption="@(new CommandButtonOptions() { IconCss = "e-icons e-update", CssClass = "e-flat" })"></GridCommandColumn>
                                <GridCommandColumn Type="CommandButtonType.Cancel" ButtonOption="@(new CommandButtonOptions() { IconCss = "e-icons e-cancel-icon", CssClass = "e-flat" })"></GridCommandColumn>
                            </GridCommandColumns>
                        </GridColumn>
                    </GridColumns>
                    <GridAggregates>
                        <GridAggregate>
                            <GridAggregateColumns>
                                <GridAggregateColumn Field=@nameof(OrderDetail.Containers) Type="AggregateType.Sum" Format="C2">
                                    <FooterTemplate>
                                        @{
                                            var aggregate = (context as AggregateTemplateContext);
                                            <div>
                                                <p>Sum: @aggregate.Sum</p>
                                            </div>
                                        }
                                    </FooterTemplate>
                                </GridAggregateColumn>
                            </GridAggregateColumns>
                        </GridAggregate>
                    </GridAggregates>
                </SfGrid>
            </div>
        </div>
        <div class="form-group row">
        </div>
    </form>
</fieldset>

@code {

    [Parameter]
    public Customer Customer { get; set; }

    [Parameter]
    public Order Order { get; set; } = new Order();

    #region Catalogs

    private string GroupCode { get; set; }

    private byte CurrentWeek { get; set; }

    private List<Week> WeeksCatalog { get; set; }
    private byte SelectedWeek { get; set; }
    public Query WeeksCatalogQuery = new Query().Select(new List<string> { nameof(Week.WeekNumber) }).Take(10).RequiresCount();

    private List<Product> ProductsCatalog { get; set; }
    private string SelectedProduct { get; set; } = string.Empty;
    public Query ProductsCatalogQuery = new Query().Select(new List<string> { nameof(Product.Id) }).Take(10).RequiresCount();

    private List<ShippingCompany> ShippingCompaniesCatalog { get; set; }
    private string SelectedShippingCompany { get; set; } = string.Empty;
    public Query ShippingCompaniesCatalogQuery = new Query().Select(new List<string> { nameof(ShippingCompany.Code) }).Take(10).RequiresCount();

    private List<ShippingCompany> ContractsCatalog { get; set; }
    private string SelectedContract { get; set; } = string.Empty;
    public Query ContractsCatalogQuery = new Query().Select(new List<string> { nameof(ShippingCompany.Code) }).Take(10).RequiresCount();

    private List<ShippingPort> ShippingPortsCatalog { get; set; }
    private string SelectedShippingPort { get; set; } = string.Empty;
    public Query ShippingPortsCatalogQuery = new Query().Select(new List<string> { nameof(ShippingPort.Code) }).Take(10).RequiresCount();

    private List<DestinationPort> DestinationPortsCatalog { get; set; }
    private string SelectedDestinationPort { get; set; } = string.Empty;
    public Query DestinationPortsCatalogQuery = new Query().Select(new List<string> { nameof(DestinationPort.Code) }).Take(10).RequiresCount();

    public string ProductCode { get; set; }
    public decimal ProductPrice { get; set; }
    public int Boxes { get; set; }
    public int BoxesPerContainer { get; set; }
    public int Containers { get; set; }

    #endregion

    protected override async Task OnInitializedAsync()
    {
        await LoadCatalogs();
    }

    private async Task LoadCatalogs()
    {
        CurrentWeek = await CatalogService.RetrieveCurrentWeek();
        SelectedWeek = CurrentWeek;
        WeeksCatalog = (await CatalogService.RetrieveWeeksCatalog(DateTime.Now.Year.ToString()))
            .Where(w => w.WeekNumber >= CurrentWeek).ToList();
        ShippingCompaniesCatalog = await CatalogService.RetrieveShippingCompanyCatalog();
        ContractsCatalog = await CatalogService.RetrieveShippingCompanyCatalog();
        ProductsCatalog = await CatalogService.RetrieveProductsCatalogByCustomerId(Customer.Id);
        DestinationPortsCatalog = await CatalogService.RetrieveDestinationPortCatalogByCustomerId(Customer.Id);
        GroupCode = $"{SelectedWeek:00}{Customer.Id}01";
        StateHasChanged();
    }

    public async Task OnShippingCompanyChange(Syncfusion.Blazor.DropDowns.ChangeEventArgs<string> args)
    {
        var itemData = JsonConvert.DeserializeObject<ShippingCompany>(args.ItemData != null ? args.ItemData.ToString() : "");
        ShippingPortsCatalog = await CatalogService.RetrieveShippingPortCatalog(SelectedShippingCompany);
        SelectedShippingPort = string.Empty;
        StateHasChanged();
    }

    private void OnSpotChange(Microsoft.AspNetCore.Components.ChangeEventArgs args)
    {
        //onChange Event triggered
    }

    private void ProductChange(@Syncfusion.Blazor.DropDowns.ChangeEventArgs<string> args)
    {
        var product = ProductsCatalog.Where(p => p.Id == args.Value).FirstOrDefault();
        ProductCode = product.Id;
        ProductPrice = Convert.ToDecimal(product.UnitPrice);
        BoxesPerContainer = product.BoxPerContainer;
        //Enabled = true;
    }

    private void OnBoxesChange(@Syncfusion.Blazor.Inputs.ChangeEventArgs args)
    {
        Containers = Boxes / BoxesPerContainer;
    }

    private void OnContainersChange(@Syncfusion.Blazor.Inputs.ChangeEventArgs args)
    {
        Boxes = Containers * BoxesPerContainer;
    }

    public void RowDataBoundHandler(RowDataBoundEventArgs<OrderDetail> args)
    {
        // Here you can customize your code
    }

    #region Spinner

    SfSpinner SpinnerObj;

    private string target { get; set; } = "#main-text";

    void ShowSpinner()
    {
        SpinnerObj.ShowSpinner(target);
    }

    void HideSpinner()
    {
        SpinnerObj.HideSpinner(target);
    }

    #endregion
}