using System;
using System.Collections;
using System.ComponentModel;
using System.Web.UI;
using System.Web.UI.WebControls;

namespace ChadSoft.Web.Controls
{
    /// <summary>
    /// DataBound Tab control
    /// </summary>
    /// <remarks>
    /// This control will render out the list of tabs and associated content panes
    /// as well as the requisite JavaScript to switch between them...  
    /// but it leaves the styling to the developer (via CSS).
    /// </remarks>
    /// <example>
    /// &lt;script runat="server">
    /// Dictionary&lt;string, string> content = new Dictionary&lt;string, string>();
    /// content.Add("Tab #1", "Some really cool content&lt;br/>&lt;/p>");
    /// content.Add("Tab #2", "&lt;p>Some more really cool content&lt;br/>&lt;/p>");
    /// content.Add("Tab #3", "&lt;b>Lorem Ipsum, Dude!&lt;/b>&lt;p>Blah Blah Blah!&lt;br/>&lt;/p>");
    /// &lt;/script>
    /// &lt;igWeb:DhtmlTab ID="MyTab" runat="server" DataSource="&lt;%=content%>" TabNameField="Key" />
    /// </example>
    public class DhtmlTab : CompositeDataBoundControl
    {
        private const string SCRIPT = @"function showTabPanel(tabId, frameId) { hideAllPanes(tabId); document.getElementById(tabId+'_'+frameId).style.display = ''; } function hideAllPanes(tabId) { var panes = document.getElementById(tabId+'_ContentContainer').childNodes; for(var x=0; x < panes.length; x++) { if(panes[x].className=='Panel') { panes[x].style.display = 'none'; } } }";

        protected override HtmlTextWriterTag TagKey
        {
            get { return HtmlTextWriterTag.Div; }
        }

        /// <summary>
        /// Gets or sets the name of the field to bind to as the Tab Name.
        /// </summary>
        /// <value>The Tab Name field name.</value>
        [Bindable(true)]
        [DefaultValue("Name")]
        [Description("The object field to use as the Tab Name.")]
        public string TabNameField
        {
            get { return ViewState["TabNameField"] as string ?? GetDefaultPropertyValue<string>("TabNameField"); }
            set { ViewState["TabNameField"] = value; }
        }

        /// <summary>
        /// Gets or sets the name of the field that contains the tab content.
        /// </summary>
        /// <value>The Content field name.</value>
        [Bindable(true)]
        [DefaultValue("Value")]
        [Description("The object field to use as the Tab Name.")]
        public string ContentField
        {
            get { return ViewState["ContentField"] as string ?? GetDefaultPropertyValue<string>("ContentField"); }
            set { ViewState["ContentField"] = value; }
        }

        [Bindable(true)]
        [DefaultValue("TabsContainer")]
        public string TabsContainerCssClass { get; set; }

        [Bindable(true)]
        [DefaultValue("Tab")]
        public string TabCssClass { get; set; }

        [Bindable(true)]
        [DefaultValue("TabContentContainer")]
        public string TabContentContainerCssClass { get; set; }

        [Bindable(true)]
        [DefaultValue("TabContent")]
        public string TabContentCssClass { get; set; }

        public DhtmlTab()
        {
            TabsContainerCssClass = GetDefaultPropertyValue<string>("TabsContainerCssClass");
            TabCssClass = GetDefaultPropertyValue<string>("TabCssClass");
            TabContentContainerCssClass = GetDefaultPropertyValue<string>("TabContentContainerCssClass");
            TabContentCssClass = GetDefaultPropertyValue<string>("TabContentCssClass");
        }

        protected override int CreateChildControls(IEnumerable dataSource, bool dataBinding)
        {
            var tabsContainer = new System.Web.UI.WebControls.Panel();
            var contentContainer = new System.Web.UI.WebControls.Panel();

            tabsContainer.CssClass = TabsContainerCssClass;
            contentContainer.CssClass = TabContentContainerCssClass;
            contentContainer.ID = "ContentContainer";

            var tabCount = 0;
            System.Web.UI.WebControls.Panel newTab, newPanel;
            foreach (var data in dataSource)
            {
                var tabId = String.Format("Tab{0}", ++tabCount);

                newPanel = new System.Web.UI.WebControls.Panel { 
                    ID = tabId, 
                    CssClass = TabContentCssClass 
                };
                if(tabCount > 1) // Don't hide the first one
                    newPanel.Style["display"] = "none";
                newPanel.Controls.Add(new LiteralControl(DataBinder.GetPropertyValue(data, ContentField) as String));
                contentContainer.Controls.Add(newPanel);

                newTab = new System.Web.UI.WebControls.Panel { CssClass = "Tab" };
                newTab.Attributes["onmouseover"] = String.Format("showTabPanel('{0}', '{1}');", ClientID, tabId);
                newTab.Controls.Add(new LiteralControl(DataBinder.GetPropertyValue(data, TabNameField) as String));
                tabsContainer.Controls.Add(newTab);
            }

            Controls.Add(tabsContainer);
            Controls.Add(contentContainer);

            Page.ClientScript.RegisterClientScriptBlock(GetType(), "showTabPanel", SCRIPT, true);
            
            return tabCount;
        }

        protected T GetDefaultPropertyValue<T>(string propertyName)
        {
            var attributes = TypeDescriptor.GetProperties(this)[propertyName].Attributes;
            var defaultValueAttribute =
                (DefaultValueAttribute) attributes[typeof(DefaultValueAttribute)];

            return (T)(defaultValueAttribute == null ? null : defaultValueAttribute.Value);
        }
    }
}