<turbo-stream action="update" target="slideover-content"><template>
  <div class="slideover-header">
  <div class="flex items-center justify-between py-4">
    <div class="slideover-title">
      <i class="ph-user "></i>
      <h2 data-skeleton-target="">Profile</h2>
    </div>
    <div class="slideover-actions">
      <button class="modal-close" data-action="slideover#forceClose">
        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
          <path d="M12.5 3.5L3.5 12.5" stroke="#D4D4D8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
          <path d="M12.5 12.5L3.5 3.5" stroke="#D4D4D8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
        </svg>
      </button>
    </div>
  </div>
</div>
<div class="slideover-tabs">
    <a id="slideover-tab0" href="/users/L8Z7exKO/profile" class="slideover-tabs-tab slideover-tabs-tab--active" data-method="get">
      About
    </a>
    <a id="slideover-tab1" href="/users/L8Z7exKO/profile_activity" class="slideover-tabs-tab " data-method="get">
      Activity
    </a>
</div>
<div class="slideover-body" data-slideover-target="body">
  
    
  <div id="replaceable-form" class="scrollable-content">
  <div class="simple-nested-panel">
    <div class="panel-body flex !flex-row !items-center !gap-4">
      <img class="w-16 h-16 rounded-full shrink-0" src="https://secure.gravatar.com/avatar/37bf309ebe814ea6ac00df377bec2c28.png?default=mp&amp;rating=pg&amp;size=48" />
      <div class='w-full'>
        <div class="text-md font-medium text-gray-700 leading-tight">Daniel Naves de Carvalho</div>
          <div class="text-gray-500 !font-normal text-sm"> at <span class="text-gray-700 font-medium">Decile Hub</span></div>
        <div class="flex items-center gap-4 mt-2">
          <div class="flex items-center gap-1.5">
                <span class="h-2 w-2 bg-gray-300 rounded-full"> </span>
                <span class="text-xs !font-normal text-gray-400">Last active 1 day ago</span>
          </div>
          <div class="flex items-center gap-1">
            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
              <path d="M8 14C11.3137 14 14 11.3137 14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14Z" stroke-linecap="round" stroke-linejoin="round" class="stroke-current text-gray-300" />
              <path d="M8 4.5V8H11.5" stroke-linecap="round" stroke-linejoin="round" class="stroke-current text-gray-300" />
            </svg>
            <span class="text-xs !font-normal text-gray-500">6:15 PM local time</span>
          </div>
          <div class='flex gap-2 text-right items-center'>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="simple-nested-panel">
    <div class="panel-heading">
      <div class="panel-title">
        <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none">
          <path d="M9 15.75C12.7279 15.75 15.75 12.7279 15.75 9C15.75 5.27208 12.7279 2.25 9 2.25C5.27208 2.25 2.25 5.27208 2.25 9C2.25 12.7279 5.27208 15.75 9 15.75Z" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
          <path d="M9 11.25C10.5533 11.25 11.8125 9.9908 11.8125 8.4375C11.8125 6.8842 10.5533 5.625 9 5.625C7.4467 5.625 6.1875 6.8842 6.1875 8.4375C6.1875 9.9908 7.4467 11.25 9 11.25Z" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
          <path d="M4.48633 14.0203C4.90955 13.1867 5.55533 12.4866 6.3521 11.9975C7.14887 11.5084 8.0655 11.2496 9.00039 11.2496C9.93528 11.2496 10.8519 11.5084 11.6487 11.9975C12.4454 12.4866 13.0912 13.1867 13.5145 14.0203" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
        </svg>
        <h4>About <span class="text-sm normal-case">Daniel Naves de Carvalho</span></h4>
      </div>
    </div>
    <div class="panel-body">
      <div class="text-base text-gray-600">
          <div class="flex flex-col items-center justify-center flex-1 text-center py-10">
            <img src="https://d2id8jgnbwyil5.cloudfront.net/account.svg" class="w-28 shrink-0" />
            <div class="font-semibold text-base text-gray-700 mt-2">No bio available</div>
          </div>
      </div>
    </div>
  </div>
  <div class="simple-nested-panel">
    <div class="panel-body">
    </div>
  </div>
</div>



</div></template></turbo-stream>
