@extends('layouts.master')
@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">{{$service->name}}</li>
            </ul>
        </div>
        <!-- noticia-container -->
        <div class="noticia-container">
            <!-- noticia-image -->
            @if($service->image)
                <div class="noticia-image" data-aos="flip-left">
                    <a class="fancybox" title="" rel='group1' href="{{$service->getImage('default')}}">
                        <img src="{{$service->getImage('default')}}" alt="">
                    </a>
                </div>
                @endif
                        <!-- noticia-lado -->
                <div class="noticia-lado" data-aos="fade-up">
                    <!-- noticia-titulo -->
                    <div class="noticia-titulo">{{$service->name}}</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">

                    {!! $service->description !!}

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

<script>

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