@extends('layouts.app')
@section('title', 'Feedbacks · Cavendral Beta')
@section('content')
<div class="space-y-6">
    <h1 class="text-2xl font-bold">Meus Feedbacks</h1>

    <div class="bg-[var(--color-bg-secondary)] border border-[var(--color-border-muted)] rounded divide-y divide-[var(--color-border-muted)]">
        @forelse($feedbacks as $feedback)
        <div class="p-3 flex items-start justify-between gap-3">
            <div class="flex-1">
                <div class="flex items-center gap-2 mb-1">
                    <span class="px-2 py-0.5 rounded text-xs font-mono
                        {{ $feedback->type === 'bug' ? 'bg-[var(--color-danger)]/20 text-[var(--color-danger)]' :
                           ($feedback->type === 'suggestion' ? 'bg-[var(--color-accent-blue)]/20 text-[var(--color-accent-blue-bright)]' :
                           ($feedback->type === 'question' ? 'bg-[var(--color-info)]/20 text-[var(--color-info)]' :
                            'bg-[var(--color-text-muted)]/20 text-[var(--color-text-secondary)]')) }}">
                        {{ $feedback->type }}
                    </span>
                    <span class="font-semibold">{{ $feedback->title }}</span>
                </div>
                <div class="text-xs text-[var(--color-text-muted)]">
                    {{ $feedback->project->name }} ·
                    <span class="{{ $feedback->status === 'resolved' ? 'text-[var(--color-success)]' : ($feedback->status === 'closed' ? 'text-[var(--color-text-muted)]' : '') }}">{{ $feedback->status }}</span>
                    · {{ $feedback->created_at->diffForHumans() }}
                </div>
            </div>
            <a href="{{ route('feedback.show', $feedback) }}" class="text-sm text-[var(--color-accent-blue-bright)] hover:underline whitespace-nowrap">Ver →</a>
        </div>
        @empty
        <div class="p-6 text-center text-sm text-[var(--color-text-muted)]">
            Você ainda não enviou feedbacks. <a href="{{ route('projects.index') }}" class="text-[var(--color-accent-blue-bright)] hover:underline">Explore projetos →</a>
        </div>
        @endforelse
    </div>

    {{ $feedbacks->links() }}
</div>
@endsection