<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="robots" content="index,follow">
<meta name="description" content="">
<meta name="keywords" content="">
<title>ISEZ-ADM - Strona główna</title>

<style>
  body{
    background-color:#f0f0df;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: black;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }

  /* Menu na całej szerokości */
  .top-menu-bar{
    background:#D6D3C0;
    padding: 12px 0;
    text-align: center;
    margin-bottom: 25px;
    width: 100%;
  }

  .top-menu-bar a{
    margin: 0 8px;
    color: #3c001e;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 17px;
    font-weight: bold;
  }

  .top-menu-bar a:hover{
    text-decoration: underline;
    color: green;
  }

  .container{
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 15px 30px 15px;
  }

  .english-link{
    text-align: right;
    margin: 20px 15px 10px 0;
  }

  .english-link a{
    color: blue;
    font-size: 20px;
    font-weight: bold;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 10px;
  }

  .english-link a:hover{ text-decoration: underline; }

  .english-link img{
    width: 45px;
    height: 21px;
  }

  /* Szybkie szukanie na stronie głównej */
  .quick-search{
    background:#f8f8f0;
    border:1px solid #D8D0B1;
    border-radius:10px;
    padding:14px;
    margin: 10px 10px 20px 10px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.06);
  }

  .quick-search form{
    display:flex;
    gap:10px;
    align-items:center;
    flex-wrap:wrap;
  }

  .quick-search input[type="search"]{
    flex: 1;
    min-width: 260px;
    padding: 10px 12px;
    border-radius:10px;
    border:1px solid #c5c2b0;
    font-size: 14px;
  }

  .quick-search button{
    padding: 10px 14px;
    border-radius:10px;
    border:1px solid #186D25;
    background:#186D25;
    color:#fff;
    cursor:pointer;
    font-size: 16px;
    font-weight:bold;
  }

  .quick-search button:hover{ opacity:0.9; }

  .quick-search-hint{
    margin-top:8px;
    font-size: 12px;
    color:#3c001e;
    opacity:0.85;
  }

  .logo-box{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 20px 0 30px 0;
    flex-wrap: wrap;
    text-align: center;
    padding: 20px 0;
    background: #f0f0df;
  }

  .logo-box div{
    flex: 1;
    margin: 10px;
    min-width: 150px;
  }

  .logo-box a{
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14pt;
    font-weight: bold;
    color: #186D25;
    line-height: 1.4;
  }

  .logo-box a:hover{
    text-decoration: underline;
    color: green;
  }

  .logo-box img{
    max-width: 100%;
    height: auto;
  }

  .logo-download-icon{
    max-width: 30px !important;
    height: auto !important;
  }

  .info-section{
    background: #f0f0df;
    margin-bottom: 25px;
  }

  .info-box{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 30px;
    padding: 0 10px;
  }

  .info-item{
    flex: 1;
    min-width: 300px;
    background: #f8f8f0;
    padding: 20px;
    border-radius: 8px;
    border: 1px solid #D8D0B1;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
  }

  .info-item-title{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #3c001e;
    margin-bottom: 15px;
    text-align: center;
    padding-bottom: 8px;
    border-bottom: 2px solid #D8D0B1;
  }

  .info-item-content{
    font-size: 14px;
    color: #0E5C93;
    line-height: 1.6;
  }

  .section-box{
    background: #b5cecc;
    padding: 18px;
    margin: 18px 0;
    text-align: center;
    border-radius: 8px;
    transition: all 0.3s ease;
    border: 1px solid #9cb9b7;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
  }

  .section-box:hover{
    background: #a0bdbc;
    transform: translateY(-3px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
  }

  .section-box a{
    text-decoration: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
    color: #9F0A05;
    display: block;
  }

  .section-box a:hover{
    color: #7D0804;
    text-decoration: underline;
  }

  .data-section{
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
    margin-top: 35px;
    margin-bottom: 40px;
    padding: 0 10px;
  }

  .data-column{
    flex: 1;
    min-width: 300px;
    background: #E0D3B5;
    padding: 25px;
    border-radius: 8px;
    border: 2px solid #D8D0B1;
    box-shadow: 0 3px 6px rgba(0,0,0,0.1);
  }

  .data-title{
    background: #D6D3C0;
    padding: 12px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 19px;
    font-weight: bold;
    color: #3c001e;
    text-align: center;
    border-radius: 6px;
    margin-bottom: 25px;
    border: 1px solid #c5c2b0;
  }

  .data-content{
    font-size: 13pt;
    color: #333;
    line-height: 1.9;
  }

  .data-content strong{ color: #000; }

  hr{
    border: none;
    border-top: 2px solid #ccc;
    margin: 35px 15px;
  }

  /* Responsywność */
  @media (max-width: 768px){
    .top-menu-bar{ padding: 10px 0; }
    .top-menu-bar a{ display: inline-block; margin: 4px; font-size: 16px; }

    .logo-box{ flex-direction: column; margin: 15px 0 25px 0; }
    .logo-box div{ width: 100%; margin: 10px 0; }
    .logo-box a{ font-size: 13pt; }

    .english-link{ text-align: center; margin: 15px 0; }
    .english-link a{ font-size: 18px; }

    .info-item, .data-column{ min-width: 100%; }
    .section-box{ padding: 15px; margin: 15px 0; }
    .section-box a{ font-size: 14px; }
    .data-title{ font-size: 17px; }
    .data-content{ font-size: 12pt; }
  }

  @media (max-width: 600px){
    .top-menu-bar a{ display: block; margin: 10px 0; font-size: 15px; }
    .english-link a{ font-size: 16px; justify-content: center; }

    .data-title{ font-size: 16px; padding: 10px; }
    .data-content{ font-size: 11pt; line-height: 1.7; }
    .section-box{ padding: 12px; }
    .section-box a{ font-size: 13px; }
    .info-item-title{ font-size: 15px; }
    .info-item-content{ font-size: 13px; }
  }

  @media (max-width: 400px){
    .top-menu-bar a{ font-size: 14px; }
    .logo-box a{ font-size: 12pt; }
    .english-link a{ font-size: 14px; }
    .section-box a{ font-size: 12px; }
    .data-title{ font-size: 15px; }
    .data-content{ font-size: 10pt; }
  }
  
  /* Wyniki live na stronie głównej */
.qs-results{
  margin-top:10px;
  background:#fff;
  border:1px solid #D8D0B1;
  border-radius:10px;
  overflow:hidden;
}

.qs-item{
  display:flex;
  justify-content:space-between;
  gap:10px;
  padding:10px 12px;
  border-top:1px solid #eee;
  text-decoration:none;
  color:#3c001e;
  font-size:14px;
}

.qs-item:first-child{ border-top:none; }

.qs-item:hover{ background:#f6f6ee; }

.qs-left{
  display:flex;
  flex-direction:column;
  gap:3px;
}

.qs-title{ font-weight:bold; }

.qs-meta{
  font-size:12px;
  opacity:0.75;
  color:#333;
}

.qs-badges{
  display:flex;
  gap:6px;
  align-items:flex-start;
  white-space:nowrap;
}

.qs-badge{
  font-size:11px;
  padding:3px 8px;
  border-radius:999px;
  background:#D6D3C0;
  color:#3c001e;
  border:1px solid #c5c2b0;
}

.qs-footer{
  margin-top:8px;
  text-align:right;
  font-size:12px;
}

.qs-footer a{ color:#0E5C93; text-decoration:none; }
.qs-footer a:hover{ text-decoration:underline; }
</style>
</head>

<body>

  <!-- Menu na całej szerokości -->
  <div class="top-menu-bar">
    <a href="/index.html">Home</a> -
    <a href="/szukaj/">Szukaj</a> -
    <a href="/adm/adm.htm">Administracyjne</a> -
    <a href="/scientia/scientia.htm">Scientia</a> -
    <a href="/granty/granty.htm">Granty</a> -
    <a href="/zbiory/zbiory.htm">Dział Zbiorów</a> -
    <a href="/doktoranckie/doktoranckie.html">Doktoranckie</a> -
    <a href="/media/media.html">Media</a> -
    <a href="/siec/siec.htm">Sieć</a> -
    <a href="/czas-pracy.html">Czas pracy</a>
  </div>

  <div class="container">

    <!-- Link do wersji angielskiej -->
    <div class="english-link">
      <a href="./en/documents-en.html">
        Documents in English
        <img src="images/UK_flag.jpg" alt="UK Flag">
      </a>
    </div>

    <!-- Lupka / szybkie szukanie -->
<div class="quick-search" id="qs">
  <form id="qsForm" action="/szukaj/" method="get" accept-charset="utf-8" autocomplete="off">
    <input id="qsInput" type="search" name="q" placeholder="Szukaj dokumentu (np. regulamin, bhp, urlop...)" aria-label="Szukaj dokumentu">
    <button type="submit" title="Szukaj">🔎</button>
  </form>

  <div id="qsHint" class="quick-search-hint">Ładowanie indeksu…</div>

  <div id="qsResults" class="qs-results" hidden></div>

  <div class="qs-footer" id="qsFooter" hidden>
    <a id="qsMore" href="/szukaj/">Pokaż wszystkie wyniki w wyszukiwarce</a>
  </div>
</div>

    <!-- Logo -->
    <div class="logo-box">
      <div>
        <a href="/images/logo-isez---eps-gif-jpg-png.zip">
          <span style="color:#186D25; font-family: Arial,Helvetica; font-size: 14pt; font-weight: bold">
            Pobierz<br>logo ISEZ<br>
            <img src="/images/download-icon-transparent.gif" alt="Pobierz" class="logo-download-icon">
          </span>
        </a>
      </div>

      <div>
        <a href="https://www.isez-adm.pan.krakow.pl">
          <img src="/images/logo-isez-download.gif" width="230" height="80" alt="Logo ISEZ">
        </a>
      </div>

      <div>
        <a href="/images/logo-isez---eps-gif-jpg-png.zip">
          <span style="color:#186D25; font-family: Arial,Helvetica; font-size: 14pt; font-weight: bold">
            Pobierz<br>logo ISEZ<br>
            <img src="/images/download-icon-transparent.gif" alt="Pobierz" class="logo-download-icon">
          </span>
        </a>
      </div>
    </div>

    <!-- Informacje o WiFi i Teams -->
    <div class="info-box">
      <div class="info-item">
        <div class="info-item-title">WiFi - hasła dostępu</div>
        <div class="info-item-content">
          <strong>isez:</strong> isez-pan28<br>
          <strong>isez-guest:</strong> isez-pan
        </div>
      </div>

      <div class="info-item">
        <div class="info-item-title">Teams - Sala Konferencyjna<br>Dane do logowania</div>
        <div class="info-item-content">
          <strong>login:</strong> [email protected]<br>
          <strong>hasło:</strong> Isez-Pan28
        </div>
      </div>
    </div>

    <!-- Linki do dokumentów -->
    <div class="info-section">
      <div class="section-box">
        <a href="lista-telefonow-pracownikow-i-doktorantow.pdf">
          Lista pracowników i doktorantów
        </a>
      </div>

      <div class="section-box">
        <a href="rodo/rodo.html">RODO</a>
      </div>

      <div class="section-box">
        <a href="adm/regulamin-pracy.html">Regulamin pracy</a>
      </div>

      <div class="section-box">
        <a href="adm/Zarzadzenie_nr_021_02_2026_11-02-2026_Zmiana-regulaminu-wynagradzania.pdf">
          Zarządzenie nr 021/02/2026 z dnia 11-02-2026 — zmiana regulaminu wynagradzania
        </a>
      </div>

      <div class="section-box">
        <a href="adm/regulamin-wynagradzania.pdf">Regulamin wynagradzania</a>
      </div>

      <div class="section-box">
        <a href="adm/regulamin-rozwiazywania-konfliktow-pomiedzy-pracownikami.html">
          Regulamin rozwiązywania konfliktów pomiędzy pracownikami
        </a>
      </div>

      <div class="section-box">
        <a href="adm/wewnetrzna-polityka-antymobbingowa.html">
          Wewnętrzna Polityka Antymobbingowa
        </a>
      </div>

      <div class="section-box">
        <a href="adm/punkt-wsparcia-doktorantow-w-ISEZ-PAN.pdf">Punkt wsparcia doktorantów</a>
        &nbsp;&nbsp;&nbsp;&nbsp;
        <a href="adm/welcome-point-w-ISEZ-PAN.pdf">Welcome Point</a>
      </div>

      <div class="section-box">
        <a href="adm/listy-adresow-wykorzystywanych-w-isez-pan.pdf">
          Listy adresów e-mail wykorzystywanych w ISEZ PAN
        </a>
      </div>
    </div>

    <hr>

    <!-- Dane identyfikacyjne i numery kont -->
    <div class="data-section">
      <div class="data-column">
        <div class="data-title">Dane identyfikacyjne Instytutu</div>
        <div class="data-content">
          <strong>Nazwa:</strong><br>
          Instytut Systematyki i Ewolucji Zwierząt PAN<br><br>

          <strong>Adres:</strong><br>
          ul. Sławkowska 17, 31-016 Kraków<br><br>

          <strong>NIP:</strong> 675-000-18-86<br><br>
          <strong>NIP UE:</strong> PL6750001886<br><br>
          <strong>REGON:</strong> 000326227<br><br>
          <strong>PIC:</strong> 913137049<br><br>

          <strong>Bank:</strong><br>
          Bank Gospodarstwa Krajowego<br>
          ul. Promienistych 1, Kraków<br><br>

          <strong>SWIFT:</strong> GOSKPLPW<br><br>

          <strong>Adres do e-Doręczeń:</strong><br>
          AE:PL-34438-87460-IVBFA-20
        </div>
      </div>

      <div class="data-column">
        <div class="data-title">Numery kont</div>
        <div class="data-content">
          <strong>Subwencje MEiN:</strong><br>
          65 1130 1150 0012 1266 7920 0001<br><br>

          <strong>Dotacje MEiN:</strong><br>
          54 1130 1150 0012 1266 7920 0005<br><br>

          <strong>NCN - rach. zbiorczy:</strong><br>
          81 1130 1150 0012 1266 7920 0004<br><br>

          <strong>Projekty badawcze - W. Krzemiński:</strong><br>
          05 1130 1150 0012 1266 7920 0014<br><br>

          <strong>Projekt MEiN - SON:</strong><br>
          27 1130 1150 0012 1266 7920 0006<br><br>

          <strong>Projekt UE MAMBA 101045245:</strong><br>
          EUR — 37 1130 1150 0012 1266 7920 0020<br>
          PLN — 59 1130 1150 0012 1266 7920 0012<br><br>

          <strong>Zlecenia zewnętrzne:</strong><br>
          38 1130 1150 0012 1266 7920 0002<br><br>

          <strong>ZFŚS:</strong><br>
          11 1130 1150 0012 1266 7920 0003<br><br>
        </div>
      </div>
    </div>

  </div><!-- /.container -->
<script>
(function(){
  const form = document.getElementById('qsForm');
  const input = document.getElementById('qsInput');
  const hint  = document.getElementById('qsHint');
  const box   = document.getElementById('qsResults');
  const footer= document.getElementById('qsFooter');
  const more  = document.getElementById('qsMore');

  if(!form || !input || !hint || !box) return;

  // Nie przechodź na inną stronę
  form.addEventListener('submit', function(e){ e.preventDefault(); });

  let docs = [];
  let ready = false;

  function norm(s){
    s = (s || '').toString().toLowerCase();
    // usuwanie polskich znaków (żeby "lód" znalazł też po "lod")
    const map = {'ą':'a','ć':'c','ę':'e','ł':'l','ń':'n','ó':'o','ś':'s','ż':'z','ź':'z'};
    s = s.replace(/[ąćęłńóśżź]/g, ch => map[ch] || ch);
    // dodatkowo usuń znaki specjalne do porównań
    return s.replace(/\s+/g,' ').trim();
  }

  function escapeHtml(str){
    return (str || '').replace(/[&<>"']/g, m => ({
      '&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;',"'":'&#39;'
    }[m]));
  }

  function renderResults(q){
    const nq = norm(q);
    box.innerHTML = '';
    footer.hidden = true;

    if(!ready){
      box.hidden = true;
      hint.textContent = 'Ładowanie indeksu…';
      return;
    }

    if(nq.length < 2){
      box.hidden = true;
      hint.textContent = 'Wpisz min. 2 znaki, aby zobaczyć wyniki.';
      return;
    }

    const matches = [];
    for(let i=0;i<docs.length;i++){
      const d = docs[i];
      if(d._nTitle.includes(nq)){
        matches.push(d);
        if(matches.length >= 30) break; // limit widocznych wyników
      }
    }

    if(matches.length === 0){
      box.hidden = true;
      hint.textContent = 'Brak wyników. Spróbuj innego słowa.';
      return;
    }

    hint.textContent = 'Znaleziono: ' + matches.length + ' (pokazuję max 30).';

    const html = matches.map(d => {
      const title = escapeHtml(d.title);
      const rel   = escapeHtml(d.rel || '');
      const sec   = escapeHtml(d.section || '');
      const ext   = escapeHtml((d.ext || '').toUpperCase());

      return `
        <a class="qs-item" href="${d.url}" target="_blank" rel="noopener">
          <div class="qs-left">
            <div class="qs-title">${title}</div>
            <div class="qs-meta">${rel}</div>
          </div>
          <div class="qs-badges">
            ${sec ? `<span class="qs-badge">${sec}</span>` : ``}
            ${ext ? `<span class="qs-badge">${ext}</span>` : ``}
          </div>
        </a>
      `;
    }).join('');

    box.innerHTML = html;
    box.hidden = false;

    // link "więcej" (opcjonalnie)
    more.href = '/szukaj/?q=' + encodeURIComponent(q);
    footer.hidden = false;
  }

  // debouncer
  let t = null;
  input.addEventListener('input', function(){
    clearTimeout(t);
    t = setTimeout(() => renderResults(input.value), 120);
  });

  // Pobierz indeks raz
  fetch('/szukaj/api.php?ts=' + Date.now(), { cache: 'no-store' })
    .then(r => r.json())
    .then(data => {
      docs = Array.isArray(data.docs) ? data.docs : [];
      // przygotuj znormalizowane tytuły do szybkiego wyszukiwania
      for(const d of docs){
        d._nTitle = norm(d.title);
      }
      ready = true;
      hint.textContent = 'Wpisz min. 2 znaki, aby zobaczyć wyniki.';
      // jeśli coś już wpisane (np. autofill)
      if(input.value.trim()) renderResults(input.value);
    })
    .catch(err => {
      ready = false;
      box.hidden = true;
      hint.innerHTML = 'Nie udało się pobrać indeksu. Użyj <a href="/szukaj/">wyszukiwarki dokumentów</a>.';
    });

})();
</script>
</body>
</html>