<div id="box1">
                        <h2>Registracija{$email_poruka}</h2>
                         <form method="post" action="registracija.php" ng-app="validacija2" ng-controller="validateCtrl" name="form3"  novalidate>
                            <p><label for="korime">Korisničko ime: </label><br>
                                <input type="text" id="korime" name="korime" placeholder="korisničko ime" ng-model="korime"  ng-model-options="{ updateOn: 'blur' }" provjera-korisnika ng-minlength="6" ng-pattern="/^[a-z]/" required><br />

                                <span style="color:red" ng-show="form3.korime.$touched && form3.korime.$invalid">
                                <span ng-show="form3.korime.$error.required">Polje mora biti ispunjeno</span>
                                <span ng-show="form3.korime.$error.minlength">Polje mora sadržavati minimalno 6 znakova</span>
                                <span ng-show="form3.korime.$error.pattern">Prvo znak mora biti malo slovo [a-z]</span>
                                <span ng-show="form3.korime.$error.podudaranje">Korisničko ime je zauzeto</span>
                                </span>
                            <div class="greska"></div>

                            <p><label for="lozinka1">Lozinka: </label><br>
                            <input type="password" id="lozinka1" name="lozinka1" size="15" placeholder="lozinka" ng-model="lozinka1" ng-model-options="{ updateOn: 'blur' }" ng-minlength="8" ng-pattern = "/[0-9]+/" required><br />
                                <span style="color:red" ng-show="form3.lozinka1.$touched && form3.lozinka1.$invalid">
                                <span ng-show="form3.lozinka1.$error.required">Polje mora biti ispunjeno</span>
                                <span ng-show="form3.lozinka1.$error.minlength">Polje mora sadržavati minimalno 8 znakova</span>
                                <span ng-show="form3.lozinka1.$error.pattern">Polje mora imati bar jednu brojku [0-9]</span>
                                </span>

                            <p><label for="lozinka2">Potvrda lozinke: </label><br>
                            <input type="password" id="lozinka2" name="lozinka2" size="15" placeholder="potvrda lozinke" ng-model="lozinka2" ng-model-options="{ updateOn: 'blur' }" ng-minlength="8" ng-pattern="/[0-9]+/" ng-change="provjeri()" required><br />
                                <span style="color:red" ng-show="form3.lozinka2.$touched || form3.lozinka2.$invalid">
                                <span ng-show="form3.lozinka2.$error.required">Polje mora biti ispunjeno</span>
                                <span ng-show="form3.lozinka2.$error.minlength">Polje mora sadržavati minimalno 8 znakova</span>
                                <span ng-show="form3.lozinka2.$error.pattern">Polje mora imati bar jednu brojku [0-9]</span>
                                <span ng-show="form3.lozinka2.$error.podudaranje">Lozinke se moraju podudarati</span>
                                </span>

                            <p><label for="ime">Email: </label><br>
                            <input type="text" id="email" name="email" size="15" placeholder="Email" ng-model="email" ng-model-options="{ updateOn: 'blur' }" ng-pattern={literal}"/^\b[A-Z0-9._%-]+@[A-Z0-9.-]+\.[A-Z]{2,4}\b$/i"{/literal} required><br />
                                <span style="color:red" ng-show="form3.email.$touched && form3.email.$invalid">
                                <span ng-show="form3.email.$error.required">Polje mora biti ispunjeno</span>
                                <span ng-show="form3.email.$error.pattern">Nije formata E-mail</span>
                                </span>


                            <p><label for="ime">Ime: </label><br>
                            <input type="text" id="ime" name="ime" size="15" placeholder="ime" ng-model="ime" ng-model-options="{ updateOn: 'blur' }" required><br />
                                <span style="color:red" ng-show="form3.ime.$touched && form3.ime.$invalid">
                                <span ng-show="form3.ime.$error.required">Polje mora biti ispunjeno</span>
                                </span>

                            <p><label for="prezime">Prezime: </label><br>
                            <input type="text" id="prezime" name="prezime" size="15" placeholder="prezime" ng-model="prezime" ng-model-options="{ updateOn: 'blur' }" required><br />
                                <span style="color:red" ng-show="form3.prezime.$touched && form3.prezime.$invalid">
                                <span ng-show="form3.prezime.$error.required">Polje mora biti ispunjeno</span>
                                </span>

                            <p><label for="ulica">Ulica: </label><br>
                            <input type="text" id="ulica" name="ulica" size="15" placeholder="ulica" ng-model="ulica" ng-model-options="{ updateOn: 'blur' }" required><br />
                                <span style="color:red" ng-show="form3.ulica.$touched && form3.ulica.$invalid">
                                <span ng-show="form3.ulica.$error.required">Polje mora biti ispunjeno</span>
                                </span>

                            <p><label for="drzave">Država: </label><br>
                            <select name="drzave" id="drzave">
                                <option value="austrija">Austrija</option>
                                <option value="belgija">Belgija</option>
                                <option value="bosna i hercegovina">Bosna i Hercegovina</option>
                                <option value="francuska">Francuska</option>
                                <option value="hrvatska" selected>Hrvatska</option>
                                <option value="slovenija">Slovenija</option>
                                <option value="srbija">Srbija</option>
                             </select> <br />

                           <p><label for="gradovi">Grad: </label><br>
                            <select name="gradovi" id="gradovi">
                                <option value="karlovac">Karlovac</option>
                                <option value="krk">Krk</option>
                                <option value="osijek">Osijek</option>
                                <option value="požega">Požega</option>
                                <option value="varaždin" selected>Varaždin</option>
                                <option value="split">Split</option>
                                <option value="zagreb">Zagreb</option>
                             </select> <br />
                             <div class="g-recaptcha" data-sitekey="6LdhZyITAAAAAB7pFB-H2bZpLx33iuEoID0OEmaW"></div>


                            <br /><input type="submit" id="prijavi" value="Registriraj se" ng-disabled="form3.korime.$invalid || form3.lozinka1.$invalid || form3.lozinka2.$invalid || form3.email.$invalid || form3.ime.$invalid || form3.prezime.$invalid || form3.ulica.$invalid">
                            <br>
                        </form>
                    </div>