05/06 Phase 2: fixed issues

This commit is contained in:
2026-05-07 11:09:06 -04:00
parent 5b26836399
commit 9f7d656d5e
29 changed files with 1442 additions and 94 deletions
+65
View File
@@ -0,0 +1,65 @@
{% extends "admin/layouts/base.html" %}
{% block title %}{{ 'Edit' if mode == 'edit' else 'New' }} Plan{% endblock %}
{% block content %}
<div class="row justify-content-center">
<div class="col-md-7">
<div class="card shadow-sm">
<div class="card-header"><h5 class="mb-0">{{ 'Edit' if mode == 'edit' else 'New' }} Plan</h5></div>
<div class="card-body">
{% if error %}<div class="alert alert-danger py-2">{{ error }}</div>{% endif %}
<form method="POST" novalidate>
<input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
<div class="row g-3">
<div class="col-md-6">
<label class="form-label">Plan Name</label>
<input type="text" class="form-control" name="name"
value="{{ plan.name if plan else '' }}" required>
</div>
<div class="col-md-6">
<label class="form-label">Monthly Price ($)</label>
<input type="number" step="0.01" class="form-control" name="price_monthly"
value="{{ plan.price_monthly if plan else '' }}" required>
</div>
<div class="col-md-6">
<label class="form-label">Max Staff <small class="text-muted">(blank = unlimited)</small></label>
<input type="number" class="form-control" name="max_staff"
value="{{ plan.max_staff if plan and plan.max_staff else '' }}">
</div>
<div class="col-md-6">
<label class="form-label">Max Locations <small class="text-muted">(blank = unlimited)</small></label>
<input type="number" class="form-control" name="max_locations"
value="{{ plan.max_locations if plan and plan.max_locations else '' }}">
</div>
<div class="col-12">
<label class="form-label fw-semibold">Feature Flags</label>
<div class="row g-2">
{% for flag in all_features %}
<div class="col-md-4">
<div class="form-check">
<input class="form-check-input" type="checkbox" name="feature_{{ flag }}" value="1"
id="f_{{ flag }}"
{{ 'checked' if plan and (plan.features_json or {}).get(flag) }}>
<label class="form-check-label small" for="f_{{ flag }}">{{ flag }}</label>
</div>
</div>
{% endfor %}
</div>
</div>
<div class="col-12">
<div class="form-check form-switch">
<input class="form-check-input" type="checkbox" name="is_active" value="1"
id="is_active" {{ 'checked' if not plan or plan.is_active }}>
<label class="form-check-label" for="is_active">Active</label>
</div>
</div>
</div>
<div class="d-flex gap-2 mt-4">
<button type="submit" class="btn btn-dark">Save</button>
<a href="{{ url_for('plans.index') }}" class="btn btn-outline-secondary">Cancel</a>
</div>
</form>
</div>
</div>
</div>
</div>
{% endblock %}
+48
View File
@@ -0,0 +1,48 @@
{% extends "admin/layouts/base.html" %}
{% block title %}Plans{% endblock %}
{% block content %}
<div class="d-flex justify-content-between align-items-center mb-4">
<h4 class="fw-bold mb-0"><i class="bi bi-card-list me-2"></i>Subscription Plans</h4>
<a href="{{ url_for('plans.create') }}" class="btn btn-dark btn-sm">
<i class="bi bi-plus-lg me-1"></i>New Plan
</a>
</div>
<div class="row g-3">
{% for plan in plans %}
<div class="col-md-4">
<div class="card shadow-sm h-100 {{ '' if plan.is_active else 'opacity-50' }}">
<div class="card-header d-flex justify-content-between align-items-center">
<strong>{{ plan.name }}</strong>
<span class="badge {{ 'bg-success' if plan.is_active else 'bg-secondary' }}">
{{ 'Active' if plan.is_active else 'Inactive' }}
</span>
</div>
<div class="card-body">
<h3 class="fw-bold">${{ "%.2f"|format(plan.price_monthly) }}<small class="fs-6 text-muted">/mo</small></h3>
<p class="text-muted small mb-2">
Staff: {{ plan.max_staff or 'Unlimited' }} &bull;
Locations: {{ plan.max_locations or 'Unlimited' }}
</p>
<div class="mb-3">
{% for flag, enabled in (plan.features_json or {}).items() %}
<span class="badge {{ 'bg-primary' if enabled else 'bg-light text-muted' }} me-1 mb-1" style="font-size:0.7rem;">
{{ flag }}
</span>
{% endfor %}
</div>
</div>
<div class="card-footer d-flex gap-2">
<a href="{{ url_for('plans.edit', plan_id=plan.id) }}" class="btn btn-outline-secondary btn-sm">Edit</a>
<form method="POST" action="{{ url_for('plans.toggle_active', plan_id=plan.id) }}" class="d-inline"
onsubmit="return confirm('Toggle plan status?')">
<input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
<button class="btn btn-outline-{{ 'danger' if plan.is_active else 'success' }} btn-sm">
{{ 'Deactivate' if plan.is_active else 'Activate' }}
</button>
</form>
</div>
</div>
</div>
{% endfor %}
</div>
{% endblock %}