| 1 |
<?php |
| 2 |
/** |
| 3 |
* @since 3.13.0 |
| 4 |
*/ |
| 5 |
|
| 6 |
/** @var array[] $banners */ |
| 7 |
foreach ($banners as $banner): |
| 8 |
$id = $banner['id']; |
| 9 |
$mainHeader = $banner['mainHeader']; |
| 10 |
$subHeader = $banner['subHeader']; |
| 11 |
$actionText = $banner['actionText']; |
| 12 |
$actionURL = $banner['actionURL']; |
| 13 |
$content = $banner['content']; |
| 14 |
$secondaryActionText = $banner['secondaryActionText']; |
| 15 |
$secondaryActionURL = $banner['secondaryActionURL']; |
| 16 |
$startDate = $banner['startDate']; |
| 17 |
$endDate = $banner['endDate']; |
| 18 |
?> |
| 19 |
|
| 20 |
<div class="givewp-sale-banners-container"> |
| 21 |
<aside aria-label="" id="<?php echo $dismissableElementId = "give-sale-banner-{$id}" ?>" |
| 22 |
class="give-sale-banner"> |
| 23 |
<div class="give-sale-banner-content"> |
| 24 |
<div class="give-sale-banner-content__primary-cta"> |
| 25 |
<h1 class="give-sale-banner-content__primary-cta__header"><?php echo $mainHeader ?></h1> |
| 26 |
<h3 class="give-sale-banner-content__primary-cta__sub-header"><?php echo $subHeader ?></h3> |
| 27 |
<a class="give-sale-banner-content__primary-cta__link" href="<?php echo $actionURL ?>" |
| 28 |
rel="noopener" target="_blank"><?php echo $actionText ?></a> |
| 29 |
</div> |
| 30 |
|
| 31 |
<div class="give-sale-banner-content__secondary-cta"> |
| 32 |
<p class="give-sale-banner-content__secondary-cta__content"><?php echo wp_kses($content, ['strong' =>[]]) ?></p> |
| 33 |
<a class="give-sale-banner-content__secondary-cta__link" href="<?php echo $secondaryActionURL ?>" |
| 34 |
rel="noopener" target="_blank"><?php echo $secondaryActionText ?></a> |
| 35 |
</div> |
| 36 |
</div> |
| 37 |
|
| 38 |
<div class="give-sale-banner__abstract-icon"> |
| 39 |
<svg width="230" height="124" viewBox="0 0 280 154" fill="none" xmlns="http://www.w3.org/2000/svg"> |
| 40 |
<g clip-path="url(#clip0_1482_402)"> |
| 41 |
<circle cx="10.2895" cy="9.58348" r="9.58348" fill="#F9FAF9" /> |
| 42 |
<circle cx="245.085" cy="46.9587" r="4.79174" fill="#F9FAF9" /> |
| 43 |
<path |
| 44 |
d="M245.085 46.0009L103.249 220.42L9.33105 7.66699L245.085 46.0009ZM245.085 46.0009L306.419 124.586" |
| 45 |
stroke="#F9FAF9" stroke-width="1.43752" /> |
| 46 |
</g> |
| 47 |
<defs> |
| 48 |
<clipPath id="clip0_1482_402"> |
| 49 |
<rect width="280" height="154" fill="white" /> |
| 50 |
</clipPath> |
| 51 |
</defs> |
| 52 |
</svg> |
| 53 |
</div> |
| 54 |
<button type="button" aria-label="<?php echo __('Dismiss', 'give') ?>" |
| 55 |
aria-controls="<?php echo $dismissableElementId ?>" |
| 56 |
class="give-sale-banner-dismiss givewp-sale-banner__dismiss" data-id="<?php echo $id ?>"> |
| 57 |
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="19" viewBox="0 0 20 19" fill="none"> |
| 58 |
<line x1="1.35355" y1="0.646447" x2="19.3535" y2="18.6464" stroke="#F9FAF9" /> |
| 59 |
<line y1="-0.5" x2="25.4558" y2="-0.5" transform="matrix(0.707107 -0.707106 0.707107 0.707106 1 19)" |
| 60 |
stroke="#F9FAF9" /> |
| 61 |
</svg> |
| 62 |
</button> |
| 63 |
</aside> |
| 64 |
<br> |
| 65 |
</div> |
| 66 |
<?php endforeach; ?> |
| 67 |
|
