{% extends 'base.html.twig' %}
{% block title %}{{category.name}} - Plateforme SAGPC 2022{% endblock %}
{% block body %}
<div class="container">
<div class="row">
<header id="page-topbar">
<div class="container">
<div class="navbar-header">
<div class="d-flex">
<!-- App Search-->
<form class="app-search d-lg-block" action="{{path('app.search')}}" method="post">
<div class="position-relative">
<input type="text" name="search" class="form-control" placeholder="{% trans %}Nom service{% endtrans %}...">
<span class="bx bx-search-alt"></span>
</div>
</form>
</div>
</div>
</div>
</header>
</div>
<div class="page-service">
<div class="row">
<div class="col-md-7">
<img width="200" class="img-fluid" src="{{asset('img/upload/min/')}}{{category.icon}}" alt="">
</div>
<div class="col-md-5">
<a href="{{path('app_app')}}">
<img src="{{asset('img/logo-polecaraibe.png')}}" alt="">
</a>
</div>
</div>
<div class="row">
<div class="title">
<div class="square" style='background-color:{{category.color}}'></div> <h1>{{category.name}}</h1>
</div>
<div class="service">
{% for s in services %}
{% if s.sub == null and s.subCategory == null %}
<h3>{{s.name}}</h3>
{% for sn in s.numeros %}
<div class="serviceNum">
<p>{{sn.underService}}</p>
<a class="numero" href="tel:{{sn.format}}" style="color:{{sn.service.category.color}}">{{sn.numero}}</a>
<p class="mention">{{sn.mention}}</p>
</div>
{% endfor %}
<hr>
{% endif %}
{% endfor %}
{% for sb in numSub %}
{% for s in sb %}
{% if loop.first %}<h2>{{s.service.subCategory.name}}</h2> {% endif %}
{% if loop.first %}<h3>{{s.service.name}}</h3> {% endif %}
<p>{{s.underService}}</p>
<div class="serviceNum">
<p>{% if loop.first %}{{s.underService}}{% endif %}</p>
<a class="numero" href="tel:{{s.format}}" style="color:{{s.service.category.color}}">{{s.numero}}</a>
<p class="mention">{{s.mention}}</p>
</div>
{% endfor %}
<hr>
{% endfor %}
</div>
</div>
<div class="row">
<header id="page-topbar">
<div class="container">
<div class="navbar-header">
<div class="d-flex">
<!-- App Search-->
<form class="app-search d-lg-block" action="{{path('app.search')}}" method="post">
<div class="position-relative">
<input type="text" name="search" class="form-control" placeholder="{% trans %}Recherche service{% endtrans %}...">
<span class="bx bx-search-alt"></span>
</div>
</form>
</div>
</div>
</div>
</header>
</div>
</div>
{% endblock %}