{% if S_LOTTERY_ENABLED %}
<div id="portal-lottery-widget" class="card">
	<div class="flex items-center justify-between card-title">
		<h2 class="portal-title portal-lottery-title flex items-center gap-2">
      {% if definition.S_BLOCK_ICON %}
      {% if definition.FA_ENABLED %}
      <i class="icon fa {{ definition.FA_ICON }}" style="font-size: {{ definition.FA_SIZE }}px;" aria-hidden="true"></i>
      {% else %}
      <img src="{{ definition.IMAGE_SRC }}" width="{{ definition.IMAGE_WIDTH }}" height="{{ definition.IMAGE_HEIGHT }}" alt="" />
      {% endif %}
      {% endif %} {{ LOTTERY_NAME }}
    </h2>
		{% if zeina.collapse_panel %}
		<div class="collapse-panel zn-collapse-toggle open leading-[0] py-0.5 px-1 hover:cursor-pointer" data-zn-collapse="#portal-lottery-collapse">
			<div class="zn-collapse-open:[transform:rotate(180deg)] transition-all duration-300"><i class="iconify" data-mode="style" data-icon="ri:arrow-down-s-line" data-width="18" data-height="18" aria-hidden="true"></i></div>
		</div>
		{% endif %}
	</div>
	<div id="portal-lottery-collapse" class="zn-collapse w-full overflow-hidden" aria-labelledby="portal-lottery-collapse">
		<div class="px-3 py-3 text-sm">
      <div class="flex flex-col gap-0.5">
        {{ lang('LOTTERY_LAST_WINNER') ~ lang('COLON') }}
        <strong>{{ LAST_WINNER }}</strong>
        <hr class="border-dashed border-gray-200 dark:border-slate-800 my-2">
        <div class="mb-2">
          <div>{{ lang('LOTTERY_JACKPOT') ~ lang('COLON') }}</div>
          <span class="flex items-center gap-2"><strong>{{ JACKPOT }}</strong> {{ CASH_NAME }}</span>
        </div>
        <div class="mb-2 flex flex-col">{{ lang('LOTTERY_PLAYERS') ~ lang('COLON') }} <strong>{{ NO_OF_PLAYERS }}</strong></div>
        <div class="flex flex-col">{{ lang('LOTTERY_TICKETS') ~ lang('COLON') }} <strong>{{ NO_OF_TICKETS }}</strong></div>
        <hr class="border-dashed border-gray-200 dark:border-slate-800 my-2">
        <div>{{ lang('LOTTERY_NEXT_DRAW') ~ lang('COLON') }}</div>
        <strong>{{ NEXT_DRAWING }}</strong>
        <a class="text-xs mt-3" href="{{ U_LOTTERY }}">{{ LOTTERY_GOTO }}</a>
      </div>
    </div>
  </div>
</div>
{% endif %}