<div class="content-timeline__item is-active">
    <div class="content-timeline--right">
        <div class="content-timeline__link clearfix">
            <div class="content-timeline__media" style="width: 240px; height: 150px;">
                <figure class="content-timeline__media__image">
                    <a href="{{ generate_post_url($item) }}" title="{!! $item->title  !!}">
                        <img data-src="{{ makepreview($item->thumb, 's', 'posts') }}" class=" lazyload"
                            alt="{!! $item->title  !!}" width="262" height="147">
                    </a>
                </figure>
            </div>


            <div class="content-timeline__detail" style="    width: calc(100% - 245px - 10px);">
                <div class="content-timeline__detail__container">

                    <a href="{{ generate_post_url($item) }}" title="{!! $item->title  !!}">
                        <h3 class="content-timeline__detail__title" style="font-size:20px">{!! $item->title !!}</h3>
                    </a>


                    <div class="content-timeline__detail--top">
                        <p class="content-timeline__detail__desc">{{ str_limit($item->body, 255) }}</p>
                    </div>

                    <div class="content-timeline__detail--bottom">

                        <div class="content-timeline__detail__date share_counts">
                            <span class="facebook">
                                <div class="buzz-icon buzz-facebook"></div>
                                {{ isset($item->shared->facebook) ? $item->shared->facebook : '0'}}
                            </span>
                            <span class="twitter">
                                <div class="buzz-icon buzz-twitter"></div>
                                {{ isset($item->shared->twitter) ? $item->shared->twitter : '0'}}
                            </span>
                            <span class="whatsapp">
                                <div class="buzz-icon buzz-whatsapp"></div>
                                {{ isset($item->shared->whatsapp) ? $item->shared->whatsapp : '0'}}
                            </span>
                        </div>

                        <div class="content-timeline__detail__date">
                            {{ $DB_USER_LANG=="en" ? $item->published_at->format('j M, h:i A') : $item->published_at->diffForHumans() }}
                        </div>

                        @if($item->user)
                        <a class="content-timeline__detail__author hide-phone"
                            href="{{ action('UsersController@index', [$item->user->username_slug]) }}"
                            title="{{ $item->user->username }}"> {{ $item->user->username }}</a>
                        @endif

                        <div class="content-timeline__detail__social-media">
                            <span class="has-dropdown" data-target="share-dropdown--{{ $item->id  }}"
                                data-align="left-bottom"><i class="material-icons"></i></span>
                            <div class="share-dropdown share-dropdown--{{ $item->id  }}  dropdown-container">
                                <ul>
                                    <li class="dropdown-container__item ripple buzz-share-button has-ripple"
                                        data-share-type="facebook" data-type="news" data-id="{{ $item->id  }}"
                                        data-post-url="/shared" data-title="{!! $item->title  !!}"
                                        data-sef="{{ generate_post_url($item) }}">
                                        <span class="share-dropdown__icon share-dropdown__icon--facebook"></span>
                                        <span class="share-dropdown__title">Facebook</span>
                                    </li>
                                    <li class="dropdown-container__item ripple buzz-share-button has-ripple"
                                        data-share-type="twitter" data-type="news" data-id="{{ $item->id  }}"
                                        data-post-url="/shared" data-title="{!! $item->title  !!}"
                                        data-sef="{{ generate_post_url($item) }}">
                                        <span class="share-dropdown__icon share-dropdown__icon--twitter"></span>
                                        <span class="share-dropdown__title">Twitter</span>
                                    </li>
                                    <li class="dropdown-container__item ripple buzz-share-button has-ripple"
                                        data-share-type="whatsapp" data-type="news" data-id="{{ $item->id  }}"
                                        data-post-url="/shared" data-title="{!! $item->title  !!}"
                                        data-sef="{{ generate_post_url($item) }}">
                                        <span class="share-dropdown__icon share-dropdown__icon--whatsapp"></span>
                                        <span class="share-dropdown__title">Whatsapp</span>
                                    </li>
                                    <li class="dropdown-container__item ripple buzz-share-button has-ripple"
                                        data-share-type="mail" data-type="news" data-id="{{ $item->id  }}"
                                        data-post-url="/shared" data-title="{!! $item->title  !!}"
                                        data-sef="{{ generate_post_url($item) }}">
                                        <span class="share-dropdown__icon share-dropdown__icon--mail"></span>
                                        <span class="share-dropdown__title">Email</span>
                                    </li>
                                </ul>
                            </div>

                        </div>
                    </div>


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


    </div>
</div>
