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,26 +64,28 @@
<!-- Basic Product Detail Page --> <!-- Basic Product Detail Page -->
<template id="rental_product_detail_template" name="Rental Product Detail"> <template id="rental_product_detail_template" name="Rental Product Detail">
<t t-call="website.layout"> <t t-call="website.layout">
<div id="wrap" class="container py-4"> <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="row"> <div class="container">
<div class="row align-items-center">
<div class="col-md-6 mb-4"> <div class="col-md-6 mb-4">
<div style="height: 350px; background: #eee; text-align: center; line-height: 350px;"> <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" style="object-fit: cover;"/> <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">No Image</span> <span t-else="" class="text-muted" style="font-family: 'Jost', sans-serif;">No Image</span>
</div> </div>
</div> </div>
<div class="col-md-6"> <div class="col-md-6" style="padding-left: 2rem;">
<h1 t-field="product.name"/> <h1 t-field="product.name" style="font-family: 'Cormorant Garamond', serif; color: #1a1206; font-size: 3rem; margin-bottom: 1rem;"/>
<h4 class="text-primary my-3" t-field="product.rental_price_per_day" t-options="{'widget': 'monetary', 'display_currency': res_company.currency_id}"/> <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"/> <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 btn-primary btn-lg btn-block mt-4"> <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 Request Booking
</a> </a>
</div> </div>
</div> </div>
<div class="mt-4" t-if="product.rental_terms"> <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>Terms &amp; Conditions</h3> <h3 style="font-family: 'Cormorant Garamond', serif; color: #1a1206; margin-bottom: 1rem;">Terms &amp; Conditions</h3>
<div t-field="product.rental_terms"/> <div t-field="product.rental_terms" style="font-family: 'Jost', sans-serif; color: #4a4a4a; line-height: 1.6;"/>
</div>
</div> </div>
</div> </div>
</t> </t>
@ -92,59 +94,61 @@
<!-- Basic Request Form Template --> <!-- Basic Request Form Template -->
<template id="rental_request_form_template" name="Request Rental Form"> <template id="rental_request_form_template" name="Request Rental Form">
<t t-call="website.layout"> <t t-call="website.layout">
<div id="wrap" class="container py-4"> <div id="wrap" style="background-color: #fdf6e3; font-family: 'Jost', sans-serif; padding: 160px 0 80px; min-height: 100vh;">
<h2 class="mb-4">Request Rental Form</h2> <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"> <div class="alert alert-danger" role="alert" t-if="error_message">
<t t-out="error_message"/> <t t-out="error_message"/>
</div> </div>
<form action="/rental/request" method="post" enctype="multipart/form-data"> <form action="/rental/request" method="post" enctype="multipart/form-data">
<input type="hidden" name="csrf_token" t-att-value="request.csrf_token()"/> <input type="hidden" name="csrf_token" t-att-value="request.csrf_token()"/>
<h4>Customer Information</h4> <h4 style="font-family: 'Cormorant Garamond', serif; color: #c9973a;">Customer Information</h4>
<div class="row"> <div class="row">
<div class="form-group col-md-6"> <div class="form-group col-md-6">
<label for="customer_name">Name</label> <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', '')"/> <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>
<div class="form-group col-md-6"> <div class="form-group col-md-6">
<label for="customer_email">Email</label> <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', '')"/> <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> </div>
<div class="row"> <div class="row">
<div class="form-group col-md-6"> <div class="form-group col-md-6">
<label for="customer_phone">Phone</label> <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', '')"/> <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>
<div class="form-group col-md-6"> <div class="form-group col-md-6">
<label for="company_name">Company Name</label> <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', '')"/> <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> </div>
<div class="form-group"> <div class="form-group">
<label for="customer_address">Address</label> <label for="customer_address" style="font-weight: 500;">Address</label>
<textarea name="customer_address" id="customer_address" class="form-control"><t t-out="post.get('customer_address', '')"/></textarea> <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> </div>
<h4 class="mt-4">Event Details</h4> <h4 class="mt-4" style="font-family: 'Cormorant Garamond', serif; color: #c9973a;">Event Details</h4>
<div class="row"> <div class="row">
<div class="form-group col-md-6"> <div class="form-group col-md-6">
<label for="start_date">Start Date &amp; Time</label> <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', '')"/> <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>
<div class="form-group col-md-6"> <div class="form-group col-md-6">
<label for="end_date">End Date &amp; Time</label> <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', '')"/> <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> </div>
<div class="row"> <div class="row">
<div class="form-group col-md-6"> <div class="form-group col-md-6">
<label for="location">Location</label> <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', '')"/> <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>
<div class="form-group col-md-6"> <div class="form-group col-md-6">
<label for="event_type">Event Type</label> <label for="event_type" style="font-weight: 500;">Event Type</label>
<select name="event_type" id="event_type" class="form-control"> <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="wedding">Wedding</option>
<option value="birthday">Birthday</option> <option value="birthday">Birthday</option>
<option value="corporate">Corporate Event</option> <option value="corporate">Corporate Event</option>
@ -154,11 +158,11 @@
</div> </div>
</div> </div>
<h4 class="mt-4">Rental Product</h4> <h4 class="mt-4" style="font-family: 'Cormorant Garamond', serif; color: #c9973a;">Rental Product</h4>
<div class="row"> <div class="row">
<div class="form-group col-md-8"> <div class="form-group col-md-8">
<label for="product_id">Product</label> <label for="product_id" style="font-weight: 500;">Product</label>
<select name="product_id" id="product_id" class="form-control"> <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"> <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"> <option t-att-value="prod.id" t-att-selected="selected_product and selected_product.id == prod.id">
<t t-out="prod.display_name"/> <t t-out="prod.display_name"/>
@ -167,16 +171,16 @@
</select> </select>
</div> </div>
<div class="form-group col-md-4"> <div class="form-group col-md-4">
<label for="quantity">Quantity</label> <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"/> <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>
</div> </div>
<h4 class="mt-4">Documents</h4> <h4 class="mt-4" style="font-family: 'Cormorant Garamond', serif; color: #c9973a;">Documents</h4>
<div class="row"> <div class="row">
<div class="form-group col-md-6"> <div class="form-group col-md-6">
<label for="doc_type">ID Proof Type</label> <label for="doc_type" style="font-weight: 500;">ID Proof Type</label>
<select name="doc_type" id="doc_type" class="form-control"> <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="aadhaar">Aadhaar Card</option>
<option value="driving_license">Driving License</option> <option value="driving_license">Driving License</option>
<option value="passport">Passport</option> <option value="passport">Passport</option>
@ -184,14 +188,16 @@
</select> </select>
</div> </div>
<div class="form-group col-md-6"> <div class="form-group col-md-6">
<label for="id_proof">Upload ID Proof</label> <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"/> <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>
</div> </div>
<button type="submit" class="btn btn-primary btn-block btn-lg mt-4">Submit</button> <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> </form>
</div> </div>
</div>
</div>
</t> </t>
</template> </template>

View File

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

View File

@ -165,7 +165,7 @@
<path d="m22 7-10 6L2 7"/> <path d="m22 7-10 6L2 7"/>
</svg> </svg>
hello@aakrithievents.com hello@Aakritievents.com
</p> </p>
<p> <p>
@ -259,7 +259,7 @@
<div class="v2-footer-bottom"> <div class="v2-footer-bottom">
©<span id="v2-footer-year">2024</span> ©<span id="v2-footer-year">2024</span>
Aakrithi Events. All Rights Reserved. Aakriti Events. All Rights Reserved.
</div> </div>
<script> <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;"/> <img src="/theme_aakriti_v2/static/src/img/decorative-line.webp" alt="Decorative Line" style="height: auto; max-width: 250px; display: block;"/>
</div> </div>
<p class="v2-hero-sub v2-reveal v2-reveal-delay-1 hero-title"> <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 corporate gatherings, cultural celebrations and
luxury experiences with purpose, passion and luxury experiences with purpose, passion and
flawless execution. flawless execution.
@ -613,7 +613,7 @@ el.textContent=new Date().getFullYear();
<div class="v2-quote-mark-new">&#8220;</div> <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 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> </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 class="v2-testimonial-author-new">- Priya &amp; Arjun</div>
</div> </div>
<div class="v2-testimonial-card-new v2-reveal v2-reveal-delay-2"> <div class="v2-testimonial-card-new v2-reveal v2-reveal-delay-2">
@ -782,7 +782,7 @@ el.textContent=new Date().getFullYear();
</div> </div>
<div class="v2-contact-line"> <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> <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>
<div class="v2-contact-line"> <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> <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"> <div class="v2-story-grid">
<!-- Images Left --> <!-- Images Left -->
<div class="v2-story-images" style="display: grid; gap: 16px;"> <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;"> <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;"/> <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;"> <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 16px;">