@extends('layouts.admin')
@section('title', 'About Section')
@section('content')
    <h2 class="mb-4">Edit About Section</h2>
    <div class="card shadow-sm" style="max-width:640px;">
        <div class="card-body">
            @if (!empty($about->image))
                <img src="{{ asset('storage/' . $about->image) }}" class="mb-3" style="width:100%;max-width:300px;border-radius:.375rem;">
            @endif
            <form action="{{ route('admin.about.update') }}" method="POST" enctype="multipart/form-data">
                @csrf @method('PUT')
                <div class="mb-3">
                    <label class="form-label">Heading</label>
                    <input type="text" name="heading" class="form-control" value="{{ old('heading', $about->heading ?? '') }}" required>
                </div>
                <div class="mb-3">
                    <label class="form-label">Paragraph 1</label>
                    <textarea name="body1" rows="4" class="form-control" required>{{ old('body1', $about->body1 ?? '') }}</textarea>
                </div>
                <div class="mb-3">
                    <label class="form-label">Paragraph 2</label>
                    <textarea name="body2" rows="4" class="form-control" required>{{ old('body2', $about->body2 ?? '') }}</textarea>
                </div>
                <div class="mb-3">
                    <label class="form-label">Image (leave blank to keep current)</label>
                    <input type="file" name="image" class="form-control">
                </div>
                <button class="btn btn-primary">Update</button>
            </form>
        </div>
    </div>
@endsection