<?php

?>

<div class="bg-glass shadow p-auto order-last flex flex-col gap-2">
    <h3 class="text-xl font-bold text-center"><?= $this->title ?></h3>
    <h4 class="text-lg font-bold text-center"><?= $instance['raid_name'] ?></h4>
    <div class="relative pt-1">
        <div class="overflow-hidden h-2 mb-4 text-xs flex bg-slate-200">
            <div style="width:<?=$this->getCompletePercent($instance)?>%" class="shadow-none flex flex-col text-center whitespace-nowrap text-white justify-center bg-alliance"></div>
        </div>
    </div>
    <?php
    foreach ($this->getBossList($instance) as $boss) {
    ?>
        <div class="flex flex-row gap-2">
            <div><?= $boss['name'] ?></div>
            <div class="w-full text-end"><?= $boss['date'] ? format_date($boss['date']) : "Nicht besiegt" ?></div>
        </div>
    <?php
    }
    ?>
</div>