Untitled

<!DOCTYPE html>
<html lang="en">
<head>
  <title>Domaci-primer 07</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>

  <link href="https://fonts.googleapis.com/css?family=Ubuntu&display=swap" rel="stylesheet">
  <link rel="stylesheet" href="/js/jquery-ui.css">
  <link rel="stylesheet" href="/js/style.css">
  <script src="/js/jquery-3.4.1.min.js"></script>
  <script src="/js/jquery-ui.js"></script>

</head>
<body>

<div class="container">

   <div class="input-group">
				<button type="button" class="btn btn-info">
                <span class="btn-label"><i class="glyphicon glyphicon-arrow-left" ></i></span> Povratak na listu</button>
                &nbsp;
                <button type="button" class="btn btn-info">
                <span class="btn-label"><i class="glyphicon glyphicon-search" ></i></span> Pretraga ugovora</button>
   </div>
   <h3>Nova primedba</h3>
   <hr id="linija">

    <form class="form-horizontal">
       <div class="form-group">
          <label class="control-label col-sm-2" for="naselje">Naselje</label>
          <div class="col-sm-2">
            <select class="form-control" id="naselje">
                <option>(izaberite naselje)</option>
                <option>Liman</option>
                <option>Novo naselje</option>

            </select>
          </div>

          <label class="control-label col-sm-1" for="grupa">Grupa</label>
          <div class="col-sm-2">
            <select class="form-control" id="grupa">
                <option>(izaberite grupu)</option>
                <option>1</option>
                <option>2</option>
                <option>3</option>
            </select>
          </div>
        </div>
        <div class="form-group">
          <label class="control-label col-sm-2" for="objekat">Objekat</label>
          <div class="col-sm-2">
            <select class="form-control" id="objekat">
                <option>(izaberite objekat)</option>
                <option>1</option>
                <option>2</option>
                <option>3</option>
            </select>
          </div>

          <label class="control-label col-sm-1" for="lamela">Lamela</label>
          <div class="col-sm-2">
            <select class="form-control" id="lamela">
                <option>(izaberite lamelu)</option>
                <option>A</option>
                <option>B</option>
                <option>C</option>
            </select>
          </div>

          <label class="control-label col-sm-1" for="adresa">Adresa</label>
          <div class="col-sm-4">
            <input type="text" class="form-control" id="adresa">
          </div>
        </div>

        <div class="form-group">
          <label class="control-label col-sm-2" for="prijava">Prijava</label>
          <div class="col-sm-2">
            <select class="form-control" id="prijava">
                <option>pošta</option>
                <option>A</option>
                <option>B</option>
                <option>C</option>
            </select>
          </div>
          <label class="control-label col-sm-1" for="posta">Br. pošte</label>
          <div class="col-sm-2">
            <input type="text" class="form-control" id="posta">
          </div>
          <label class="control-label col-sm-1" for="datepicker">Datum</label>
          <div class="col-sm-2">
            <input type="text" class="form-control" id="datepicker" placeholder="dd-mm-yy" >
          </div>
        </div>

        <div class="form-group">
          <label class="control-label col-sm-2" for="datumUneto">Uneto</label>
          <div class="col-sm-2" style="padding-right: 0px; padding-left: 0px">
            <select class="form-control" id="godina">
                <option>Januar</option>
                <option>Februar</option>
                <option>Mart</option>
                <option>April</option>
                <option>Maj</option>
                <option>Jun</option>
                <option>Jul</option>
                <option>Avgust</option>
                <option>Septembar</option>
                <option>Oktobar</option>
                <option>Novembar</option>
                <option>Decembar</option>
            </select>
          </div>
          <div class="col-sm-1" style="padding-right: 0px; padding-left: 0px">
            <input type="number"class="form-control" id="datumUneto" min="1" max="31">
          </div>
          <div class="col-sm-1" style="padding-right: 0px; padding-left: 0px">
            <input type="number"class="form-control" id="godina" min="1900" max="2020">
          </div>
          <div class="col-sm-1" style="padding-right: 0px; padding-left: 0px">
            <input type="number"class="form-control" id="sat" min="1" max="23">
          </div>
          <div class="col-sm-1" style="padding-right: 0px; padding-left: 0px">
            <input type="number"class="form-control" id="minut" min="1" max="59">
          </div>
        </div>

        <div class="form-group">
            <label class="control-label col-sm-2" for="kupac">Kupac</label>
          <div class="col-sm-2">
            <input type="text" class="form-control" id="kupac" placeholder="Ime i prezime">
          </div>
          <label class="control-label col-sm-1" for="brUgovora">Br.ugovora</label>
          <div class="col-sm-2">
            <input type="text" class="form-control" id="brUgovora">
          </div>
          <label class="control-label col-sm-1" for="sprat">Sprat</label>
          <div class="col-sm-1">
            <input type="number" class="form-control" id="sprat">
            </div>
            <label class="control-label col-sm-1" for="stan">Br. stana</label>
          <div class="col-sm-1">
            <input type="number" class="form-control" id="stan">
            </div>
        </div>

        <div class="form-group">
            <label class="control-label col-sm-2" for="email">E-mail</label>
          <div class="col-sm-5">
            <input type="email" class="form-control" id="email" placeholder="e-mail">
          </div>
          <label class="control-label col-sm-1" for="telefon">Telefon</label>
          <div class="col-sm-3">
            <input type="text"class="form-control" id="telefon">
          </div>
        </div>

        <div class="form-group">
            <label class="control-label col-sm-2" for="vrstaPrimedbe">Vrsta primedbe</label>
              <div class="col-sm-10">
                <select class="form-control" id="vrstaPrimedbe">
                    <option>Izaberite vrstu primedbe</option>
                    <option>A</option>
                    <option>B</option>
                    <option>C</option>
                </select>
              </div>
        </div>

        <div class="form-group">
          <label class="control-label col-sm-2" for="opis">Opis</label>
          <div class="col-sm-10">
            <textarea class="form-control" rows="4" id="opis"></textarea>
          </div>
        </div>

        <div class="form-group">
          <label class="control-label col-sm-2" for="napomena">Napomena</label>
          <div class="col-sm-10">
            <textarea class="form-control" rows="4" id="napomena"></textarea>
          </div>
        </div>

        <div class="form-group">
            <label class="control-label col-sm-2" for="dodajFajl">Dodaj fajl</label>
            <div class="col-sm-10">
                <input type="file" class="form-control" id="dodajFajl">
            </div>
        </div>

        <div class="form-group">
            <div class="col-sm-2"> </div>
            <div class="input-group col-sm-4">
                    <button type="button" class="btn btn-primary" style="margin-left: 15px">
                    <span class="btn-label"><i class="glyphicon glyphicon-plus" ></i></span> Dodaj novi rekord</button>
            </div>
        </div>
        <br>

    </form>

</div>

<script>

	jQuery(document).ready(function () {
	     var izabraniDatum;
		jQuery('.btn-primary').on('click', function () {


			var naselje = jQuery('#naselje').val();
			var grupa = jQuery('#grupa').val();
            var objekat = jQuery('#objekat').val();
            var lamela = jQuery('#lamela').val();
            var adresa = jQuery('#adresa').val();
            var novaAdresa = jQuery('#novaAdresa').val();


			var rezultat = 'Prikupljeni podaci su:\n';
			rezultat += 'Naselje: ' + naselje + ' \n';
            rezultat += 'Grupa: ' + grupa + ' \n';
            rezultat += 'Objekat: ' + objekat + ' \n';
            rezultat += 'Lamela: ' + lamela + ' \n';
            rezultat += 'Adresa: ' + adresa + ' \n';
			rezultat += 'NovaAdresa: ' + novaAdresa;

			alert(rezultat);

		})

        jQuery( "#datepicker" ).datepicker({
			showOtherMonths: true,
			selectOtherMonths: true,
			dateFormat: "dd-mm-yy",
			changeMonth: true,
			changeYear: true,
            onSelect:function(selectedDate)	{

				izabraniDatum = selectedDate;
			}
        })

	})

</script>


<style>

	body {
		font-family:"Arial", sans-serif;
		color:#4a4a4a;

	}

	h3 {text-align:left;
        font-size:20px;
        margin-top: 15px;
        margin-bottom: 0px;
    }

    #linija {
        margin-top: 5px;
        border: 1px solid #edebed;
    }

    .container {
        width: 80%;
        border:1px #dbd9db solid;
		border-radius:5px;
		background-color:#f7f7f7;
		margin-top:100px;
        padding-top: 20px;
    }


</style>

</body>
</html>