<?php
if (!isset($NOTICIAS) || !$NOTICIAS) {
    $NOTICIAS = $APP->startApp('noticias');
}

$limite = 20;
$secao = false;
$noticias = $NOTICIAS ? $NOTICIAS->getNoticiasCapa($limite, $secao) : [];

if (!empty($noticias)) :
    $contador = 0;
?>
<link rel="stylesheet" href="<?= PLUGINS ?>carousel/css/carousel.css" type="text/css" media="screen" />
<link rel="stylesheet" href="<?= PLUGINS ?>news_carousel/css/news.css" type="text/css" media="screen" />

<head>
<style>
<?php foreach ($noticias as $n) {
    $capa = $n->capa ?? null;
    if ($capa) { ?>
.img<?= $capa->id ?> { background:url("<?= URL_ADM.$capa->path.$capa->arquivo ?>") no-repeat center center; background-size:cover; width:100%; height:400px}
<?php } } ?>
</style>
</head>

<div class="news_capa_carousel">
    <div class="main-container">
        <div id="news-example-generic" class="carousel slide">
            <ol class="carousel-indicators">
                <?php foreach ($noticias as $n) { ?>
                  <li data-target="#news-example-generic" data-slide-to="<?=$contador; ?>" <?=$contador=='0'?'class="active"':'';?>></li>
                <?php $contador++; } $contador = 0; ?>
            </ol>

            <div class="news-inner" role="listbox">
                <?php foreach ($noticias as $n) {
                    $capa = $n->capa ?? null;
                    if (!$capa) continue; ?>
                <div class="item <?=$contador=='0'?'active':'';?> news-block img<?=$capa->id?>">
                    <div class="block-400">
                        <div class="news-block">
                            <div style="background-color: rgba(0, 0, 0, 0.3); margin:0px -20px; padding:10px 20px; padding-bottom:40px; position: absolute; bottom: 0px; width: 100%">
                                <span><h2 class="animated fadeInDown center"><?= limita_caracteres($n->titulo, 100)?></h2></span>
                                <p class="animated fadeInRight news-btn"><a href="pag.php?pg=public/view&tag=<?= $n->tag ?>" class="btn btn-transparent btn-rounded btn-large">Ver mais</a></p>
                            </div>
                        </div>
                    </div>
                </div>
                <?php $contador++; } ?>
            </div>

            <a class="left news-control" href="#news-example-generic" role="button" data-slide="prev">
              <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"><i class="fa fa-chevron-left"></i></span>
            </a>
            <a class="right news-control" href="#news-example-generic" role="button" data-slide="next">
              <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"><i class="fa fa-chevron-right"></i></span>
            </a>
        </div>
    </div>
</div>
<?php endif; ?>
<script async defer src="<?= PLUGINS ?>news_carousel/js/index.js"></script>