@extends('admin.layout.app')

@section('content')
<div class="d-flex justify-content-between align-items-center mb-4">
    <div>
        <h2 class="mb-1">About Details</h2>
        <p class="text-muted mb-0">About page ke hero, description aur stats yahan manage karein.</p>
    </div>
</div>

<div class="card border-0 shadow-sm rounded-4">
    <div class="card-body p-4">
        <form method="POST" action="{{ route('admin.site-content.about.update') }}">
            @csrf
            @method('PUT')
            <div class="row g-3">
                <div class="col-md-6">
                    <label class="form-label">Hero Title</label>
                    <input type="text" name="hero_title" class="form-control" value="{{ old('hero_title', $about->hero_title ?? '') }}">
                </div>
                <div class="col-md-6">
                    <label class="form-label">Hero Subtitle</label>
                    <input type="text" name="hero_subtitle" class="form-control" value="{{ old('hero_subtitle', $about->hero_subtitle ?? '') }}">
                </div>
                <div class="col-12">
                    <label class="form-label">Section Title</label>
                    <input type="text" name="section_title" class="form-control" value="{{ old('section_title', $about->section_title ?? '') }}">
                </div>
                <div class="col-12">
                    <label class="form-label">Section Content</label>
                    <textarea name="section_content" class="form-control" rows="6">{{ old('section_content', $about->section_content ?? '') }}</textarea>
                </div>
                <div class="col-md-3">
                    <label class="form-label">Destinations</label>
                    <input type="text" name="stats_destinations" class="form-control" value="{{ old('stats_destinations', $about->stats_destinations ?? '') }}">
                </div>
                <div class="col-md-3">
                    <label class="form-label">Properties</label>
                    <input type="text" name="stats_properties" class="form-control" value="{{ old('stats_properties', $about->stats_properties ?? '') }}">
                </div>
                <div class="col-md-3">
                    <label class="form-label">Customers</label>
                    <input type="text" name="stats_customers" class="form-control" value="{{ old('stats_customers', $about->stats_customers ?? '') }}">
                </div>
                <div class="col-md-3">
                    <label class="form-label">Listings</label>
                    <input type="text" name="stats_listing" class="form-control" value="{{ old('stats_listing', $about->stats_listing ?? '') }}">
                </div>
            </div>

            <button class="btn btn-primary mt-4">Save About Details</button>
        </form>
    </div>
</div>
@endsection