<?php
require_once __DIR__ . '/includes/init.php';

// Resumen de reseñas de SlotMachine
$st = db()->prepare("SELECT COUNT(*) c, COALESCE(AVG(rating),0) a FROM reviews WHERE plugin_slug='slotmachine' AND status='visible'");
$st->execute();
$rev = $st->fetch();
$avg = round((float)$rev['a'], 1);
$cnt = (int)$rev['c'];

// Resumen de reseñas de ContractRPG
$st2 = db()->prepare("SELECT COUNT(*) c, COALESCE(AVG(rating),0) a FROM reviews WHERE plugin_slug='contractrpg' AND status='visible'");
$st2->execute();
$rev2 = $st2->fetch();
$avg2 = round((float)$rev2['a'], 1);
$cnt2 = (int)$rev2['c'];

// Resumen de reseñas de Waterborne
$st3 = db()->prepare("SELECT COUNT(*) c, COALESCE(AVG(rating),0) a FROM reviews WHERE plugin_slug='waterborne' AND status='visible'");
$st3->execute();
$rev3 = $st3->fetch();
$avg3 = round((float)$rev3['a'], 1);
$cnt3 = (int)$rev3['c'];

// Resumen de reseñas de ElementalArms
$st4 = db()->prepare("SELECT COUNT(*) c, COALESCE(AVG(rating),0) a FROM reviews WHERE plugin_slug='elementalarms' AND status='visible'");
$st4->execute();
$rev4 = $st4->fetch();
$avg4 = round((float)$rev4['a'], 1);
$cnt4 = (int)$rev4['c'];

$page_title = 'Plugins';
require __DIR__ . '/includes/header.php';
?>
<div class="wrap" style="padding-top:44px;padding-bottom:20px">
  <div class="eyebrow">infinity3113</div>
  <h1 style="font-size:clamp(30px,5vw,46px);font-weight:900;margin-top:10px" data-i18n="hubTitle">Minecraft Plugins</h1>
  <p style="color:var(--muted);font-size:17px;max-width:52ch;margin-top:12px" data-i18n="hubIntro">Plugins premium y gratuitos para tu servidor. Crea tu cuenta para descargar builds y dejar reseñas.</p>
</div>

<div class="wrap" style="padding-bottom:40px">
  <div class="grid" style="grid-template-columns:repeat(auto-fit,minmax(280px,1fr))">

    <!-- SlotMachine -->
    <div class="card" style="display:flex;flex-direction:column;gap:14px">
      <div style="display:flex;align-items:center;gap:13px">
        <div style="width:52px;height:52px;border-radius:14px;background:var(--panel2);border:1px solid var(--line2);display:grid;place-items:center;font-size:26px">🎰</div>
        <div>
          <h3 style="font-size:19px;font-weight:800">SlotMachine</h3>
          <div style="font-size:12.5px;color:var(--muted)" data-i18n="hubTagSlot">Casino · tragamonedas con jackpot</div>
        </div>
        <span class="badge b-premium" style="margin-left:auto" data-i18n="hubBadgeFP">Free + Premium</span>
      </div>
      <p style="color:var(--muted);font-size:14px;margin:0" data-i18n="hubDesc">Tragamonedas reales construidas con un tocadiscos y 3 marcos. Premios en dinero vía Vault.</p>
      <div style="display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)">
        <span class="stars"><?= $cnt ? stars_html((int)round($avg)) : '<span class="off">★★★★★</span>' ?></span>
        <?php if ($cnt): ?><b style="color:var(--text)"><?= number_format($avg,1) ?></b> · <?= $cnt ?> <span data-i18n="hubRevWord">reseñas</span><?php else: ?><span style="color:var(--muted2)" data-i18n="hubRevFirst">Sé el primero en reseñar</span><?php endif; ?>
      </div>
      <div style="display:flex;gap:10px;margin-top:4px;flex-wrap:wrap">
        <a class="btn primary sm" href="<?= e(BASE) ?>/slotmachine/">📖 <span data-i18n="hubBtnView">Ver plugin · descargar · comprar</span></a>
      </div>
    </div>

    <!-- ContractRPG -->
    <div class="card" style="display:flex;flex-direction:column;gap:14px">
      <div style="display:flex;align-items:center;gap:13px">
        <div style="width:52px;height:52px;border-radius:14px;background:var(--panel2);border:1px solid var(--line2);display:grid;place-items:center;font-size:26px">📜</div>
        <div>
          <h3 style="font-size:19px;font-weight:800">ContractRPG</h3>
          <div style="font-size:12.5px;color:var(--muted)" data-i18n="hubTagContract">Contratos · misiones RPG con tienda y ranking</div>
        </div>
        <span class="badge b-free" style="margin-left:auto" data-i18n="hubBadgeFree">Free</span>
      </div>
      <p style="color:var(--muted);font-size:14px;margin:0" data-i18n="hubDescContract">Contratos diarios, semanales, especiales y globales. Misiones, tienda de puntos, rarezas, loot, ranking y editor en el juego. Sin dependencias obligatorias.</p>
      <div style="display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)">
        <span class="stars"><?= $cnt2 ? stars_html((int)round($avg2)) : '<span class="off">★★★★★</span>' ?></span>
        <?php if ($cnt2): ?><b style="color:var(--text)"><?= number_format($avg2,1) ?></b> · <?= $cnt2 ?> <span data-i18n="hubRevWord">reseñas</span><?php else: ?><span style="color:var(--muted2)" data-i18n="hubRevFirst">Sé el primero en reseñar</span><?php endif; ?>
      </div>
      <div style="display:flex;gap:10px;margin-top:4px;flex-wrap:wrap">
        <a class="btn primary sm" href="<?= e(BASE) ?>/contractrpg/">📖 <span data-i18n="hubBtnViewFree">Ver plugin · descargar</span></a>
      </div>
    </div>

    <!-- Waterborne -->
    <div class="card" style="display:flex;flex-direction:column;gap:14px">
      <div style="display:flex;align-items:center;gap:13px">
        <div style="width:52px;height:52px;border-radius:14px;background:var(--panel2);border:1px solid var(--line2);display:grid;place-items:center;font-size:26px">💧</div>
        <div>
          <h3 style="font-size:19px;font-weight:800">Waterborne</h3>
          <div style="font-size:12.5px;color:var(--muted)" data-i18n="hubTagWater">Sed hardcore · parásitos del agua y curas</div>
        </div>
        <span class="badge b-free" style="margin-left:auto" data-i18n="hubBadgeFree">Free</span>
      </div>
      <p style="color:var(--muted);font-size:14px;margin:0" data-i18n="hubDescWater">Sistema de sed hardcore ligado a parásitos del agua. El agua sucia calma la sed pero puede infectarte; purifica agua y craftea curas. 8 parásitos, 4 remedios. Sin dependencias obligatorias.</p>
      <div style="display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)">
        <span class="stars"><?= $cnt3 ? stars_html((int)round($avg3)) : '<span class="off">★★★★★</span>' ?></span>
        <?php if ($cnt3): ?><b style="color:var(--text)"><?= number_format($avg3,1) ?></b> · <?= $cnt3 ?> <span data-i18n="hubRevWord">reseñas</span><?php else: ?><span style="color:var(--muted2)" data-i18n="hubRevFirst">Sé el primero en reseñar</span><?php endif; ?>
      </div>
      <div style="display:flex;gap:10px;margin-top:4px;flex-wrap:wrap">
        <a class="btn primary sm" href="<?= e(BASE) ?>/waterborne/">📖 <span data-i18n="hubBtnViewFree">Ver plugin · descargar</span></a>
      </div>
    </div>

    <!-- ElementalArms -->
    <div class="card" style="display:flex;flex-direction:column;gap:14px">
      <div style="display:flex;align-items:center;gap:13px">
        <div style="width:52px;height:52px;border-radius:14px;background:var(--panel2);border:1px solid var(--line2);display:grid;place-items:center;font-size:26px">⚔️</div>
        <div>
          <h3 style="font-size:19px;font-weight:800">ElementalArms</h3>
          <div style="font-size:12.5px;color:var(--muted)" data-i18n="hubTagElem">Ítems RPG · daño elemental · habilidades · equipo</div>
        </div>
        <span class="badge b-elem" style="margin-left:auto" data-i18n="hubBadgePremium">Premium</span>
      </div>
      <p style="color:var(--muted);font-size:14px;margin:0" data-i18n="hubDescElem">Suite de equipo RPG: armas elementales (12 elementos), 19 habilidades por ítem, tiers con tiradas, gemas, sets, menú de equipo y editor visual. MythicMobs nativo. Sin dependencias obligatorias.</p>
      <div style="display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)">
        <span class="stars"><?= $cnt4 ? stars_html((int)round($avg4)) : '<span class="off">★★★★★</span>' ?></span>
        <?php if ($cnt4): ?><b style="color:var(--text)"><?= number_format($avg4,1) ?></b> · <?= $cnt4 ?> <span data-i18n="hubRevWord">reseñas</span><?php else: ?><span style="color:var(--muted2)" data-i18n="hubRevFirst">Sé el primero en reseñar</span><?php endif; ?>
      </div>
      <div style="display:flex;gap:10px;margin-top:4px;flex-wrap:wrap">
        <a class="btn elem sm" href="<?= e(BASE) ?>/elementalarms/">📖 <span data-i18n="hubBtnView">Ver plugin · comprar</span></a>
      </div>
    </div>

  </div>
</div>
<?php require __DIR__ . '/includes/footer.php'; ?>
