| 1 |
<?php |
| 2 |
/** |
| 3 |
* @var string $title |
| 4 |
* @var string $description |
| 5 |
* @var bool $isSecureBadgeEnabled |
| 6 |
* @var bool $secureBadgeContent |
| 7 |
* @var bool $hasGoal |
| 8 |
* @var array $goalStats |
| 9 |
*/ |
| 10 |
|
| 11 |
?> |
| 12 |
<div class="give-form-header"> |
| 13 |
<div class="give-form-header-top-wrap"> |
| 14 |
<h1 class="give-form-title"><?= $title ?></h1> |
| 15 |
<p class="give-form-description"><?= $description ?></p> |
| 16 |
<?php if ($isSecureBadgeEnabled) : ?> |
| 17 |
<aside class="give-form-secure-badge"> |
| 18 |
<svg class="give-form-secure-icon"> |
| 19 |
<use href="#give-icon-lock"/> |
| 20 |
</svg> |
| 21 |
<?= $secureBadgeContent ?> |
| 22 |
</aside> |
| 23 |
<?php endif; ?> |
| 24 |
</div> |
| 25 |
<?php if ($hasGoal) : ?> |
| 26 |
<aside class="give-form-stats-panel"> |
| 27 |
<ul class="give-form-stats-panel-list"> |
| 28 |
<li class="give-form-stats-panel-stat"> |
| 29 |
<span class="give-form-stats-panel-stat-number"> |
| 30 |
<?= $goalStats[ 'raised' ]; ?> |
| 31 |
</span> <?= __('Raised', 'give'); ?> |
| 32 |
</li> |
| 33 |
<li class="give-form-stats-panel-stat"> |
| 34 |
<span class="give-form-stats-panel-stat-number"> |
| 35 |
<?= $goalStats[ 'count' ]; ?> |
| 36 |
</span> <?= $goalStats[ 'countLabel' ]; ?> |
| 37 |
</li> |
| 38 |
<li class="give-form-stats-panel-stat"> |
| 39 |
<span class="give-form-stats-panel-stat-number"> |
| 40 |
<?= $goalStats[ 'goal' ]; ?> |
| 41 |
</span> <?= __('Goal', 'give'); ?> |
| 42 |
</li> |
| 43 |
<li class="give-form-goal-progress"> |
| 44 |
<div |
| 45 |
role="meter" |
| 46 |
class="give-form-goal-progress-meter" |
| 47 |
style="--progress: <?= $goalStats[ 'progress' ]; ?>%" |
| 48 |
aria-label="<?= sprintf(__('%s of %s goal', 'give'), $goalStats[ 'raised' ], $goalStats[ 'goal' ]); ?>" |
| 49 |
aria-valuemin="0" |
| 50 |
aria-valuemax="<?= $goalStats[ 'goalRaw' ]; ?>" |
| 51 |
aria-valuenow="<?= $goalStats[ 'raisedRaw' ]; ?>" |
| 52 |
aria-valuetext="<?= $goalStats[ 'progress' ]; ?>%" |
| 53 |
> |
| 54 |
</div> |
| 55 |
</li> |
| 56 |
</ul> |
| 57 |
</aside> |
| 58 |
<?php endif; ?> |
| 59 |
</div> |
| 60 |
|
