Commit 6408200e4795f9dcc11661bf181f4df808ff0d41

Authored by Hayk Nazaryan
1 parent d2fa9ea9e0
Exists in master

register form popups

Showing 4 changed files with 44 additions and 4 deletions Inline Diff

resources/views/js/modals.blade.php
1 <script> 1 <script>
2 var code; 2 var code;
3 var code2; 3 var code2;
4 4
5 function createCaptcha() { 5 function createCaptcha() {
6 //clear the contents of captcha div first 6 //clear the contents of captcha div first
7 var captha1 = $('#captcha1').html(); 7 var captha1 = $('#captcha1').html();
8 8
9 document.getElementById('captcha1').innerHTML = ""; 9 document.getElementById('captcha1').innerHTML = "";
10 document.getElementById('captcha2').innerHTML = ""; 10 document.getElementById('captcha2').innerHTML = "";
11 var charsArray = 11 var charsArray =
12 "0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ@!#$%^&*"; 12 "0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ@!#$%^&*";
13 var lengthOtp = 6; 13 var lengthOtp = 6;
14 var captcha = []; 14 var captcha = [];
15 for (var i = 0; i < lengthOtp; i++) { 15 for (var i = 0; i < lengthOtp; i++) {
16 //below code will not allow Repetition of Characters 16 //below code will not allow Repetition of Characters
17 var index = Math.floor(Math.random() * charsArray.length + 1); //get the next character from the array 17 var index = Math.floor(Math.random() * charsArray.length + 1); //get the next character from the array
18 if (captcha.indexOf(charsArray[index]) == -1) 18 if (captcha.indexOf(charsArray[index]) == -1)
19 captcha.push(charsArray[index]); 19 captcha.push(charsArray[index]);
20 else i--; 20 else i--;
21 } 21 }
22 var canv = document.createElement("canvas"); 22 var canv = document.createElement("canvas");
23 canv.id = "captcha"; 23 canv.id = "captcha";
24 canv.width = 100; 24 canv.width = 100;
25 canv.height = 50; 25 canv.height = 50;
26 var ctx = canv.getContext("2d"); 26 var ctx = canv.getContext("2d");
27 ctx.font = "25px Georgia"; 27 ctx.font = "25px Georgia";
28 ctx.strokeText(captcha.join(""), 0, 30); 28 ctx.strokeText(captcha.join(""), 0, 30);
29 //storing captcha so that can validate you can save it somewhere else according to your specific requirements 29 //storing captcha so that can validate you can save it somewhere else according to your specific requirements
30 code = captcha.join(""); 30 code = captcha.join("");
31 31
32 document.getElementById("captcha1").appendChild(canv); 32 document.getElementById("captcha1").appendChild(canv);
33 // adds the canvas to the body element 33 // adds the canvas to the body element
34 34
35 createCaptcha2() 35 createCaptcha2()
36 } 36 }
37 37
38 function createCaptcha2() { 38 function createCaptcha2() {
39 //clear the contents of captcha div first 39 //clear the contents of captcha div first
40 document.getElementById('captcha2').innerHTML = ""; 40 document.getElementById('captcha2').innerHTML = "";
41 41
42 var captha2 = $('#captcha2').html(); 42 var captha2 = $('#captcha2').html();
43 43
44 var charsArray = 44 var charsArray =
45 "0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ@!#$%^&*"; 45 "0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ@!#$%^&*";
46 var lengthOtp = 6; 46 var lengthOtp = 6;
47 var captcha = []; 47 var captcha = [];
48 for (var i = 0; i < lengthOtp; i++) { 48 for (var i = 0; i < lengthOtp; i++) {
49 //below code will not allow Repetition of Characters 49 //below code will not allow Repetition of Characters
50 var index = Math.floor(Math.random() * charsArray.length + 1); //get the next character from the array 50 var index = Math.floor(Math.random() * charsArray.length + 1); //get the next character from the array
51 if (captcha.indexOf(charsArray[index]) == -1) 51 if (captcha.indexOf(charsArray[index]) == -1)
52 captcha.push(charsArray[index]); 52 captcha.push(charsArray[index]);
53 else i--; 53 else i--;
54 } 54 }
55 var canv = document.createElement("canvas"); 55 var canv = document.createElement("canvas");
56 canv.id = "captcha"; 56 canv.id = "captcha";
57 canv.width = 100; 57 canv.width = 100;
58 canv.height = 50; 58 canv.height = 50;
59 var ctx = canv.getContext("2d"); 59 var ctx = canv.getContext("2d");
60 ctx.font = "25px Georgia"; 60 ctx.font = "25px Georgia";
61 ctx.strokeText(captcha.join(""), 0, 30); 61 ctx.strokeText(captcha.join(""), 0, 30);
62 //storing captcha so that can validate you can save it somewhere else according to your specific requirements 62 //storing captcha so that can validate you can save it somewhere else according to your specific requirements
63 code2 = captcha.join(""); 63 code2 = captcha.join("");
64 64
65 document.getElementById("captcha2").appendChild(canv); 65 document.getElementById("captcha2").appendChild(canv);
66 // adds the canvas to the body element 66 // adds the canvas to the body element
67 } 67 }
68 68
69 function validateCaptcha() { 69 function validateCaptcha() {
70 70
71 if (document.getElementById("cpatchaTextBox").value == code) { 71 if (document.getElementById("cpatchaTextBox").value == code) {
72 console.log('Валидная капча 1!'); 72 console.log('Валидная капча 1!');
73 }else{ 73 }else{
74 alert("Неверная капча! Повторите вновь"); 74 alert("Неверная капча! Повторите вновь");
75 createCaptcha(); 75 createCaptcha();
76 } 76 }
77 } 77 }
78 78
79 function validateCaptcha2() { 79 function validateCaptcha2() {
80 if (document.getElementById("cpatchaTextBox2").value == code2) { 80 if (document.getElementById("cpatchaTextBox2").value == code2) {
81 console.log('Валидная капча 2!'); 81 console.log('Валидная капча 2!');
82 }else{ 82 }else{
83 alert("Неверная капча! Повторите вновь"); 83 alert("Неверная капча! Повторите вновь");
84 createCaptcha(); 84 createCaptcha();
85 } 85 }
86 } 86 }
87 87
88 $(document).on('click', '#button_send', function() { 88 $(document).on('click', '#button_send', function() {
89 var field_login = $('#email_input'); 89 var field_login = $('#email_input');
90 var field_pwd = $('#password'); 90 var field_pwd = $('#password');
91 var login_val = field_login.val(); 91 var login_val = field_login.val();
92 var pwd_val = field_pwd.val(); 92 var pwd_val = field_pwd.val();
93 93
94 console.log('login: '+login_val+' password: '+pwd_val); 94 console.log('login: '+login_val+' password: '+pwd_val);
95 95
96 $.ajax({ 96 $.ajax({
97 type: "GET", 97 type: "GET",
98 url: "{{ route('login') }}", 98 url: "{{ route('login') }}",
99 data: "email="+login_val+"&password="+pwd_val, 99 data: "email="+login_val+"&password="+pwd_val,
100 success: function (data) { 100 success: function (data) {
101 console.log('Вход в систему'); 101 console.log('Вход в систему');
102 console.log(data); 102 console.log(data);
103 let d = JSON.parse(data); 103 let d = JSON.parse(data);
104 if(typeof d['REDIRECT'] !== "undefined") { 104 if(typeof d['REDIRECT'] !== "undefined") {
105 location.href = d['REDIRECT']; 105 location.href = d['REDIRECT'];
106 console.log(d['REDIRECT']); 106 console.log(d['REDIRECT']);
107 } 107 }
108 if (typeof d['ERROR'] !== "undefined") { 108 if (typeof d['ERROR'] !== "undefined") {
109 console.log(d['ERROR']); 109 console.log(d['ERROR']);
110 $('#message_error').html(d['ERROR']); 110 $('#message_error').html(d['ERROR']);
111 } 111 }
112 //console.log(d['REDIRECT']); 112 //console.log(d['REDIRECT']);
113 //$('#block_1').html(data); 113 //$('#block_1').html(data);
114 }, 114 },
115 headers: { 115 headers: {
116 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') 116 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
117 }, 117 },
118 error: function (data) { 118 error: function (data) {
119 data = JSON.stringify(data); 119 data = JSON.stringify(data);
120 console.log('Error: ' + data); 120 console.log('Error: ' + data);
121 } 121 }
122 }); 122 });
123 }); 123 });
124 124
125 $(document).on('click', '#button_reg_worker', function() { 125 $(document).on('click', '#button_reg_worker', function() {
126 $('#messages_error_reg').html(''); 126 $('#messages_error_reg').html('');
127 127
128 var field_login = $('#email_worker'); 128 var field_login = $('#email_worker');
129 var field_pwd = $('#password_worker'); 129 var field_pwd = $('#password_worker');
130 var field_confirm_pwd = $('#password_confirmation_worker'); 130 var field_confirm_pwd = $('#password_confirmation_worker');
131 var field_politik_worker = $('#politik'); 131 var field_politik_worker = $('#politik');
132 var field_telephone_worker = $('#telephone_worker'); 132 var field_telephone_worker = $('#telephone_worker');
133 var field_job_titles_worker = $('#job_titles_worker'); 133 var field_job_titles_worker = $('#job_titles_worker');
134 var field_surname_worker = $('#surname_worker'); 134 var field_surname_worker = $('#surname_worker');
135 var field_name_man = $('#name_man_worker'); 135 var field_name_man = $('#name_man_worker');
136 var field_surname2_worker = $('#surname2_worker'); 136 var field_surname2_worker = $('#surname2_worker');
137 137
138 var login = field_login.val(); 138 var login = field_login.val();
139 var pwd = field_pwd.val(); 139 var pwd = field_pwd.val();
140 var confirm_pwd = field_confirm_pwd.val(); 140 var confirm_pwd = field_confirm_pwd.val();
141 var politik = field_politik_worker.val(); 141 var politik = field_politik_worker.val();
142 var telephone = field_telephone_worker.val(); 142 var telephone = field_telephone_worker.val();
143 var job_titles = field_job_titles_worker.val(); 143 var job_titles = field_job_titles_worker.val();
144 var surname = field_surname_worker.val(); 144 var surname = field_surname_worker.val();
145 var name_man = field_name_man.val(); 145 var name_man = field_name_man.val();
146 var surname2 = field_surname2_worker.val(); 146 var surname2 = field_surname2_worker.val();
147 147
148 148
149 if (document.getElementById("cpatchaTextBox1").value == code) { 149 if (document.getElementById("cpatchaTextBox1").value == code) {
150 console.log('Валидный кот'); 150 console.log('Валидный кот');
151 151
152 } else { 152 } else {
153 console.log('Ошибка1'); 153 console.log('Ошибка1');
154 event.preventDefault(); 154 event.preventDefault();
155 $('#block-info').css({'display': 'block'}); 155 $('#block-info').css({'display': 'block'});
156 $('#messages_error_reg').html('ERROR: Капча неверная!'); 156 $('#messages_error_reg').html('ERROR: Капча неверная!');
157 157
158 return false; 158 return false;
159 } 159 }
160 160
161 if (!document.getElementById('politik').checked) { 161 if (!document.getElementById('politik').checked) {
162 event.preventDefault(); 162 event.preventDefault();
163 $('#block-info').css({'display': 'block'}); 163 $('#block-info').css({'display': 'block'});
164 $('#messages_error_reg').html('ERROR: Вы не согласились с политикой конфидициальности!'); 164 $('#messages_error_reg').html('ERROR: Вы не согласились с политикой конфидициальности!');
165 return false; 165 return false;
166 } 166 }
167 167
168 168
169 console.log('login: '+login+' password: '+pwd); 169 console.log('login: '+login+' password: '+pwd);
170 170
171 $.ajax({ 171 $.ajax({
172 type: "GET", 172 type: "GET",
173 url: "{{ route('register_worker') }}", 173 url: "{{ route('register_worker') }}",
174 data: "email="+login+"&password="+pwd+"&confirmed="+confirm_pwd+"&politik="+politik+ 174 data: "email="+login+"&password="+pwd+"&confirmed="+confirm_pwd+"&politik="+politik+
175 "&telephone="+telephone+"&job_titles="+job_titles+"&surname="+surname+"&name_man="+name_man+ 175 "&telephone="+telephone+"&job_titles="+job_titles+"&surname="+surname+"&name_man="+name_man+
176 "&surname2="+surname2+"&subscribe_email="+login, 176 "&surname2="+surname2+"&subscribe_email="+login,
177 success: function (data) { 177 success: function (data) {
178 console.log('Вход в систему'); 178 console.log('Вход в систему');
179 let d = JSON.parse(data); 179 let d = JSON.parse(data);
180 if(typeof d['REDIRECT'] !== "undefined") { 180 if (typeof d['REDIRECT'] !== "undefined") {
181 console.log(d['REDIRECT']); 181 $.fancybox.close();
182 location.href = d['REDIRECT']; 182
183 $('#email_worker').val('');
184 $('#password_worker').val('');
185 $('#password_confirmation_worker').val('');
186 $('#politik').prop('checked', false);
187 $('#telephone_worker').val('');
188 $('#job_titles_worker').val('').trigger('change');
189 $('#surname_worker').val('');
190 $('#name_man_worker').val('');
191 $('#surname2_worker').val('');
192 $('#cpatchaTextBox1').val('');
193
194 $('#block-info').hide();
195 $('#messages_error_reg').html('');
196
197 $.fancybox.open({
198 src: '#successful-registration',
199 type: 'inline',
200 opts: {touch: false}
201 });
183 } 202 }
203
184 if (typeof d['ERROR'] !== "undefined") { 204 if (typeof d['ERROR'] !== "undefined") {
185 console.log(d['ERROR']); 205 console.log(d['ERROR']);
186 $('#block-info').css({'display': 'block'}); 206 $('#block-info').css({'display': 'block'});
187 $('#messages_error_reg').html(d['ERROR']); 207 $('#messages_error_reg').html(d['ERROR']);
188 } 208 }
189 console.log(d['REDIRECT']); 209 console.log(d['REDIRECT']);
190 210
191 }, 211 },
192 headers: { 212 headers: {
193 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') 213 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
194 }, 214 },
195 error: function (data) { 215 error: function (data) {
196 data = JSON.stringify(data); 216 data = JSON.stringify(data);
197 console.log('Error: ' + data); 217 console.log('Error: ' + data);
198 } 218 }
199 }); 219 });
200 220
201 return false; 221 return false;
202 }); 222 });
203 223
224 $(document).on('click', '.open-login-modal', function(e) {
225 e.preventDefault();
226 $.fancybox.close();
227 $.fancybox.open({
228 src: '#sign',
229 type: 'inline',
230 opts: {touch: false}
231 });
232 });
233
204 $(document).on('click', '#button_reg_employer', function() { 234 $(document).on('click', '#button_reg_employer', function() {
205 235
206 $('#messages_error_reg').html(''); 236 $('#messages_error_reg').html('');
207 237
208 var field_login = $('#email_employer'); 238 var field_login = $('#email_employer');
209 var field_pwd = $('#password_employer'); 239 var field_pwd = $('#password_employer');
210 var field_confirm_pwd = $('#password_confirmation_employer'); 240 var field_confirm_pwd = $('#password_confirmation_employer');
211 var field_politik_employer = $('#politik_employer'); 241 var field_politik_employer = $('#politik_employer');
212 var field_telephone_employer = $('#telephone_employer'); 242 var field_telephone_employer = $('#telephone_employer');
213 var field_company_employer = $('#company_employer'); 243 var field_company_employer = $('#company_employer');
214 var field_surname_employer = $('#surname_employer'); 244 var field_surname_employer = $('#surname_employer');
215 var field_name_man_employer = $('#name_man_employer'); 245 var field_name_man_employer = $('#name_man_employer');
216 var field_surname2_employer = $('#surname2_employer'); 246 var field_surname2_employer = $('#surname2_employer');
217 247
218 var login = field_login.val(); 248 var login = field_login.val();
219 var pwd = field_pwd.val(); 249 var pwd = field_pwd.val();
220 var confirm_pwd = field_confirm_pwd.val(); 250 var confirm_pwd = field_confirm_pwd.val();
221 var politik = field_politik_employer.val(); 251 var politik = field_politik_employer.val();
222 var telephone = field_telephone_employer.val(); 252 var telephone = field_telephone_employer.val();
223 var company_employer = field_company_employer.val(); 253 var company_employer = field_company_employer.val();
224 var surname = field_surname_employer.val(); 254 var surname = field_surname_employer.val();
225 var name_man = field_name_man_employer.val(); 255 var name_man = field_name_man_employer.val();
226 var surname2 = field_surname2_employer.val(); 256 var surname2 = field_surname2_employer.val();
227 257
228 if (document.getElementById("cpatchaTextBox2").value == code2) { 258 if (document.getElementById("cpatchaTextBox2").value == code2) {
229 console.log('Валидный кот'); 259 console.log('Валидный кот');
230 260
231 } else { 261 } else {
232 console.log('Ошибка2'); 262 console.log('Ошибка2');
233 event.preventDefault(); 263 event.preventDefault();
234 $('#block-info').css({'display': 'block'}); 264 $('#block-info').css({'display': 'block'});
235 $('#messages_error_reg').html('ERROR: Капча неверная!'); 265 $('#messages_error_reg').html('ERROR: Капча неверная!');
236 return false; 266 return false;
237 } 267 }
238 268
239 console.log('login: '+login+' password: '+pwd); 269 console.log('login: '+login+' password: '+pwd);
240 if (!document.getElementById('politik_employer').checked) { 270 if (!document.getElementById('politik_employer').checked) {
241 event.preventDefault(); 271 event.preventDefault();
242 $('#block-info').css({'display': 'block'}); 272 $('#block-info').css({'display': 'block'});
243 $('#messages_error_reg').html('ERROR: Вы не согласились с политикой конфидициальности!'); 273 $('#messages_error_reg').html('ERROR: Вы не согласились с политикой конфидициальности!');
244 return false; 274 return false;
245 } 275 }
246 276
247 $.ajax({ 277 $.ajax({
248 type: "GET", 278 type: "GET",
249 url: "{{ route('register_employer') }}", 279 url: "{{ route('register_employer') }}",
250 data: "email="+login+"&password="+pwd+"&confirmed="+confirm_pwd+"&politik="+politik+ 280 data: "email="+login+"&password="+pwd+"&confirmed="+confirm_pwd+"&politik="+politik+
251 "&telephone="+telephone+"&name_company="+company_employer+"&surname="+surname+"&name_man="+name_man+ 281 "&telephone="+telephone+"&name_company="+company_employer+"&surname="+surname+"&name_man="+name_man+
252 "&surname2="+surname2+"&subscribe_email="+login, 282 "&surname2="+surname2+"&subscribe_email="+login,
253 success: function (data) { 283 success: function (data) {
254 console.log('Вход в систему'); 284 console.log('Вход в систему');
255 let d = JSON.parse(data); 285 let d = JSON.parse(data);
256 if(typeof d['REDIRECT'] !== "undefined") { 286 if(typeof d['REDIRECT'] !== "undefined") {
257 console.log(d['REDIRECT']); 287 console.log(d['REDIRECT']);
258 location.href = d['REDIRECT']; 288 location.href = d['REDIRECT'];
259 } 289 }
260 if (typeof d['ERROR'] !== "undefined") { 290 if (typeof d['ERROR'] !== "undefined") {
261 console.log(d['ERROR']); 291 console.log(d['ERROR']);
262 $('#block-info').css({'display': 'block'}); 292 $('#block-info').css({'display': 'block'});
263 $('#messages_error_reg').html(d['ERROR']); 293 $('#messages_error_reg').html(d['ERROR']);
264 } 294 }
265 console.log(d['REDIRECT']); 295 console.log(d['REDIRECT']);
266 }, 296 },
267 headers: { 297 headers: {
268 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') 298 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
269 }, 299 },
270 error: function (data) { 300 error: function (data) {
271 data = JSON.stringify(data); 301 data = JSON.stringify(data);
272 console.log('Error: ' + data); 302 console.log('Error: ' + data);
273 } 303 }
274 }); 304 });
275 return false; 305 return false;
276 }); 306 });
277 </script> 307 </script>
278 308
resources/views/modals/register.blade.php
1 <style> 1 <style>
2 #captcha { 2 #captcha {
3 background-color: #d0d0d0; 3 background-color: #d0d0d0;
4 } 4 }
5 5
6 #captcha2 { 6 #captcha2 {
7 background-color: #d0d0d0; 7 background-color: #d0d0d0;
8 } 8 }
9 </style> 9 </style>
10
11 @include('modals.successful_registration')
12
10 <div id="reg" class="modal"> 13 <div id="reg" class="modal">
11 <div class="modal__body"> 14 <div class="modal__body">
12 <div class="modal__title left">Регистрация</div> 15 <div class="modal__title left">Регистрация</div>
13 <div class="notify notify_red" style="display:none" id="block-info"> 16 <div class="notify notify_red" style="display:none" id="block-info">
14 <svg> 17 <svg>
15 <use xlink:href="{{ asset('images/sprite.svg#i') }}"></use> 18 <use xlink:href="{{ asset('images/sprite.svg#i') }}"></use>
16 </svg><br> 19 </svg><br>
17 <span id="messages_error_reg" name="messages_error_reg"></span> 20 <span id="messages_error_reg" name="messages_error_reg"></span>
18 </div> 21 </div>
19 <div class="modal__tabs"> 22 <div class="modal__tabs">
20 <button type="button" class="modal__tabs-item button button_light active" data-tab="1">Кандидат</button> 23 <button type="button" class="modal__tabs-item button button_light active" data-tab="1">Кандидат</button>
21 <button type="button" class="modal__tabs-item button button_light" data-tab="2">Работодатель</button> 24 <button type="button" class="modal__tabs-item button button_light" data-tab="2">Работодатель</button>
22 </div> 25 </div>
23 <div class="modal__reg showed" data-body="1" id="form1" name="form1" onsubmit="-validateCaptcha()"> 26 <div class="modal__reg showed" data-body="1" id="form1" name="form1" onsubmit="-validateCaptcha()">
24 <input type="hidden" name="is_worker" id="is_worker" value="1"/> 27 <input type="hidden" name="is_worker" id="is_worker" value="1"/>
25 <div class="modal__reg-item form-group"> 28 <div class="modal__reg-item form-group">
26 <label class="form-group__label">Электронная почта *</label> 29 <label class="form-group__label">Электронная почта *</label>
27 <div class="form-group__item"> 30 <div class="form-group__item">
28 <input type="email" id="email_worker" name="email_worker" class="input" placeholder="info@rekamore.su" required> 31 <input type="email" id="email_worker" name="email_worker" class="input" placeholder="info@rekamore.su" required>
29 </div> 32 </div>
30 </div> 33 </div>
31 34
32 <div class="modal__reg-item form-group"> 35 <div class="modal__reg-item form-group">
33 <label class="form-group__label">Пароль *</label> 36 <label class="form-group__label">Пароль *</label>
34 <div class="form-group__item"> 37 <div class="form-group__item">
35 <input type="password" id="password_worker" name="password_worker" class="input" placeholder="**********" required> 38 <input type="password" id="password_worker" name="password_worker" class="input" placeholder="**********" required>
36 <button type="button" class="eye"> 39 <button type="button" class="eye">
37 <svg class="js-password-show"> 40 <svg class="js-password-show">
38 <use xlink:href="{{ asset('images/sprite.svg#eye') }}"></use> 41 <use xlink:href="{{ asset('images/sprite.svg#eye') }}"></use>
39 </svg> 42 </svg>
40 <svg class="js-password-hide"> 43 <svg class="js-password-hide">
41 <use xlink:href="{{ asset('images/sprite.svg#eye-2') }}"></use> 44 <use xlink:href="{{ asset('images/sprite.svg#eye-2') }}"></use>
42 </svg> 45 </svg>
43 </button> 46 </button>
44 </div> 47 </div>
45 </div> 48 </div>
46 49
47 <div class="modal__reg-item form-group"> 50 <div class="modal__reg-item form-group">
48 <label class="form-group__label">Подтвердить пароль *</label> 51 <label class="form-group__label">Подтвердить пароль *</label>
49 <div class="form-group__item"> 52 <div class="form-group__item">
50 <input type="password" name="password_confirmation_worker" id="password_confirmation_worker" class="input" placeholder="**********" required> 53 <input type="password" name="password_confirmation_worker" id="password_confirmation_worker" class="input" placeholder="**********" required>
51 <button type="button" class="eye"> 54 <button type="button" class="eye">
52 <svg class="js-password-show"> 55 <svg class="js-password-show">
53 <use xlink:href="{{ asset('images/sprite.svg#eye') }}"></use> 56 <use xlink:href="{{ asset('images/sprite.svg#eye') }}"></use>
54 </svg> 57 </svg>
55 <svg class="js-password-hide"> 58 <svg class="js-password-hide">
56 <use xlink:href="{{ asset('images/sprite.svg#eye-2') }}"></use> 59 <use xlink:href="{{ asset('images/sprite.svg#eye-2') }}"></use>
57 </svg> 60 </svg>
58 </button> 61 </button>
59 </div> 62 </div>
60 </div> 63 </div>
61 64
62 <div class="modal__reg-item form-group"> 65 <div class="modal__reg-item form-group">
63 <label class="form-group__label">Фамилия *</label> 66 <label class="form-group__label">Фамилия *</label>
64 <div class="form-group__item"> 67 <div class="form-group__item">
65 <input type="text" id="surname_worker" name="surname_worker" class="input" placeholder="Шестаков" required> 68 <input type="text" id="surname_worker" name="surname_worker" class="input" placeholder="Шестаков" required>
66 </div> 69 </div>
67 </div> 70 </div>
68 71
69 <div class="modal__reg-item form-group"> 72 <div class="modal__reg-item form-group">
70 <label class="form-group__label">Имя *</label> 73 <label class="form-group__label">Имя *</label>
71 <div class="form-group__item"> 74 <div class="form-group__item">
72 <input type="text" id="name_man_worker" name="name_man_worker" class="input" placeholder="Андрей" required> 75 <input type="text" id="name_man_worker" name="name_man_worker" class="input" placeholder="Андрей" required>
73 </div> 76 </div>
74 </div> 77 </div>
75 78
76 <div class="modal__reg-item form-group"> 79 <div class="modal__reg-item form-group">
77 <label class="form-group__label">Отчество</label> 80 <label class="form-group__label">Отчество</label>
78 <div class="form-group__item"> 81 <div class="form-group__item">
79 <input type="text" id="surname2_worker" name="surname2_worker" class="input" placeholder="Васильевич"> 82 <input type="text" id="surname2_worker" name="surname2_worker" class="input" placeholder="Васильевич">
80 </div> 83 </div>
81 </div> 84 </div>
82 <!-- 85 <!--
83 <div class="modal__reg-item form-group"> 86 <div class="modal__reg-item form-group">
84 <label class="form-group__label">Должность</label> 87 <label class="form-group__label">Должность</label>
85 <div class="form-group__item"> 88 <div class="form-group__item">
86 <input type="text" class="input" placeholder="Палуба" required> 89 <input type="text" class="input" placeholder="Палуба" required>
87 </div> 90 </div>
88 </div>--> 91 </div>-->
89 92
90 <div class="modal__reg-item form-group"> 93 <div class="modal__reg-item form-group">
91 <label class="form-group__label">Должность</label> 94 <label class="form-group__label">Должность</label>
92 <div class="form-group__item"> 95 <div class="form-group__item">
93 <div class="select"> 96 <div class="select">
94 <select class="js-select2" name="job_titles_worker" id="job_titles_worker"> 97 <select class="js-select2" name="job_titles_worker" id="job_titles_worker">
95 <option selected>Не указано</option> 98 <option selected>Не указано</option>
96 @if ($Job_titles->count()) 99 @if ($Job_titles->count())
97 @foreach($Job_titles as $it) 100 @foreach($Job_titles as $it)
98 <option value="{{ $it->id }}">{{ $it->name }}</option> 101 <option value="{{ $it->id }}">{{ $it->name }}</option>
99 @endforeach 102 @endforeach
100 @endif 103 @endif
101 </select> 104 </select>
102 </div> 105 </div>
103 </div> 106 </div>
104 </div> 107 </div>
105 108
106 <div class="modal__reg-item form-group"> 109 <div class="modal__reg-item form-group">
107 <label class="form-group__label">Номер телефона</label> 110 <label class="form-group__label">Номер телефона</label>
108 <div class="form-group__item"> 111 <div class="form-group__item">
109 <input type="tel" name="telephone_worker" id="telephone_worker" class="input" placeholder="+7 (___) ___-__-__" required> 112 <input type="tel" name="telephone_worker" id="telephone_worker" class="input" placeholder="+7 (___) ___-__-__" required>
110 </div> 113 </div>
111 </div> 114 </div>
112 <!--<div class="modal__reg-item"> 115 <!--<div class="modal__reg-item">
113 <img src="images/catpcha.jpg" alt="" class="captcha"> 116 <img src="images/catpcha.jpg" alt="" class="captcha">
114 </div>--> 117 </div>-->
115 <div id="Reloadcapcha1" name="Reloadcapcha1" class="button">Обновить капчу</div> 118 <div id="Reloadcapcha1" name="Reloadcapcha1" class="button">Обновить капчу</div>
116 <div id="captcha1" style="width:190px" class="modal__reg-item form-group">321</div> 119 <div id="captcha1" style="width:190px" class="modal__reg-item form-group">321</div>
117 <input type="text" placeholder="Captcha" class="input registr-form__input" id="cpatchaTextBox1" style="width: 100%"/> 120 <input type="text" placeholder="Captcha" class="input registr-form__input" id="cpatchaTextBox1" style="width: 100%"/>
118 121
119 <div class="modal__reg-item"> 122 <div class="modal__reg-item">
120 <label class="checkbox"> 123 <label class="checkbox">
121 <input type="checkbox" name="politik" id="politik" value="1" class="checkbox__input"> 124 <input type="checkbox" name="politik" id="politik" value="1" class="checkbox__input">
122 <span class="checkbox__icon"> 125 <span class="checkbox__icon">
123 <svg> 126 <svg>
124 <use xlink:href="{{ asset('images/sprite.svg#v') }}"></use> 127 <use xlink:href="{{ asset('images/sprite.svg#v') }}"></use>
125 </svg> 128 </svg>
126 </span> 129 </span>
127 <span class="checkbox__text"> 130 <span class="checkbox__text">
128 <span> 131 <span>
129 Я согласен(на) с <a href="{{ route('page', ['pages' => 'Politika-konfidencialnosti']) }}">Политикой конфиденциальности</a> 132 Я согласен(на) с <a href="{{ route('page', ['pages' => 'Politika-konfidencialnosti']) }}">Политикой конфиденциальности</a>
130 </span> 133 </span>
131 </span> 134 </span>
132 </label> 135 </label>
133 </div> 136 </div>
134 <button type="submit" id="button_reg_worker" name="button_reg_worker" class="button">Зарегистрироваться</button> 137 <button type="submit" id="button_reg_worker" name="button_reg_worker" class="button">Зарегистрироваться</button>
135 </div> 138 </div>
136 139
137 <div class="modal__reg" data-body="2" id="form2" name="name2" onsubmit="_validateCaptcha2()"> 140 <div class="modal__reg" data-body="2" id="form2" name="name2" onsubmit="_validateCaptcha2()">
138 <div class="modal__reg-item form-group"> 141 <div class="modal__reg-item form-group">
139 <label class="form-group__label">Электронная почта *</label> 142 <label class="form-group__label">Электронная почта *</label>
140 <div class="form-group__item"> 143 <div class="form-group__item">
141 <input type="email" id="email_employer" name="email_employer" class="input" placeholder="info@rekamore.su" required> 144 <input type="email" id="email_employer" name="email_employer" class="input" placeholder="info@rekamore.su" required>
142 </div> 145 </div>
143 </div> 146 </div>
144 <div class="modal__reg-item form-group"> 147 <div class="modal__reg-item form-group">
145 <label class="form-group__label">Пароль *</label> 148 <label class="form-group__label">Пароль *</label>
146 <div class="form-group__item"> 149 <div class="form-group__item">
147 <input type="password" id="password_employer" name="password_employer" class="input" placeholder="**********" required> 150 <input type="password" id="password_employer" name="password_employer" class="input" placeholder="**********" required>
148 <button type="button" class="eye"> 151 <button type="button" class="eye">
149 <svg class="js-password-show"> 152 <svg class="js-password-show">
150 <use xlink:href="{{ asset('images/sprite.svg#eye') }}"></use> 153 <use xlink:href="{{ asset('images/sprite.svg#eye') }}"></use>
151 </svg> 154 </svg>
152 <svg class="js-password-hide"> 155 <svg class="js-password-hide">
153 <use xlink:href="{{ asset('images/sprite.svg#eye-2') }}"></use> 156 <use xlink:href="{{ asset('images/sprite.svg#eye-2') }}"></use>
154 </svg> 157 </svg>
155 </button> 158 </button>
156 </div> 159 </div>
157 </div> 160 </div>
158 <div class="modal__reg-item form-group"> 161 <div class="modal__reg-item form-group">
159 <label class="form-group__label">Подтвердить пароль *</label> 162 <label class="form-group__label">Подтвердить пароль *</label>
160 <div class="form-group__item"> 163 <div class="form-group__item">
161 <input type="password" id="password_confirmation_employer" name="password_confirmation_employer" class="input" placeholder="**********" required> 164 <input type="password" id="password_confirmation_employer" name="password_confirmation_employer" class="input" placeholder="**********" required>
162 <button type="button" class="eye"> 165 <button type="button" class="eye">
163 <svg class="js-password-show"> 166 <svg class="js-password-show">
164 <use xlink:href="{{ asset('images/sprite.svg#eye') }}"></use> 167 <use xlink:href="{{ asset('images/sprite.svg#eye') }}"></use>
165 </svg> 168 </svg>
166 <svg class="js-password-hide"> 169 <svg class="js-password-hide">
167 <use xlink:href="{{ asset('images/sprite.svg#eye-2') }}"></use> 170 <use xlink:href="{{ asset('images/sprite.svg#eye-2') }}"></use>
168 </svg> 171 </svg>
169 </button> 172 </button>
170 </div> 173 </div>
171 </div> 174 </div>
172 175
173 176
174 <div class="modal__reg-item form-group"> 177 <div class="modal__reg-item form-group">
175 <label class="form-group__label">Фамилия работодателя *</label> 178 <label class="form-group__label">Фамилия работодателя *</label>
176 <div class="form-group__item"> 179 <div class="form-group__item">
177 <input type="text" id="surname_employer" name="surname_employer" class="input" placeholder="Шестаков" required> 180 <input type="text" id="surname_employer" name="surname_employer" class="input" placeholder="Шестаков" required>
178 </div> 181 </div>
179 </div> 182 </div>
180 183
181 <div class="modal__reg-item form-group"> 184 <div class="modal__reg-item form-group">
182 <label class="form-group__label">Имя работодателя *</label> 185 <label class="form-group__label">Имя работодателя *</label>
183 <div class="form-group__item"> 186 <div class="form-group__item">
184 <input type="text" id="name_man_employer" name="name_man_employer" class="input" placeholder="Андрей" required> 187 <input type="text" id="name_man_employer" name="name_man_employer" class="input" placeholder="Андрей" required>
185 </div> 188 </div>
186 </div> 189 </div>
187 190
188 <div class="modal__reg-item form-group"> 191 <div class="modal__reg-item form-group">
189 <label class="form-group__label">Отчество работодателя</label> 192 <label class="form-group__label">Отчество работодателя</label>
190 <div class="form-group__item"> 193 <div class="form-group__item">
191 <input type="text" id="surname2_employer" name="surname2_employer" class="input" placeholder="Васильевич"> 194 <input type="text" id="surname2_employer" name="surname2_employer" class="input" placeholder="Васильевич">
192 </div> 195 </div>
193 </div> 196 </div>
194 197
195 <div class="modal__reg-item form-group"> 198 <div class="modal__reg-item form-group">
196 <label class="form-group__label">Название судоходной компании *</label> 199 <label class="form-group__label">Название судоходной компании *</label>
197 <div class="form-group__item"> 200 <div class="form-group__item">
198 <input type="text" name="company_employer" id="company_employer" class="input" placeholder="ООО Река Море" required> 201 <input type="text" name="company_employer" id="company_employer" class="input" placeholder="ООО Река Море" required>
199 </div> 202 </div>
200 </div> 203 </div>
201 204
202 <div class="modal__reg-item form-group"> 205 <div class="modal__reg-item form-group">
203 <label class="form-group__label">Номер телефона</label> 206 <label class="form-group__label">Номер телефона</label>
204 <div class="form-group__item"> 207 <div class="form-group__item">
205 <input type="tel" name="telephone_employer" id="telephone_employer" class="input" placeholder="+7 (___) ___-__-__" required> 208 <input type="tel" name="telephone_employer" id="telephone_employer" class="input" placeholder="+7 (___) ___-__-__" required>
206 </div> 209 </div>
207 </div> 210 </div>
208 <!--<div class="modal__reg-item"> 211 <!--<div class="modal__reg-item">
209 <img src="images/catpcha.jpg" alt="" class="captcha"> 212 <img src="images/catpcha.jpg" alt="" class="captcha">
210 </div>--> 213 </div>-->
211 214
212 <div id="Reloadcapcha2" name="Reloadcapcha2" class="button">Обновить капчу</div> 215 <div id="Reloadcapcha2" name="Reloadcapcha2" class="button">Обновить капчу</div>
213 <div id="captcha2" style="width:190px" class="modal__reg-item form-group">123</div> 216 <div id="captcha2" style="width:190px" class="modal__reg-item form-group">123</div>
214 <input type="text" placeholder="Captcha" class="input registr-form__input" id="cpatchaTextBox2" style="width: 100%"/> 217 <input type="text" placeholder="Captcha" class="input registr-form__input" id="cpatchaTextBox2" style="width: 100%"/>
215 218
216 <div class="modal__reg-item"> 219 <div class="modal__reg-item">
217 <label class="checkbox"> 220 <label class="checkbox">
218 <input type="checkbox" name="politik_employer" id="politik_employer" value="1" class="checkbox__input" required> 221 <input type="checkbox" name="politik_employer" id="politik_employer" value="1" class="checkbox__input" required>
219 <span class="checkbox__icon"> 222 <span class="checkbox__icon">
220 <svg> 223 <svg>
221 <use xlink:href="{{ asset('images/sprite.svg#v') }}"></use> 224 <use xlink:href="{{ asset('images/sprite.svg#v') }}"></use>
222 </svg> 225 </svg>
223 </span> 226 </span>
224 <span class="checkbox__text"> 227 <span class="checkbox__text">
225 <span> 228 <span>
226 Я согласен(на) с <a href="{{ route('page', ['pages' => 'Politika-konfidencialnosti']) }}">Политикой конфиденциальности</a> 229 Я согласен(на) с <a href="{{ route('page', ['pages' => 'Politika-konfidencialnosti']) }}">Политикой конфиденциальности</a>
227 </span> 230 </span>
228 </span> 231 </span>
229 </label> 232 </label>
230 </div> 233 </div>
231 <button type="submit" id="button_reg_employer" name="button_reg_employer" class="button">Зарегистрироваться</button> 234 <button type="submit" id="button_reg_employer" name="button_reg_employer" class="button">Зарегистрироваться</button>
232 </div> 235 </div>
233 <div class="modal__text"> 236 <div class="modal__text">
234 <span>Вспомнили пароль?</span> 237 <span>Вспомнили пароль?</span>
235 &nbsp; 238 &nbsp;
236 <a data-fancybox data-src="#sign" data-options='{"touch":false,"autoFocus":false}'>Войти</a> 239 <a data-fancybox data-src="#sign" data-options='{"touch":false,"autoFocus":false}'>Войти</a>
237 </div> 240 </div>
238 </div> 241 </div>
239 </div> 242 </div>
240 243
resources/views/modals/send_login.blade.php
1 <div id="sign" class="modal"> 1 <div id="sign" class="modal">
2 <div class="modal__body"> 2 <div class="modal__body">
3 <div class="modal__title left">Войти</div> 3 <div class="modal__title left">Войти</div>
4 <form class="modal__sign"> 4 <form class="modal__sign">
5 <div id="message_error" name="message_error" style="color: red"> 5 <div id="message_error" name="message_error" style="color: red">
6 </div> 6 </div>
7 <div class="modal__sign-item"> 7 <div class="modal__sign-item">
8 <input type="email" class="input" id="email_input" name="email" placeholder="E-mail" required> 8 <input type="email" class="input" id="email_input" name="email" placeholder="E-mail" required>
9 </div> 9 </div>
10 <div class="modal__sign-item"> 10 <div class="modal__sign-item">
11 <input type="password" class="input" id="password" name="password" placeholder="Пароль" required> 11 <input type="password" class="input" id="password" name="password" placeholder="Пароль" required>
12 <button type="button" class="eye"> 12 <button type="button" class="eye">
13 <svg class="js-password-show"> 13 <svg class="js-password-show">
14 <use xlink:href="{{ asset('images/sprite.svg#eye') }}"></use> 14 <use xlink:href="{{ asset('images/sprite.svg#eye') }}"></use>
15 </svg> 15 </svg>
16 <svg class="js-password-hide"> 16 <svg class="js-password-hide">
17 <use xlink:href="{{ asset('images/sprite.svg#eye-2') }}"></use> 17 <use xlink:href="{{ asset('images/sprite.svg#eye-2') }}"></use>
18 </svg> 18 </svg>
19 </button> 19 </button>
20 </div> 20 </div>
21 <div class="modal__sign-item"> 21 <div class="modal__sign-item">
22 <div class="modal__sign-bottom"> 22 <div class="modal__sign-bottom">
23 <div> 23 <div>
24 <label class="checkbox"> 24 <label class="checkbox">
25 <input type="checkbox" id="save_me" name="save_me" class="checkbox__input" required> 25 <input type="checkbox" id="save_me" name="save_me" class="checkbox__input" required>
26 <span class="checkbox__icon"> 26 <span class="checkbox__icon">
27 <svg> 27 <svg>
28 <use xlink:href="{{ asset('images/sprite.svg#v') }}"></use> 28 <use xlink:href="{{ asset('images/sprite.svg#v') }}"></use>
29 </svg> 29 </svg>
30 </span> 30 </span>
31 <span class="checkbox__text"> 31 <span class="checkbox__text">
32 <span> 32 <span>
33 Запомнить меня 33 Запомнить меня
34 </span> 34 </span>
35 </span> 35 </span>
36 </label> 36 </label>
37 </div> 37 </div>
38 <div> 38 <div>
39 <a data-fancybox data-src="#reset" data-options='{"touch":false,"autoFocus":false}' class="modal__sign-bottom-link">Забыли пароль?</a> 39 <a data-fancybox data-src="#reset" data-options='{"touch":false,"autoFocus":false}' class="modal__sign-bottom-link">Забыли пароль?</a>
40 </div> 40 </div>
41 </div> 41 </div>
42 </div> 42 </div>
43 <div class="modal__sign-item"> 43 <div class="modal__sign-item">
44 <a id="button_send" name="button_send" class="button">Войти</a> 44 <a id="button_send" name="button_send" class="button">Войти</a>
45 </div> 45 </div>
46 </form> 46 </form>
47 <div class="modal__text"> 47 <div class="modal__text">
48 <span>У Вас ещё нет аккаунта?</span> 48 <span>У Вас ещё нет аккаунта?</span>
49 &nbsp; 49 &nbsp;
50 <a data-fancybox data-src="#reg" data-options='{"touch":false,"autoFocus":false}'>Создать аккаунт</a> 50 <a data-fancybox data-src="#reg" data-options='{"touch":false,"autoFocus":false}' onclick="$.fancybox.close();">Создать аккаунт</a>
51 </div> 51 </div>
52 </div> 52 </div>
53 </div> 53 </div>
54 54
resources/views/modals/successful_registration.blade.php
File was created 1 <div id="successful-registration" class="modal modal_bg" style="display: none;">
2 <div class="modal__body">
3 <div class="modal__title">Регистрация прошла успешно!</div>
4 <div class="modal__text">На вашу электронную почту отправлено письмо, пожалуйста подтвердите регистрацию перейдя по ссылке.</div>
5 <a href="#" class="button button_light modal__button open-login-modal">Войти</a>
6 </div>
7 </div>
8