@extends('layouts.gestao')

@section('title', 'Ranking completo de respostas por empresa')

@section('content')
<div class="space-y-6">
  <div class="flex flex-col lg:flex-row lg:items-center lg:justify-between gap-4">
    <div>
      <h2 class="text-2xl font-semibold">Ranking de Respostas por Empresa</h2>
      <p class="text-sm text-gray-500">Relatório com todas as empresas que possuem respostas registradas em protocolos.</p>
    </div>
    <div class="flex flex-col sm:flex-row sm:items-center gap-2">
      <a href="{{ route('dashboard.ranking.empresas.pdf') }}" class="inline-flex items-center gap-2 rounded-lg border border-primary-200 bg-primary-50 px-4 py-2 text-sm font-medium text-primary-700 hover:bg-primary-100">
        <i class="fa-solid fa-file-pdf"></i>
        Exportar PDF
      </a>
      <a href="{{ route('dashboard.gestao') }}" class="inline-flex items-center gap-2 rounded-lg border border-gray-200 px-4 py-2 text-sm font-medium text-gray-700 hover:bg-gray-100">
        <i class="fa-solid fa-arrow-left"></i>
        Voltar ao dashboard
      </a>
    </div>
  </div>

  <div class="bg-white rounded-xl border border-gray-200 shadow-soft">
    <div class="overflow-x-auto">
      <table class="min-w-full divide-y divide-gray-200 text-sm">
        <thead class="bg-gray-50">
          <tr>
            <th scope="col" class="px-6 py-3 text-left text-xs font-semibold tracking-wider text-gray-500 uppercase">Posição</th>
            <th scope="col" class="px-6 py-3 text-left text-xs font-semibold tracking-wider text-gray-500 uppercase">Empresa</th>
            <th scope="col" class="px-6 py-3 text-left text-xs font-semibold tracking-wider text-gray-500 uppercase">E-mail</th>
            <th scope="col" class="px-6 py-3 text-right text-xs font-semibold tracking-wider text-gray-500 uppercase">Total de respostas</th>
            <th scope="col" class="px-6 py-3 text-right text-xs font-semibold tracking-wider text-gray-500 uppercase">Protocolos respondidos</th>
            <th scope="col" class="px-6 py-3 text-right text-xs font-semibold tracking-wider text-gray-500 uppercase">Última resposta</th>
          </tr>
        </thead>
        <tbody class="bg-white divide-y divide-gray-200">
          @forelse ($rankingCompleto as $index => $item)
          <tr class="hover:bg-gray-50">
            <td class="px-6 py-4 whitespace-nowrap text-gray-700 font-semibold">{{ $index + 1 }}º</td>
            <td class="px-6 py-4 whitespace-nowrap">
              <div class="font-medium text-gray-900">{{ optional($item->empresa)->name ?? 'Empresa removida' }}</div>
            </td>
            <td class="px-6 py-4 whitespace-nowrap text-gray-500">{{ optional($item->empresa)->email ?? '—' }}</td>
            <td class="px-6 py-4 whitespace-nowrap text-right font-medium text-gray-900">{{ $item->total_respostas }}</td>
            <td class="px-6 py-4 whitespace-nowrap text-right text-gray-700">{{ $item->protocolos_respondidos }}</td>
            <td class="px-6 py-4 whitespace-nowrap text-right text-gray-500">
              {{ $item->ultima_resposta ? \Carbon\Carbon::parse($item->ultima_resposta)->format('d/m/Y H:i') : '—' }}
            </td>
          </tr>
          @empty
          <tr>
            <td colspan="6" class="px-6 py-6 text-center text-gray-500">Nenhuma resposta registrada até o momento.</td>
          </tr>
          @endforelse
        </tbody>
      </table>
    </div>
  </div>
</div>
@endsection