templates/company/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Company index{% endblock %}
  5. {% block body %}
  6. <style>.company-card {
  7.       background: white;
  8.       border: 1px solid #ddd;
  9.       border-radius: 0.5rem;
  10.       padding: 1rem;
  11.       margin-bottom: 1rem;
  12.     }
  13.     .tag {
  14.       background-color: #e9ecef;
  15.       padding: 0.25rem 0.75rem;
  16.       border-radius: 1rem;
  17.       font-size: 0.8rem;
  18.       margin-right: 0.5rem;
  19.     }</style>
  20.     {# <h1 class="text-center">List of companies</h1> #}
  21.      <div class="row">
  22.     <!-- Sidebar -->
  23.     <div class="col-md-3 card">
  24.       <h5>Filter Manufacturers</h5>
  25.       <ul>
  26.     <li>
  27.         <a href="{{ path('company_by_category', { categorySlug: 'medical-and-health-equipment' }) }}">
  28.             <img src="/img/1.png" style="width: 30px; display: inline;"> Medical and Health Equipment
  29.         </a>
  30.     </li>
  31.     <li>
  32.         <a href="{{ path('company_by_category', { categorySlug: 'renewable-energy' }) }}">
  33.             <img src="/img/2.png" style="width: 30px; display: inline;"> Renewable Energy
  34.         </a>
  35.     </li>
  36.     <li>
  37.         <a href="{{ path('company_by_category', { categorySlug: 'chemicals-and-materials' }) }}">
  38.             <img src="/img/3.png" style="width: 30px; display: inline;"> Chemicals and Materials
  39.         </a>
  40.     </li>
  41.     <li>
  42.         <a href="{{ path('company_by_category', { categorySlug: 'electronics-and-electrical' }) }}">
  43.             <img src="/img/4.png" style="width: 30px; display: inline;"> Electronics and Electrical
  44.         </a>
  45.     </li>
  46.     <li>
  47.         <a href="{{ path('company_by_category', { categorySlug: 'automotive-and-transportation' }) }}">
  48.             <img src="/img/5.png" style="width: 30px; display: inline;"> Automotive and Transportation
  49.         </a>
  50.     </li>
  51.     <li>
  52.         <a href="{{ path('company_by_category', { categorySlug: 'home-goods-and-consumer-products' }) }}">
  53.             <img src="/img/6.png" style="width: 30px; display: inline;"> Home Goods and Consumer Products
  54.         </a>
  55.     </li>
  56.     <li>
  57.         <a href="{{ path('company_by_category', { categorySlug: 'heavy-industry-and-industrial-equipment' }) }}">
  58.             <img src="/img/7.png" style="width: 30px; display: inline;"> Heavy Industry and Industrial Equipment
  59.         </a>
  60.     </li>
  61.     <li>
  62.         <a href="{{ path('company_by_category', { categorySlug: 'textiles-apparel-and-footwear' }) }}">
  63.             <img src="/img/8.png" style="width: 30px; display: inline;"> Textiles, Apparel and Footwear
  64.         </a>
  65.     </li>
  66.     <li>
  67.         <a href="{{ path('company_by_category', { categorySlug: 'tools-hardware-and-metal-products' }) }}">
  68.             <img src="/img/9.png" style="width: 30px; display: inline;"> Tools, Hardware and Metal Products
  69.         </a>
  70.     </li>
  71.     <li>
  72.         <a href="{{ path('company_by_category', { categorySlug: 'agriculture-and-food-processing' }) }}">
  73.             <img src="/img/10.png" style="width: 30px; display: inline;"> Agriculture and Food Processing
  74.         </a>
  75.     </li>
  76.     <li>
  77.         <a href="{{ path('company_by_category', { categorySlug: 'software-integrated-manufacturing' }) }}">
  78.             <img src="/img/11.png" style="width: 30px; display: inline;"> Software-Integrated Manufacturing
  79.         </a>
  80.     </li>
  81. </ul>
  83.     </div>
  85.     <!-- Content -->
  86.     <div class="col-md-9">
  87.     {% for company in companies %}
  88.       <div class="company-card d-flex align-items-start">
  89.       <img style="max-width:100px;width: 100px;
  90.   height: 100px;
  91.   object-fit: cover;
  92.   object-position: center;" src="/uploads/{{ company.logo }}" class="rounded-circle mr-2 logo me-3"> 
  93.       <div class="flex-grow-1">
  94.         <div class="d-flex justify-content-between align-items-start">
  95.           <div>
  96.             <h5 class="text-primary">{{ company.Name }}</h5>
  97.             <div class="text-warning">★★★★★ <span class="text-muted">(48)</span></div>
  98.             <p class="mb-1">{{company.industry}}</p>
  99.             <span class="tag">{{ company.website }}</span>
  100.             <span class="tag">{{ company.phone }}</span>
  101.           </div>
  102.           <a href="{{ path('app_company_show', {'id': company.id}) }}" class="btn btn-primary">VIEW PROFILE</a>
  103.         </div>
  104.       </div>
  105.       </div>
  109.     
  110.       {% else %}
  111.                     <tr>
  112.                         <td colspan="8">no records found</td>
  113.                     </tr>
  114.                 {% endfor %}
  115.     </div>
  116.   </div>
  117. {% endblock %}