68 lines
No EOL
2.9 KiB
HTML
68 lines
No EOL
2.9 KiB
HTML
{% extends 'services/base.html' %}
|
|
|
|
{% block content %}
|
|
<div class="row">
|
|
<div class="col-md-3">
|
|
<div class="card">
|
|
<div class="card-body">
|
|
<h5 class="card-title">Filters</h5>
|
|
<form method="get">
|
|
<div class="mb-3">
|
|
<label for="search" class="form-label">Search</label>
|
|
<input type="text" class="form-control" id="search" name="search" value="{{ request.GET.search }}">
|
|
</div>
|
|
|
|
<button type="submit" class="btn btn-primary">Apply Filters</button>
|
|
<a href="{% url 'services:provider_list' %}" class="btn btn-secondary">Clear</a>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-9">
|
|
<div class="row row-cols-1 row-cols-md-2 g-4">
|
|
{% for provider in providers %}
|
|
<div class="col">
|
|
<div class="card h-100">
|
|
<div class="card-body">
|
|
<div class="d-flex align-items-center mb-3">
|
|
{% if provider.logo %}
|
|
<img src="{{ provider.logo.url }}"
|
|
alt="{{ provider.name }}"
|
|
class="me-3" style="max-height: 60px; max-width: 120px; object-fit: contain;">
|
|
{% endif %}
|
|
<h5 class="card-title mb-0">{{ provider.name }}</h5>
|
|
</div>
|
|
|
|
<div class="rich-text-content mb-3">
|
|
{{ provider.description|safe|truncatewords_html:50 }}
|
|
</div>
|
|
|
|
<div class="mb-3">
|
|
<strong>Services Available:</strong> {{ provider.offerings.count }}
|
|
</div>
|
|
|
|
<div class="mb-3">
|
|
<strong>Partners:</strong> {{ provider.consulting_partners.count }}
|
|
</div>
|
|
|
|
<div class="mt-auto">
|
|
<a href="{{ provider.get_absolute_url }}" class="btn btn-primary">View Details</a>
|
|
{% if provider.website %}
|
|
<a href="{{ provider.website }}" class="btn btn-outline-secondary" target="_blank">Visit Website</a>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% empty %}
|
|
<div class="col">
|
|
<div class="alert alert-info">
|
|
No cloud providers found matching your criteria.
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endblock %} |