Sindbad~EG File Manager

<?php

$title = $title ?? 'Titre par défaut';
$content = $content ?? 'Contenu par défaut';
$items = $items ?? [];
$cta = $cta ?? [
    'label' => 'CTA par défaut',
    'link' => '#',
];
; ?>
<section class="stepper">
    <div class="container">
        <div class="stepper__container">
            <h3 class="heading-2 mb-12 font-bold">
                <?php echo $title; ?>
            </h3>
            <p class="subheading mb-64">
                <?php echo $content; ?>
            </p>
            <div class="stepper-nav-container d-flex align-items-center">

                <div class="nav flex-column nav-pills me-3" id="v-pills-tab" role="tablist" aria-orientation="vertical">
                    <?php $i = 0; ?>
                    <?php foreach ($items as $item): ?>
                        <div class="nav-link" id="v-pills-<?= $i; ?>-tab" data-bs-toggle="pill"
                            data-bs-target="#v-pills-<?= $i; ?>" type="button" role="tab" aria-controls="v-pills-<?= $i; ?>"
                            aria-selected="true">
                            <div class="stepper-title__container">
                                <p class="subheading stepper-number">
                                    0<?= $i + 1; ?>
                                </p>
                                <div>
                                    <p class="heading-4 stepper-title">
                                        <?= $item['title']; ?>
                                    </p>
                                    <p class="body-2 stepper-content">
                                        <?= $item['content']; ?>
                                    </p>
                                </div>
                            </div>
                        </div>

                        <?php
                        $i++;
                    endforeach; ?>
                    <a href="<?= $cta['link']; ?>" class="cta-button mt-32"><?= $cta['label']; ?></a>
                </div>
                <div class="tab-content" id="v-pills-tabContent">
                    <?php $i = 0; ?>
                    <?php foreach ($items as $item): ?>
                        <div class="tab-pane fade" id="v-pills-<?= $i; ?>" role="tabpanel"
                            aria-labelledby="v-pills-<?= $i; ?>-tab" tabindex="0">
                            <iframe width="" height="" src="<?= $item['video_url']; ?>">
                            </iframe>
                        </div>
                        <?php
                        $i++;
                    endforeach; ?>
                </div>
            </div>

        </div>

    </div>
</section>