185 lines
9.1 KiB
PHP
185 lines
9.1 KiB
PHP
|
<?php
|
||
|
|
|
||
|
|
use WoWPress\Frontend\Icon;
|
||
|
|
use WoWPress\Frontend\ToggleButton;
|
||
|
|
use WoWPress\Models\Raid;
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
$raid = $GLOBALS['wowpress']['raid'];
|
||
|
|
set_sidebar_status('top', false);
|
||
|
|
set_sidebar_status('left', false);
|
||
|
|
set_sidebar_status('right', false);
|
||
|
|
|
||
|
|
get_header();
|
||
|
|
?>
|
||
|
|
<div class="top-title flex flex-col lg:flex-row gap-auto" style="margin-top:calc(-1 * var(--wowp-gap))">
|
||
|
|
<?php if ($raid->previous) : ?>
|
||
|
|
<a href="<?= $raid->previous->link ?>" class="btn btn-outline hidden lg:flex">Vorheriger</a>
|
||
|
|
<?php endif; ?>
|
||
|
|
<div class="text-3xl font-bold bg-glass shadow p-3 text-center w-full">
|
||
|
|
<?= $GLOBALS['wowpress']['page_title'] ?>
|
||
|
|
</div>
|
||
|
|
<?php if ($raid->next) : ?>
|
||
|
|
<a href="<?= $raid->next->link ?>" class="btn btn-outline hidden lg:flex">Nächster</a>
|
||
|
|
<?php endif; ?>
|
||
|
|
</div>
|
||
|
|
<section id="primary">
|
||
|
|
<main id="main">
|
||
|
|
<div class="flex flex-col lg:flex-row gap-auto">
|
||
|
|
<div class="bg-glass shadow p-auto w-full lg:w-1/5 order-2 lg:order-1">
|
||
|
|
<div class="grid text-center gap-1">
|
||
|
|
<div class="bg-<?= $raid->color ?> text-black text-2xl "><?= format_date($raid->start, "EEEE") ?></div>
|
||
|
|
<div class="border border-<?= $raid->color ?>">
|
||
|
|
<div class="text-3xl p-auto "><?= format_date($raid->start, "dd. MMMM") ?></div>
|
||
|
|
</div>
|
||
|
|
<div class="border border-<?= $raid->color ?> p-2">Start: <?= format_date($raid->start, "HH:mm") ?></div>
|
||
|
|
<div class="border border-<?= $raid->color ?> p-2">Ende: <?= format_date($raid->end, "HH:mm") ?></div>
|
||
|
|
<?php if ($raid->difficulty) : ?>
|
||
|
|
<div class="border border-<?= $raid->color ?> p-2"><?= $raid->difficulty ?></div>
|
||
|
|
<?php endif; ?>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="w-full flex flex-col gap-auto order-3 lg:order-2">
|
||
|
|
<div class="bg-glass shadow p-auto">
|
||
|
|
<h3 class="text-xl font-bold">Informationen:</h3>
|
||
|
|
</div>
|
||
|
|
<div class="flex flex-col lg:flex-row gap-auto">
|
||
|
|
<div class="bg-glass shadow p-auto flex flex-col gap-auto">
|
||
|
|
<h3 class="text-xl font-bold text-center">Bosse</h3>
|
||
|
|
<div class="grid gap-auto">
|
||
|
|
<button class="btn btn-outline btn-alliance">Alle</button>
|
||
|
|
<button class="btn btn-outline btn-priest">Fahrs'tuhl der Raidzerstörer</button>
|
||
|
|
<button class="btn btn-outline btn-priest">Hogger</button>
|
||
|
|
<button class="btn btn-outline btn-priest">Sylvanas linker Zeh</button>
|
||
|
|
<button class="btn btn-outline btn-priest">RC Loot Council (Endboss)</button>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="w-full grid grid-cols-1 lg:grid-cols-4 gap-auto">
|
||
|
|
<div class="bg-glass shadow p-auto flex flex-col gap-auto">
|
||
|
|
<h3 class="text-xl font-bold text-center">Tank</h3>
|
||
|
|
<button class="btn btn-outline btn-deathknight">Zauron</button>
|
||
|
|
<button class="btn btn-outline btn-paladin">Moodyblues</button>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
<div class="bg-glass shadow p-auto flex flex-col gap-auto">
|
||
|
|
<h3 class="text-xl font-bold text-center">Heal</h3>
|
||
|
|
<button class="btn btn-outline btn-monk">Pandacetamol</button>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
<div class="bg-glass shadow p-auto flex flex-col gap-auto">
|
||
|
|
<h3 class="text-xl font-bold text-center">Range</h3>
|
||
|
|
<button class="btn btn-outline btn-hunter">Bleihagel</button>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
<div class="bg-glass shadow p-auto flex flex-col gap-auto">
|
||
|
|
<h3 class="text-xl font-bold text-center">Melee</h3>
|
||
|
|
<button class="btn btn-outline btn-shaman">Yorndar</button>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="flex flex-col gap-auto w-full lg:w-1/5 order-1 lg:order-3">
|
||
|
|
<div class="bg-glass shadow p-auto flex flex-col gap-auto">
|
||
|
|
<h3 class="text-xl font-bold text-center">Status</h3>
|
||
|
|
<div class="text-center text-monk flex flex-row gap-auto justify-center p-auto border border-monk">
|
||
|
|
<?= Icon::get('c-check') ?>
|
||
|
|
<span>Angemeldet</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="bg-glass shadow p-auto flex flex-col gap-auto">
|
||
|
|
<h3 class="text-xl font-bold text-center">Status ändern</h3>
|
||
|
|
<div class="grid grid-cols-2 gap-auto">
|
||
|
|
<div class="col-span-2 text-center">Anwesenheit</div>
|
||
|
|
<?= (new ToggleButton([
|
||
|
|
'type' => 'radio',
|
||
|
|
'name' => 'raid_status',
|
||
|
|
'text' => 'Anwesend',
|
||
|
|
'color' => 'monk',
|
||
|
|
'icon_yes' => 'o-check-circle',
|
||
|
|
'row' => false,
|
||
|
|
]))->render() ?>
|
||
|
|
<?= (new ToggleButton([
|
||
|
|
'type' => 'radio',
|
||
|
|
'name' => 'raid_status',
|
||
|
|
'text' => 'Abwesend',
|
||
|
|
'color' => 'deathknight',
|
||
|
|
'icon_yes' => 'o-x-circle',
|
||
|
|
'row' => false,
|
||
|
|
]))->render() ?>
|
||
|
|
<?= (new ToggleButton([
|
||
|
|
'type' => 'radio',
|
||
|
|
'name' => 'raid_status',
|
||
|
|
'text' => 'Ersatzbank',
|
||
|
|
'color' => 'druid',
|
||
|
|
'icon_yes' => 'o-question-mark-circle',
|
||
|
|
'row' => false,
|
||
|
|
]))->render() ?>
|
||
|
|
<?= (new ToggleButton([
|
||
|
|
'type' => 'radio',
|
||
|
|
'name' => 'raid_status',
|
||
|
|
'text' => 'Verspätet',
|
||
|
|
'color' => 'demonhunter',
|
||
|
|
'icon_yes' => 'o-clock',
|
||
|
|
'row' => false,
|
||
|
|
]))->render() ?>
|
||
|
|
<div class="col-span-2 text-center">Rolle</div>
|
||
|
|
<?= (new ToggleButton([
|
||
|
|
'type' => 'radio',
|
||
|
|
'name' => 'raid_role',
|
||
|
|
'text' => 'Tank',
|
||
|
|
'color' => 'priest',
|
||
|
|
'icon_yes' => 'o-shield-exclamation',
|
||
|
|
'row' => false,
|
||
|
|
]))->render() ?>
|
||
|
|
<?= (new ToggleButton([
|
||
|
|
'type' => 'radio',
|
||
|
|
'name' => 'raid_role',
|
||
|
|
'text' => 'Heal',
|
||
|
|
'color' => 'priest',
|
||
|
|
'icon_yes' => 'o-heart',
|
||
|
|
'row' => false,
|
||
|
|
]))->render() ?>
|
||
|
|
<?= (new ToggleButton([
|
||
|
|
'type' => 'radio',
|
||
|
|
'name' => 'raid_role',
|
||
|
|
'text' => 'Ranged',
|
||
|
|
'color' => 'priest',
|
||
|
|
'icon_yes' => 'o-bolt',
|
||
|
|
'row' => false,
|
||
|
|
]))->render() ?>
|
||
|
|
<?= (new ToggleButton([
|
||
|
|
'type' => 'radio',
|
||
|
|
'name' => 'raid_role',
|
||
|
|
'text' => 'Melee',
|
||
|
|
'color' => 'priest',
|
||
|
|
'icon_yes' => 'o-hand-raised',
|
||
|
|
'row' => false,
|
||
|
|
]))->render() ?>
|
||
|
|
</div>
|
||
|
|
<button class="btn btn-outline btn-monk">
|
||
|
|
<?=Icon::get('o-paper-airplane')?>
|
||
|
|
<span>Status Speichern</span>
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="w-full order-4 bg-glass shadow p-auto flex flex-col gap-auto">
|
||
|
|
<h3 class="text-xl font-bold text-center">Keine Rückmeldung</h3>
|
||
|
|
<div class="grid grid-cols-1 lg:grid-cols-12 gap-auto">
|
||
|
|
<button class="btn btn-outline btn-evoker">Yorndragon</button>
|
||
|
|
<button class="btn btn-outline btn-mage">Aye</button>
|
||
|
|
<button class="btn btn-outline btn-warrior">Stormranger</button>
|
||
|
|
<button class="btn btn-outline btn-druid">Kaldori</button>
|
||
|
|
<button class="btn btn-outline btn-shaman">Nokin</button>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</main>
|
||
|
|
</section>
|
||
|
|
<?php
|
||
|
|
get_footer();
|