<div class="list-item" data-filter="[[+Vorname]] [[+Nachname]]">
    <div class="list-item-image">
        <figure class="image is-64x64">
            [[+Bild:isnot=`unbekannt`:then=`<img class="is-rounded" src="[[!pthumb? &input=`assets/content_2023/mitglieder/[[+UserID]].jpg` &options=`&w=64&h=64&zc=1&f=jpg&q=90`]]" alt="[[+Vorname]] [[+Nachname]]" />`:else=`<div class="list-image-alt">[[+Vorname:limit=`1`]][[+Nachname:limit=`1`]]</div>`]]
        </figure>
    </div>
    
    <div class="list-item-content">
        <div class="list-item-title">
            [[+Vorname]] [[+Nachname]] 
            [[+Position:isnot=``:then=`
                <div class="tag is-rounded is-dark">
                    <span class="icon-text">
                       <span class="icon">
                            <ion-icon name="ribbon-outline"></ion-icon>
                        </span>
                        <span>[[+Position]]</span>
                    </span>
                </div>
            `]] 
            [[!Rowboat?
                &table=`c103_v_mitgl_ehrungen`
                &tpl=`rowb_mitgliederEhrungen_2023`
                &where=`{"userid:=":"[[+UserID]]"}`
                &sortBy=`datumvon`
                &sortDir=`DESC`
            ]]
            [[!+modx.user.id:is=`1`:then=`
                <div class="tag is-rounded">
                    <span class="icon-text">
                        <span class="icon">
                            <ion-icon name="id-card-outline"></ion-icon>
                        </span>
                        <span>
                            <a href="[[~20]]?mitglied=[[+UserID]]">[[+UserID]]</a>
                        </span>
                    </span>
                </div>
            `]]
        </div>

        <div class="list-item-description">
            <div class="tag is-rounded">
                <span class="icon-text">
                    <span class="icon">
                        <ion-icon name="egg-outline"></ion-icon>
                    </span>
                    <span>
                        <time datetime="[[+Geburtsdatum:strtotime:date=`%Y-%m-%d`]]">[[+Geburtsdatum:strtotime:date=`%d. %B %Y`]] </time>
                    </span>
                </span>
            </div>
            [[+haesnr:isnot=`0`:then=`
                <div class="tag is-rounded">
                    <span class="icon-text">
                        <span class="icon">
                            <ion-icon name="footsteps-outline"></ion-icon>
                        </span>
                        <span>[[+haesnr]]</span>
                    </span>
                </div>
            `]]
        </div>

        <div class="list-item-description">
            <div class="tag is-rounded">
                <span class="icon-text">
                    <span class="icon">
                        <ion-icon name="location-outline"></ion-icon>
                    </span>
                    <span>
                        [[+Strasse]], [[+PLZ]] [[+Ort]]
                    </span>
                </span>
            </div>
            [[+Mobil:isnot=``:then=`
                <div class="tag is-rounded">
                    <span class="icon-text">
                        <span class="icon">
                            <ion-icon name="phone-portrait-outline"></ion-icon>
                        </span>
                        <span>
                            <a href="tel:[[+Mobil]]">[[+Mobil]]</a>
                        </span>
                    </span>
                </div>
            `]]
            [[+Tel_p:isnot=``:then=`
                <div class="tag is-rounded">
                    <span class="icon-text">
                        <span class="icon">
                            <ion-icon name="call-outline"></ion-icon>
                        </span>
                        <span>
                            <a href="tel:[[+Tel_p]]">[[+Tel_p]]</a>
                        </span>
                    </span>
                </div>
            `]]
            [[+E_Mail:isnot=``:then=`
                <div class="tag is-rounded">
                    <span class="icon-text">
                        <span class="icon">
                            <ion-icon name="mail-outline"></ion-icon>
                        </span>
                        <span>
                            <a href="mailto:[[+E_Mail]]">[[+E_Mail]]</a>
                        </span>
                    </span>
                </div>
            `]]
        </div>
    </div>
</div> 
