// PalpetFooter — 運営会社情報・動物取扱業表示・管理画面リンクを集約
// 動物取扱業法に基づく事業者表示（看板）と、運営スタッフ用の管理画面入口を兼ねる。

function PalpetFooter({ pad = 80 }) {
  return (
    <footer style={{padding:`60px ${pad}px 24px`,color:'#7a6a55',fontSize:13,background:'transparent'}}>
      {/* 上段：サービスリンク群 */}
      <div style={{
        display:'grid',gridTemplateColumns:'1.3fr 1fr 1fr 1.1fr 1fr',gap:24,
        paddingBottom:36,borderBottom:'1px solid rgba(0,0,0,.06)',
      }}>
        <div>
          <img src="assets/logo-horizontal.png" alt="palpet" style={{height:60,width:'auto',display:'block'}}/>
          <p style={{marginTop:12,lineHeight:1.7,maxWidth:280}}>
            ペットと暮らすすべての人へ、お留守番の選択肢をもう一つ。
          </p>
        </div>
        <div>
          <div style={{color:'#3c2f1e',fontWeight:600,marginBottom:10}}>サービス</div>
          <div style={{lineHeight:2}}>
            <a href="#/search">シッターを探す</a><br/>
            <a href="#/mypage/counseling">初回カウンセリング</a><br/>
            <a href="#/sitter-register">シッター登録</a><br/>
            <a href="#/company">料金プラン</a>
          </div>
        </div>
        <div>
          <div style={{color:'#3c2f1e',fontWeight:600,marginBottom:10}}>あんしん</div>
          <div style={{lineHeight:2}}>
            審査について<br/>保険について<br/>緊急時の対応<br/>ペット動物取扱業について
          </div>
        </div>
        <div>
          <div style={{color:'#3c2f1e',fontWeight:600,marginBottom:10}}>シッターになる</div>
          <div style={{lineHeight:2}}>
            <a href="#/sitter-register">シッター登録</a><br/>
            <a href={(typeof window !== 'undefined' && window.SOPRA_ACADEMY?.url) || '#'}
               target="_blank" rel="noopener"
               style={{color:'var(--c-primary-deep)',fontWeight:600}}>🎓 ソプラアカデミーで資格取得 ↗</a><br/>
            業務委託契約<br/>
            <a href="#/mypage-sitter">シッターマイページ</a>
          </div>
        </div>
        <div>
          <div style={{color:'#3c2f1e',fontWeight:600,marginBottom:10}}>会社</div>
          <div style={{lineHeight:2}}>
            パルペットについて<br/>採用情報<br/>お問い合わせ<br/>
            <a href="#/company">運営会社情報</a>
          </div>
        </div>
      </div>

      {/* 運営スタッフ向け：ダッシュボード（?ops=1 のときだけ表示） */}
      {typeof window !== 'undefined' && window.PALPET_OPS_DASHBOARD_URL && isOpsMode_() && (
        <div style={{
          marginTop:24,padding:'14px 18px',borderRadius:12,
          background:'#2E2418',color:'#fff',
          display:'flex',alignItems:'center',justifyContent:'space-between',gap:14,
        }}>
          <div style={{fontSize:12,opacity:.85,lineHeight:1.6}}>
            <strong style={{color:'#fff'}}>運営スタッフ専用</strong>　・
            登録・予約・レビューの管理は運営ダッシュボード（Google スプレッドシート）から
          </div>
          <a href={window.PALPET_OPS_DASHBOARD_URL} target="_blank" rel="noopener"
             style={{
               background:'var(--c-primary)',color:'#fff',padding:'8px 16px',borderRadius:8,
               fontSize:12,fontWeight:700,textDecoration:'none',whiteSpace:'nowrap',
             }}>運営ダッシュボード ↗</a>
        </div>
      )}

      {/* コピーライト + 法定リンク */}
      <div style={{
        paddingTop:24,marginTop:30,borderTop:'1px solid rgba(0,0,0,.06)',
        display:'flex',justifyContent:'space-between',alignItems:'center',flexWrap:'wrap',gap:12,
      }}>
        <div>© 2026 ソプラ銀座株式会社 / Palpet</div>
        <div style={{display:'flex',gap:18,flexWrap:'wrap'}}>
          <a href="#/company" style={{cursor:'pointer'}}>運営会社</a>
          <a href="#/law" style={{cursor:'pointer'}}>特定商取引法に基づく表記</a>
          <a href="#/terms" style={{cursor:'pointer'}}>利用規約</a>
          <a href="#/privacy" style={{cursor:'pointer'}}>プライバシーポリシー</a>
        </div>
      </div>
    </footer>
  );
}

// 運営モード判定：URLに ?honbu が含まれているか、localStorageに保存されていれば true
//   有効化: ?honbu （または ?honbu=1, ?honbu=yes など）
//   無効化: ?honbu=off
//   一度有効化すると同じブラウザでは以後ずっと維持される（再アクセスでもOK）
//   後方互換: 旧 ?ops=1 / ?ops=0 も受け付ける
function isOpsMode_() {
  try {
    const params = new URLSearchParams(window.location.search);
    const honbu = params.get('honbu');
    const ops = params.get('ops');
    const offValues = ['off', '0', 'no', 'false'];
    // 無効化シグナル
    if (honbu !== null && offValues.includes(honbu.toLowerCase())) {
      localStorage.removeItem('palpet_ops_mode');
      return false;
    }
    if (ops !== null && offValues.includes(ops.toLowerCase())) {
      localStorage.removeItem('palpet_ops_mode');
      return false;
    }
    // 有効化シグナル（値ありなし問わず存在すれば true）
    if (honbu !== null || ops !== null) {
      localStorage.setItem('palpet_ops_mode', '1');
      return true;
    }
    // パラメータなし → localStorage を見る
    return localStorage.getItem('palpet_ops_mode') === '1';
  } catch (e) {
    return false;
  }
}

window.PalpetFooter = PalpetFooter;
window.palpetIsOpsMode = isOpsMode_;