 <div class="card">
        <div class="item-card">
                <div class="item-card-desc">
                        <a href="#" id="parentSel3"></a>
                        <div class="item-card-img">
                                <img src="assets/images/media/univ.jpg" alt="img" class="">
                        </div>
                        <div class="item-card-text" style="top: 20%">
                            <h5 class="mb-0 square" >Je recherche un évènement ou une activité organisé(e) par l'établissement :</h5>
                            <i class="fa fa-caret-down" style="font-size: 3em;   margin-top: 0.5em;"></i>
                        </div>                             
                </div>                        
        </div>
     
        <select id="institute" class="select2-yo-search hidep"> 
            <?php
                foreach ($this->institutes as $city => $institutes) { ?>
                    <optgroup  label="<?php echo $city; ?>">
                        <?php foreach ($institutes as $institute => $nbOffers) { ?>
                        <option value="<?php echo $nbOffers; ?>" data-id="<?php echo $institute; ?>"><?php echo $institute; ?></option>
                        <?php } ?>
                    </optgroup>
            <?php } ?>
       </select> 
</div>