import { __ } from "@wordpress/i18n";

export const BETTERDOCS_SIDEBAR_TERMS_ORDERBY = [
    { label: __("Name", "betterdocs"), value: "name" },
    { label: __("Slug", "betterdocs"), value: "slug" },
    { label: __("Term Group", "betterdocs"), value: "term_group" },
    { label: __("ID", "betterdocs"), value: "id" },
    { label: __("Description", "betterdocs"), value: "description" },
    { label: __("Count", "betterdocs"), value: "count" },
    {
        label: __("BetterDocs Order", "betterdocs"),
        value: "doc_category_order",
    },
];

export const BETTERDOCS_SIDEBAR_DOCS_ORDERBY = [
    { label: __("No order", "betterdocs"), value: "none" },
    { label: __("Post ID", "betterdocs"), value: "id" },
    { label: __("Post Author", "betterdocs"), value: "author" },
    { label: __("Title", "betterdocs"), value: "title" },
    { label: __("Date", "betterdocs"), value: "date" },
    { label: __("Last Modified Date", "betterdocs"), value: "modified" },
    { label: __("Parent Id", "betterdocs"), value: "parent" },
    { label: __("Random", "betterdocs"), value: "rand" },
    { label: __("Comment Count", "betterdocs"), value: "comment_count" },
    { label: __("Menu Order", "betterdocs"), value: "menu_order" },
    { label: __("BetterDocs Order", "betterdocs"), value: "betterdocs_order" },
];

export const BETTERDOCS_SIDEBAR_DOCS_ORDER = [
    { label: __("Ascending", "betterdocs"), value: "asc" },
    { label: __("Descending", "betterdocs"), value: "desc" },
];

export const BETTERDOCS_SIDEBAR_TERMS_ORDER = [
    { label: __("Ascending", "betterdocs"), value: "asc" },
    { label: __("Descending", "betterdocs"), value: "desc" },
];

export const BETTERDOCS_SIDEBAR_LAYOUTS = [
    { label: __("Layout 1", "betterdocs"), value: "layout-1" },
    { label: __("Layout 2", "betterdocs"), value: "layout-2" },
    { label: __("Layout 3", "betterdocs"), value: "layout-3" },
    { label: __("Layout 4", "betterdocs"), value: "layout-4" },
    { label: __("Layout 5", "betterdocs"), value: "layout-5" },
    { label: __("Layout 6", "betterdocs"), value: "layout-6" },
    { label: __("Layout 7", "betterdocs"), value: "layout-7" },
    { label: __("Layout 8", "betterdocs"), value: "layout-8" },
];

export const POSTS_ORDER_BY = [
    { label: __("Doc ID", "betterdocs"), value: "id" },
    { label: __("Doc Author", "betterdocs"), value: "author" },
    { label: __("Title", "betterdocs"), value: "title" },
    { label: __("Date", "betterdocs"), value: "date" },
    { label: __("Last Modified Date", "betterdocs"), value: "modified" },
    { label: __("Parent Id", "betterdocs"), value: "parent" },
    { label: __("Random", "betterdocs"), value: "rand" },
    { label: __("Comment Count", "betterdocs"), value: "comment_count" },
    { label: __("Menu Order", "betterdocs"), value: "menu_order" },
    { label: __("BetterDocs Order", "betterdocs"), value: "betterdocs_order"}
];

export const POSTS_ORDER = [
    { label: __("Ascending", "betterdocs"), value: "asc" },
    { label: __("Descending", "betterdocs"), value: "desc" },
];

export const CONTAINER_PADDING  = 'container_padding';
export const CONTAINER_MARGIN = 'container_margin';
export const CONTAINER_BACKGROUND = 'container_background';
export const CONTAINER_HEIGHT = 'container_height';
export const CONTAINER_WIDTH = 'container_width';
export const BOX_PADDING_LAYOUT_1 = "box_padding_layout_1";
export const BOX_MARGIN_LAYOUT_1 = "box_margin_layout_1";
export const BOX_HEIGHT_LAYOUT_1 = "box_height_layout_1";
export const BOX_WIDTH_LAYOUT_1 = 'box_width_layout_1';
export const BOX_TITLE_BACKGROUND_LAYOUT_1 = "box_title_background_layout_1";
export const BOX_ACTIVE_TITLE_BACKGROUND = 'box_active_title_background';
export const BOX_TITLE_BACKGROUND = 'box_title_background';
export const BOX_SHADOW_LAYOUT_1 = "box_shadow_layout_1";
export const BOX_IMG_SIZE_LAYOUT_1 = "BOX_IMG_SIZE_LAYOUT_1";
export const BOX_TITLE_PADDING_LAYOUT_1 = "box_title_padding_layout_1";
export const BOX_TITLE_MARGIN_LAYOUT_1 = "box_title_margin_layout_1";
export const BOX_TITLE_BORDER_LAYOUT_1 = "box_title_border_layout_1";
export const BOX_COUNT_BORDER_LAYOUT_1 = "box_count_border_layout_1";
export const BOX_COUNT_BACKGROUND_LAYOUT_1 = 'box_count_background_layout_1';
export const BOX_COUNT_BACKGROUND_LAYOUT_6 = 'box_count_background_layout_6';
export const BOX_DOC_LIST_BACKGROUND_COLOR = "box_doc_list_background_color";
export const BOX_DOC_LIST_PADDING_LAYOUT_1 = "box_doc_list_padding_layout_1";
export const BOX_DOC_LIST_MARGIN_LAYOUT_1 = "box_doc_list_margin_layout_1";
export const BOX_DOC_LIST_ICON_SIZE_LAYOUT_1 = "box_doc_list_icon_size_layout_1";
export const BOX_DOC_LIST_ICON_SIZE_LAYOUT_7 = "box_doc_list_icon_size_layout_7";
export const BOX_DOC_LIST_ICON_SPACING_LAYOUT_1 = "box_doc_list_icon_spacing_layout_1";
export const BOX_DOC_LIST_SUB_ICON_SIZE_LAYOUT_1 = "box_doc_list_sub_icon_size_layout_1";
export const BOX_COUNT_BORDER_LAYOUT_6  = 'box_count_border_layout_6';
export const BOX_COUNT_ACTIVE_BACKGROUND_COLOR_LAYOUT_6 = 'box_count_active_background_color_layout_6';
export const BOX_ACTIVE_TITLE_BORDER_WIDTH_LAYOUT_6 = 'box_active_title_border_width_layout_6';
export const BOX_ACTIVE_LIST_BORDER_WIDTH_LAYOUT_6 = 'box_active_list_border_width_layout_6';
export const STICKY_TOC_WIDTH                    = 'sticky_toc_width';


export const BOX_PADDING_LAYOUT_7 = "box_padding_layout_7";
export const BOX_MARGIN_LAYOUT_7 = "box_margin_layout_7";
export const BOX_HEIGHT_LAYOUT_7 = "box_height_layout_7";
export const BOX_WIDTH_LAYOUT_7 = 'box_width_layout_7';
export const BOX_IMG_SIZE_LAYOUT_7 = 'BOX_IMG_SIZE_LAYOUT_7';
export const BOX_IMG_SIZE_LAYOUT_7_HEIGHT = 'BOX_IMG_SIZE_LAYOUT_7_HEIGHT';
export const BOX_TITLE_BACKGROUND_LAYOUT_7 = "box_title_background_layout_7";
export const BOX_SHADOW_LAYOUT_7 = "box_shadow_layout_7";
export const BOX_TITLE_PADDING_LAYOUT_7 = "box_title_padding_layout_7";
export const BOX_TITLE_MARGIN_LAYOUT_7 = "box_title_margin_layout_7";
export const BOX_TITLE_BORDER_LAYOUT_7 = "box_title_border_layout_7";
export const BOX_DOC_LIST_PADDING_LAYOUT_7 = "box_doc_list_padding_layout_7";
export const BOX_DOC_LIST_MARGIN_LAYOUT_7 = "box_doc_list_margin_layout_7";
export const BOX_DOC_LIST_SUB_ICON_SIZE_LAYOUT_7 = "box_doc_list_sub_icon_size_layout_7";
export const BOX_TITLE_BACKGROUND_7 = 'box_title_background_7';
export const TITLE_BACKGROUND_LAYOUT_8 = 'title_background_8';
export const BOX_COUNT_BACKGROUND_LAYOUT_7 = 'box_count_background_layout_7';
export const BOX_COUNT_BORDER_LAYOUT_7  = 'box_count_border_layout_7';
export const SEARCH_MODAL_FIELD_BACKGROUND = 'search_modal_field_background';
export const SEARCH_MODAL_CONTENT_TABS_ICON_SIZE_HEIGHT = 'search_modal_content_tabs_icon_size_height';
export const SEARCH_MODAL_CONTENT_TABS_ICON_SIZE_WIDTH = 'search_modal_content_tabs_icon_size_width';
export const SEARCH_MODAL_CONTENT_TABS_BORDER = 'search_modal_content_tabs_border';
export const SEARCH_MODAL_CONTENT_TABS_LIST_ICON_SIZE = 'search_modal_content_tabs_list_icon_size';
export const SEARCH_MODAL_CONTENT_TABS_LIST_BORDER = 'search_modal_content_tabs_list_border';
export const SEARCH_MODAL_CONTENT_TABS_LIST_CATEGORY_ICON_SIZE = 'search_modal_content_tabs_list_category_icon_size';

export const SIDEBAR_SEARCH_BACKGROUND_LAYOUT_7 = 'sidebar_search_background_layout_7'
export const SIDEBAR_SEARCH_MAGNIFIER_SEARCH_LAYOUT_7_HEIGHT = 'sidebar_search_magnifier_layout_7_height';
export const SIDEBAR_SEARCH_MAGNIFIER_SEARCH_LAYOUT_7_WIDTH = 'sidebar_search_magnifier_layout_7_width';
export const SIDEBAR_SEARCH_IMAGE_SIZE_WIDTH_LAYOUT_7 = "sidebar_search_image_size_width_layout_7";
export const SIDEBAR_SEARCH_IMAGE_SIZE_HEIGHT_LAYOUT_7 = "sidebar_search_image_size_height_layout_7";

// Layout 8 (Slate Layout) Constants
export const BOX_PADDING_LAYOUT_8 = "box_padding_layout_8";
export const BOX_MARGIN_LAYOUT_8 = "box_margin_layout_8";
export const BOX_WIDTH_LAYOUT_8 = 'box_width_layout_8';
export const BOX_IMG_SIZE_LAYOUT_8 = 'BOX_IMG_SIZE_LAYOUT_8';
export const BOX_TITLE_BACKGROUND_LAYOUT_8 = "box_title_background_layout_8";
export const BOX_SHADOW_LAYOUT_8 = "box_shadow_layout_8";
export const BOX_TITLE_PADDING_LAYOUT_8 = "box_title_padding_layout_8";
export const BOX_TITLE_MARGIN_LAYOUT_8 = "box_title_margin_layout_8";
export const BOX_DOC_LIST_PADDING_LAYOUT_8 = "box_doc_list_padding_layout_8";
export const BOX_DOC_LIST_MARGIN_LAYOUT_8 = "box_doc_list_margin_layout_8";
export const BOX_DOC_LIST_ICON_SIZE_LAYOUT_8 = "box_doc_list_icon_size_layout_8";
export const BOX_DOC_LIST_SUB_ICON_SIZE_LAYOUT_8 = "box_doc_list_sub_icon_size_layout_8";
export const BOX_COUNT_BACKGROUND_LAYOUT_8 = 'box_count_background_layout_8';

// Arrow Constants for layouts 2, 3, and 8
export const TITLE_ARROW_ICON_SIZE_LAYOUT_2 = 'title_arrow_icon_size_layout_2';
export const TITLE_ARROW_ICON_SIZE_LAYOUT_3 = 'title_arrow_icon_size_layout_3';
export const TITLE_ARROW_ICON_SIZE_LAYOUT_8 = 'title_arrow_icon_size_layout_8';

// Doc Sub List Arrow Constants
export const DOC_SUB_LIST_ARROW_ICON_SIZE = 'doc_sub_list_arrow_icon_size';