119 lines
9.1 KiB
XML
119 lines
9.1 KiB
XML
<?xml version="1.0" encoding="utf-8"?>
|
|
<odoo>
|
|
<data>
|
|
<!-- Base Blog Detail Layout -->
|
|
<template id="blog_detail_layout" name="Blog Detail Layout">
|
|
<t t-call="website.layout">
|
|
<div id="wrap" class="oe_structure">
|
|
|
|
<!-- Page Banner -->
|
|
<section class="s_page_title o_colored_level" style="background-color: #04121D; background-image: url('/dine360_theme_chennora/static/src/img/about-banner-new.png'); background-size: cover; background-position: center; padding: 100px 0; position: relative; overflow: hidden;">
|
|
<div class="o_we_bg_filter bg-black-50"/>
|
|
<div class="container text-center text-white position-relative" style="z-index: 2;">
|
|
<h1 class="display-3 fw-bold mb-3" style="letter-spacing: 1px;"><t t-esc="blog_title or 'Blog Detail'"/></h1>
|
|
<nav aria-label="breadcrumb" class="d-flex justify-content-center">
|
|
<ol class="breadcrumb mb-0" style="background: transparent; font-size: 14px; text-transform: uppercase; font-weight: 600;">
|
|
<li class="breadcrumb-item"><a href="/" class="text-white text-decoration-none" style="opacity: 0.8;">Home</a></li>
|
|
<li class="breadcrumb-item"><a href="/blog" class="text-white text-decoration-none" style="opacity: 0.8;">Blog</a></li>
|
|
<li class="breadcrumb-item active" style="color: #FECD4F;" aria-current="page"><t t-esc="blog_title or 'Detail'"/></li>
|
|
</ol>
|
|
</nav>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Blog Detail Section -->
|
|
<section class="s_blog_detail_section pt96 pb96 o_colored_level" style="background-color: #F9F6F0;">
|
|
<div class="container">
|
|
<div class="row">
|
|
<!-- Main Content Area -->
|
|
<div class="col-lg-8 mb-5 mb-lg-0">
|
|
<div class="blog-detail-content bg-white p-4 p-md-5 shadow-sm rounded">
|
|
<!-- Featured Image -->
|
|
<div class="blog-featured-img mb-4 overflow-hidden rounded">
|
|
<img t-att-src="blog_img or '/dine360_theme_chennora/static/src/img/blog-1.png'" class="img-fluid w-100" t-att-alt="blog_title"/>
|
|
</div>
|
|
|
|
<!-- Meta Info -->
|
|
<div class="d-flex align-items-center mb-4 gap-3 text-muted" style="font-size: 14px;">
|
|
<div class="d-flex align-items-center">
|
|
<i class="fa fa-calendar me-2 text-primary"></i> <t t-esc="blog_date or 'Jan 29, 2026'"/>
|
|
</div>
|
|
<div class="d-flex align-items-center">
|
|
<i class="fa fa-tag me-2 text-primary"></i> <t t-esc="blog_category or 'Restaurant'"/>
|
|
</div>
|
|
<div class="d-flex align-items-center">
|
|
<i class="fa fa-user me-2 text-primary"></i> Admin
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Title -->
|
|
<h2 class="display-5 fw-bold mb-4" style="color: #04121D; line-height: 1.2;"><t t-esc="blog_title"/></h2>
|
|
|
|
<!-- Content -->
|
|
<div class="blog-text" style="font-size: 16px; line-height: 1.8; color: #555;">
|
|
<t t-out="blog_content"/>
|
|
</div>
|
|
|
|
<!-- Share Links -->
|
|
<div class="mt-5 pt-4 border-top d-flex align-items-center justify-content-between flex-wrap gap-3">
|
|
<div class="fw-bold">Share this post:</div>
|
|
<div class="d-flex gap-2">
|
|
<a href="#" class="btn btn-sm btn-outline-dark rounded-circle" style="width: 35px; height: 35px; display: flex; align-items: center; justify-content: center;"><i class="fa fa-facebook"></i></a>
|
|
<a href="#" class="btn btn-sm btn-outline-dark rounded-circle" style="width: 35px; height: 35px; display: flex; align-items: center; justify-content: center;"><i class="fa fa-twitter"></i></a>
|
|
<a href="#" class="btn btn-sm btn-outline-dark rounded-circle" style="width: 35px; height: 35px; display: flex; align-items: center; justify-content: center;"><i class="fa fa-linkedin"></i></a>
|
|
<a href="#" class="btn btn-sm btn-outline-dark rounded-circle" style="width: 35px; height: 35px; display: flex; align-items: center; justify-content: center;"><i class="fa fa-whatsapp"></i></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Sidebar -->
|
|
<div class="col-lg-4 ps-lg-5">
|
|
<!-- Search Widget -->
|
|
<div class="sidebar-widget mb-5">
|
|
<h4 class="fw-bold mb-4" style="position: relative; padding-bottom: 10px;">Search <span style="position: absolute; bottom: 0; left: 0; width: 40px; height: 3px; background: #2BB1A5;"></span></h4>
|
|
<div class="input-group">
|
|
<input type="text" class="form-control" placeholder="Search blogs..."/>
|
|
<button class="btn btn-primary" type="button"><i class="fa fa-search"></i></button>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Recent Posts Widget -->
|
|
<div class="sidebar-widget mb-5">
|
|
<h4 class="fw-bold mb-4" style="position: relative; padding-bottom: 10px;">Recent Posts <span style="position: absolute; bottom: 0; left: 0; width: 40px; height: 3px; background: #2BB1A5;"></span></h4>
|
|
<div class="recent-posts">
|
|
<t t-foreach="recent_posts" t-as="recent">
|
|
<div class="d-flex gap-3 mb-4">
|
|
<img t-att-src="recent.image" style="width: 80px; height: 80px; object-fit: cover; border-radius: 8px;" t-att-alt="recent.title"/>
|
|
<div>
|
|
<h6 class="fw-bold mb-1"><a t-attf-href="/blog/#{recent.slug}" class="text-dark text-decoration-none" t-esc="recent.title"/></h6>
|
|
<small class="text-muted" t-esc="recent.date.strftime('%b %d, %Y') if recent.date else ''"/>
|
|
</div>
|
|
</div>
|
|
</t>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Categories -->
|
|
<div class="sidebar-widget mb-5">
|
|
<h4 class="fw-bold mb-4" style="position: relative; padding-bottom: 10px;">Categories <span style="position: absolute; bottom: 0; left: 0; width: 40px; height: 3px; background: #2BB1A5;"></span></h4>
|
|
<ul class="list-unstyled">
|
|
<t t-foreach="categories" t-as="cat">
|
|
<li class="mb-2 d-flex justify-content-between">
|
|
<a href="#" class="text-dark text-decoration-none" t-esc="cat"/>
|
|
<span class="badge rounded-pill bg-light text-dark" t-esc="categories[cat]"/>
|
|
</li>
|
|
</t>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
</div>
|
|
</t>
|
|
</template>
|
|
</data>
|
|
</odoo>
|