@php $featureNotice = \App\Support\FeatureSetupGate::notice(request()); @endphp
@if($featureNotice)
<style>
.feat-setup-notice {
  display: flex; align-items: center; gap: 14px;
  background: #fff7e6; border: 1.5px solid #f0b429; border-radius: 12px;
  padding: 13px 16px; margin-bottom: 18px;
}
.feat-setup-notice .fsn-ic {
  width: 38px; height: 38px; border-radius: 50%; flex: none;
  background: #fde9b8; color: #b5730a;
  display: flex; align-items: center; justify-content: center; font-size: 1.2rem;
}
.feat-setup-notice .fsn-body { flex: 1; min-width: 0; }
.feat-setup-notice .fsn-title { font-weight: 700; color: #8a5a00; font-size: 0.98rem; }
.feat-setup-notice .fsn-sub { font-size: 0.82rem; color: #7a6a45; margin-top: 2px; line-height: 1.45; }
.feat-setup-notice .fsn-btn {
  flex: none; background: #f0a020; color: #fff; font-weight: 700;
  font-size: 0.85rem; padding: 8px 18px; border-radius: 9px;
  text-decoration: none; white-space: nowrap;
}
.feat-setup-notice .fsn-btn:hover { background: #dd8c0a; color: #fff; }
@media (max-width: 640px) {
  .feat-setup-notice { flex-wrap: wrap; }
  .feat-setup-notice .fsn-btn { width: 100%; text-align: center; }
}
</style>
<div class="feat-setup-notice" role="note">
  <div class="fsn-ic" aria-hidden="true"><i class="bi bi-exclamation-triangle"></i></div>
  <div class="fsn-body">
    <div class="fsn-title">まず「{{ collect($featureNotice['items'])->pluck('label')->join('」と「') }}」の設定を実施してください</div>
    <div class="fsn-sub">{{ $featureNotice['feature'] }}を使うには、先に上記の初期設定が必要です。</div>
  </div>
  <a href="{{ $featureNotice['primary_route'] }}" class="fsn-btn">設定する</a>
</div>
@endif