{% if THANKS_PROFILELIST_VIEW and (POSTER_GIVE_COUNT or POSTER_RECEIVE_COUNT) %}
<div class="card bg1 mt-4">
	<div class="card-title">{{ lang('GRATITUDES') }}</div>
	<div class="p-4">
		<div class="postbody md:grid flex max-md:flex-col {% if POSTER_GIVE_COUNT and POSTER_RECEIVE_COUNT %}grid-cols-2{% endif %} gap-4">
      {% if POSTER_GIVE_COUNT %}
  		<div class="flex items-center gap-3">
  			{% if S_MOD_THANKS %}
        <ul class="post-buttons">
  				<li>
  					<a href="{{ U_CLEAR_LIST_THANKS_GIVE }}" title="{{ lang('CLEAR_LIST_THANKS') }}" class="border border-red-300 text-red-700 bg-red-50 rounded-lg flex p-2 non-link leading-[0]">
  						<i class="iconify" data-mode="style" data-icon="lucide:trash-2" data-height="16" data-width="16" aria-hidden="true"></i><span class="sr-only">{{ lang('CLEAR_LIST_THANKS') }}</span>
  					</a>
  				</li>
  			</ul>
  			{% endif %}
  			<div class="text-sm">
  				<div><span class="font-medium">{{ lang('GIVEN') }}{{ lang('COLON') }}</span> {{ POSTER_GIVE_COUNT }}</div>
  				<div class="mt-1">
  					<a href="#" onclick="phpbb.toggleDisplay('show_thanks'); return false;">{{ lang('THANKS_LIST') }}</a>
  					<div id="show_thanks" class="mt-1" style="display: none;">
  						<ul class="ms-3 flex flex-col gap-4 gap-y-1 text-sm md:list-[circle] list-inside">
  							{% for thanks_row in loops.thanks_row %}
  								<li>{{ thanks_row.USERNAME_FULL }} &#8594; <a href="{{ thanks_row.U_POST_LINK }}">{{ lang('FOR_MESSAGE') }}</a></li>
  							{% endfor %}
  						</ul>
  						{% if FURTHER_THANKS_TEXT_GIVEN %}<p class="mt-1">&nbsp;{{ FURTHER_THANKS_TEXT_GIVEN }}</p>{% endif %}
  					</div>
  				</div>
  			</div>
  		</div>
  		{% endif %}
      {% if POSTER_RECEIVE_COUNT %}
  		<div class="flex items-center gap-3">
  			{% if S_MOD_THANKS %}
        <ul class="post-buttons">
  				<li>
  					<a href="{{ U_CLEAR_LIST_THANKS_RECEIVE }}" title="{{ lang('CLEAR_LIST_THANKS') }}" class="border border-red-300 text-red-700 bg-red-50 rounded-lg flex p-2 non-link leading-[0]">
  						<i class="iconify" data-mode="style" data-icon="lucide:trash-2" data-height="16" data-width="16" aria-hidden="true"></i><span class="sr-only">{{ lang('CLEAR_LIST_THANKS') }}</span>
  					</a>
  				</li>
  			</ul>
  			{% endif %}
        <div class="text-sm">
  				<div><span class="font-medium">{{ lang('RECEIVED') }}{{ lang('COLON') }}</span> {{ POSTER_RECEIVE_COUNT }}</div>
  				<div class="mt-1">
  					<a href="#" onclick="phpbb.toggleDisplay('show_thanked'); return false;">{{ lang('THANKS_LIST') }}</a>
  					<div id="show_thanked" class="mt-1" style="display: none;">
  						<ul class="ms-3 flex flex-col gap-4 gap-y-1 text-sm md:list-[circle] list-inside">
  							{% for thanked_row in loops.thanked_row %}
  								<li>{{ thanked_row.USERNAME_FULL }} &#8594; <a href="{{ thanked_row.U_POST_LINK }}">{{ lang('FOR_MESSAGE') }}</a></li>
  							{% endfor %}
  						</ul>
  						{% if FURTHER_THANKS_TEXT_RECEIVED %}<p class="mt-1">&nbsp;{{ FURTHER_THANKS_TEXT_RECEIVED }}</p>{% endif %}
  					</div>
  				</div>
  			</div>
  		</div>
  		{% endif %}
    </div>
	</div>
</div>
{% endif %}