@extends('layouts.app')
@section('title', 'Testimonials')
@section('content')
<div class="card">
    <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;">
        <h2 style="font-size:17px;color:#0b4f2c;">Testimonials</h2>
        <button style="background:#0b4f2c;color:#fff;border:none;padding:8px 14px;border-radius:6px;font-size:12.5px;cursor:pointer;">+ Add Testimonial</button>
    </div>
    @forelse($testimonials as $t)
        <div style="border:1px solid #eee;border-radius:8px;padding:14px;margin-bottom:10px;">
            <p style="font-size:13px;font-style:italic;color:#333;">"{{ $t->quote }}"</p>
            <p style="font-size:12px;color:#0b4f2c;font-weight:bold;margin-top:6px;">{{ $t->author_name }} <span style="color:#777;font-weight:normal;">— {{ $t->author_role }}</span></p>
        </div>
    @empty
        <p style="color:#999;font-size:13px;text-align:center;padding:20px 0;">No testimonials yet.</p>
    @endforelse
</div>
@endsection