@php
    // ✅ H1 (subpage-header에서 출력)
    $pageTitle = '약관 및 정책';
    $pageDesc  = '서비스 이용과 개인정보 보호를 위한 약관 및 정책을 안내합니다.';

    $breadcrumbs = [
      ['label' => '홈', 'url' => url('/')],
      ['label' => '약관 및 정책', 'url' => url()->current()],
    ];

    // ✅ 좌측 메뉴(정책 탭) active 없음 (허브 페이지)
    $subnavActive = null;

    // ✅ 링크(라우트)
    $privacyUrl = route('web.policy.privacy.index');
    $termsUrl   = route('web.policy.terms.index');
    $emailUrl   = route('web.policy.email.index');
@endphp

@extends('web.layouts.subpage')

@section('title', '약관 및 정책 | PIN FOR YOU')
@section('meta_description', '핀포유 약관 및 정책 안내 페이지입니다. 개인정보처리방침, 이용약관, 이메일무단수집거부 내용을 확인할 수 있습니다.')
@section('canonical', url('/policy'))

@section('subcontent')


    <div class="policy-page">

        {{-- ✅ 본문 H2 --}}
        @include('web.partials.content-head', [
            'title' => '약관/정책 한눈에 보기',
            'desc'  => '필요한 문서를 빠르게 찾아 확인할 수 있습니다.'
        ])

        {{-- 카드 그리드 --}}
        <section class="policy-sec">
            <h2 class="policy-h2">바로가기</h2>

            <div class="policy-hub">
                <a class="policy-hub__card" href="{{ $privacyUrl }}">
                    <div class="policy-hub__top">
                        <span class="policy-hub__badge">필수</span>
                        <span class="policy-hub__arrow">→</span>
                    </div>
                    <div class="policy-hub__title">개인정보처리방침</div>
                    <div class="policy-hub__desc">
                        개인정보 수집/이용 목적, 보유 기간, 위탁 및 권리 행사 방법을 안내합니다.
                    </div>
                    <div class="policy-hub__meta">시행일: 2019-01-21</div>
                </a>

                <a class="policy-hub__card" href="{{ $termsUrl }}">
                    <div class="policy-hub__top">
                        <span class="policy-hub__badge">서비스</span>
                        <span class="policy-hub__arrow">→</span>
                    </div>
                    <div class="policy-hub__title">이용약관</div>
                    <div class="policy-hub__desc">
                        회원가입, 서비스 이용, 책임/면책, 분쟁 해결(관할법원) 등 이용 조건을 안내합니다.
                    </div>
                    <div class="policy-hub__meta">시행일: 2019-01</div>
                </a>

                <a class="policy-hub__card" href="{{ $emailUrl }}">
                    <div class="policy-hub__top">
                        <span class="policy-hub__badge">안내</span>
                        <span class="policy-hub__arrow">→</span>
                    </div>
                    <div class="policy-hub__title">이메일무단수집거부</div>
                    <div class="policy-hub__desc">
                        이메일 주소의 자동 수집/판매/유통을 금지하며 위반 시 법적 제재가 있을 수 있습니다.
                    </div>
                    <div class="policy-hub__meta">안내 문서</div>
                </a>
            </div>
        </section>

        {{-- 안내/문의 --}}
        <section class="policy-sec">
            <h2 class="policy-h2">문의가 필요하신가요?</h2>
            <div class="policy-card">
                <div class="policy-kv">
                    <div class="policy-kv__row"><span>고객센터</span><b>1833-4856</b></div>
                    <div class="policy-kv__row"><span>운영시간</span><b>평일 09:00~18:00</b></div>
                    <div class="policy-kv__row">
                        <span>1:1 문의</span>
                        <b><a class="footer-link" href="{{ route('web.cs.qna.index') }}">문의 남기기</a></b>
                    </div>
                </div>
                <div class="policy-note" style="margin-top:10px;">
                    서비스 이용/결제/발송 관련 문의는 고객센터 메뉴에서 더 빠르게 확인할 수 있습니다.
                </div>
            </div>
        </section>

        <div class="policy-bottom">
            <a class="policy-top" href="#main-content">맨 위로</a>
        </div>

    </div>
@endsection