@extends('frontend::layouts.master')

@section('title', 'นโยบายความเป็นส่วนตัว | ศูนย์ความรู้ อ.อ๊อบ')

@section('content')
<main class="pt-[80px] sm:pt-[88px] bg-gradient-to-b from-white to-kru-light-strong min-h-screen">
  <div class="max-w-3xl mx-auto px-4 sm:px-6 lg:px-8 py-20">
    {{-- Header --}}
    <div class="flex items-center gap-3 mb-10">
      <div class="w-12 h-12 rounded-xl bg-kru-blue/10 flex items-center justify-center flex-shrink-0">
        <svg class="w-6 h-6 text-kru-blue" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden>
          <path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/>
        </svg>
      </div>
      <div>
        <h1 class="text-2xl sm:text-3xl font-bold text-gray-900">
          {!! $policy['name'] ?? '' !!}
        </h1>
        <p class="text-gray-500 text-sm mt-1">
          {!! $page_init['setting']['meta_title'] ?? '' !!}
        </p>
      </div>
    </div>
    <div class="space-y-8 text-gray-700">
      <p class="text-sm text-gray-500">
        @lang('frontend::lang.updated_at') {!! $policy['updated_at'] ?? '' !!}
      </p>

      {{-- Text Editor: ใช้ prose เพื่อไม่ต้อง reset typography จาก rich text --}}
      <div class="prose prose-gray max-w-none">
        {!! $policy['detail'] ?? '' !!}
      </div>

    </div>
  </div>
</main>
@endsection