43 lines
2.9 KiB
PHP
43 lines
2.9 KiB
PHP
@php($providers = \App\Services\ArticleRecommendations::providers())
|
|
@if($providers)
|
|
@once
|
|
@push('styles')
|
|
<link rel="stylesheet" href="/css/airport-recommendations.css?v={{ filemtime(public_path('css/airport-recommendations.css')) }}">
|
|
@endpush
|
|
@push('scripts')
|
|
<script defer src="/js/airport-recommendations.js?v={{ filemtime(public_path('js/airport-recommendations.js')) }}"></script>
|
|
@endpush
|
|
@endonce
|
|
<section id="{{ config('airport_recommendations.anchor') }}" class="airport-recommendations" aria-labelledby="airport-recommendations-title">
|
|
<div class="airport-recommendations__heading">
|
|
<h2 id="airport-recommendations-title">机场推荐</h2>
|
|
</div>
|
|
<div class="airport-recommendations__table-wrap">
|
|
<table class="airport-recommendations__table">
|
|
<caption class="visually-hidden">机场套餐、解锁情况与优惠码对比</caption>
|
|
<thead><tr><th scope="col">机场名</th><th scope="col">套餐起售价</th><th scope="col">解锁情况</th><th scope="col">适合使用场景</th><th scope="col">优惠码</th></tr></thead>
|
|
<tbody>
|
|
@foreach($providers as $key => $provider)
|
|
<tr>
|
|
<th scope="row" class="airport-provider"><a href="{{ $provider['url'] }}" target="_blank" rel="sponsored nofollow noopener noreferrer">{{ $provider['name'] }}<span aria-hidden="true">↗</span></a><span class="airport-provider__label">{{ $provider['tagline'] ?? '' }}</span></th>
|
|
<td data-label="套餐起售价" class="airport-price"><strong>{{ $provider['price'] }}</strong><span>{{ $provider['period'] }}起</span></td>
|
|
<td data-label="解锁情况"><div class="airport-features">@foreach($provider['features'] as $feature)<span><i aria-hidden="true">✓</i>{{ $feature }}</span>@endforeach</div></td>
|
|
<td data-label="适合使用场景" class="airport-description">{{ $provider['description'] }}</td>
|
|
<td data-label="优惠码" class="airport-coupon">
|
|
@if($provider['coupon'])
|
|
<span class="airport-coupon__discount">{{ $provider['discount'] }}</span>
|
|
<button type="button" class="airport-coupon__copy" data-airport-coupon="{{ $provider['coupon'] }}" aria-label="复制{{ $provider['name'] }}优惠码 {{ $provider['coupon'] }}"><span>{{ $provider['coupon'] }}</span><svg width="13" height="13" viewBox="0 0 16 16" fill="none" aria-hidden="true"><rect x="5" y="5" width="8" height="9" rx="1" stroke="currentColor"/><path d="M3 11H2V2h8v1" stroke="currentColor"/></svg></button>
|
|
@else
|
|
<span class="airport-coupon__none">无</span>
|
|
@endif
|
|
</td>
|
|
</tr>
|
|
@endforeach
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<p class="airport-recommendations__note">价格、套餐及优惠以服务商官网为准。</p>
|
|
<span class="airport-copy-status" role="status" aria-live="polite"></span>
|
|
</section>
|
|
@endif
|