templates/clientWeb/professionnalSearch/searchNav.html.twig line 1

{% block searchNav %}

<div id="sidebar">
    <div id="searchNav">
        
        {{ form_start(formSearchData, {'attr': {'class':'form col-12 px-0 mx-0 js-filter-form'}}) }}
        <div class="spinner-border js-loading" role="status" aria-hidden="true" style="display:none">
            <span class="sr-only">Loading...</span>
        </div>
        <h4 class="searchTitle">
            <div class="row justify-content-between">
                <div class="col">
                    Recherche
                </div>
                <div class="col">
                    <a type="button" data-toggle="collapse" data-target="#research" aria-expanded="false" aria-controls="research" class="researchPro"><i id="angle_researchPro" class="fas fa-angle-down"></i> </a>
                </div>
            </div>
        </h4>
        <div class="row justify-content-center mx-0 px-0 collapse multi-collapse" id="research">
                {{ form_widget(formSearchData.q) }}
        </div>
        
        <h4 class="searchTitle">
            <div class="row justify-content-between">
                <div class="col">
                    Régions
                </div>
                <div class="col">
                    <a type="button" data-toggle="collapse" data-target="#district" aria-expanded="false" aria-controls="district" class="researchDistrict"><i id="angle_researchDistrict" class="fas fa-angle-down"></i></a>
                </div>
            </div>
        </h4>
        <div class="row justify-content-left choice mx-0 px-1 collapse multi-collapse" id="district">
            {{ form_row(formSearchData.districts) }}
        </div>

        <h4 class="searchTitle">
            <div class="row justify-content-between">
                <div class="col">
                    Catégories
                </div>
                <div class="col">
                    <a type="button" data-toggle="collapse" data-target="#researchCategory" aria-expanded="false" aria-controls="researchCategory" class="researchCategory"><i id="angle_researchCategory" class="fas fa-angle-down"></i></a>
                </div>
            </div>
        </h4>
        <div class="row justify-content-left choice mx-0 px-1 collapse multi-collapse" id="researchCategory">
            {{ form_row(formSearchData.categories) }}
        </div>

        <h4 class="searchTitle">
            <div class="row justify-content-between">
                <div class="col">
                    Métiers
                </div>
                <div class="col">
                    <a type="button" data-toggle="collapse" data-target="#researchJob" aria-expanded="false" aria-controls="researchJob" class="researchJob"><i id="angle_researchJob" class="fas fa-angle-down"></i></a>
                </div>
            </div>
        </h4>
        <div class="row justify-content-left choice mx-0 px-1 collapse multi-collapse" id="researchJob">
            {{ form_row(formSearchData.jobs) }}
        </div>

        <h4 class="searchTitle">
            <div class="row justify-content-between">
                <div class="col">
                    Tarif
                </div>
                <div class="col">
                    <a type="button" data-toggle="collapse" data-target="#researchProPrice" aria-expanded="false" aria-controls="researchProPrice" class="researchProPrice"><i id="angle_researchProPrice" class="fas fa-angle-down"></i></a>
                </div>
            </div>
        </h4>
        <div class="row justify-content-center mx-0 px-1 collapse multi-collapse" id="researchProPrice">
            <div class='col-6'>
            {{ form_row(formSearchData.priceMin) }}
            </div>
            <div class='col-6'>
            {{ form_row(formSearchData.priceMax) }}
            </div>
            <div class="col-12 mt-2 mb-3" id="priceSlider" data-min="{{ min }}" data-max="{{ max }}">
            </div>
        </div>
    </div>
    
    {{ form_end(formSearchData) }}
</div>
{% endblock %}