@extends('admin.layout') 
@section('content')
<div class="container py-4">
    <h4 class="mb-4">Edit About Section</h4>

    @if(session('success'))
        <div class="alert alert-success">{{ session('success') }}</div>
    @endif

    <form method="POST" action="{{ route('admin.content.about.update') }}" enctype="multipart/form-data">
        @csrf

        <div class="mb-3">
            <label class="form-label">Title</label>
            <input type="text" name="title" class="form-control" value="{{ old('title', $about->title) }}">
        </div>

        <div class="mb-3">
            <label class="form-label">Highlight Word (span wala)</label>
            <input type="text" name="highlight" class="form-control" value="{{ old('highlight', $about->highlight) }}">
        </div>

        <div class="mb-3">
            <label class="form-label">Description</label>
            <textarea name="description" rows="6" class="form-control">{{ old('description', $about->description) }}</textarea>
        </div>

        <div class="row">
            <div class="col-md-6 mb-3">
                <label class="form-label">Image 1</label>
                @if($about->image1)
                    <img src="{{ asset($about->image1) }}" width="100" class="d-block mb-2 rounded">
                @endif
                <input type="file" name="image1" class="form-control">
            </div>

            <div class="col-md-6 mb-3">
                <label class="form-label">Image 2</label>
                @if($about->image2)
                   <img src="{{ asset($about->image1) }}" width="100" class="d-block mb-2 rounded">
                @endif
                <input type="file" name="image2" class="form-control">
            </div>
        </div>

        <button class="btn btn-primary">Update</button>
    </form>
</div>
@endsection