<td class="px-2">
    <span class="d-inline-flex align-items-center" v-if="item.assigned_pro_id">
        <span class="text-nowrap">
            <span class="text-secondary text-sm">Assigned:</span>
            <b>@{{proNameFromId(item.assigned_pro_id)}}</b>
            <span class="text-secondary text-sm" v-html="item.has_assigned_pro_signed ? '(signed)' : ''"></span>
        </span>
    </span>
    <br>
    <span class="d-inline-flex align-items-center" v-if="item.initiating_pro_id">
        <span class="text-nowrap">
            <span class="text-secondary text-sm">Initiating:</span>
            <b>@{{proNameFromId(item.initiating_pro_id)}}</b>
            <span class="text-secondary text-sm" v-html="item.has_ordering_pro_signed ? '(signed)' : ''"></span>
        </span>
    </span>
    <br>
    <span class="d-inline-flex align-items-center" v-if="item.manager_pro_id">
        <span class="text-nowrap">
            <span class="text-secondary text-sm">Manager:</span>
            <b>@{{proNameFromId(item.manager_pro_id)}}</b>
            <span class="text-secondary text-sm" v-html="item.has_manager_pro_signed ? '(signed)' : ''"></span>
        </span>
    </span>
    <br>
    <span class="d-inline-flex align-items-center" v-if="item.ordering_pro_id">
        <span class="text-nowrap">
            <span class="text-secondary text-sm">Ordering:</span>
            <b>@{{proNameFromId(item.ordering_pro_id)}}</b>
            <span class="text-secondary text-sm" v-html="item.has_initiating_pro_signed ? '(signed)' : ''"></span>
        </span>
    </span>
</td>
