<div class='grid-item 
<?php echo str_replace(" ", "-",$offer["natureName"]);?> 
<?php echo str_replace(" ", "-",ucfirst(strtolower($offer["qualification"])));?> 
<?php echo str_replace(" ", "-",$offer["specialty"]);?> 
<?php $levels = explode(",", $offer["levelNames"]);
    foreach ($levels as $level) { 
        echo $level." ";            
    }            
?>
'>
    <div class="card overflow-hidden" 
     data-nature="<?php echo $offer["natureName"];?>"
     data-levels="<?php echo $offer["levelNames"];?>"
     data-qualification="<?php echo $offer["qualification"];?>"
     data-speciality="<?php echo $offer["specialty"];?>"
     >
    <div class="d-md-flex">
        <div class="item-card9-img">
                <div class="item-card9-imgs">
                        <a href="<?php echo $this->baseUrl(); ?>/offer/?id=<?php echo $offer["id"]; ?>"></a>
                        <img src="<?php echo $this->baseUrl(); ?>/assets/images/media/natures/<?php echo $offer["nature_id"];?>.jpg" alt="img" class="cover-image">
                </div>
                <div class="item-overly-trans ">
                    <a href="#" class="bg-secondary" style="right: 15px !important;  left: unset !important; background-color:#01cdd6 !important"><i class="fa fa-user-o"></i> <?php echo $offer["booked"]; ?>/<?php echo $offer["place"]; ?></a>
                </div>
            <?php if ($offer["daysleft"] > 0) { ?> 
                <div class="item-overly-trans">
                    <a href="#" class="bg-primary" style="background-color: #ec296b !important"><?php echo $offer["daysleft"]; ?> jours</a>
                </div>
            <?php } ?>
        </div>
        <div class="card border-0 mb-0">
                <div class="card-body " style="padding: 0.5rem 1.5rem">
                        <div class="item-card9">
                                <a href="<?php echo $this->baseUrl(); ?>/offer/?id=<?php echo $offer["id"]; ?>" class="text-dark"><h3 class="font-weight-semibold mt-1"><?php echo $offer["complement"]; ?></h3></a>
                                 <div class="mt-2 mb-2">
                                        <a href="#" class="mr-4" style="cursor: auto"><span class="text-muted fs-13"><i class="fa fa-briefcase mr-1"></i> <?php echo $offer["natureName"]; ?></span></a>
                                        <a href="#" class="mr-4" style="cursor: auto"><span class="text-muted fs-13"><i class="fa fa-user-o text-muted mr-1"></i> <?php echo $offer["contactName"]; ?></span></a>
                                        <a href="#" class="mr-4" style="cursor: auto"><span class="text-muted fs-13"><i class="fa fa-clock-o text-muted mr-1"></i> <?php echo $offer["offerDateLetter"]; ?></span></a>
                                </div>
                                <p class="mb-0 leading-tight"><?php echo $offer["description"]; ?> </p>
                        </div>
                </div>
                <div class="card-footer pt-4 pb-4">
                        <div class="item-card9-footer d-flex">
                                <div class="item-card9-cost" style="margin-top: 3px;">
                                    <h4 class="text-dark font-weight-semibold mb-0 mt-0">PUBLIC: <?php echo mb_strtoupper($offer["levelNames"]); ?></h4>
                                </div>
                                <div class="ml-auto">
                                        <a href="#" class="location" style="cursor: auto"><i class="fa fa-map-marker text-muted mr-1"></i> <?php echo strtoupper($offer["instituteName"]); ?></a>
                                </div>
                        </div>
                </div>
        </div>
    </div>
    </div>
</div>