@extends('master') 

@section('estilo')
	<link rel="stylesheet" href="{{ elixir('assets/css/index.css') }}">
@endsection

@section('titulo') 
Início
@endsection 

@section('conteudo') 

    <!--
        <div id="carousel-generic" class="carousel slide"
            style="position: fixed;
                    top: 60px;
                    width: calc(100vw - 32px);
                    margin-left: 0px;
                    height: calc(100vh - 100px);
                    border: 2px solid white;
                    border-radius: 8px;
                    z-index: 9999;
                    ">

            <div class="carousel-inner" style="width: 100%; height: 100%;">
                <div class="item active" style="width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: contain; background-image: url('assets/temp/informativo/1.png')"></div>
            </div>

            <a class="left carousel-control"  href="#carousel-generic" data-slide="prev"><span style="font-size: 70px; color: white;" class="icon-prev"></span></a>
            <a class="right carousel-control" href="#carousel-generic" data-slide="next"><span style="font-size: 70px; color: white;" class="icon-next"></span></a>

            <div class="fechar-anuncio" id="fechar-anuncio"
                style="position: absolute;
                        top: 7px;
                        right: 7px;
                        border: 1px solid white;
                        padding: 5px;
                        border-radius: 20px;
                        background-color: white;
                        cursor: pointer;
                    ">
                <span class="glyphicon glyphicon-remove" style="font-size: 25px; color: #020202;"></span>
            </div>

        </div>
    -->
    
@endsection

@section('script')

    <script>
        $( "#fechar-anuncio" ).click(function() {
            $('#carousel-generic').css('display', 'none');
        });

        $(document).keyup(function(e) {
            if (e.key === "Escape") {
                $('#carousel-generic').css('display', 'none');
            }
        });

    </script>

	<script src="{{ elixir('assets/js/index.js') }}"></script>

@endsection