{% extends "rama-full-width.html.twig" %}
{% block TITLE %}Rejestracja{% endblock %}
{% block MAIN_TITLE_1 %}Zarejestruj konto{% endblock %}
{% block MAIN_TITLE_2 %}Będziesz mógł rejestrować nowe domeny, łatwo opłacać faktury.{% endblock %}
{% block PLUGINS_CSS %}
<script src="https://code.jquery.com/jquery-3.6.0.js"></script>
{% endblock %}
{% block WORK_AREA %}
<br/><br/>
<form method="POST">
<div class="card">
<div class="card-header"></div>
<div class="card-body">
<div class="row">
<div class="col-md-12 mb-3">
<h2>Rejestracja</h2>
<p>Wypełnij wszystkie pola oznaczone gwiazdką, by się zarejestrować.</p>
</div>
<div class="col-md-12">
<div class="mb-3">
<label class="form-label">Nazwa firmy lub Imię i Nazwisko<sup>*</sup></label>
<input type="text" name="nazwa" class="form-control add-billing-address-input" value="{{ nazwa.value }}" required autofocus>
{% if nazwa.error %}
<div class="invalid-feedback d-block">
{{ nazwa.message }}
</div>
{% endif %}
</div>
</div>
<div class="col-md-12">
<div class="mb-3">
<label class="form-label">E-mail<sup>*</sup></label>
<input type="email" class="form-control" required name="email" value="{{ email.value }}">
{% if email.error %}
<div class="invalid-feedback d-block">
{{ email.message }}
</div>
{% endif %}
</div>
</div>
<div class="col-md-12">
<div class="mb-3">
<label class="form-label">Login<sup>*</sup></label>
<input type="text" class="form-control" required name="login" value="{{ login.value }}">
{% if login.error %}
<div class="invalid-feedback d-block">
{{ login.message }}
</div>
{% endif %}
</div>
</div>
<div class="col-12">
<div class="mb-3">
<label class="form-label">Hasło<sup>*</sup></label>
<input type="password" class="form-control" required name="haslo1" value="{{ haslo1.value }}">
{% if haslo1.error %}
<div class="invalid-feedback d-block">
{{ haslo1.message }}
</div>
{% endif %}
</div>
</div>
<div class="col-12">
<div class="mb-3">
<label class="form-label">Powtórz hasło<sup>*</sup></label>
<input type="password" class="form-control" required name="haslo2" value="{{ haslo2.value }}">
{% if haslo2.error %}
<div class="invalid-feedback d-block">
{{ haslo2.message }}
</div>
{% endif %}
</div>
</div>
<div class="col-12">
<div class="mb-3">
<label class="form-label">Rodzaj konta<sup>*</sup></label><br/>
<label>
<input type="radio" class="form-check-input me-3" value="person" name="rodzaj_konta" {% if rodzaj_konta.value == "person" %}checked{% endif %} onchange="changeAccountType(this);">
Osoba fizyczna
</label>
/
<label>
<input type="radio" class="form-check-input me-3" value="company" name="rodzaj_konta" {% if rodzaj_konta.value == "company" %}checked{% endif %} onchange="changeAccountType(this);">
Firma
</label>
</div>
</div>
<div class="col-12">
<div class="mb-3">
<div class="form-check form-check-primary form-check-inline">
<label class="form-check-label">
<input class="form-check-input me-3" type="checkbox" name="privateWHOIS" id="privateWHOIS" {% if privateWHOIS.value %}checked{% endif %}>
Ukrywaj moje dane w usłudze WHOIS.
</label>
{% if privateWHOIS.error %}
<div class="invalid-feedback d-block">
{{ privateWHOIS.message }}
</div>
{% endif %}
</div>
</div>
</div>
<div class="col-md-12">
<div class="mb-3">
<label class="form-label">Identyfikator (PESEL, NIP)<sup>*</sup></label>
<input type="text" name="identyfikator" class="form-control add-billing-address-input" value="{{ identyfikator.value }}" required>
{% if identyfikator.error %}
<div class="invalid-feedback d-block">
{{ identyfikator.message }}
</div>
{% endif %}
</div>
</div>
<div class="col-md-12">
<div class="mb-3">
<label class="form-label">E-mail, na który będziemy przysyłac dokumenty księgowe.</label>
<input type="email" class="form-control" name="email_fakturowy" value="{{ email_fakturowy.value }}">
{% if email_fakturowy.error %}
<div class="invalid-feedback d-block">
{{ email_fakturowy.message }}
</div>
{% endif %}
</div>
</div>
<div class="col-md-12">
<div class="mb-3">
<label class="form-label">Osoba reprezentująca, wymagane, jeśli wybrano rodzaj konta firmowego<sup id="sup_reprezentant" class="d-none">*</sup></label>
<input type="text" name="reprezentant" id="reprezentant" class="form-control add-billing-address-input" value="{{ reprezentant.value }}">
{% if reprezentant.error %}
<div class="invalid-feedback d-block">
{{ reprezentant.message }}
</div>
{% endif %}
</div>
</div>
<div class="col-md-12">
<div class="mb-3">
<label class="form-label">Telefon kontaktowy wraz z numerem kierunkowym kraju (+NN.NNNNNNNNN)<sup>*</sup></label>
<input type="text" name="telefon_kontaktowy" class="input-phone form-control add-billing-address-input" value="{{ telefon_kontaktowy.value }}" requied>
{% if telefon_kontaktowy.error %}
<div class="invalid-feedback d-block">
{{ telefon_kontaktowy.message }}
</div>
{% endif %}
</div>
</div>
<div class="col-md-12">
<div class="mb-3">
<label class="form-label">Telefon komórkowy wraz z numerem kierunkowym kraju (+NN.NNNNNNNNN)</label>
<input type="text" name="telefon_komorkowy" class="input-phone form-control add-billing-address-input" value="{{ telefon_komorkowy.value }}">
{% if telefon_komorkowy.error %}
<div class="invalid-feedback d-block">
{{ telefon_komorkowy.message }}
</div>
{% endif %}
</div>
</div>
<div class="col-md-12">
<div class="mb-3">
<label class="form-label">Numer faksu wraz z numerem kierunkowym kraju (+NN.NNNNNNNNN)</label>
<input type="text" name="fax" class="input-phone form-control add-billing-address-input" value="{{ fax.value }}">
{% if fax.error %}
<div class="invalid-feedback d-block">
{{ fax.message }}
</div>
{% endif %}
</div>
</div>
<div class="col-md-12">
<div class="mb-3">
<label class="form-label">Kraj</label>
<select name="kraj" id="cmbKraj" class="form-control">
{% for ikraj in kraje %}
<option value="{{ ikraj.id }}"{% if ikraj.id == kraj.value %} selected{% endif %}>{{ ikraj.nazwa }}</option>
{% endfor %}
</select>
{% if kraj.error %}
<div class="invalid-feedback d-block">
{{ kraj.message }}
</div>
{% endif %}
</div>
</div>
<div class="col-md-12">
<div class="mb-3">
<label class="form-label">Kod pocztowy<sup>*</sup></label>
<input type="text" name="kod" class="form-control add-billing-address-input" value="{{ kod.value }}" required>
{% if kod.error %}
<div class="invalid-feedback d-block">
{{ kod.message }}
</div>
{% endif %}
</div>
</div>
<div class="col-md-12">
<div class="mb-3">
<label class="form-label">Miejscowość<sup>*</sup></label>
<input type="text" name="miasto" class="form-control add-billing-address-input" value="{{ miasto.value }}" required>
{% if miasto.error %}
<div class="invalid-feedback d-block">
{{ miasto.message }}
</div>
{% endif %}
</div>
</div>
<div class="col-md-12">
<div class="mb-3">
<label class="form-label">Ulica</label>
<input type="text" name="ulica" class="form-control add-billing-address-input" value="{{ ulica.value }}">
{% if ulica.error %}
<div class="invalid-feedback d-block">
{{ ulica.message }}
</div>
{% endif %}
</div>
</div>
<div class="col-md-12">
<div class="mb-3">
<label class="form-label">Numer domu<sup>*</sup></label>
<input type="text" name="dom" class="form-control add-billing-address-input" value="{{ dom.value }}" required>
{% if dom.error %}
<div class="invalid-feedback d-block">
{{ dom.message }}
</div>
{% endif %}
</div>
</div>
<div class="col-md-12">
<div class="mb-3">
<label class="form-label">Lokal</label>
<input type="text" name="lokal" class="form-control add-billing-address-input" value="{{ lokal.value }}">
{% if lokal.error %}
<div class="invalid-feedback d-block">
{{ lokal.message }}
</div>
{% endif %}
</div>
</div>
<!-- <div class="col-12">
<div class="mb-3">
<div class="form-check form-check-primary form-check-inline">
<input class="form-check-input me-3" type="checkbox" id="form-check-default">
<label class="form-check-label" for="form-check-default">
I agree the <a href="javascript:void(0);" class="text-primary">Terms and Conditions</a>
</label>
</div>
</div>
</div>-->
<div class="col-12">
<div class="mb-4">
<button class="btn btn-secondary w-100" type="submit">Zarejestruj</button>
</div>
</div>
<!--<div class="col-12 mb-4">
<div class="">
<div class="seperator">
<hr>
<div class="seperator-text"> <span>Or continue with</span></div>
</div>
</div>
</div>
<div class="col-sm-4 col-12">
<div class="mb-4">
<button class="btn btn-social-login w-100 ">
<img src="{{ asset("src/assets/img/google-gmail.svg") }}" alt="" class="img-fluid">
<span class="btn-text-inner">Google</span>
</button>
</div>
</div>
<div class="col-sm-4 col-12">
<div class="mb-4">
<button class="btn btn-social-login w-100">
<img src="{{ asset("src/assets/img/github-icon.svg") }}" alt="" class="img-fluid">
<span class="btn-text-inner">Github</span>
</button>
</div>
</div>
<div class="col-sm-4 col-12">
<div class="mb-4">
<button class="btn btn-social-login w-100">
<img src="{{ asset("src/assets/img/twitter.svg") }}" alt="" class="img-fluid">
<span class="btn-text-inner">Twitter</span>
</button>
</div>
</div>-->
<div class="col-12">
<div class="text-center">
<p class="mb-0">Masz już konto? Przejdź do <a href="{{ path("app_login") }}" class="text-warning">logowania</a></p>
</div>
</div>
</div>
</div>
</div>
</form>
{% endblock %}
{% block PLUGINS_SCRIPTS %}
<!-- <script src="https://code.jquery.com/jquery-3.6.0.js"></script> -->
<script src="{{ asset ("src/plugins/src/input-mask/jquery.inputmask.bundle.min.js") }}"></script>
<script src="{{ asset ("src/plugins/src/input-mask/input-mask.js") }}"></script>
<script>
$(function () {
$('.input-phone').inputmask("+9{1,3}.9{6,9}");
formInit();
})
function formInit() {
}
function changeAccountType(o) {
if (o.checked) {
if (o.value == "person") {
$("#sup_reprezentant").addClass("d-none");
$("#reprezentant").removeAttr("required");
$("#privateWHOIS").removeAttr("disabled");
} else {
$("#sup_reprezentant").removeClass("d-none");
$("#reprezentant").attr("required", true);
$("#privateWHOIS").attr("disabled", true);
}
}
console.log(o);
}
</script>
{% endblock %}