@extends('layouts.base')

@section('css')
{!! Minify::stylesheet('/css/study.css')->withFullUrl() !!}
{!! Minify::stylesheet('/css/jssocials.css')->withFullUrl() !!}
{!! Minify::stylesheet('/css/jssocials-theme-flat.css')->withFullUrl() !!}
<style>
    .post-detail {
        text-align: justify;
    }
    .post-detail img {
        margin: 20px auto;
        display: block;
    }
    .post-detail a img {
        margin: 20px auto;
    }
    /*.jssocials{
        text-align: center;
    }*/
    .jssocials-share-link {
        border-radius: 50%;
    }
    br{
        content: "A" !important;
        display: block !important;
        margin-bottom: 1.5em !important;
    }
</style>
@stop

@section('title')
{{$post->title}}
@stop
@section('description')
Noticias Ecca
@stop

@section('content')
{!! Breadcrumbs::render('news-blogger') !!}
<div class="container post-detail">
    <div class="titulo_categoria">
    <span>{{$post->title}}</span>
    </div>
    <div>
        {!! strip_tags($post->content, '<img><ul><li><b><p><br><a>') !!}
    </div>
    <hr>
    <div style="float: right">
        Compartir
        <div id="share"></div>
        <div class="spacer"></div>
    </div>
    <div class="spacer"></div>
</div>
@stop

@section('js-code-post')
{!! Minify::javascript('/js/custom.js')->withFullUrl() !!}
{!! Minify::javascript('/js/jssocials.min.js')->withFullUrl() !!}
<script>
    $(document).ready(function(){
        $.each( $(".post-detail a img"), function(){
            var parent = $(this).parent();
            var href = parent.attr('href');
            parent.removeAttr('href');
            parent.css('float',"none");
            $(this).attr('src', href);
            $(this).attr('width', "");
            $(this).addClass('img-responsive');
        } )
        /*$.each( $(".post-detail img"), function(){
            $(this).css('float', none);
            $(this).addClass('img-responsive');
        })*/
        
    })
    $("#share").jsSocials({
        showLabel: false,
        showCount: false,
        shares: ["email", "twitter", "facebook", "googleplus", "linkedin", "pinterest", "whatsapp"]
    })
</script>
@stop