<div class="col-md-3 mt-4">
    <div class="staff-card border-1 lift-sm mb-2 text-center shadow-light">
        <div class="mt-5"><div class="avatar-md m-auto" style="background-image: url(<?php echo base_url($staff->image) ?>);"></div></div>
        <div class="staff-card-body text-center py-4 flex-grow-1">
            <p class="fs-16 text-dark mb-1 mt-1 font-weight-bold"><?php echo html_escape($staff->name) ?></p>
            <p class="fs-14 text-muted mb-0 font-weight-normal <?php if(empty($staff->designation)){echo "pb-4";} ?>"><?php echo html_escape($staff->designation) ?></p>
            <?php if ($company->enable_location == 1): ?>
                <?php $location = get_staff_location($staff->id); ?>
                <span class="fs-14"><i class="fas fa-map-marker-alt fs-12"></i> <?php echo get_by_id($location->location_id, 'locations')->name; ?></span>
            <?php endif; ?>

            <?php if (!empty($staff->personal_profile) || !empty($staff->about_me)): ?>
                <a class="text-dark hover" href="#infoModal_<?php echo html_escape($staff->id) ?>" data-toggle="modal"><?php echo trans('see-more') ?> <i class="bi bi-arrow-right"></i></a>
            <?php endif; ?>
        </div>
    </div>
</div>

