templates/security/register.html.twig line 1

Open in your IDE?
  1. <!doctype html>
  2. <html lang="fr">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1">
  6. <title>Login</title>
  7. <link rel="stylesheet" href="{{ asset('css/new_user.css') }}">
  8. <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
  9. </head>
  10. <body>
  11. <div class="container">
  12. <div class="container-box">
  13. <h1>إنشاء مستخدم جديد</h1>
  14. {{ form_start(form) }}
  15. <div class="row">
  16. <div class="col-md-4">
  17. <div class="mb-3 mt-5">
  18. <div class="form-group">
  19. <div style="display: flex; justify-content: right; flex-direction: row-reverse; margin: 0;">
  20. <label style="text-align: left;">: الاسم الكامل</label>
  21. </div>
  22. {{ form_row(form.name, {'attr': {'class': ' form-control', 'placeholder': "اسم"}}) }}
  23. </div>
  24. </div>
  25. </div>
  26. <div class="col-md-4">
  27. <div class="mb-3 mt-5">
  28. <div class="form-group">
  29. <div style="display: flex; justify-content: right; flex-direction: row-reverse; margin: 0;">
  30. <label style="text-align: left;">: كلمة المرور</label>
  31. </div>
  32. {{ form_row(form.password, {'attr': {'class': ' form-control', 'placeholder': "كلمة المرور"}}) }}
  33. </div>
  34. </div>
  35. </div>
  36. <div class="col-md-4">
  37. <div class="mb-3 mt-5">
  38. <div class="form-group">
  39. <div style="display: flex; justify-content: right; flex-direction: row-reverse; margin: 0;">
  40. <label style="text-align: left;">: البريد الإلكتروني</label>
  41. </div>
  42. {{ form_row(form.email, {'attr': {'class': ' form-control', 'placeholder': "بريد إلكتروني"}}) }}
  43. </div>
  44. </div>
  45. </div>
  46. </div>
  47. <div class="row">
  48. <div class="col-md-4">
  49. <div class="form-group">
  50. <div style="display: flex; justify-content: right; flex-direction: row-reverse; margin: 0;">
  51. <label style="text-align: left;">: الجنس</label>
  52. </div>
  53. {{ form_row(form.gender, {'attr': {'class': ' form-control', 'placeholder': "الجنس"}}) }}
  54. </div>
  55. </div>
  56. <div class="col-md-4">
  57. <div class="form-group">
  58. <div style="display: flex; justify-content: right; flex-direction: row-reverse; margin: 0;">
  59. <label style="text-align: left;">: رقم الهاتف</label>
  60. </div>
  61. {{ form_row(form.phone, {'attr': {'class': ' form-control', 'placeholder': "هاتف"}}) }}
  62. </div>
  63. </div>
  64. <div class="col-md-4">
  65. <div class="form-group">
  66. <div style="display: flex; justify-content: right; flex-direction: row-reverse; margin: 0;">
  67. <label style="text-align: left;">: تاريخ الميلاد</label>
  68. </div>
  69. {{ form_row(form.birthday, {'attr': {'class': ' form-control', 'placeholder': "تاريخ الميلاد"}}) }}
  70. </div>
  71. </div>
  72. </div>
  73. <div class="row">
  74. <div class="col-md-4">
  75. <div class="form-group">
  76. <div style="display: flex; justify-content: right; flex-direction: row-reverse; margin: 0;">
  77. <label style="text-align: left;">: الرمز البريدي</label>
  78. </div>
  79. {{ form_row(form.postalCode, {'attr': {'class': ' form-control', 'placeholder': "الرمز البريدي"}}) }}
  80. </div>
  81. </div>
  82. <div class="col-md-4">
  83. <div class="form-group">
  84. <div style="display: flex; justify-content: right; flex-direction: row-reverse; margin: 0;">
  85. <label style="text-align: left;">: الولاية/المقاطعة</label>
  86. </div>
  87. {{ form_row(form.state, {'attr': {'class': ' form-control', 'placeholder': "المقاطعة/الولاية"}}) }}
  88. </div>
  89. </div>
  90. <div class="col-md-4">
  91. <div class="form-group">
  92. <div style="display: flex; justify-content: right; flex-direction: row-reverse; margin: 0;">
  93. <label style="text-align: left;">: البلد</label>
  94. </div>
  95. {{ form_row(form.country, {'attr': {'class': ' form-control', 'placeholder': "البلد"}}) }}
  96. </div>
  97. </div>
  98. </div>
  99. <div class="row">
  100. <div class="col-md-6"></div>
  101. <div class="col-md-6">
  102. <div class="form-group">
  103. <div style="display: flex; justify-content: right; flex-direction: row-reverse; margin: 0;">
  104. <label style="text-align: left;">: العنوان</label>
  105. </div>
  106. {{ form_row(form.address, {'attr': {'class': ' form-control', 'placeholder': "العنوان"}}) }}
  107. </div>
  108. </div>
  109. </div>
  110. <button class="userbtn" type="submit">{{ button_label|default('تسجيل') }}</button>
  111. {{ form_end(form) }}
  112. <a class="mt-4 btn userbtn " href="{{ path('app_login') }}">تسجيل الدخول</a>
  113. </div>
  115. </div>
  116. <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
  117. <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
  118. </body>
  119. </html>