<?php
/**
 * Mageplaza
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Mageplaza.com license that is
 * available through the world-wide-web at this URL:
 * https://www.mageplaza.com/LICENSE.txt
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade this extension to newer
 * version in the future.
 *
 * @category    Mageplaza
 * @package     Mageplaza_AbandonedCart
 * @copyright   Copyright (c) Mageplaza (https://www.mageplaza.com/)
 * @license     https://www.mageplaza.com/LICENSE.txt
 */

$typeCharts   = $block->getTypeCharts();
$selectCharts = $block->getSelectCharts();
?>

<div class="abandoned-menu-select-chart">
    <?php foreach ($selectCharts as $key => $label): ?>
        <div class="col-mp mp-3 mp-sm-6 mp-xs-12 select-block">
            <div class="<?=  /* @noEscape */ $label['color'] ?>
        mp-select-block chart-toggle <?=  /* @noEscape */ $key ?> "
                 data-name="<?= /* @noEscape */ $key ?>">
                <span class="label <?=  /* @noEscape */ $key ?> ">
                    <?= $block->escapeHtml($label['label']) ?>
                </span>
                <span class="value <?= /* @noEscape */ $key ?>"></span>
            </div>
        </div>
    <?php endforeach; ?>
</div>

<?php foreach ($typeCharts as $key => $label): ?>
    <div class="chart-container-all <?= /* @noEscape */ $key ?>">
        <div class="cart-rate-report chart-name">
            <div><?= $block->escapeHtml($label) ?></div>
        </div>
        <div class="chart-container">
            <canvas id="<?= /* @noEscape */ $key ?>" width="100" height="30"></canvas>
        </div>
    </div>
<?php endforeach; ?>
