@extends('dashboard.base')

@section('content')
<div class="container mt-4">
    <h4>Edit Home Page Section</h4>

    {{-- Success or error messages --}}
    @if (session('success'))
        <div class="alert alert-success">{{ session('success') }}</div>
    @endif
    @if (session('error'))
        <div class="alert alert-danger">{{ session('error') }}</div>
    @endif

    <form action="{{ route('home_page.update', $slide->id) }}" method="POST" enctype="multipart/form-data">
        @csrf
        @method('PUT')

        <input type="hidden" name="section" value="{{ old('section', $slide->section) }}">

        <div class="mb-3">
            <label class="form-label">Heading</label>
            <input type="text" name="heading" class="form-control" value="{{ old('heading', $slide->heading) }}" required>
        </div>

        <div class="mb-3">
            <label class="form-label">Content</label>
            <textarea name="content" class="form-control" rows="4" required>{{ old('content', $slide->content) }}</textarea>
        </div>

        {{-- Only show image fields if NOT what_we_do --}}
        @if ($slide->section !== 'what_we_do')
            <div class="mb-3">
                <label class="form-label">Current Image</label><br>
                @if ($slide->image)
                    <img src="{{ $slide->image }}" alt="Current Image" width="200" class="rounded shadow-sm mb-2">
                @else
                    <p class="text-muted">No image uploaded.</p>
                @endif
            </div>

            <div class="mb-3">
                <label class="form-label">Change Image (optional)</label>
                <input type="file" name="image" class="form-control">
            </div>
        @endif

        <div class="mt-3">
            <button type="submit" class="btn btn-primary">Update</button>
            <a href="{{ route('home_page.index') }}" class="btn btn-secondary">Cancel</a>
        </div>
    </form>
</div>
@endsection