<?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_bg       = mpcma_opt('mpcma_hero_bg',        '');
$hero_style    = $hero_bg ? 'style="background-image: linear-gradient(100deg, rgba(91,21,21,0.88) 40%, rgba(91,21,21,0.3) 100%), url(' . esc_url($hero_bg) . '); 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">
      <svg viewBox="0 0 24 24"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6zm4 18H6V4h7v5h5v11z"/></svg>
    </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">
      <svg viewBox="0 0 24 24"><path d="M12 3L1 9l11 6 9-4.91V17h2V9L12 3zM5 13.18v4L12 21l7-3.82v-4L12 17l-7-3.82z"/></svg>
    </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">
      <svg viewBox="0 0 24 24"><path d="M20 3H4v10c0 2.21 1.79 4 4 4h6c2.21 0 4-1.79 4-4v-3h2c1.11 0 2-.89 2-2V5c0-1.11-.89-2-2-2zm0 5h-2V5h2v3zM4 19h16v2H4v-2z"/></svg>
    </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">
      <svg viewBox="0 0 24 24"><path d="M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z"/></svg>
    </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 : ?>
        <!-- Membros placeholder enquanto não há cadastro -->
        <?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">' . 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(); ?>
