<?php
/**
 * =====================================================
 * AI NEWS — ŠABLÓNA PRE NOVÝ ČLÁNOK
 * =====================================================
 * Postup:
 * 1. Skopírujte tento súbor do priečinka /ai-news/
 * 2. Premenujte ho podľa URL, ktorú chcete (napr. "moj-clanok.php")
 *    URL bude: 191tech.com/ai-news/moj-clanok
 * 3. Vyplňte $article pole nižšie
 * 4. Napíšte obsah článku do sekcie označenej "TU ZAČÍNA OBSAH"
 * =====================================================
 */

$article = [
    'title'    => 'Ako stredoeurópska vzdelávacia inštitúcia skrátila spracovanie prihlášok o 80 percent vďaka AI',
    'excerpt'  => 'Stredná európska vzdelávacia skupina nasadila AI automatizačný systém, čím zrýchlila spracovanie študentskej administratívy o 80 % a výrazne znížila prevádzkové náklady.',
    'date'     => '2026-08-10',              // Dnes. Alebo konkrétny dátum: '2026-06-01'
    'author'   => '191tech',
    'category' => 'Vzdelávanie a Školstvo',       // Napr: E-commerce, Webdesign, Marketing, AI školenia
    'image'    => 'https://images.pexels.com/photos/16380906/pexels-photo-16380906.jpeg?auto=compress&cs=tinysrgb&fit=crop&h=627&w=1200',      // Cesta k obrázku článku (odporúčaný rozmer: 1200x630)
    'cta_text' => 'Mám záujem o konzultáciu', // Text hlavného CTA tlačidla
    'cta_link' => '/kontakt',                 // URL link CTA tlačidla
];

$page_title       = $article['title'] . ' | AI News 191tech';
$page_description = $article['excerpt'];
include dirname(__DIR__, 2) . '/parts/ai-page-head.php';
?>

<!-- ===== HERO ČLÁNKU ===== -->
<section class="ai-hero" style="min-height:auto; padding:140px 0 60px;">
  <div class="ai-container" style="max-width:860px;">
    <div style="display:flex; gap:12px; align-items:center; margin-bottom:24px; font-size:14px;">
      <a href="/ai-news" style="color:var(--ai-cyan); text-decoration:none;">← Späť na AI News</a>
      <span style="color:var(--ai-border);">|</span>
      <span style="color:var(--ai-purple); font-weight:600; text-transform:uppercase; letter-spacing:1px;"><?= htmlspecialchars($article['category']) ?></span>
      <span style="color:var(--ai-border);">|</span>
      <span style="color:var(--ai-text-muted);"><?= date('d.m.Y', strtotime($article['date'])) ?></span>
    </div>
    <h1 style="font-size:42px; line-height:1.2; margin-bottom:28px;"><?= htmlspecialchars($article['title']) ?></h1>
    <p style="font-size:20px; color:var(--ai-text-muted); line-height:1.6; margin-bottom:40px;"><?= htmlspecialchars($article['excerpt']) ?></p>

    <?php if(!empty($article['image'])): ?>
    <div style="border-radius:16px; overflow:hidden; border:1px solid var(--ai-border); margin-bottom:0;">
      <img src="<?= htmlspecialchars($article['image']) ?>" alt="<?= htmlspecialchars($article['title']) ?>"
           style="width:100%; height:auto; display:block; max-height:420px; object-fit:cover;">
    </div>
    <?php endif; ?>
  </div>
</section>

<!-- ===== OBSAH ČLÁNKU ===== -->
<section class="ai-section" style="padding-top:0;">
  <div class="ai-container" style="max-width:860px;">
    <div class="article-content">

      <!-- ════════════════════════════════════════════
           TU ZAČÍNA OBSAH ČLÁNKU
           Môžete použiť: <h2>, <h3>, <p>, <ul>, <ol>,
           <li>, <strong>, <em>, <a href="">, <blockquote>
      ════════════════════════════════════════════ -->

<p>Spracovanie tisícov prihlášok, kontrola povinných dokumentov a manuálne rozraďovanie študentov spomaľovali prevádzku stredoeurópskej vzdelávacej siete, čo vyriešila integrácia autonómneho AI automatizačného systému.</p><h2>Identifikácia problému a operatívne úzke hrdlá</h2><p>Stredne veľká vzdelávacia spoločnosť so sídlom v strednej Európe, prevádzkujúca sieť odborných akadémií a vzdelávacích centier, čelila pravidelnému administratívnemu preťaženiu pri každom zápisnom období. Tím desiatich pracovníkov študentského oddelenia strávil viac ako 160 hodín mesačne fyzickým overovaním certifikátov, prepisovaním dát do CRM a manuálnou komunikáciou s uchádzačmi. Narastajúci objem študentov spôsobil oneskorenia v spracovaní žiadostí až o tri týždne, čo viedlo k odchodu záujemcov ku konkurencii.</p><h2>Architektúra a fungovanie AI automatizačného systému</h2><p>Riešenie spočívalo vo vývoji a nasadení integrovaného AI automatizačného systému, ktorý kombinuje moduly pre optické rozpoznávanie znakov (OCR) s pokročilými modelmi spracovania prirodzeného jazyka (NLP). Systém bol prepojený s interným informačným systémom inštitúcie a e-mailovou bránou.</p><p>Proces začína v momente, keď uchádzač odošle prihlášku spolu s prílohami. AI systém automaticky kategorizuje prichádzajúcu správu, extrahuje textové dáta zo skenovaných vysvedčení, diplomov či osobných dokladov a overuje ich formálnu správnosť. Algoritmus dokáže identifikovať chybné alebo neúplné údaje a porovnať dosiahnuté výsledky študenta so vstupnými kritériami jednotlivých odborov. Následne automaticky vypočíta vážený priemer, priradí študentovi bodové hodnotenie a vytvorí návrh rozhodnutia o prijatí.</p><p>Pokiaľ v prihláške chýbajú vyžadované dokumenty, AI agent samostatne vygeneruje a odošle personalizovanú výzvu na doplnenie s presným uvedením chýbajúcich náležitostí. Celý proces prebieha v reálnom čase bez nutnosti zásahu ľudského operátora, pričom zamestnanci študentského oddelenia pristupujú len k hraničným prípadom, ktoré systém vyhodnotí s nízkou mierou konfidence.</p><p>Paralelne s verifikáciou podkladov systém zabezpečuje automatické generovanie zmluvnej dokumentácie a faktúr za školné. Využitie dynamických šablón prepojených s AI modulom umožňuje vytvoriť kompletný akceptačný balík vrátane elektronického podpisu počas jediného prevádzkového cyklu. Bezpečnosť spracovávaných údajov podlieha striktnej šifrovacej protokoliácii v súlade s normami GDPR, pričom každý úkon systému sa zaznamenáva do audítorského logu pre prípadné neskoršie kontroly.</p><h2>Kvantifikovateľné výsledky a merateľný dopad</h2><p>Nasadenie AI automatizačného systému prinieslo merateľné zrýchlenie celého náborového cyklu a výraznú úsporu zdrojov. Priame porovnanie metrík pred a po implementácii preukázalo zásadný posun v efektivite prevádzky.</p><ul><li><strong>Skrátenie času spracovania:</strong> Priemerný čas potrebný na spracovanie jednej prihlášky klesol zo 35 minút na 4 minúty.</li><li><strong>Zníženie prevádzkových nákladov:</strong> Celkové náklady na administratívu spojenú so zápisom študentov klesli o 42 % počas prvého roka prevádzky.</li><li><strong>Eliminácia chybovosti:</strong> Miera chýb pri prepisovaní osobno-obsahových údajov do študentskej databázy sa znížila zo 8,5 % na 0,08 %.</li><li><strong>Zvýšenie kapacity:</strong> Inštitúcia dokázala počas špičky spracovať vyše 12 000 prihlášok bez nutnosti angažovania dočasných sezónnych pracovníkov.</li><li><strong>Rýchlosť odozvy:</strong> Čas prvotnej reakcie uchádzačovi sa skrátil zo 7 dní na 15 minút.</li></ul><div class="case-study-box"><h3>Príklad z praxe</h3><ul><li><strong>Firma:</strong> stredná európska firma</li><li><strong>AI riešenie:</strong> AI automatizačný systém</li><li><strong>Problém:</strong> manuálne a časovo náročné procesy</li><li><strong>Výsledok:</strong> výrazné úspory času a nákladov</li></ul></div><h2>Odporúčania pre vzdelávací sektor</h2><p>Výsledky tejto prípadovej štúdie ukazujú, že nahradenie manuálnej administratívy inteligentnými algoritmickými procesmi nie je len technologickou inováciou, ale kľúčovým faktorom prevádzkovej udržateľnosti. Vzdelávacie inštitúcie, ktoré automatizujú rutinnú agendu, dokážu presmerovať svoje ľudské kapacity z byrokracie na priamu podporu študentov a skvalitňovanie výučby. Pre dosiahnutie podobných výsledkov je nevyhnutné zamerať sa na dôkladnú integráciu AI nástrojov s existujúcimi databázovými systémami a presne definovať pravidlá pre spracovanie výnimiek.</p><p>Pri plánovaní podobnej implementácie by vzdelávacie orgány mali postupovať v troch fázach: prvým krokom je audit procesov a identifikácia úzkych hrdiel, druhým je čiastočné pilotné nasadenie na vybranom študijnom odbore a treťou fázou celoplošná škálovateľnosť. Automatizácia procesov v školstve prináša najvyššiu návratnosť investícií práve v oblastiach s vysokým objemom štandardizovaných dokumentov.</p>

<!-- ════════════════════════════════════════════
           KONIEC OBSAHU ČLÁNKU
      ════════════════════════════════════════════ -->

    </div>

    <!-- CTA Banner vo vnútri článku -->
    <div class="ai-highlight-box" style="margin-top:56px; text-align:center;">
      <div class="ai-label" style="margin:0 auto 16px; display:table;">Zaujíma vás toto téma?</div>
      <h3 style="font-size:26px;">Hovoríme o tom <span class="ai-gradient-text">osobne</span></h3>
      <p style="margin-bottom:24px;">Kontaktujte nás na bezplatnú konzultáciu — analyzujeme možnosti AI pre vašu firmu.</p>
      <a href="<?= htmlspecialchars($article['cta_link']) ?>" class="ai-btn ai-btn-primary ai-btn-lg"><?= htmlspecialchars($article['cta_text']) ?></a>
    </div>
  </div>
</section>

<!-- ===== NEWSLETTER ===== -->
<section class="ai-section" style="background:var(--ai-bg2);">
  <div class="ai-container" style="max-width:700px; text-align:center;">
    <div class="ai-label ai-label-purple" style="margin:0 auto 16px; display:table;">AI News Newsletter</div>
    <h2>Podobné tipy priamo do <span class="ai-gradient-text-2">e-mailu</span></h2>
    <p style="margin-bottom:30px;">Prihláste sa na odber — každý týždeň pošleme najdôležitejšie AI novinky pre vaše podnikanie.</p>
    <form id="nlForm" style="display:flex; gap:12px; flex-wrap:wrap; justify-content:center;">
      <input type="text" name="website" style="display:none;" tabindex="-1" autocomplete="off">
      
      <select name="category" required style="padding:14px 20px; border-radius:8px; border:1px solid var(--ai-border); background:var(--ai-card); color:var(--ai-text); font-family:'Inter',sans-serif; outline:none; min-width:180px;">
        <option value="">Zvoľte odvetvie</option>
        <option value="Všetky odvetvia">Všetky odvetvia</option>
        <option value="Marketing a Predaj">Marketing a Predaj</option>
        <option value="E-commerce a Maloobchod">E-commerce a Maloobchod</option>
        <option value="Priemysel a Výroba">Priemysel a Výroba</option>
        <option value="Logistika a Doprava">Logistika a Doprava</option>
        <option value="Financie a Účtovníctvo">Financie a Účtovníctvo</option>
        <option value="HR a Administratíva">HR a Administratíva</option>
        <option value="Služby a Iné">Služby a Iné</option>
      </select>

      <input type="email" name="email" required placeholder="Váš pracovný e-mail"
        style="flex-grow:1; min-width:240px; padding:14px 20px; border-radius:8px; border:1px solid var(--ai-border); background:var(--ai-card); color:var(--ai-text); font-family:'Inter',sans-serif; outline:none;">
      <button type="submit" class="ai-btn ai-btn-primary" style="border:none; cursor:pointer;">Odoberať novinky</button>
    </form>
    <div id="nlMsg" style="margin-top:16px; font-weight:600; display:none;"></div>
  </div>
</section>

<script>
document.getElementById('nlForm').addEventListener('submit', function(e) {
  e.preventDefault();
  const fd = new FormData(this), msg = document.getElementById('nlMsg');
  fetch('/subscribe.php', { method:'POST', body:fd })
    .then(r => r.json())
    .then(d => {
      msg.style.display = 'block';
      msg.style.color = d.status === 'success' ? 'var(--ai-green)' : '#ef4444';
      msg.textContent = d.message;
      if(d.status === 'success') {
          this.reset();
          localStorage.setItem('ai_newsletter_subscribed', '1');
      }
    }).catch(() => {
      msg.style.display = 'block';
      msg.style.color = '#ef4444';
      msg.textContent = 'Nastala chyba. Skúste to prosím neskôr.';
    });
});
</script>

<!-- ===== NEWSLETTER POPUP ===== -->
<div id="aiPopup" style="display:none; position:fixed; bottom:30px; right:30px; max-width:400px; background:var(--ai-card); border:1px solid var(--ai-border); border-radius:16px; box-shadow:0 20px 40px rgba(0,0,0,0.1); z-index:9999; padding:32px; font-family:'Inter',sans-serif;">
  <button id="aiPopupClose" style="position:absolute; top:16px; right:16px; background:none; border:none; font-size:24px; cursor:pointer; color:var(--ai-text-muted); line-height:1;">&times;</button>
  <div class="ai-label ai-label-purple" style="margin-bottom:12px; display:inline-block;">AI News Newsletter</div>
  <h3 style="margin-top:0; font-size:20px; color:var(--ai-text); margin-bottom:8px;">Získajte náskok s AI</h3>
  <p style="color:var(--ai-text-muted); font-size:15px; line-height:1.6; margin-bottom:20px;">Vyberte si vaše odvetvie a pošleme vám len tie najrelevantnejšie AI tipy a novinky.</p>
  
  <form id="nlPopupForm" style="display:flex; flex-direction:column; gap:12px;">
    <input type="text" name="website" style="display:none;" tabindex="-1" autocomplete="off">
    <select name="category" required style="padding:12px 16px; border-radius:8px; border:1px solid var(--ai-border); background:var(--ai-bg); color:var(--ai-text); outline:none; font-size:15px;">
      <option value="">Zvoľte odvetvie</option>
      <option value="Všetky odvetvia">Všetky odvetvia</option>
      <option value="Marketing a Predaj">Marketing a Predaj</option>
      <option value="E-commerce a Maloobchod">E-commerce a Maloobchod</option>
      <option value="Priemysel a Výroba">Priemysel a Výroba</option>
      <option value="Logistika a Doprava">Logistika a Doprava</option>
      <option value="Financie a Účtovníctvo">Financie a Účtovníctvo</option>
      <option value="HR a Administratíva">HR a Administratíva</option>
      <option value="Služby a Iné">Služby a Iné</option>
    </select>
    <input type="email" name="email" required placeholder="Váš pracovný e-mail" style="padding:12px 16px; border-radius:8px; border:1px solid var(--ai-border); background:var(--ai-bg); color:var(--ai-text); outline:none; font-size:15px;">
    <button type="submit" class="ai-btn ai-btn-primary" style="width:100%; border:none; cursor:pointer; padding:12px;">Odoberať novinky</button>
  </form>
  <div id="nlPopupMsg" style="margin-top:12px; font-weight:600; font-size:14px; display:none;"></div>
</div>

<script>
// Logika popupu
document.addEventListener('DOMContentLoaded', function() {
    if (!localStorage.getItem('ai_newsletter_subscribed') && !sessionStorage.getItem('ai_popup_closed')) {
        setTimeout(() => {
            document.getElementById('aiPopup').style.display = 'block';
        }, 5000); // Zobrazí sa po 5 sekundách
    }

    document.getElementById('aiPopupClose').addEventListener('click', function() {
        document.getElementById('aiPopup').style.display = 'none';
        sessionStorage.setItem('ai_popup_closed', '1');
    });

    document.getElementById('nlPopupForm').addEventListener('submit', function(e) {
        e.preventDefault();
        const fd = new FormData(this), msg = document.getElementById('nlPopupMsg');
        const btn = this.querySelector('button');
        btn.textContent = 'Odosielam...';
        btn.disabled = true;

        fetch('/subscribe.php', { method:'POST', body:fd })
          .then(r => r.json())
          .then(d => {
            msg.style.display = 'block';
            msg.style.color = d.status === 'success' ? 'var(--ai-green)' : '#ef4444';
            msg.textContent = d.message;
            if(d.status === 'success') {
                this.reset();
                localStorage.setItem('ai_newsletter_subscribed', '1');
                setTimeout(() => document.getElementById('aiPopup').style.display = 'none', 3000);
            } else {
                btn.textContent = 'Odoberať novinky';
                btn.disabled = false;
            }
          }).catch(() => {
            msg.style.display = 'block';
            msg.style.color = '#ef4444';
            msg.textContent = 'Nastala chyba. Skúste to prosím neskôr.';
            btn.textContent = 'Odoberať novinky';
            btn.disabled = false;
          });
    });
});
</script>

<style>
.article-content { font-size:17px; line-height:1.8; color:var(--ai-text-muted); }
.article-content h2 { font-size:28px; color:var(--ai-text); margin:48px 0 20px; padding-top:8px; border-top:1px solid var(--ai-border); }
.article-content h3 { font-size:22px; color:var(--ai-text); margin:32px 0 14px; }
.article-content p  { margin-bottom:24px; color:var(--ai-text-muted); }
.article-content a  { color:var(--ai-cyan); text-decoration:underline; }
.article-content ul, .article-content ol { margin-bottom:24px; padding-left:22px; }
.article-content li { margin-bottom:10px; }
.article-content blockquote {
  border-left:4px solid var(--ai-cyan);
  background:rgba(0,243,255,0.06);
  padding:22px 28px; font-size:20px;
  font-style:italic; margin:40px 0;
  border-radius:0 10px 10px 0; color:var(--ai-text);
}
.article-content strong { color:var(--ai-text); }

/* ── Case Study Box ─────────────────────────────── */
.case-study-box {
  background: var(--ai-bg3);
  border: 1px solid var(--ai-border);
  border-left: 4px solid var(--ai-cyan);
  border-radius: 12px;
  padding: 28px 32px;
  margin: 40px 0;
}
.case-study-box h3 {
  font-size: 14px !important;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  color: var(--ai-cyan) !important;
  margin: 0 0 16px !important;
  padding: 0 !important;
  border: none !important;
}
.case-study-box ul {
  margin: 0 !important;
  padding-left: 0 !important;
  list-style: none;
}
.case-study-box li {
  padding: 6px 0;
  border-bottom: 1px solid var(--ai-border);
  font-size: 15px;
  color: var(--ai-text-muted);
}
.case-study-box li:last-child { border-bottom: none; }
.case-study-box li strong { color: var(--ai-text); margin-right: 6px; }
</style>

<?php include dirname(__DIR__, 2) . '/parts/ai-page-foot.php'; ?>
