@extends('layouts.empresas')

@section('title', 'Canal de denúncias')

@section('content')
  <div class="mb-6">
    <h1 class="text-2xl font-semibold tracking-tight text-gray-900">Denúncias de assédio moral/sexual</h1>
    <p class="text-sm text-gray-500">Os detalhes completos são enviados apenas para o e-mail responsável configurado.</p>
  </div>

  @if($reports->isEmpty())
    <div class="rounded-xl border border-gray-200 bg-white p-6 text-center">
      <h2 class="text-lg font-semibold text-gray-900">Nenhuma denúncia registrada</h2>
      <p class="mt-2 text-sm text-gray-600">Assim que um colaborador enviar uma denúncia, ela aparecerá aqui automaticamente.</p>
    </div>
  @else
    <div class="space-y-4">
      @foreach($reports as $report)
        <article class="rounded-xl border border-gray-200 bg-white p-5 shadow-sm">
          <header class="flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between">
            <div>
              <h2 class="text-lg font-semibold text-gray-900">Protocolo {{ $report->protocol }}</h2>
              <p class="text-sm text-gray-500">Recebido em {{ $report->created_at->format('d/m/Y H:i') }}</p>
            </div>
            <span class="inline-flex items-center gap-1 rounded-full bg-slate-100 px-3 py-1 text-sm text-slate-700">
              <span class="w-2 h-2 rounded-full bg-slate-500"></span>
              {{ $report->tipo === 'outro' ? 'Outro' : ($report->tipo === 'assedio_sexual' ? 'Assédio sexual' : 'Assédio moral') }}
            </span>
          </header>

          <div class="mt-4">
            <form method="POST" action="{{ route('empresa.harassment-reports.resend', $report) }}">
              @csrf
              <button type="submit" class="inline-flex items-center gap-2 rounded-lg bg-primary-600 px-4 py-2 text-sm font-semibold text-white shadow-sm hover:bg-primary-700">
                <i class="fa-solid fa-envelope"></i>
                Reenviar denúncia para o e-mail responsável
              </button>
            </form>
          </div>
        </article>
      @endforeach
    </div>

    <div class="mt-6">
      {{ $reports->links() }}
    </div>
  @endif
@endsection