templates/rejestracja.html.twig line 1

Open in your IDE?
  1. {% extends "rama-full-width.html.twig" %}
  2. {% block TITLE %}Rejestracja{% endblock %}
  3. {% block MAIN_TITLE_1 %}Zarejestruj konto{% endblock %}
  4. {% block MAIN_TITLE_2 %}Będziesz mógł rejestrować nowe domeny, łatwo opłacać faktury.{% endblock %}
  5. {% block PLUGINS_CSS %}
  6.     <script src="https://code.jquery.com/jquery-3.6.0.js"></script>
  7. {% endblock %}
  8. {% block WORK_AREA %}
  9.     <br/><br/>
  10.     <form method="POST">
  11.         <div class="card">
  12.             <div class="card-header"></div>
  13.             <div class="card-body">
  14.                 <div class="row">
  15.                     <div class="col-md-12 mb-3">
  16.                         <h2>Rejestracja</h2>
  17.                         <p>Wypełnij wszystkie pola oznaczone gwiazdką, by się zarejestrować.</p>
  18.                     </div>
  19.                     <div class="col-md-12">
  20.                         <div class="mb-3">
  21.                             <label class="form-label">Nazwa firmy lub Imię i Nazwisko<sup>*</sup></label>
  22.                             <input type="text" name="nazwa" class="form-control add-billing-address-input" value="{{ nazwa.value }}" required autofocus>
  23.                             {% if nazwa.error %}
  24.                                 <div class="invalid-feedback d-block">
  25.                                     {{ nazwa.message }}
  26.                                 </div>
  27.                             {% endif %}
  28.                         </div>
  29.                     </div>
  30.                     <div class="col-md-12">
  31.                         <div class="mb-3">
  32.                             <label class="form-label">E-mail<sup>*</sup></label>
  33.                             <input type="email" class="form-control" required name="email" value="{{ email.value }}">
  34.                             {% if email.error %}
  35.                                 <div class="invalid-feedback d-block">
  36.                                     {{ email.message }}
  37.                                 </div>
  38.                             {% endif %}
  39.                         </div>
  40.                     </div>
  41.                     <div class="col-md-12">
  42.                         <div class="mb-3">
  43.                             <label class="form-label">Login<sup>*</sup></label>
  44.                             <input type="text" class="form-control" required name="login" value="{{ login.value }}">
  45.                             {% if login.error %}
  46.                                 <div class="invalid-feedback d-block">
  47.                                     {{ login.message }}
  48.                                 </div>
  49.                             {% endif %}
  50.                         </div>
  51.                     </div>
  52.                     <div class="col-12">
  53.                         <div class="mb-3">
  54.                             <label class="form-label">Hasło<sup>*</sup></label>
  55.                             <input type="password" class="form-control" required name="haslo1" value="{{ haslo1.value }}">
  56.                             {% if haslo1.error %}
  57.                                 <div class="invalid-feedback d-block">
  58.                                     {{ haslo1.message }}
  59.                                 </div>
  60.                             {% endif %}
  61.                         </div>
  62.                     </div>
  63.                     <div class="col-12">
  64.                         <div class="mb-3">
  65.                             <label class="form-label">Powtórz hasło<sup>*</sup></label>
  66.                             <input type="password" class="form-control" required name="haslo2" value="{{ haslo2.value }}">
  67.                             {% if haslo2.error %}
  68.                                 <div class="invalid-feedback d-block">
  69.                                     {{ haslo2.message }}
  70.                                 </div>
  71.                             {% endif %}
  72.                         </div>
  73.                     </div>
  74.                     <div class="col-12">
  75.                         <div class="mb-3">
  76.                             <label class="form-label">Rodzaj konta<sup>*</sup></label><br/>
  77.                             <label>
  78.                                 <input type="radio" class="form-check-input me-3" value="person" name="rodzaj_konta" {% if rodzaj_konta.value == "person" %}checked{% endif %} onchange="changeAccountType(this);">
  79.                                 Osoba fizyczna
  80.                             </label>
  81.                             &nbsp;&nbsp;&nbsp;/&nbsp;&nbsp;&nbsp;
  82.                             <label>
  83.                                 <input type="radio" class="form-check-input me-3" value="company" name="rodzaj_konta" {% if rodzaj_konta.value == "company" %}checked{% endif %} onchange="changeAccountType(this);">
  84.                                 Firma
  85.                             </label>
  86.                         </div>
  87.                     </div>
  88.                     <div class="col-12">
  89.                         <div class="mb-3">
  90.                             <div class="form-check form-check-primary form-check-inline">
  91.                                 <label class="form-check-label">
  92.                                     <input class="form-check-input me-3" type="checkbox" name="privateWHOIS" id="privateWHOIS" {% if privateWHOIS.value %}checked{% endif %}>
  93.                                     Ukrywaj moje dane w usłudze WHOIS.
  94.                                 </label>
  95.                                 {% if privateWHOIS.error %}
  96.                                     <div class="invalid-feedback d-block">
  97.                                         {{ privateWHOIS.message }}
  98.                                     </div>
  99.                                 {% endif %}
  100.                             </div>
  101.                         </div>
  102.                     </div>
  103.                     <div class="col-md-12">
  104.                         <div class="mb-3">
  105.                             <label class="form-label">Identyfikator (PESEL, NIP)<sup>*</sup></label>
  106.                             <input type="text" name="identyfikator" class="form-control add-billing-address-input" value="{{ identyfikator.value }}" required>
  107.                             {% if identyfikator.error %}
  108.                                 <div class="invalid-feedback d-block">
  109.                                     {{ identyfikator.message }}
  110.                                 </div>
  111.                             {% endif %}
  112.                         </div>
  113.                     </div>
  114.                     <div class="col-md-12">
  115.                         <div class="mb-3">
  116.                             <label class="form-label">E-mail, na który będziemy przysyłac dokumenty księgowe.</label>
  117.                             <input type="email" class="form-control" name="email_fakturowy" value="{{ email_fakturowy.value }}">
  118.                             {% if email_fakturowy.error %}
  119.                                 <div class="invalid-feedback d-block">
  120.                                     {{ email_fakturowy.message }}
  121.                                 </div>
  122.                             {% endif %}
  123.                         </div>
  124.                     </div>
  125.                     <div class="col-md-12">
  126.                         <div class="mb-3">
  127.                             <label class="form-label">Osoba reprezentująca, wymagane, jeśli wybrano rodzaj konta firmowego<sup id="sup_reprezentant" class="d-none">*</sup></label>
  128.                             <input type="text" name="reprezentant" id="reprezentant" class="form-control add-billing-address-input" value="{{ reprezentant.value }}">
  129.                             {% if reprezentant.error %}
  130.                                 <div class="invalid-feedback d-block">
  131.                                     {{ reprezentant.message }}
  132.                                 </div>
  133.                             {% endif %}
  134.                         </div>
  135.                     </div>
  136.                     <div class="col-md-12">
  137.                         <div class="mb-3">
  138.                             <label class="form-label">Telefon kontaktowy wraz z numerem kierunkowym kraju (+NN.NNNNNNNNN)<sup>*</sup></label>
  139.                             <input type="text" name="telefon_kontaktowy" class="input-phone form-control add-billing-address-input" value="{{ telefon_kontaktowy.value }}" requied>
  140.                             {% if telefon_kontaktowy.error %}
  141.                                 <div class="invalid-feedback d-block">
  142.                                     {{ telefon_kontaktowy.message }}
  143.                                 </div>
  144.                             {% endif %}
  145.                         </div>
  146.                     </div>
  147.                     <div class="col-md-12">
  148.                         <div class="mb-3">
  149.                             <label class="form-label">Telefon komórkowy wraz z numerem kierunkowym kraju (+NN.NNNNNNNNN)</label>
  150.                             <input type="text" name="telefon_komorkowy" class="input-phone form-control add-billing-address-input" value="{{ telefon_komorkowy.value }}">
  151.                             {% if telefon_komorkowy.error %}
  152.                                 <div class="invalid-feedback d-block">
  153.                                     {{ telefon_komorkowy.message }}
  154.                                 </div>
  155.                             {% endif %}
  156.                         </div>
  157.                     </div>
  158.                     <div class="col-md-12">
  159.                         <div class="mb-3">
  160.                             <label class="form-label">Numer faksu wraz z numerem kierunkowym kraju (+NN.NNNNNNNNN)</label>
  161.                             <input type="text" name="fax" class="input-phone form-control add-billing-address-input" value="{{ fax.value }}">
  162.                             {% if fax.error %}
  163.                                 <div class="invalid-feedback d-block">
  164.                                     {{ fax.message }}
  165.                                 </div>
  166.                             {% endif %}
  167.                         </div>
  168.                     </div>
  169.                     <div class="col-md-12">
  170.                         <div class="mb-3">
  171.                             <label class="form-label">Kraj</label>
  172.                             <select name="kraj" id="cmbKraj" class="form-control">
  173.                                 {% for ikraj in kraje %}
  174.                                     <option value="{{ ikraj.id }}"{% if ikraj.id == kraj.value %} selected{% endif %}>{{ ikraj.nazwa }}</option>
  175.                                 {% endfor %}                                                    
  176.                             </select>
  177.                             {% if kraj.error %}
  178.                                 <div class="invalid-feedback d-block">
  179.                                     {{ kraj.message }}
  180.                                 </div>
  181.                             {% endif %}
  182.                         </div>
  183.                     </div>
  184.                     <div class="col-md-12">
  185.                         <div class="mb-3">
  186.                             <label class="form-label">Kod pocztowy<sup>*</sup></label>
  187.                             <input type="text" name="kod" class="form-control add-billing-address-input" value="{{ kod.value }}" required>
  188.                             {% if kod.error %}
  189.                                 <div class="invalid-feedback d-block">
  190.                                     {{ kod.message }}
  191.                                 </div>
  192.                             {% endif %}
  193.                         </div>
  194.                     </div>
  195.                     <div class="col-md-12">
  196.                         <div class="mb-3">
  197.                             <label class="form-label">Miejscowość<sup>*</sup></label>
  198.                             <input type="text" name="miasto" class="form-control add-billing-address-input" value="{{ miasto.value }}" required>
  199.                             {% if miasto.error %}
  200.                                 <div class="invalid-feedback d-block">
  201.                                     {{ miasto.message }}
  202.                                 </div>
  203.                             {% endif %}
  204.                         </div>
  205.                     </div>
  206.                     <div class="col-md-12">
  207.                         <div class="mb-3">
  208.                             <label class="form-label">Ulica</label>
  209.                             <input type="text" name="ulica" class="form-control add-billing-address-input" value="{{ ulica.value }}">
  210.                             {% if ulica.error %}
  211.                                 <div class="invalid-feedback d-block">
  212.                                     {{ ulica.message }}
  213.                                 </div>
  214.                             {% endif %}
  215.                         </div>
  216.                     </div>
  217.                     <div class="col-md-12">
  218.                         <div class="mb-3">
  219.                             <label class="form-label">Numer domu<sup>*</sup></label>
  220.                             <input type="text" name="dom" class="form-control add-billing-address-input" value="{{ dom.value }}" required>
  221.                             {% if dom.error %}
  222.                                 <div class="invalid-feedback d-block">
  223.                                     {{ dom.message }}
  224.                                 </div>
  225.                             {% endif %}
  226.                         </div>
  227.                     </div>
  228.                     <div class="col-md-12">
  229.                         <div class="mb-3">
  230.                             <label class="form-label">Lokal</label>
  231.                             <input type="text" name="lokal" class="form-control add-billing-address-input" value="{{ lokal.value }}">
  232.                             {% if lokal.error %}
  233.                                 <div class="invalid-feedback d-block">
  234.                                     {{ lokal.message }}
  235.                                 </div>
  236.                             {% endif %}
  237.                         </div>
  238.                     </div>
  239.                     <!-- <div class="col-12">
  240.                         <div class="mb-3">
  241.                             <div class="form-check form-check-primary form-check-inline">
  242.                                 <input class="form-check-input me-3" type="checkbox" id="form-check-default">
  243.                                 <label class="form-check-label" for="form-check-default">
  244.                                     I agree the <a href="javascript:void(0);" class="text-primary">Terms and Conditions</a>
  245.                                 </label>
  246.                             </div>
  247.                         </div>
  248.                     </div>-->
  249.                     <div class="col-12">
  250.                         <div class="mb-4">
  251.                             <button class="btn btn-secondary w-100" type="submit">Zarejestruj</button>
  252.                         </div>
  253.                     </div>
  254.                     <!--<div class="col-12 mb-4">
  255.                         <div class="">
  256.                             <div class="seperator">
  257.                                 <hr>
  258.                                 <div class="seperator-text"> <span>Or continue with</span></div>
  259.                             </div>
  260.                         </div>
  261.                     </div>
  262.                     <div class="col-sm-4 col-12">
  263.                         <div class="mb-4">
  264.                             <button class="btn  btn-social-login w-100 ">
  265.                                 <img src="{{ asset("src/assets/img/google-gmail.svg") }}" alt="" class="img-fluid">
  266.                                 <span class="btn-text-inner">Google</span>
  267.                             </button>
  268.                         </div>
  269.                     </div>
  270.                     <div class="col-sm-4 col-12">
  271.                         <div class="mb-4">
  272.                             <button class="btn  btn-social-login w-100">
  273.                                 <img src="{{ asset("src/assets/img/github-icon.svg") }}" alt="" class="img-fluid">
  274.                                 <span class="btn-text-inner">Github</span>
  275.                             </button>
  276.                         </div>
  277.                     </div>
  278.                     <div class="col-sm-4 col-12">
  279.                         <div class="mb-4">
  280.                             <button class="btn  btn-social-login w-100">
  281.                                 <img src="{{ asset("src/assets/img/twitter.svg") }}" alt="" class="img-fluid">
  282.                                 <span class="btn-text-inner">Twitter</span>
  283.                             </button>
  284.                         </div>
  285.                     </div>-->
  286.                     <div class="col-12">
  287.                         <div class="text-center">
  288.                             <p class="mb-0">Masz już konto? Przejdź do <a href="{{ path("app_login") }}" class="text-warning">logowania</a></p>
  289.                         </div>
  290.                     </div>
  291.                 </div>
  292.             </div>
  293.         </div>
  294.     </form>
  295. {% endblock %}
  296. {% block PLUGINS_SCRIPTS %}
  297.     <!-- <script src="https://code.jquery.com/jquery-3.6.0.js"></script> -->
  298.     <script src="{{ asset ("src/plugins/src/input-mask/jquery.inputmask.bundle.min.js") }}"></script>
  299.     <script src="{{ asset ("src/plugins/src/input-mask/input-mask.js") }}"></script>
  300.     <script>
  301.                                     $(function () {
  302.                                         $('.input-phone').inputmask("+9{1,3}.9{6,9}");
  303.                                         formInit();
  304.                                     })
  305.                                     function formInit() {
  306.                                     }
  307.                                     function changeAccountType(o) {
  308.                                         if (o.checked) {
  309.                                             if (o.value == "person") {
  310.                                                 $("#sup_reprezentant").addClass("d-none");
  311.                                                 $("#reprezentant").removeAttr("required");
  312.                                                 $("#privateWHOIS").removeAttr("disabled");
  313.                                             } else {
  314.                                                 $("#sup_reprezentant").removeClass("d-none");
  315.                                                 $("#reprezentant").attr("required", true);
  316.                                                 $("#privateWHOIS").attr("disabled", true);
  317.                                             }
  318.                                         }
  319.                                         console.log(o);
  320.                                     }
  321.     </script>
  322. {% endblock %}