<article class="b-article article-{{ $size }} @if($type['desktop'] == 'box')article-box @endif @if($type['desktop'] == 'inline')article-inline @endif @if($type['desktop'] == 'inline-image')article-inline-image @endif @if($type['mobile'] == 'box')article-box-xs @endif @if($type['mobile'] == 'inline')article-inline-xs @endif @if($color)color-{{ strtolower($color) }} @endif @if($active)article-active @endif">

    <?php
        $href = "#";
        if (isset($ads) && $ads)
            $href = '';
        if (isset($url))
            $href = $url;
    ?>
        @if($type['desktop'] != 'inline')
        <a href="{{ $href }}">
            <div class="image">
                @if ($image['lazy'])
                    @if (isset($image["url"]))
                        @include('common.image-lazy', [
                        "url" => $image["url"],
                        "responsive" => $image["responsive"],
                        "height" => $image["height"],
                        "width" => $image["width"]
                    ])
                    @else
                        @include('layouts.partials.misc.image-lazy', [
                        "width" => $image['width'],
                        "height" => $image['height'],
                        "responsive" => $image['responsive'],
                        "text" => $image['text'],
                    ])
                    @endif
                @else
                    @if (isset($image["url"]))
                        @include('common.image', [
                        "url" => $image["url"],
                        "responsive" => $image["responsive"],
                        "width" => $image['width'],
                        "height" => $image['height'],
                    ])
                    @else
                        @include('layouts.partials.misc.image', [ "width" => $image['width'], "height" => $image['height'], "responsive" => $image['responsive'], "text" => $image['text'] ])
                    @endif
                @endif
                @if($media['gallery'])
                    <div class="media">
                        @if(count($media['photo']) > 3 && $media['video'])
                            <span>Foto / Video</span>
                        @elseif(count($media['photo']) > 3)
                            <span>Foto</span>
                        @elseif($media['video'])
                            <span>Video</span>
                        @endif
                    </div>
                @endif
                @if (isset($ads) && $ads)
                    <div class="category"></div>
                @endif

            </div>
        </a>
    @endif
    <div class="content">
        @if($subtitle)
            <h4 class="subtitle">{{ $subtitle }}</h4>
        @endif
        @if($title)
            <h3 class="title"><a href="{{ (isset($url) && $url) ? $url : '#' }}">{{ $title }}</a></h3>
        @endif

        @if (isset($ads) && $ads)
            @if (isset($price))
            <div class="price">{{ $price }} KM</div>
            @endif
        @endif
    </div>
    @if (isset($ads) && $ads)
        @if (isset($reader_name))
            <span class="user"><i class="icon icon-account"></i> <strong>{{ $reader_name }}</strong></span>
        @endif
    @endif
    {{--@if($date)--}}
        {{--<span class="date" data-date="{{ humanDate(str_replace('T', ' ', $date['format'])) }}">{{ humanDate(str_replace('T', ' ', $date['format'])) }}</span>--}}
    {{--@endif--}}
    @if (isset($live) && $live)
        <span class="live">Live</span>
    @endif
</article>