<?php
session_cache_limiter('private_no_expire');
session_start();

if (!isset($_SESSION['logged_in']) || $_SESSION['logged_in'] !== true) {
  header('Location: login.php');
  exit();
}
?>
<!DOCTYPE HTML>
<html lang="sr">
<head>
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-170116229-3"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);} 
gtag('js', new Date());
gtag('config', 'UA-170116229-3');
</script>
<title>NPS Ugljevik | Admin vijesti</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<link href="css/A.bootstrap.css.pagespeed.cf.Vm8pFVlsVE.css" rel="stylesheet" type="text/css"/>
<link href="//fonts.googleapis.com/css?family=Raleway:400,600,700" rel="stylesheet" type="text/css">
<link href="css/A.style.css+animate.min.css,Mcc.vpFHcp0RWB.css.pagespeed.cf.i1Clc1uZ-e.css" rel="stylesheet" type="text/css"/>
<link rel="shortcut icon" href="images/icon.png" type="image/x-icon">
<script src="js/jquery-1.11.1.min.js.pagespeed.ce.gQHVlrK4-j.js"></script>
<script src="js,_bootstrap.min.js+admin,_js,_function.js+js,_wow.min.js.pagespeed.jc.9i1vzGwUtQ.js"></script>
<script>eval(mod_pagespeed_ItsjHfSVxq);</script>
<script>eval(mod_pagespeed_z4NcQuRYLk);</script>
<script>eval(mod_pagespeed_UUvrrkgw8p);</script>
<script>new WOW().init();</script>
<style>
.admin-wrap{padding:42px 0 70px;}
.admin-topbar{display:flex; justify-content:space-between; align-items:center; gap:18px; margin-bottom:24px; flex-wrap:wrap;}
.admin-chip{display:inline-flex; align-items:center; gap:10px; padding:12px 16px; border-radius:999px; background:rgba(1,82,138,.08); color:#01528a; font-weight:800;}
.admin-chip:before{content:''; width:10px; height:10px; border-radius:50%; background:#16a34a; box-shadow:0 0 0 6px rgba(22,163,74,.12);}
.admin-layout{display:grid; grid-template-columns:1.35fr .65fr; gap:24px;}
.admin-card{background:rgba(255,255,255,.96); border-radius:28px; box-shadow:0 28px 65px rgba(8,33,63,.13); padding:28px;}
.admin-card h1{font-size:36px; font-weight:800; color:#10233d; margin-bottom:12px;}
.admin-card h3{font-size:22px; font-weight:800; color:#10233d; margin-bottom:14px;}
.admin-card p{margin-bottom:0;}
.admin-form-grid{display:grid; grid-template-columns:1fr 1fr; gap:18px;}
.admin-field{margin-bottom:18px;}
.admin-field label{display:block; margin-bottom:8px; color:#10233d; font-weight:700;}
.admin-field.full{grid-column:1 / -1;}
.admin-field textarea{min-height:280px;}
.admin-help{margin-top:8px; color:#6b7c90; font-size:13px;}
.admin-submit-row{display:flex; gap:12px; flex-wrap:wrap; align-items:center; margin-top:8px;}
.admin-submit-row input[type='submit']{min-width:260px; height:58px; font-size:16px;}
.admin-logout{display:inline-flex; align-items:center; justify-content:center; padding:16px 22px; background:#eef3f9; color:#10233d; border-radius:16px; font-weight:800;}
.admin-side-list{display:grid; gap:14px; margin-top:18px;}
.admin-side-item{padding:16px 18px; border-radius:18px; background:#f6f9fc; border:1px solid rgba(16,35,61,.06);}
.admin-side-item strong{display:block; color:#10233d; margin-bottom:6px;}
.preview-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:12px;}
.preview-grid img{width:100%; aspect-ratio:1/1; object-fit:cover; border-radius:16px; box-shadow:0 12px 24px rgba(16,35,61,.1);}
.cover-preview img{width:100%; max-height:260px; object-fit:cover; border-radius:20px; box-shadow:0 16px 30px rgba(16,35,61,.12);}
.admin-counter{font-size:13px; color:#6b7c90; margin-top:8px;}
@media (max-width: 980px){
  .admin-layout{grid-template-columns:1fr;}
}
@media (max-width: 767px){
  .admin-wrap{padding:24px 0 50px;}
  .admin-card{padding:20px; border-radius:22px;}
  .admin-form-grid{grid-template-columns:1fr;}
  .preview-grid{grid-template-columns:repeat(2,1fr);}
  .admin-card h1{font-size:28px;}
}
</style>

<style>
* {
  user-select: none !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
-webkit-touch-callout: none;
}



</style>

<script>

document.addEventListener('selectstart', function(e) {

  e.preventDefault();

});

document.addEventListener('mousedown', function(e) {

  if (e.detail > 1) { // sprečava double/triple click selekciju

    e.preventDefault();

  }

});



document.addEventListener('contextmenu', function(e) {

  e.preventDefault();

});



document.addEventListener('copy', function(e) {

  e.preventDefault();

});

document.addEventListener('keydown', function(e) {

  if (e.ctrlKey && (e.key === 'c' || e.key === 'a' || e.key === 'u' || e.key === 'i')) {

    e.preventDefault();

  }

});


document.addEventListener('keydown', function(e) {

  // Ctrl+Shift+I (DevTools)

  if (e.ctrlKey && e.shiftKey && e.key === 'I') {

    e.preventDefault();

  }

  // Ctrl+Shift+J (Console u Chrome)

  if (e.ctrlKey && e.shiftKey && e.key === 'J') {

    e.preventDefault();

  }

  // Ctrl+Shift+C (Inspect element)

  if (e.ctrlKey && e.shiftKey && e.key === 'C') {

    e.preventDefault();

  }

  // F12

  if (e.key === 'F12') {

    e.preventDefault();

  }

});

document.addEventListener('keydown', function(e) {

  if (e.metaKey && e.altKey && e.key === 'i') {

    e.preventDefault();

  }

});




</script>
</head>
<body>
<div class="header" id="ban">
  <div class="container">
    <div class="head-right wow fadeInLeft animated" data-wow-delay=".2s">
      <div class="header-search">
        <div class="search">
          <a href="index.html"><img src="images/newlogo.png" width="200" height="60" alt="NPS Ugljevik"></a>
        </div>
      </div>
    </div>
    <div class="header_right wow fadeInLeft animated" data-wow-delay=".2s">
      <nav class="navbar navbar-default">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
        </div>
        <div class="collapse navbar-collapse nav-wil" id="bs-example-navbar-collapse-1">
          <nav class="link-effect-7" id="link-effect-7">
            <ul class="nav navbar-nav">
              <li><a href="naslovna.html">Naslovna</a></li>
              <li><a href="onama.html">O nama</a></li>
              <li><a href="organinps.html">Organi NPS-a</a></li>
              <li><a href="novosti.html">Novosti</a></li>
              <li><a href="kontakt.html">Kontakt</a></li>
            </ul>
          </nav>
        </div>
      </nav>
    </div>
    <div class="clearfix"></div>
  </div>
</div>

<section class="admin-wrap">
  <div class="container">
    <div class="admin-topbar wow fadeInDown animated" data-wow-delay=".1s">
      <div>
        <div class="admin-chip">Prijavljen: <?php echo htmlspecialchars($_SESSION['username'] ?? 'admin', ENT_QUOTES, 'UTF-8'); ?></div>
      </div>
      <a href="logout.php" class="admin-logout">Logout</a>
    </div>

    <div class="admin-layout">
      <div class="admin-card wow fadeInUp animated" data-wow-delay=".1s">
        <h1>Napravi novu vijest</h1>
        <p>Forma je sređena da bude preglednija, brža i lakša za rad. Vrijeme se popunjava automatski, a slike možeš odmah pregledati prije objave.</p>

        <form method="post" action="create-news.php" enctype="multipart/form-data" id="newsForm">
          <div class="admin-form-grid">
            <div class="admin-field full">
              <label for="title">Naslov vijesti</label>
              <input type="text" id="title" name="title" required placeholder="Upiši puni naslov vijesti">
            </div>

            <div class="admin-field">
              <label for="date">Datum</label>
              <input type="date" id="date" name="date" required>
            </div>

            <div class="admin-field">
              <label for="time">Vrijeme</label>
              <input type="text" id="time" name="time" required placeholder="npr. 19:30">
            </div>

            <div class="admin-field full">
              <label for="main_photo">Glavna slika</label>
              <input type="file" id="main_photo" name="main_photo" required accept="image/*">
              <div class="admin-help">Ova slika ide na vrh vijesti i u listu novosti.</div>
              <div class="cover-preview" id="coverPreview"></div>
            </div>

            <div class="admin-field full">
              <label for="news_photos">Dodatne fotografije</label>
              <input type="file" id="news_photos" name="news_photos[]" multiple accept="image/*">
              <div class="admin-help">Možeš izabrati više slika odjednom.</div>
              <div class="preview-grid" id="galleryPreview"></div>
            </div>

            <div class="admin-field full">
              <label for="content">Tekst vijesti</label>
              <textarea id="content" name="content" required placeholder="Unesi kompletan tekst vijesti..."></textarea>
              <div class="admin-counter"><span id="contentCount">0</span> karaktera</div>
            </div>
          </div>

          <div class="admin-submit-row">
            <input type="submit" value="Objavi novu vijest">
          </div>
        </form>
      </div>

      <aside class="admin-card wow fadeInUp animated" data-wow-delay=".2s">
        <h3>Kako sada radi</h3>
        <div class="admin-side-list">
          <div class="admin-side-item">
            <strong>1. Uredniji naziv foldera</strong>
            Sistem pravi sigurniji naziv foldera i fajla za svaku novu vijest.
          </div>
          <div class="admin-side-item">
            <strong>2. Glavna + dodatne slike</strong>
            Glavna slika se posebno čuva, a dodatne slike automatski ulaze u galeriju vijesti.
          </div>
          <div class="admin-side-item">
            <strong>3. Ljepši unos sadržaja</strong>
            Tekst ostaje sa pasusima, a prikaz je uredniji i pregledniji.
          </div>
          <div class="admin-side-item">
            <strong>4. Brži workflow</strong>
            Auto-vrijeme, preview slika i brojač teksta ubrzavaju objavu.
          </div>
        </div>
      </aside>
    </div>
  </div>
</section>

<script>
(function(){
  var dateField = document.getElementById('date');
  if (dateField && !dateField.value) {
    var d = new Date();
    dateField.value = d.toISOString().slice(0, 10);
  }

  var content = document.getElementById('content');
  var count = document.getElementById('contentCount');
  if (content && count) {
    var updateCount = function(){ count.textContent = content.value.length; };
    content.addEventListener('input', updateCount);
    updateCount();
  }

  function renderPreview(input, holderId, single) {
    var holder = document.getElementById(holderId);
    if (!holder) return;
    holder.innerHTML = '';
    if (!input.files || !input.files.length) return;
    var files = single ? [input.files[0]] : Array.prototype.slice.call(input.files);
    files.forEach(function(file){
      if (!file.type.match(/^image\//)) return;
      var reader = new FileReader();
      reader.onload = function(e){
        var img = document.createElement('img');
        img.src = e.target.result;
        img.alt = file.name;
        holder.appendChild(img);
      };
      reader.readAsDataURL(file);
    });
  }

  var cover = document.getElementById('main_photo');
  var gallery = document.getElementById('news_photos');
  if (cover) cover.addEventListener('change', function(){ renderPreview(this, 'coverPreview', true); });
  if (gallery) gallery.addEventListener('change', function(){ renderPreview(this, 'galleryPreview', false); });
})();
</script>
</body>
</html>