{~@json=json_decode(@this->raw(@post.json), true)~}
  <div class="card shadow border-0">
    <div class="p-2">
      <img src="{{@set_home . @json.img}}" alt="{{@post.title}}" class="img-fluid rounded-2" />
    </div>
    <div class="card-body pt-0">
      <span class="badge text-secondary rounded-0 bg-primary text-uppercase"><i class="bi bi-chat-right-text me-1"></i> {{@lang.mainmodules.content.blog.name}}</span>
      <repeat group="{{@json.cat}}" value="{{@cat}}">
        <span class="badge text-primary rounded-0 bg-secondary">{{@cat.cat_name}}</span>
      </repeat>
      <h3 class="mt-1"><a class="text-decoration-none text-dark stretched-link" href="{{@homesite}}blog/{{@post.id}}">{{@post.title}}</a></h3>
      <p class="text-muted small">
        {{@post.note | raw}}
      </p>
    </div>
    <div class="card-footer text-dark">
      <div class="d-flex align-items-center justify-content-between">
        <div></div>
        <span class="small opacity-50"><i class="bi bi-calendar-event me-1"></i> {{@post.date}}</span>
      </div>
    </div>
  </div>