شاهدها الآلاف
مساحة إعلانية - AdSense Ready
<t t-name="website.news_article_1">
<t t-call="website.layout">
<div id="wrap" class="oe_structure">
<style>
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;700;900&display=swap');
.gnn-breadcrumb { background: #f8f9fa; padding: 10px 0; margin-bottom: 30px; border-bottom: 1px solid #eee; font-size: 0.85rem; }
.gnn-breadcrumb a { color: #ce1126; text-decoration: none; font-weight: 700; }
.article-title { font-size: 2.2rem; font-weight: 900; line-height: 1.3; color: #0C2340; border-right: 6px solid #ce1126; padding-right: 15px; margin-bottom: 25px; }
.sidebar-box { background: #fff; border: 1px solid #eee; border-radius: 4px; padding: 20px; margin-bottom: 25px; shadow: 0 2px 10px rgba(0,0,0,0.02); }
.sidebar-h5 { font-weight: 900; font-size: 1.1rem; border-bottom: 2px solid #ce1126; padding-bottom: 10px; margin-bottom: 20px; }
</style>
<!-- 1. Breadcrumbs (SEO Booster) -->
<nav class="gnn-breadcrumb">
<div class="container text-right">
<a href="/">الرئيسية</a> / <span>أخبار GNN</span> / <t t-esc="main_object.name[:50]"/>...
</div>
</nav>
<section class="py-4 bg-white text-end" style="direction: rtl;">
<div class="container" style="max-width: 1260px;">
<div class="row g-4">
<!-- Main Content -->
<div class="col-lg-8">
<h1 class="article-title"><t t-esc="main_object.name"/></h1>
<div class="d-flex align-items-center mb-4 text-muted small">
<span class="ml-3"><i class="fa fa-calendar-o ml-1"/> <t t-esc="main_object.write_date.strftime('%Y-%m-%d')"/></span>
<span><i class="fa fa-eye ml-1"/> شاهدها الآلاف</span>
</div>
<div class="p-2 bg-light border text-center text-muted mb-4 small">مساحة إعلانية - AdSense Ready</div>
<img t-att-src="main_object.website_meta_og_img or '/web/image/website/1/social_default_image'" class="img-fluid rounded shadow-sm mb-4 w-100" style="max-height: 550px; object-fit: cover;"/>
<div class="article-content lead" style="line-height: 2.2; color: #333; text-align: justify; font-size: 1.2rem;">
<t t-out="main_object.arch_db"/>
</div>
<!-- Related News (3 items) -->
<div class="mt-5 pt-4 border-top">
<h4 class="fw-900 mb-4 text-danger"><i class="fa fa-link ml-2"/>أخبار قد تهمك</h4>
<div class="row g-3">
<t t-set="related" t-value="request.env['website.page'].sudo().search([('is_published','=',True), ('id', '!=', main_object.id), ('url', '!=', '/')], order='write_date desc', limit=3)"/>
<t t-foreach="related" t-as="r">
<div class="col-md-4">
<a t-att-href="r.url" class="text-decoration-none text-dark">
<div class="card border-0 h-100 shadow-sm">
<img t-att-src="r.website_meta_og_img or '/web/image/website/1/social_default_image'" class="card-img-top rounded" style="height: 140px; object-fit: cover;"/>
<div class="card-body p-2">
<h6 class="fw-bold small mb-0" style="line-height:1.4;"><t t-esc="r.name"/></h6>
</div>
</div>
</a>
</div>
</t>
</div>
</div>
</div>
<!-- Sidebar -->
<div class="col-lg-4">
<div class="sticky-top" style="top: 20px;">
<div class="sidebar-box shadow-sm">
<h5 class="sidebar-h5">الأكثر قراءة الآن</h5>
<t t-set="most_read" t-value="request.env['website.page'].sudo().search([('is_published','=',True), ('url', '!=', '/')], order='write_date desc', offset=10, limit=6)"/>
<t t-foreach="most_read" t-as="m">
<a t-att-href="m.url" class="d-flex align-items-center mb-3 text-decoration-none text-dark border-bottom pb-2">
<span class="badge bg-danger ml-2"><t t-esc="m_index + 1"/></span>
<span class="small fw-bold"><t t-esc="m.name"/></span>
</a>
</t>
</div>
<div class="sidebar-box shadow-sm text-center">
<h5 class="sidebar-h5">مساحة إعلانية</h5>
<div style="height: 300px; background: #fafafa; border: 1px dashed #ccc; display: flex; align-items: center; justify-content: center; color: #bbb;" class="small">
AdSense Placeholder
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
</t>
</t>
أخبار قد تهمك
