@extends('layouts.master')
@section('title', $event->title)
@section('content')

    <link type="text/css" rel="stylesheet" href="https://cdn.jsdelivr.net/jquery.jssocials/1.4.0/jssocials.css" />

    <link type="text/css" rel="stylesheet" href="https://cdn.jsdelivr.net/jquery.jssocials/1.4.0/jssocials-theme-minima.css" />

    <script type="text/javascript" src="https://cdn.jsdelivr.net/jquery.jssocials/1.4.0/jssocials.min.js"></script>

    <!-- SINGLE NOTICIA -->
    <section class="singleNoticia">
        <!-- #print && container -->
        <div id="print" class="container">
            {{--<!-- ccbreadcrumb -->--}}
            {{--<div class="ccbreadcrumb" data-aos="fade-down">--}}
                {{--<!-- breadcrumb -->--}}
                {{--<ul class="breadcrumb">--}}
                    {{--<li><a href="/">Página Inicial</a></li>--}}
                    {{--<li class="active">{{$event->title}}</li>--}}
                {{--</ul>--}}
            {{--</div>--}}
            <!-- noticia-container -->
            <div class="noticia-container">
                <!-- noticia-image -->
                    @if($event->image)
                        <div class="noticia-image" data-aos="flip-left">
                            <a class="fancybox" title="" rel='group1' href="{{$event->getImage('default')}}">
                                <img src="{{$event->getImage('default')}}" alt="">
                            </a>
                        </div>
                    @endif
                            <!-- noticia-lado -->
                    <div class="noticia-lado" data-aos="fade-up">
                        <!-- noticia-data -->
                        <div class="noticia-data ">
                            {{$event->date}} à {{$event->end_date}}
                            {{--Sexta, 07 de abril de 2017 - 07:54:39--}}
                        </div>

                        <!-- noticia-titulo -->
                        <div class="noticia-titulo">{{$event->title}}</div>
                        <!-- noticia-btns -->
                        <div class="noticia-btns">
                            <!-- cc -->
                            <div class="cc">
                                <div id="share">

                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="noticia-conteudo" data-aos="fade-up">

                        {!! $event->description !!}

                    </div>



            </div>
        </div>
    </section>

    <script>

        $(document).ready(function() {
            $("#share").jsSocials({
                shares: ["email", "twitter", "facebook", "whatsapp"]
            });
        });
    </script>



@endsection