<?php $__env->startSection('css'); ?>
    <?php echo Html::style('css/general/owl-carrusel/owl.carousel.css'); ?>

    <style>
        .center-flex {
            display: flex;
            flex-direction: column;
            align-items: center;
        }
        .btn-danger {
            color: rgba(1, 87, 77, 1);
            background-color: transparent;
            border: 2px solid #0098A6;
            border-radius: 20px;
        }
        .btn-danger:hover {
            color: #0098A6;
            background-color: #EEEEEE;
            border: 2px solid #0098A6;
            border-radius: 20px;
        }
        .hipervinculo{
            color: black;
            background: none;
            border:none;
        }
        .hipervinculo p{
            font-size: 12px;
        }
        .hipervinculo:hover{
            color: rgba(1, 87, 77, 1);

        }
    </style>

<?php $__env->stopSection(); ?>

<?php $__env->startSection('js'); ?>
    <?php echo Html::script('js/general/owl-carrusel/owl.carousel.js'); ?>

    <?php echo Html::script('https://platform.twitter.com/widgets.js'); ?>

    <?php echo Html::script('js/general/ajax.js'); ?>

    <?php echo Html::script('js/general/alert-message.js'); ?>

    <?php echo Html::script('js/general/jquery.functions.js'); ?>

    <?php echo Html::script('js/general/owl-carrusel/owl.carousel.js'); ?>

    <?php echo Html::script('https://platform.twitter.com/widgets.js'); ?>

    <script>
        $(document).on('click', '#leer-noticia', function (event) {
            event.preventDefault();
            var boton_nuevo = $(this);
            boton_nuevo.loadModalAjax({
                afterLoad: function (content, modal, btn_accept, btn_cancel, spinner) {
                    btn_cancel.text('Atras');
                    btn_accept.remove();
                }
            });
        });
    </script>
    <script>
        $(document).ready(function () {
            $(".owl-carousel").owlCarousel({
                loop: true,
                margin: 10,
                items: 4,
                nav: false
            });
        });
    </script>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('contenido'); ?>
    <section id=" carrusel-noticia">
        <div class="container-fluid">
            <div class="row margen-cuerpo">
                <div class="col-md-6 col-sm-6 col-xs-9 alto-secciones">
                    <div class="col-md-12 col-sm-12 col-xs-12" style="margin-top: 30px;">
                        <i><?php echo e('Noticia / '.$noticia->titulo); ?></i>
                    </div>

                    <div class="col-md-12 col-sm-12 col-xs-12" style="margin-top: 50px">
                        <img src="<?php echo e($noticia->imagen); ?>"
                             class="img-responsive center-block" alt="tehuelche noticias Aysen">
                    </div>
                    <div class="col-md-12 col-sm-12 col-xs-12 col-xs-push-0">
                       <h1 class="text-center titulo gris"><?php echo e($noticia->titulo); ?></h1>
                       <p class="text-center texto gris"><?php echo e(\Carbon\Carbon::parse($noticia->fecha)->formatLocalized('%A, %d %B, %Y')); ?></p>
                        <span><?php echo $noticia->texto; ?></span>
                    </div>
                </div>
                <div class="col-md-2 col-sm-2 col-xs-3">
                    <div class="row text-center" style="margin-top: 8em">
                        <div class="col-md-12">
                            <h5><b>Noticias Relacionadas:</b></h5>
                            <?php foreach($articulos_relacionados as $cont=>$articulo): ?>
                                <a href="<?php echo e(route('get-ver-noticias',['id'=>$articulo->id])); ?>" class="hipervinculo">
                                    <p class=""><?php echo e($articulo->titulo); ?></p>
                                </a>
                            <?php endforeach; ?>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12">
                            <h5><b>Etiquetas:</b></h5>
                            <?php foreach($etiquetas as $etiqueta): ?>
                                <p><?php echo e($etiqueta->nombre); ?></p>
                            <?php endforeach; ?>
                        </div>
                    </div>
                </div>
                <div id="barra-lateral" style="background: #D8D8D8; margin-right: -30px">
                     <div class="col-md-4 col-sm-4 col-xs-12 center-flex alto-secciones" style="background: #D8D8D8;">
                        <?php echo $__env->make('pagina.inicio.parciales.lateral', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
                     </div>
                </div>
            </div>
        </div>
    </section>

    <section id="video">
        <?php echo $__env->make('pagina.inicio.parciales.videos', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
    </section>
    <section id="apoyanos">
        <?php echo $__env->make('pagina.inicio.parciales.apoyanos', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
    </section>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('templates.public.public-template', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>