{% extends 'base.html.twig' %}
{% block title %}Company index{% endblock %}
{% block body %}
<style>.company-card {
background: white;
border: 1px solid #ddd;
border-radius: 0.5rem;
padding: 1rem;
margin-bottom: 1rem;
}
.tag {
background-color: #e9ecef;
padding: 0.25rem 0.75rem;
border-radius: 1rem;
font-size: 0.8rem;
margin-right: 0.5rem;
}</style>
<h1>List of companies</h1>
<div class="row">
<!-- Sidebar -->
<div class="col-md-3 card">
<h5>Filter Manufacturers by category</h5>
<ul>
<li><a href="{{ path('company_by_category', { categorySlug: 'medical-and-health-equipment' }) }}">Medical and Health Equipment</a></li>
<li><a href="{{ path('company_by_category', { categorySlug: 'renewable-energy' }) }}">Renewable Energy</a></li>
<li><a href="{{ path('company_by_category', { categorySlug: 'chemicals-and-materials' }) }}">chemicals and materials</a></li>
</ul>
</div>
<!-- Content -->
<div class="col-md-9">
{% for company in companies %}
<div class="company-card d-flex align-items-start">
<img src="https://placehold.co/80" alt="Logo" class="rounded-circle mr-2 logo me-3">
<div class="flex-grow-1">
<div class="d-flex justify-content-between align-items-start">
<div>
<h5 class="text-primary">{{ company.Name }}</h5>
<div class="text-warning">★★★★★ <span class="text-muted">(48)</span></div>
<p class="mb-1">{{company.industry}}</p>
<span class="tag">{{ company.website }}</span>
<span class="tag">{{ company.phone }}</span>
</div>
<a href="{{ path('app_company_show', {'id': company.id}) }}" class="btn btn-warning">VIEW PROFILE</a>
</div>
</div>
</div>
{% else %}
<tr>
<td colspan="8">no records found</td>
</tr>
{% endfor %}
</div>
</div>
{% endblock %}