servala/website
1
0
Fork 0
Code Issues 12 Pull requests Projects 1 Packages 1 Activity Actions

refactor all the things

Browse source
This commit is contained in:
Tobias Brunner 2025-01-28 13:55:43 +01:00
parent 8ed39690f1
commit bb5cb708bd
No known key found for this signature in database
36 changed files with 1563 additions and 931 deletions
Download patch file Download diff file Expand all files Collapse all files

87
hub/services/templates/services/offering_detail.html Normal file
View file

@ -0,0 +1,87 @@
{% extends 'services/base.html' %}
{% block content %}
<div class="card mb-4">
<div class="card-body">
<div class="d-flex justify-content-between align-items-start mb-4">
<div class="d-flex align-items-start">
{% if offering.service.logo %}
<img src="{{ offering.service.logo.url }}" alt="{{ offering.service.name }} logo" class="me-4"
style="max-height: 120px; max-width: 240px; object-fit: contain;">
{% endif %}
<div>
<h2 class="card-title mb-2">{{ offering.service.name }}</h2>
<h4 class="text-muted">
on
<a href="{{ offering.cloud_provider.get_absolute_url }}" class="text-decoration-none">
{{ offering.cloud_provider.name }}
</a>
</h4>
</div>
</div>
{% if offering.cloud_provider.logo %}
<img src="{{ offering.cloud_provider.logo.url }}"
alt="{{ offering.cloud_provider.name }} logo"
style="max-height: 80px; max-width: 160px; object-fit: contain;">
{% endif %}
</div>
<div class="rich-text-content mb-4">
{{ offering.description|safe }}
</div>
</div>
</div>
<!-- Plans -->
<div class="card mb-4">
<div class="card-body">
<h3 class="mb-4">Available Plans</h3>
<div class="row row-cols-1 row-cols-md-3 g-4">
{% for plan in offering.plans.all %}
<div class="col">
<div class="card h-100 {% if plan.is_default %}border-primary{% endif %}">
{% if plan.is_default %}
<div class="card-header text-primary">
Recommended Plan
</div>
{% endif %}
<div class="card-body">
<h4 class="card-title mb-3">{{ plan.name }}</h4>
<div class="rich-text-content mb-3">
{{ plan.description|safe }}
</div>
{% if plan.features %}
<div class="rich-text-content mb-3">
{{ plan.features|safe }}
</div>
{% endif %}
<div class="mb-3">
{% for price in plan.prices.all %}
<div class="mb-2">
<strong>{{ price.currency.symbol }}{{ price.price }}</strong>
{{ price.currency.code }} per {{ price.term.name }}
</div>
{% endfor %}
</div>
<a href="{% url 'services:create_lead' offering.service.slug %}?offering={{ offering.id }}&plan={{ plan.id }}"
class="btn btn-success">Select This Plan</a>
</div>
</div>
</div>
{% empty %}
<div class="col-12">
<div class="alert alert-info">
No plans available yet.
<a href="{% url 'services:create_lead' offering.service.slug %}?offering={{ offering.id }}"
class="btn btn-success ms-3">Show Interest</a>
</div>
</div>
{% endfor %}
</div>
</div>
</div>
{% endblock %}