{% extends "website/base.html" %}
{% load static %}
{% block page_title %}Blog — Frimps Logistics Limited{% endblock %}
{% block content %}
<div class="breadcumb-wrapper" data-bg-src="{% static 'img/breadcumb/breadcumb-bg.jpg' %}"><div class="container"><div class="breadcumb-content"><h1 class="breadcumb-title">Blog Standard</h1><div class="breadcumb-menu-wrapper"><ul class="breadcumb-menu"><li><a href="/">Home</a></li><li>Blog Standard</li></ul></div></div></div>
<div class="blog-area space">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8 text-center mb-50">
<div class="title-area"><span class="sub-title"><img src="{% static 'img/shape/title_left.svg' %}" alt="shape">Our Blog</span>
<h2 class="sec-title">Latest News &amp; Insights</h2></div>
</div>
</div>
<div class="row g-4">
{% for post in posts %}
<div class="col-md-6 col-lg-4"><div class="blog-card style5">
<div class="blog-img">{% if post.hero_image %}<img src="{{ post.hero_image.url }}" alt="{{ post.title }}">{% else %}<img src="{% static 'img/update_5/blog/blog_1_1.jpg' %}" alt="{{ post.title }}">{% endif %}</div>
<div class="blog-card-details">
<div class="blog-meta"><a href="{{ post.get_absolute_url }}"><img src="{% static 'img/update_4/blog/author.png' %}" alt="">{{ post.author }}</a> <a href="{{ post.get_absolute_url }}"><i class="fa-regular fa-comments"></i>{{ post.category }}</a></div>
<div class="blog-card_wrapper"><span class="blog-card_date">{{ post.date|date:"d" }}</span> <span class="blog-card_month">{{ post.date|date:"M" }}</span></div>
</div>
<div class="blog-card-content"><h3 class="blog-title box-title"><a href="{{ post.get_absolute_url }}">{{ post.title }}</a></h3><a href="{{ post.get_absolute_url }}" class="line-btn">Read More<i class="fa-solid fa-arrow-right"></i></a></div>
</div></div>
{% empty %}
<div class="col-12 text-center py-5"><p style="color:#666">No posts yet. Check back soon!</p></div>
{% endfor %}
</div>
</div>
</div>
</div>
</div>

{% endblock %}