<?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: #FC510C;

        }

        .carousel-control.left {
            background-image: none !important;
        }
    </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'); ?>
    <div class="container-fluid">
        <div class="row margen-cuerpo padre">
            <div class="col-md-8 col-sm-8 col-xs-12 col-md-push-1 col-sm-push-1 col-xs-push-0 hijo">
                <div class="row">
                    <div class="col-md-10 col-sm-10 col-xs-10">
                        <div class="col-md-12 col-sm-12 col-xs-12" style="margin-top: 30px;">
                            <i><?php echo e('Noticia / '.$noticia->titulo); ?></i>
                            <hr>
                        </div>

                        <div class="col-md-12 col-sm-12 col-xs-12" style="margin-top: 10px">
                            <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" style="margin-top: 20px">
                            <h1 class="text-center titulo gris"><?php echo e($noticia->titulo); ?></h1>
                            <p class="text-center texto gris">
                                <?php echo e($noticia->date); ?>

                            </p>
                            <hr>
                            <span class="texto gris"><?php echo $noticia->texto; ?></span>
                            <p class="texto gris text-right">Autor: <?php echo e($noticia->autor); ?></p>
                            <hr>
                        </div>
                    </div>
                </div>
            </div>
            <div id="barra-lateral"
                 class="col-md-3 col-sm-3 col-xs-12  col-md-push-1 col-sm-push-1 col-xs-push-0 center-flex hijo">
                <?php echo $__env->make('pagina.inicio.parciales.lateral', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
            </div>
        </div>
    </div>

    <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(); ?>