{{^_preserveContent}}
<div data-nft-preserve-content-target="true"> 
{{/_preserveContent}}


   {{#list.length}}
      {{#list}}

   <div class="row">
      <div class="col-12">
         <div class="vstack gap-4 mb-4">
            <div class="card card-body shadow-sm">

<div class="d-md-flex align-items-center  text-center text-md-start">  
   
   <div class="avatar avatar-xl me-md-3 mb-3 mb-md-0 align-self-center">
      <a href="/@{{profileSlug}}">
         {{#profileIsSignedIn}}
            <span style="top:10%;right:10%" class="nft-badge-online"></span>
         {{/profileIsSignedIn}}
         <img class="avatar-img rounded-circle" src="{{#profileThumbImageUrl}}{{profileThumbImageUrl}}{{/profileThumbImageUrl}}{{^profileThumbImageUrl}}https://upblack.s3.amazonaws.com/site/images/{{profileTypeDefaultPic}}{{/profileThumbImageUrl}}" alt="profile pic">
      </a>
   </div>
   
   <div> 
      <div class="d-sm-flex align-items-start text-center text-md-start justify-content-center justify-content-md-start"> 
         <h6 class="mb-0"><a href="/@{{profileSlug}}">{{profileName}}{{#verified}} <i class="bi bi-patch-check-fill text-success small"></i>{{/verified}}{{#foundingMember}} <i class="bi bi-trophy-fill text-warning small"></i>{{/foundingMember}}{{#profileIsPrivate}} <i class="bi bi-lock-fill small"></i>{{/profileIsPrivate}}{{#_requiresPremium}} <i class="fa fa-gem text-mode small fw-bold"></i>{{/_requiresPremium}}</a></h6>

         {{#profileSummary}}
         <p class="small ms-sm-2 mb-0">{{.}}</p>
         {{/profileSummary}}

         {{#superpowerQuickResult}}
         <p class="small ms-sm-2 mb-0"><a target="_blank" href="/community/surveys/worksuperpowers/{{profileUsername}}">{{.}}</a></p>
         {{/superpowerQuickResult}}

      </div>
{{#companyStageName}}
<div class="align-items-center mb-0 mt-2 justify-content-center">
   
   <div class="badge bg-primary text-white smalltext"><a class="text-white" href="javascript:void(0)" onclick="_a.showCompanyStageInfoModal()">{{companyStageName}}</a></div>
</div>
{{/companyStageName}}
{{^companyStageName}}
{{#primaryWorkCategoryName}}
<div class="align-items-center mb-0 mt-2 justify-content-center">
   <div class="badge bg-primary text-white smalltext">{{primaryWorkCategoryName}} Specialist</div>
</div>
{{/primaryWorkCategoryName}}
{{/companyStageName}}

      <ul class="mt-0 mb-0 list-unstyled align-items-sm-center">
         <li class="small mt-2">{{profileTypeName}} &nbsp;&bull;&nbsp; <span>{{profileWorkingCount}}</span> Collaborations</li>

      </ul>
      



      {{#_hasPersonas}}
      <ul class="mt-2 mb-0 list-unstyled align-items-sm-center"> 
         <li class="small">
         {{#profileIsFounder}}
         <span>Founder</span>
         {{/profileIsFounder}}
         {{#profileIsInfluencer}}
         <span class="badge badge-profile-type">Creator</span>
         {{/profileIsInfluencer}}
         {{#profileIsTalent}}
         <span class="badge badge-profile-type">Specialist</span>
         {{/profileIsTalent}}
         {{#profileIsCoach}}
         <span class="badge badge-profile-type">Advisor</span>
         {{/profileIsCoach}}
         {{#profileIsInvestor}}
         <span class="badge badge-profile-type">Investor</span>
         {{/profileIsInvestor}}
         </li>
      </ul>
      {{/_hasPersonas}}


   </div>
{{^loggedInUserIsOwner}}
   
   <div class="ms-md-auto d-flex flex-shrink-0 align-self-center justify-content-center justify-content-md-start"> 

      {{#checkedProfileIdCanMessage}}
      <button class="btn btn-primary-soft btn-sm me-2 mt-3 mt-md-0" onclick="_a.messageTo('{{profileUsername}}')"> Message </button>
      {{/checkedProfileIdCanMessage}}
      {{^_isMemberCheckedRelationshipIsAdmin}}
         {{^checkedProfileHasRelationship}}
            {{^_hasInvite}}
               <button data-connected="false" data-positivestate="false" class="btn btn-sm btn-outline-primary mt-3 mt-md-0" onclick="_a.toggleConnect('working', '{{viewerProfileId}}', '{{profileUsername}}', $(this), 'community-member-count-{{profileId}}', 'Collaborate', 'End Collaboration', false, null)">Collaborate</button>
            {{/_hasInvite}}
            {{#_hasInvite}}
               {{#_inviteIsOutbound}}
               <button data-connected="false" data-positivestate="true" class="btn btn-sm btn-primary mt-3 mt-md-0" onclick="_a.toggleConnect('working', '{{viewerProfileId}}', '{{profileUsername}}', $(this), 'community-member-count-{{profileId}}', 'Collaborate', 'End Collaboration', false)">Cancel Collaboration Request</button>
               {{/_inviteIsOutbound}}
               {{^_inviteIsOutbound}}
               <button data-connected="false" data-positivestate="false" class="btn btn-sm btn-primary mt-3 mt-md-0" onclick="_a.toggleConnect('working', '{{viewerProfileId}}', '{{profileUsername}}', $(this), 'community-member-count-{{profileId}}', 'Collaborate', 'End Collaboration', false)">Accept Collaboration Request</button>
               {{/_inviteIsOutbound}}
            {{/_hasInvite}}
         {{/checkedProfileHasRelationship}}
         {{#checkedProfileHasRelationship}}
        <button data-connected="true" data-positivestate="true" class="btn btn-sm btn-danger-soft mt-3 mt-md-0" onclick="_a.toggleConnect('working', '{{viewerProfileId}}', '{{profileUsername}}', $(this), 'community-member-count-{{profileId}}', 'Collaborate', 'End Collaboration', false, null)">End Collaboration</button>
         {{/checkedProfileHasRelationship}}
      {{/_isMemberCheckedRelationshipIsAdmin}}
      {{#_isMemberCheckedRelationshipIsAdmin}}
         <button class="btn btn-sm btn-primary-soft mt-3 mt-md-0" onclick="_a.navTo('/profiles/edit/{{profileId}}')">Manage</button>
      {{/_isMemberCheckedRelationshipIsAdmin}}
      
   </div>
{{/loggedInUserIsOwner}}

<hr class="mt-5 d-md-none">

</div>

            </div>
         </div>
      </div>
   </div>

      {{/list}}
   {{/list.length}}
{{^_preserveContent}}
   </div>
   <div data-nft-restore-data data-nft-search-next-page-ctr class="d-grid" style="display:none !important">
      
      <a data-nft-restore-data data-nft-search-next-page-action href="javascript:void(0);" onclick="return _a.doPaginate();" role="button" class="btn btn-sm btn-loader btn-primary-soft">
         <span class="load-text"> Load More Collaborations </span>
         <div class="load-icon">
            <div class="spinner-grow spinner-grow-sm" role="status">
               <span class="visually-hidden">Loading...</span>
            </div>
         </div>
      </a>
      
   </div>
{{/_preserveContent}}