<div class="card">
    <div class="card-header">
        <h2 class="card-title">Edit Tentang Kami</h2>
    </div>
    
    <% if (typeof message !== 'undefined' && message) { %>
        <div class="alert alert-success"><%= message %></div>
    <% } %>

    <form action="/admin/about" method="POST" enctype="multipart/form-data">
        <div class="form-group">
            <label for="content_text">Deskripsi (Paragraf, pisahkan dengan Enter ganda untuk paragraf baru)</label>
            <textarea id="content_text" name="content_text" class="form-control" required><%= about.content_text %></textarea>
        </div>
        
        <div class="form-group">
            <label>Gambar Saat Ini</label>
            <% if (about.image_url) { %>
                <img src="/<%= about.image_url %>" class="img-preview" alt="About Image" style="max-width: 300px; max-height: 200px;">
            <% } else { %>
                <p style="font-size: 14px; color: #6b7280;">Tidak ada gambar.</p>
            <% } %>
        </div>
        
        <div class="form-group">
            <label for="image">Ganti Gambar (Opsional)</label>
            <input type="file" id="image" name="image" class="form-control" accept="image/*">
        </div>
        
        <button type="submit" class="btn btn-primary">Simpan Perubahan</button>
    </form>
</div>
