<div class="neu-container" id="subscription" *ngIf="user" (click)="navigateToSubscription()">
    <div id="img-column">
        <div class="neu-profile-photo" style="box-shadow: none;">
            <img src="{{user.url_profile_photo}}">
        </div>
    </div>
    <div>{{user.name}}</div>
    <div id="pricing-name">{{subscription.pricing.name}}</div>
    <neu-chip [color]="subscription.active ? 'secondary' : utilsService.getColor('seven')">
        {{ getChipStatusText() }}
    </neu-chip>
    <neu-chip color="primary">{{subscription.role.name}}</neu-chip>
</div>