83 lines
4.4 KiB
XML

<?xml version="1.0" encoding="utf-8"?>
<odoo>
<template id="plans_page_template" name="Dine360 Plans Page">
<t t-call="dine360_dashboard.dashboard_layout">
<t t-set="active_page" t-value="'restaurants'"/>
<!-- Page Title & Header -->
<section class="o_page_header">
<div>
<h1 class="o_heading_title">Subscription Plans &amp; Pricing</h1>
<p class="o_heading_subtitle">Manage SaaS pricing tiers, restaurant resource quotas, and billing packages</p>
</div>
<div class="o_header_controls">
<a href="/dashboard/restaurants" class="o_btn_white_small py-2 px-3">
<i class="fa fa-arrow-left me-1"/> Back to Restaurants
</a>
</div>
</section>
<!-- Pricing Cards Grid -->
<div class="o_plans_grid">
<t t-if="not plans">
<div class="text-center py-5 text-muted w-100">
<i class="fa fa-credit-card fa-3x mb-3 text-secondary"/>
<h5>No subscription plans configured</h5>
<p class="small mb-3">Create SaaS subscription plans in the backend to display tiers here.</p>
<a href="/web#action=dine360_saas_master.action_saas_plan" class="o_btn_red_small">
<i class="fa fa-plus me-1"/> Create Plan in ERP
</a>
</div>
</t>
<t t-foreach="plans" t-as="plan">
<div t-att-class="'o_plan_card ' + ('popular' if 'pro' in plan.get('name', '').lower() else '')">
<t t-if="'pro' in plan.get('name', '').lower()">
<span class="o_plan_popular_badge">Most Popular</span>
</t>
<div t-att-class="'o_plan_name ' + ('text-danger' if 'pro' in plan.get('name', '').lower() else '')">
<t t-esc="plan.get('name')"/>
</div>
<div class="o_plan_desc">
Tier plan configured for Dine360 restaurant operations.
</div>
<div class="o_plan_price_box">
<span class="o_plan_price">$<t t-esc="int(plan.get('price_monthly', 0))"/></span>
<span class="o_plan_period">/ month</span>
</div>
<ul class="o_plan_features">
<li class="o_plan_feature_item">
<i class="fa fa-check-circle o_plan_feature_icon"/>
<t t-if="plan.get('max_pos') == 0">Unlimited POS Terminals</t>
<t t-else=""><t t-esc="plan.get('max_pos')"/> POS Terminal(s)</t>
</li>
<li class="o_plan_feature_item">
<i class="fa fa-check-circle o_plan_feature_icon"/>
<t t-if="plan.get('max_users') == 0">Unlimited Staff Users</t>
<t t-else="">Up to <t t-esc="plan.get('max_users')"/> Staff Users</t>
</li>
<li class="o_plan_feature_item">
<i class="fa fa-check-circle o_plan_feature_icon"/> Table Floor Management
</li>
<li class="o_plan_feature_item">
<i class="fa fa-check-circle o_plan_feature_icon"/> Table Reservations &amp; KDS
</li>
<li class="o_plan_feature_item">
<i class="fa fa-check-circle o_plan_feature_icon"/> Dedicated Database
</li>
</ul>
<div class="mt-auto">
<a href="/web#action=dine360_saas_master.action_saas_plan" class="o_btn_red_action w-100 text-center py-2 justify-content-center">
Configure Plan
</a>
</div>
</div>
</t>
</div>
</t>
</template>
</odoo>