<?php get_header(); ?>

<?php
$hero_titulo   = mpcma_opt('mpcma_hero_titulo',    'Ministério Público de Contas do Estado do Maranhão');
$hero_sub      = mpcma_opt('mpcma_hero_subtitulo', 'Atuação em defesa da legalidade, da transparência e da boa gestão pública.');
$hero_btn      = mpcma_opt('mpcma_hero_btn_texto', 'CONHEÇA O MPC-MA');
$hero_btn_url  = mpcma_opt('mpcma_hero_btn_url',   home_url('/institucional'));
$hero_style    = 'style="background-image: url(' . esc_url(home_url('/wp-content/uploads/2026/06/ChatGPT-Image-8-de-jun.-de-2026-13_03_09.png')) . '); background-size: cover; background-position: center;"';
?>

<!-- HERO -->
<section class="hero" <?php echo $hero_style; ?>>
  <div class="hero-content">
    <h1><?php echo esc_html($hero_titulo); ?></h1>
    <p><?php echo esc_html($hero_sub); ?></p>
    <a href="<?php echo esc_url($hero_btn_url); ?>" class="btn-hero"><?php echo esc_html($hero_btn); ?></a>
  </div>
</section>

<!-- QUICK ACCESS -->
<div class="quick-access">
  <a href="<?php echo esc_url( get_post_type_archive_link('parecer') ?: home_url('/pareceres') ); ?>" class="qa-card">
    <div class="qa-icon">
      <img src="<?php echo esc_url(home_url('/wp-content/uploads/2026/06/documento-de-texto.png')); ?>" alt="Pareceres" style="width:36px;height:36px;filter:brightness(0) invert(1);">
    </div>
    <div class="qa-info">
      <h3>PARECERES</h3>
      <p>Acesse os pareceres ministeriais e manifestações.</p>
      <span class="arrow">›</span>
    </div>
  </a>
  <a href="<?php echo esc_url( get_post_type_archive_link('ato_normativo') ?: home_url('/atos-normativos') ); ?>" class="qa-card">
    <div class="qa-icon">
      <img src="<?php echo esc_url(home_url('/wp-content/uploads/2026/06/balanca-de-peso.png')); ?>" alt="Atos Normativos" style="width:36px;height:36px;filter:brightness(0) invert(1);">
    </div>
    <div class="qa-info">
      <h3>ATOS NORMATIVOS</h3>
      <p>Consulte portarias, resoluções e demais normas internas.</p>
      <span class="arrow">›</span>
    </div>
  </a>
  <a href="<?php echo esc_url( home_url('/noticias') ); ?>" class="qa-card">
    <div class="qa-icon">
      <img src="<?php echo esc_url(home_url('/wp-content/uploads/2026/06/jornal.png')); ?>" alt="Notícias" style="width:36px;height:36px;filter:brightness(0) invert(1);">
    </div>
    <div class="qa-info">
      <h3>NOTÍCIAS</h3>
      <p>Fique por dentro das principais notícias e comunicados.</p>
      <span class="arrow">›</span>
    </div>
  </a>
  <a href="<?php echo esc_url( home_url('/contato') ); ?>" class="qa-card">
    <div class="qa-icon">
      <img src="<?php echo esc_url(home_url('/wp-content/uploads/2026/06/envelope.png')); ?>" alt="Contatos" style="width:36px;height:36px;filter:brightness(0) invert(1);">
    </div>
    <div class="qa-info">
      <h3>CONTATOS</h3>
      <p>Entre em contato com o MPC-MA.</p>
      <span class="arrow">›</span>
    </div>
  </a>
</div>

<!-- MEMBROS + LINKS ÚTEIS -->
<div class="two-col">

  <!-- Membros -->
  <div class="membros-section">
    <div class="section-title">
      <svg viewBox="0 0 24 24"><path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"/></svg>
      MEMBROS DO MPC-MA
    </div>
    <div class="membros-grid">
      <?php
      $membros = new WP_Query([
        'post_type'      => 'membro',
        'posts_per_page' => 5,
        'orderby'        => 'menu_order',
        'order'          => 'ASC',
      ]);
      if ( $membros->have_posts() ) :
        while ( $membros->have_posts() ) : $membros->the_post();
          $cargo = get_post_meta( get_the_ID(), 'cargo', true );
      ?>
        <div class="membro">
          <div class="membro-foto <?php echo !has_post_thumbnail() ? 'placeholder' : ''; ?>">
            <?php if ( has_post_thumbnail() ) : ?>
              <?php the_post_thumbnail('thumbnail', ['alt' => get_the_title()]); ?>
            <?php else : ?>
              <svg viewBox="0 0 24 24"><path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"/></svg>
            <?php endif; ?>
          </div>
          <h4><?php the_title(); ?></h4>
          <span><?php echo esc_html($cargo); ?></span>
        </div>
      <?php endwhile; wp_reset_postdata();
      else : ?>
        <?php
        $placeholders = [
          ['JAIRO CAVALCANTI VIEIRA', 'Procurador'],
          ['DOUGLAS PAULO DA SILVA', 'Procurador-Geral'],
          ['PAULO HENRIQUE ARAÚJO DOS REIS', 'Procurador'],
        ];
        foreach ($placeholders as $m) : ?>
          <div class="membro">
            <div class="membro-foto placeholder">
              <svg viewBox="0 0 24 24"><path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"/></svg>
            </div>
            <h4><?php echo esc_html($m[0]); ?></h4>
            <span><?php echo esc_html($m[1]); ?></span>
          </div>
        <?php endforeach; ?>
      <?php endif; ?>
    </div>
  </div>

  <!-- Links Úteis -->
  <div class="links-section">
    <div class="section-title">
      <svg viewBox="0 0 24 24"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"/></svg>
      SISTEMAS E LINKS ÚTEIS
    </div>
    <?php
    $links_default = [
      ['PORTAL DO TCE-MA', '#'],
      ['CONSULTA PROCESSUAL', '#'],
      ['DIÁRIO OFICIAL ELETRÔNICO', '#'],
    ];
    $has_custom = false;
    for ($i = 1; $i <= 5; $i++) {
      $label = mpcma_opt("mpcma_link_label_{$i}");
      $url   = mpcma_opt("mpcma_link_url_{$i}", '#');
      if ($label) {
        $has_custom = true;
        echo '<a href="' . esc_url($url) . '" class="link-item" target="_blank" rel="noopener noreferrer">' . esc_html($label) . ' <span class="chev">›</span></a>';
      }
    }
    if (!$has_custom) {
      foreach ($links_default as $l) {
        echo '<a href="' . esc_url($l[1]) . '" class="link-item">' . esc_html($l[0]) . ' <span class="chev">›</span></a>';
      }
    }
    ?>
  </div>

</div>

<!-- NOTÍCIAS -->
<div class="noticias-home">
  <div class="noticias-titulo">
    NOTÍCIAS <a href="<?php echo esc_url(home_url('/noticias')); ?>">+</a>
  </div>
  <div class="noticias-grid">
    <?php
    $noticias = new WP_Query([
      'post_type'      => 'post',
      'posts_per_page' => 3,
    ]);
    if ( $noticias->have_posts() ) :
      while ( $noticias->have_posts() ) : $noticias->the_post(); ?>
        <div class="noticia-card">
          <a href="<?php the_permalink(); ?>">
            <div class="noticia-img-wrap">
              <?php if ( has_post_thumbnail() ) : ?>
                <?php the_post_thumbnail('noticia-thumb'); ?>
              <?php else : ?>
                <div style="width:100%;height:100%;background:linear-gradient(135deg,var(--bordo),var(--bordo-light));"></div>
              <?php endif; ?>
            </div>
            <h4><?php the_title(); ?></h4>
          </a>
        </div>
      <?php endwhile; wp_reset_postdata();
    endif; ?>
  </div>
</div>

<?php get_footer(); ?>