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

@section('content')
    <section class="breadcrumb">
        <div class="mx-auto flex max-w-7xl items-center justify-between px-6 py-4 lg:px-8">
            <nav class="flex items-center justify-center space-x-2 text-sm ">
                <a class=" transition-colors" href="{{ mwz_route('frontend.index') }}">{{ __('frontend::common.home') }}</a>
                <svg class="h-4 w-4" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                    <path d="m9 18 6-6-6-6"></path>
                </svg>
                <span class="">{{ $data['page_init']['policy']['name'] ?? '' }}</span>
            </nav>
        </div>
    </section>

    <!-- Privacy Policy Content -->
    <section class="py-12 md:py-16 bg-background">
        <div class="mx-auto max-w-4xl px-6 lg:px-8">
            <div class="prose prose-lg max-w-none">
                <div class="bg-card rounded-lg shadow-sm border border-border p-8 md:p-12">
                    <h2 class="text-2xl md:text-3xl font-bold text-foreground mb-6">{{ $data['page_init']['policy']['name'] ?? '' }}</h2>
                    <p class="text-muted-foreground mb-4">
                        Last updated: {{ $data['page_init']['policy']['updated_at'] ?? '' }}
                    </p>

                    <div class="space-y-6 text-foreground">
                        {!! _html($data['page_init']['policy']['detail'] ?? '') !!}
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection