<div class="export-config-management">
    <h1>
        <span><?= $block->escapeHtml(__('Export config to MongoDB')) ?></span>
    </h1>

    <div class="single-exporter-control" style="margin-bottom: 10px" data-mage-init='{"exporter":{"controllerUrl":"<?= $block->escapeHtmlAttr($block->escapeJs($block->escapeUrl($block->getCoutriesExportUrl()))); ?>"}}'>
        <button type="button" class="exporter-button">
            <?= $block->escapeHtml(__('Export Countries')) ?>
        </button>
        <span style="padding-left: 5px"><?= $block->escapeHtml(__('Export Geocountry informations to MongoDB')); ?></span>
    </div>

    <div class="single-exporter-control" style="margin-bottom: 10px" data-mage-init='{"exporter":{"controllerUrl":"<?= $block->escapeHtmlAttr($block->escapeJs($block->escapeUrl($block->getConfigExportUrl()))); ?>"}}'>
        <button type="button" class="exporter-button">
            <?= $block->escapeHtml(__('Export Configurations')) ?>
        </button>
        <span style="padding-left: 5px"><?= $block->escapeHtml(__('Export common configurations to MongoDB')); ?></span>
    </div>

    <div class="single-exporter-control" style="margin-bottom: 10px" data-mage-init='{"exporter":{"controllerUrl":"<?= $block->escapeHtmlAttr($block->escapeJs($block->escapeUrl($block->getMenuExportUrl()))); ?>"}}'>
        <button type="button" class="exporter-button">
            <?= $block->escapeHtml(__('Export Menu')) ?>
        </button>
        <span style="padding-left: 5px"><?= $block->escapeHtml(__('Export menu to MongoDB')); ?></span>
    </div>

    <div class="single-exporter-control" style="margin-bottom: 10px" data-mage-init='{"exporter":{"controllerUrl":"<?= $block->escapeHtmlAttr($block->escapeJs($block->escapeUrl($block->getUrlExportUrl()))); ?>"}}'>
        <button type="button" class="exporter-button">
            <?= $block->escapeHtml(__('Export URLs')) ?>
        </button>
        <span style="padding-left: 5px"><?= $block->escapeHtml(__('Export URL to MongoDB')); ?></span>
    </div>

    <div class="single-exporter-control" style="margin-bottom: 10px" data-mage-init='{"exporter":{"controllerUrl":"<?= $block->escapeHtmlAttr($block->escapeJs($block->escapeUrl($block->getTranslationsExportUrl()))); ?>"}}'>
        <button type="button" class="exporter-button">
            <?= $block->escapeHtml(__('Export Translations')) ?>
        </button>
        <span style="padding-left: 5px"><?= $block->escapeHtml(__('Export Translations to MongoDB')); ?></span>
    </div>

    <div class="single-exporter-control" style="margin-bottom: 10px" data-mage-init='{"exporter":{"controllerUrl":"<?= $block->escapeHtmlAttr($block->escapeJs($block->escapeUrl($block->getRedirectsExportUrl()))); ?>"}}'>
        <button type="button" class="exporter-button">
            <?= $block->escapeHtml(__('Export Redirects')) ?>
        </button>
        <span style="padding-left: 5px"><?= $block->escapeHtml(__('Export Redirects to MongoDB')); ?></span>
    </div>

    <div class="single-exporter-control" style="margin-bottom: 10px" data-mage-init='{"exporter":{"controllerUrl":"<?= $block->escapeHtmlAttr($block->escapeJs($block->escapeUrl($block->getCmsPagesExportUrl()))); ?>"}}'>
        <button type="button" class="exporter-button">
            <?= $block->escapeHtml(__('Export CMS Pages')) ?>
        </button>
        <span style="padding-left: 5px"><?= $block->escapeHtml(__('Export CMS Pages to MongoDB')); ?></span>
    </div>

    <div class="single-exporter-control" style="margin-bottom: 10px" data-mage-init='{"exporter":{"controllerUrl":"<?= $block->escapeHtmlAttr($block->escapeJs($block->escapeUrl($block->getCmsBlocksExportUrl()))); ?>"}}'>
        <button type="button" class="exporter-button">
            <?= $block->escapeHtml(__('Export CMS Blocks')) ?>
        </button>
        <span style="padding-left: 5px"><?= $block->escapeHtml(__('Export CMS Blocks to MongoDB')); ?></span>
    </div>
    <div class="single-exporter-control" style="margin-bottom: 10px" data-mage-init='{"exporter":{"controllerUrl":"<?= $block->escapeHtmlAttr($block->escapeJs($block->escapeUrl($block->getStoreLocatorExportUrl()))); ?>"}}'>
        <button type="button" class="exporter-button">
            <?= $block->escapeHtml(__('Export StoreLocator')) ?>
        </button>
        <span style="padding-left: 5px"><?= $block->escapeHtml(__('Export Storelocator Data to MongoDB')); ?></span>
    </div>
    <div class="single-exporter-control" style="margin-bottom: 10px" data-mage-init='{"exporter":{"controllerUrl":"<?= $block->escapeHtmlAttr($block->escapeJs($block->escapeUrl($block->getContentManagerExportUrl()))); ?>"}}'>
        <button type="button" class="exporter-button">
            <?= $block->escapeHtml(__('Export CM to Master Data')) ?>
        </button>
        <span style="padding-left: 5px"><?= $block->escapeHtml(__('Export Master Data from ContentManger to MongoDB')) ?></span>
    </div>
    <div class="single-exporter-control" style="margin-bottom: 10px" data-mage-init='{"exporter":{"controllerUrl":"<?= $block->escapeHtmlAttr($block->escapeJs($block->escapeUrl($block->getSynonymsExportUrl()))); ?>"}}'>
        <button type="button" class="exporter-button">
            <?= $block->escapeHtml(__('Export Synonyms')) ?>
        </button>
        <span style="padding-left: 5px"><?= $block->escapeHtml(__('Export Synonyms from Search Synonyms to MongoDB')) ?></span>
    </div>
</div>
