{% extends 'App::layout_city.html.twig' %}

{% block snippet_json %}
{% endblock %}

{% block fos_user_content %}


        <div class="simple-background-skill shadow">
            <div class="container p-t-b-20 m-t-60 text-center">
                <div class="row">
                    <div class="col-md-12">
                        <h1 class="no-m m-b-15 font-thin">Annonces : Cours particuliers à {{ city.name }}</h1>
                       
                        <div class="m-t-15 no-m">
                        <strong>Recherchez les meilleurs cours particuliers à <b>{{ city.name }}</b> aux meilleurs prix avec <i>0% de commission</i></strong>
                        </div>
                        
                        <div class="m-t-15 no-m">
                        </div>

                    </div>
                </div>
            </div>
        </div>



       
    <div class="container-fluid simple-background-skill-search">
        <div class="container">
            <div class="row">
                <div class="col-md-12 p-15" style="padding-top:15px;padding-bottom:0px;">
                    {{ render(controller('App:Search:search', {'form': form_search})) }}
                </div>
            </div>
        </div>
        <svg class="hero-crop" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 48">
            <path fill="#f4f4f4" fill-rule="evenodd" d="M0 0c194.22 23.31 345.236 37.383 453.045 42.218C539.007 46.073 627.992 48 720 48c265.097 0 505.097-16 720-48v48H0V0z"/>
        </svg>
    </div>


    <div class="container xs-no-p-i">
        <div class="row xs-no-m-i">
            <div class="p-t-b-10 b-b-b-l">
                <div class="container">
                    <div class="row">
                        <div class="col-md-12 text-center">
                            <h2 class="no-m m-b-20">Les cours particuliers et formations par matières à {{ city.name }} ({{ location.zipcode }})</h2>
                        </div>
                    </div>
                </div>
            </div>
            <div class="container p-10">
                             <h3>Cours particuliers par villes</h3>
                    <div class="list-group no-border">
                        {% for category in categories %}
                            <a href="{{ app.request.schemeAndHttpHost ~ path('app_category_show', { 'slug': category.categorySlug, 'location': location.slug }) }}" class="list-group-item"><span class="badge badge-light">{{ category.profileCategoryCount }}</span>  Cours particuliers à <b>{{ category.categoryName }}</b> à {{ city.name }} ({{ location.zipcode }})</a>                       
                        {% endfor %}
                    </div>
            </div>
        </div>
    </div>


{% endblock fos_user_content %}

{% block javascripts %}
    


{% endblock %}