05/06 Phase 2: fixed issues
This commit is contained in:
@@ -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 %}
|
||||
@@ -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' }} •
|
||||
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 %}
|
||||
Reference in New Issue
Block a user