templates/search/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Cauta firme din Romania | Konnex{% endblock %}
  5. {% block body %}
  6.     {% if companies is empty %}
  7.         <div class="container-fluid content">
  8.             <div class="row">
  9.                 <div class="col-1"></div>
  10.                 <div class="col-2">
  11.                     {{ include('social.html.twig') }}
  12.                 </div>
  13.                 <div class="col-6 search">
  14.                     <h1>CAUTA FIRMA/COMPANIE</h1>
  15.                     <p>Poti cauta deodata una sau pana la 3 firme/companii separate prin virgula <span>(34095609; 34095609; 34095609)</span><br/>dupa
  16.                         denumire / CUI</p>
  17.                     <form class="d-flex" method="post">
  18.                         <div class="search-container">
  19.                             <input name="query" class="form-control f1" type="search" placeholder="CUI / DENUMIRE"
  20.                                    aria-label="Search">
  21.                             <button class="btn-search" type="submit">CAUTA</button>
  22.                         </div>
  23.                     </form>
  24.                 </div>
  25.             </div>
  26.         </div>
  27.     {% else %}
  28.         <div class="container-fluid content">
  29.             <div class="row">
  30.                 <div class="col-1"></div>
  31.                 <div class="col-1">
  32.                     <?php include_once 'include/social.php'; ?>
  33.                     {% include('social.html.twig') %}
  34.                 </div>
  36.                 <div class="col-8 search-result">
  37.                     {% for company in companies %}
  38.                         <h1>{{ company.denumire }}</h1>
  39.                         <p>{{ company.adresa }}</p>
  40.                         <div class="row">
  41.                             <div class="col-6">
  42.                                 <table>
  43.                                     <tr>
  44.                                         <td><p>CUI:</p></td>
  45.                                         <td><p>{{ company.cui ?? '?' }}</p></td>
  46.                                     </tr>
  47.                                     <tr>
  48.                                         <td><p>Registru Comertului:</p></td>
  49.                                         <td><p>{{ company.codInmatriculare }}</p></td>
  50.                                     </tr>
  51.                                     <tr>
  52.                                         <td><p>Inregistrat in anul:</p></td>
  53.                                         <td><p>2022</p></td>
  54.                                     </tr>
  55.                                     <tr>
  56.                                         <td><p>Tip societate:</p></td>
  57.                                         <td><p>Societate comerciala cu raspundere limitata</p></td>
  58.                                     </tr>
  59.                                     <tr>
  60.                                         <td><p>CAEN:</p></td>
  61.                                         <td><p>?</p></td>
  62.                                     </tr>
  63.                                     <tr>
  64.                                         <td><p>CAEN Descriere:</p></td>
  65.                                         <td><p>?</p></td>
  66.                                     </tr>
  67.                                     <tr>
  68.                                         <td><p>Telefon:</p></td>
  69.                                         <td><p>{{ company.phone ?? '?' }}</p></td>
  70.                                     </tr>
  71.                                     <tr>
  72.                                         <td><p>Email:</p></td>
  73.                                         <td><p>?</p></td>
  74.                                     </tr>
  75.                                     <tr>
  76.                                         <td><p>Website:</p></td>
  77.                                         <td><p>?</p></td>
  78.                                     </tr>
  79.                                 </table>
  80.                             </div>
  81.                             <div class="col-6" >
  82.                                 <p>Statistici</p>
  83.                                 <div class="row">
  84.                                     <div class="col-12">
  85.                                         <canvas id="myChart" width="100%" height="40vh"></canvas>
  86.                                         <script>
  87.                                             document.addEventListener("DOMContentLoaded", () => {
  88.                                                 const ctx = document.getElementById('myChart');
  89.                                                 const labels = [
  90.                                                     'Ianuarie', 'Februarie', 'Martie', 'Aprilie', 'Mai', 'Iunie'                            ];
  91.                                                 const data = {
  92.                                                     labels: labels,
  93.                                                     datasets: [
  94.                                                         {
  95.                                                             label: 'Cifra de afaceri',
  96.                                                             data: [65, 59, 80, 81, 56, 55, 40],
  97.                                                             backgroundColor: [
  98.                                                                 'rgba(255, 79, 205, 0.6)'
  99.                                                             ]
  100.                                                         },
  101.                                                         {
  102.                                                             label: 'Profit Net',
  103.                                                             data: [65, 59, 80, 81, 56, 55, 40],
  104.                                                             backgroundColor: [
  105.                                                                 'rgba(0, 193, 207, 0.6)'
  106.                                                             ]
  107.                                                         },
  108.                                                         {
  109.                                                             label: 'Datorii',
  110.                                                             data: [30, 59, 80, 81, 56, 55, 0],
  111.                                                             backgroundColor: [
  112.                                                                 'rgba(255, 29, 37, 0.6)'
  113.                                                             ]
  114.                                                         },
  115.                                                         {
  116.                                                             label: 'Active Imobilizate',
  117.                                                             data: [65, 59, 180, 81, 56, 55, 10],
  118.                                                             backgroundColor: [
  119.                                                                 'rgba(255, 147, 30, 0.6)'
  120.                                                             ]
  121.                                                         },
  122.                                                     ]
  123.                                                 };
  124.                                                 new Chart(ctx, {
  125.                                                     type: 'bar',
  126.                                                     data: data,
  127.                                                     options: {
  128.                                                         scales: {
  129.                                                             y: {
  130.                                                                 beginAtZero: true
  131.                                                             }
  132.                                                         }
  133.                                                     }
  134.                                                 });
  135.                                             })
  136.                                         </script>
  137.                                         </div>    
  138.                                     </div>
  139.                                 </div>
  140.                             </div>
  142.                         </div>
  143.                     {% endfor %}
  144.                 </div>
  146.             </div>
  147.             <div class="row">
  148.                 <div class="col-2"></div>
  149.                 <div class="col-8">
  150.                     <nav aria-label="Page navigation example">
  151.                         <ul class="pagination">
  152.                             {% if currentPage > 1 %}
  153.                                 <li class="page-item">
  154.                                     <a class="page-link" href="{{ path('app_search', {query: query, page: currentPage - 1}) }}" aria-label="Previous">
  155.                                         <span aria-hidden="true">&laquo;</span>
  156.                                     </a>
  157.                                 </li>
  158.                             {% endif %}
  159.                             <li class="page-item"><a class="page-link">{{ currentPage }}/{{ pageCount }}</a></li>
  160.                             {% if currentPage < pageCount %}
  161.                                 <li class="page-item">
  162.                                     <a class="page-link" href="{{ path('app_search', {query: query, page: currentPage + 1}) }}" aria-label="Next">
  163.                                         <span aria-hidden="true">&raquo;</span>
  164.                                     </a>
  165.                                 </li>
  166.                             {% endif %}
  167.                         </ul>
  168.                     </nav>
  169.                 </div>
  170.             </div>
  171.     {% endif %}
  172.     
  173. {% endblock %}