<?php $__env->startSection('content'); ?>

    <div class="slideshow">
        
        <div class="header header-eventos header-carousel">
          <div class="left">
            <a href="<?php echo lang_url('/'); ?>" class="home">
              <img src="<?php echo Config::get('path.frontend.img'); ?>/icons/home.svg" alt="ffms_logo">
            </a>
            <a class="ffms" href="https://www.ffms.pt/" target="_blank">
              <img class="inject-me" src="<?php echo Config::get('path.frontend.img'); ?>/intro/ffms_logo.svg" alt="ffms_logo">
            </a>
            <a class="rtp" href="http://www.rtp.pt/homepage/" target="_blank">
              <img class="inject-me" src="<?php echo Config::get('path.frontend.img'); ?>/intro/rtp_logo.svg" alt="rtp_logo">
            </a>
            <a class="circuloleitores" href="https://www.circuloleitores.pt/" target="_blank">
              <img class="inject-me" src="<?php echo Config::get('path.frontend.img'); ?>/intro/circuloleitores.svg" alt="circuloleitores">
            </a>
          </div>
        </div>

        <div class="row carousel-title">
            <div class="col s12 offset-s1 l3 offset-l9">
                <h2><span>Imagens da</span><br>pandemia</h2>
            </div>
        </div>
        <div class="arrow-container">
            <div class="left arrow" id="left-arrow"><img src="assets/img/slideshow/left.svg" width="61" height="32"></div>
            <div class="right arrow" id="right-arrow"><img src="assets/img/slideshow/right.svg" width="61" height="32"></div>
        </div>

        <div class="carousel-container">
            <div class="carousel">

                <?php foreach($slideshow as $slide): ?>
                <a class="carousel-item" id="slide-<?php echo $slide->id; ?>" data-number="<?php echo $slide->case_numbers; ?>" data-photographer="<?php echo e($slide->photographer); ?>" data-date="<?php echo $slide->date; ?>" data-description="<?php echo e($slide->description); ?>" data-img="<?php echo $slide->slide_image["1500x1000"]; ?>" href="#"><img src="<?php echo $slide->slide_image["768x512"]; ?>"></a> <?php /* 852x567 1500x1000 768x512 */ ?>
                <?php endforeach; ?>

            </div>
        </div>

        <div id="carousel-info">
            <div class="row">
                <div class="col s5 m4 l2 offset-l6 carousel-col-left">
                    <div id="carousel-number" class="carousel-number right-align">
                        2302
                    </div>
                    <div id="carousel-cases" class="carousel-cases right-align">
                        Casos
                    </div>
                </div>
                <div class="col s6 m7 l4 carousel-col-right">
                    <img src="assets/img/slideshow/view.svg" width="27" height="27" id="view-btn" data-id="" />
                    <div id="carousel-date" class="carousel-date">
                        10 de Janeiro 2020
                    </div>
                    <div id="carousel-photographer" class="carousel-photographer">
                        Nome do fotografo
                    </div>
                    <div id="carousel-description">
                        Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
            tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam
                    </div>
                </div>
            </div>
        </div>


        <div id="modal" class="modal">
            <div class="modal-content">
                <div class="header header-eventos header-carousel">
                  <div class="left">
                    <a href="<?php echo lang_url('/'); ?>" class="home">
                      <img src="<?php echo Config::get('path.frontend.img'); ?>/icons/home.svg" alt="ffms_logo">
                    </a>
                    <a class="ffms" href="https://www.ffms.pt/" target="_blank">
                      <img class="inject-me" src="<?php echo Config::get('path.frontend.img'); ?>/intro/ffms_logo.svg" alt="ffms_logo">
                    </a>
                    <a class="rtp" href="http://www.rtp.pt/homepage/" target="_blank">
                      <img class="inject-me" src="<?php echo Config::get('path.frontend.img'); ?>/intro/rtp_logo.svg" alt="rtp_logo">
                    </a>
                    <a class="circuloleitores" href="https://www.circuloleitores.pt/" target="_blank">
                      <img class="inject-me" src="<?php echo Config::get('path.frontend.img'); ?>/intro/circuloleitores.svg" alt="circuloleitores">
                    </a>
                  </div>
                  <?php /* <div class="right">
                      <a href="#" class="right" id="close-btn">
                          <img src="assets/img/slideshow/close.svg" width="27" height="27" id="" data-id="" />
                      </a>
                    </div> */ ?>
                </div>

                
                      <a href="#" class="right" id="close-btn">
                          <img src="assets/img/slideshow/close.svg" width="27" height="27" id="" data-id="" />
                      </a>

                <div class="row flex">
                    <div class="col s12 m12 l9 px-0">
                        <img id="carousel-img-slideshow" class="responsive-img" src="" alt="">
                    </div>
                    <div class="col s12 m12 l3 carousel-info">
                        <div>
                            <div id="carousel-number-slideshow" class="carousel-number">
                                2302
                            </div>
                            <div id="carousel-cases-slideshow" class="carousel-cases">
                                Casos
                            </div>
                            <div id="carousel-date-slideshow" class="carousel-date">
                                10 de Janeiro 2020
                            </div>
                            <div id="carousel-photographer-slideshow" class="carousel-photographer">
                                Nome do fotografo
                            </div>
                            <div id="carousel-description-slideshow" class="carousel-description">
                                Nome do fotografo
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <div class="slideshow-search">
        <?php echo $__env->make('frontend.partials.eventos.form', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
    </div>
    <?php if(count($events->getCollection()) > 0): ?>
        <?php echo $__env->make('frontend.partials.eventos.results', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
    <?php else: ?>
        <?php echo $__env->make('frontend.partials.eventos.no-results', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
    <?php endif; ?>
    <?php echo $__env->make('frontend.partials.modal.glossario', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
    <?php echo $__env->make('frontend.partials.eventos.modal', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
    <?php echo $__env->make('frontend.partials.modal.bibliografia', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
    <?php echo $__env->make('frontend.partials.eventos.scripts', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('frontend.main.main', array('metaData' => $eventMetaData), array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>