<?php /** @var \IAWP\Env $env */  ?>
<?php /** @var \IAWP\Overview\Overview $overview */  ?>
<?php /** @var string $last_refreshed_at */  ?>
<?php /** @var \IAWP\Overview\Modules\Module[] $saved_modules */  ?>
<?php /** @var \IAWP\Overview\Modules\Module[] $template_modules */  ?>

<div id="report-header-container" class="report-header-container">
 <div id="report-title-bar" class="report-title-bar overview-report">
 <div class="primary-report-title-container">
 <h1 class="report-title"><?php esc_html_e('Overview', 'independent-analytics'); ?></h1>
 <div class="last-updated-container">
 <span id="iawp-modules-refreshed-at"><?php echo sanitize_text_field($last_refreshed_at); ?></span>
 <button class="refresh-overview-button"
 data-controller="refresh-overview"
 data-action="refresh-overview#refresh"
 data-refresh-overview-loading-text-value="<?php esc_html_e('Refreshing...', 'independent-analytics'); ?>"
 ><?php esc_html_e('Refresh', 'independent-analytics'); ?></button>
 </div>
 </div>
 <div class="buttons">
 <div>
 <button id="favorite-report-button"
 data-controller="set-favorite-report"
 data-set-favorite-report-type-value="overview"
 data-action="set-favorite-report#setFavoriteReport"
 class="iawp-button favorite <?php echo $env->is_favorite('overview') ? 'active' : ''; ?>"
 >
 <span class="dashicons dashicons-star-filled"></span>
 <?php esc_html_e('Make default', 'independent-analytics'); ?>
 </button>
 </div>
 </div>
 </div>
 <div id="toolbar" class="toolbar">
 <div class="overview-toolbar-buttons">
 <button data-controller="add-module" data-action="add-module#addModule" class="iawp-button add-module-toolbar-button"><span class="dashicons dashicons-plus"></span> <?php esc_html_e('Add Module', 'independent-analytics'); ?></button>
 <button data-controller="reorder-modules" data-action="reorder-modules#toggleReordering" class="iawp-button reorder-modules-button"><span class="dashicons dashicons-sort"></span> <?php esc_html_e('Reorder Modules', 'independent-analytics'); ?></button>
 </div>
 <div class="download-options-parent" data-controller="modal">
 <div class="modal-parent downloads">
 <button id="download-options" data-modal-target="modalButton" data-action="click->modal#toggleModal" class="download-options">
 <?php esc_html_e('Download Report', 'independent-analytics'); ?>
 </button>
 <div class="iawp-modal small downloads" data-modal-target="modal">
 <div class="modal-inner">
 <div class="title-small">
 <?php esc_html_e('Download report', 'independent-analytics'); ?>
 <span data-report-target="spinner" class="dashicons dashicons-update iawp-spin hidden"></span>
 </div>
 <button data-controller="export-overview"
 data-action="export-overview#export"
 class="pdf-export-button iawp-button"
 ><?php esc_html_e('Download PDF', 'independent-analytics'); ?></button>
 </div>
 </div>
 </div>
 </div>
 </div>
</div>
<div data-controller="module-list">
 <div id="module-list" class="module-list" data-module-list-target="list"><?php
 foreach($saved_modules as $module) {
 echo $module->get_module_html();
 }
 echo iawp_blade()->run('overview.module-picker', [
 'template_modules' => $template_modules
 ]); ?>
 </div><?php
 echo iawp_blade()->run('overview.module-templates', [
 'template_modules' => $template_modules
 ]); ?>
</div>
