93 lines
5.4 KiB
XML

<odoo>
<template id="custom_login_layout" inherit_id="web.login_layout" name="Custom Dine360 Login Layout" priority="99">
<xpath expr="t" position="replace">
<t t-call="web.frontend_layout">
<t t-set="html_data" t-value="{'style': 'height: 100%;'}"/>
<t t-set="body_classname" t-value="'o_custom_login_body'"/>
<t t-set="no_header" t-value="True"/>
<t t-set="no_footer" t-value="True"/>
<t t-set="title">Dine360 Restaurant - Login</t>
<t t-set="head">
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<link rel="stylesheet" type="text/css" href="/dine360_dashboard/static/src/css/login_style.css"/>
<link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&amp;display=swap" rel="stylesheet"/>
</t>
<div class="o_login_main_wrapper">
<!-- Left Side: Culinary Branding Hero Showcase -->
<div class="o_login_left_side">
<div class="o_login_hero_content">
<div class="o_hero_badge">
<span class="o_hero_badge_dot"/>
<span>NEXT-GEN RESTAURANT SUITE</span>
</div>
<h1 class="o_hero_title">Elevate Your Dining Experience</h1>
<p class="o_hero_subtitle">Unified Point of Sale, Kitchen Display System (KDS), Interactive Tables, and Online Orders — all in one modern platform.</p>
<div class="o_hero_features">
<div class="o_hero_feature_item">
<div class="o_feature_icon"><i class="fa fa-cutlery"/></div>
<div class="o_feature_text">
<h6>Interactive Floor Plans</h6>
<p>Real-time visual table booking &amp; occupancy tracking</p>
</div>
</div>
<div class="o_hero_feature_item">
<div class="o_feature_icon"><i class="fa fa-fire"/></div>
<div class="o_feature_text">
<h6>Real-Time Kitchen Display</h6>
<p>Automated order routing, prep timers, and status syncing</p>
</div>
</div>
<div class="o_hero_feature_item">
<div class="o_feature_icon"><i class="fa fa-mobile"/></div>
<div class="o_feature_text">
<h6>Seamless QR &amp; Online Orders</h6>
<p>Zero-friction customer self-ordering and delivery dispatch</p>
</div>
</div>
</div>
</div>
</div>
<!-- Right Side: Glassmorphic Login Card -->
<div class="o_login_right_side">
<div class="o_login_card">
<div class="o_login_logo_container">
<div class="o_login_brand_header">
<div class="o_brand_icon">
<i class="fa fa-cutlery"/>
</div>
<span class="o_brand_name">Dine<span class="o_brand_accent">360</span></span>
</div>
<div class="o_login_logo_box" t-if="request and request.env and request.env.company and request.env.company.name != 'My Company'">
<span class="o_company_tag" t-esc="request.env.company.name"/>
</div>
</div>
<div class="o_login_header_text text-center">
<h3>Welcome Back</h3>
<p>Sign in to access your restaurant operations dashboard</p>
</div>
<div class="o_login_form_container">
<t t-out="0"/>
</div>
<div class="o_login_footer text-center mt-3">
<a href="/web/database/selector" t-if="not disable_database_manager" class="o_login_link small text-decoration-none">
<i class="fa fa-database me-1"/>Switch Database
</a>
</div>
<div class="o_login_brand_footer text-center mt-3">
<p>Powered by <a href="https://dine360.com/" target="_blank">Dine360</a> Cloud ERP</p>
</div>
</div>
</div>
</div>
</t>
</xpath>
</template>
</odoo>