@using HR_Taxonomy_Change_Management.Domain
@using HR_Taxonomy_Change_Management.Domain.Model;
@using System.Linq;

<style>

    .k-icon-button.k-button-md {
        border: none !important;
    }

    .justification.k-input,
    .k-textarea, .k-dropdownlist {
        width: 500px;
    }

</style>
<EditForm Model="Request" OnValidSubmit="AddToGrid">
    <div class="ms-section form-div">
        <DataAnnotationsValidator />
        <div class="ms-section-header">Request Details:</div>
        <div class="ms-form-row form-div">
            <TelerikFloatingLabel Class="ms-input" Text="Request Status">
                <span class="ms-lock-icon">
                    <TelerikTextBox Class="ms-input" @bind-Value="Request.CurrentStatus" Enabled=false></TelerikTextBox>
                    <TelerikFontIcon Icon="@FontIcon.Lock" />
                </span>
            </TelerikFloatingLabel>
            <TelerikFloatingLabel Class="ms-input" Text="Request Type">
                <span class="ms-lock-icon">
                    <TelerikTextBox Class="ms-input" @bind-Value="Request.RequestTypeName" Enabled=false></TelerikTextBox>
                    <TelerikFontIcon Icon="@FontIcon.Lock" />
                </span>
            </TelerikFloatingLabel>
            <TelerikFloatingLabel Class="ms-input" Text="Submitted by">
                <span class="ms-lock-icon">
                    <TelerikTextBox Class="ms-input" @bind-Value="Request.SubmitUser" Enabled=false></TelerikTextBox>
                    <TelerikFontIcon Icon="@FontIcon.Lock" />
                </span>
            </TelerikFloatingLabel>
        </div>
        <div class="form-row">
            <TelerikFloatingLabel Text="Justification">
                <TelerikTextArea ValueChanged="@( (string s) => DoWordCount(s) )" Value="@Request.Justification" ValueExpression="@(() => Request.Justification)" Class="justification ms-input" AutoSize=true></TelerikTextArea>
            </TelerikFloatingLabel>
            <div class="div-justification"><span>@wordCount /50</span><ValidationMessage For="@(() =>Request.Justification)" /></div>
        </div>
    </div>
    <div class="ms-section form-div">
        <div class="ms-section-header"> Change Details</div>
        <input type="text" hidden="true" @bind="ChangeDetails.ChangeDetailId" />
        <div>
            <TelerikFloatingLabel Text="Level 1">
                <TelerikComboBox @ref=cbl1 Class="justification" AllowCustom="true" Data="@L1" ClearButton="false" TextField="Name" ValueField="TaxonomyId" @bind-Value=@L1Value OnChange="@(() => GetNextLevel(L1Value, 1))"> </TelerikComboBox>
            </TelerikFloatingLabel>
        </div>

        @if (!String.IsNullOrEmpty(L1Value))
        {
            <div>
                <TelerikFloatingLabel Text="Level 2">
                    <TelerikComboBox @ref=cbl2 Class="justification" AllowCustom="true" Data="@L2" ClearButton="false" TextField="Name" ValueField="TaxonomyId" @bind-Value=@L2Value OnChange="@(() => GetNextLevel(L2Value, 2))"></TelerikComboBox>
                </TelerikFloatingLabel>
            </div>
        }
        @if (!String.IsNullOrEmpty(ChangeDetails.NewL2))
        {
            <div>
                <TelerikFloatingLabel Text="Level 3">
                    <TelerikComboBox @ref=cbl3 Class="justification" Data="@L3" AllowCustom="true" TextField="Name" ClearButton="false" ValueField="TaxonomyId" @bind-Value="@L3Value" OnChange="@(() => GetNextLevel(L3Value, 3))"></TelerikComboBox>
                </TelerikFloatingLabel>
            </div>
        }

        @if (!String.IsNullOrEmpty(ChangeDetails.NewL3))
        {
            <div>
                <TelerikFloatingLabel Text="Level 4">
                    <TelerikComboBox @ref=cbl4 Class="justification" Data="@L4" AllowCustom="true" TextField="Name" ClearButton="false" ValueField="TaxonomyId" @bind-Value="@L4Value" OnChange="@(() => GetNextLevel(L4Value, 4))"></TelerikComboBox>
                </TelerikFloatingLabel>
            </div>
        }

        @if (!String.IsNullOrEmpty(ChangeDetails.NewL4))
        {
            <div>
                <TelerikFloatingLabel Text="Level 5">
                    <TelerikComboBox @ref=cbl5 Class="justification" Data="@L5" AllowCustom="true" ClearButton="false" TextField="Name" ValueField="TaxonomyId" @bind-Value="@L5Value" OnChange="@(() => GetNextLevel(L5Value, 5))"></TelerikComboBox>
                </TelerikFloatingLabel>
            </div>
        }
        <TelerikButtonGroup>
            <TelerikButton Class="ms-button" ButtonType="ButtonType.Button" OnClick="ClearForm">Cancel</TelerikButton>
            <TelerikButton Class="ms-button" ButtonType="ButtonType.Submit" Enabled="@(context.Validate())">@buttonText</TelerikButton>
        </TelerikButtonGroup>
    </div>
</EditForm>

@if (!IsEdit)
{
    <div class="ms-section form-div">
        <div class="ms-form-row form-div">
            <TelerikGrid Data="@Request.Changes"
            @ref="ChangeGrid"
                         Pageable="false"
                         Resizable="true"
                         Sortable="true"
                         OnDelete="DeleteRow">
                <GridSettings>
                </GridSettings>
                <GridColumns>
                    <GridCommandColumn Width="5%" Context="dataItem">
                        <GridCommandButton Command="Delete" Icon="@FontIcon.Trash"></GridCommandButton>
                    </GridCommandColumn>
                    <GridColumn Field="@(nameof(ChangeDetailDTO.Change))" Title="Change Description" OnCellRender="@( (GridCellRenderEventArgs e) => e.Class = "vertical-aligned-cell" )">
                        <Template>
                            @(new MarkupString((context as ChangeDetailDTO).Change))
                        </Template>
                    </GridColumn>
                </GridColumns>
            </TelerikGrid>
        </div>
        <div class="ms-form-row">
            <TelerikButtonGroup>
                <TelerikButton Class="ms-button" ButtonType="ButtonType.Button" OnClick="ClearGrid">Cancel</TelerikButton>
                <TelerikButton Class="ms-button" OnClick="CreateRequestAsync" Enabled="EnableSaveButton" ButtonType="ButtonType.Submit">Save</TelerikButton>
            </TelerikButtonGroup>

            <div style="display:flex; justify-content:center; width:100%">
                <TelerikLoader Visible="@LoaderVisible"
                               Size="@ThemeConstants.Loader.Size.Large"
                               ThemeColor="@ThemeConstants.Loader.ThemeColor.Tertiary"
                               Type="@LoaderType.ConvergingSpinner" />
            </div>
        </div>
    </div>
}

@code {
    bool LoaderVisible { get; set; } = false;
    private string buttonText = string.Empty;
    private int wordCount;

    private void DoWordCount(string s)
    {
        wordCount = s.Count();
        Request.Justification = s;
    }

}


//////////////////from code behind /////////////////////////

 /// <summary>
 /// Populates a change ddl based on the parent id of the previous ddl and adds the selection to a ChangeDetailDTO object.
 /// </summary>
 /// <param name="parent"></param>
 /// <param name="level"></param>
 public void GetNextLevel(string parent, int level)
 {
     string selectedName = string.Empty;
     int parentInt = 0;
     int.TryParse(parent, out parentInt);
         switch (level)
             {
             case 1:
             if (ChangeDetails.NewL1 != parent)
             {
                 L1Value = parent;
                 if (parentInt != 0)
                 {
                     selectedName = L1.Where(x => x.TaxonomyId == parent).Select(x => x.Name).First();
                     ChangeDetails.NewL1 = !string.IsNullOrEmpty(selectedName) ? selectedName : L1Value;
                     ChangeDetails.CurrentL1 = !string.IsNullOrEmpty(selectedName) ? selectedName : L1Value;
                 }
                 else
                 {
                     ChangeDetails.NewL1 = parent;
                 }
                 L2Value = L3Value = L4Value = L5Value = string.Empty;
                 L2 = new List<TaxonomyDdlDTO>();
                 L2 = TaxonomyList.Where(x => x.ParentId == parentInt).ToList();
                 L3 = L4 = L5 = new List<TaxonomyDdlDTO>();
                 }
                 break;

             case 2:
             if (ChangeDetails.NewL2 != parent)
             {
                 L2Value = parent;
                 if (parentInt != 0)
                 {
                     selectedName = L2.Where(x => x.TaxonomyId == parent).Select(x => x.Name).First();
                     ChangeDetails.NewL2 = !string.IsNullOrEmpty(selectedName) ? selectedName : L2Value;
                     ChangeDetails.CurrentL2 = !string.IsNullOrEmpty(selectedName) ? selectedName : L2Value;
                 }
                 else
                 {
                     ChangeDetails.NewL2 = parent;
                     ChangeDetails.NewL3 = string.Empty;
                     ChangeDetails.NewL4 = string.Empty;
                     ChangeDetails.NewL5 = string.Empty;
                 }
                 L3Value = L4Value = L5Value = string.Empty;
                 L3 = new List<TaxonomyDdlDTO>();
                 L3 = TaxonomyList.Where(x => x.ParentId == parentInt).ToList();
                 L4 = L5 = new List<TaxonomyDdlDTO>();
             }
                 break;

             case 3:
             if (ChangeDetails.NewL3 != parent)
             {
                 L3Value = parent;
                 if (parentInt != 0)
                 {
                     selectedName = L3.Where(x => x.TaxonomyId == parent).Select(x => x.Name).First();
                     ChangeDetails.NewL3 = !string.IsNullOrEmpty(selectedName) ? selectedName : L3Value;
                     ChangeDetails.CurrentL3 = !string.IsNullOrEmpty(selectedName) ? selectedName : L3Value;
                 }
                 else
                 {
                     ChangeDetails.NewL3 = parent;
                     ChangeDetails.NewL4 = string.Empty;
                     ChangeDetails.NewL5 = string.Empty;
                 }
                 L4Value = L5Value = string.Empty;
                 L4 = new List<TaxonomyDdlDTO>();
                 L4 = TaxonomyList.Where(x => x.ParentId == parentInt).ToList();
                 L5 = new List<TaxonomyDdlDTO>();
             }
                 break;

             case 4:
             if (ChangeDetails.NewL4 != parent)
             {
                 L4Value = parent;
                 if (parentInt != 0)
                 {
                     selectedName = L4.Where(x => x.TaxonomyId == parent).Select(x => x.Name).First();
                     ChangeDetails.NewL4 = !string.IsNullOrEmpty(selectedName) ? selectedName : L4Value;
                     ChangeDetails.CurrentL4 = !string.IsNullOrEmpty(selectedName) ? selectedName : L4Value;
                 }
                 else
                 {
                     ChangeDetails.NewL4 = parent;
                     ChangeDetails.NewL5 = string.Empty;
                 }
                 cbl5.Value = string.Empty;
                 L5 = new List<TaxonomyDdlDTO>();
                 L5 = new List<TaxonomyDdlDTO>();
                 L5 = TaxonomyList.Where(x => x.ParentId == parentInt).ToList();
             }
                 break;

             case 5:
             if (ChangeDetails.NewL5 != parent)
             {
                 L5Value = parent;
                 if (parentInt != 0)
                 {
                     selectedName = L5.Where(x => x.TaxonomyId == parent).Select(x => x.Name).First();
                     ChangeDetails.NewL5 = !string.IsNullOrEmpty(selectedName) ? selectedName : L5Value;
                 }
                 else
                 {
                     ChangeDetails.NewL5 = parent;
                 }
             }
                 break;
         }
 }