<?php
include '../includes/header.php';
include '../includes/conexao.php';

$BASE = str_replace('\\', '/', dirname($_SERVER['SCRIPT_NAME'] ?? '/'));
$BASE = rtrim($BASE, '/');
if ($BASE === '/' || $BASE === '.') $BASE = '';

function url_local(string $path): string {
    global $BASE;
    return $BASE . '/' . ltrim($path, '/');
}

$portal_transparencia = 'https://transparencia.arapiraca.al.leg.br/';
?>
<style>
:root{
  --primary-blue:#849be4ff;
  --secondary-blue:#9fbff3ff;
  --accent-blue:#60a5fa;
  --light-blue:#dbeafe;
  --dark-blue:#1d4ed8;
  --deep-blue:#1e40af;

  --dark-navy:#1e293b;
  --text-gray:#64748b;
  --medium-gray:#e2e8f0;
  --light-gray:#f8fafc;
  --white:#ffffff;

  --gradient-primary:linear-gradient(135deg,var(--primary-blue),var(--secondary-blue));
  --gradient-light:linear-gradient(135deg,var(--light-blue),#ffffff);
}

/* HERO */
.page-hero{
  background:var(--gradient-primary);
  color:#fff;
  padding:60px 0;
  position:relative;
  overflow:hidden;
}
.page-hero::before{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(135deg, rgba(30,64,175,.25), transparent);
}
.page-hero .container{position:relative;z-index:1;}

.page-hero h1{
  font-size:2.4rem;
  font-weight:800;
  margin-bottom:.6rem;
}
.page-hero p{
  font-size:1.05rem;
  opacity:.95;
  margin:0;
}

/* LAYOUT */
.page-wrap{
  background:var(--light-gray);
  padding:40px 0 60px;
}
.card-box{
  background:#fff;
  border:1px solid var(--medium-gray);
  border-radius:24px;
  padding:28px;
  box-shadow:0 8px 24px rgba(0,0,0,.06);
  margin-bottom:24px;
}
.card-box h2{
  color:var(--dark-navy);
  font-size:1.35rem;
  font-weight:800;
  margin-bottom:16px;
}
.card-box p, .card-box li{
  color:var(--text-gray);
  line-height:1.75;
}

/* GRID */
.data-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:18px;
}
.data-item{
  background:var(--gradient-light);
  border:1px solid #bfdbfe;
  border-radius:20px;
  padding:20px;
  height:100%;
  transition:.25s ease;
}
.data-item:hover{
  transform:translateY(-4px);
  box-shadow:0 10px 25px rgba(59,130,246,.12);
}
.data-item h3{
  font-size:1.05rem;
  font-weight:800;
  color:var(--dark-blue);
  margin-bottom:10px;
}
.data-item p{
  margin-bottom:14px;
}
.data-item a{
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  gap:8px;
  background:linear-gradient(135deg,#3b82f6,#2563eb);
  color:#fff;
  border-radius:999px;
  padding:10px 16px;
  font-weight:700;
  transition:.25s ease;
}
.data-item a:hover{
  background:linear-gradient(135deg,#2563eb,#1d4ed8);
  transform:translateY(-1px);
  color:#fff;
}

/* ALERTA */
.notice-box{
  background:#eff6ff;
  border:1px solid #bfdbfe;
  color:#1e40af;
  border-radius:18px;
  padding:18px 20px;
}

/* RESPONSIVO */
@media (max-width: 768px){
  .page-hero h1{font-size:2rem;}
  .card-box{padding:22px;}
}
</style>

<section class="page-hero">
  <div class="container">
    <h1><i class="bi bi-database me-2"></i>Dados Abertos</h1>
    <p>Acesso facilitado a informações públicas em formato aberto, com foco em transparência, controle social e reutilização dos dados.</p>
  </div>
</section>

<section class="page-wrap">
  <div class="container">

    <div class="card-box">
      <h2>O que são dados abertos?</h2>
      <p>
        Dados abertos são informações públicas disponibilizadas em formato que permite
        consulta, reutilização, cruzamento e análise por qualquer cidadão, jornalista,
        pesquisador ou órgão de controle.
      </p>
      <p class="mb-0">
        A Câmara Municipal de Arapiraca busca ampliar a transparência ativa, promovendo
        acesso às informações institucionais, legislativas e administrativas de forma clara e útil.
      </p>
    </div>

    <div class="card-box">
      <h2>Conjuntos de dados disponíveis</h2>

      <div class="data-grid">

        <div class="data-item">
          <h3><i class="bi bi-bar-chart-line me-2"></i>Portal da Transparência</h3>
          <p>Receitas, despesas, contratos, servidores e dados financeiros completos.</p>
          <a href="<?= $portal_transparencia ?>" target="_blank">
            <i class="bi bi-box-arrow-up-right"></i>Acessar
          </a>
        </div>

        <div class="data-item">
          <h3><i class="bi bi-file-earmark-text me-2"></i>Legislação</h3>
          <p>Normas, leis e documentos oficiais da Câmara.</p>
          <a href="<?= $portal_transparencia ?>" target="_blank">
            <i class="bi bi-box-arrow-up-right"></i>Acessar
          </a>
        </div>

        <div class="data-item">
          <h3><i class="bi bi-search me-2"></i>Busca Global</h3>
          <p>Encontre matérias, notícias e conteúdos rapidamente.</p>
          <a href="<?= url_local('busca.php') ?>">
            <i class="bi bi-arrow-right"></i>Buscar
          </a>
        </div>

        <div class="data-item">
          <h3><i class="bi bi-shield-check me-2"></i>e-SIC</h3>
          <p>Solicite informações públicas não encontradas no portal.</p>
          <a href="<?= url_local('pages/esic.php') ?>">
            <i class="bi bi-arrow-right"></i>Acessar
          </a>
        </div>

      </div>
    </div>

    <div class="card-box">
      <h2>Objetivo da seção</h2>
      <div class="notice-box">
        Esta página reúne dados públicos e reforça o compromisso com transparência,
        dados abertos e controle social.
      </div>
    </div>

  </div>
</section>

<?php include '../includes/footer.php'; ?>