@extends('layouts.app')
@section('title', 'About Editor')
@section('content')
<div class="card">
    <h2 style="font-size:17px;color:#0b4f2c;margin-bottom:16px;">About School Editor</h2>
    <p style="font-size:12px;color:#777;margin-bottom:12px;">Covers About School, Vision & Mission, History, Principal's Welcome, Management Team — edit as one page or split into separate Pages below.</p>
    <form method="POST" action="{{ url('/api/cms/about') }}">
        @csrf @method('PUT')
        <textarea name="body_html" rows="12" style="width:100%;padding:10px;border:1px solid #ddd;border-radius:6px;font-family:monospace;font-size:12.5px;">{{ $page->body_html ?? '' }}</textarea>
        <button type="submit" style="margin-top:12px;background:#0b4f2c;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-size:13px;cursor:pointer;">Save</button>
    </form>
</div>
@endsection