@Override
protected void createBody(Body body)
{
    Bootstrap.initialize(this);
}

Bootstrap.setBootstrapRootPath("/assets/bootstrap");
Bootstrap.setOorianBootstrapJsPath("/assets/oorian");
Bootstrap.initialize(this);

BsButton btn = new BsButton("Click Me");
btn.setVariant(BsButton.PRIMARY);
btn.setSize(BsButton.SIZE_LARGE);

body.addElement(btn);

// Basic button
BsButton btn = new BsButton("Click Me");

// Fully configured button
BsButton styled = new BsButton("Submit")
    .setVariant(Variant.SUCCESS)
    .setSize(Size.LG)
    .setOutline(true)
    .setType("submit");

// Block-level button (full width)
BsButton block = new BsButton("Full Width")
    .setBlock(true);

// Active/disabled state
BsButton active = new BsButton("Active").setActive(true);
BsButton disabled = new BsButton("Disabled");
disabled.setDisabled(true);

BsButtonGroup group = new BsButtonGroup()
    .setSize(Size.SM)
    .setVertical(false)
    .setAriaLabel("Action buttons");

group.addElement(new BsButton("Left").setVariant(Variant.PRIMARY));
group.addElement(new BsButton("Middle").setVariant(Variant.PRIMARY));
group.addElement(new BsButton("Right").setVariant(Variant.PRIMARY));

BsCloseButton close = new BsCloseButton()
    .setWhite(true)              // White variant for dark backgrounds
    .setDismiss("modal");         // Target: "modal", "alert", "offcanvas", "toast"

BsCard card = new BsCard()
    .setHeader("Featured Article")
    .setBody(articleContent)
    .setFooter("Posted 2 days ago")
    .setShadow(true);

BsCard imageCard = new BsCard()
    .setImage("/img/product.jpg")
    .setImageTop(true)             // true = top, false = bottom
    .setBody(productDetails)
    .setFooter(buyButton);

BsCard styled = new BsCard()
    .setBgVariant(Variant.DARK)           // Dark background
    .setTextVariant(Variant.LIGHT)        // Light text
    .setBorderVariant(Variant.PRIMARY)    // Primary border
    .setShadow(true)
    .setShadowSize("lg")                  // sm, lg, or null for default
    .setHeader("Dark Card")
    .setBody(content);

BsCard custom = new BsCard();

BsCardHeader header = new BsCardHeader("Custom Header");
BsCardBody body = new BsCardBody();
body.addElement(myContent);
BsCardFooter footer = new BsCardFooter("Footer text");

custom.addElement(header);
custom.addElement(body);
custom.addElement(footer);

BsModal modal = new BsModal()
    .setTitle("Confirm Action")
    .setBodyText("Are you sure you want to proceed?")
    .setSize(Size.LG)              // SM, LG, XL
    .setCentered(true)            // Vertically centered
    .setScrollable(true)          // Scrollable body
    .setStaticBackdrop(true)      // Prevent backdrop click close
    .setKeyboard(false)           // Disable ESC to close
    .setFade(true)                // Fade animation
    .setFullscreen(false);

// Create a trigger button automatically linked to this modal
BsButton trigger = modal.createTriggerButton("Open Modal");

// Or set body with custom content
modal.setBody(customElement);
modal.setFooter(footerButtons);

BsAccordion accordion = new BsAccordion()
    .setFlush(true)               // No outer borders
    .setAlwaysOpen(false);        // true = multiple panels open at once

accordion.addItem("Section 1", contentElement1, true);   // expanded
accordion.addItem("Section 2", "Plain text content", false);
accordion.addItem("Section 3", contentElement3, false);

BsCarousel carousel = new BsCarousel()
    .setControls(true)            // Prev/next arrows
    .setIndicators(true)          // Dot indicators
    .setFade(true)                // Crossfade transition
    .setAutoplay(true)
    .setInterval(3000)            // 3 seconds per slide
    .setTouch(true)               // Swipe support
    .setDark(true);               // Dark controls

carousel.addSlide("/img/slide1.jpg", "First Slide", "Description text");
carousel.addSlide("/img/slide2.jpg", "Alt text");
carousel.addSlide(customElement);                       // Custom content slide
carousel.addSlideWithInterval("/img/slide3.jpg", "Alt", 7000);

BsCollapse collapse = new BsCollapse()
    .setContent(hiddenContent)
    .setHorizontal(false)
    .setExpanded(false);           // Initially collapsed

// Create trigger button or link
BsButton triggerBtn = collapse.createTriggerButton("Toggle");
Anchor triggerLink = collapse.createTriggerLink("Show More");

BsDropdown dropdown = new BsDropdown("Actions", Variant.PRIMARY)
    .setDirection("down")         // up, down, start, end
    .setSplit(false)              // true = split button dropdown
    .setMenuAlign("end")         // Right-aligned menu
    .setDark(true)               // Dark menu theme
    .addHeader("Actions")
    .addItem("Edit", "/edit")
    .addActiveItem("View", "/view")
    .addDivider()
    .addItem("Delete", "/delete")
    .addDisabledItem("Archive");

BsOffcanvas offcanvas = new BsOffcanvas()
    .setTitle("Sidebar Menu")
    .setPlacement("start")        // start, end, top, bottom
    .setBackdrop(true)
    .setScroll(false)             // Allow body scroll when open
    .setKeyboard(true);           // ESC to close

offcanvas.getBody().addElement(menuContent);
BsButton trigger = offcanvas.createTriggerButton("Open Menu");

// Tooltip: lightweight text hint
BsTooltip tooltip = new BsTooltip("Helpful information")
    .setPlacement("top")          // top, bottom, left, right
    .setTrigger("hover focus")
    .setHtml(false)
    .setDelay(200);
tooltip.addElement(targetButton);

// Popover: richer content overlay
BsPopover popover = new BsPopover("Title", "Detailed content here")
    .setPlacement("right")
    .setTrigger("click")
    .setDismissible(true)
    .setHtml(true)
    .setCustomClass("my-popover");
popover.addElement(targetElement);

BsToast toast = new BsToast()
    .setTitle("Notification")
    .setSubtitle("Just now")
    .setBody("Your changes have been saved successfully.")
    .setHeaderIcon("bi bi-check-circle text-success")
    .setAutohide(true)
    .setDelay(5000)                // 5 seconds
    .setAnimation(true);

// Simple alert
BsAlert alert = new BsAlert("Operation completed successfully!")
    .setVariant(Variant.SUCCESS);

// Dismissible alert
BsAlert dismissible = new BsAlert("Click X to dismiss this alert.")
    .setVariant(Variant.WARNING)
    .setDismissible(true);        // Adds close button, fade, show classes

// Alert with custom content
BsAlert custom = new BsAlert()
    .setVariant(Variant.INFO)
    .setContent(richContentElement);

// Standard badge
BsBadge badge = new BsBadge("New")
    .setVariant(Variant.DANGER);

// Pill badge (rounded)
BsBadge pill = new BsBadge("42")
    .setVariant(Variant.PRIMARY)
    .setPill(true);

BsProgress progress = new BsProgress(75)
    .setVariant(Variant.SUCCESS)
    .setStriped(true)
    .setAnimated(true)             // Animated stripes (auto-enables striped)
    .setShowLabel(true)            // Shows "75%"
    .setMin(0)
    .setMax(100);

// Custom label
BsProgress custom = new BsProgress()
    .setValue(3)
    .setMax(10)
    .setLabel("3 of 10 completed")
    .setVariant(Variant.INFO);

@Page("/login")
public class LoginPage extends HtmlPage
{
    @Override
    protected void createHead(Head head)
    {
        head.setTitle("Login");
        Bootstrap.addAllResources(head);
    }

    @Override
    protected void createBody(Body body)
    {
        BsContainer container = new BsContainer();
        BsRow row = new BsRow().setJustifyContent("center");

        BsCol col = new BsCol().setSizeMd(6).setSizeLg(4);

        BsCard card = new BsCard().setShadow(true);

        Div cardBody = new Div();

        H3 title = new H3();
        title.setText("Sign In");
        title.addClass("text-center mb-4");
        cardBody.addElement(title);

        // Email field
        BsFormGroup emailGroup = new BsFormGroup("Email address");
        BsInput emailInput = new BsInput()
            .setType(InputType.EMAIL)
            .setName("email")
            .setPlaceholder("name@example.com")
            .setRequired(true);
        emailGroup.addElement(emailInput);
        cardBody.addElement(emailGroup);

        // Password field
        BsFormGroup passGroup = new BsFormGroup("Password");
        BsInput passInput = new BsInput()
            .setType(InputType.PASSWORD)
            .setName("password")
            .setPlaceholder("Enter password")
            .setRequired(true);
        passGroup.addElement(passInput);
        cardBody.addElement(passGroup);

        // Remember me
        BsCheckbox remember = new BsCheckbox("Remember me");
        cardBody.addElement(remember);

        // Submit button
        BsButton submit = new BsButton("Sign In")
            .setVariant(Variant.PRIMARY)
            .setType("submit")
            .setBlock(true);
        submit.addClass("mt-3");
        cardBody.addElement(submit);

        card.setBody(cardBody);
        col.addElement(card);
        row.addElement(col);
        container.addElement(row);
        body.addElement(container);
    }
}

@Page("/dashboard")
public class DashboardPage extends HtmlPage
{
    @Override
    protected void createHead(Head head)
    {
        head.setTitle("Dashboard");
        Bootstrap.addAllResources(head);
    }

    @Override
    protected void createBody(Body body)
    {
        // Navbar
        BsNavbar navbar = new BsNavbar()
            .setBrand("Dashboard", "/")
            .setVariant(Variant.DARK)
            .setBackground("bg-dark");
        body.addElement(navbar);

        // Main content
        BsContainer container = new BsContainer().setFluid(true);
        container.addClass("mt-4");

        // Breadcrumb
        BsBreadcrumb breadcrumb = new BsBreadcrumb()
            .addItem("Home", "/")
            .addItem("Dashboard", null);
        container.addElement(breadcrumb);

        // Stats cards row
        BsRow statsRow = new BsRow().setGutter(3);

        statsRow.addElement(createStatCard("Users", "1,234", Variant.PRIMARY));
        statsRow.addElement(createStatCard("Revenue", "$5,678", Variant.SUCCESS));
        statsRow.addElement(createStatCard("Orders", "89", Variant.INFO));
        statsRow.addElement(createStatCard("Issues", "3", Variant.WARNING));

        container.addElement(statsRow);

        // Data table
        BsTable table = new BsTable()
            .setStriped(true).setHover(true).setBordered(true);
        table.addHeaderRow("ID", "Name", "Status", "Date");
        table.addRow("1", "Project Alpha", "Active", "2026-01-15");
        table.addRow("2", "Project Beta", "Pending", "2026-02-01");
        container.addElement(table);

        body.addElement(container);
    }

    private BsCol createStatCard(String label, String value, Variant variant)
    {
        BsCol col = new BsCol().setSizeMd(3).setSize(6);

        Div content = new Div();
        H4 valueH4 = new H4();
        valueH4.setText(value);
        content.addElement(valueH4);
        Paragraph labelP = new Paragraph();
        labelP.setText(label);
        content.addElement(labelP);

        BsCard card = new BsCard()
            .setBorderVariant(variant)
            .setBody(content)
            .setShadow(true).setShadowSize("sm");
        col.addElement(card);
        return col;
    }
}