@extends('storefront.layout')

@section('title', 'Store Policies — ' . ($settings->company_name ?? 'Shop'))

@section('content')

    <div class="max-w-3xl mx-auto">
        <h1 class="text-2xl font-bold text-gray-900 mb-6">Store Policies</h1>

        @if(!blank($settings->shipping_policy))
            <section class="bg-white rounded-xl shadow-sm p-6 mb-6">
                <h2 class="text-lg font-semibold text-gray-900 mb-3">Shipping Policy</h2>
                <div class="text-sm text-gray-700 leading-relaxed">{!! nl2br(e($settings->shipping_policy)) !!}</div>
            </section>
        @endif

        @if(!blank($settings->return_policy))
            <section class="bg-white rounded-xl shadow-sm p-6 mb-6">
                <h2 class="text-lg font-semibold text-gray-900 mb-3">Return Policy</h2>
                <div class="text-sm text-gray-700 leading-relaxed">{!! nl2br(e($settings->return_policy)) !!}</div>
            </section>
        @endif

        @if(!blank($settings->privacy_policy))
            <section class="bg-white rounded-xl shadow-sm p-6 mb-6">
                <h2 class="text-lg font-semibold text-gray-900 mb-3">Privacy Policy</h2>
                <div class="text-sm text-gray-700 leading-relaxed">{!! nl2br(e($settings->privacy_policy)) !!}</div>
            </section>
        @endif
    </div>

@endsection