@push('scripts')
    @vite('resources/js/lib/company-logo-picker.js')
@endpush

<x-admin::layouts.app title="Edit Testimonial">
    <h1 class="h4 mb-4" style="color: var(--color-heading);">Edit Testimonial</h1>

    <div class="admin-card p-4" style="max-width: 640px;">
        <form method="POST" action="{{ route('admin.testimonials.update', $testimonial) }}" enctype="multipart/form-data">
            @csrf
            @method('PUT')
            <x-admin::components.testimonial-fields :testimonial="$testimonial" />
            <button type="submit" class="btn btn-primary-gradient">Save Changes</button>
            <a href="{{ route('admin.testimonials.index') }}" class="btn btn-secondary-outline">Cancel</a>
        </form>
    </div>

    <div class="admin-card p-4 mt-4" style="border-color: #dc3545 !important;">
        <h2 class="h6 mb-2 text-danger">Delete Testimonial</h2>
        <p class="small text-muted mb-3">This testimonial will be removed from the public site but can be recovered later if needed.</p>
        <form method="POST" action="{{ route('admin.testimonials.destroy', $testimonial) }}" onsubmit="return confirm('Delete this testimonial?');">
            @csrf
            @method('DELETE')
            <button type="submit" class="btn btn-outline-danger btn-sm">Delete Testimonial</button>
        </form>
    </div>
</x-admin::layouts.app>