@extends('admin.layout')
@section('title', 'Testimonials')
@section('content')
<main class="page">
    <span class="eyebrow">Content</span><h1 class="title">Testimonials</h1>
    <p class="muted">Share approved stories from job seekers and employers, with an optional profile image.</p>
    @if (session('status'))<div class="flash" role="status">{{ session('status') }}</div>@endif
    @if ($errors->any())<div class="error-box" role="alert">{{ $errors->first() }}</div>@endif

    <section class="panel category-create">
        <h2 class="section-title">Add a testimonial</h2>
        <form method="POST" action="{{ route('admin.testimonials.store') }}" enctype="multipart/form-data">
            @csrf
            <div class="settings-grid">
                <div class="field"><label for="name">Person's name *</label><input class="input" id="name" name="name" value="{{ old('name') }}" maxlength="160" required></div>
                <div class="field"><label for="role">Role</label><input class="input" id="role" name="role" value="{{ old('role') }}" maxlength="160"></div>
                <div class="field"><label for="company">Company</label><input class="input" id="company" name="company" value="{{ old('company') }}" maxlength="160"></div>
                <div class="field"><label for="image">Photo</label><input class="input" id="image" name="image" type="file" accept="image/jpeg,image/png,image/webp"></div>
                <div class="field span-2"><label for="quote">Testimonial *</label><textarea class="input" id="quote" name="quote" rows="4" maxlength="5000" required>{{ old('quote') }}</textarea></div>
                <div class="field"><label for="sort_order">Display order</label><input class="input" id="sort_order" name="sort_order" type="number" min="0" max="65535" value="{{ old('sort_order', 0) }}" required></div>
                <div class="field"><label for="is_published">Visibility</label><select class="input" id="is_published" name="is_published"><option value="1" @selected(old('is_published', '1') === '1')>Published</option><option value="0" @selected(old('is_published') === '0')>Draft</option></select></div>
            </div>
            <p class="hint">Photo must be JPG, PNG, or WebP and no larger than 5 MB.</p>
            <button class="button" type="submit">Add testimonial</button>
        </form>
    </section>

    <section class="panel">
        <div class="panel-head"><strong>{{ number_format($testimonials->total()) }} testimonials</strong><span class="muted">Only published testimonials appear publicly.</span></div>
        @forelse ($testimonials as $testimonial)
            <article style="padding:20px;border-bottom:1px solid #edf1ee">
                <div style="display:flex;align-items:center;gap:14px;margin-bottom:12px">
                    @if ($testimonial->image_path)<img src="{{ route('admin.content.image', ['type' => 'testimonial', 'record' => $testimonial->id]) }}" alt="{{ $testimonial->name }}" style="width:64px;height:64px;object-fit:cover;border-radius:50%">@endif
                    <div><strong>{{ $testimonial->name }}</strong><div class="muted">{{ collect([$testimonial->role, $testimonial->company])->filter()->join(' · ') }} · {{ $testimonial->is_published ? 'Published' : 'Draft' }}</div></div>
                </div>
                <form method="POST" action="{{ route('admin.testimonials.update', $testimonial) }}" enctype="multipart/form-data">
                    @csrf @method('PATCH')
                    <div class="settings-grid">
                        <div class="field"><label for="testimonial-name-{{ $testimonial->id }}">Name</label><input class="input" id="testimonial-name-{{ $testimonial->id }}" name="name" value="{{ $testimonial->name }}" required></div>
                        <div class="field"><label for="testimonial-role-{{ $testimonial->id }}">Role</label><input class="input" id="testimonial-role-{{ $testimonial->id }}" name="role" value="{{ $testimonial->role }}"></div>
                        <div class="field"><label for="testimonial-company-{{ $testimonial->id }}">Company</label><input class="input" id="testimonial-company-{{ $testimonial->id }}" name="company" value="{{ $testimonial->company }}"></div>
                        <div class="field"><label for="testimonial-image-{{ $testimonial->id }}">Replace photo</label><input class="input" id="testimonial-image-{{ $testimonial->id }}" name="image" type="file" accept="image/jpeg,image/png,image/webp"></div>
                        <div class="field span-2"><label for="testimonial-quote-{{ $testimonial->id }}">Testimonial</label><textarea class="input" id="testimonial-quote-{{ $testimonial->id }}" name="quote" rows="3" required>{{ $testimonial->quote }}</textarea></div>
                        <div class="field"><label for="testimonial-order-{{ $testimonial->id }}">Display order</label><input class="input" id="testimonial-order-{{ $testimonial->id }}" name="sort_order" type="number" min="0" max="65535" value="{{ $testimonial->sort_order }}" required></div>
                        <div class="field"><label for="testimonial-published-{{ $testimonial->id }}">Visibility</label><select class="input" id="testimonial-published-{{ $testimonial->id }}" name="is_published"><option value="1" @selected($testimonial->is_published)>Published</option><option value="0" @selected(!$testimonial->is_published)>Draft</option></select></div>
                    </div>
                    @if ($testimonial->image_path)<label class="settings-remove"><input type="checkbox" name="remove_image" value="1"> Remove current photo</label>@endif
                    <button class="button button-secondary" type="submit">Save testimonial</button>
                </form>
                <form method="POST" action="{{ route('admin.testimonials.delete', $testimonial) }}" style="margin-top:10px" onsubmit="return confirm('Delete this testimonial?')">@csrf @method('DELETE')<button class="button button-danger" type="submit">Delete testimonial</button></form>
            </article>
        @empty
            <div class="empty">No testimonials yet. Add the first one above.</div>
        @endforelse
        <div class="pagination">{{ $testimonials->links() }}</div>
    </section>
</main>
@endsection