<div class="page-title">
    <h1><?php echo $this->activePluginName; ?> <?php echo $this->importerOrExporter; ?></h1>
    <p class="alert-content"><?php echo $this->activePluginDescription; ?></p>
</div>

<div id="vtabsContainer" class="d-flex">

    <!-- LEFT VERTICAL TAB LIST -->
    <ul id="vtabsBar" class="nav nav-tabs flex-column me-4">
        <?php foreach ($this->tabs as $tab) { ?>
            <li class="nav-item">
                <a
                    class="nav-link <?php echo $tab['active']; ?>"
                    href="index.php?fuse=admin&view=<?php echo $tab['linkView']; ?>&plugin=<?php echo $tab['linkPlugin']; ?>&controller=importexport"
                >
                    <?php echo $tab['name']; ?>
                </a>
            </li>
        <?php } ?>
    </ul>

    <!-- RIGHT CONTENT AREA -->
    <div id="vtabContent" class="flex-grow-1">

        <div class="w-100">
            <form
                name="ImportExportPlugin"
                id="importExportForm"
                method="post"
                action="index.php?fuse=<?php echo $this->formModule; ?>&action=<?php echo $this->formAction; ?>&plugin=<?php echo $this->activePluginKey; ?>&controller=index"
                enctype="multipart/form-data"
            >
                <?php echo $this->unescape($this->activePluginContent); ?>
            </form>
        </div>

    </div>

</div>

<script data-cfasync="false" type="text/javascript">
    $(document).ready(function() {
        $('#importButton').click(function(e) {
            e.preventDefault();
            $('#importExportForm').submit();
        });
    });
</script>