<?php // Christo Lochenberg Developments | info@christodev.co.za | +27 61 523 9126 ?>
<div id="legal" class="tab-content <?php echo $activeTab === 'legal' ? '' : 'hidden'; ?> space-y-6">
    
    <div class="bg-white dark:bg-gray-800 rounded-xl shadow-sm border border-gray-200 dark:border-gray-700/50 overflow-hidden">
        <div class="p-5 border-b border-gray-200 dark:border-gray-700/50 bg-gray-50 dark:bg-gray-900/40 flex items-center">
            <svg class="w-4 h-4 mr-2 text-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"></path></svg>
            <h3 class="text-sm font-bold text-gray-900 dark:text-white uppercase tracking-wider">Dynamic Legal Pages</h3>
        </div>
        <div class="p-6 space-y-8">
            <div>
                <label class="block text-[10px] font-bold text-gray-500 uppercase tracking-wider mb-2">Privacy Policy</label>
                <div class="bg-white dark:bg-gray-900/50 rounded-xl overflow-hidden border border-gray-300 dark:border-gray-700">
                    <textarea name="privacy_policy" rows="15" class="html-editor w-full px-4 py-2 text-gray-900 dark:text-white outline-none"><?php echo htmlspecialchars($data['settings']['privacy_policy'] ?? ''); ?></textarea>
                </div>
            </div>
            
            <div class="border-t border-gray-200 dark:border-gray-700/50 pt-8">
                <label class="block text-[10px] font-bold text-gray-500 uppercase tracking-wider mb-2">Terms of Service</label>
                <div class="bg-white dark:bg-gray-900/50 rounded-xl overflow-hidden border border-gray-300 dark:border-gray-700">
                    <textarea name="terms_of_service" rows="15" class="html-editor w-full px-4 py-2 text-gray-900 dark:text-white outline-none"><?php echo htmlspecialchars($data['settings']['terms_of_service'] ?? ''); ?></textarea>
                </div>
            </div>
        </div>
    </div>
</div>