<?php
include("getCity.php");
include("getClinicsAll.php");
?>
<html>
<head>
<style>
.center {
margin: auto;
width: 60%;
padding: 10px;
}
</style>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script type="text/javascript" src="js/javascript2.js"></script>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.min.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.min.js"></script>
<link rel="stylesheet" href="css/style.css">
<meta charset="utf-8">
<title>Rejestracja</title>
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:400,700">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
</head>
<body><div class="center">
<div class="row">
<div class="col-md-1 col-md-offset-4">
<img src="logo_icon.png" width="60" height="60">
</div>
<div class="col-md-2 col-md-offset-0">
<h3>Rejestracja</h3>
</div>
</div>
<form id="contact" name="form" method="post" action="">
<fieldset>
<span><label>Wybierz miasto, w którym znajduje się klinika w której pracujesz: </label></span>
<p id="categoriesCity">
<select name='city' id="categoriesCity-select" class="city-select">
<?php
while($sizeCity2>0){
$sizeCity2--;
echo '<option value=' . $cities[$sizeCity2]['id'] .'>' . $cities[$sizeCity2]['name'] . '</option>';
}
?>
</select>
</p>
</fieldset>
<p id="subcategoriesCity"> </p>
<script>
$('#categoriesCity-select').change(function(){
if ($(this).val()=='') {
return false;
}
$.get('subcategoriesClinic.php', {'id':$(this).val()}, function(data){
$('#subcategoriesCity').html(data);
});
});
</script>
<fieldset>
<input class="form-control" placeholder="Imie" type="text" name='name' id="name" tabindex="1" required >
</fieldset>
<fieldset>
<input class="form-control" placeholder="Nazwisko" type="text" name='surname' tabindex="2" required >
</fieldset>
<fieldset>
<input class="form-control" placeholder="NIP" type="text" name='NIP' pattern="[0-9]{10}" tabindex="9" >
</fieldset>
<fieldset>
<input class="form-control" placeholder="Skype" type="text" id='skype' tabindex="10" >
</fieldset>
<fieldset>
<input class="form-control" placeholder="Telefon" type="tel" pattern="[0-9]{9}" name='phone' tabindex="11" >
</fieldset>
<fieldset>
<input class="form-control" placeholder="Email" type="email" name='email' tabindex="12" required>
</fieldset>
<fieldset>
<input class="form-control" placeholder="Nazwa uzytkownika" name='username' type="text" tabindex="13" required >
</fieldset>
<fieldset>
<input class="form-control" placeholder="Hasło" name='password1' id="password1" type="password" tabindex="14" required >
</fieldset>
<fieldset>
<input class="form-control" placeholder="Powtórz hasło" name='password2' id="password2" type="password" tabindex="14" required >
</fieldset>
<p id="validate-status"></p>
<center><input class="btn btn-primary" type="button" style="width: 400px" onclick="create();" value="Zarejestruj się"/></center>
</form>
</div>
</div>
<script>
$(document).ready(function() {
$("#password2").keyup(validate);
});
</script>
</body>
</html>