| @@ -107,9 +107,9 @@ | ||
| 107 | 107 | ), |
| 108 | 108 | ); |
| 109 | 109 | ?> |
| 110 | 110 | |
| 111 | -<div class="wp-subscription-admin-content list-page subscrpt-subs-list"> | |
| 111 | +<div class="wp-subscription-admin-content list-page"> | |
| 112 | 112 | |
| 113 | 113 | <!-- Disclaimer banner --> |
| 114 | 114 | <div style="background:#fffbeb;border:1px solid #fcd34d;border-radius:8px;padding:12px 16px;margin-bottom:20px;display:flex;align-items:flex-start;gap:10px;"> |
| 115 | 115 | <svg width="18" height="18" fill="none" viewBox="0 0 24 24" stroke="#d97706" style="flex-shrink:0;margin-top:1px;" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/></svg> |
| @@ -124,18 +124,17 @@ | ||
| 124 | 124 | <!-- Page header --> |
| 125 | 125 | <div style="display:flex;align-items:flex-start;margin-bottom:20px;gap:24px;flex-wrap:wrap;"> |
| 126 | 126 | |
| 127 | 127 | <div style="flex:1;min-width:200px;"> |
| 128 | - <h1 style="font-size:1.375rem;font-weight:700;color:var(--wpsubs-text);margin:0 0 6px;line-height:1.2;"><?php esc_html_e( 'Subscription Health', 'subscription' ); ?></h1> | |
| 129 | - <p style="font-size:13px;color:var(--wpsubs-text-muted);margin:0 0 12px;line-height:1.5;"> | |
| 130 | - <?php esc_html_e( 'Monitor and recover subscriptions that need attention.', 'subscription' ); ?> | |
| 131 | - </p> | |
| 132 | - <div style="border-top:1px dashed #d0d3d7;padding-top:10px;display:flex;align-items:center;gap:8px;"> | |
| 133 | - <button type="button" class="wpsubs-btn wpsubs-btn--outline" style="height:28px;padding:0 10px;font-size:12px;cursor:not-allowed;opacity:0.6;" disabled> | |
| 134 | - <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15" /></svg> | |
| 135 | - <?php esc_html_e( 'Refresh', 'subscription' ); ?> | |
| 136 | - </button> | |
| 137 | - </div> | |
| 128 | + <?php | |
| 129 | + wpsubs_render_page_header( | |
| 130 | + array( | |
| 131 | + 'title' => __( 'Subscription Health', 'subscription' ), | |
| 132 | + 'description' => __( 'Monitor and recover subscriptions that need attention.', 'subscription' ), | |
| 133 | + 'actions' => '<button type="button" class="wpsubs-btn wpsubs-btn--outline" style="height:28px;padding:0 10px;font-size:12px;cursor:not-allowed;opacity:0.6;" disabled><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15" /></svg>' . esc_html__( 'Refresh', 'subscription' ) . '</button>', | |
| 134 | + ) | |
| 135 | + ); | |
| 136 | + ?> | |
| 138 | 137 | </div> |
| 139 | 138 | |
| 140 | 139 | <div style="display:flex;gap:12px;flex-shrink:0;"> |
| 141 | 140 | <div style="width:140px;border:1px solid var(--wpsubs-border);border-radius:12px;padding:20px;background:var(--wpsubs-surface);"> |
