{% extends 'base.html' %}
{% block title %}Dashboard - eSocial SST{% endblock %}
{% block content %}
<div class="d-flex justify-content-between align-items-center mb-4">
  <div>
    <h4 class="mb-0"><i class="bi bi-grid-1x2 me-2 text-primary"></i>Dashboard</h4>
    {% if cfg %}<small class="text-muted">Consultor: {{ cfg.consultor_nome or '—' }}</small>{% endif %}
  </div>
  <a href="/empresas/nova" class="btn btn-primary btn-sm"><i class="bi bi-plus-lg me-1"></i>Nova Empresa</a>
</div>

{% if empresa %}
<div class="row g-3 mb-4">
  <div class="col-6 col-md-2">
    <div class="card text-center p-3" style="border-left:4px solid #0d6efd;">
      <div class="fs-4 fw-bold text-primary">{{ stats.trabalhadores }}</div>
      <small class="text-muted">Trabalhadores</small>
    </div>
  </div>
  <div class="col-6 col-md-2">
    <div class="card text-center p-3" style="border-left:4px solid #dc3545;">
      <div class="fs-4 fw-bold text-danger">{{ stats.cats }}</div>
      <small class="text-muted">CATs</small>
    </div>
  </div>
  <div class="col-6 col-md-2">
    <div class="card text-center p-3" style="border-left:4px solid #198754;">
      <div class="fs-4 fw-bold text-success">{{ stats.asos }}</div>
      <small class="text-muted">ASOs</small>
    </div>
  </div>
  <div class="col-6 col-md-2">
    <div class="card text-center p-3" style="border-left:4px solid #ffc107;">
      <div class="fs-4 fw-bold text-warning">{{ stats.ghes }}</div>
      <small class="text-muted">GHEs</small>
    </div>
  </div>
  <div class="col-6 col-md-2">
    <div class="card text-center p-3" style="border-left:4px solid #6f42c1;">
      <div class="fs-4 fw-bold" style="color:#6f42c1;">{{ stats.riscos }}</div>
      <small class="text-muted">Riscos</small>
    </div>
  </div>
</div>
<div class="d-flex gap-2 mb-4 flex-wrap">
  <a href="/empresas/{{ empresa.id }}/cats/nova" class="btn btn-danger btn-sm"><i class="bi bi-plus-lg me-1"></i>Nova CAT</a>
  <a href="/empresas/{{ empresa.id }}/asos/novo" class="btn btn-success btn-sm"><i class="bi bi-plus-lg me-1"></i>Novo ASO</a>
  <a href="/empresas/{{ empresa.id }}/trabalhadores/novo" class="btn btn-outline-primary btn-sm"><i class="bi bi-person-plus me-1"></i>Trabalhador</a>
</div>
{% endif %}

<div class="card">
  <div class="card-header bg-white fw-semibold"><i class="bi bi-building me-2"></i>Empresas Cadastradas</div>
  <div class="card-body p-0">
    <div class="table-responsive">
      <table class="table table-hover mb-0">
        <thead class="table-light"><tr>
          <th>Empresa</th><th>CNPJ</th><th>Ambiente</th><th>Cert.</th><th>Ações</th>
        </tr></thead>
        <tbody>
        {% for e in empresas %}
        <tr>
          <td><strong>{{ e.razao_social }}</strong><br><small class="text-muted">{{ e.nome_fantasia or '' }}</small></td>
          <td>{{ e.cnpj }}</td>
          <td><span class="badge bg-{{ 'warning text-dark' if e.ambiente=='homologacao' else 'success' }}">{{ e.ambiente }}</span></td>
          <td>{% if e.cert_path %}<i class="bi bi-patch-check-fill text-success"></i>{% else %}<i class="bi bi-x-circle text-danger"></i>{% endif %}</td>
          <td>
            <a href="/selecionar-empresa/{{ e.id }}" class="btn btn-outline-primary btn-sm" title="Selecionar"><i class="bi bi-check2-circle"></i></a>
            <a href="/empresas/{{ e.id }}" class="btn btn-outline-secondary btn-sm" title="Detalhe"><i class="bi bi-eye"></i></a>
          </td>
        </tr>
        {% else %}
        <tr><td colspan="5" class="text-center text-muted py-4">Nenhuma empresa cadastrada. <a href="/empresas/nova">Cadastrar</a></td></tr>
        {% endfor %}
        </tbody>
      </table>
    </div>
  </div>
</div>
{% endblock %}