<!doctype html>
<html class="no-js" lang="zxx" xmlns:th="http://www.w3.org/1999/xhtml" xmlns:sec="https://www.thymeleaf.org/thymeleaf-extras-springsecurity5">    <head>
  <meta charset="utf-8">
  <meta http-equiv="x-ua-compatible" content="ie=edge">
  <title>Moje prijave</title>
  <meta name="description" content="">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="manifest" href="site.webmanifest">
  <link rel="shortcut icon" type="image/x-icon" href="assets/img/favicon.ico">
  <link rel="stylesheet" type="text/css" href="assets/css/comments.css">

  <!-- CSS here -->
  <link rel="stylesheet" href="assets/css/bootstrap.min.css">
  <link rel="stylesheet" href="assets/css/owl.carousel.min.css">
  <link rel="stylesheet" href="assets/css/flaticon.css">
  <link rel="stylesheet" href="assets/css/slicknav.css">
  <link rel="stylesheet" href="assets/css/price_rangs.css">
  <link rel="stylesheet" href="assets/css/animate.min.css">
  <link rel="stylesheet" href="assets/css/magnific-popup.css">
  <link rel="stylesheet" href="assets/css/fontawesome-all.min.css">
  <link rel="stylesheet" href="assets/css/themify-icons.css">
  <link rel="stylesheet" href="assets/css/slick.css">
  <link rel="stylesheet" href="assets/css/nice-select.css">
  <link rel="stylesheet" href="assets/css/style.css">
</head>

<body>
<!-- Preloader Start -->
<div id="preloader-active">
  <div class="preloader d-flex align-items-center justify-content-center">
    <div class="preloader-inner position-relative">
      <div class="preloader-circle"></div>
      <div class="preloader-img pere-text">
        <img src="assets/img/logo/imi-logo.png" alt="">
      </div>
    </div>
  </div>
</div>
<!-- Preloader Start -->
<header>
  <!-- Header Start -->
  <div class="header-area header-transparrent">
    <div class="headder-top header-sticky">
      <div class="container">
        <div class="row align-items-center">
          <div class="col-lg-3 col-md-2">
            <!-- Logo -->
            <div class="logo">
              <a th:href="@{/}"><img src="assets/img/logo/imi-logo.png" alt=""></a>
            </div>
          </div>
          <div class="col-lg-9 col-md-9">
            <div class="menu-wrapper">
              <!-- Main-menu -->
              <div class="main-menu">
                <nav class="d-none d-lg-block">
                  <ul id="navigation">
                    <li><a th:href="@{/}">Pocetna</a></li>
                    <li><a th:href="@{/lista_poslova}">Pronadji Poslove </a></li>
                    <li><a th:href="@{/lista_poslodavaca}">Poslodavci</a></li>
                    <li sec:authorize="isAuthenticated()" ><b > <a href="#" sec:authentication="name"></a></b>
                      <ul class="submenu">
                        <li><a  sec:authorize="hasRole('ADMIN')" th:href="@{/admin_stranica}">Admin stranica</a></li>
                        <li><a sec:authorize="hasAnyRole('NEZAPOSLENI','ADMIN')"  th:href="@{/moje_prijave}">Moje prijave</a></li>
                        <li><a sec:authorize="hasAnyRole('POSLODAVAC','ADMIN')"  th:href="@{/moji_oglasi}">Moji oglasi</a></li>
                        <li><a sec:authorize="hasAnyRole('POSLODAVAC','ADMIN')"  th:href="@{/postavi_oglas}">Postavi oglas</a></li>
                        <li><a sec:authorize="hasAnyRole('POSLODAVAC','ADMIN','NEZAPOSLENI')"  th:href="@{/izmena_podataka}">Izmeni podatke</a></li>
                      </ul>
                    </li>
                  </ul>
                </nav>
              </div>
              <div class="header-btn d-none f-right d-lg-block">
                <div sec:authorize="isAnonymous()" class="header-btn d-none f-right d-lg-block">
                  <a th:href="@{/registracija}" class="btn head-btn1">Registracija</a>
                  <a th:href="@{/login}" class="btn head-btn2">Prijava</a>
                </div>
                <div sec:authorize="isAuthenticated()">
                  <form th:action="@{/logout}" method="post">
                    <input type="submit" value="Izloguj Se" class="btn head-btn1"/>
                  </form>
                </div>
              </div>
            </div>
          </div>
          <!-- Mobile Menu -->
          <div class="col-12">
            <div class="mobile_menu d-block d-lg-none"></div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- Header End -->
</header>
<main>

  <!-- Hero Area Start-->
  <div class="slider-area ">
    <div class="single-slider section-overly slider-height2 d-flex align-items-center" data-background="assets/img/hero/about.jpg">
      <div class="container">
        <div class="row">
          <div class="col-xl-12">
            <div class="hero-cap text-center">
              <h2>Pogledajte svoje prijave</h2>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- Hero Area End -->
  <!-- Job List Area Start -->
  <div class="job-listing-area pt-120 pb-120">
    <div class="container">
      <div class="row">
        <!-- Left content -->
        <div class="col-xl-3 col-lg-3 col-md-4">
          <div class="row">
            <div class="col-12">
              <div class="small-section-tittle2 mb-45">
                <div class="ion"> <svg
                        xmlns="http://www.w3.org/2000/svg"
                        xmlns:xlink="http://www.w3.org/1999/xlink"
                        width="20px" height="12px">
                  <path fill-rule="evenodd"  fill="rgb(27, 207, 107)"
                        d="M7.778,12.000 L12.222,12.000 L12.222,10.000 L7.778,10.000 L7.778,12.000 ZM-0.000,-0.000 L-0.000,2.000 L20.000,2.000 L20.000,-0.000 L-0.000,-0.000 ZM3.333,7.000 L16.667,7.000 L16.667,5.000 L3.333,5.000 L3.333,7.000 Z"/>
                </svg>
                </div>
                <h4>Filter Oglasa</h4>
              </div>
            </div>
          </div>
          <!-- Job Category Listing start -->
          <form class="job-category-listing mb-50">
            <div style="border-color:gray;height:50px;" class="input-form">
              <input id="kljuc" onkeyup="saveValue(this)"  placeholder="Kljucna rec" type="text" name="pretraga">
            </div>
            <!-- single two -->
            <div class="single-listing">
              <div class="small-section-tittle2">
                <h4>Lokacija</h4>
              </div>
              <!-- Select job items start -->
              <div class="select-job-items2">
                <select id="lokacija" onchange="saveValue(this)"  name="lokacija">
                  <option value="0">Bilo gde</option>
                  <th:block th:each="lok :${filterLokacije}">
                    <option th:text="${lok.naziv}" th:value="${lok.idLokacije}"></option>
                  </th:block>
                </select>
              </div>
              <!--  Select job items End-->
              <!-- select-Categories start -->
              <div class="small-section-tittle2">
                <h4>Moguc rad od kuce</h4>
              </div>
              <div class="select-job-items2">
                <select id="radOdKuce" onchange="saveValue(this)"  name="radOdKuce">
                  <option value="none">Svejedno</option>
                  <option value="1">da</option>
                  <option value="0">ne</option>
                </select>
              </div>
              <!-- select-Categories End -->
            </div>
            <!-- single one -->
            <div class="single-listing" th:with="idKat=0">
              <div class="small-section-tittle2">
                <h4>Oblast</h4>
              </div>
              <!-- Select job category start -->
              <div class="select-job-items2">
                <select id="oblast" onchange="saveValue(this);promeniPodkategorije(this)" name="oblast" >
                  <option value="0" selected>Izaberite Oblast</option>
                  <th:block th:each="kat : ${filterKategorije}">
                    <option  th:text="${kat.naziv}" th:value="${kat.idKategorije}"></option>
                  </th:block>
                </select>
              </div>
              <!--  Select job category End-->
              <!-- select-Categories start -->
              <div id="izborPodkategorija" class="select-Categories pt-80 pb-50">
                <div class="small-section-tittle2">
                  <h4>Podkategorije</h4>
                </div>
                <th:block th:each="podkat:${filterPodkategorije}">
                  <label  style="display:none"  class="container"><th:block th:text="${podkat.naziv}"></th:block>
                    <input th:class="${podkat.idKategorije}" name="podkategorije" type="checkbox" th:value="${podkat.idPodkategorije}">
                    <span class="checkmark"></span>
                  </label>
                </th:block>
                <div class="select-job-items">
                  <span>Sortiraj po:</span>
                  <select id="sortSelect" onchange="saveValue(this)" name="sortBy">
                    <option value="novi" selected>starosti(prvo noviji)</option>
                    <option value="stari">starosti(prvo stariji)</option>
                    <option value="lajkovi">najvise lajkova</option>
                    <option value="pregledi">najvise pregleda</option>
                  </select>
                </div>
              </div>

              <!-- select-Categories End -->
            </div>

            <input class="btn" type="submit" value="nadji poslove">

          </form>
          <!-- Job Category Listing End -->
        </div>
        <!-- Right content -->
        <div class="col-xl-9 col-lg-9 col-md-8">
          <!-- Featured_job_start -->
          <section class="featured-job-area">
            <div class="container">
              <!-- Count of Job list Start -->
              <div class="row">
                <div class="col-lg-12">
                  <div class="count-job mb-35">
                    <span>Pronadjeno <th:block th:text="${#lists.size(poslovi)}"></th:block> oglasa</span>
                  </div>
                </div>
              </div>
              <!-- Count of Job list End -->
              <!-- single-job-content -->
              <th:block th:if="${not #lists.isEmpty(poslovi)}">
                <div class="single-job-items mb-30" th:each="posao : ${poslovi}">
                  <div class="job-items">
                    <div class="job-tittle job-tittle2">
                      <a th:href="@{/detalji_oglasa(id=${posao.idOglasa})}">
                        <h4 th:text="${posao.naslov}"></h4>
                      </a>
                      <ul>
                        <li th:text="${poslodavci.get(posaoStat.index).username}"  ></li>
                        <li><i class="fas fa-map-marker-alt" th:text="${lokacije.get(posaoStat.index).naziv}"></i></li>
                        <li th:text="${kategorije.get(posaoStat.index).naziv}"></li>
                      </ul>
                    </div>
                  </div>
                  <div class="items-link items-link2 f-right">
                    <a th:href="@{/detalji_oglasa(id=${posao.idOglasa})}">Pogledaj detalje</a>
                  </div>
                </div>
              </th:block>
            </div>
          </section>
          <!-- Featured_job_end -->
        </div>
      </div>
    </div>
  </div>

  <!-- Job List Area End -->


</main>
<footer>
  <!-- Footer Start-->
  <div class="footer-area footer-bg footer-padding">
    <div class="container">
      <div class="row d-flex justify-content-between">
        <div class="col-xl-3 col-lg-3 col-md-4 col-sm-6">
          <div class="single-footer-caption mb-50">
            <div class="single-footer-caption mb-30">
              <div class="footer-tittle">
                <h4>O nama</h4>
                <div class="footer-pera">
                  <p>Oglasi imi je sajt na kojem mozete da nadjete veliki broj razlitih poslova</p>
                </div>
              </div>
            </div>

          </div>
        </div>
        <div class="col-xl-3 col-lg-3 col-md-4 col-sm-5">
          <div class="single-footer-caption mb-50">
            <div class="footer-tittle">
              <h4>Kontakt</h4>
              <ul>
                <li>
                  <p>Address : Petra Petrovica 1</p>
                </li>

                <li><a href="#">Phone : +8880 44338899</a></li>
                <li><a href="#">Email : info@imijobs.com</a></li>
              </ul>
            </div>

          </div>
        </div>
        <div class="col-xl-3 col-lg-3 col-md-4 col-sm-5">
          <div class="single-footer-caption mb-50">
            <div class="footer-tittle">
              <h4>Bitni Linkovi</h4>
              <ul>
                <li><a href="#">Vidi Projekte</a></li>
                <li><a href="#">Kontakt</a></li>
                <li><a href="#">Podrska</a></li>
              </ul>
            </div>
          </div>
        </div>
        <div class="col-xl-3 col-lg-3 col-md-4 col-sm-5">
          <div class="single-footer-caption mb-50">
            <div class="footer-tittle">
              <h4>Posta</h4>
              <div class="footer-pera footer-pera2">
                <p>Pretplati se da bi dobijao informaciju od nas kada se ukaze prilika za novi posao.</p>
              </div>
              <!-- Form -->
              <div class="footer-form" >
                <div id="mc_embed_signup">
                  <form target="_blank" action="https://spondonit.us12.list-manage.com/subscribe/post?u=1462626880ade1ac87bd9c93a&amp;id=92a4423d01"
                        method="get" class="subscribe_form relative mail_part">
                    <input type="email" name="email" id="newsletter-form-email" placeholder="Email Address"
                           class="placeholder hide-on-focus" onfocus="this.placeholder = ''"
                           onblur="this.placeholder = ' Email Address '">
                    <div class="form-icon">
                      <button type="submit" name="submit" id="newsletter-submit"
                              class="email_icon newsletter-submit button-contactForm"><img src="assets/img/icon/form.png" alt=""></button>
                    </div>
                    <div class="mt-10 info"></div>
                  </form>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!--  -->
      <div class="row footer-wejed justify-content-between">
        <div class="col-xl-3 col-lg-3 col-md-4 col-sm-6">
          <!-- logo -->
          <div class="footer-logo mb-20">
            <a href="#"><img src="assets/img/logo/imi-logo-white.png" alt=""></a>
          </div>
        </div>
        <div class="col-xl-3 col-lg-3 col-md-4 col-sm-5">
          <div class="footer-tittle-bottom">
            <span>5000+</span>
            <p>Raznih poslova</p>
          </div>
        </div>
        <div class="col-xl-3 col-lg-3 col-md-4 col-sm-5">
          <div class="footer-tittle-bottom">
            <span>200+</span>
            <p>Poslodavaca</p>
          </div>
        </div>
        <div class="col-xl-3 col-lg-3 col-md-4 col-sm-5">
          <!-- Footer Bottom Tittle -->
          <div class="footer-tittle-bottom">
            <span>50+</span>
            <p>Gradova sirom Srbije</p>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- footer-bottom area -->
  <div class="footer-bottom-area footer-bg">
    <div class="container">
      <div class="footer-border">
        <div class="row d-flex justify-content-between align-items-center">
          <div class="col-xl-10 col-lg-10 ">
            <div class="footer-copy-right">
              <p><!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
                Copyright &copy;<script>document.write(new Date().getFullYear());</script> All rights reserved | This template is made with <i class="fa fa-heart" aria-hidden="true"></i>
                <!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. --></p>
            </div>
          </div>
          <div class="col-xl-2 col-lg-2">
            <div class="footer-social f-right">
              <a href="#"><i class="fab fa-facebook-f"></i></a>
              <a href="#"><i class="fab fa-twitter"></i></a>
              <a href="#"><i class="fas fa-globe"></i></a>
              <a href="#"><i class="fab fa-behance"></i></a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- Footer End-->
</footer>

<!-- JS here -->

<!-- All JS Custom Plugins Link Here here -->
<script src="./assets/js/vendor/modernizr-3.5.0.min.js"></script>
<script src="./assets/js/form-js.js"></script>
<script src="./assets/js/filter.js"></script>
<!--        <script src="./assets/js/form-js.js"></script>-->
<!-- Jquery, Popper, Bootstrap -->
<script src="./assets/js/vendor/jquery-1.12.4.min.js"></script>
<script src="./assets/js/popper.min.js"></script>
<script src="./assets/js/bootstrap.min.js"></script>
<!-- Jquery Mobile Menu -->
<script src="./assets/js/jquery.slicknav.min.js"></script>

<!-- Jquery Slick , Owl-Carousel Range -->
<script src="./assets/js/owl.carousel.min.js"></script>
<script src="./assets/js/slick.min.js"></script>
<script src="./assets/js/price_rangs.js"></script>
<!-- One Page, Animated-HeadLin -->
<script src="./assets/js/wow.min.js"></script>
<script src="./assets/js/animated.headline.js"></script>
<script src="./assets/js/jquery.magnific-popup.js"></script>

<!-- Scrollup, nice-select, sticky -->
<script src="./assets/js/jquery.scrollUp.min.js"></script>
<script src="./assets/js/jquery.nice-select.min.js"></script>
<script src="./assets/js/jquery.sticky.js"></script>

<!-- contact js -->
<script src="./assets/js/contact.js"></script>
<script src="./assets/js/jquery.form.js"></script>
<script src="./assets/js/jquery.validate.min.js"></script>
<script src="./assets/js/mail-script.js"></script>
<script src="./assets/js/jquery.ajaxchimp.min.js"></script>

<!-- Jquery Plugins, main Jquery -->
<script src="./assets/js/plugins.js"></script>
<script src="./assets/js/main.js"></script>
</body>
</html>