namespace Framework.Json.Bootstrap
{
    using Framework.DataAccessLayer;
    using System.Collections.Generic;

    public class BootstrapContainer : Div
    {
        public BootstrapContainer(ComponentJson owner) : base(owner)
        {
            CssClass = "container";
        }
    }

    public class BootstrapRow : DivContainer
    {
        public BootstrapRow(ComponentJson owner) : base(owner)
        {
            CssClass = "row";
        }
    }

    public class BootstrapCol : Div
    {
        public BootstrapCol(BootstrapRow owner) : base(owner)
        {
            CssClass = "col";
        }

        public new BootstrapRow Owner
        {
            get
            {
                return (BootstrapRow)base.Owner;
            }
        }
    }

    /// <summary>
    /// See also: https://getbootstrap.com/docs/4.1/components/navbar/
    /// Change background color with style "background-color: red !important".
    /// </summary>
    public class BootstrapNavbar : ComponentJson
    {
        public BootstrapNavbar(ComponentJson owner)
            : base(owner, nameof(BootstrapNavbar))
        {

        }

        /// <summary>
        /// Gets or sets TextHtml. Rendered by Angular as innerHtml.
        /// </summary>
        public string BrandTextHtml;

        /// <summary>
        /// Gets or sets GridIndexList. Data grid row should have a field "Text" and "ParentId" for hierarchical navigation.
        /// </summary>
        public List<int> GridIndexList = new List<int>(); // Empty list is removed by json serializer.

        [Serialize(SerializeEnum.Session)]
        internal List<BootstrapNavbarGrid> GridList = new List<BootstrapNavbarGrid>();

        /// <summary>
        /// Add data grid to Navbar.
        /// </summary>
        /// <param name="grid">Data grid with Id, ParentId and TextHtml columns.</param>
        /// <param name="isSelectMode">If true, currently selected row is shown on top as drop down button. Used for example for language switch.</param>
        public void GridAdd(Grid grid, bool isSelectMode = false)
        {
            GridList.Add(new BootstrapNavbarGrid { Grid = grid, IsSelectMode = isSelectMode });
        }

        internal List<BootstrapNavbarButton> ButtonList;

        /// <summary>
        /// Returns TextHtml to display in navbar button.
        /// </summary>
        protected virtual internal void ButtonTextHtml(BootstrapNavbarButtonArgs args, BootstrapNavbarButtonResult result)
        {

        }

        /*
        <nav class="navbar-dark bg-primary sticky-top">
        <ul style="display: flex; flex-wrap: wrap"> // Wrapp if too many li.
        <a style="display:inline-block;">
        <i class="fas fa-spinner fa-spin text-white"></i>         
        */
    }

    public class BootstrapNavbarButtonArgs
    {
        public BootstrapNavbar BootstrapNavbar;

        public Grid Grid;

        public Row Row;
    }

    public class BootstrapNavbarButtonResult
    {
        /// <summary>
        /// Gets or sets TextHtml. Rendered by Angular as innerHtml.
        /// </summary>
        public string TextHtml;
    }

    internal sealed class BootstrapNavbarGrid
    {
        public Grid Grid;

        /// <summary>
        /// Gets or sets IsSelectMode. If true, currently selected row is shown on top as drop down button. Used for example for language switch.
        /// </summary>
        public bool IsSelectMode;
    }

    internal sealed class BootstrapNavbarButton
    {
        public int Id;

        /// <summary>
        /// Gets or sets Grid. For example navigate and language buttons can be shown in the Navbar.
        /// </summary>
        public Grid Grid;

        /// <summary>
        /// Gets or sets RowStateId. Can be null for example for drop down button for language. See also <see cref="BootstrapNavbarGrid.IsSelectMode"/>
        /// </summary>
        public int RowStateId;

        /// <summary>
        /// Gets or sets TextHtml. Rendered by Angular as innerHtml.
        /// </summary>
        public string TextHtml;

        public bool IsActive;

        /// <summary>
        /// Gets or sets IsDropDown. True, if button has level 2 navigation.
        /// </summary>
        public bool IsDropDown;

        public List<BootstrapNavbarButton> ButtonList;
    }

    internal static class BootstrapExtension
    {
        /// <summary>
        /// Show bootstrap alert (on per page).
        /// </summary>
        public static Html BootstrapAlert(this Page page, string textHtml, AlertEnum alertEnum, int index = 0)
        {
            string htmlTextAlert = "<div class='alert {{CssClass}}' role='alert'>{{TextHtml}}</div>";
            string cssClass = null;
            switch (alertEnum)
            {
                case AlertEnum.Info:
                    cssClass = "alert-info";
                    break;
                case AlertEnum.Success:
                    cssClass = "alert-success";
                    break;
                case AlertEnum.Warning:
                    cssClass = "alert-warning";
                    break;
                case AlertEnum.Error:
                    cssClass = "alert-danger";
                    break;
                default:
                    break;
            }
            htmlTextAlert = htmlTextAlert.Replace("{{CssClass}}", cssClass).Replace("{{TextHtml}}", textHtml);
            Html result = new Html(page)
            {
                TextHtml = htmlTextAlert
            };
            result.ComponentMove(index);
            return result;
        }
    }
}