Plus BS5 - Keywords: Bootstrap 5, Module, Template, Fragment, MForm, MBlock, YForm, Responsive, Components

$fragment = new BS5\Fragment();
echo $fragment->parse('bs5/components/alert', [
    'type' => 'success',
    'message' => 'Erfolgreich gespeichert!'
]);

$helper = new BS5\Helper();
echo $helper->getButton('Mehr erfahren', '/about', 'btn-primary btn-lg');

$card = BS5\Helper::getCard(
    'Titel der Card',
    '<p>Dies ist der Card-Inhalt mit HTML.</p>',
    '<a href="#" class="btn btn-primary">Weiterlesen</a>'
);
echo $card;

echo BS5\Helper::getAlert('Achtung: Diese Aktion kann nicht rückgängig gemacht werden.', 'warning');

echo 'Status: ' . BS5\Helper::getBadge('Aktiv', 'success');

$items = [
    ['title' => 'Frage 1', 'content' => 'Antwort 1'],
    ['title' => 'Frage 2', 'content' => 'Antwort 2'],
    ['title' => 'Frage 3', 'content' => 'Antwort 3'],
];
echo BS5\Helper::getAccordion($items);

$slides = [
    ['image' => '/media/slide1.jpg', 'caption' => 'Slide 1'],
    ['image' => '/media/slide2.jpg', 'caption' => 'Slide 2'],
    ['image' => '/media/slide3.jpg', 'caption' => 'Slide 3'],
];
echo BS5\Helper::getCarousel($slides, 'heroCarousel');

$modal = BS5\Helper::getModal(
    'confirmModal',
    'Bestätigung erforderlich',
    '<p>Möchten Sie diese Aktion wirklich durchführen?</p>
     <button class="btn btn-danger" data-bs-dismiss="modal">Abbrechen</button>
     <button class="btn btn-success">Bestätigen</button>'
);
echo $modal;

// Trigger-Button
echo '<button class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#confirmModal">Öffnen</button>';

$offcanvas = BS5\Helper::getOffcanvas(
    'mobileMenu',
    'Navigation',
    '<nav>
        <a href="/" class="d-block py-2">Home</a>
        <a href="/about" class="d-block py-2">Über uns</a>
        <a href="/contact" class="d-block py-2">Kontakt</a>
    </nav>'
);
echo $offcanvas;

// Trigger-Button
echo '<button class="btn btn-primary" data-bs-toggle="offcanvas" data-bs-target="#mobileMenu">Menü</button>';

$fragment = new BS5\Fragment();
echo $fragment->parse('bs5/layout/container', [
    'fluid' => false,
    'content' => '<h1>Willkommen</h1>'
]);

$fragment = new BS5\Fragment();
echo $fragment->parse('bs5/layout/grid', [
    'columns' => [
        ['content' => '<h3>Spalte 1</h3>', 'class' => 'col-md-4'],
        ['content' => '<h3>Spalte 2</h3>', 'class' => 'col-md-4'],
        ['content' => '<h3>Spalte 3</h3>', 'class' => 'col-md-4'],
    ]
]);

$fragment = new BS5\Fragment();
echo $fragment->parse('bs5/content/hero', [
    'title' => 'Willkommen auf unserer Website',
    'subtitle' => 'Wir bieten erstklassige Dienstleistungen',
    'button_text' => 'Jetzt starten',
    'button_url' => '/start',
    'background_image' => '/media/hero-bg.jpg'
]);

$fragment = new BS5\Fragment();
$features = [
    [
        'icon' => 'bi-lightning',
        'title' => 'Schnell',
        'text' => 'Optimierte Performance'
    ],
    [
        'icon' => 'bi-shield-check',
        'title' => 'Sicher',
        'text' => 'Höchste Sicherheitsstandards'
    ],
    [
        'icon' => 'bi-heart',
        'title' => 'Zuverlässig',
        'text' => 'Immer für Sie da'
    ]
];

foreach ($features as $feature) {
    echo $fragment->parse('bs5/content/feature', $feature);
}

$fragment = new BS5\Fragment();
echo $fragment->parse('bs5/content/team', [
    'name' => 'Max Mustermann',
    'position' => 'Geschäftsführer',
    'image' => '/media/team/max.jpg',
    'email' => 'max@example.com',
    'phone' => '+49 123 456789'
]);

$fragment = new BS5\Fragment();
echo $fragment->parse('bs5/content/pricing', [
    'title' => 'Premium',
    'price' => '29,90',
    'period' => 'monatlich',
    'features' => [
        'Feature 1',
        'Feature 2',
        'Feature 3'
    ],
    'button_text' => 'Jetzt buchen',
    'button_url' => '/checkout',
    'highlighted' => true
]);

$fragment = new BS5\Fragment();
echo $fragment->parse('bs5/components/breadcrumb', [
    'items' => [
        ['label' => 'Home', 'url' => '/'],
        ['label' => 'Produkte', 'url' => '/produkte'],
        ['label' => 'Details', 'active' => true]
    ]
]);

$fragment = new BS5\Fragment();
echo $fragment->parse('bs5/components/pagination', [
    'current' => 3,
    'total' => 10,
    'url_pattern' => '/news?page={page}'
]);

$fragment = new BS5\Fragment();
echo $fragment->parse('bs5/components/progress', [
    'value' => 75,
    'label' => '75% abgeschlossen',
    'color' => 'success',
    'striped' => true,
    'animated' => true
]);

$fragment = new BS5\Fragment();
echo $fragment->parse('bs5/components/toast', [
    'title' => 'Benachrichtigung',
    'message' => 'Ihre Änderungen wurden gespeichert.',
    'time' => 'vor 1 Minute',
    'autohide' => true
]);

$fragment = new BS5\Fragment();
echo $fragment->parse('bs5/components/table', [
    'headers' => ['Name', 'Email', 'Status'],
    'rows' => [
        ['Max Mustermann', 'max@example.com', 'Aktiv'],
        ['Erika Musterfrau', 'erika@example.com', 'Inaktiv']
    ],
    'striped' => true,
    'hover' => true
]);

$mform = new MForm();
$mform->addBS5InputField('Name', 'REX_INPUT_VALUE[1]');
$mform->addBS5InputField('Email', 'REX_INPUT_VALUE[2]');
$mform->addBS5TextareaField('Nachricht', 'REX_INPUT_VALUE[3]');
echo $mform->show();

$mform = new MForm();
$mform->addBS5SelectField('Kategorie', 'REX_INPUT_VALUE[1]', [
    '1' => 'News',
    '2' => 'Events',
    '3' => 'Blog'
]);
echo $mform->show();

$mform = new MForm();
$mform->addBS5SwitchField('Newsletter abonnieren', 'REX_INPUT_VALUE[1]', 1);
echo $mform->show();

$id = 1;
$mblock = new MBlock();
$mblock->setFormBlockId($id);

$mform = new MForm();
$mform->addBS5InputField('Titel', 'REX_INPUT_VALUE[' . $id . '][0][title]');
$mform->addBS5TextareaField('Text', 'REX_INPUT_VALUE[' . $id . '][0][text]');
$mform->addMediaField(1, 'REX_INPUT_VALUE[' . $id . '][0][image]');

echo $mblock->show();

// OUTPUT
foreach (rex_var::toArray('REX_VALUE[' . $id . ']') as $item) {
    echo BS5\Helper::getCard($item['title'], $item['text']);
}

echo BS5\Helper::getIcon('bi-heart-fill', 'text-danger fs-3');

$fragment = new BS5\Fragment();
echo $fragment->parse('bs5/components/list-group', [
    'items' => [
        ['text' => 'Dashboard', 'url' => '/dashboard', 'active' => true],
        ['text' => 'Profil', 'url' => '/profile'],
        ['text' => 'Einstellungen', 'url' => '/settings']
    ]
]);

$fragment = new BS5\Fragment();
echo $fragment->parse('bs5/components/navbar', [
    'brand' => 'MeineLogo',
    'brand_url' => '/',
    'items' => [
        ['label' => 'Home', 'url' => '/'],
        ['label' => 'Über uns', 'url' => '/about'],
        [
            'label' => 'Produkte',
            'dropdown' => [
                ['label' => 'Produkt 1', 'url' => '/produkt-1'],
                ['label' => 'Produkt 2', 'url' => '/produkt-2']
            ]
        ]
    ]
]);

echo BS5\Helper::getSpinner('border', 'primary', 'Lädt...');

// fragments/custom/my-component.php
<div class="my-component <?= $this->class ?>">
    <h3><?= $this->title ?></h3>
    <p><?= $this->content ?></p>
</div>

// Verwendung
$fragment = new BS5\Fragment();
echo $fragment->parse('custom/my-component', [
    'title' => 'Meine Komponente',
    'content' => 'Inhalt hier',
    'class' => 'bg-light p-4'
]);

// YForm-Formular mit BS5-Styling
$yform = new rex_yform();
$yform->setObjectparams('form_skin', 'bs5');
$yform->setValueField('text', ['name', 'Name']);
$yform->setValueField('email', ['email', 'E-Mail']);
$yform->setValueField('textarea', ['message', 'Nachricht']);
$yform->setActionField('db', ['rex_contact']);
echo $yform->getForm();

<!DOCTYPE html>
<html lang="de">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title><?= rex_escape($this->getValue('seo_title')) ?></title>
    
    <!-- Bootstrap CSS -->
    <link href="<?= rex_url::base('assets/addons/plus_bs5/dist/style.css') ?>" rel="stylesheet">
</head>
<body>
    <!-- Navbar -->
    <?php 
    $fragment = new BS5\Fragment();
    echo $fragment->parse('bs5/components/navbar', [
        'brand' => 'Logo',
        'items' => [] // Navigation aus rex_navigation
    ]); 
    ?>
    
    <!-- Content -->
    <main>
        <?= $this->getArticle() ?>
    </main>
    
    <!-- Footer -->
    <footer class="bg-dark text-white py-4">
        <div class="container">
            <p>&copy; <?= date('Y') ?> Meine Website</p>
        </div>
    </footer>
    
    <!-- Bootstrap JS -->
    <script src="<?= rex_url::base('assets/addons/plus_bs5/dist/app.js') ?>"></script>
</body>
</html>

// Gut: Variablen übergeben
$fragment->parse('bs5/components/alert', [
    'type' => 'success',
    'message' => $message
]);

// Schlecht: HTML direkt
echo '<div class="alert alert-success">' . $message . '</div>';

// Mit Media Manager
$media = rex_media::get('bild.jpg');
$img = '<img src="' . rex_url::media('bild.jpg') . '" 
            srcset="' . rex_media_manager::getUrl('medium', 'bild.jpg') . ' 768w,
                    ' . rex_media_manager::getUrl('large', 'bild.jpg') . ' 1200w"
            class="img-fluid" alt="Beschreibung">';

<div class="container">
    <div class="row">
        <div class="col-12 col-md-6 col-lg-4">
            <!-- Content -->
        </div>
    </div>
</div>