[[!ClientData]]
        <div class="card user-info-card my-3">
          <div class="card-body d-flex align-items-center">
            <div class="user-profile me-3"><i class="bi bi-person"></i></div>
            <div class="user-info">
              <div class="d-flex align-items-center">
                <h5 class="mb-1">[[+user.fullname]]</h5>
                <span class="badge bg-jk[[+product.product_name]] ms-2 rounded-pill">[[+product.product_name]]</span>
              </div>
              <p class="mb-0">JustKnit Designer[[-Hier der Name von der UserGroup. Die ist dann mit dem Abo verknüpft]]</p>
            </div>
          </div>
        </div>
        <!-- User Meta Data-->
        <div class="card user-data-card">
          <div class="card-body">
            <fieldset disabled>
[[-              <div class="form-group mb-3">
                <label class="form-label" for="Username">[[!%justknit.username? &namespace=`justknit` &topic=`register`]]</label>
                <input class="form-control"  type="text" value="[[+user.username]]" placeholder="Username">
              </div>
]]              
              <div class="form-group mb-3">
                <label class="form-label" for="fullname">[[!%justknit.fullname? &namespace=`justknit` &topic=`register`]]</label>
                <input class="form-control" id="fullname" type="text" value="[[+user.fullname]]" placeholder="Full Name" readonly>
              </div>
              <div class="form-group mb-3">
                <label class="form-label" for="email">[[!%justknit.email]]</label>
                <input class="form-control" id="email" type="text" value="[[+user.email]]" placeholder="Email Address" readonly>
              </div>
              <div class="form-group mb-3">
                <label class="form-label" for="portfolio">[[!%justknit.user_website]]</label>
                <input class="form-control" id="portfolio" type="url" value="[[+user.website]]" placeholder="Portfolio URL">
              </div>
[[-              <div class="form-group mb-3">
                <label class="form-label" for="job">Handynummer</label>
                <input class="form-control" id="job" type="text" value="[[+user.mobilephone]]" placeholder="Job Title">
              </div>
            <div class="form-group mb-3">
                <label class="form-label" for="job">Geburtstag</label>
                <input class="form-control" id="job" type="text" value="[[+user.dob]]" placeholder="Job Title">
              </div>

              <div class="form-group mb-3">
                <label class="form-label" for="address">Adresse</label>
                <input class="form-control" id="address" type="text" value="[[+address]]" placeholder="Address">
              </div>
              <div class="form-group mb-3">
                <label class="form-label" for="bio">Kommentar</label>
                <textarea class="form-control" id="bio" name="bio" cols="30" rows="10" placeholder="[[+comment]]"></textarea>
              </div>
]]              
            </fieldset>
            <a class="btn btn-primary w-100" role="button "href="[[~[[GetId? &alias=`profil_bearbeiten`]]]]">[[!%justknit.edit_profile? &namespace=`justknit` &topic=`register` ]]</a>
          </div>
        </div>


[[-

<p>View Profile</p>


<p>Username: [[+username]]</p>
<p>Full Name: [[+fullname]]</p>
<p>Email: [[+email]]</p>

<p><a href="[[~36]]">Edit</a></p>
]]
[[-
<p>Diese Seite können nur angemeldete User sehen, die Zugriff auf die Ressourcengruppe 'jkCalc' haben.  </p>
<a href="[[~[[*id]]? &service=`logout`]]" title="Logout">Logout</a>



<div class="card shadow-sm mt-2">
            <div class="card-body">[[-#cdedff]]
            <p>error: [[!+errors]]</p>
                [[-!getSubscriber? &user=`[[!+modx.user.id]]`]]
                <h3 class="text-center pb-3">*** DEVELOP [[*alias]] ***</h3>
                <p>User: [[!+modx.user.id]]  <span class="badge
                [[!+modx.user.id:userinfo=`primary_group`:is=`3`:then=`bg-thrd`]]
                [[!+modx.user.id:userinfo=`primary_group`:is=`4`:then=`bg-scnd`]]
                [[!+modx.user.id:userinfo=`primary_group`:is=`5`:then=`bg-frst`]]
                 ms-2 rounded-pill">
                    [[!+modx.user.id:userinfo=`primary_group`:is=`3`:then=`Basis`]]
                    [[!+modx.user.id:userinfo=`primary_group`:is=`4`:then=`Klassik`]]
                    [[!+modx.user.id:userinfo=`primary_group`:is=`5`:then=`Premium`]]
                    [[- Hier muss die Pill für das Abo rein]]</span></p>
                    <p><span class="badge bg-jkBasis ms-2 rounded-pill">Basis</span>
                    <span class="badge bg-jkKlassik ms-2 rounded-pill">Klassik</span>
                    <span class="badge bg-jkPremium ms-2 rounded-pill">Premium</span>
                    <span class="badge bg-jkBusiness ms-2 rounded-pill">Business</span>
                    <span class="badge bg-jkVIP ms-2 rounded-pill">VIP</span></p>

                <p>Hallo [[+nick_name]], <a href="[[~13]]">Login</a> [[+email]]  isloggedin??: [[!+modx.user.id:isloggedin:is=`1`:then=`YES!`]]</p>
                <button  type="button" class="btn btn-primary me-2 mb-2" onclick="location.reload(true);">[[!%knit.clrBtn]]-cache</button>
location.reload(true);

            </div>
        </div>
        
]]