extra img commented

This commit is contained in:
Selvi 2026-07-03 16:18:41 +05:30
parent 5d7f7267e7
commit 1462478722
16 changed files with 131 additions and 121 deletions

View File

@ -64,27 +64,29 @@
<!-- Basic Product Detail Page -->
<template id="rental_product_detail_template" name="Rental Product Detail">
<t t-call="website.layout">
<div id="wrap" class="container py-4">
<div class="row">
<div class="col-md-6 mb-4">
<div style="height: 350px; background: #eee; text-align: center; line-height: 350px;">
<img t-if="product.image_1920" t-att-src="image_data_uri(product.image_1920)" class="img-fluid h-100" style="object-fit: cover;"/>
<span t-else="" class="text-muted">No Image</span>
<div id="wrap" style="background-color: #fdf6e3; font-family: 'Jost', sans-serif; padding: 160px 0 80px; min-height: 100vh; display: flex; align-items: center;">
<div class="container">
<div class="row align-items-center">
<div class="col-md-6 mb-4">
<div style="height: 450px; background: #f0e9d6; text-align: center; line-height: 450px; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 20px rgba(0,0,0,0.05);">
<img t-if="product.image_1920" t-att-src="image_data_uri(product.image_1920)" class="img-fluid h-100 w-100" style="object-fit: contain;"/>
<span t-else="" class="text-muted" style="font-family: 'Jost', sans-serif;">No Image</span>
</div>
</div>
<div class="col-md-6" style="padding-left: 2rem;">
<h1 t-field="product.name" style="font-family: 'Cormorant Garamond', serif; color: #1a1206; font-size: 3rem; margin-bottom: 1rem;"/>
<h4 class="my-3" style="color: #795769; font-family: 'Jost', sans-serif; font-size: 1.5rem; font-weight: 600;" t-field="product.rental_price_per_day" t-options="{'widget': 'monetary', 'display_currency': res_company.currency_id}"/>
<p t-field="product.description_sale" style="font-family: 'Jost', sans-serif; color: #4a4a4a; line-height: 1.6; margin-bottom: 2rem;"/>
<a t-att-href="'/rental/request?product_id=%s' % product.product_variant_id.id" class="btn" style="background-color: #795769; color: #fff; padding: 12px 30px; border-radius: 30px; font-family: 'Jost', sans-serif; font-weight: 500; text-decoration: none; display: inline-block; transition: all 0.3s ease;">
Request Booking
</a>
</div>
</div>
<div class="col-md-6">
<h1 t-field="product.name"/>
<h4 class="text-primary my-3" t-field="product.rental_price_per_day" t-options="{'widget': 'monetary', 'display_currency': res_company.currency_id}"/>
<p t-field="product.description_sale"/>
<a t-att-href="'/rental/request?product_id=%s' % product.product_variant_id.id" class="btn btn-primary btn-lg btn-block mt-4">
Request Booking
</a>
<div class="mt-5" t-if="product.rental_terms" style="background: #fff; padding: 2.5rem; border-radius: 12px; box-shadow: 0 4px 20px rgba(0,0,0,0.05);">
<h3 style="font-family: 'Cormorant Garamond', serif; color: #1a1206; margin-bottom: 1rem;">Terms &amp; Conditions</h3>
<div t-field="product.rental_terms" style="font-family: 'Jost', sans-serif; color: #4a4a4a; line-height: 1.6;"/>
</div>
</div>
<div class="mt-4" t-if="product.rental_terms">
<h3>Terms &amp; Conditions</h3>
<div t-field="product.rental_terms"/>
</div>
</div>
</t>
</template>
@ -92,105 +94,109 @@
<!-- Basic Request Form Template -->
<template id="rental_request_form_template" name="Request Rental Form">
<t t-call="website.layout">
<div id="wrap" class="container py-4">
<h2 class="mb-4">Request Rental Form</h2>
<div class="alert alert-danger" role="alert" t-if="error_message">
<t t-out="error_message"/>
<div id="wrap" style="background-color: #fdf6e3; font-family: 'Jost', sans-serif; padding: 160px 0 80px; min-height: 100vh;">
<div class="container">
<div style="background: #fff; padding: 40px; border-radius: 12px; box-shadow: 0 10px 30px rgba(0,0,0,0.05); max-width: 900px; margin: 0 auto;">
<h2 class="mb-4 text-center" style="font-family: 'Cormorant Garamond', serif; color: #1a1206; font-size: 2.5rem;">Request Booking</h2>
<div class="alert alert-danger" role="alert" t-if="error_message">
<t t-out="error_message"/>
</div>
<form action="/rental/request" method="post" enctype="multipart/form-data">
<input type="hidden" name="csrf_token" t-att-value="request.csrf_token()"/>
<h4 style="font-family: 'Cormorant Garamond', serif; color: #c9973a;">Customer Information</h4>
<div class="row">
<div class="form-group col-md-6">
<label for="customer_name" style="font-weight: 500;">Name</label>
<input type="text" name="customer_name" id="customer_name" class="form-control" required="1" t-att-value="post.get('customer_name', '')" style="border-radius: 6px; border: 1px solid #ddd; padding: 10px;"/>
</div>
<div class="form-group col-md-6">
<label for="customer_email" style="font-weight: 500;">Email</label>
<input type="email" name="customer_email" id="customer_email" class="form-control" required="1" t-att-value="post.get('customer_email', '')" style="border-radius: 6px; border: 1px solid #ddd; padding: 10px;"/>
</div>
</div>
<div class="row">
<div class="form-group col-md-6">
<label for="customer_phone" style="font-weight: 500;">Phone</label>
<input type="tel" name="customer_phone" id="customer_phone" class="form-control" required="1" t-att-value="post.get('customer_phone', '')" style="border-radius: 6px; border: 1px solid #ddd; padding: 10px;"/>
</div>
<div class="form-group col-md-6">
<label for="company_name" style="font-weight: 500;">Company Name</label>
<input type="text" name="company_name" id="company_name" class="form-control" t-att-value="post.get('company_name', '')" style="border-radius: 6px; border: 1px solid #ddd; padding: 10px;"/>
</div>
</div>
<div class="form-group">
<label for="customer_address" style="font-weight: 500;">Address</label>
<textarea name="customer_address" id="customer_address" class="form-control" style="border-radius: 6px; border: 1px solid #ddd; padding: 10px;"><t t-out="post.get('customer_address', '')"/></textarea>
</div>
<h4 class="mt-4" style="font-family: 'Cormorant Garamond', serif; color: #c9973a;">Event Details</h4>
<div class="row">
<div class="form-group col-md-6">
<label for="start_date" style="font-weight: 500;">Start Date &amp; Time</label>
<input type="datetime-local" name="start_date" id="start_date" class="form-control" required="1" t-att-value="post.get('start_date', '')" style="border-radius: 6px; border: 1px solid #ddd; padding: 10px;"/>
</div>
<div class="form-group col-md-6">
<label for="end_date" style="font-weight: 500;">End Date &amp; Time</label>
<input type="datetime-local" name="end_date" id="end_date" class="form-control" required="1" t-att-value="post.get('end_date', '')" style="border-radius: 6px; border: 1px solid #ddd; padding: 10px;"/>
</div>
</div>
<div class="row">
<div class="form-group col-md-6">
<label for="location" style="font-weight: 500;">Location</label>
<input type="text" name="location" id="location" class="form-control" required="1" t-att-value="post.get('location', '')" style="border-radius: 6px; border: 1px solid #ddd; padding: 10px;"/>
</div>
<div class="form-group col-md-6">
<label for="event_type" style="font-weight: 500;">Event Type</label>
<select name="event_type" id="event_type" class="form-control" style="border-radius: 6px; border: 1px solid #ddd; padding: 10px;">
<option value="wedding">Wedding</option>
<option value="birthday">Birthday</option>
<option value="corporate">Corporate Event</option>
<option value="stage">Stage Setup</option>
<option value="other">Other</option>
</select>
</div>
</div>
<h4 class="mt-4" style="font-family: 'Cormorant Garamond', serif; color: #c9973a;">Rental Product</h4>
<div class="row">
<div class="form-group col-md-8">
<label for="product_id" style="font-weight: 500;">Product</label>
<select name="product_id" id="product_id" class="form-control" style="border-radius: 6px; border: 1px solid #ddd; padding: 10px;">
<t t-foreach="all_products" t-as="prod">
<option t-att-value="prod.id" t-att-selected="selected_product and selected_product.id == prod.id">
<t t-out="prod.display_name"/>
</option>
</t>
</select>
</div>
<div class="form-group col-md-4">
<label for="quantity" style="font-weight: 500;">Quantity</label>
<input type="number" name="quantity" id="quantity" class="form-control" min="1" value="1" required="1" style="border-radius: 6px; border: 1px solid #ddd; padding: 10px;"/>
</div>
</div>
<h4 class="mt-4" style="font-family: 'Cormorant Garamond', serif; color: #c9973a;">Documents</h4>
<div class="row">
<div class="form-group col-md-6">
<label for="doc_type" style="font-weight: 500;">ID Proof Type</label>
<select name="doc_type" id="doc_type" class="form-control" style="border-radius: 6px; border: 1px solid #ddd; padding: 10px;">
<option value="aadhaar">Aadhaar Card</option>
<option value="driving_license">Driving License</option>
<option value="passport">Passport</option>
<option value="voter_id">Voter ID</option>
</select>
</div>
<div class="form-group col-md-6">
<label for="id_proof" style="font-weight: 500;">Upload ID Proof</label>
<input type="file" name="id_proof" id="id_proof" class="form-control-file" accept=".pdf,.jpg,.jpeg,.png" required="1" style="padding: 10px;"/>
</div>
</div>
<button type="submit" class="btn btn-block btn-lg mt-4" style="background-color: #795769; color: #fff; border-radius: 30px; font-family: 'Jost', sans-serif; font-weight: 500; transition: all 0.3s ease;">Submit Request</button>
</form>
</div>
</div>
<form action="/rental/request" method="post" enctype="multipart/form-data">
<input type="hidden" name="csrf_token" t-att-value="request.csrf_token()"/>
<h4>Customer Information</h4>
<div class="row">
<div class="form-group col-md-6">
<label for="customer_name">Name</label>
<input type="text" name="customer_name" id="customer_name" class="form-control" required="1" t-att-value="post.get('customer_name', '')"/>
</div>
<div class="form-group col-md-6">
<label for="customer_email">Email</label>
<input type="email" name="customer_email" id="customer_email" class="form-control" required="1" t-att-value="post.get('customer_email', '')"/>
</div>
</div>
<div class="row">
<div class="form-group col-md-6">
<label for="customer_phone">Phone</label>
<input type="tel" name="customer_phone" id="customer_phone" class="form-control" required="1" t-att-value="post.get('customer_phone', '')"/>
</div>
<div class="form-group col-md-6">
<label for="company_name">Company Name</label>
<input type="text" name="company_name" id="company_name" class="form-control" t-att-value="post.get('company_name', '')"/>
</div>
</div>
<div class="form-group">
<label for="customer_address">Address</label>
<textarea name="customer_address" id="customer_address" class="form-control"><t t-out="post.get('customer_address', '')"/></textarea>
</div>
<h4 class="mt-4">Event Details</h4>
<div class="row">
<div class="form-group col-md-6">
<label for="start_date">Start Date &amp; Time</label>
<input type="datetime-local" name="start_date" id="start_date" class="form-control" required="1" t-att-value="post.get('start_date', '')"/>
</div>
<div class="form-group col-md-6">
<label for="end_date">End Date &amp; Time</label>
<input type="datetime-local" name="end_date" id="end_date" class="form-control" required="1" t-att-value="post.get('end_date', '')"/>
</div>
</div>
<div class="row">
<div class="form-group col-md-6">
<label for="location">Location</label>
<input type="text" name="location" id="location" class="form-control" required="1" t-att-value="post.get('location', '')"/>
</div>
<div class="form-group col-md-6">
<label for="event_type">Event Type</label>
<select name="event_type" id="event_type" class="form-control">
<option value="wedding">Wedding</option>
<option value="birthday">Birthday</option>
<option value="corporate">Corporate Event</option>
<option value="stage">Stage Setup</option>
<option value="other">Other</option>
</select>
</div>
</div>
<h4 class="mt-4">Rental Product</h4>
<div class="row">
<div class="form-group col-md-8">
<label for="product_id">Product</label>
<select name="product_id" id="product_id" class="form-control">
<t t-foreach="all_products" t-as="prod">
<option t-att-value="prod.id" t-att-selected="selected_product and selected_product.id == prod.id">
<t t-out="prod.display_name"/>
</option>
</t>
</select>
</div>
<div class="form-group col-md-4">
<label for="quantity">Quantity</label>
<input type="number" name="quantity" id="quantity" class="form-control" min="1" value="1" required="1"/>
</div>
</div>
<h4 class="mt-4">Documents</h4>
<div class="row">
<div class="form-group col-md-6">
<label for="doc_type">ID Proof Type</label>
<select name="doc_type" id="doc_type" class="form-control">
<option value="aadhaar">Aadhaar Card</option>
<option value="driving_license">Driving License</option>
<option value="passport">Passport</option>
<option value="voter_id">Voter ID</option>
</select>
</div>
<div class="form-group col-md-6">
<label for="id_proof">Upload ID Proof</label>
<input type="file" name="id_proof" id="id_proof" class="form-control-file" accept=".pdf,.jpg,.jpeg,.png" required="1"/>
</div>
</div>
<button type="submit" class="btn btn-primary btn-block btn-lg mt-4">Submit</button>
</form>
</div>
</t>
</template>

View File

@ -47,6 +47,10 @@
overflow-x: hidden;
}
a:hover {
text-decoration: none !important;
}
/* ── Typography ────────────────────────────────────────────── */
.v2-display {
font-family: var(--v2-font-display);

View File

@ -165,7 +165,7 @@
<path d="m22 7-10 6L2 7"/>
</svg>
hello@aakrithievents.com
hello@Aakritievents.com
</p>
<p>
@ -259,7 +259,7 @@
<div class="v2-footer-bottom">
©<span id="v2-footer-year">2024</span>
Aakrithi Events. All Rights Reserved.
Aakriti Events. All Rights Reserved.
</div>
<script>
@ -322,7 +322,7 @@ el.textContent=new Date().getFullYear();
<img src="/theme_aakriti_v2/static/src/img/decorative-line.webp" alt="Decorative Line" style="height: auto; max-width: 250px; display: block;"/>
</div>
<p class="v2-hero-sub v2-reveal v2-reveal-delay-1 hero-title">
Aakrithi Events crafts unforgettable weddings,
Aakriti Events crafts unforgettable weddings,
corporate gatherings, cultural celebrations and
luxury experiences with purpose, passion and
flawless execution.
@ -613,7 +613,7 @@ el.textContent=new Date().getFullYear();
<div class="v2-quote-mark-new">&#8220;</div>
<div class="v2-stars"><span class="v2-star">&#9733;</span><span class="v2-star">&#9733;</span><span class="v2-star">&#9733;</span><span class="v2-star">&#9733;</span><span class="v2-star">&#9733;</span></div>
</div>
<p class="v2-testimonial-text-new">Aakrithi Events made our dream wedding an absolute fairytale. Every detail was beyond perfect! Every detail was beyond perfect!</p>
<p class="v2-testimonial-text-new">Aakriti Events made our dream wedding an absolute fairytale. Every detail was beyond perfect! Every detail was beyond perfect!</p>
<div class="v2-testimonial-author-new">- Priya &amp; Arjun</div>
</div>
<div class="v2-testimonial-card-new v2-reveal v2-reveal-delay-2">
@ -782,7 +782,7 @@ el.textContent=new Date().getFullYear();
</div>
<div class="v2-contact-line">
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,13 2,6"/></svg>
<span>hello@aakrithievents.com</span>
<span>hello@Aakritievents.com</span>
</div>
<div class="v2-contact-line">
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z"/><circle cx="12" cy="10" r="3"/></svg>
@ -1147,7 +1147,7 @@ el.textContent=new Date().getFullYear();
<div class="v2-story-grid">
<!-- Images Left -->
<div class="v2-story-images" style="display: grid; gap: 16px;">
<img src="/theme_aakriti_v2/static/src/img/about.webp" alt="Event setup" style="width: 100%; height: 320px; object-fit: cover; border-radius: 12px;"/>
<!-- <img src="/theme_aakriti_v2/static/src/img/about.webp" alt="Event setup" style="width: 100%; height: 320px; object-fit: cover; border-radius: 12px;"/> -->
<div style="display: grid; gap: 16px;">
<img src="/theme_aakriti_v2/static/src/img/about/our-story/our-story-top.webp" alt="Event setup" style="width: 100%; height: 320px; object-fit: cover; border-radius: 12px;"/>
<div style="display: grid; grid-template-columns: 1fr 1fr; gap: 16px;">