var elementiSlike = $(".VilaKolonaOkvir");
for(var i=0;i<elementiSlike.length;i++){
    elementiSlike[i].onmouseover = hover;
    elementiSlike[i].onmouseleave = iskljuciHover;
}
function hover(){
    $(this).css("border", "0 solid yellow").animate({
        borderWidth:4
    },500);

}
function iskljuciHover(){
    $(this).animate({
        borderWidth:0
    },1000);
}

$(document).ready(function(){
    function _loadData(){
        $('tbody').html('');

        $.ajax({
            url:"http://onlineshop.wrd.app.fit.ba/api/ispit20190622/Narudzba/GetAll",
            success:function(rez){
                rez.reverse();
                for(var i=0;i<rez.length;i++){
                   var Datum=new Date(rez[i].datumNarudzbe).toISOString().slice(0,10);
                   var _PodijeliDatum = Datum.split('-');
                   Datum = _PodijeliDatum[2] + '.' + _PodijeliDatum[1] + '.' + _PodijeliDatum[0];

                   var _narudzbaID = rez[i].narudzbaId;
                   var ime = rez[i].dostavaIme;
                   var adresa = rez[i].dostavaAdresa;
                   var postanskiBroj = rez[i].dostavaPostanskiBroj;
                   var telefon = rez[i].dostavaTelefon;
                   var napomena = rez[i].napomena;

                   $("tbody").append("<tr><td>" + _narudzbaID + "</td><td>" + Datum + "</td><td>"+ime+"</td><td>"+adresa+"</td><td>"+postanskiBroj+"</td><td>"+telefon+"</td><td>"+napomena+"</td></tr>");
                }
            }
        });
    }

    _loadData();



    $.validator.addMethod(
        "regex",
        function(value,element,regexp){
            var check=false;

            return this.optional(element) ||regexp.test(value);
        },
        "Unos nije validan!"
        );

    var forma = $("#forma");
    //VALIDACIJA FORME
    forma.validate({
        rules:{
            dostavaIme:{
                required:true
            },
            dostavaAdresa:{
                required:true
            },
            dostavaPostanskiBroj:{
                required:true,
                regex:/^[0-9]{5}$/,
                minlength:5,
                maxlength:5
            },
            dostavaTelefon:{
                required:true,
                regex:/^\+[0-9]{3} - [0-9]{2} - [0-9]{3} - [0-9]{3}$/

            }

        },
        messages:{
            dostavaIme:{
                required:"Potrebno je unijeti ime kupca."
            },
            dostavaAdresa:{
                required:"Potrebno je unijeti adresu dostave"
            },
            dostavaPostanskiBroj:{
                required:"Potrebno je unijeti postanski broj.",
                regex:"Postanski broj mora sadrzavati brojeve od 0 do 9",
                minlength:"Postanski broj mora imati minimalno 5 znakova.",
                maxlength:"Postanski broj mora imati maksimalno 5 znakova."

            },
            dostavaTelefon:{
                required:"Potrebno je unijeti broj telefona",
                regex:"Telefon mora biti u formatu: +387 62 155 856!"
            }
        }
    });

    $("#addButton").on('click',function(){
        if(forma.valid()){
            event.preventDefault();

            var podaci = {
                dostavaIme : $("#dostavaIme").val(),
                dostavaAdresa : $("#dostavaAdresa").val(),
                dostavaPostanskiBroj : $("#dostavaPostanskiBroj").val(),
                dostavaTelefon : $("#dostavaTelefon").val(),
                napomena : $("#napomena").val()
            }

            $.ajax({
                url:"http://onlineshop.wrd.app.fit.ba/api/ispit20190622/Narudzba/Dodaj",
                type:"post",
                contentType:"application/json",
                data:JSON.stringify(podaci),
                success:function(rez){
                    if(rez.poruka){
                        _loadData();
                        $("#forma")[0].reset();
                    }
                }

            });
        }
    });


});