Commit 54b5c59241e80927826ab3f413fbc755042c9ea5

Authored by Андрей Ларионов
Exists in master

Результат

Showing 24 changed files Inline Diff

app/Http/Controllers/Admin/AdminController.php
1 <?php 1 <?php
2 2
3 namespace App\Http\Controllers\Admin; 3 namespace App\Http\Controllers\Admin;
4 4
5 use App\Classes\Tools; 5 use App\Classes\Tools;
6 use App\Http\Controllers\Controller; 6 use App\Http\Controllers\Controller;
7 use App\Http\Requests\CompanyRequest; 7 use App\Http\Requests\CompanyRequest;
8 use App\Http\Requests\RequestPosition;
8 use App\Http\Requests\RequestPosition; 9 use App\Models\Company;
9 use App\Models\Company; 10 use App\Models\Employer;
11 use App\Models\Positions;
10 use App\Models\Employer; 12 use App\Models\User;
11 use App\Models\Positions; 13 use Carbon\Carbon;
12 use App\Models\User; 14 use Illuminate\Http\Request;
13 use Carbon\Carbon; 15 use Illuminate\Support\Facades\Auth;
14 use Illuminate\Http\Request; 16 use Illuminate\Support\Facades\Hash;
15 use Illuminate\Support\Facades\Auth; 17 use Illuminate\Support\Facades\Storage;
16 use Illuminate\Support\Facades\Hash; 18 use Illuminate\Support\Facades\Validator;
17 use Illuminate\Support\Facades\Storage; 19
18 use Illuminate\Support\Facades\Validator; 20 class AdminController extends Controller
19 21 {
20 class AdminController extends Controller 22 /**
21 { 23 * Handle the incoming request.
22 /** 24 *
23 * Handle the incoming request. 25 * @param \Illuminate\Http\Request $request
24 * 26 * @return \Illuminate\Http\Response
25 * @param \Illuminate\Http\Request $request 27 */
26 * @return \Illuminate\Http\Response 28 public function __invoke(Request $request)
27 */ 29 {
28 public function __invoke(Request $request) 30 //
29 { 31 }
30 // 32
31 } 33 public function register() {
32 34 $code_emp = Tools::generator_id(10);
33 public function register() { 35 return view('admin.register', compact('code_emp'));
34 $code_emp = Tools::generator_id(10); 36 }
35 return view('admin.register', compact('code_emp')); 37
36 } 38 public function create(Request $request) {
37 39
38 public function create(Request $request) { 40 $params = $request->all();
39 41 unset($params['code_emp']);
40 $params = $request->all(); 42 $rules = [
41 unset($params['code_emp']); 43 'name' => 'required|string|max:255',
42 $rules = [ 44 'email' => 'required|string|email|max:255|unique:users',
43 'name' => 'required|string|max:255', 45 'password' => 'required|string|min:8|confirmed',
44 'email' => 'required|string|email|max:255|unique:users', 46 ];
45 'password' => 'required|string|min:8|confirmed', 47
46 ]; 48 $messages = [
47 49 'required' => 'Укажите обязательное поле «:attribute»',
48 $messages = [ 50 'confirmed' => 'Пароли не совпадают',
49 'required' => 'Укажите обязательное поле «:attribute»', 51 'email' => 'Введите корректный email',
50 'confirmed' => 'Пароли не совпадают', 52 'unique' => 'Данный email занят уже',
51 'email' => 'Введите корректный email', 53 'min' => [
52 'unique' => 'Данный email занят уже', 54 'string' => 'Поле «:attribute» должно быть не меньше :min символов',
53 'min' => [ 55 'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт'
54 'string' => 'Поле «:attribute» должно быть не меньше :min символов', 56 ],
55 'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт' 57 'max' => [
56 ], 58 'string' => 'Поле «:attribute» должно быть не больше :max символов',
57 'max' => [ 59 'file' => 'Файл «:attribute» должен быть не больше :max Кбайт'
58 'string' => 'Поле «:attribute» должно быть не больше :max символов', 60 ],
59 'file' => 'Файл «:attribute» должен быть не больше :max Кбайт' 61 ];
60 ], 62
61 ]; 63 $validator = Validator::make($params, $rules, $messages);
62 64
63 $validator = Validator::make($params, $rules, $messages); 65 if ($validator->fails()) {
64 66 return back()->withErrors($validator)->withInput();
65 if ($validator->fails()) { 67
66 return back()->withErrors($validator)->withInput(); 68 } else {
67 69 try {
68 } else { 70 $user = User::create([
69 try { 71 'name' => $request->name,
70 $user = User::create([ 72 'email' => $request->email,
71 'name' => $request->name, 73 'password' => Hash::make($request->password),
72 'email' => $request->email, 74 'pubpassword' => base64_encode($request->password),
73 'password' => Hash::make($request->password), 75 'admin' => '1',
74 'pubpassword' => base64_encode($request->password), 76 'is_worker' => '0',
75 'admin' => '1', 77 'email_verified_at' => Carbon::now()
76 'is_worker' => '0', 78 ]);
77 'email_verified_at' => Carbon::now() 79 } finally {
78 ]); 80 $emp = Employer::create([
79 } finally { 81 'name_company' => 'Администратор',
80 $emp = Employer::create([ 82 'user_id' => $user->id,
81 'name_company' => 'Администратор', 83 'code' => $request->code_emp
82 'user_id' => $user->id, 84 ]);
83 'code' => $request->code_emp 85 }
84 ]); 86 return redirect()->route('admin.login')
85 } 87 ->with('success', 'Вы успешно зарегистрировались');
86 return redirect()->route('admin.login') 88 }
87 ->with('success', 'Вы успешно зарегистрировались'); 89 }
88 } 90
89 } 91 public function login() {
90 92 return view('admin.login');
91 public function login() { 93 }
92 return view('admin.login'); 94
93 } 95 // Аутентификация
94 96 public function autenticate(Request $request) {
95 // Аутентификация 97 //$request->validate(
96 public function autenticate(Request $request) { 98 $rules = [
97 //$request->validate( 99 'email' => 'required|string|email',
98 $rules = [ 100 'password' => 'required|string',
99 'email' => 'required|string|email', 101 ];
100 'password' => 'required|string', 102
101 ]; 103 $messages = [
102 104 'required' => 'Укажите обязательное поле «:attribute»',
103 $messages = [ 105 'email' => 'Введите корректный email',
104 'required' => 'Укажите обязательное поле «:attribute»', 106 'min' => [
105 'email' => 'Введите корректный email', 107 'string' => 'Поле «:attribute» должно быть не меньше :min символов',
106 'min' => [ 108 'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт'
107 'string' => 'Поле «:attribute» должно быть не меньше :min символов', 109 ],
108 'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт' 110 'max' => [
109 ], 111 'string' => 'Поле «:attribute» должно быть не больше :max символов',
110 'max' => [ 112 'file' => 'Файл «:attribute» должен быть не больше :max Кбайт'
111 'string' => 'Поле «:attribute» должно быть не больше :max символов', 113 ],
112 'file' => 'Файл «:attribute» должен быть не больше :max Кбайт' 114 ];
113 ], 115
114 ]; 116
115 117 $validator = Validator::make($request->all(), $rules, $messages);
116 118
117 $validator = Validator::make($request->all(), $rules, $messages); 119 if ($validator->fails()) {
118 120 return back()->withErrors($validator)->withInput();
119 if ($validator->fails()) { 121
120 return back()->withErrors($validator)->withInput(); 122 } else {
121 123
122 } else { 124 $credentials = $request->only('email', 'password');
123 125
124 $credentials = $request->only('email', 'password'); 126 if (Auth::attempt($credentials, $request->has('remember'))) {
125 127
126 if (Auth::attempt($credentials, $request->has('remember'))) { 128 if (is_null(Auth::user()->email_verified_at)) {
127 129 Auth::logout();
128 if (is_null(Auth::user()->email_verified_at)) { 130 return back()->withErrors('Адрес почты не подтвержден')->withInput();
129 Auth::logout(); 131 }
130 return back()->withErrors('Адрес почты не подтвержден')->withInput(); 132
131 } 133 if (!Auth::user()->admin) {
132 134 Auth::logout();
133 if (!Auth::user()->admin) { 135 return //redirect()->route('admin.login')
134 Auth::logout(); 136 back()->withErrors('Вы не являетесь админом!')->withInput();;
135 return //redirect()->route('admin.login') 137
136 back()->withErrors('Вы не являетесь админом!')->withInput();; 138 }
137 139
138 } 140 return redirect()
139 141 ->route('admin.index')
140 return redirect() 142 ->with('success', 'Вы вошли в личный кабинет.');
141 ->route('admin.index') 143 }
142 ->with('success', 'Вы вошли в личный кабинет.'); 144 }
143 } 145
144 } 146 return redirect()
145 147 ->route('admin.login')
146 return redirect() 148 ->withErrors('Неверный логин или пароль!')->withInput();
147 ->route('admin.login') 149
148 ->withErrors('Неверный логин или пароль!')->withInput(); 150 }
149 151
150 } 152 public function logout() {
151 153 Auth::logout();
152 public function logout() { 154 return redirect()->route('index')
153 Auth::logout(); 155 ->with('success', 'Вы вышли из личного кабинета');
154 return redirect()->route('index') 156 }
155 ->with('success', 'Вы вышли из личного кабинета'); 157
156 } 158 public function index() {
157 159 $all_user = User::query()->count();
158 public function index() { 160 $all_employer = User::where('is_worker', '0')->count();
159 $all_user = User::query()->count(); 161 $all_worker = User::where('is_worker', '1')->count();
160 $all_employer = User::where('is_worker', '0')->count(); 162 $all_admin = User::where('admin', '1')->count();
161 $all_worker = User::where('is_worker', '1')->count(); 163 return view('admin.index', compact('all_employer', 'all_user', 'all_worker', 'all_admin'));
162 $all_admin = User::where('admin', '1')->count(); 164 }
163 return view('admin.index', compact('all_employer', 'all_user', 'all_worker', 'all_admin')); 165
164 } 166 public function index_admin(Request $request) {
165 167 $title = 'Админка - Администраторы системы';
166 public function index_admin(Request $request) { 168 $id_admin = Auth::user()->id;
167 $title = 'Админка - Администраторы системы'; 169
168 $id_admin = Auth::user()->id; 170 if ($request->ajax()) {
169 171 $user = User::find($request->id);
170 if ($request->ajax()) { 172 $request->offsetUnset('id');
171 $user = User::find($request->id); 173 $user->update($request->all());
172 $request->offsetUnset('id'); 174 }
173 $user->update($request->all()); 175 $find_key = '';
174 } 176 $users = User::where('admin', '1');
175 $find_key = ''; 177 if (isset($request->find)) {
176 $users = User::where('admin', '1'); 178 $find_key = $request->find;
177 if (isset($request->find)) { 179 $users = $users->where(function($query) use($find_key) {
178 $find_key = $request->find; 180 $query->Where('name', 'LIKE', "%$find_key%")
179 $users = $users->where(function($query) use($find_key) { 181 ->orWhere('email', 'LIKE', "%$find_key%");
180 $query->Where('name', 'LIKE', "%$find_key%") 182 });
181 ->orWhere('email', 'LIKE', "%$find_key%"); 183 }
182 }); 184 $users = $users->paginate(15);
183 } 185
184 $users = $users->paginate(15); 186 if ($request->ajax()) {
185 187 return view('admin.users.index_ajax', compact('users', 'id_admin'));
186 if ($request->ajax()) { 188 } else {
187 return view('admin.users.index_ajax', compact('users', 'id_admin')); 189 return view('admin.users.index', compact('users', 'title', 'id_admin', 'find_key'));
188 } else { 190 }
189 return view('admin.users.index', compact('users', 'title', 'id_admin', 'find_key')); 191 }
190 } 192
191 } 193 //Страница профиль пользователя - форма
192 194 public function profile_user(User $user) {
193 //Страница профиль пользователя - форма 195 $visible = false;
194 public function profile_user(User $user) { 196 if($user->is_worker) {
195 $visible = false; 197 $caption = "Карточка работника";
196 if($user->is_worker) { 198 if (isset($user->workers[0]->id)) {
197 $caption = "Карточка работника"; 199 $link = route('admin.worker-profile-edit', ['worker' => $user->workers[0]->id]);
198 if (isset($user->workers[0]->id)) { 200 $visible = true;
199 $link = route('admin.worker-profile-edit', ['worker' => $user->workers[0]->id]); 201 } else {
200 $visible = true; 202 $link = "";
201 } else { 203 }
202 $link = ""; 204
203 } 205 } else {
204 206 $caption = "Карточка работодателя";
205 } else { 207 if (isset($user->employers[0]->id)) {
206 $caption = "Карточка работодателя"; 208
207 if (isset($user->employers[0]->id)) { 209 $link = route('admin.employer-profile', ['employer' => $user->employers[0]->id]);
208 210 $visible = true;
209 $link = route('admin.employer-profile', ['employer' => $user->employers[0]->id]); 211 } else {
210 $visible = true; 212 $link = "";
211 } else { 213 }
212 $link = ""; 214 }
213 } 215
214 } 216 return view('admin.users.profile', compact('user', 'visible', 'link', 'caption'));
215 217 }
216 return view('admin.users.profile', compact('user', 'visible', 'link', 'caption')); 218
217 } 219 //Страница профиль пользователя - сохранение формы
218 220 public function store_profile_user(User $user, Request $request) {
219 //Страница профиль пользователя - сохранение формы 221 $rules = [
220 public function store_profile_user(User $user, Request $request) { 222 'name' => 'required|min:3',
221 $rules = [ 223 ];
222 'name' => 'required|min:3', 224 $messages = [
223 ]; 225 'required' => 'Укажите обязательное поле',
224 $messages = [ 226 'email' => 'Это поле должно быть определено, как Email'
225 'required' => 'Укажите обязательное поле', 227 ];
226 'email' => 'Это поле должно быть определено, как Email' 228 $validator = Validator::make($request->all(), $rules, $messages);
227 ]; 229
228 $validator = Validator::make($request->all(), $rules, $messages); 230 if ($validator->fails()) {
229 231 return redirect()->route('admin.user-profile', ['user' => $user->id])
230 if ($validator->fails()) { 232 ->withErrors($validator);
231 return redirect()->route('admin.user-profile', ['user' => $user->id]) 233 } else {
232 ->withErrors($validator); 234 $user->update($request->all());
233 } else { 235 return redirect()->route('admin.user-profile', ['user' => $user->id])
234 $user->update($request->all()); 236 ->with('success', 'Данные были успешно сохранены');
235 return redirect()->route('admin.user-profile', ['user' => $user->id]) 237 }
236 ->with('success', 'Данные были успешно сохранены'); 238 return redirect()->route('admin.user-profile', ['user' => $user->id]);
237 } 239 }
238 return redirect()->route('admin.user-profile', ['user' => $user->id]); 240
239 } 241 // Страница профиль админа - форма
240 242 public function profile() {
241 // Страница профиль админа - форма 243 $id = Auth::user()->id;
242 public function profile() { 244 $user = User::find($id);
243 $id = Auth::user()->id; 245
244 $user = User::find($id); 246 return view('admin.profile', compact('user'));
245 247 }
246 return view('admin.profile', compact('user')); 248
247 } 249 // Страница профиль админа - сохранение формы
248 250 public function store_profile(Request $request) {
249 // Страница профиль админа - сохранение формы 251 $id = Auth::user()->id;
250 public function store_profile(Request $request) { 252 $user = User::find($id);
251 $id = Auth::user()->id; 253
252 $user = User::find($id); 254 $rules = [
253 255 'name' => 'required|min:3',
254 $rules = [ 256 'email' => 'required|email|min:3',
255 'name' => 'required|min:3', 257 ];
256 'email' => 'required|email|min:3', 258 $messages = [
257 ]; 259 'required' => 'Укажите обязательное поле',
258 $messages = [ 260 'email' => 'Это поле должно быть определено, как Email'
259 'required' => 'Укажите обязательное поле', 261 ];
260 'email' => 'Это поле должно быть определено, как Email' 262 $validator = Validator::make($request->all(), $rules, $messages);
261 ]; 263
262 $validator = Validator::make($request->all(), $rules, $messages); 264 if ($validator->fails()) {
263 265 return redirect()->route('admin.profile')
264 if ($validator->fails()) { 266 ->withErrors($validator);
265 return redirect()->route('admin.profile') 267 } else {
266 ->withErrors($validator); 268 $user->update($request->all());
267 } else { 269 return redirect()->route('admin.profile')
268 $user->update($request->all()); 270 ->with('success', 'Данные были успешно сохранены');
269 return redirect()->route('admin.profile') 271 }
270 ->with('success', 'Данные были успешно сохранены'); 272 return redirect()->route('admin.profile');
271 } 273 }
272 return redirect()->route('admin.profile'); 274
273 } 275 // Форма смены пароля администоратора
274 276 public function profile_password() {
275 // Форма смены пароля администоратора 277 $id = Auth::user()->id;
276 public function profile_password() { 278 $user = User::find($id);
277 $id = Auth::user()->id; 279 $username = $user->name;
278 $user = User::find($id); 280
279 $username = $user->name; 281 return view('admin.password', compact('username'));
280 282 }
281 return view('admin.password', compact('username')); 283
282 } 284 // Сохранение формы смены пароля администоратора
283 285 public function profile_password_new(Request $request) {
284 // Сохранение формы смены пароля администоратора 286
285 public function profile_password_new(Request $request) { 287 $rules = [
286 288 'old_password' => 'required|min:6', //|current_password:api',
287 $rules = [ 289 'password' => 'required|min:6|confirmed',
288 'old_password' => 'required|min:6', //|current_password:api', 290 ];
289 'password' => 'required|min:6|confirmed', 291 $messages = [
290 ]; 292 'required' => 'Укажите обязательное поле',
291 $messages = [ 293 'confirmed' => 'Пароли не совпадают'
292 'required' => 'Укажите обязательное поле', 294 ];
293 'confirmed' => 'Пароли не совпадают' 295
294 ]; 296 $validator = Validator::make($request->all(), $rules, $messages);
295 297
296 $validator = Validator::make($request->all(), $rules, $messages); 298 if (! Hash::check($request->old_password, $request->user()->password)) {
297 299 return back()->withErrors([
298 if (! Hash::check($request->old_password, $request->user()->password)) { 300 'old_password' => ['Неверный предыдущий пароль']
299 return back()->withErrors([ 301 ]);
300 'old_password' => ['Неверный предыдущий пароль'] 302 }
301 ]); 303
302 } 304 if ($validator->fails()) {
303 305 return redirect()->route('admin.password')
304 if ($validator->fails()) { 306 ->withErrors($validator);
305 return redirect()->route('admin.password') 307 } else {
306 ->withErrors($validator); 308 $params = $request->all();
307 } else { 309 // устанавливаем новый пароль для пользователя
308 $params = $request->all(); 310 User::where('id', Auth::id())
309 // устанавливаем новый пароль для пользователя 311 ->update(['password' => Hash::make($request->password)]);
310 User::where('id', Auth::id()) 312 session()->flash('success', 'Успешно изменен пароль!');
311 ->update(['password' => Hash::make($request->password)]); 313
312 session()->flash('success', 'Успешно изменен пароль!'); 314 return redirect()->route('admin.password');
313 315 }
314 return redirect()->route('admin.password'); 316 }
315 } 317
316 } 318 // Страница конфигурация сайта - форма
317 319 public function config_form() {
318 // Страница конфигурация сайта - форма 320 $config = Company::find(1);
319 public function config_form() { 321 return view('admin.config', compact('config'));
320 $config = Company::find(1); 322 }
321 return view('admin.config', compact('config')); 323
322 } 324 // Страница конфигурация сайта - сохранение формы
323 325 public function store_config(CompanyRequest $request) {
324 // Страница конфигурация сайта - сохранение формы 326 $config = Company::find(1);
325 public function store_config(CompanyRequest $request) { 327
326 $config = Company::find(1); 328 $params = $request->all();
327 329 unset($params['logo']);
328 $params = $request->all(); 330 unset($params['image']);
329 unset($params['logo']); 331
330 unset($params['image']); 332 if ($request->has('logo')) {
331 333 Storage::delete($config->logo);
332 if ($request->has('logo')) { 334 $params['logo'] = $request->file('logo')->store('config', 'public');
333 Storage::delete($config->logo); 335 }
334 $params['logo'] = $request->file('logo')->store('config', 'public'); 336
335 } 337 if ($request->has('image')) {
336 338 Storage::delete($config->image);
337 if ($request->has('image')) { 339 $params['image'] = $request->file('image')->store('config', 'public');
338 Storage::delete($config->image); 340 }
339 $params['image'] = $request->file('image')->store('config', 'public'); 341
340 } 342 if (is_null($config)) {
341 343 Company::create($params);
342 if (is_null($config)) { 344 } else {
343 Company::create($params); 345 $config->update($params);
344 } else { 346 }
345 $config->update($params); 347
346 } 348 return redirect()->route('admin.config');
347 349 }
348 return redirect()->route('admin.config'); 350
351 public function position() {
352 $Positions = Positions::query()->get();
353 return view('admin.positions.position', compact('Positions'));
354 }
355
356 public function position_add() {
357 return view('admin.positions.add');
358 }
359
360 public function position_add_save(RequestPosition $request) {
361 $all = $request->all();
362 $position = Positions::create($all);
363 return redirect()->route('admin.position');
364 }
349 } 365
366 public function position_edit(Positions $position) {
367 return view('admin.positions.edit', compact('position'));
368 }
369
370 public function position_update(Positions $position, RequestPosition $request) {
371 $all = $request->all();
372 unset($all['_token']);
373 $status = $position->update($all);
374 return redirect()->route('admin.position');
375 }
376
377 public function position_delete(Positions $position) {
378 $position->delete();
379 return redirect()->route('admin.position');
380 }
350 381 }
351 public function position() { 382
app/Http/Controllers/EmployerController.php
1 <?php 1 <?php
2 2
3 namespace App\Http\Controllers; 3 namespace App\Http\Controllers;
4 4
5 use App\Classes\RusDate; 5 use App\Classes\RusDate;
6 use App\Classes\Tools; 6 use App\Classes\Tools;
7 use App\Http\Requests\FlotRequest; 7 use App\Http\Requests\FlotRequest;
8 use App\Http\Requests\MessagesRequiest; 8 use App\Http\Requests\MessagesRequiest;
9 use App\Http\Requests\VacancyRequestEdit; 9 use App\Http\Requests\VacancyRequestEdit;
10 use App\Http\Requests\VacansiaRequiest; 10 use App\Http\Requests\VacansiaRequiest;
11 use App\Mail\MailSotrudnichestvo; 11 use App\Mail\MailSotrudnichestvo;
12 use App\Mail\SendAllMessages; 12 use App\Mail\SendAllMessages;
13 use App\Models\Ad_employer; 13 use App\Models\Ad_employer;
14 use App\Models\Ad_jobs; 14 use App\Models\Ad_jobs;
15 use App\Models\ad_response; 15 use App\Models\ad_response;
16 use App\Models\Category; 16 use App\Models\Category;
17 use App\Models\Education; 17 use App\Models\Education;
18 use App\Models\Employer; 18 use App\Models\Employer;
19 use App\Models\employers_main; 19 use App\Models\employers_main;
20 use App\Models\Flot; 20 use App\Models\Flot;
21 use App\Models\Job_title; 21 use App\Models\Job_title;
22 use App\Models\Like_vacancy; 22 use App\Models\Like_vacancy;
23 use App\Models\Like_worker; 23 use App\Models\Like_worker;
24 use App\Models\Message; 24 use App\Models\Message;
25 use App\Models\Positions;
25 use App\Models\Worker; 26 use App\Models\Worker;
26 use Carbon\Carbon; 27 use Carbon\Carbon;
27 use Illuminate\Auth\Events\Registered; 28 use Illuminate\Auth\Events\Registered;
28 use Illuminate\Database\Eloquent\Builder; 29 use Illuminate\Database\Eloquent\Builder;
29 use Illuminate\Database\Eloquent\Model; 30 use Illuminate\Database\Eloquent\Model;
30 use Illuminate\Foundation\Auth\User; 31 use Illuminate\Foundation\Auth\User;
31 use Illuminate\Http\Request; 32 use Illuminate\Http\Request;
32 use Illuminate\Support\Facades\Auth; 33 use Illuminate\Support\Facades\Auth;
33 use Illuminate\Support\Facades\Hash; 34 use Illuminate\Support\Facades\Hash;
34 use Illuminate\Support\Facades\Mail; 35 use Illuminate\Support\Facades\Mail;
35 use Illuminate\Support\Facades\Storage; 36 use Illuminate\Support\Facades\Storage;
36 use App\Models\User as User_Model; 37 use App\Models\User as User_Model;
37 use Illuminate\Support\Facades\Validator; 38 use Illuminate\Support\Facades\Validator;
38 39
39 class EmployerController extends Controller 40 class EmployerController extends Controller
40 { 41 {
41 public function vacancie($vacancy, Request $request) { 42 public function vacancie($vacancy, Request $request) {
42 $title = 'Заголовок вакансии'; 43 $title = 'Заголовок вакансии';
43 $Query = Ad_employer::with('jobs')-> 44 $Query = Ad_employer::with('jobs')->
44 with('cat')-> 45 with('cat')->
45 with('employer')-> 46 with('employer')->
46 with('jobs_code')-> 47 with('jobs_code')->
47 select('ad_employers.*')-> 48 select('ad_employers.*')->
48 where('id', '=', $vacancy)->get(); 49 where('id', '=', $vacancy)->get();
49 50
50 if (isset(Auth()->user()->id)) 51 if (isset(Auth()->user()->id))
51 $uid = Auth()->user()->id; 52 $uid = Auth()->user()->id;
52 else 53 else
53 $uid = 0; 54 $uid = 0;
54 $title = $Query[0]->name; 55 $title = $Query[0]->name;
55 if ($request->ajax()) { 56 if ($request->ajax()) {
56 return view('ajax.vacance-item', compact('Query','uid')); 57 return view('ajax.vacance-item', compact('Query','uid'));
57 } else { 58 } else {
58 return view('vacance-item', compact('title', 'Query', 'uid')); 59 return view('vacance-item', compact('title', 'Query', 'uid'));
59 } 60 }
60 } 61 }
61 62
62 public function logout() { 63 public function logout() {
63 Auth::logout(); 64 Auth::logout();
64 return redirect()->route('index') 65 return redirect()->route('index')
65 ->with('success', 'Вы вышли из личного кабинета'); 66 ->with('success', 'Вы вышли из личного кабинета');
66 } 67 }
67 68
68 public function cabinet() { 69 public function cabinet() {
69 $id = Auth()->user()->id; 70 $id = Auth()->user()->id;
70 $Employer = Employer::query()->with('users')->with('ads')->with('flots')-> 71 $Employer = Employer::query()->with('users')->with('ads')->with('flots')->
71 WhereHas('users', 72 WhereHas('users',
72 function (Builder $query) use ($id) {$query->Where('id', $id); 73 function (Builder $query) use ($id) {$query->Where('id', $id);
73 })->get(); 74 })->get();
74 return view('employers.cabinet45', compact('Employer')); 75 return view('employers.cabinet45', compact('Employer'));
75 } 76 }
76 77
77 public function cabinet_save(Employer $Employer, Request $request) { 78 public function cabinet_save(Employer $Employer, Request $request) {
78 $params = $request->all(); 79 $params = $request->all();
79 $params['user_id'] = Auth()->user()->id; 80 $params['user_id'] = Auth()->user()->id;
80 $id = $Employer->id; 81 $id = $Employer->id;
81 82
82 if ($request->has('logo')) { 83 if ($request->has('logo')) {
83 if (!empty($Employer->logo)) { 84 if (!empty($Employer->logo)) {
84 Storage::delete($Employer->logo); 85 Storage::delete($Employer->logo);
85 } 86 }
86 $params['logo'] = $request->file('logo')->store("employer/$id", 'public'); 87 $params['logo'] = $request->file('logo')->store("employer/$id", 'public');
87 } 88 }
88 89
89 $Employer->update($params); 90 $Employer->update($params);
90 91
91 return redirect()->route('employer.cabinet')->with('success', 'Данные были успешно сохранены'); 92 return redirect()->route('employer.cabinet')->with('success', 'Данные были успешно сохранены');
92 } 93 }
93 94
94 public function save_add_flot(FlotRequest $request) { 95 public function save_add_flot(FlotRequest $request) {
95 // отмена 96 // отмена
96 $params = $request->all(); 97 $params = $request->all();
97 98
98 if ($request->has('image')) { 99 if ($request->has('image')) {
99 $params['image'] = $request->file('image')->store("flot", 'public'); 100 $params['image'] = $request->file('image')->store("flot", 'public');
100 } 101 }
101 Flot::create($params); 102 Flot::create($params);
102 $data_flots = Flot::query()->where('employer_id', $request->get('employer_if'))->get(); 103 $data_flots = Flot::query()->where('employer_id', $request->get('employer_if'))->get();
103 return redirect()->route('employer.cabinet')->with('success', 'Новый корабль был добавлен'); 104 return redirect()->route('employer.cabinet')->with('success', 'Новый корабль был добавлен');
104 } 105 }
105 106
106 public function delete_flot(Flot $Flot) { 107 public function delete_flot(Flot $Flot) {
107 $data_flots = Flot::query()->where('employer_id', $Flot->employer_id)->get(); 108 $data_flots = Flot::query()->where('employer_id', $Flot->employer_id)->get();
108 109
109 if (isset($Flot->id)) $Flot->delete(); 110 if (isset($Flot->id)) $Flot->delete();
110 return redirect()->route('employer.cabinet')->with('success', 'Корабль был удален'); 111 return redirect()->route('employer.cabinet')->with('success', 'Корабль был удален');
111 } 112 }
112 113
113 // Форма добавления вакансий 114 // Форма добавления вакансий
114 public function cabinet_vacancie() { 115 public function cabinet_vacancie() {
115 $id = Auth()->user()->id; 116 $id = Auth()->user()->id;
116 $jobs = Job_title::query()->OrderBy('name')->get(); 117 $jobs = Job_title::query()->OrderBy('name')->get();
117 $categories = Category::query()->get(); 118 $categories = Category::query()->get();
119 $Positions = Positions::query()->get();
118 $Employer = Employer::query()->with('users')->with('ads')->with('flots')-> 120 $Employer = Employer::query()->with('users')->with('ads')->with('flots')->
119 WhereHas('users', 121 WhereHas('users',
120 function (Builder $query) use ($id) {$query->Where('id', $id); 122 function (Builder $query) use ($id) {$query->Where('id', $id);
121 })->get(); 123 })->get();
122 124
123 return view('employers.add_vacancy', compact('Employer', 'jobs' , 'categories')); 125 return view('employers.add_vacancy', compact('Employer', 'jobs' , 'categories', 'Positions'));
124 } 126 }
125 127
126 // Сохранение вакансии 128 // Сохранение вакансии
127 public function cabinet_vacancy_save1(VacancyRequestEdit $request) { 129 public function cabinet_vacancy_save1(VacancyRequestEdit $request) {
128 $params = $request->all(); 130 $params = $request->all();
129 $jobs['min_salary'] = $params['min_salary']; 131 $jobs['min_salary'] = $params['min_salary'];
130 $jobs['max_salary'] = $params['max_salary']; 132 $jobs['max_salary'] = $params['max_salary'];
131 $jobs['flot'] = $params['flot']; 133 $jobs['flot'] = $params['flot'];
132 $jobs['power'] = $params['power']; 134 $jobs['power'] = $params['power'];
133 $jobs['sytki'] = $params['sytki']; 135 $jobs['sytki'] = $params['sytki'];
134 $jobs['start'] = $params['start']; 136 $jobs['start'] = $params['start'];
135 $jobs['job_title_id'] = $params['job_title_id']; 137 $jobs['job_title_id'] = $params['job_title_id'];
136 $jobs['description'] = $params['description']; 138 $jobs['description'] = $params['description'];
137 $jobs['region'] = $params['city']; 139 $jobs['region'] = $params['city'];
138 $jobs['position_ship'] = $params['position_ship']; 140 $jobs['position_ship'] = $params['position_ship'];
139 unset($params['min_salary']); 141 unset($params['min_salary']);
140 unset($params['max_salary']); 142 unset($params['max_salary']);
141 unset($params['flot']); 143 unset($params['flot']);
142 unset($params['sytki']); 144 unset($params['sytki']);
143 unset($params['start']); 145 unset($params['start']);
144 unset($params['job_title_id']); 146 unset($params['job_title_id']);
145 unset($params['description']); 147 unset($params['description']);
146 148
147 $id = Ad_employer::create($params)->id; 149 $id = Ad_employer::create($params)->id;
148 $jobs['ad_employer_id'] = $id; 150 $jobs['ad_employer_id'] = $id;
149 Ad_jobs::create($jobs); 151 Ad_jobs::create($jobs);
150 return redirect()->route('employer.vacancy_list'); 152 return redirect()->route('employer.vacancy_list');
151 } 153 }
152 154
153 // Список вакансий 155 // Список вакансий
154 public function vacancy_list(Request $request) { 156 public function vacancy_list(Request $request) {
155 $id = Auth()->user()->id; 157 $id = Auth()->user()->id;
156 $Employer = Employer::query()->where('user_id', $id)->first(); 158 $Employer = Employer::query()->where('user_id', $id)->first();
157 $vacancy_list = Ad_employer::query()->where('employer_id', $Employer->id); 159 $vacancy_list = Ad_employer::query()->where('employer_id', $Employer->id);
158 160
159 if ($request->get('sort')) { 161 if ($request->get('sort')) {
160 $sort = $request->get('sort'); 162 $sort = $request->get('sort');
161 switch ($sort) { 163 switch ($sort) {
162 case 'name_up': $vacancy_list = $vacancy_list->orderBy('name')->orderBy('id'); break; 164 case 'name_up': $vacancy_list = $vacancy_list->orderBy('name')->orderBy('id'); break;
163 case 'name_down': $vacancy_list = $vacancy_list->orderByDesc('name')->orderby('id'); break; 165 case 'name_down': $vacancy_list = $vacancy_list->orderByDesc('name')->orderby('id'); break;
164 case 'created_at_up': $vacancy_list = $vacancy_list->OrderBy('created_at')->orderBy('id'); break; 166 case 'created_at_up': $vacancy_list = $vacancy_list->OrderBy('created_at')->orderBy('id'); break;
165 case 'created_at_down': $vacancy_list = $vacancy_list->orderByDesc('created_at')->orderBy('id'); break; 167 case 'created_at_down': $vacancy_list = $vacancy_list->orderByDesc('created_at')->orderBy('id'); break;
166 case 'default': $vacancy_list = $vacancy_list->orderBy('id')->orderby('updated_at'); break; 168 case 'default': $vacancy_list = $vacancy_list->orderBy('id')->orderby('updated_at'); break;
167 default: $vacancy_list = $vacancy_list->orderBy('id')->orderby('updated_at'); break; 169 default: $vacancy_list = $vacancy_list->orderBy('id')->orderby('updated_at'); break;
168 } 170 }
169 } 171 }
170 $vacancy_list = $vacancy_list->get(); 172 $vacancy_list = $vacancy_list->get();
171 173
172 //ajax 174 //ajax
173 if ($request->ajax()) { 175 if ($request->ajax()) {
174 return view('employers.ajax.list_vacancy', compact('vacancy_list', 'Employer')); 176 return view('employers.ajax.list_vacancy', compact('vacancy_list', 'Employer'));
175 } else { 177 } else {
176 return view('employers.list_vacancy', compact('vacancy_list', 'Employer')); 178 return view('employers.list_vacancy', compact('vacancy_list', 'Employer'));
177 } 179 }
178 } 180 }
179 181
180 // Карточка вакансии 182 // Карточка вакансии
181 public function vacancy_edit(Ad_employer $ad_employer) { 183 public function vacancy_edit(Ad_employer $ad_employer) {
182 $id = Auth()->user()->id; 184 $id = Auth()->user()->id;
183 $jobs = Job_title::query()->OrderBy('name')->get(); 185 $jobs = Job_title::query()->OrderBy('name')->get();
184 $categories = Category::query()->get(); 186 $categories = Category::query()->get();
185 $Employer = Employer::query()->with('users')->with('ads')->with('flots')-> 187 $Employer = Employer::query()->with('users')->with('ads')->with('flots')->
186 where('user_id', $id)->first(); 188 where('user_id', $id)->first();
187 189
188 return view('employers.edit_vacancy', compact('ad_employer', 'categories','Employer', 'jobs')); 190 return view('employers.edit_vacancy', compact('ad_employer', 'categories','Employer', 'jobs'));
189 } 191 }
190 192
191 // Сохранение-редактирование записи 193 // Сохранение-редактирование записи
192 public function vacancy_save_me(VacancyRequestEdit $request, Ad_employer $ad_employer) { 194 public function vacancy_save_me(VacancyRequestEdit $request, Ad_employer $ad_employer) {
193 $all = $request->all(); 195 $all = $request->all();
194 196
195 $ad_employer->update($all); 197 $ad_employer->update($all);
196 198
197 return redirect()->route('employer.vacancy_list'); 199 return redirect()->route('employer.vacancy_list');
198 } 200 }
199 201
200 // Сохранение карточки вакансии 202 // Сохранение карточки вакансии
201 public function vacancy_save(Request $request, Ad_employer $ad_employer) { 203 public function vacancy_save(Request $request, Ad_employer $ad_employer) {
202 $all = $request->all(); 204 $all = $request->all();
203 $ad_employer->update($all); 205 $ad_employer->update($all);
204 return redirect()->route('employer.cabinet_vacancie'); 206 return redirect()->route('employer.cabinet_vacancie');
205 } 207 }
206 208
207 // Удаление карточки вакансии 209 // Удаление карточки вакансии
208 public function vacancy_delete(Ad_employer $ad_employer) { 210 public function vacancy_delete(Ad_employer $ad_employer) {
209 $ad_employer->delete(); 211 $ad_employer->delete();
210 212
211 return redirect()->route('employer.vacancy_list') 213 return redirect()->route('employer.vacancy_list')
212 ->with('success', 'Данные были успешно сохранены'); 214 ->with('success', 'Данные были успешно сохранены');
213 } 215 }
214 216
215 // Обновление даты 217 // Обновление даты
216 public function vacancy_up(Ad_employer $ad_employer) { 218 public function vacancy_up(Ad_employer $ad_employer) {
217 $up = date('m/d/Y h:i:s', time());; 219 $up = date('m/d/Y h:i:s', time());;
218 $vac_emp = Ad_employer::findOrFail($ad_employer->id); 220 $vac_emp = Ad_employer::findOrFail($ad_employer->id);
219 $vac_emp->updated_at = $up; 221 $vac_emp->updated_at = $up;
220 $vac_emp->save(); 222 $vac_emp->save();
221 223
222 return redirect()->route('employer.vacancy_list'); 224 return redirect()->route('employer.vacancy_list');
223 // начало конца 225 // начало конца
224 } 226 }
225 227
226 //Видимость вакансии 228 //Видимость вакансии
227 public function vacancy_eye(Ad_employer $ad_employer, $status) { 229 public function vacancy_eye(Ad_employer $ad_employer, $status) {
228 $vac_emp = Ad_employer::findOrFail($ad_employer->id); 230 $vac_emp = Ad_employer::findOrFail($ad_employer->id);
229 $vac_emp->active_is = $status; 231 $vac_emp->active_is = $status;
230 $vac_emp->save(); 232 $vac_emp->save();
231 233
232 return redirect()->route('employer.vacancy_list'); 234 return redirect()->route('employer.vacancy_list');
233 } 235 }
234 236
235 //Вакансия редактирования (шаблон) 237 //Вакансия редактирования (шаблон)
236 public function vacancy_update(Ad_employer $id) { 238 public function vacancy_update(Ad_employer $id) {
237 239
238 } 240 }
239 241
240 //Отклики на вакансию - лист 242 //Отклики на вакансию - лист
241 public function answers(Employer $employer, Request $request) { 243 public function answers(Employer $employer, Request $request) {
242 $user_id = Auth()->user()->id; 244 $user_id = Auth()->user()->id;
243 $answer = Ad_employer::query()->where('employer_id', $employer->id); 245 $answer = Ad_employer::query()->where('employer_id', $employer->id);
244 if ($request->has('search')) { 246 if ($request->has('search')) {
245 $search = trim($request->get('search')); 247 $search = trim($request->get('search'));
246 if (!empty($search)) $answer = $answer->where('name', 'LIKE', "%$search%"); 248 if (!empty($search)) $answer = $answer->where('name', 'LIKE', "%$search%");
247 } 249 }
248 250
249 $answer = $answer->with('response')->get(); 251 $answer = $answer->with('response')->get();
250 252
251 return view('employers.list_answer', compact('answer', 'user_id', 'employer')); 253 return view('employers.list_answer', compact('answer', 'user_id', 'employer'));
252 } 254 }
253 255
254 //Обновление статуса 256 //Обновление статуса
255 public function supple_status(employer $employer, ad_response $ad_response, $flag) { 257 public function supple_status(employer $employer, ad_response $ad_response, $flag) {
256 $ad_response->update(Array('flag' => $flag)); 258 $ad_response->update(Array('flag' => $flag));
257 return redirect()->route('employer.answers', ['employer' => $employer->id]); 259 return redirect()->route('employer.answers', ['employer' => $employer->id]);
258 } 260 }
259 261
260 //Страницы сообщений список 262 //Страницы сообщений список
261 public function messages($type_message) { 263 public function messages($type_message) {
262 $user_id = Auth()->user()->id; 264 $user_id = Auth()->user()->id;
263 265
264 $messages_input = Message::query()->with('vacancies')->with('user_from')-> 266 $messages_input = Message::query()->with('vacancies')->with('user_from')->
265 Where('to_user_id', $user_id)->OrderByDesc('created_at'); 267 Where('to_user_id', $user_id)->OrderByDesc('created_at');
266 268
267 $messages_output = Message::query()->with('vacancies')-> 269 $messages_output = Message::query()->with('vacancies')->
268 with('user_to')->where('user_id', $user_id)-> 270 with('user_to')->where('user_id', $user_id)->
269 OrderByDesc('created_at'); 271 OrderByDesc('created_at');
270 272
271 273
272 $count_input = $messages_input->count(); 274 $count_input = $messages_input->count();
273 $count_output = $messages_output->count(); 275 $count_output = $messages_output->count();
274 276
275 if ($type_message == 'input') { 277 if ($type_message == 'input') {
276 $messages = $messages_input->paginate(15); 278 $messages = $messages_input->paginate(15);
277 } 279 }
278 280
279 if ($type_message == 'output') { 281 if ($type_message == 'output') {
280 $messages = $messages_output->paginate(15); 282 $messages = $messages_output->paginate(15);
281 } 283 }
282 284
283 return view('employers.messages', compact('messages', 'count_input', 'count_output', 'type_message', 'user_id')); 285 return view('employers.messages', compact('messages', 'count_input', 'count_output', 'type_message', 'user_id'));
284 } 286 }
285 287
286 // Диалог между пользователями 288 // Диалог между пользователями
287 public function dialog(User_Model $user1, User_Model $user2) { 289 public function dialog(User_Model $user1, User_Model $user2) {
288 if (isset($user2->id)) { 290 if (isset($user2->id)) {
289 $companion = User_Model::query()->with('workers')-> 291 $companion = User_Model::query()->with('workers')->
290 with('employers')-> 292 with('employers')->
291 where('id', $user2->id)->first(); 293 where('id', $user2->id)->first();
292 } 294 }
293 295
294 $Messages = Message::query()->with('response')->where(function($query) use ($user1, $user2) { 296 $Messages = Message::query()->with('response')->where(function($query) use ($user1, $user2) {
295 $query->where('user_id', $user1->id)->where('to_user_id', $user2->id); 297 $query->where('user_id', $user1->id)->where('to_user_id', $user2->id);
296 })->orWhere(function($query) use ($user1, $user2) { 298 })->orWhere(function($query) use ($user1, $user2) {
297 $query->where('user_id', $user2->id)->where('to_user_id', $user1->id); 299 $query->where('user_id', $user2->id)->where('to_user_id', $user1->id);
298 })->OrderBy('created_at')->get(); 300 })->OrderBy('created_at')->get();
299 301
300 $id_vac = null; 302 $id_vac = null;
301 foreach ($Messages as $it) { 303 foreach ($Messages as $it) {
302 if (isset($it->response)) { 304 if (isset($it->response)) {
303 foreach ($it->response as $r) { 305 foreach ($it->response as $r) {
304 if (isset($r->ad_employer_id)) { 306 if (isset($r->ad_employer_id)) {
305 $id_vac = $r->ad_employer_id; 307 $id_vac = $r->ad_employer_id;
306 break; 308 break;
307 } 309 }
308 } 310 }
309 } 311 }
310 if (!is_null($id_vac)) break; 312 if (!is_null($id_vac)) break;
311 } 313 }
312 314
313 $ad_employer = null; 315 $ad_employer = null;
314 if (!is_null($id_vac)) $ad_employer = Ad_employer::query()->where('id', $id_vac)->first(); 316 if (!is_null($id_vac)) $ad_employer = Ad_employer::query()->where('id', $id_vac)->first();
315 $sender = $user1; 317 $sender = $user1;
316 318
317 return view('employers.dialog', compact('companion', 'sender', 'Messages', 'ad_employer')); 319 return view('employers.dialog', compact('companion', 'sender', 'Messages', 'ad_employer'));
318 } 320 }
319 321
320 // Регистрация работодателя 322 // Регистрация работодателя
321 public function register_employer(Request $request) { 323 public function register_employer(Request $request) {
322 $params = $request->all(); 324 $params = $request->all();
323 325
324 $rules = [ 326 $rules = [
325 'surname' => ['required', 'string', 'max:255'], 327 'surname' => ['required', 'string', 'max:255'],
326 'name_man' => ['required', 'string', 'max:255'], 328 'name_man' => ['required', 'string', 'max:255'],
327 'email' => ['required', 'string', 'email', 'max:255', 'unique:users'], 329 'email' => ['required', 'string', 'email', 'max:255', 'unique:users'],
328 'name_company' => ['required', 'string', 'max:255'], 330 'name_company' => ['required', 'string', 'max:255'],
329 'password' => ['required', 'string', 'min:8'], 331 'password' => ['required', 'string', 'min:8'],
330 ]; 332 ];
331 333
332 334
333 $messages = [ 335 $messages = [
334 'required' => 'Укажите обязательное поле', 336 'required' => 'Укажите обязательное поле',
335 'min' => [ 337 'min' => [
336 'string' => 'Поле «:attribute» должно быть не меньше :min символов', 338 'string' => 'Поле «:attribute» должно быть не меньше :min символов',
337 'integer' => 'Поле «:attribute» должно быть :min или больше', 339 'integer' => 'Поле «:attribute» должно быть :min или больше',
338 'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт' 340 'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт'
339 ], 341 ],
340 'max' => [ 342 'max' => [
341 'string' => 'Поле «:attribute» должно быть не больше :max символов', 343 'string' => 'Поле «:attribute» должно быть не больше :max символов',
342 'integer' => 'Поле «:attribute» должно быть :max или меньше', 344 'integer' => 'Поле «:attribute» должно быть :max или меньше',
343 'file' => 'Файл «:attribute» должен быть не больше :max Кбайт' 345 'file' => 'Файл «:attribute» должен быть не больше :max Кбайт'
344 ] 346 ]
345 ]; 347 ];
346 348
347 if ($request->get('password') !== $request->get('confirmed')){ 349 if ($request->get('password') !== $request->get('confirmed')){
348 return json_encode(Array("ERROR" => "Error: Не совпадают пароль и подтверждение пароля")); 350 return json_encode(Array("ERROR" => "Error: Не совпадают пароль и подтверждение пароля"));
349 } 351 }
350 352
351 $validator = Validator::make($request->all(), $rules, $messages); 353 $validator = Validator::make($request->all(), $rules, $messages);
352 354
353 if ($validator->fails()) { 355 if ($validator->fails()) {
354 return json_encode(Array("ERROR" => "Error1: Регистрация оборвалась ошибкой! Не все обязательные поля заполнены. Либо вы уже были зарегистрированы в системе.")); 356 return json_encode(Array("ERROR" => "Error1: Регистрация оборвалась ошибкой! Не все обязательные поля заполнены. Либо вы уже были зарегистрированы в системе."));
355 } else { 357 } else {
356 $user = $this->create($params); 358 $user = $this->create($params);
357 event(new Registered($user)); 359 event(new Registered($user));
358 360
359 Auth::guard()->login($user); 361 Auth::guard()->login($user);
360 } 362 }
361 if ($user) { 363 if ($user) {
362 return json_encode(Array("REDIRECT" => redirect()->route('employer.cabinet')->getTargetUrl()));; 364 return json_encode(Array("REDIRECT" => redirect()->route('employer.cabinet')->getTargetUrl()));;
363 } else { 365 } else {
364 return json_encode(Array("ERROR" => "Error2: Данные были утеряны!")); 366 return json_encode(Array("ERROR" => "Error2: Данные были утеряны!"));
365 } 367 }
366 } 368 }
367 369
368 // Создание пользователя 370 // Создание пользователя
369 protected function create(array $data) 371 protected function create(array $data)
370 { 372 {
371 $Use = new User_Model(); 373 $Use = new User_Model();
372 $Code_user = $Use->create([ 374 $Code_user = $Use->create([
373 'name' => $data['surname']." ".$data['name_man'], 375 'name' => $data['surname']." ".$data['name_man'],
374 'name_man' => $data['name_man'], 376 'name_man' => $data['name_man'],
375 'surname' => $data['surname'], 377 'surname' => $data['surname'],
376 'surname2' => $data['surname2'], 378 'surname2' => $data['surname2'],
377 'subscribe_email' => $data['email'], 379 'subscribe_email' => $data['email'],
378 'email' => $data['email'], 380 'email' => $data['email'],
379 'telephone' => $data['telephone'], 381 'telephone' => $data['telephone'],
380 'is_worker' => 0, 382 'is_worker' => 0,
381 'password' => Hash::make($data['password']), 383 'password' => Hash::make($data['password']),
382 'pubpassword' => base64_encode($data['password']), 384 'pubpassword' => base64_encode($data['password']),
383 'email_verified_at' => Carbon::now() 385 'email_verified_at' => Carbon::now()
384 ]); 386 ]);
385 387
386 if ($Code_user->id > 0) { 388 if ($Code_user->id > 0) {
387 $Employer = new Employer(); 389 $Employer = new Employer();
388 $Employer->user_id = $Code_user->id; 390 $Employer->user_id = $Code_user->id;
389 $Employer->name_company = $data['name_company']; 391 $Employer->name_company = $data['name_company'];
390 $Employer->email = $data['email']; 392 $Employer->email = $data['email'];
391 $Employer->telephone = $data['telephone']; 393 $Employer->telephone = $data['telephone'];
392 $Employer->code = Tools::generator_id(10); 394 $Employer->code = Tools::generator_id(10);
393 $Employer->save(); 395 $Employer->save();
394 396
395 return $Code_user; 397 return $Code_user;
396 } 398 }
397 } 399 }
398 400
399 // Отправка сообщения от работодателя 401 // Отправка сообщения от работодателя
400 public function send_message(MessagesRequiest $request) { 402 public function send_message(MessagesRequiest $request) {
401 $params = $request->all(); 403 $params = $request->all();
402 dd($params); 404 dd($params);
403 $user1 = $params['user_id']; 405 $user1 = $params['user_id'];
404 $user2 = $params['to_user_id']; 406 $user2 = $params['to_user_id'];
405 407
406 if ($request->has('file')) { 408 if ($request->has('file')) {
407 $params['file'] = $request->file('file')->store("messages", 'public'); 409 $params['file'] = $request->file('file')->store("messages", 'public');
408 } 410 }
409 Message::create($params); 411 Message::create($params);
410 return redirect()->route('employer.dialog', ['user1' => $user1, 'user2' => $user2]); 412 return redirect()->route('employer.dialog', ['user1' => $user1, 'user2' => $user2]);
411 } 413 }
412 414
413 public function test123(Request $request) { 415 public function test123(Request $request) {
414 $params = $request->all(); 416 $params = $request->all();
415 $user1 = $params['user_id']; 417 $user1 = $params['user_id'];
416 $user2 = $params['to_user_id']; 418 $user2 = $params['to_user_id'];
417 419
418 $rules = [ 420 $rules = [
419 'text' => 'required|min:1|max:150000', 421 'text' => 'required|min:1|max:150000',
420 'file' => 'file|mimes:doc,docx,xlsx,csv,txt,xlx,xls,pdf|max:150000' 422 'file' => 'file|mimes:doc,docx,xlsx,csv,txt,xlx,xls,pdf|max:150000'
421 ]; 423 ];
422 $messages = [ 424 $messages = [
423 'required' => 'Укажите обязательное поле', 425 'required' => 'Укажите обязательное поле',
424 'min' => [ 426 'min' => [
425 'string' => 'Поле «:attribute» должно быть не меньше :min символов', 427 'string' => 'Поле «:attribute» должно быть не меньше :min символов',
426 'integer' => 'Поле «:attribute» должно быть :min или больше', 428 'integer' => 'Поле «:attribute» должно быть :min или больше',
427 'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт' 429 'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт'
428 ], 430 ],
429 'max' => [ 431 'max' => [
430 'string' => 'Поле «:attribute» должно быть не больше :max символов', 432 'string' => 'Поле «:attribute» должно быть не больше :max символов',
431 'integer' => 'Поле «:attribute» должно быть :max или меньше', 433 'integer' => 'Поле «:attribute» должно быть :max или меньше',
432 'file' => 'Файл «:attribute» должен быть не больше :max Кбайт' 434 'file' => 'Файл «:attribute» должен быть не больше :max Кбайт'
433 ] 435 ]
434 ]; 436 ];
435 437
436 $validator = Validator::make($request->all(), $rules, $messages); 438 $validator = Validator::make($request->all(), $rules, $messages);
437 439
438 if ($validator->fails()) { 440 if ($validator->fails()) {
439 return redirect()->route('employer.dialog', ['user1' => $user1, 'user2' => $user2]) 441 return redirect()->route('employer.dialog', ['user1' => $user1, 'user2' => $user2])
440 ->withErrors($validator); 442 ->withErrors($validator);
441 } else { 443 } else {
442 if ($request->has('file')) { 444 if ($request->has('file')) {
443 $params['file'] = $request->file('file')->store("messages", 'public'); 445 $params['file'] = $request->file('file')->store("messages", 'public');
444 } 446 }
445 Message::create($params); 447 Message::create($params);
446 return redirect()->route('employer.dialog', ['user1' => $user1, 'user2' => $user2]); 448 return redirect()->route('employer.dialog', ['user1' => $user1, 'user2' => $user2]);
447 449
448 } 450 }
449 } 451 }
450 452
451 //Избранные люди 453 //Избранные люди
452 public function favorites(Request $request) { 454 public function favorites(Request $request) {
453 $IP_address = RusDate::ip_addr_client(); 455 $IP_address = RusDate::ip_addr_client();
454 $Arr = Like_worker::Query()->select('code_record')->where('ip_address', '=', $IP_address)->get(); 456 $Arr = Like_worker::Query()->select('code_record')->where('ip_address', '=', $IP_address)->get();
455 457
456 if ($Arr->count()) { 458 if ($Arr->count()) {
457 $A = Array(); 459 $A = Array();
458 foreach ($Arr as $it) { 460 foreach ($Arr as $it) {
459 $A[] = $it->code_record; 461 $A[] = $it->code_record;
460 } 462 }
461 463
462 $Workers = Worker::query()->whereIn('id', $A); 464 $Workers = Worker::query()->whereIn('id', $A);
463 } else { 465 } else {
464 $Workers = Worker::query()->where('id', '=', '0'); 466 $Workers = Worker::query()->where('id', '=', '0');
465 } 467 }
466 468
467 if (($request->has('search')) && (!empty($request->get('search')))) { 469 if (($request->has('search')) && (!empty($request->get('search')))) {
468 $search = $request->get('search'); 470 $search = $request->get('search');
469 471
470 $Workers = $Workers->WhereHas('users', 472 $Workers = $Workers->WhereHas('users',
471 function (Builder $query) use ($search) { 473 function (Builder $query) use ($search) {
472 $query->Where('surname', 'LIKE', "%$search%") 474 $query->Where('surname', 'LIKE', "%$search%")
473 ->orWhere('name_man', 'LIKE', "%$search%") 475 ->orWhere('name_man', 'LIKE', "%$search%")
474 ->orWhere('surname2', 'LIKE', "%$search%"); 476 ->orWhere('surname2', 'LIKE', "%$search%");
475 }); 477 });
476 } else { 478 } else {
477 $Workers = $Workers->with('users'); 479 $Workers = $Workers->with('users');
478 } 480 }
479 481
480 $Workers = $Workers->get(); 482 $Workers = $Workers->get();
481 return view('employers.favorite', compact('Workers')); 483 return view('employers.favorite', compact('Workers'));
482 } 484 }
483 485
484 // База данных 486 // База данных
485 public function bd(Request $request) { 487 public function bd(Request $request) {
486 // для типа BelongsTo 488 // для типа BelongsTo
487 //$documents = Document::query()->orderBy(Location::select('name') 489 //$documents = Document::query()->orderBy(Location::select('name')
488 // ->whereColumn('locations.id', 'documents.location_id') 490 // ->whereColumn('locations.id', 'documents.location_id')
489 //); 491 //);
490 492
491 // для типа HasOne/Many 493 // для типа HasOne/Many
492 // $documents = Document::::query()->orderBy(Location::select('name') 494 // $documents = Document::::query()->orderBy(Location::select('name')
493 // ->whereColumn('locations.document_id', 'documents.id') 495 // ->whereColumn('locations.document_id', 'documents.id')
494 //); 496 //);
495 497
496 $users = User_Model::query()->with('workers'); 498 $users = User_Model::query()->with('workers');
497 if (isset($request->find)) { 499 if (isset($request->find)) {
498 $find_key = $request->find; 500 $find_key = $request->find;
499 $users = $users->where('name', 'LIKE', "%$find_key%") 501 $users = $users->where('name', 'LIKE', "%$find_key%")
500 ->orWhere('email', 'LIKE', "%$find_key%") 502 ->orWhere('email', 'LIKE', "%$find_key%")
501 ->orWhere('telephone', 'LIKE', "%$find_key%"); 503 ->orWhere('telephone', 'LIKE', "%$find_key%");
502 } 504 }
503 505
504 // Данные 506 // Данные
505 $users = $users->Baseuser()-> 507 $users = $users->Baseuser()->
506 orderBy(Worker::select('position_work')->whereColumn('Workers.user_id', 'users.id'))-> 508 orderBy(Worker::select('position_work')->whereColumn('Workers.user_id', 'users.id'))->
507 paginate(5); 509 paginate(5);
508 510
509 return view('employers.bd', compact('users')); 511 return view('employers.bd', compact('users'));
510 } 512 }
511 513
512 //Настройка уведомлений 514 //Настройка уведомлений
513 public function subscribe() { 515 public function subscribe() {
514 return view('employers.subcribe'); 516 return view('employers.subcribe');
515 } 517 }
516 518
517 //Установка уведомлений сохранение 519 //Установка уведомлений сохранение
518 public function save_subscribe(Request $request) { 520 public function save_subscribe(Request $request) {
519 dd($request->all()); 521 dd($request->all());
520 $msg = $request->validate([ 522 $msg = $request->validate([
521 'subscribe_email' => 'required|email|min:5|max:255', 523 'subscribe_email' => 'required|email|min:5|max:255',
522 ]); 524 ]);
523 return redirect()->route('employer.subscribe')->with('Вы успешно подписались на рассылку'); 525 return redirect()->route('employer.subscribe')->with('Вы успешно подписались на рассылку');
524 } 526 }
525 527
526 //Сбросить форму с паролем 528 //Сбросить форму с паролем
527 public function password_reset() { 529 public function password_reset() {
528 $email = Auth()->user()->email; 530 $email = Auth()->user()->email;
529 return view('employers.password-reset', compact('email')); 531 return view('employers.password-reset', compact('email'));
530 } 532 }
531 533
532 //Обновление пароля 534 //Обновление пароля
533 public function new_password(Request $request) { 535 public function new_password(Request $request) {
534 $use = Auth()->user(); 536 $use = Auth()->user();
535 $request->validate([ 537 $request->validate([
536 'password' => 'required|string', 538 'password' => 'required|string',
537 'new_password' => 'required|string', 539 'new_password' => 'required|string',
538 'new_password2' => 'required|string' 540 'new_password2' => 'required|string'
539 ]); 541 ]);
540 542
541 if ($request->get('new_password') == $request->get('new_password2')) 543 if ($request->get('new_password') == $request->get('new_password2'))
542 if ($request->get('password') !== $request->get('new_password')) { 544 if ($request->get('password') !== $request->get('new_password')) {
543 $credentials = $request->only('email', 'password'); 545 $credentials = $request->only('email', 'password');
544 if (Auth::attempt($credentials)) { 546 if (Auth::attempt($credentials)) {
545 547
546 if (!is_null($use->email_verified_at)){ 548 if (!is_null($use->email_verified_at)){
547 549
548 $user_data = User_Model::find($use->id); 550 $user_data = User_Model::find($use->id);
549 $user_data->update([ 551 $user_data->update([
550 'password' => Hash::make($request->get('new_password')), 552 'password' => Hash::make($request->get('new_password')),
551 'pubpassword' => base64_encode($request->get('new_password')), 553 'pubpassword' => base64_encode($request->get('new_password')),
552 ]); 554 ]);
553 return redirect() 555 return redirect()
554 ->route('employer.password_reset') 556 ->route('employer.password_reset')
555 ->with('success', 'Поздравляю! Вы обновили свой пароль!'); 557 ->with('success', 'Поздравляю! Вы обновили свой пароль!');
556 } 558 }
557 559
558 return redirect() 560 return redirect()
559 ->route('employer.password_reset') 561 ->route('employer.password_reset')
560 ->withError('Данная учетная запись не было верифицированна!'); 562 ->withError('Данная учетная запись не было верифицированна!');
561 } 563 }
562 } 564 }
563 565
564 return redirect() 566 return redirect()
565 ->route('employer.password_reset') 567 ->route('employer.password_reset')
566 ->withErrors('Не совпадение данных, обновите пароли!'); 568 ->withErrors('Не совпадение данных, обновите пароли!');
567 } 569 }
568 570
569 571
570 572
571 // Форма Удаление пипла 573 // Форма Удаление пипла
572 public function delete_people() { 574 public function delete_people() {
573 $login = Auth()->user()->email; 575 $login = Auth()->user()->email;
574 return view('employers.delete_people', compact('login')); 576 return view('employers.delete_people', compact('login'));
575 } 577 }
576 578
577 // Удаление аккаунта 579 // Удаление аккаунта
578 public function action_delete_user(Request $request) { 580 public function action_delete_user(Request $request) {
579 $Answer = $request->all(); 581 $Answer = $request->all();
580 $user_id = Auth()->user()->id; 582 $user_id = Auth()->user()->id;
581 $request->validate([ 583 $request->validate([
582 'password' => 'required|string', 584 'password' => 'required|string',
583 ]); 585 ]);
584 586
585 $credentials = $request->only('email', 'password'); 587 $credentials = $request->only('email', 'password');
586 if (Auth::attempt($credentials)) { 588 if (Auth::attempt($credentials)) {
587 Auth::logout(); 589 Auth::logout();
588 $it = User_Model::find($user_id); 590 $it = User_Model::find($user_id);
589 $it->delete(); 591 $it->delete();
590 return redirect()->route('index')->with('success', 'Вы успешно удалили свой аккаунт'); 592 return redirect()->route('index')->with('success', 'Вы успешно удалили свой аккаунт');
591 } else { 593 } else {
592 return redirect()->route('employer.delete_people') 594 return redirect()->route('employer.delete_people')
593 ->withErrors( 'Неверный пароль! Нужен корректный пароль'); 595 ->withErrors( 'Неверный пароль! Нужен корректный пароль');
594 } 596 }
595 } 597 }
596 598
597 public function ajax_delete_user(Request $request) { 599 public function ajax_delete_user(Request $request) {
598 $Answer = $request->all(); 600 $Answer = $request->all();
599 $user_id = Auth()->user()->id; 601 $user_id = Auth()->user()->id;
600 $request->validate([ 602 $request->validate([
601 'password' => 'required|string', 603 'password' => 'required|string',
602 ]); 604 ]);
603 $credentials = $request->only('email', 'password'); 605 $credentials = $request->only('email', 'password');
604 if (Auth::attempt($credentials)) { 606 if (Auth::attempt($credentials)) {
605 607
606 return json_encode(Array('SUCCESS' => 'Вы успешно удалили свой аккаунт', 608 return json_encode(Array('SUCCESS' => 'Вы успешно удалили свой аккаунт',
607 'email' => $request->get('email'), 609 'email' => $request->get('email'),
608 'password' => $request->get('password'))); 610 'password' => $request->get('password')));
609 } else { 611 } else {
610 return json_encode(Array('ERROR' => 'Неверный пароль! Нужен корректный пароль')); 612 return json_encode(Array('ERROR' => 'Неверный пароль! Нужен корректный пароль'));
611 } 613 }
612 } 614 }
613 615
614 616
615 // FAQ - Вопросы/ответы для работодателей и соискателей 617 // FAQ - Вопросы/ответы для работодателей и соискателей
616 public function faq() { 618 public function faq() {
617 return view('employers.faq'); 619 return view('employers.faq');
618 } 620 }
619 621
620 // Рассылка сообщений 622 // Рассылка сообщений
621 public function send_all_messages() { 623 public function send_all_messages() {
622 return view('employers.send_all'); 624 return view('employers.send_all');
623 } 625 }
624 626
625 // Отправка сообщений для информации 627 // Отправка сообщений для информации
626 public function send_all_post(Request $request) { 628 public function send_all_post(Request $request) {
627 $data = $request->all(); 629 $data = $request->all();
628 630
629 $emails = User_Model::query()->where('is_worker', '1')->get(); 631 $emails = User_Model::query()->where('is_worker', '1')->get();
630 632
631 foreach ($emails as $e) { 633 foreach ($emails as $e) {
632 Mail::to($e->email)->send(new SendAllMessages($data)); 634 Mail::to($e->email)->send(new SendAllMessages($data));
633 } 635 }
634 636
635 return redirect()->route('employer.send_all_messages')->with('success', 'Письма были отправлены'); 637 return redirect()->route('employer.send_all_messages')->with('success', 'Письма были отправлены');
636 } 638 }
637 639
638 // База резюме 640 // База резюме
639 public function bd_tupe(Request $request) { 641 public function bd_tupe(Request $request) {
640 $Resume = User_Model::query()->with('workers')->where('is_bd', '=', '1')->get(); 642 $Resume = User_Model::query()->with('workers')->where('is_bd', '=', '1')->get();
641 643
642 return view('employers.bd_tupe', compact('Resume')); 644 return view('employers.bd_tupe', compact('Resume'));
643 } 645 }
644 646
645 ////////////////////////////////////////////////////////////////// 647 //////////////////////////////////////////////////////////////////
646 // 648 //
647 // 649 //
648 // Отправил сообщение 650 // Отправил сообщение
649 // 651 //
650 // 652 //
651 // 653 //
652 // 654 //
653 ////////////////////////////////////////////////////////////////// 655 //////////////////////////////////////////////////////////////////
654 public function new_message(Request $request) { 656 public function new_message(Request $request) {
655 $params = $request->all(); 657 $params = $request->all();
656 658
657 $id = $params['_user_id']; 659 $id = $params['_user_id'];
658 $message = new Message(); 660 $message = new Message();
659 $message->user_id = $params['_user_id']; 661 $message->user_id = $params['_user_id'];
660 $message->to_user_id = $params['_to_user_id']; 662 $message->to_user_id = $params['_to_user_id'];
661 $message->title = $params['title']; 663 $message->title = $params['title'];
662 $message->text = $params['text']; 664 $message->text = $params['text'];
663 if ($request->has('_file')) { 665 if ($request->has('_file')) {
664 $message->file = $request->file('_file')->store("worker/$id", 'public'); 666 $message->file = $request->file('_file')->store("worker/$id", 'public');
665 } 667 }
666 $message->flag_new = 1; 668 $message->flag_new = 1;
667 $id_message = $message->save(); 669 $id_message = $message->save();
668 670
669 $data['message_id'] = $id_message; 671 $data['message_id'] = $id_message;
670 $data['ad_employer_id'] = $params['_vacancy']; 672 $data['ad_employer_id'] = $params['_vacancy'];
671 $data['job_title_id'] = 0; 673 $data['job_title_id'] = 0;
672 674
673 $data['flag'] = 1; 675 $data['flag'] = 1;
674 $ad_responce = ad_response::create($data); 676 $ad_responce = ad_response::create($data);
675 return redirect()->route('employer.messages', ['type_message' => 'output']); 677 return redirect()->route('employer.messages', ['type_message' => 'output']);
676 } 678 }
677 679
678 // Восстановление пароля 680 // Восстановление пароля
679 public function repair_password(Request $request) { 681 public function repair_password(Request $request) {
680 $params = $request->get('email'); 682 $params = $request->get('email');
681 683
682 684
683 } 685 }
684 } 686 }
685 687
app/Http/Controllers/MainController.php
1 <?php 1 <?php
2 2
3 namespace App\Http\Controllers; 3 namespace App\Http\Controllers;
4 4
5 use App\Classes\RusDate; 5 use App\Classes\RusDate;
6 use App\Classes\Tools; 6 use App\Classes\Tools;
7 use App\Mail\MailRegistration; 7 use App\Mail\MailRegistration;
8 use App\Mail\MailRepair; 8 use App\Mail\MailRepair;
9 use App\Models\Ad_employer; 9 use App\Models\Ad_employer;
10 use App\Models\Ad_jobs; 10 use App\Models\Ad_jobs;
11 use App\Models\Category; 11 use App\Models\Category;
12 use App\Models\Education; 12 use App\Models\Education;
13 use App\Models\Employer; 13 use App\Models\Employer;
14 use App\Models\employers_main; 14 use App\Models\employers_main;
15 use App\Models\Job_title; 15 use App\Models\Job_title;
16 use App\Models\Like_vacancy; 16 use App\Models\Like_vacancy;
17 use App\Models\Like_worker; 17 use App\Models\Like_worker;
18 use App\Models\News; 18 use App\Models\News;
19 use App\Models\Positions;
19 use App\Models\Positions; 20 use App\Models\reclame;
20 use App\Models\reclame; 21 use App\Models\User;
21 use App\Models\User; 22 use Illuminate\Http\Request;
22 use Illuminate\Http\Request; 23 use Illuminate\Support\Facades\Auth;
23 use Illuminate\Support\Facades\Auth; 24 use Illuminate\Support\Facades\DB;
24 use Illuminate\Support\Facades\DB; 25 use Illuminate\Support\Facades\Hash;
25 use Illuminate\Support\Facades\Hash; 26 use Illuminate\Support\Facades\Mail;
26 use Illuminate\Support\Facades\Mail; 27 use Illuminate\Support\Facades\Validator;
27 use Illuminate\Support\Facades\Validator; 28 use App\Classes\StatusUser;
28 use App\Classes\StatusUser; 29
29 30 class MainController extends Controller
30 class MainController extends Controller 31 {
31 { 32 // Главная страница публичной части
32 // Главная страница публичной части 33 public function index() {
33 public function index() { 34 $news = News::query()->orderBy('id')->limit(6)->get();
34 $news = News::query()->orderBy('id')->limit(6)->get(); 35
35 36 $categories = Category::query()->selectRaw('count(ad_employers.id) as cnt, categories.*')
36 $categories = Category::query()->selectRaw('count(ad_employers.id) as cnt, categories.*') 37 ->join('ad_employers', 'ad_employers.category_id', '=', 'categories.id')
37 ->join('ad_employers', 'ad_employers.category_id', '=', 'categories.id') 38 ->OrderByDesc('created_at')
38 ->OrderByDesc('created_at') 39 ->GroupBy('categories.id')
39 ->GroupBy('categories.id') 40 ->get();
40 ->get(); 41
41 42 $Position = Positions::query()->get();
42 $Position = Positions::query()->get();
43
44 $BigFlot = Array(); 43
44 $BigFlot = Array();
45 foreach ($Position as $position) {
46 $BigFlot[] = DB::table('ad_jobs')->selectRaw('name, job_titles.id as id_title, count(`ad_jobs`.`id`) as cnt, ad_jobs.position_ship')->
47 orderBy('job_titles.sort')->
48 join('job_titles', 'job_titles.id', '=', 'ad_jobs.job_title_id')->
49 where('position_ship', "$position->name")->
50 groupby('job_title_id','position_ship')->
51 get();
52 }
45 foreach ($Position as $position) { 53
46 $BigFlot[] = DB::table('ad_jobs')->selectRaw('name, job_titles.id as id_title, count(`ad_jobs`.`id`) as cnt, ad_jobs.position_ship')->
47 orderBy('job_titles.sort')->
48 join('job_titles', 'job_titles.id', '=', 'ad_jobs.job_title_id')->
49 where('position_ship', "$position->name")->
50 groupby('job_title_id','position_ship')->
51 get();
52 }
53
54 $employers = employers_main::query()->with('employer')->orderBy('id')->limit(8)->get();
55 $vacancy = Ad_jobs::query()->with('job_title')->orderBy('position_ship')->get();
56 return view('index', compact('news', 'categories', 'employers', 'vacancy', 'BigFlot', 'Position'));
57 }
58
59 public function search_vacancies(Request $request) {
60 if ($request->has('search')) {
61 $search = $request->get('search');
62 $job_titles = Job_title::query()->where('name', 'LIKE', "%$search%")->first();
63 if (isset($job_titles->id))
64 if ($job_titles->id > 0) 54 $employers = employers_main::query()->with('employer')->orderBy('id')->limit(8)->get();
65 return redirect()->route('vacancies', ['job' => $job_titles->id]); 55 $vacancy = Ad_jobs::query()->with('job_title')->orderBy('position_ship')->get();
66 } 56 return view('index', compact('news', 'categories', 'employers', 'vacancy', 'BigFlot', 'Position'));
67 }
68
69 // Лайк вакансии 57 }
70 public function like_vacancy(Request $request) { 58
71 $IP_address = RusDate::ip_addr_client(); 59 public function search_vacancies(Request $request) {
72 60 if ($request->has('search')) {
73 if ($request->has('code_record')) { 61 $search = $request->get('search');
74 if ($request->has('delete')) { 62 $job_titles = Job_title::query()->where('name', 'LIKE', "%$search%")->first();
75 $atomic_era = Like_vacancy::select('id')-> 63 if (isset($job_titles->id))
76 where('code_record', '=', $request-> 64 if ($job_titles->id > 0)
77 get('code_record'))->first(); 65 return redirect()->route('vacancies', ['job' => $job_titles->id]);
78 66 }
79 DB::table('like_vacancy')->where('code_record', $request->get('code_record'))->delete(); 67 }
80 68
81 } else { 69 // Лайк вакансии
82 $params = $request->all(); 70 public function like_vacancy(Request $request) {
83 $params['ip_address'] = $IP_address; 71 $IP_address = RusDate::ip_addr_client();
84 Like_vacancy::create($params); 72
85 } 73 if ($request->has('code_record')) {
86 } 74 if ($request->has('delete')) {
87 } 75 $atomic_era = Like_vacancy::select('id')->
88 76 where('code_record', '=', $request->
89 // Лайк соискателю. 77 get('code_record'))->first();
90 public function like_worker(Request $request) { 78
91 $IP_address = RusDate::ip_addr_client(); 79 DB::table('like_vacancy')->where('code_record', $request->get('code_record'))->delete();
92 80
93 if ($request->has('code_record')) { 81 } else {
94 if ($request->has('delete')) { 82 $params = $request->all();
95 $atomic_era = Like_worker::select('id')-> 83 $params['ip_address'] = $IP_address;
96 where('code_record', '=', $request-> 84 Like_vacancy::create($params);
97 get('code_record'))->first(); 85 }
98 86 }
99 DB::table('like_worker')->where('code_record', $request->get('code_record'))->delete(); 87 }
100 88
101 return "Вот и результат удаления!"; 89 // Лайк соискателю.
102 90 public function like_worker(Request $request) {
103 } else { 91 $IP_address = RusDate::ip_addr_client();
104 $params = $request->all(); 92
105 $params['ip_address'] = $IP_address; 93 if ($request->has('code_record')) {
106 Like_worker::create($params); 94 if ($request->has('delete')) {
107 } 95 $atomic_era = Like_worker::select('id')->
108 } 96 where('code_record', '=', $request->
109 } 97 get('code_record'))->first();
110 98
111 99 DB::table('like_worker')->where('code_record', $request->get('code_record'))->delete();
112 public function vacancies(Request $request) { 100
113 //должности 101 return "Вот и результат удаления!";
114 $Job_title = Job_title::query()->orderBy('name')->get(); 102
115 103 } else {
116 $categories = Category::query()->selectRaw('count(ad_employers.id) as cnt, categories.*') 104 $params = $request->all();
117 ->selectRaw('min(ad_employers.salary) as min_salary, max(ad_employers.salary) as max_salary') 105 $params['ip_address'] = $IP_address;
118 ->join('ad_employers', 'ad_employers.category_id', '=', 'categories.id') 106 Like_worker::create($params);
119 ->join('ad_jobs', 'ad_jobs.ad_employer_id', '=', 'ad_employers.id'); 107 }
120 108 }
121 //категории и вакансии 109 }
122 if (($request->has('job')) && ($request->get('job') > 0)) { 110
123 $categories = $categories->Where('job_title_id', '=', $request->get('job')); 111
124 } 112 public function vacancies(Request $request) {
125 113 //должности
126 $categories = $categories->OrderByDesc('created_at')->GroupBy('categories.id')->get(); 114 $Job_title = Job_title::query()->orderBy('name')->get();
127 115
128 $Position = Positions::query()->get(); 116 $categories = Category::query()->selectRaw('count(ad_employers.id) as cnt, categories.*')
129 117 ->selectRaw('min(ad_employers.salary) as min_salary, max(ad_employers.salary) as max_salary')
130 $BigFlot = Array(); 118 ->join('ad_employers', 'ad_employers.category_id', '=', 'categories.id')
131 foreach ($Position as $position) { 119 ->join('ad_jobs', 'ad_jobs.ad_employer_id', '=', 'ad_employers.id');
132 $War_flot = DB::table('ad_jobs')->selectRaw('name, job_titles.id as id_title, count(`ad_jobs`.`id`) as cnt, ad_jobs.position_ship')-> 120
133 orderBy('job_titles.sort')-> 121 //категории и вакансии
134 join('job_titles', 'job_titles.id', '=', 'ad_jobs.job_title_id')-> 122 if (($request->has('job')) && ($request->get('job') > 0)) {
135 where('position_ship', "$position->name"); 123 $categories = $categories->Where('job_title_id', '=', $request->get('job'));
136 if (($request->has('job')) && ($request->get('job') > 0)) { 124 }
137 $War_flot = $War_flot->where('job_title_id', $request->get('job')); 125
138 } 126 $categories = $categories->OrderByDesc('created_at')->GroupBy('categories.id')->get();
139 $War_flot = $War_flot->groupby('job_title_id','position_ship')->get(); 127
128 $Position = Positions::query()->get();
140 $BigFlot[] = $War_flot; 129
141 } 130 $BigFlot = Array();
142 131 foreach ($Position as $position) {
143 if ($request->ajax()) { 132 $War_flot = DB::table('ad_jobs')->selectRaw('name, job_titles.id as id_title, count(`ad_jobs`.`id`) as cnt, ad_jobs.position_ship')->
144 return view('ajax.new_sky', compact('categories', 'BigFlot', 'Position')); 133 orderBy('job_titles.sort')->
145 } else { 134 join('job_titles', 'job_titles.id', '=', 'ad_jobs.job_title_id')->
146 return view('new_sky', compact('Job_title', 'categories', 'BigFlot', 'Position')); 135 where('position_ship', "$position->name");
147 } 136 if (($request->has('job')) && ($request->get('job') > 0)) {
148 } 137 $War_flot = $War_flot->where('job_title_id', $request->get('job'));
149 138 }
150 //Вакансии категория детальная 139 $War_flot = $War_flot->groupby('job_title_id','position_ship')->get();
151 public function list_vacancies(Category $categories, Request $request) { 140 $BigFlot[] = $War_flot;
152 if (isset(Auth()->user()->id))
153 $uid = Auth()->user()->id;
154 else
155 $uid = 0;
156
157 $Query = Ad_employer::with('jobs')->
158 with('cat')->
159 with('employer')->
160 whereHas('jobs_code', function ($query) use ($request) {
161 if (null !== ($request->get('job')) && ($request->get('job') !== 0)) {
162 $query->where('job_title_id', $request->get('job'));
163 }
164 })
165 ->select('ad_employers.*');
166
167
168 if (isset($categories->id) && ($categories->id > 0)) {
169 $Query = $Query->where('category_id', '=', $categories->id);
170 $Name_categori = Category::query()->where('id', '=', $categories->id)->get(); 141 }
171 } else {
172 $Name_categori = '';
173 } 142
174 143 if ($request->ajax()) {
175 if ($request->get('sort')) { 144 return view('ajax.new_sky', compact('categories', 'BigFlot', 'Position'));
176 $sort = $request->get('sort'); 145 } else {
177 146 return view('new_sky', compact('Job_title', 'categories', 'BigFlot', 'Position'));
178
179 switch ($sort) { 147 }
180 case 'name_up': $Query = $Query->orderBy('name')->orderBy('id'); break; 148 }
181 case 'name_down': $Query = $Query->orderByDesc('name')->orderby('id'); break; 149
182 case 'created_at_up': $Query = $Query->OrderBy('created_at')->orderBy('id'); break; 150 //Вакансии категория детальная
183 case 'created_at_down': $Query = $Query->orderByDesc('created_at')->orderBy('id'); break; 151 public function list_vacancies(Category $categories, Request $request) {
184 case 'default': $Query = $Query->orderBy('id')->orderby('updated_at'); break; 152 if (isset(Auth()->user()->id))
185 default: $Query = $Query->orderBy('id')->orderby('updated_at'); break; 153 $uid = Auth()->user()->id;
186 } 154 else
187 } 155 $uid = 0;
188 156
189 $Job_title = Job_title::query()->OrderBy('name')->get(); 157 $Query = Ad_employer::with('jobs')->
190 158 with('cat')->
191 $Query_count = $Query->count(); 159 with('employer')->
192 160 whereHas('jobs_code', function ($query) use ($request) {
193 $Query = $Query->OrderBy('updated_at')->paginate(3); 161 if (null !== ($request->get('job')) && ($request->get('job') !== 0)) {
194 162 $query->where('job_title_id', $request->get('job'));
195 $Reclama = reclame::query()->get(); 163 }
196 164 })
197 165 ->select('ad_employers.*');
198 166
199 if ($request->ajax()) { 167
200 if ($request->has('title')) { 168 if (isset($categories->id) && ($categories->id > 0)) {
201 return view('ajax.list_category', compact( 169 $Query = $Query->where('category_id', '=', $categories->id);
202 'Name_categori' 170 $Name_categori = Category::query()->where('id', '=', $categories->id)->get();
203 )); 171 } else {
204 } else { 172 $Name_categori = '';
205 return view('ajax.list_vacancies', compact('Query', 173 }
206 'Query_count', 174
207 'Name_categori', 175 if ($request->get('sort')) {
208 'Reclama', 176 $sort = $request->get('sort');
209 'categories', 177
210 'Job_title', 178
211 'uid')); 179 switch ($sort) {
212 } 180 case 'name_up': $Query = $Query->orderBy('name')->orderBy('id'); break;
213 } else { 181 case 'name_down': $Query = $Query->orderByDesc('name')->orderby('id'); break;
214 //Вернуть все 182 case 'created_at_up': $Query = $Query->OrderBy('created_at')->orderBy('id'); break;
215 return view('list_vacancies', compact('Query', 183 case 'created_at_down': $Query = $Query->orderByDesc('created_at')->orderBy('id'); break;
216 'Query_count', 184 case 'default': $Query = $Query->orderBy('id')->orderby('updated_at'); break;
217 'Reclama', 185 default: $Query = $Query->orderBy('id')->orderby('updated_at'); break;
218 'Name_categori', 186 }
219 'categories', 187 }
220 'Job_title', 188
221 'uid')); 189 $Job_title = Job_title::query()->OrderBy('name')->get();
222 } 190
223 } 191 $Query_count = $Query->count();
224 192
225 // Образование 193 $Query = $Query->OrderBy('updated_at')->paginate(3);
226 public function education(Request $request) { 194
227 $educations = Education::query(); 195 $Reclama = reclame::query()->get();
228 if (($request->has('search')) && (!empty($request->get('search')))) { 196
229 $search = trim($request->get('search')); 197
230 $educations = $educations->where('name', 'LIKE', "%$search%"); 198
231 } 199 if ($request->ajax()) {
232 200 if ($request->has('title')) {
233 if ($request->get('sort')) { 201 return view('ajax.list_category', compact(
234 $sort = $request->get('sort'); 202 'Name_categori'
235 switch ($sort) { 203 ));
236 case 'name_up': $educations = $educations->orderBy('name')->orderBy('id'); break; 204 } else {
237 case 'name_down': $educations = $educations->orderByDesc('name')->orderby('id'); break; 205 return view('ajax.list_vacancies', compact('Query',
238 case 'created_at_up': $educations = $educations->OrderBy('created_at')->orderBy('id'); break; 206 'Query_count',
239 case 'created_at_down': $educations = $educations->orderByDesc('created_at')->orderBy('id'); break; 207 'Name_categori',
240 case 'default': $educations = $educations->orderBy('id')->orderby('updated_at'); break; 208 'Reclama',
241 default: $educations = $educations->orderBy('id')->orderby('updated_at'); break; 209 'categories',
242 } 210 'Job_title',
243 } 211 'uid'));
244 212 }
245 $count_edu = $educations->count(); 213 } else {
246 $educations = $educations->paginate(6); 214 //Вернуть все
247 if ($request->ajax()) { 215 return view('list_vacancies', compact('Query',
248 return view('ajax.education', compact('educations')); 216 'Query_count',
249 } else { 217 'Reclama',
250 return view('education', compact('educations', 'count_edu')); 218 'Name_categori',
251 } 219 'categories',
252 } 220 'Job_title',
253 221 'uid'));
254 // Контакты 222 }
255 public function contacts() { 223 }
256 return view('contacts'); 224
257 } 225 // Образование
258 226 public function education(Request $request) {
259 // Вход в личный кабинет 227 $educations = Education::query();
260 public function input_login(Request $request) 228 if (($request->has('search')) && (!empty($request->get('search')))) {
261 { 229 $search = trim($request->get('search'));
262 $params = $request->all(); 230 $educations = $educations->where('name', 'LIKE', "%$search%");
263 231 }
264 232
265 $rules = [ 233 if ($request->get('sort')) {
266 'email' => 'required|string|email', 234 $sort = $request->get('sort');
267 'password' => 'required|string|min:3|max:25', 235 switch ($sort) {
268 ]; 236 case 'name_up': $educations = $educations->orderBy('name')->orderBy('id'); break;
269 237 case 'name_down': $educations = $educations->orderByDesc('name')->orderby('id'); break;
270 $messages = [ 238 case 'created_at_up': $educations = $educations->OrderBy('created_at')->orderBy('id'); break;
271 'required' => 'Укажите обязательное поле «:attribute»', 239 case 'created_at_down': $educations = $educations->orderByDesc('created_at')->orderBy('id'); break;
272 'email' => 'Введите корректный email', 240 case 'default': $educations = $educations->orderBy('id')->orderby('updated_at'); break;
273 'min' => [ 241 default: $educations = $educations->orderBy('id')->orderby('updated_at'); break;
274 'string' => 'Поле «:attribute» должно быть не меньше :min символов', 242 }
275 'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт' 243 }
276 ], 244
277 'max' => [ 245 $count_edu = $educations->count();
278 'string' => 'Поле «:attribute» должно быть не больше :max символов', 246 $educations = $educations->paginate(6);
279 'file' => 'Файл «:attribute» должен быть не больше :max Кбайт' 247 if ($request->ajax()) {
280 ], 248 return view('ajax.education', compact('educations'));
281 ]; 249 } else {
282 250 return view('education', compact('educations', 'count_edu'));
283 $validator = Validator::make($request->all(), $rules, $messages); 251 }
284 252 }
285 253
286 if ($validator->fails()) { 254 // Контакты
287 return redirect()->route('index')->with('Error', "Email или пароль невалидный"); 255 public function contacts() {
288 } else { 256 return view('contacts');
289 $credentials = $request->only('email', 'password'); 257 }
290 258
291 if (Auth::attempt($credentials, $request->has('remember'))) { 259 // Вход в личный кабинет
292 260 public function input_login(Request $request)
293 if (is_null(Auth::user()->email_verified_at)) { 261 {
294 Auth::logout(); 262 $params = $request->all();
295 return json_encode(Array("ERROR" => "Адрес почты не подтвержден")); 263
296 } 264
297 265 $rules = [
298 if (Auth::user()->is_worker) { 266 'email' => 'required|string|email',
299 return json_encode(Array("REDIRECT" => redirect()->route('worker.cabinet')->getTargetUrl())); 267 'password' => 'required|string|min:3|max:25',
300 } else { 268 ];
301 return json_encode(Array("REDIRECT" => redirect()->route('employer.cabinet')->getTargetUrl())); 269
302 } 270 $messages = [
303 271 'required' => 'Укажите обязательное поле «:attribute»',
304 return json_encode(Array("SUCCESS" => "Вы успешно вошли в личный кабинет")); 272 'email' => 'Введите корректный email',
305 //->route('index') 273 'min' => [
306 //->with('success', 'Вы вошли в личный кабинет.'); 274 'string' => 'Поле «:attribute» должно быть не меньше :min символов',
307 } else { 275 'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт'
308 return json_encode(Array("ERROR" => "Неверный логин или пароль!")); 276 ],
309 } 277 'max' => [
310 } 278 'string' => 'Поле «:attribute» должно быть не больше :max символов',
311 } 279 'file' => 'Файл «:attribute» должен быть не больше :max Кбайт'
312 280 ],
313 // Восстановление пароля 281 ];
314 public function repair_password(Request $request) { 282
315 $rules = [ 283 $validator = Validator::make($request->all(), $rules, $messages);
316 'email' => 'required|string|email', 284
317 ]; 285
318 286 if ($validator->fails()) {
319 $messages = [ 287 return redirect()->route('index')->with('Error', "Email или пароль невалидный");
320 'required' => 'Укажите обязательное поле «:attribute»', 288 } else {
321 'email' => 'Введите корректный email', 289 $credentials = $request->only('email', 'password');
322 'min' => [ 290
323 'string' => 'Поле «:attribute» должно быть не меньше :min символов', 291 if (Auth::attempt($credentials, $request->has('remember'))) {
324 'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт' 292
325 ], 293 if (is_null(Auth::user()->email_verified_at)) {
326 'max' => [ 294 Auth::logout();
327 'string' => 'Поле «:attribute» должно быть не больше :max символов', 295 return json_encode(Array("ERROR" => "Адрес почты не подтвержден"));
328 'file' => 'Файл «:attribute» должен быть не больше :max Кбайт' 296 }
329 ], 297
330 ]; 298 if (Auth::user()->is_worker) {
331 299 return json_encode(Array("REDIRECT" => redirect()->route('worker.cabinet')->getTargetUrl()));
332 $validator = Validator::make($request->all(), $rules, $messages); 300 } else {
333 301 return json_encode(Array("REDIRECT" => redirect()->route('employer.cabinet')->getTargetUrl()));
334 if ($validator->fails()) { 302 }
335 return redirect()->back()->with('Error', "Email невалидный"); 303
336 } else { 304 return json_encode(Array("SUCCESS" => "Вы успешно вошли в личный кабинет"));
337 $new_password = Tools::generator_id(10); 305 //->route('index')
338 $hash_password = Hash::make($new_password); 306 //->with('success', 'Вы вошли в личный кабинет.');
339 $user = User::query()->where('email', $request->get('email'))->first(); 307 } else {
340 $EditRec = User::find($user->id); 308 return json_encode(Array("ERROR" => "Неверный логин или пароль!"));
341 $EditRec->password = $hash_password; 309 }
342 $EditRec->save(); 310 }
343 311 }
344 foreach ([$request->get('email')] as $recipient) { 312
345 Mail::to($recipient)->send(new MailRepair($new_password)); 313 // Восстановление пароля
346 } 314 public function repair_password(Request $request) {
347 return redirect()->route('index'); 315 $rules = [
348 316 'email' => 'required|string|email',
349 } 317 ];
350 318
351 } 319 $messages = [
352 320 'required' => 'Укажите обязательное поле «:attribute»',
353 // Вывод новостей 321 'email' => 'Введите корректный email',
354 public function news(Request $request) { 322 'min' => [
355 $Query = News::query(); 323 'string' => 'Поле «:attribute» должно быть не меньше :min символов',
356 if ($request->has('search')) { 324 'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт'
357 $search = $request->get('search'); 325 ],
358 $Query = $Query->where('title', 'LIKE', "%$search%")-> 326 'max' => [
359 orWhere('text', 'LIKE', "%$search%"); 327 'string' => 'Поле «:attribute» должно быть не больше :max символов',
360 } 328 'file' => 'Файл «:attribute» должен быть не больше :max Кбайт'
361 329 ],
362 if ($request->ajax()) { 330 ];
363 if ($request->get('sort')) { 331
364 $sort = $request->get('sort'); 332 $validator = Validator::make($request->all(), $rules, $messages);
365 switch ($sort) { 333
366 case 'name_up': $Query = $Query->orderBy('title')->orderBy('id'); break; 334 if ($validator->fails()) {
367 case 'name_down': $Query = $Query->orderByDesc('title')->orderby('id'); break; 335 return redirect()->back()->with('Error', "Email невалидный");
368 case 'created_at_up': $Query = $Query->OrderBy('created_at')->orderBy('id'); break; 336 } else {
369 case 'created_at_down': $Query = $Query->orderByDesc('created_at')->orderBy('id'); break; 337 $new_password = Tools::generator_id(10);
370 case 'default': $Query = $Query->orderBy('id')->orderby('updated_at'); break; 338 $hash_password = Hash::make($new_password);
371 default: $Query = $Query->orderBy('id')->orderby('updated_at'); break; 339 $user = User::query()->where('email', $request->get('email'))->first();
372 } 340 $EditRec = User::find($user->id);
373 } 341 $EditRec->password = $hash_password;
374 } 342 $EditRec->save();
375 $Query_count = $Query->count(); 343
376 $Query = $Query->paginate(6); 344 foreach ([$request->get('email')] as $recipient) {
377 345 Mail::to($recipient)->send(new MailRepair($new_password));
378 if ($request->ajax()) { 346 }
379 return view('ajax.news-list', compact('Query', 'Query_count')); 347 return redirect()->route('index');
380 } else { 348
381 return view('news-list', compact('Query', 'Query_count')); 349 }
382 } 350
383 } 351 }
app/Http/Controllers/WorkerController.php
1 <?php 1 <?php
2 2
3 namespace App\Http\Controllers; 3 namespace App\Http\Controllers;
4 4
5 use App\Classes\RusDate; 5 use App\Classes\RusDate;
6 use App\Http\Requests\DocumentsRequest; 6 use App\Http\Requests\DocumentsRequest;
7 use App\Models\Ad_employer; 7 use App\Models\Ad_employer;
8 use App\Models\ad_response; 8 use App\Models\ad_response;
9 use App\Models\Category; 9 use App\Models\Category;
10 use App\Models\Dop_info; 10 use App\Models\Dop_info;
11 use App\Models\Employer; 11 use App\Models\Employer;
12 use App\Models\infobloks; 12 use App\Models\infobloks;
13 use App\Models\Job_title; 13 use App\Models\Job_title;
14 use App\Models\Like_vacancy; 14 use App\Models\Like_vacancy;
15 use App\Models\Like_worker; 15 use App\Models\Like_worker;
16 use App\Models\Message; 16 use App\Models\Message;
17 use App\Models\place_works; 17 use App\Models\place_works;
18 use App\Models\reclame; 18 use App\Models\reclame;
19 use App\Models\ResponseWork; 19 use App\Models\ResponseWork;
20 use App\Models\sertification; 20 use App\Models\sertification;
21 use App\Models\Static_worker; 21 use App\Models\Static_worker;
22 use App\Models\User; 22 use App\Models\User;
23 use App\Models\User as User_Model; 23 use App\Models\User as User_Model;
24 use App\Models\Worker; 24 use App\Models\Worker;
25 use Barryvdh\DomPDF\Facade\Pdf; 25 use Barryvdh\DomPDF\Facade\Pdf;
26 use Carbon\Carbon; 26 use Carbon\Carbon;
27 use Illuminate\Auth\Events\Registered; 27 use Illuminate\Auth\Events\Registered;
28 use Illuminate\Database\Eloquent\Builder; 28 use Illuminate\Database\Eloquent\Builder;
29 use Illuminate\Database\Eloquent\Model; 29 use Illuminate\Database\Eloquent\Model;
30 use Illuminate\Http\JsonResponse; 30 use Illuminate\Http\JsonResponse;
31 use Illuminate\Http\Request; 31 use Illuminate\Http\Request;
32 use Illuminate\Support\Facades\Auth; 32 use Illuminate\Support\Facades\Auth;
33 use Illuminate\Support\Facades\Hash; 33 use Illuminate\Support\Facades\Hash;
34 use Illuminate\Support\Facades\Storage; 34 use Illuminate\Support\Facades\Storage;
35 use Illuminate\Support\Facades\Validator; 35 use Illuminate\Support\Facades\Validator;
36 36
37 class WorkerController extends Controller 37 class WorkerController extends Controller
38 { 38 {
39 public $status_work = array(0 => 'Ищу работу', 1 => 'Не указано', 2 => 'Не ищу работу'); 39 public $status_work = array(0 => 'Ищу работу', 1 => 'Не указано', 2 => 'Не ищу работу');
40 40
41 //профиль 41 //профиль
42 public function profile(Worker $worker) 42 public function profile(Worker $worker)
43 { 43 {
44 $get_date = date('Y.m'); 44 $get_date = date('Y.m');
45 45
46 $c = Static_worker::query()->where('year_month', '=', $get_date) 46 $c = Static_worker::query()->where('year_month', '=', $get_date)
47 ->where('user_id', '=', $worker->users->id) 47 ->where('user_id', '=', $worker->users->id)
48 ->get(); 48 ->get();
49 49
50 if ($c->count() > 0) { 50 if ($c->count() > 0) {
51 $upd = Static_worker::find($c[0]->id); 51 $upd = Static_worker::find($c[0]->id);
52 $upd->lookin = $upd->lookin + 1; 52 $upd->lookin = $upd->lookin + 1;
53 $upd->save(); 53 $upd->save();
54 } else { 54 } else {
55 $crt = new Static_worker(); 55 $crt = new Static_worker();
56 $crt->lookin = 1; 56 $crt->lookin = 1;
57 $crt->year_month = $get_date; 57 $crt->year_month = $get_date;
58 $crt->user_id = $worker->user_id; 58 $crt->user_id = $worker->user_id;
59 $crt->save(); 59 $crt->save();
60 } 60 }
61 61
62 $stat = Static_worker::query()->where('year_month', '=', $get_date) 62 $stat = Static_worker::query()->where('year_month', '=', $get_date)
63 ->where('user_id', '=', $worker->users->id) 63 ->where('user_id', '=', $worker->users->id)
64 ->get(); 64 ->get();
65 65
66 return view('public.workers.profile', compact('worker', 'stat')); 66 return view('public.workers.profile', compact('worker', 'stat'));
67 } 67 }
68 68
69 // лист база резюме 69 // лист база резюме
70 public function bd_resume(Request $request) 70 public function bd_resume(Request $request)
71 { 71 {
72 if (isset(Auth()->user()->id)) { 72 if (isset(Auth()->user()->id)) {
73 $idiot = Auth()->user()->id; 73 $idiot = Auth()->user()->id;
74 } else { 74 } else {
75 $idiot = 0; 75 $idiot = 0;
76 } 76 }
77 77
78 $status_work = $this->status_work; 78 $status_work = $this->status_work;
79 $resumes = Worker::query()->with('users')->with('job_titles'); 79 $resumes = Worker::query()->with('users')->with('job_titles');
80 $resumes = $resumes->whereHas('users', function (Builder $query) { 80 $resumes = $resumes->whereHas('users', function (Builder $query) {
81 $query->Where('is_worker', '=', '1') 81 $query->Where('is_worker', '=', '1')
82 ->Where('is_bd', '=', '0'); 82 ->Where('is_bd', '=', '0');
83 }); 83 });
84 84
85 if ($request->get('sort')) { 85 if ($request->get('sort')) {
86 $sort = $request->get('sort'); 86 $sort = $request->get('sort');
87 switch ($sort) { 87 switch ($sort) {
88 case 'name_up': 88 case 'name_up':
89 $resumes = $resumes->orderBy(User::select('surname') 89 $resumes = $resumes->orderBy(User::select('surname')
90 ->whereColumn('Workers.user_id', 'users.id') 90 ->whereColumn('Workers.user_id', 'users.id')
91 ); 91 );
92 break; 92 break;
93 case 'name_down': 93 case 'name_down':
94 $resumes = $resumes->orderByDesc(User::select('surname') 94 $resumes = $resumes->orderByDesc(User::select('surname')
95 ->whereColumn('Workers.user_id', 'users.id') 95 ->whereColumn('Workers.user_id', 'users.id')
96 ); 96 );
97 break; 97 break;
98 case 'created_at_up': $resumes = $resumes->OrderBy('created_at')->orderBy('id'); break; 98 case 'created_at_up': $resumes = $resumes->OrderBy('created_at')->orderBy('id'); break;
99 case 'created_at_down': $resumes = $resumes->orderByDesc('created_at')->orderBy('id'); break; 99 case 'created_at_down': $resumes = $resumes->orderByDesc('created_at')->orderBy('id'); break;
100 case 'default': $resumes = $resumes->orderBy('id')->orderby('updated_at'); break; 100 case 'default': $resumes = $resumes->orderBy('id')->orderby('updated_at'); break;
101 default: $resumes = $resumes->orderBy('id')->orderby('updated_at'); break; 101 default: $resumes = $resumes->orderBy('id')->orderby('updated_at'); break;
102 } 102 }
103 } 103 }
104 104
105 $res_count = $resumes->count(); 105 $res_count = $resumes->count();
106 $resumes = $resumes->paginate(6); 106 $resumes = $resumes->paginate(6);
107 if ($request->ajax()) { 107 if ($request->ajax()) {
108 // Условия обставлены 108 // Условия обставлены
109 if ($request->has('block') && ($request->get('block') == 1)) { 109 if ($request->has('block') && ($request->get('block') == 1)) {
110 return view('ajax.resume_1', compact('resumes', 'status_work', 'res_count', 'idiot')); 110 return view('ajax.resume_1', compact('resumes', 'status_work', 'res_count', 'idiot'));
111 } 111 }
112 112
113 if ($request->has('block') && ($request->get('block') == 2)) { 113 if ($request->has('block') && ($request->get('block') == 2)) {
114 return view('ajax.resume_2', compact('resumes', 'status_work', 'res_count', 'idiot')); 114 return view('ajax.resume_2', compact('resumes', 'status_work', 'res_count', 'idiot'));
115 } 115 }
116 } else { 116 } else {
117 return view('resume', compact('resumes', 'status_work', 'res_count', 'idiot')); 117 return view('resume', compact('resumes', 'status_work', 'res_count', 'idiot'));
118 } 118 }
119 } 119 }
120 120
121 //Лайк резюме 121 //Лайк резюме
122 public function like_controller() { 122 public function like_controller() {
123 123
124 } 124 }
125 125
126 // анкета соискателя 126 // анкета соискателя
127 public function resume_profile(Worker $worker) 127 public function resume_profile(Worker $worker)
128 { 128 {
129 if (isset(Auth()->user()->id)) {
130 $idiot = Auth()->user()->id;
131 } else {
132 $idiot = 0;
133 }
134
129 if (isset(Auth()->user()->id)) { 135 $status_work = $this->status_work;
130 $idiot = Auth()->user()->id; 136 $Query = Worker::query()->with('users')->with('job_titles')
131 } else { 137 ->with('place_worker')->with('sertificate')->with('prev_company')
132 $idiot = 0; 138 ->with('infobloks');
133 } 139 $Query = $Query->where('id', '=', $worker->id);
134 140 $Query = $Query->get();
135 $status_work = $this->status_work; 141
136 $Query = Worker::query()->with('users')->with('job_titles') 142 $get_date = date('Y.m');
137 ->with('place_worker')->with('sertificate')->with('prev_company') 143 $c = Static_worker::query()->where('year_month', '=', $get_date)
138 ->with('infobloks'); 144 ->where('user_id', '=', $worker->id)
139 $Query = $Query->where('id', '=', $worker->id); 145 ->get();
140 $Query = $Query->get(); 146
141 147 if ($c->count() > 0) {
142 $get_date = date('Y.m'); 148 $upd = Static_worker::find($c[0]->id);
143 $c = Static_worker::query()->where('year_month', '=', $get_date) 149 $upd->lookin = $upd->lookin + 1;
144 ->where('user_id', '=', $worker->id) 150 $upd->save();
145 ->get(); 151 } else {
146 152 $crt = new Static_worker();
147 if ($c->count() > 0) { 153 $crt->lookin = 1;
148 $upd = Static_worker::find($c[0]->id); 154 $crt->year_month = $get_date;
149 $upd->lookin = $upd->lookin + 1; 155 $crt->user_id = $worker->user_id;
150 $upd->save(); 156 $crt->save();
151 } else { 157 }
152 $crt = new Static_worker(); 158
153 $crt->lookin = 1; 159 $stat = Static_worker::query()->where('year_month', '=', $get_date)
154 $crt->year_month = $get_date; 160 ->where('user_id', '=', $worker->id)
155 $crt->user_id = $worker->user_id; 161 ->get();
156 $crt->save(); 162
157 } 163 return view('worker', compact('Query', 'status_work', 'idiot'));
158 164 }
159 $stat = Static_worker::query()->where('year_month', '=', $get_date) 165
160 ->where('user_id', '=', $worker->id) 166 // скачать анкету соискателя
161 ->get(); 167 public function resume_download(Worker $worker)
162 168 {
163 return view('worker', compact('Query', 'status_work', 'idiot')); 169 $status_work = $this->status_work;
164 } 170 $Query = Worker::query()->with('users')->with('job_titles')
165 171 ->with('place_worker')->with('sertificate')->with('prev_company')
166 // скачать анкету соискателя 172 ->with('infobloks');
167 public function resume_download(Worker $worker) 173 $Query = $Query->where('id', '=', $worker->id);
168 { 174 $Query = $Query->get()->toArray();
169 $status_work = $this->status_work; 175
170 $Query = Worker::query()->with('users')->with('job_titles') 176 view()->share('Query',$Query);
171 ->with('place_worker')->with('sertificate')->with('prev_company') 177
172 ->with('infobloks'); 178 $pdf = PDF::loadView('layout.pdf', $Query); //->setPaper('a4', 'landscape');
173 $Query = $Query->where('id', '=', $worker->id); 179
174 $Query = $Query->get()->toArray(); 180 return $pdf->stream();
175 181 }
176 view()->share('Query',$Query); 182
177 183 // Кабинет работника
178 $pdf = PDF::loadView('layout.pdf', $Query); //->setPaper('a4', 'landscape'); 184 public function cabinet(Request $request)
179 185 {
180 return $pdf->stream(); 186 $get_date = date('Y.m');
181 } 187
182 188 $id = Auth()->user()->id;
183 // Кабинет работника 189 $Worker = Worker::query()->with('users')->with('sertificate')->with('prev_company')->
184 public function cabinet(Request $request) 190 with('infobloks')->with('place_worker')->
185 { 191 WhereHas('users',
186 $get_date = date('Y.m'); 192 function (Builder $query) use ($id) {$query->Where('id', $id);
187 193 })->get();
188 $id = Auth()->user()->id; 194
189 $Worker = Worker::query()->with('users')->with('sertificate')->with('prev_company')-> 195 $Job_titles = Job_title::query()->OrderBy('name')->get();
190 with('infobloks')->with('place_worker')-> 196 $Infoblocks = infobloks::query()->OrderBy('name')->get();
191 WhereHas('users', 197
192 function (Builder $query) use ($id) {$query->Where('id', $id); 198 $stat = Static_worker::query()->where('year_month', '=', $get_date)
193 })->get(); 199 ->where('user_id', '=', $Worker[0]->id)
194 200 ->get();
195 $Job_titles = Job_title::query()->OrderBy('name')->get(); 201
196 $Infoblocks = infobloks::query()->OrderBy('name')->get(); 202 $persent = 10;
197 203 if ((!empty($Worker[0]->status_work)) && (!empty($Worker[0]->telephone)) &&
198 $stat = Static_worker::query()->where('year_month', '=', $get_date) 204 (!empty($Worker[0]->email)) && (!empty($Worker[0]->experience)) &&
199 ->where('user_id', '=', $Worker[0]->id) 205 (!empty($Worker[0]->city)) && (!empty($Worker[0]->old_year))) {
200 ->get(); 206 $persent = $persent + 40;
201 207 }
202 $persent = 10; 208
203 if ((!empty($Worker[0]->status_work)) && (!empty($Worker[0]->telephone)) && 209 if ($Worker[0]->sertificate->count() > 0) {
204 (!empty($Worker[0]->email)) && (!empty($Worker[0]->experience)) && 210 $persent = $persent + 15;
205 (!empty($Worker[0]->city)) && (!empty($Worker[0]->old_year))) { 211 }
206 $persent = $persent + 40; 212
207 } 213 if ($Worker[0]->infobloks->count() > 0) {
208 214 $persent = $persent + 20;
209 if ($Worker[0]->sertificate->count() > 0) { 215 }
210 $persent = $persent + 15; 216
211 } 217 if ($Worker[0]->prev_company->count() > 0) {
212 218 $persent = $persent + 10;
213 if ($Worker[0]->infobloks->count() > 0) { 219 }
214 $persent = $persent + 20; 220
215 } 221 if (!empty($Worker[0]->photo)) {
216 222 // 5%
217 if ($Worker[0]->prev_company->count() > 0) { 223 $persent = $persent + 5;
218 $persent = $persent + 10; 224 }
219 } 225
220 226 if ($request->has('print')) {
221 if (!empty($Worker[0]->photo)) { 227 dd($Worker);
222 // 5% 228 } else {
223 $persent = $persent + 5; 229 return view('workers.cabinet', compact('Worker', 'persent', 'Job_titles', 'Infoblocks', 'stat'));
224 } 230 }
225 231 }
226 if ($request->has('print')) { 232
227 dd($Worker); 233 // Сохранение данных
228 } else { 234 public function cabinet_save(Worker $worker, Request $request)
229 return view('workers.cabinet', compact('Worker', 'persent', 'Job_titles', 'Infoblocks', 'stat')); 235 {
230 } 236 $id = $worker->id;
231 } 237 $params = $request->all();
232 238
233 // Сохранение данных 239 $job_title_id = $request->get('job_title_id');
234 public function cabinet_save(Worker $worker, Request $request) 240
235 { 241 unset($params['new_diplom']);
236 $id = $worker->id; 242 unset($params['new_data_begin']);
237 $params = $request->all(); 243 unset($params['new_data_end']);
238 244 unset($params['new_job_title']);
239 $job_title_id = $request->get('job_title_id'); 245 unset($params['new_teplohod']);
240 246 unset($params['new_GWT']);
241 unset($params['new_diplom']); 247 unset($params['new_KBT']);
242 unset($params['new_data_begin']); 248 unset($params['new_Begin_work']);
243 unset($params['new_data_end']); 249 unset($params['new_End_work']);
244 unset($params['new_job_title']); 250 unset($params['new_name_company']);
245 unset($params['new_teplohod']); 251
246 unset($params['new_GWT']); 252 $rules = [
247 unset($params['new_KBT']); 253 'surname' => ['required', 'string', 'max:255'],
248 unset($params['new_Begin_work']); 254 'name_man' => ['required', 'string', 'max:255'],
249 unset($params['new_End_work']); 255 'email' => ['required', 'string', 'email', 'max:255'],
250 unset($params['new_name_company']); 256
251 257 ];
252 $rules = [ 258
253 'surname' => ['required', 'string', 'max:255'], 259 $messages = [
254 'name_man' => ['required', 'string', 'max:255'], 260 'required' => 'Укажите обязательное поле',
255 'email' => ['required', 'string', 'email', 'max:255'], 261 'min' => [
256 262 'string' => 'Поле «:attribute» должно быть не меньше :min символов',
257 ]; 263 'integer' => 'Поле «:attribute» должно быть :min или больше',
258 264 'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт'
259 $messages = [ 265 ],
260 'required' => 'Укажите обязательное поле', 266 'max' => [
261 'min' => [ 267 'string' => 'Поле «:attribute» должно быть не больше :max символов',
262 'string' => 'Поле «:attribute» должно быть не меньше :min символов', 268 'integer' => 'Поле «:attribute» должно быть :max или меньше',
263 'integer' => 'Поле «:attribute» должно быть :min или больше', 269 'file' => 'Файл «:attribute» должен быть не больше :max Кбайт'
264 'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт' 270 ]
265 ], 271 ];
266 'max' => [ 272
267 'string' => 'Поле «:attribute» должно быть не больше :max символов', 273 $validator = Validator::make($params, $rules, $messages);
268 'integer' => 'Поле «:attribute» должно быть :max или меньше', 274
269 'file' => 'Файл «:attribute» должен быть не больше :max Кбайт' 275 if ($validator->fails()) {
270 ] 276 return redirect()->route('worker.cabinet')->withErrors($validator);
271 ]; 277 } else {
272 278
273 $validator = Validator::make($params, $rules, $messages); 279 if ($request->has('photo')) {
274 280 if (!empty($Worker->photo)) {
275 if ($validator->fails()) { 281 Storage::delete($Worker->photo);
276 return redirect()->route('worker.cabinet')->withErrors($validator); 282 }
277 } else { 283 $params['photo'] = $request->file('photo')->store("worker/$id", 'public');
278 284 }
279 if ($request->has('photo')) { 285
280 if (!empty($Worker->photo)) { 286 if ($request->has('file')) {
281 Storage::delete($Worker->photo); 287 if (!empty($Worker->file)) {
282 } 288 Storage::delete($Worker->file);
283 $params['photo'] = $request->file('photo')->store("worker/$id", 'public'); 289 }
284 } 290 $params['file'] = $request->file('file')->store("worker/$id", 'public');
285 291 }
286 if ($request->has('file')) { 292
287 if (!empty($Worker->file)) { 293 $id_wor = $worker->update($params);
288 Storage::delete($Worker->file); 294
289 } 295 $use = User_Model::find($id_wor);
290 $params['file'] = $request->file('file')->store("worker/$id", 'public'); 296 $use->surname = $request->get('surname');
291 } 297 $use->name_man = $request->get('name_man');
292 298 $use->surname2 = $request->get('surname2');
293 $id_wor = $worker->update($params); 299
294 300 $use->save();
295 $use = User_Model::find($id_wor); 301 $worker->job_titles()->sync($job_title_id);
296 $use->surname = $request->get('surname'); 302
297 $use->name_man = $request->get('name_man'); 303 return redirect()->route('worker.cabinet')->with('success', 'Данные были успешно сохранены');
298 $use->surname2 = $request->get('surname2'); 304 }
299 305 }
300 $use->save(); 306
301 $worker->job_titles()->sync($job_title_id); 307 // Сообщения данные
302 308 public function messages($type_message)
303 return redirect()->route('worker.cabinet')->with('success', 'Данные были успешно сохранены'); 309 {
304 } 310 $user_id = Auth()->user()->id;
305 } 311
306 312 $messages_input = Message::query()->with('vacancies')->with('user_from')->
307 // Сообщения данные 313 Where('to_user_id', $user_id)->OrderByDesc('created_at');
308 public function messages($type_message) 314
309 { 315 $messages_output = Message::query()->with('vacancies')->
310 $user_id = Auth()->user()->id; 316 with('user_to')->where('user_id', $user_id)->
311 317 OrderByDesc('created_at');
312 $messages_input = Message::query()->with('vacancies')->with('user_from')-> 318
313 Where('to_user_id', $user_id)->OrderByDesc('created_at'); 319
314 320 $count_input = $messages_input->count();
315 $messages_output = Message::query()->with('vacancies')-> 321 $count_output = $messages_output->count();
316 with('user_to')->where('user_id', $user_id)-> 322
317 OrderByDesc('created_at'); 323 if ($type_message == 'input') {
318 324 $messages = $messages_input->paginate(15);
319 325 }
320 $count_input = $messages_input->count(); 326
321 $count_output = $messages_output->count(); 327 if ($type_message == 'output') {
322 328 $messages = $messages_output->paginate(15);
323 if ($type_message == 'input') { 329 }
324 $messages = $messages_input->paginate(15); 330 // Вернуть все 100%
325 } 331 return view('workers.messages', compact('messages', 'count_input', 'count_output', 'type_message', 'user_id'));
326 332 }
327 if ($type_message == 'output') { 333
328 $messages = $messages_output->paginate(15); 334 // Избранный
329 } 335 public function favorite()
330 // Вернуть все 100% 336 {
331 return view('workers.messages', compact('messages', 'count_input', 'count_output', 'type_message', 'user_id')); 337 return view('workers.favorite');
332 } 338 }
333 339
334 // Избранный 340 // Сменить пароль
335 public function favorite() 341 public function new_password()
336 { 342 {
337 return view('workers.favorite'); 343 $email = Auth()->user()->email;
338 } 344 return view('workers.new_password', compact('email'));
339 345 }
340 // Сменить пароль 346
341 public function new_password() 347 // Обновление пароля
342 { 348 public function save_new_password(Request $request) {
343 $email = Auth()->user()->email; 349 $use = Auth()->user();
344 return view('workers.new_password', compact('email')); 350 $request->validate([
345 } 351 'password' => 'required|string',
346 352 'new_password' => 'required|string',
347 // Обновление пароля 353 'new_password2' => 'required|string'
348 public function save_new_password(Request $request) { 354 ]);
349 $use = Auth()->user(); 355
350 $request->validate([ 356 if ($request->get('new_password') == $request->get('new_password2'))
351 'password' => 'required|string', 357 if ($request->get('password') !== $request->get('new_password')) {
352 'new_password' => 'required|string', 358 $credentials = $request->only('email', 'password');
353 'new_password2' => 'required|string' 359 if (Auth::attempt($credentials, $request->has('save_me'))) {
354 ]); 360
355 361 if (!is_null($use->email_verified_at)){
356 if ($request->get('new_password') == $request->get('new_password2')) 362
357 if ($request->get('password') !== $request->get('new_password')) { 363 $user_data = User_Model::find($use->id);
358 $credentials = $request->only('email', 'password'); 364 $user_data->update([
359 if (Auth::attempt($credentials, $request->has('save_me'))) { 365 'password' => Hash::make($request->get('new_password')),
360 366 'pubpassword' => base64_encode($request->get('new_password')),
361 if (!is_null($use->email_verified_at)){ 367 ]);
362 368 return redirect()
363 $user_data = User_Model::find($use->id); 369 ->route('worker.new_password')
364 $user_data->update([ 370 ->with('success', 'Поздравляю! Вы обновили свой пароль!');
365 'password' => Hash::make($request->get('new_password')), 371 }
366 'pubpassword' => base64_encode($request->get('new_password')), 372
367 ]); 373 return redirect()
368 return redirect() 374 ->route('worker.new_password')
369 ->route('worker.new_password') 375 ->withError('Данная учетная запись не было верифицированна!');
370 ->with('success', 'Поздравляю! Вы обновили свой пароль!'); 376 }
371 } 377 }
372 378
373 return redirect() 379 return redirect()
374 ->route('worker.new_password') 380 ->route('worker.new_password')
375 ->withError('Данная учетная запись не было верифицированна!'); 381 ->withErrors('Не совпадение данных, обновите пароли!');
376 } 382 }
377 } 383
378 384 // Удаление профиля форма
379 return redirect() 385 public function delete_profile()
380 ->route('worker.new_password') 386 {
381 ->withErrors('Не совпадение данных, обновите пароли!'); 387 $login = Auth()->user()->email;
382 } 388 return view('workers.delete_profile', compact('login'));
383 389 }
384 // Удаление профиля форма 390
385 public function delete_profile() 391 // Удаление профиля код
386 { 392 public function delete_profile_result(Request $request) {
387 $login = Auth()->user()->email; 393 $Answer = $request->all();
388 return view('workers.delete_profile', compact('login')); 394 $user_id = Auth()->user()->id;
389 } 395 $request->validate([
390 396 'password' => 'required|string',
391 // Удаление профиля код 397 ]);
392 public function delete_profile_result(Request $request) { 398
393 $Answer = $request->all(); 399 $credentials = $request->only('email', 'password');
394 $user_id = Auth()->user()->id; 400 if (Auth::attempt($credentials)) {
395 $request->validate([ 401 Auth::logout();
396 'password' => 'required|string', 402 $it = User_Model::find($user_id);
397 ]); 403 $it->delete();
398 404 return redirect()->route('index')->with('success', 'Вы успешно удалили свой аккаунт');
399 $credentials = $request->only('email', 'password'); 405 } else {
400 if (Auth::attempt($credentials)) { 406 return redirect()->route('worker.delete_profile')
401 Auth::logout(); 407 ->withErrors( 'Неверный пароль! Нужен корректный пароль');
402 $it = User_Model::find($user_id); 408 }
403 $it->delete(); 409 }
404 return redirect()->route('index')->with('success', 'Вы успешно удалили свой аккаунт'); 410
405 } else { 411 // Регистрация соискателя
406 return redirect()->route('worker.delete_profile') 412 public function register_worker(Request $request)
407 ->withErrors( 'Неверный пароль! Нужен корректный пароль'); 413 {
408 } 414 $params = $request->all();
409 } 415
410 416
411 // Регистрация соискателя 417 dd($params);
412 public function register_worker(Request $request) 418
413 { 419 $rules = [
414 $params = $request->all(); 420 'surname' => ['required', 'string', 'max:255'],
415 421 'name_man' => ['required', 'string', 'max:255'],
416 422 'email' => ['required', 'string', 'email', 'max:255', 'unique:users'],
417 dd($params); 423 'password' => ['required', 'string', 'min:8']
418 424 ];
419 $rules = [ 425
420 'surname' => ['required', 'string', 'max:255'], 426 $messages = [
421 'name_man' => ['required', 'string', 'max:255'], 427 'required' => 'Укажите обязательное поле',
422 'email' => ['required', 'string', 'email', 'max:255', 'unique:users'], 428 'min' => [
423 'password' => ['required', 'string', 'min:8'] 429 'string' => 'Поле «:attribute» должно быть не меньше :min символов',
424 ]; 430 'integer' => 'Поле «:attribute» должно быть :min или больше',
425 431 'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт'
426 $messages = [ 432 ],
427 'required' => 'Укажите обязательное поле', 433 'max' => [
428 'min' => [ 434 'string' => 'Поле «:attribute» должно быть не больше :max символов',
429 'string' => 'Поле «:attribute» должно быть не меньше :min символов', 435 'integer' => 'Поле «:attribute» должно быть :max или меньше',
430 'integer' => 'Поле «:attribute» должно быть :min или больше', 436 'file' => 'Файл «:attribute» должен быть не больше :max Кбайт'
431 'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт' 437 ]
432 ], 438 ];
433 'max' => [ 439
434 'string' => 'Поле «:attribute» должно быть не больше :max символов', 440 if ($request->get('password') !== $request->get('confirmed')){
435 'integer' => 'Поле «:attribute» должно быть :max или меньше', 441 return json_encode(Array("ERROR" => "Error: Не совпадают пароль и подтверждение пароля"));
436 'file' => 'Файл «:attribute» должен быть не больше :max Кбайт' 442 }
437 ] 443
438 ]; 444 if (($request->has('politik')) && ($request->get('politik') == 1)) {
439 445 $validator = Validator::make($request->all(), $rules, $messages);
440 if ($request->get('password') !== $request->get('confirmed')){ 446
441 return json_encode(Array("ERROR" => "Error: Не совпадают пароль и подтверждение пароля")); 447 if ($validator->fails()) {
442 } 448 return json_encode(array("ERROR" => "Error1: Регистрация оборвалась ошибкой! Не все обязательные поля заполнены. Либо вы уже были зарегистрированы в системе."));
443 449 } else {
444 if (($request->has('politik')) && ($request->get('politik') == 1)) { 450 $user = $this->create($params);
445 $validator = Validator::make($request->all(), $rules, $messages); 451 event(new Registered($user));
446 452
447 if ($validator->fails()) { 453 Auth::guard()->login($user);
448 return json_encode(array("ERROR" => "Error1: Регистрация оборвалась ошибкой! Не все обязательные поля заполнены. Либо вы уже были зарегистрированы в системе.")); 454 }
449 } else { 455
450 $user = $this->create($params); 456 if ($user) {
451 event(new Registered($user)); 457 return json_encode(Array("REDIRECT" => redirect()->route('worker.cabinet')->getTargetUrl()));;
452 458 } else {
453 Auth::guard()->login($user); 459 return json_encode(Array("ERROR" => "Error2: Данные были утеряны!"));
454 } 460 }
455 461
456 if ($user) { 462 } else {
457 return json_encode(Array("REDIRECT" => redirect()->route('worker.cabinet')->getTargetUrl()));; 463 return json_encode(Array("ERROR" => "Error3: Вы не согласились с политикой конфидициальности!"));
458 } else { 464 }
459 return json_encode(Array("ERROR" => "Error2: Данные были утеряны!")); 465
460 } 466
461 467 }
462 } else { 468
463 return json_encode(Array("ERROR" => "Error3: Вы не согласились с политикой конфидициальности!")); 469
464 } 470 // Звездная оценка и ответ
465 471 public function stars_answer(Request $request) {
466 472 $params = $request->all();
467 } 473 $rules = [
468 474 'message' => ['required', 'string', 'max:255'],
469 475 ];
470 // Звездная оценка и ответ 476
471 public function stars_answer(Request $request) { 477 $messages = [
472 $params = $request->all(); 478 'required' => 'Укажите обязательное поле',
473 $rules = [ 479 'min' => [
474 'message' => ['required', 'string', 'max:255'], 480 'string' => 'Поле «:attribute» должно быть не меньше :min символов',
475 ]; 481 'integer' => 'Поле «:attribute» должно быть :min или больше',
476 482 'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт'
477 $messages = [ 483 ],
478 'required' => 'Укажите обязательное поле', 484 'max' => [
479 'min' => [ 485 'string' => 'Поле «:attribute» должно быть не больше :max символов',
480 'string' => 'Поле «:attribute» должно быть не меньше :min символов', 486 'integer' => 'Поле «:attribute» должно быть :max или меньше',
481 'integer' => 'Поле «:attribute» должно быть :min или больше', 487 'file' => 'Файл «:attribute» должен быть не больше :max Кбайт'
482 'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт' 488 ]
483 ], 489 ];
484 'max' => [ 490 $response_worker = ResponseWork::create($params);
485 'string' => 'Поле «:attribute» должно быть не больше :max символов', 491 return redirect()->route('resume_profile', ['worker' => $request->get('worker_id')])->with('success', 'Ваше сообщение было отправлено!');
486 'integer' => 'Поле «:attribute» должно быть :max или меньше', 492 }
487 'file' => 'Файл «:attribute» должен быть не больше :max Кбайт' 493
488 ] 494 // Создание пользователя
489 ]; 495 protected function create(array $data)
490 $response_worker = ResponseWork::create($params); 496 {
491 return redirect()->route('resume_profile', ['worker' => $request->get('worker_id')])->with('success', 'Ваше сообщение было отправлено!'); 497 $Use = new User();
492 } 498 $Code_user = $Use->create([
493 499 'name' => $data['surname']." ".$data['name_man'],
494 // Создание пользователя 500 'name_man' => $data['name_man'],
495 protected function create(array $data) 501 'surname' => $data['surname'],
496 { 502 'surname2' => $data['surname2'],
497 $Use = new User(); 503 'subscribe_email' => $data['email'],
498 $Code_user = $Use->create([ 504 'email' => $data['email'],
499 'name' => $data['surname']." ".$data['name_man'], 505 'telephone' => $data['telephone'],
500 'name_man' => $data['name_man'], 506 'password' => Hash::make($data['password']),
501 'surname' => $data['surname'], 507 'pubpassword' => base64_encode($data['password']),
502 'surname2' => $data['surname2'], 508 'email_verified_at' => Carbon::now()
503 'subscribe_email' => $data['email'], 509 ]);
504 'email' => $data['email'], 510 if ($Code_user->id > 0) {
505 'telephone' => $data['telephone'], 511 $Worker = new Worker();
506 'password' => Hash::make($data['password']), 512 $Worker->user_id = $Code_user->id;
507 'pubpassword' => base64_encode($data['password']), 513 $Worker->position_work = $data['job_titles'];
508 'email_verified_at' => Carbon::now() 514 $Worker->email = $data['email'];
509 ]); 515 $Worker->telephone = $data['telephone'];
510 if ($Code_user->id > 0) { 516 $Worker->save();
511 $Worker = new Worker(); 517
512 $Worker->user_id = $Code_user->id; 518 return $Code_user;
513 $Worker->position_work = $data['job_titles']; 519 }
514 $Worker->email = $data['email']; 520 }
515 $Worker->telephone = $data['telephone']; 521
516 $Worker->save(); 522 // Вакансии избранные
517 523 public function colorado(Request $request) {
518 return $Code_user; 524 $IP_address = RusDate::ip_addr_client();
519 } 525 $Arr = Like_vacancy::Query()->select('code_record')->where('ip_address', '=', $IP_address)->get();
520 } 526
521 527 if ($Arr->count()) {
522 // Вакансии избранные 528 $A = Array();
523 public function colorado(Request $request) { 529 foreach ($Arr as $it) {
524 $IP_address = RusDate::ip_addr_client(); 530 $A[] = $it->code_record;
525 $Arr = Like_vacancy::Query()->select('code_record')->where('ip_address', '=', $IP_address)->get(); 531 }
526 532
527 if ($Arr->count()) { 533 $Query = Ad_employer::query()->whereIn('id', $A);
528 $A = Array(); 534 } else {
529 foreach ($Arr as $it) { 535 $Query = Ad_employer::query()->where('id', '=', '0');
530 $A[] = $it->code_record; 536 }
531 } 537
532 538 $Query = $Query->with('jobs')->
533 $Query = Ad_employer::query()->whereIn('id', $A); 539 with('cat')->
534 } else { 540 with('employer')->
535 $Query = Ad_employer::query()->where('id', '=', '0'); 541 whereHas('jobs_code', function ($query) use ($request) {
536 } 542 if ($request->ajax()) {
537 543 if (null !== ($request->get('job'))) {
538 $Query = $Query->with('jobs')-> 544 $query->where('job_title_id', $request->get('job'));
539 with('cat')-> 545 }
540 with('employer')-> 546 }
541 whereHas('jobs_code', function ($query) use ($request) { 547 })->select('ad_employers.*');
542 if ($request->ajax()) { 548
543 if (null !== ($request->get('job'))) { 549 $Job_title = Job_title::query()->OrderBy('name')->get();
544 $query->where('job_title_id', $request->get('job')); 550
545 } 551 $Query_count = $Query->count();
546 } 552
547 })->select('ad_employers.*'); 553 $Query = $Query->OrderBy('updated_at')->paginate(3);
548 554
549 $Job_title = Job_title::query()->OrderBy('name')->get(); 555
550 556 return view('workers.favorite', compact('Query',
551 $Query_count = $Query->count(); 557 'Query_count',
552 558 'Job_title'));
553 $Query = $Query->OrderBy('updated_at')->paginate(3); 559
554 560 }
555 561
556 return view('workers.favorite', compact('Query', 562 //Переписка
557 'Query_count', 563 public function dialog(User_Model $user1, User_Model $user2) {
558 'Job_title')); 564 if (isset($user2->id)) {
559 565 $companion = User_Model::query()->with('workers')->
560 } 566 with('employers')->
561 567 where('id', $user2->id)->first();
562 //Переписка 568 }
563 public function dialog(User_Model $user1, User_Model $user2) { 569
564 if (isset($user2->id)) { 570 $Messages = Message::query()->with('response')->where(function($query) use ($user1, $user2) {
565 $companion = User_Model::query()->with('workers')-> 571 $query->where('user_id', $user1->id)->where('to_user_id', $user2->id);
566 with('employers')-> 572 })->orWhere(function($query) use ($user1, $user2) {
567 where('id', $user2->id)->first(); 573 $query->where('user_id', $user2->id)->where('to_user_id', $user1->id);
568 } 574 })->OrderBy('created_at')->get();
569 575
570 $Messages = Message::query()->with('response')->where(function($query) use ($user1, $user2) { 576 $id_vac = null;
571 $query->where('user_id', $user1->id)->where('to_user_id', $user2->id); 577 foreach ($Messages as $it) {
572 })->orWhere(function($query) use ($user1, $user2) { 578 if (isset($it->response)) {
573 $query->where('user_id', $user2->id)->where('to_user_id', $user1->id); 579 foreach ($it->response as $r) {
574 })->OrderBy('created_at')->get(); 580 if (isset($r->ad_employer_id)) {
575 581 $id_vac = $r->ad_employer_id;
576 $id_vac = null; 582 break;
577 foreach ($Messages as $it) { 583 }
578 if (isset($it->response)) { 584 }
579 foreach ($it->response as $r) { 585 }
580 if (isset($r->ad_employer_id)) { 586 if (!is_null($id_vac)) break;
581 $id_vac = $r->ad_employer_id; 587 }
582 break; 588
583 } 589 $ad_employer = null;
584 } 590 if (!is_null($id_vac)) $ad_employer = Ad_employer::query()->where('id', $id_vac)->first();
585 } 591 $sender = $user1;
586 if (!is_null($id_vac)) break; 592
587 } 593 return view('workers.dialog', compact('companion', 'sender', 'Messages', 'ad_employer'));
588 594 }
589 $ad_employer = null; 595
590 if (!is_null($id_vac)) $ad_employer = Ad_employer::query()->where('id', $id_vac)->first(); 596 // Даунылоады
591 $sender = $user1; 597 public function download(Worker $worker) {
592 598 $arr_house = ['0' => 'Проверка, проверка, проверка, проверка, проверка...'];
593 return view('workers.dialog', compact('companion', 'sender', 'Messages', 'ad_employer')); 599 view()->share('house',$arr_house);
594 } 600 $pdf = PDF::loadView('layout.pdf', $arr_house)->setPaper('a4', 'landscape');
595 601 return $pdf->stream();
596 // Даунылоады 602 }
597 public function download(Worker $worker) { 603
598 $arr_house = ['0' => 'Проверка, проверка, проверка, проверка, проверка...']; 604 // Поднятие анкеты
599 view()->share('house',$arr_house); 605 public function up(Worker $worker) {
600 $pdf = PDF::loadView('layout.pdf', $arr_house)->setPaper('a4', 'landscape'); 606 $worker->updated_at = Carbon::now();
601 return $pdf->stream(); 607 $worker->save();
602 } 608 return redirect()->route('worker.cabinet')->with('success', 'Ваша анкета была поднята выше остальных');
603 609 }
604 // Поднятие анкеты 610
605 public function up(Worker $worker) { 611 // Добавление сертификата
606 $worker->updated_at = Carbon::now(); 612 public function add_serificate(Request $request) {
607 $worker->save(); 613 $params = $request->all();
608 return redirect()->route('worker.cabinet')->with('success', 'Ваша анкета была поднята выше остальных'); 614 $params['date_begin'] = date('d.m.Y', strtotime($params['date_begin']));
609 } 615 $params['end_begin'] = date('d.m.Y', strtotime($params['end_begin']));
610 616 $Sertificate = new sertification();
611 // Добавление сертификата 617 $Sertificate->create($params);
612 public function add_serificate(Request $request) { 618 $Docs = sertification::query()->where('worker_id', $request->get('worker_id'))->get();
613 $params = $request->all(); 619 return view('ajax.documents', compact('Docs'));
614 $params['date_begin'] = date('d.m.Y', strtotime($params['date_begin'])); 620 }
615 $params['end_begin'] = date('d.m.Y', strtotime($params['end_begin'])); 621
616 $Sertificate = new sertification(); 622
617 $Sertificate->create($params); 623 // Удалить сертификат
618 $Docs = sertification::query()->where('worker_id', $request->get('worker_id'))->get(); 624 public function delete_sertificate(sertification $doc) {
619 return view('ajax.documents', compact('Docs')); 625 $doc->delete();
620 } 626
621 627 return redirect()->route('worker.cabinet');
622 628 }
623 // Удалить сертификат 629
624 public function delete_sertificate(sertification $doc) { 630 // Добавление диплома
625 $doc->delete(); 631 public function add_diplom_ajax(Request $request) {
626 632 // конец
627 return redirect()->route('worker.cabinet'); 633 $params = $request->all();
628 } 634 $count = Dop_info::query()->where('worker_id', $request->get('worker_id'))->where('infoblok_id', $request->get('infoblok_id'))->count();
629 635
630 // Добавление диплома 636 if ($count == 0) $dop_info = Dop_info::create($params);
631 public function add_diplom_ajax(Request $request) { 637 $Infoblocks = infobloks::query()->get();
632 // конец 638 $Worker = Worker::query()->where('id', $request->get('worker_id'))->get();
633 $params = $request->all(); 639 $data = Dop_info::query()->where('worker_id', $request->has('worker_id'));
634 $count = Dop_info::query()->where('worker_id', $request->get('worker_id'))->where('infoblok_id', $request->get('infoblok_id'))->count(); 640 return view('ajax.dop_info', compact('data', 'Infoblocks', 'Worker'));
635 641 }
636 if ($count == 0) $dop_info = Dop_info::create($params); 642
637 $Infoblocks = infobloks::query()->get(); 643 // Добавление диплома без ajax
638 $Worker = Worker::query()->where('id', $request->get('worker_id'))->get(); 644 public function add_diplom(Worker $worker) {
639 $data = Dop_info::query()->where('worker_id', $request->has('worker_id')); 645 $worker_id = $worker->id;
640 return view('ajax.dop_info', compact('data', 'Infoblocks', 'Worker')); 646 $Infoblocks = infobloks::query()->get();
641 } 647 return view('workers.dop_info', compact('worker_id', 'worker', 'Infoblocks'));
642 648 }
643 // Добавление диплома без ajax 649 // Сохранить
644 public function add_diplom(Worker $worker) { 650 // Сохраняю диплом
645 $worker_id = $worker->id; 651 public function add_diplom_save(Request $request) {
646 $Infoblocks = infobloks::query()->get(); 652 $params = $request->all();
647 return view('workers.dop_info', compact('worker_id', 'worker', 'Infoblocks')); 653 $count = Dop_info::query()->where('worker_id', $request->get('worker_id'))->where('infoblok_id', $request->get('infoblok_id'))->count();
648 } 654 if ($count == 0) $dop_info = Dop_info::create($params);
649 // Сохранить 655 return redirect()->route('worker.cabinet');
650 // Сохраняю диплом 656 }
651 public function add_diplom_save(Request $request) { 657
652 $params = $request->all(); 658 // Добавление стандартного документа
653 $count = Dop_info::query()->where('worker_id', $request->get('worker_id'))->where('infoblok_id', $request->get('infoblok_id'))->count(); 659 public function add_document(Worker $worker) {
654 if ($count == 0) $dop_info = Dop_info::create($params); 660 return view('workers.docs', compact('worker'));
655 return redirect()->route('worker.cabinet'); 661 }
656 } 662
657 663 //Сохранение стандартого документа
658 // Добавление стандартного документа 664 public function add_document_save(DocumentsRequest $request) {
659 public function add_document(Worker $worker) { 665 $params = $request->all();
660 return view('workers.docs', compact('worker')); 666 $place_work = place_works::create($params);
661 } 667 return redirect()->route('worker.cabinet')->with('success', 'Вы успешно добавили запись!');
662 668 }
663 //Сохранение стандартого документа 669
664 public function add_document_save(DocumentsRequest $request) { 670 // Редактирование документа
665 $params = $request->all(); 671 public function edit_document(place_works $doc, Worker $worker) {
666 $place_work = place_works::create($params); 672 return view('workers.docs-edit', compact('doc', 'worker'));
667 return redirect()->route('worker.cabinet')->with('success', 'Вы успешно добавили запись!'); 673 }
668 } 674
669 675 //Сохранение отредактированного документа
670 // Редактирование документа 676 public function edit_document_save(DocumentsRequest $request, place_works $doc) {
671 public function edit_document(place_works $doc, Worker $worker) { 677 $params = $request->all();
672 return view('workers.docs-edit', compact('doc', 'worker')); 678 $doc->update($params);
673 } 679
674 680 return redirect()->route('worker.cabinet')->with('success', 'Вы успешно отредактировали запись!');
675 //Сохранение отредактированного документа 681 }
676 public function edit_document_save(DocumentsRequest $request, place_works $doc) { 682
677 $params = $request->all(); 683 // Удаление документа
678 $doc->update($params); 684 public function delete_document(place_works $doc) {
679 685 $doc->delete();
680 return redirect()->route('worker.cabinet')->with('success', 'Вы успешно отредактировали запись!'); 686 return redirect()->route('worker.cabinet')->with('success', 'Вы успешно удалили запись!');
681 } 687 }
682 688
683 // Удаление документа 689 //Отправка нового сообщения
684 public function delete_document(place_works $doc) { 690 public function new_message(Request $request) {
685 $doc->delete(); 691 $params = $request->all();
686 return redirect()->route('worker.cabinet')->with('success', 'Вы успешно удалили запись!'); 692
687 } 693 $id = $params['send_user_id'];
688 694 $message = new Message();
689 //Отправка нового сообщения 695 $message->user_id = $params['send_user_id'];
690 public function new_message(Request $request) { 696 $message->to_user_id = $params['send_to_user_id'];
691 $params = $request->all(); 697 $message->title = $params['send_title'];
692 698 $message->text = $params['send_text'];
693 $id = $params['send_user_id']; 699 if ($request->has('send_file')) {
694 $message = new Message(); 700 $message->file = $request->file('send_file')->store("worker/$id", 'public');
695 $message->user_id = $params['send_user_id']; 701 }
696 $message->to_user_id = $params['send_to_user_id']; 702 $message->flag_new = 1;
697 $message->title = $params['send_title']; 703 $id_message = $message->save();
698 $message->text = $params['send_text']; 704
699 if ($request->has('send_file')) { 705 $data['message_id'] = $id_message;
700 $message->file = $request->file('send_file')->store("worker/$id", 'public'); 706 $data['ad_employer_id'] = $params['send_vacancy'];
701 } 707 $data['job_title_id'] = $params['send_job_title_id'];
702 $message->flag_new = 1; 708 $data['flag'] = 1;
703 $id_message = $message->save(); 709 $ad_responce = ad_response::create($data);
704 710 return redirect()->route('worker.messages', ['type_message' => 'output']);
705 $data['message_id'] = $id_message; 711 }
706 $data['ad_employer_id'] = $params['send_vacancy']; 712
707 $data['job_title_id'] = $params['send_job_title_id']; 713 }
708 $data['flag'] = 1; 714
709 $ad_responce = ad_response::create($data); 715
app/Http/Requests/RequestPosition.php
File was created 1 <?php
2
3 namespace App\Http\Requests;
4
5 use Illuminate\Foundation\Http\FormRequest;
6
7 class RequestPosition extends FormRequest
8 {
9 public function authorize()
10 {
11 return true;
12 }
13
14 public function rules()
15 {
16 return [
17 'name' => [
18 'required',
19 'string',
20 'min:1',
21 'max:255',
22 ],
23 'sort' => [
24 'required',
25 'numeric',
26 'min:0',
27 'max: 1000000'
28 ],
29 ];
30 }
31
32 public function messages() {
33 return [
34 'required' => 'Поле :attribute обязательно для ввода',
35 'unique' => 'Поле :attribute должно быть уникальным',
36 'mimes' => 'Допускаются файлы только с расширением jpeg,jpg,png',
37 'numeric' => 'Поле :attribute должно быть числом',
38 'min' => [
39 'string' => 'Поле «:attribute» должно быть не меньше :min символов',
40 'integer' => 'Поле «:attribute» должно быть :min или больше',
41 'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт'
42 ],
43
44 'max' => [
45 'string' => 'Поле «:attribute» должно быть не больше :max символов',
46 'integer' => 'Поле «:attribute» должно быть :max или меньше',
47 'file' => 'Файл «:attribute» должен быть не больше :max Кбайт'
48 ],
49
50 ];
51 }
52 }
1 <?php 53
app/Models/Job_title.php
1 <?php 1 <?php
2 2
3 namespace App\Models; 3 namespace App\Models;
4 4
5 use Illuminate\Database\Eloquent\Factories\HasFactory; 5 use Illuminate\Database\Eloquent\Factories\HasFactory;
6 use Illuminate\Database\Eloquent\Model; 6 use Illuminate\Database\Eloquent\Model;
7 7
8 class Job_title extends Model 8 class Job_title extends Model
9 { 9 {
10 use HasFactory; 10 use HasFactory;
11 11
12 protected $fillable = [ 12 protected $fillable = [
13 'name', 13 'name',
14 'is_remove', 14 'is_remove',
15 'parent_id', 15 'parent_id',
16 'sort'
16 'sort' 17 ];
17 ]; 18 /*
18 /* 19 * Связь модели Вакансии (Ad_employer) с моделью Должности (Job_title)
19 * Связь модели Вакансии (Ad_employer) с моделью Должности (Job_title) 20 */
20 */ 21 public function Ads() {
21 public function Ads() { 22 return $this->belongsToMany(Ad_employer::class, 'ad_jobs');
22 return $this->belongsToMany(Ad_employer::class, 'ad_jobs'); 23 }
23 } 24
24 25 /*
25 /* 26 * Связь таблицы job_titles с таблицей job_titles через ключ parent_id
26 * Связь таблицы job_titles с таблицей job_titles через ключ parent_id 27 многие-к-одному
27 многие-к-одному 28 */
28 */ 29 public function parent() {
29 public function parent() { 30 return $this->belongsTo(Job_title::class, 'parent_id');
30 return $this->belongsTo(Job_title::class, 'parent_id'); 31 }
31 } 32
32 33 public function scopeActive($query) {
33 public function scopeActive($query) { 34 return $query->where('is_remove', '=', '0');
34 return $query->where('is_remove', '=', '0'); 35 }
35 } 36 }
36 } 37
app/Models/Positions.php
File was created 1 <?php
2
3 namespace App\Models;
4
5 use Illuminate\Database\Eloquent\Factories\HasFactory;
6 use Illuminate\Database\Eloquent\Model;
7
8 class Positions extends Model
9 {
10 use HasFactory;
11
12 public $fillable = [
13 'name',
14 'sort',
15 ];
16 }
1 <?php 17
database/migrations/2024_03_25_131309_create_positions_table.php
File was created 1 <?php
2
3 use Illuminate\Database\Migrations\Migration;
4 use Illuminate\Database\Schema\Blueprint;
5 use Illuminate\Support\Facades\Schema;
6
7 return new class extends Migration
8 {
9 /**
10 * Run the migrations.
11 *
12 * @return void
13 */
14 public function up()
15 {
16 Schema::create('positions', function (Blueprint $table) {
17 $table->id();
18 $table->string('name', 255)->nullable(false);
19 $table->integer('sort')->default(100);
20 $table->timestamps();
21 });
22 }
23
24 /**
25 * Reverse the migrations.
26 *
27 * @return void
28 */
29 public function down()
30 {
31 Schema::dropIfExists('positions');
32 }
33 };
1 <?php 34
public/css/style45.css
1 /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ 1 /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
2 /* Document 2 /* Document
3 ========================================================================== */ 3 ========================================================================== */
4 /** 4 /**
5 * 1. Correct the line height in all browsers. 5 * 1. Correct the line height in all browsers.
6 * 2. Prevent adjustments of font size after orientation changes in iOS. 6 * 2. Prevent adjustments of font size after orientation changes in iOS.
7 */ 7 */
8 @import url(fonts.css); 8 @import url(fonts.css);
9 @import url(jquery.fancybox.css); 9 @import url(jquery.fancybox.css);
10 @import url(jquery.select2.css); 10 @import url(jquery.select2.css);
11 @import url(star-rating.min.css); 11 @import url(star-rating.min.css);
12 @import url(swiper.css); 12 @import url(swiper.css);
13 html { 13 html {
14 line-height: 1.15; /* 1 */ 14 line-height: 1.15; /* 1 */
15 -webkit-text-size-adjust: 100%; /* 2 */ 15 -webkit-text-size-adjust: 100%; /* 2 */
16 } 16 }
17 17
18 /* Sections 18 /* Sections
19 ========================================================================== */ 19 ========================================================================== */
20 /** 20 /**
21 * Remove the margin in all browsers. 21 * Remove the margin in all browsers.
22 */ 22 */
23 body { 23 body {
24 margin: 0; 24 margin: 0;
25 } 25 }
26 26
27 /** 27 /**
28 * Render the `main` element consistently in IE. 28 * Render the `main` element consistently in IE.
29 */ 29 */
30 main { 30 main {
31 display: block; 31 display: block;
32 } 32 }
33 33
34 /** 34 /**
35 * Correct the font size and margin on `h1` elements within `section` and 35 * Correct the font size and margin on `h1` elements within `section` and
36 * `article` contexts in Chrome, Firefox, and Safari. 36 * `article` contexts in Chrome, Firefox, and Safari.
37 */ 37 */
38 h1 { 38 h1 {
39 font-size: 2em; 39 font-size: 2em;
40 margin: 0.67em 0; 40 margin: 0.67em 0;
41 } 41 }
42 42
43 /* Grouping content 43 /* Grouping content
44 ========================================================================== */ 44 ========================================================================== */
45 /** 45 /**
46 * 1. Add the correct box sizing in Firefox. 46 * 1. Add the correct box sizing in Firefox.
47 * 2. Show the overflow in Edge and IE. 47 * 2. Show the overflow in Edge and IE.
48 */ 48 */
49 hr { 49 hr {
50 -webkit-box-sizing: content-box; 50 -webkit-box-sizing: content-box;
51 box-sizing: content-box; /* 1 */ 51 box-sizing: content-box; /* 1 */
52 height: 0; /* 1 */ 52 height: 0; /* 1 */
53 overflow: visible; /* 2 */ 53 overflow: visible; /* 2 */
54 } 54 }
55 55
56 /** 56 /**
57 * 1. Correct the inheritance and scaling of font size in all browsers. 57 * 1. Correct the inheritance and scaling of font size in all browsers.
58 * 2. Correct the odd `em` font sizing in all browsers. 58 * 2. Correct the odd `em` font sizing in all browsers.
59 */ 59 */
60 pre { 60 pre {
61 font-family: monospace, monospace; /* 1 */ 61 font-family: monospace, monospace; /* 1 */
62 font-size: 1em; /* 2 */ 62 font-size: 1em; /* 2 */
63 } 63 }
64 64
65 /* Text-level semantics 65 /* Text-level semantics
66 ========================================================================== */ 66 ========================================================================== */
67 /** 67 /**
68 * Remove the gray background on active links in IE 10. 68 * Remove the gray background on active links in IE 10.
69 */ 69 */
70 a { 70 a {
71 background-color: transparent; 71 background-color: transparent;
72 } 72 }
73 73
74 /** 74 /**
75 * 1. Remove the bottom border in Chrome 57- 75 * 1. Remove the bottom border in Chrome 57-
76 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. 76 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
77 */ 77 */
78 abbr[title] { 78 abbr[title] {
79 border-bottom: none; /* 1 */ 79 border-bottom: none; /* 1 */
80 text-decoration: underline; /* 2 */ 80 text-decoration: underline; /* 2 */
81 -webkit-text-decoration: underline dotted; 81 -webkit-text-decoration: underline dotted;
82 text-decoration: underline dotted; /* 2 */ 82 text-decoration: underline dotted; /* 2 */
83 } 83 }
84 84
85 /** 85 /**
86 * Add the correct font weight in Chrome, Edge, and Safari. 86 * Add the correct font weight in Chrome, Edge, and Safari.
87 */ 87 */
88 b, 88 b,
89 strong { 89 strong {
90 font-weight: bolder; 90 font-weight: bolder;
91 } 91 }
92 92
93 /** 93 /**
94 * 1. Correct the inheritance and scaling of font size in all browsers. 94 * 1. Correct the inheritance and scaling of font size in all browsers.
95 * 2. Correct the odd `em` font sizing in all browsers. 95 * 2. Correct the odd `em` font sizing in all browsers.
96 */ 96 */
97 code, 97 code,
98 kbd, 98 kbd,
99 samp { 99 samp {
100 font-family: monospace, monospace; /* 1 */ 100 font-family: monospace, monospace; /* 1 */
101 font-size: 1em; /* 2 */ 101 font-size: 1em; /* 2 */
102 } 102 }
103 103
104 /** 104 /**
105 * Add the correct font size in all browsers. 105 * Add the correct font size in all browsers.
106 */ 106 */
107 small { 107 small {
108 font-size: 80%; 108 font-size: 80%;
109 } 109 }
110 110
111 /** 111 /**
112 * Prevent `sub` and `sup` elements from affecting the line height in 112 * Prevent `sub` and `sup` elements from affecting the line height in
113 * all browsers. 113 * all browsers.
114 */ 114 */
115 sub, 115 sub,
116 sup { 116 sup {
117 font-size: 75%; 117 font-size: 75%;
118 line-height: 0; 118 line-height: 0;
119 position: relative; 119 position: relative;
120 vertical-align: baseline; 120 vertical-align: baseline;
121 } 121 }
122 122
123 sub { 123 sub {
124 bottom: -0.25em; 124 bottom: -0.25em;
125 } 125 }
126 126
127 sup { 127 sup {
128 top: -0.5em; 128 top: -0.5em;
129 } 129 }
130 130
131 /* Embedded content 131 /* Embedded content
132 ========================================================================== */ 132 ========================================================================== */
133 /** 133 /**
134 * Remove the border on images inside links in IE 10. 134 * Remove the border on images inside links in IE 10.
135 */ 135 */
136 img { 136 img {
137 border-style: none; 137 border-style: none;
138 } 138 }
139 139
140 /* Forms 140 /* Forms
141 ========================================================================== */ 141 ========================================================================== */
142 /** 142 /**
143 * 1. Change the font styles in all browsers. 143 * 1. Change the font styles in all browsers.
144 * 2. Remove the margin in Firefox and Safari. 144 * 2. Remove the margin in Firefox and Safari.
145 */ 145 */
146 button, 146 button,
147 input, 147 input,
148 optgroup, 148 optgroup,
149 select, 149 select,
150 textarea { 150 textarea {
151 font-family: inherit; /* 1 */ 151 font-family: inherit; /* 1 */
152 font-size: 100%; /* 1 */ 152 font-size: 100%; /* 1 */
153 line-height: 1.15; /* 1 */ 153 line-height: 1.15; /* 1 */
154 margin: 0; /* 2 */ 154 margin: 0; /* 2 */
155 } 155 }
156 156
157 /** 157 /**
158 * Show the overflow in IE. 158 * Show the overflow in IE.
159 * 1. Show the overflow in Edge. 159 * 1. Show the overflow in Edge.
160 */ 160 */
161 button, 161 button,
162 input { /* 1 */ 162 input { /* 1 */
163 overflow: visible; 163 overflow: visible;
164 } 164 }
165 165
166 /** 166 /**
167 * Remove the inheritance of text transform in Edge, Firefox, and IE. 167 * Remove the inheritance of text transform in Edge, Firefox, and IE.
168 * 1. Remove the inheritance of text transform in Firefox. 168 * 1. Remove the inheritance of text transform in Firefox.
169 */ 169 */
170 button, 170 button,
171 select { /* 1 */ 171 select { /* 1 */
172 text-transform: none; 172 text-transform: none;
173 } 173 }
174 174
175 /** 175 /**
176 * Correct the inability to style clickable types in iOS and Safari. 176 * Correct the inability to style clickable types in iOS and Safari.
177 */ 177 */
178 button, 178 button,
179 [type=button], 179 [type=button],
180 [type=reset], 180 [type=reset],
181 [type=submit] { 181 [type=submit] {
182 -webkit-appearance: button; 182 -webkit-appearance: button;
183 } 183 }
184 184
185 /** 185 /**
186 * Remove the inner border and padding in Firefox. 186 * Remove the inner border and padding in Firefox.
187 */ 187 */
188 button::-moz-focus-inner, 188 button::-moz-focus-inner,
189 [type=button]::-moz-focus-inner, 189 [type=button]::-moz-focus-inner,
190 [type=reset]::-moz-focus-inner, 190 [type=reset]::-moz-focus-inner,
191 [type=submit]::-moz-focus-inner { 191 [type=submit]::-moz-focus-inner {
192 border-style: none; 192 border-style: none;
193 padding: 0; 193 padding: 0;
194 } 194 }
195 195
196 /** 196 /**
197 * Restore the focus styles unset by the previous rule. 197 * Restore the focus styles unset by the previous rule.
198 */ 198 */
199 button:-moz-focusring, 199 button:-moz-focusring,
200 [type=button]:-moz-focusring, 200 [type=button]:-moz-focusring,
201 [type=reset]:-moz-focusring, 201 [type=reset]:-moz-focusring,
202 [type=submit]:-moz-focusring { 202 [type=submit]:-moz-focusring {
203 outline: 1px dotted ButtonText; 203 outline: 1px dotted ButtonText;
204 } 204 }
205 205
206 /** 206 /**
207 * Correct the padding in Firefox. 207 * Correct the padding in Firefox.
208 */ 208 */
209 fieldset { 209 fieldset {
210 padding: 0.35em 0.75em 0.625em; 210 padding: 0.35em 0.75em 0.625em;
211 } 211 }
212 212
213 /** 213 /**
214 * 1. Correct the text wrapping in Edge and IE. 214 * 1. Correct the text wrapping in Edge and IE.
215 * 2. Correct the color inheritance from `fieldset` elements in IE. 215 * 2. Correct the color inheritance from `fieldset` elements in IE.
216 * 3. Remove the padding so developers are not caught out when they zero out 216 * 3. Remove the padding so developers are not caught out when they zero out
217 * `fieldset` elements in all browsers. 217 * `fieldset` elements in all browsers.
218 */ 218 */
219 legend { 219 legend {
220 -webkit-box-sizing: border-box; 220 -webkit-box-sizing: border-box;
221 box-sizing: border-box; /* 1 */ 221 box-sizing: border-box; /* 1 */
222 color: inherit; /* 2 */ 222 color: inherit; /* 2 */
223 display: table; /* 1 */ 223 display: table; /* 1 */
224 max-width: 100%; /* 1 */ 224 max-width: 100%; /* 1 */
225 padding: 0; /* 3 */ 225 padding: 0; /* 3 */
226 white-space: normal; /* 1 */ 226 white-space: normal; /* 1 */
227 } 227 }
228 228
229 /** 229 /**
230 * Add the correct vertical alignment in Chrome, Firefox, and Opera. 230 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
231 */ 231 */
232 progress { 232 progress {
233 vertical-align: baseline; 233 vertical-align: baseline;
234 } 234 }
235 235
236 /** 236 /**
237 * Remove the default vertical scrollbar in IE 10+. 237 * Remove the default vertical scrollbar in IE 10+.
238 */ 238 */
239 textarea { 239 textarea {
240 overflow: auto; 240 overflow: auto;
241 } 241 }
242 242
243 /** 243 /**
244 * 1. Add the correct box sizing in IE 10. 244 * 1. Add the correct box sizing in IE 10.
245 * 2. Remove the padding in IE 10. 245 * 2. Remove the padding in IE 10.
246 */ 246 */
247 [type=checkbox], 247 [type=checkbox],
248 [type=radio] { 248 [type=radio] {
249 -webkit-box-sizing: border-box; 249 -webkit-box-sizing: border-box;
250 box-sizing: border-box; /* 1 */ 250 box-sizing: border-box; /* 1 */
251 padding: 0; /* 2 */ 251 padding: 0; /* 2 */
252 } 252 }
253 253
254 /** 254 /**
255 * Correct the cursor style of increment and decrement buttons in Chrome. 255 * Correct the cursor style of increment and decrement buttons in Chrome.
256 */ 256 */
257 [type=number]::-webkit-inner-spin-button, 257 [type=number]::-webkit-inner-spin-button,
258 [type=number]::-webkit-outer-spin-button { 258 [type=number]::-webkit-outer-spin-button {
259 height: auto; 259 height: auto;
260 } 260 }
261 261
262 /** 262 /**
263 * 1. Correct the odd appearance in Chrome and Safari. 263 * 1. Correct the odd appearance in Chrome and Safari.
264 * 2. Correct the outline style in Safari. 264 * 2. Correct the outline style in Safari.
265 */ 265 */
266 [type=search] { 266 [type=search] {
267 -webkit-appearance: textfield; /* 1 */ 267 -webkit-appearance: textfield; /* 1 */
268 outline-offset: -2px; /* 2 */ 268 outline-offset: -2px; /* 2 */
269 } 269 }
270 270
271 /** 271 /**
272 * Remove the inner padding in Chrome and Safari on macOS. 272 * Remove the inner padding in Chrome and Safari on macOS.
273 */ 273 */
274 [type=search]::-webkit-search-decoration { 274 [type=search]::-webkit-search-decoration {
275 -webkit-appearance: none; 275 -webkit-appearance: none;
276 } 276 }
277 277
278 /** 278 /**
279 * 1. Correct the inability to style clickable types in iOS and Safari. 279 * 1. Correct the inability to style clickable types in iOS and Safari.
280 * 2. Change font properties to `inherit` in Safari. 280 * 2. Change font properties to `inherit` in Safari.
281 */ 281 */
282 ::-webkit-file-upload-button { 282 ::-webkit-file-upload-button {
283 -webkit-appearance: button; /* 1 */ 283 -webkit-appearance: button; /* 1 */
284 font: inherit; /* 2 */ 284 font: inherit; /* 2 */
285 } 285 }
286 286
287 /* Interactive 287 /* Interactive
288 ========================================================================== */ 288 ========================================================================== */
289 /* 289 /*
290 * Add the correct display in Edge, IE 10+, and Firefox. 290 * Add the correct display in Edge, IE 10+, and Firefox.
291 */ 291 */
292 details { 292 details {
293 display: block; 293 display: block;
294 } 294 }
295 295
296 /* 296 /*
297 * Add the correct display in all browsers. 297 * Add the correct display in all browsers.
298 */ 298 */
299 summary { 299 summary {
300 display: list-item; 300 display: list-item;
301 } 301 }
302 302
303 /* Misc 303 /* Misc
304 ========================================================================== */ 304 ========================================================================== */
305 /** 305 /**
306 * Add the correct display in IE 10+. 306 * Add the correct display in IE 10+.
307 */ 307 */
308 template { 308 template {
309 display: none; 309 display: none;
310 } 310 }
311 311
312 /** 312 /**
313 * Add the correct display in IE 10. 313 * Add the correct display in IE 10.
314 */ 314 */
315 [hidden] { 315 [hidden] {
316 display: none; 316 display: none;
317 } 317 }
318 318
319 .green { 319 .green {
320 color: #377d87; 320 color: #377d87;
321 } 321 }
322 322
323 .red { 323 .red {
324 color: #eb5757; 324 color: #eb5757;
325 } 325 }
326 326
327 .rotate180 { 327 .rotate180 {
328 -webkit-transform: rotate(180deg); 328 -webkit-transform: rotate(180deg);
329 -ms-transform: rotate(180deg); 329 -ms-transform: rotate(180deg);
330 transform: rotate(180deg); 330 transform: rotate(180deg);
331 } 331 }
332 332
333 ::-moz-selection { 333 ::-moz-selection {
334 color: #3a3b3c; 334 color: #3a3b3c;
335 background: #acc0e6; 335 background: #acc0e6;
336 } 336 }
337 337
338 ::selection { 338 ::selection {
339 color: #3a3b3c; 339 color: #3a3b3c;
340 background: #acc0e6; 340 background: #acc0e6;
341 } 341 }
342 342
343 ::-webkit-scrollbar { 343 ::-webkit-scrollbar {
344 width: 8px; 344 width: 8px;
345 height: 8px; 345 height: 8px;
346 } 346 }
347 347
348 ::-webkit-scrollbar-track { 348 ::-webkit-scrollbar-track {
349 border-radius: 999px; 349 border-radius: 999px;
350 background-color: #ffffff; 350 background-color: #ffffff;
351 } 351 }
352 352
353 ::-webkit-scrollbar-thumb { 353 ::-webkit-scrollbar-thumb {
354 border-radius: 999px; 354 border-radius: 999px;
355 background-color: #377d87; 355 background-color: #377d87;
356 } 356 }
357 357
358 ::-webkit-input-placeholder { 358 ::-webkit-input-placeholder {
359 color: #9c9d9d; 359 color: #9c9d9d;
360 opacity: 1; 360 opacity: 1;
361 } 361 }
362 362
363 :focus::-webkit-input-placeholder { 363 :focus::-webkit-input-placeholder {
364 color: transparent; 364 color: transparent;
365 } 365 }
366 366
367 :-ms-input-placeholder { 367 :-ms-input-placeholder {
368 color: #9c9d9d; 368 color: #9c9d9d;
369 opacity: 1; 369 opacity: 1;
370 } 370 }
371 371
372 :focus:-ms-input-placeholder { 372 :focus:-ms-input-placeholder {
373 color: transparent; 373 color: transparent;
374 } 374 }
375 375
376 ::-ms-input-placeholder { 376 ::-ms-input-placeholder {
377 color: #9c9d9d; 377 color: #9c9d9d;
378 opacity: 1; 378 opacity: 1;
379 } 379 }
380 380
381 :focus::-ms-input-placeholder { 381 :focus::-ms-input-placeholder {
382 color: transparent; 382 color: transparent;
383 } 383 }
384 384
385 ::-moz-placeholder { 385 ::-moz-placeholder {
386 color: #9c9d9d; 386 color: #9c9d9d;
387 opacity: 1; 387 opacity: 1;
388 } 388 }
389 389
390 :focus::-moz-placeholder { 390 :focus::-moz-placeholder {
391 color: transparent; 391 color: transparent;
392 } 392 }
393 393
394 ::-webkit-input-placeholder { 394 ::-webkit-input-placeholder {
395 color: #9c9d9d; 395 color: #9c9d9d;
396 opacity: 1; 396 opacity: 1;
397 } 397 }
398 398
399 ::-moz-placeholder { 399 ::-moz-placeholder {
400 color: #9c9d9d; 400 color: #9c9d9d;
401 opacity: 1; 401 opacity: 1;
402 } 402 }
403 403
404 :-ms-input-placeholder { 404 :-ms-input-placeholder {
405 color: #9c9d9d; 405 color: #9c9d9d;
406 opacity: 1; 406 opacity: 1;
407 } 407 }
408 408
409 ::-ms-input-placeholder { 409 ::-ms-input-placeholder {
410 color: #9c9d9d; 410 color: #9c9d9d;
411 opacity: 1; 411 opacity: 1;
412 } 412 }
413 413
414 ::placeholder { 414 ::placeholder {
415 color: #9c9d9d; 415 color: #9c9d9d;
416 opacity: 1; 416 opacity: 1;
417 } 417 }
418 418
419 :focus::-webkit-input-placeholder { 419 :focus::-webkit-input-placeholder {
420 color: transparent; 420 color: transparent;
421 } 421 }
422 422
423 :focus::-moz-placeholder { 423 :focus::-moz-placeholder {
424 color: transparent; 424 color: transparent;
425 } 425 }
426 426
427 :focus:-ms-input-placeholder { 427 :focus:-ms-input-placeholder {
428 color: transparent; 428 color: transparent;
429 } 429 }
430 430
431 :focus::-ms-input-placeholder { 431 :focus::-ms-input-placeholder {
432 color: transparent; 432 color: transparent;
433 } 433 }
434 434
435 :focus::placeholder { 435 :focus::placeholder {
436 color: transparent; 436 color: transparent;
437 } 437 }
438 438
439 *, 439 *,
440 *:before, 440 *:before,
441 *:after { 441 *:after {
442 -webkit-box-sizing: border-box; 442 -webkit-box-sizing: border-box;
443 box-sizing: border-box; 443 box-sizing: border-box;
444 -webkit-appearance: none; 444 -webkit-appearance: none;
445 -moz-appearance: none; 445 -moz-appearance: none;
446 appearance: none; 446 appearance: none;
447 outline: none; 447 outline: none;
448 -webkit-box-shadow: none; 448 -webkit-box-shadow: none;
449 box-shadow: none; 449 box-shadow: none;
450 } 450 }
451 451
452 a, 452 a,
453 button, 453 button,
454 select { 454 select {
455 color: inherit; 455 color: inherit;
456 } 456 }
457 457
458 a { 458 a {
459 text-decoration: none; 459 text-decoration: none;
460 } 460 }
461 461
462 a, 462 a,
463 input[type=button], 463 input[type=button],
464 input[type=submit], 464 input[type=submit],
465 button { 465 button {
466 -webkit-user-select: none; 466 -webkit-user-select: none;
467 -moz-user-select: none; 467 -moz-user-select: none;
468 -ms-user-select: none; 468 -ms-user-select: none;
469 user-select: none; 469 user-select: none;
470 -webkit-transition: 0.3s; 470 -webkit-transition: 0.3s;
471 transition: 0.3s; 471 transition: 0.3s;
472 cursor: pointer; 472 cursor: pointer;
473 } 473 }
474 474
475 [type=tel] { 475 [type=tel] {
476 letter-spacing: 1px; 476 letter-spacing: 1px;
477 } 477 }
478 478
479 .br, 479 .br,
480 img, 480 img,
481 svg { 481 svg {
482 display: block; 482 display: block;
483 } 483 }
484 484
485 .float-left { 485 .float-left {
486 float: left; 486 float: left;
487 } 487 }
488 488
489 .float-right { 489 .float-right {
490 float: right; 490 float: right;
491 } 491 }
492 492
493 .clear-both:after { 493 .clear-both:after {
494 content: ""; 494 content: "";
495 display: block; 495 display: block;
496 clear: both; 496 clear: both;
497 } 497 }
498 498
499 #body { 499 #body {
500 font-family: "Circe", sans-serif; 500 font-family: "Circe", sans-serif;
501 color: #3a3b3c; 501 color: #3a3b3c;
502 background: #ffffff; 502 background: #ffffff;
503 display: -webkit-box; 503 display: -webkit-box;
504 display: -ms-flexbox; 504 display: -ms-flexbox;
505 display: flex; 505 display: flex;
506 -webkit-box-orient: vertical; 506 -webkit-box-orient: vertical;
507 -webkit-box-direction: normal; 507 -webkit-box-direction: normal;
508 -ms-flex-direction: column; 508 -ms-flex-direction: column;
509 flex-direction: column; 509 flex-direction: column;
510 -webkit-box-pack: justify; 510 -webkit-box-pack: justify;
511 -ms-flex-pack: justify; 511 -ms-flex-pack: justify;
512 justify-content: space-between; 512 justify-content: space-between;
513 gap: 50px; 513 gap: 50px;
514 min-width: 320px; 514 min-width: 320px;
515 min-height: 100vh; 515 min-height: 100vh;
516 line-height: 1.25; 516 line-height: 1.25;
517 } 517 }
518 @media (min-width: 768px) { 518 @media (min-width: 768px) {
519 #body { 519 #body {
520 gap: 60px; 520 gap: 60px;
521 } 521 }
522 } 522 }
523 #body.pdf { 523 #body.pdf {
524 gap: 0; 524 gap: 0;
525 } 525 }
526 526
527 .container { 527 .container {
528 width: 100%; 528 width: 100%;
529 max-width: 1280px; 529 max-width: 1280px;
530 margin-left: auto; 530 margin-left: auto;
531 margin-right: auto; 531 margin-right: auto;
532 padding-left: 10px; 532 padding-left: 10px;
533 padding-right: 10px; 533 padding-right: 10px;
534 } 534 }
535 @media (min-width: 768px) { 535 @media (min-width: 768px) {
536 .container { 536 .container {
537 padding-left: 20px; 537 padding-left: 20px;
538 padding-right: 20px; 538 padding-right: 20px;
539 } 539 }
540 } 540 }
541 541
542 .to-top { 542 .to-top {
543 position: fixed; 543 position: fixed;
544 right: 10px; 544 right: 10px;
545 bottom: 10px; 545 bottom: 10px;
546 border-radius: 999px; 546 border-radius: 999px;
547 display: -webkit-box; 547 display: -webkit-box;
548 display: -ms-flexbox; 548 display: -ms-flexbox;
549 display: flex; 549 display: flex;
550 -webkit-box-pack: center; 550 -webkit-box-pack: center;
551 -ms-flex-pack: center; 551 -ms-flex-pack: center;
552 justify-content: center; 552 justify-content: center;
553 -webkit-box-align: center; 553 -webkit-box-align: center;
554 -ms-flex-align: center; 554 -ms-flex-align: center;
555 align-items: center; 555 align-items: center;
556 color: #ffffff; 556 color: #ffffff;
557 background: #377d87; 557 background: #377d87;
558 width: 40px; 558 width: 40px;
559 height: 40px; 559 height: 40px;
560 -webkit-transition: 0.3s; 560 -webkit-transition: 0.3s;
561 transition: 0.3s; 561 transition: 0.3s;
562 margin-right: -100px; 562 margin-right: -100px;
563 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 563 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
564 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 564 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
565 z-index: 99; 565 z-index: 99;
566 border: 1px solid #377d87; 566 border: 1px solid #377d87;
567 } 567 }
568 .to-top:hover { 568 .to-top:hover {
569 background: #ffffff; 569 background: #ffffff;
570 color: #377d87; 570 color: #377d87;
571 } 571 }
572 .to-top svg { 572 .to-top svg {
573 width: 10px; 573 width: 10px;
574 height: 10px; 574 height: 10px;
575 } 575 }
576 @media (min-width: 768px) { 576 @media (min-width: 768px) {
577 .to-top { 577 .to-top {
578 width: 50px; 578 width: 50px;
579 height: 50px; 579 height: 50px;
580 right: 20px; 580 right: 20px;
581 bottom: 20px; 581 bottom: 20px;
582 } 582 }
583 .to-top svg { 583 .to-top svg {
584 width: 12px; 584 width: 12px;
585 height: 12px; 585 height: 12px;
586 } 586 }
587 } 587 }
588 588
589 .begin .to-top { 589 .begin .to-top {
590 margin-right: 0; 590 margin-right: 0;
591 } 591 }
592 592
593 .socials { 593 .socials {
594 display: -webkit-box; 594 display: -webkit-box;
595 display: -ms-flexbox; 595 display: -ms-flexbox;
596 display: flex; 596 display: flex;
597 -webkit-box-align: center; 597 -webkit-box-align: center;
598 -ms-flex-align: center; 598 -ms-flex-align: center;
599 align-items: center; 599 align-items: center;
600 -webkit-box-pack: center; 600 -webkit-box-pack: center;
601 -ms-flex-pack: center; 601 -ms-flex-pack: center;
602 justify-content: center; 602 justify-content: center;
603 gap: 8px; 603 gap: 8px;
604 } 604 }
605 .socials a { 605 .socials a {
606 display: -webkit-box; 606 display: -webkit-box;
607 display: -ms-flexbox; 607 display: -ms-flexbox;
608 display: flex; 608 display: flex;
609 -webkit-box-align: center; 609 -webkit-box-align: center;
610 -ms-flex-align: center; 610 -ms-flex-align: center;
611 align-items: center; 611 align-items: center;
612 -webkit-box-pack: center; 612 -webkit-box-pack: center;
613 -ms-flex-pack: center; 613 -ms-flex-pack: center;
614 justify-content: center; 614 justify-content: center;
615 border: 1px solid #377d87; 615 border: 1px solid #377d87;
616 color: #377d87; 616 color: #377d87;
617 border-radius: 999px; 617 border-radius: 999px;
618 width: 38px; 618 width: 38px;
619 height: 38px; 619 height: 38px;
620 } 620 }
621 .socials a:hover { 621 .socials a:hover {
622 background: #377d87; 622 background: #377d87;
623 color: #ffffff; 623 color: #ffffff;
624 } 624 }
625 .socials svg { 625 .socials svg {
626 width: 12px; 626 width: 12px;
627 height: 12px; 627 height: 12px;
628 } 628 }
629 629
630 .nls { 630 .nls {
631 display: -webkit-box; 631 display: -webkit-box;
632 display: -ms-flexbox; 632 display: -ms-flexbox;
633 display: flex; 633 display: flex;
634 color: #3a3b3c; 634 color: #3a3b3c;
635 text-align: left; 635 text-align: left;
636 } 636 }
637 .nls:hover { 637 .nls:hover {
638 color: #377d87; 638 color: #377d87;
639 } 639 }
640 .nls svg { 640 .nls svg {
641 width: 30px; 641 width: 30px;
642 height: 40px; 642 height: 40px;
643 } 643 }
644 @media (min-width: 768px) { 644 @media (min-width: 768px) {
645 .nls svg { 645 .nls svg {
646 width: 24px; 646 width: 24px;
647 height: 31px; 647 height: 31px;
648 } 648 }
649 } 649 }
650 .nls span { 650 .nls span {
651 width: calc(100% - 30px); 651 width: calc(100% - 30px);
652 padding-left: 12px; 652 padding-left: 12px;
653 display: -webkit-box; 653 display: -webkit-box;
654 display: -ms-flexbox; 654 display: -ms-flexbox;
655 display: flex; 655 display: flex;
656 -webkit-box-orient: vertical; 656 -webkit-box-orient: vertical;
657 -webkit-box-direction: normal; 657 -webkit-box-direction: normal;
658 -ms-flex-direction: column; 658 -ms-flex-direction: column;
659 flex-direction: column; 659 flex-direction: column;
660 -webkit-box-pack: center; 660 -webkit-box-pack: center;
661 -ms-flex-pack: center; 661 -ms-flex-pack: center;
662 justify-content: center; 662 justify-content: center;
663 font-size: 12px; 663 font-size: 12px;
664 line-height: 1.4; 664 line-height: 1.4;
665 } 665 }
666 @media (min-width: 768px) { 666 @media (min-width: 768px) {
667 .nls span { 667 .nls span {
668 width: calc(100% - 24px); 668 width: calc(100% - 24px);
669 } 669 }
670 } 670 }
671 .nls b { 671 .nls b {
672 font-weight: 400; 672 font-weight: 400;
673 } 673 }
674 674
675 .title, 675 .title,
676 h1 { 676 h1 {
677 margin: 0; 677 margin: 0;
678 font-weight: 700; 678 font-weight: 700;
679 font-size: 32px; 679 font-size: 32px;
680 } 680 }
681 @media (min-width: 768px) { 681 @media (min-width: 768px) {
682 .title, 682 .title,
683 h1 { 683 h1 {
684 font-size: 40px; 684 font-size: 40px;
685 } 685 }
686 } 686 }
687 @media (min-width: 992px) { 687 @media (min-width: 992px) {
688 .title, 688 .title,
689 h1 { 689 h1 {
690 font-size: 48px; 690 font-size: 48px;
691 } 691 }
692 } 692 }
693 @media (min-width: 1280px) { 693 @media (min-width: 1280px) {
694 .title, 694 .title,
695 h1 { 695 h1 {
696 font-size: 64px; 696 font-size: 64px;
697 } 697 }
698 } 698 }
699 699
700 .swiper-pagination { 700 .swiper-pagination {
701 display: -webkit-box; 701 display: -webkit-box;
702 display: -ms-flexbox; 702 display: -ms-flexbox;
703 display: flex; 703 display: flex;
704 -webkit-box-pack: center; 704 -webkit-box-pack: center;
705 -ms-flex-pack: center; 705 -ms-flex-pack: center;
706 justify-content: center; 706 justify-content: center;
707 -webkit-box-align: center; 707 -webkit-box-align: center;
708 -ms-flex-align: center; 708 -ms-flex-align: center;
709 align-items: center; 709 align-items: center;
710 position: static; 710 position: static;
711 margin-top: 20px; 711 margin-top: 20px;
712 gap: 8px; 712 gap: 8px;
713 } 713 }
714 @media (min-width: 768px) { 714 @media (min-width: 768px) {
715 .swiper-pagination { 715 .swiper-pagination {
716 margin-top: 30px; 716 margin-top: 30px;
717 } 717 }
718 } 718 }
719 .swiper-pagination-bullet { 719 .swiper-pagination-bullet {
720 width: 16px; 720 width: 16px;
721 height: 16px; 721 height: 16px;
722 opacity: 1; 722 opacity: 1;
723 border: 1px solid #cdcece; 723 border: 1px solid #cdcece;
724 -webkit-transition: 0.3s; 724 -webkit-transition: 0.3s;
725 transition: 0.3s; 725 transition: 0.3s;
726 background: transparent; 726 background: transparent;
727 display: -webkit-box; 727 display: -webkit-box;
728 display: -ms-flexbox; 728 display: -ms-flexbox;
729 display: flex; 729 display: flex;
730 -webkit-box-pack: center; 730 -webkit-box-pack: center;
731 -ms-flex-pack: center; 731 -ms-flex-pack: center;
732 justify-content: center; 732 justify-content: center;
733 -webkit-box-align: center; 733 -webkit-box-align: center;
734 -ms-flex-align: center; 734 -ms-flex-align: center;
735 align-items: center; 735 align-items: center;
736 margin: 0 !important; 736 margin: 0 !important;
737 } 737 }
738 .swiper-pagination-bullet:before { 738 .swiper-pagination-bullet:before {
739 content: ""; 739 content: "";
740 width: 6px; 740 width: 6px;
741 height: 6px; 741 height: 6px;
742 border-radius: 999px; 742 border-radius: 999px;
743 background: #377d87; 743 background: #377d87;
744 opacity: 0; 744 opacity: 0;
745 -webkit-transition: 0.3s; 745 -webkit-transition: 0.3s;
746 transition: 0.3s; 746 transition: 0.3s;
747 } 747 }
748 .swiper-pagination-bullet:hover { 748 .swiper-pagination-bullet:hover {
749 border-color: #377d87; 749 border-color: #377d87;
750 } 750 }
751 .swiper-pagination-bullet-active { 751 .swiper-pagination-bullet-active {
752 border-color: #377d87; 752 border-color: #377d87;
753 } 753 }
754 .swiper-pagination-bullet-active:before { 754 .swiper-pagination-bullet-active:before {
755 opacity: 1; 755 opacity: 1;
756 } 756 }
757 757
758 .navs { 758 .navs {
759 display: -webkit-box; 759 display: -webkit-box;
760 display: -ms-flexbox; 760 display: -ms-flexbox;
761 display: flex; 761 display: flex;
762 -webkit-box-align: center; 762 -webkit-box-align: center;
763 -ms-flex-align: center; 763 -ms-flex-align: center;
764 align-items: center; 764 align-items: center;
765 -webkit-box-pack: justify; 765 -webkit-box-pack: justify;
766 -ms-flex-pack: justify; 766 -ms-flex-pack: justify;
767 justify-content: space-between; 767 justify-content: space-between;
768 gap: 20px; 768 gap: 20px;
769 width: 80px; 769 width: 80px;
770 } 770 }
771 .navs button { 771 .navs button {
772 color: #377d87; 772 color: #377d87;
773 background: none; 773 background: none;
774 border: none; 774 border: none;
775 padding: 0; 775 padding: 0;
776 } 776 }
777 .navs button[disabled] { 777 .navs button[disabled] {
778 cursor: not-allowed; 778 cursor: not-allowed;
779 color: #cddee1; 779 color: #cddee1;
780 } 780 }
781 .navs svg { 781 .navs svg {
782 width: 14px; 782 width: 14px;
783 height: 28px; 783 height: 28px;
784 } 784 }
785 785
786 .select { 786 .select {
787 position: relative; 787 position: relative;
788 } 788 }
789 .select2 { 789 .select2 {
790 width: 100% !important; 790 width: 100% !important;
791 } 791 }
792 .select2-container { 792 .select2-container {
793 font-size: 12px; 793 font-size: 12px;
794 } 794 }
795 @media (min-width: 768px) { 795 @media (min-width: 768px) {
796 .select2-container { 796 .select2-container {
797 font-size: 16px; 797 font-size: 16px;
798 } 798 }
799 } 799 }
800 .select2-container--open .select2-selection { 800 .select2-container--open .select2-selection {
801 border-color: #377d87 !important; 801 border-color: #377d87 !important;
802 } 802 }
803 .select2-container--open .select2-selection__arrow svg { 803 .select2-container--open .select2-selection__arrow svg {
804 -webkit-transform: rotate(180deg); 804 -webkit-transform: rotate(180deg);
805 -ms-transform: rotate(180deg); 805 -ms-transform: rotate(180deg);
806 transform: rotate(180deg); 806 transform: rotate(180deg);
807 } 807 }
808 .select2-selection { 808 .select2-selection {
809 min-height: 30px !important; 809 min-height: 30px !important;
810 border-radius: 8px !important; 810 border-radius: 8px !important;
811 border-color: #e7e7e7 !important; 811 border-color: #e7e7e7 !important;
812 -webkit-transition: 0.3s; 812 -webkit-transition: 0.3s;
813 transition: 0.3s; 813 transition: 0.3s;
814 } 814 }
815 @media (min-width: 768px) { 815 @media (min-width: 768px) {
816 .select2-selection { 816 .select2-selection {
817 min-height: 50px !important; 817 min-height: 50px !important;
818 } 818 }
819 } 819 }
820 .select2-selection__rendered { 820 .select2-selection__rendered {
821 line-height: 28px !important; 821 line-height: 28px !important;
822 padding: 0 30px 0 10px !important; 822 padding: 0 30px 0 10px !important;
823 } 823 }
824 @media (min-width: 768px) { 824 @media (min-width: 768px) {
825 .select2-selection__rendered { 825 .select2-selection__rendered {
826 line-height: 48px !important; 826 line-height: 48px !important;
827 padding: 0 46px 0 20px !important; 827 padding: 0 46px 0 20px !important;
828 } 828 }
829 } 829 }
830 .select2-selection__arrow { 830 .select2-selection__arrow {
831 top: 0 !important; 831 top: 0 !important;
832 right: 0 !important; 832 right: 0 !important;
833 width: 30px !important; 833 width: 30px !important;
834 height: 100% !important; 834 height: 100% !important;
835 display: -webkit-box; 835 display: -webkit-box;
836 display: -ms-flexbox; 836 display: -ms-flexbox;
837 display: flex; 837 display: flex;
838 -webkit-box-pack: center; 838 -webkit-box-pack: center;
839 -ms-flex-pack: center; 839 -ms-flex-pack: center;
840 justify-content: center; 840 justify-content: center;
841 -webkit-box-align: center; 841 -webkit-box-align: center;
842 -ms-flex-align: center; 842 -ms-flex-align: center;
843 align-items: center; 843 align-items: center;
844 color: #377d87; 844 color: #377d87;
845 } 845 }
846 @media (min-width: 768px) { 846 @media (min-width: 768px) {
847 .select2-selection__arrow { 847 .select2-selection__arrow {
848 width: 50px !important; 848 width: 50px !important;
849 } 849 }
850 } 850 }
851 .select2-selection__arrow svg { 851 .select2-selection__arrow svg {
852 width: 12px; 852 width: 12px;
853 height: 12px; 853 height: 12px;
854 -webkit-transition: 0.3s; 854 -webkit-transition: 0.3s;
855 transition: 0.3s; 855 transition: 0.3s;
856 } 856 }
857 @media (min-width: 768px) { 857 @media (min-width: 768px) {
858 .select2-selection__arrow svg { 858 .select2-selection__arrow svg {
859 width: 14px; 859 width: 14px;
860 height: 14px; 860 height: 14px;
861 } 861 }
862 } 862 }
863 .select2-selection__choice { 863 .select2-selection__choice {
864 display: -webkit-box; 864 display: -webkit-box;
865 display: -ms-flexbox; 865 display: -ms-flexbox;
866 display: flex; 866 display: flex;
867 -webkit-box-orient: horizontal; 867 -webkit-box-orient: horizontal;
868 -webkit-box-direction: reverse; 868 -webkit-box-direction: reverse;
869 -ms-flex-direction: row-reverse; 869 -ms-flex-direction: row-reverse;
870 flex-direction: row-reverse; 870 flex-direction: row-reverse;
871 -webkit-box-align: center; 871 -webkit-box-align: center;
872 -ms-flex-align: center; 872 -ms-flex-align: center;
873 align-items: center; 873 align-items: center;
874 -webkit-box-pack: center; 874 -webkit-box-pack: center;
875 -ms-flex-pack: center; 875 -ms-flex-pack: center;
876 justify-content: center; 876 justify-content: center;
877 gap: 4px; 877 gap: 4px;
878 padding: 0 4px 0 6px !important; 878 padding: 0 4px 0 6px !important;
879 background: #377d87 !important; 879 background: #377d87 !important;
880 border: none !important; 880 border: none !important;
881 border-radius: 6px !important; 881 border-radius: 6px !important;
882 line-height: 1 !important; 882 line-height: 1 !important;
883 color: #ffffff; 883 color: #ffffff;
884 height: 24px; 884 height: 24px;
885 } 885 }
886 @media (min-width: 768px) { 886 @media (min-width: 768px) {
887 .select2-selection__choice { 887 .select2-selection__choice {
888 height: 32px; 888 height: 32px;
889 gap: 6px; 889 gap: 6px;
890 padding: 0 6px 0 10px !important; 890 padding: 0 6px 0 10px !important;
891 border-radius: 8px !important; 891 border-radius: 8px !important;
892 } 892 }
893 } 893 }
894 .select2-selection__choice__remove { 894 .select2-selection__choice__remove {
895 width: 14px; 895 width: 14px;
896 height: 14px; 896 height: 14px;
897 padding-top: 4px; 897 padding-top: 4px;
898 display: -webkit-box !important; 898 display: -webkit-box !important;
899 display: -ms-flexbox !important; 899 display: -ms-flexbox !important;
900 display: flex !important; 900 display: flex !important;
901 -webkit-box-pack: center; 901 -webkit-box-pack: center;
902 -ms-flex-pack: center; 902 -ms-flex-pack: center;
903 justify-content: center; 903 justify-content: center;
904 -webkit-box-align: center; 904 -webkit-box-align: center;
905 -ms-flex-align: center; 905 -ms-flex-align: center;
906 align-items: center; 906 align-items: center;
907 color: #ffffff !important; 907 color: #ffffff !important;
908 font-weight: 400 !important; 908 font-weight: 400 !important;
909 font-size: 26px; 909 font-size: 26px;
910 } 910 }
911 .select2-search { 911 .select2-search {
912 display: none; 912 display: none;
913 } 913 }
914 .select2-dropdown { 914 .select2-dropdown {
915 z-index: 99999; 915 z-index: 99999;
916 border: none; 916 border: none;
917 border-radius: 0; 917 border-radius: 0;
918 background: none; 918 background: none;
919 padding: 5px 0; 919 padding: 5px 0;
920 } 920 }
921 @media (min-width: 768px) { 921 @media (min-width: 768px) {
922 .select2-dropdown { 922 .select2-dropdown {
923 padding: 10px 0; 923 padding: 10px 0;
924 } 924 }
925 } 925 }
926 .select2-results { 926 .select2-results {
927 background: #ffffff; 927 background: #ffffff;
928 border-radius: 8px; 928 border-radius: 8px;
929 border: 1px solid #377d87; 929 border: 1px solid #377d87;
930 overflow: hidden; 930 overflow: hidden;
931 } 931 }
932 @media (min-width: 768px) { 932 @media (min-width: 768px) {
933 .select2-results__option { 933 .select2-results__option {
934 padding: 10px 14px; 934 padding: 10px 14px;
935 } 935 }
936 } 936 }
937 .select2-results__option--highlighted { 937 .select2-results__option--highlighted {
938 background: #377d87 !important; 938 background: #377d87 !important;
939 } 939 }
940 @media (min-width: 768px) { 940 @media (min-width: 768px) {
941 .select_search .select2-selection__rendered { 941 .select_search .select2-selection__rendered {
942 padding-left: 60px !important; 942 padding-left: 60px !important;
943 } 943 }
944 } 944 }
945 .select_search .select__icon { 945 .select_search .select__icon {
946 display: none; 946 display: none;
947 height: 28px; 947 height: 28px;
948 -webkit-box-align: center; 948 -webkit-box-align: center;
949 -ms-flex-align: center; 949 -ms-flex-align: center;
950 align-items: center; 950 align-items: center;
951 padding-right: 12px; 951 padding-right: 12px;
952 z-index: 2; 952 z-index: 2;
953 position: absolute; 953 position: absolute;
954 top: 50%; 954 top: 50%;
955 left: 15px; 955 left: 15px;
956 margin-top: -14px; 956 margin-top: -14px;
957 } 957 }
958 @media (min-width: 768px) { 958 @media (min-width: 768px) {
959 .select_search .select__icon { 959 .select_search .select__icon {
960 display: -webkit-box; 960 display: -webkit-box;
961 display: -ms-flexbox; 961 display: -ms-flexbox;
962 display: flex; 962 display: flex;
963 } 963 }
964 } 964 }
965 .select_search .select__icon:after { 965 .select_search .select__icon:after {
966 content: ""; 966 content: "";
967 width: 1px; 967 width: 1px;
968 height: 100%; 968 height: 100%;
969 border-radius: 999px; 969 border-radius: 999px;
970 position: absolute; 970 position: absolute;
971 top: 0; 971 top: 0;
972 right: 0; 972 right: 0;
973 background: #cecece; 973 background: #cecece;
974 } 974 }
975 .select_search .select__icon svg { 975 .select_search .select__icon svg {
976 color: #9c9d9d; 976 color: #9c9d9d;
977 width: 20px; 977 width: 20px;
978 height: 20px; 978 height: 20px;
979 } 979 }
980 980
981 .form-group { 981 .form-group {
982 display: -webkit-box; 982 display: -webkit-box;
983 display: -ms-flexbox; 983 display: -ms-flexbox;
984 display: flex; 984 display: flex;
985 -webkit-box-orient: vertical; 985 -webkit-box-orient: vertical;
986 -webkit-box-direction: normal; 986 -webkit-box-direction: normal;
987 -ms-flex-direction: column; 987 -ms-flex-direction: column;
988 flex-direction: column; 988 flex-direction: column;
989 gap: 4px; 989 gap: 4px;
990 } 990 }
991 .form-group__label { 991 .form-group__label {
992 font-size: 12px; 992 font-size: 12px;
993 } 993 }
994 @media (min-width: 768px) { 994 @media (min-width: 768px) {
995 .form-group__label { 995 .form-group__label {
996 font-size: 16px; 996 font-size: 16px;
997 } 997 }
998 } 998 }
999 .form-group__item { 999 .form-group__item {
1000 display: -webkit-box; 1000 display: -webkit-box;
1001 display: -ms-flexbox; 1001 display: -ms-flexbox;
1002 display: flex; 1002 display: flex;
1003 -webkit-box-orient: vertical; 1003 -webkit-box-orient: vertical;
1004 -webkit-box-direction: normal; 1004 -webkit-box-direction: normal;
1005 -ms-flex-direction: column; 1005 -ms-flex-direction: column;
1006 flex-direction: column; 1006 flex-direction: column;
1007 position: relative; 1007 position: relative;
1008 } 1008 }
1009 1009
1010 .input { 1010 .input {
1011 display: block; 1011 display: block;
1012 height: 30px; 1012 height: 30px;
1013 border: 1px solid #cecece; 1013 border: 1px solid #cecece;
1014 background: #ffffff; 1014 background: #ffffff;
1015 font-size: 12px; 1015 font-size: 12px;
1016 border-radius: 8px; 1016 border-radius: 8px;
1017 padding: 0 10px; 1017 padding: 0 10px;
1018 color: #3a3b3c; 1018 color: #3a3b3c;
1019 -webkit-transition: 0.3s; 1019 -webkit-transition: 0.3s;
1020 transition: 0.3s; 1020 transition: 0.3s;
1021 position: relative; 1021 position: relative;
1022 z-index: 1; 1022 z-index: 1;
1023 } 1023 }
1024 @media (min-width: 768px) { 1024 @media (min-width: 768px) {
1025 .input { 1025 .input {
1026 padding: 0 20px; 1026 padding: 0 20px;
1027 height: 44px; 1027 height: 44px;
1028 font-size: 16px; 1028 font-size: 16px;
1029 } 1029 }
1030 } 1030 }
1031 .input:focus { 1031 .input:focus {
1032 border-color: #377d87; 1032 border-color: #377d87;
1033 } 1033 }
1034 .input[disabled] { 1034 .input[disabled] {
1035 color: #9c9d9d; 1035 color: #9c9d9d;
1036 background: #e7e7e7; 1036 background: #e7e7e7;
1037 } 1037 }
1038 .input[type=date] { 1038 .input[type=date] {
1039 text-transform: uppercase; 1039 text-transform: uppercase;
1040 } 1040 }
1041 1041
1042 .textarea { 1042 .textarea {
1043 resize: none; 1043 resize: none;
1044 display: block; 1044 display: block;
1045 width: 100%; 1045 width: 100%;
1046 border-radius: 8px; 1046 border-radius: 8px;
1047 border: 1px solid #cecece; 1047 border: 1px solid #cecece;
1048 background: #ffffff; 1048 background: #ffffff;
1049 -webkit-transition: 0.3s; 1049 -webkit-transition: 0.3s;
1050 transition: 0.3s; 1050 transition: 0.3s;
1051 font-size: 12px; 1051 font-size: 12px;
1052 line-height: 1.4; 1052 line-height: 1.4;
1053 padding: 10px; 1053 padding: 10px;
1054 aspect-ratio: 8/3; 1054 aspect-ratio: 8/3;
1055 max-height: 250px; 1055 max-height: 250px;
1056 } 1056 }
1057 @media (min-width: 768px) { 1057 @media (min-width: 768px) {
1058 .textarea { 1058 .textarea {
1059 padding: 20px; 1059 padding: 20px;
1060 font-size: 16px; 1060 font-size: 16px;
1061 height: 280px; 1061 height: 280px;
1062 } 1062 }
1063 } 1063 }
1064 .textarea:focus { 1064 .textarea:focus {
1065 border-color: #377d87; 1065 border-color: #377d87;
1066 } 1066 }
1067 1067
1068 .button { 1068 .button {
1069 display: -webkit-box; 1069 display: -webkit-box;
1070 display: -ms-flexbox; 1070 display: -ms-flexbox;
1071 display: flex; 1071 display: flex;
1072 -webkit-box-pack: center; 1072 -webkit-box-pack: center;
1073 -ms-flex-pack: center; 1073 -ms-flex-pack: center;
1074 justify-content: center; 1074 justify-content: center;
1075 -webkit-box-align: center; 1075 -webkit-box-align: center;
1076 -ms-flex-align: center; 1076 -ms-flex-align: center;
1077 align-items: center; 1077 align-items: center;
1078 color: #ffffff; 1078 color: #ffffff;
1079 background: #377d87; 1079 background: #377d87;
1080 height: 30px; 1080 height: 30px;
1081 border-radius: 8px; 1081 border-radius: 8px;
1082 padding: 0 12px; 1082 padding: 0 12px;
1083 border: 1px solid #377d87; 1083 border: 1px solid #377d87;
1084 font-weight: 700; 1084 font-weight: 700;
1085 font-size: 12px; 1085 font-size: 12px;
1086 text-align: center; 1086 text-align: center;
1087 line-height: 1; 1087 line-height: 1;
1088 gap: 6px; 1088 gap: 6px;
1089 -webkit-transition: 0.3s; 1089 -webkit-transition: 0.3s;
1090 transition: 0.3s; 1090 transition: 0.3s;
1091 cursor: pointer; 1091 cursor: pointer;
1092 } 1092 }
1093 @media (min-width: 768px) { 1093 @media (min-width: 768px) {
1094 .button { 1094 .button {
1095 padding: 0 24px; 1095 padding: 0 24px;
1096 font-size: 16px; 1096 font-size: 16px;
1097 height: 44px; 1097 height: 44px;
1098 gap: 12px; 1098 gap: 12px;
1099 } 1099 }
1100 } 1100 }
1101 @media (min-width: 992px) { 1101 @media (min-width: 992px) {
1102 .button { 1102 .button {
1103 padding: 0 36px; 1103 padding: 0 36px;
1104 } 1104 }
1105 } 1105 }
1106 .button:hover { 1106 .button:hover {
1107 background: transparent; 1107 background: transparent;
1108 color: #377d87; 1108 color: #377d87;
1109 } 1109 }
1110 .button img, 1110 .button img,
1111 .button svg { 1111 .button svg {
1112 width: 12px; 1112 width: 12px;
1113 height: 12px; 1113 height: 12px;
1114 } 1114 }
1115 @media (min-width: 768px) { 1115 @media (min-width: 768px) {
1116 .button img, 1116 .button img,
1117 .button svg { 1117 .button svg {
1118 width: 18px; 1118 width: 18px;
1119 height: 18px; 1119 height: 18px;
1120 } 1120 }
1121 } 1121 }
1122 .button_more span + span { 1122 .button_more span + span {
1123 display: none; 1123 display: none;
1124 } 1124 }
1125 .button_more.active span { 1125 .button_more.active span {
1126 display: none; 1126 display: none;
1127 } 1127 }
1128 .button_more.active span + span { 1128 .button_more.active span + span {
1129 display: block; 1129 display: block;
1130 } 1130 }
1131 .button_light { 1131 .button_light {
1132 background: transparent; 1132 background: transparent;
1133 color: #377d87; 1133 color: #377d87;
1134 } 1134 }
1135 .button_light:hover { 1135 .button_light:hover {
1136 background: #377d87; 1136 background: #377d87;
1137 color: #ffffff; 1137 color: #ffffff;
1138 } 1138 }
1139 .button_whited { 1139 .button_whited {
1140 background: #ffffff; 1140 background: #ffffff;
1141 color: #377d87; 1141 color: #377d87;
1142 border-color: #ffffff; 1142 border-color: #ffffff;
1143 } 1143 }
1144 .button_whited:hover { 1144 .button_whited:hover {
1145 background: #377d87; 1145 background: #377d87;
1146 color: #ffffff; 1146 color: #ffffff;
1147 } 1147 }
1148 1148
1149 .search { 1149 .search {
1150 width: 100%; 1150 width: 100%;
1151 position: relative; 1151 position: relative;
1152 background: #ffffff; 1152 background: #ffffff;
1153 border-radius: 8px; 1153 border-radius: 8px;
1154 } 1154 }
1155 .search span { 1155 .search span {
1156 display: none; 1156 display: none;
1157 height: 28px; 1157 height: 28px;
1158 -webkit-box-align: center; 1158 -webkit-box-align: center;
1159 -ms-flex-align: center; 1159 -ms-flex-align: center;
1160 align-items: center; 1160 align-items: center;
1161 padding-right: 12px; 1161 padding-right: 12px;
1162 z-index: 1; 1162 z-index: 1;
1163 position: absolute; 1163 position: absolute;
1164 top: 50%; 1164 top: 50%;
1165 left: 15px; 1165 left: 15px;
1166 margin-top: -14px; 1166 margin-top: -14px;
1167 } 1167 }
1168 @media (min-width: 768px) { 1168 @media (min-width: 768px) {
1169 .search span { 1169 .search span {
1170 display: -webkit-box; 1170 display: -webkit-box;
1171 display: -ms-flexbox; 1171 display: -ms-flexbox;
1172 display: flex; 1172 display: flex;
1173 } 1173 }
1174 } 1174 }
1175 .search span:after { 1175 .search span:after {
1176 content: ""; 1176 content: "";
1177 width: 1px; 1177 width: 1px;
1178 height: 100%; 1178 height: 100%;
1179 border-radius: 999px; 1179 border-radius: 999px;
1180 position: absolute; 1180 position: absolute;
1181 top: 0; 1181 top: 0;
1182 right: 0; 1182 right: 0;
1183 background: #cecece; 1183 background: #cecece;
1184 } 1184 }
1185 .search span svg { 1185 .search span svg {
1186 color: #9c9d9d; 1186 color: #9c9d9d;
1187 width: 20px; 1187 width: 20px;
1188 height: 20px; 1188 height: 20px;
1189 } 1189 }
1190 .search input { 1190 .search input {
1191 width: 100%; 1191 width: 100%;
1192 padding-right: 150px; 1192 padding-right: 150px;
1193 position: relative; 1193 position: relative;
1194 z-index: 2; 1194 z-index: 2;
1195 background: none; 1195 background: none;
1196 } 1196 }
1197 @media (min-width: 768px) { 1197 @media (min-width: 768px) {
1198 .search input { 1198 .search input {
1199 padding-left: 60px; 1199 padding-left: 60px;
1200 padding-right: 220px; 1200 padding-right: 220px;
1201 } 1201 }
1202 } 1202 }
1203 .search button { 1203 .search button {
1204 width: 140px; 1204 width: 140px;
1205 position: absolute; 1205 position: absolute;
1206 padding: 0; 1206 padding: 0;
1207 top: 0; 1207 top: 0;
1208 right: 0; 1208 right: 0;
1209 z-index: 3; 1209 z-index: 3;
1210 } 1210 }
1211 @media (min-width: 768px) { 1211 @media (min-width: 768px) {
1212 .search button { 1212 .search button {
1213 width: 200px; 1213 width: 200px;
1214 } 1214 }
1215 } 1215 }
1216 1216
1217 .breadcrumbs { 1217 .breadcrumbs {
1218 display: -webkit-box; 1218 display: -webkit-box;
1219 display: -ms-flexbox; 1219 display: -ms-flexbox;
1220 display: flex; 1220 display: flex;
1221 -webkit-box-align: center; 1221 -webkit-box-align: center;
1222 -ms-flex-align: center; 1222 -ms-flex-align: center;
1223 align-items: center; 1223 align-items: center;
1224 -ms-flex-wrap: wrap; 1224 -ms-flex-wrap: wrap;
1225 flex-wrap: wrap; 1225 flex-wrap: wrap;
1226 gap: 12px 6px; 1226 gap: 12px 6px;
1227 margin: 0; 1227 margin: 0;
1228 padding: 0; 1228 padding: 0;
1229 font-size: 11px; 1229 font-size: 11px;
1230 color: #cecece; 1230 color: #cecece;
1231 line-height: 1; 1231 line-height: 1;
1232 } 1232 }
1233 @media (min-width: 992px) { 1233 @media (min-width: 992px) {
1234 .breadcrumbs { 1234 .breadcrumbs {
1235 font-size: 13px; 1235 font-size: 13px;
1236 } 1236 }
1237 } 1237 }
1238 @media (min-width: 1280px) { 1238 @media (min-width: 1280px) {
1239 .breadcrumbs { 1239 .breadcrumbs {
1240 font-size: 16px; 1240 font-size: 16px;
1241 } 1241 }
1242 } 1242 }
1243 .breadcrumbs li { 1243 .breadcrumbs li {
1244 display: -webkit-box; 1244 display: -webkit-box;
1245 display: -ms-flexbox; 1245 display: -ms-flexbox;
1246 display: flex; 1246 display: flex;
1247 -webkit-box-align: center; 1247 -webkit-box-align: center;
1248 -ms-flex-align: center; 1248 -ms-flex-align: center;
1249 align-items: center; 1249 align-items: center;
1250 gap: 6px; 1250 gap: 6px;
1251 } 1251 }
1252 .breadcrumbs li:before { 1252 .breadcrumbs li:before {
1253 content: ""; 1253 content: "";
1254 width: 4px; 1254 width: 4px;
1255 height: 4px; 1255 height: 4px;
1256 background: #cecece; 1256 background: #cecece;
1257 border-radius: 999px; 1257 border-radius: 999px;
1258 position: relative; 1258 position: relative;
1259 top: -1px; 1259 top: -1px;
1260 } 1260 }
1261 .breadcrumbs li:first-child:before { 1261 .breadcrumbs li:first-child:before {
1262 display: none; 1262 display: none;
1263 } 1263 }
1264 .breadcrumbs li:last-child:before { 1264 .breadcrumbs li:last-child:before {
1265 background: #377d87; 1265 background: #377d87;
1266 } 1266 }
1267 .breadcrumbs a:hover { 1267 .breadcrumbs a:hover {
1268 color: #377d87; 1268 color: #377d87;
1269 } 1269 }
1270 .breadcrumbs b { 1270 .breadcrumbs b {
1271 color: #377d87; 1271 color: #377d87;
1272 font-weight: 700; 1272 font-weight: 700;
1273 } 1273 }
1274 1274
1275 .pagination { 1275 .pagination {
1276 display: -webkit-box; 1276 display: -webkit-box;
1277 display: -ms-flexbox; 1277 display: -ms-flexbox;
1278 display: flex; 1278 display: flex;
1279 -webkit-box-align: center; 1279 -webkit-box-align: center;
1280 -ms-flex-align: center; 1280 -ms-flex-align: center;
1281 align-items: center; 1281 align-items: center;
1282 -webkit-box-pack: center; 1282 -webkit-box-pack: center;
1283 -ms-flex-pack: center; 1283 -ms-flex-pack: center;
1284 justify-content: center; 1284 justify-content: center;
1285 line-height: 1; 1285 line-height: 1;
1286 color: #3a3b3c; 1286 color: #3a3b3c;
1287 font-size: 12px; 1287 font-size: 12px;
1288 margin: 0 auto; 1288 margin: 0 auto;
1289 } 1289 }
1290 @media (min-width: 768px) { 1290 @media (min-width: 768px) {
1291 .pagination { 1291 .pagination {
1292 font-size: 14px; 1292 font-size: 14px;
1293 gap: 3px; 1293 gap: 3px;
1294 } 1294 }
1295 } 1295 }
1296 .pagination__item { 1296 .pagination__item {
1297 width: 40px; 1297 width: 40px;
1298 height: 40px; 1298 height: 40px;
1299 display: -webkit-box; 1299 display: -webkit-box;
1300 display: -ms-flexbox; 1300 display: -ms-flexbox;
1301 display: flex; 1301 display: flex;
1302 -webkit-box-pack: center; 1302 -webkit-box-pack: center;
1303 -ms-flex-pack: center; 1303 -ms-flex-pack: center;
1304 justify-content: center; 1304 justify-content: center;
1305 -webkit-box-align: center; 1305 -webkit-box-align: center;
1306 -ms-flex-align: center; 1306 -ms-flex-align: center;
1307 align-items: center; 1307 align-items: center;
1308 background: none; 1308 background: none;
1309 padding: 0; 1309 padding: 0;
1310 border: 1px solid transparent; 1310 border: 1px solid transparent;
1311 border-radius: 8px; 1311 border-radius: 8px;
1312 } 1312 }
1313 .pagination__item:hover { 1313 .pagination__item:hover {
1314 -webkit-transition: 0s; 1314 -webkit-transition: 0s;
1315 transition: 0s; 1315 transition: 0s;
1316 color: #377d87; 1316 color: #377d87;
1317 font-weight: 700; 1317 font-weight: 700;
1318 } 1318 }
1319 .pagination__item.active { 1319 .pagination__item.active {
1320 font-weight: 700; 1320 font-weight: 700;
1321 color: #ffffff; 1321 color: #ffffff;
1322 background: #377d87; 1322 background: #377d87;
1323 border-color: #377d87; 1323 border-color: #377d87;
1324 } 1324 }
1325 .pagination__dots { 1325 .pagination__dots {
1326 width: 40px; 1326 width: 40px;
1327 height: 40px; 1327 height: 40px;
1328 display: -webkit-box; 1328 display: -webkit-box;
1329 display: -ms-flexbox; 1329 display: -ms-flexbox;
1330 display: flex; 1330 display: flex;
1331 -webkit-box-pack: center; 1331 -webkit-box-pack: center;
1332 -ms-flex-pack: center; 1332 -ms-flex-pack: center;
1333 justify-content: center; 1333 justify-content: center;
1334 -webkit-box-align: center; 1334 -webkit-box-align: center;
1335 -ms-flex-align: center; 1335 -ms-flex-align: center;
1336 align-items: center; 1336 align-items: center;
1337 } 1337 }
1338 .pagination__dots svg { 1338 .pagination__dots svg {
1339 width: 15px; 1339 width: 15px;
1340 height: 15px; 1340 height: 15px;
1341 } 1341 }
1342 .pagination__nav { 1342 .pagination__nav {
1343 width: 40px; 1343 width: 40px;
1344 height: 40px; 1344 height: 40px;
1345 display: none; 1345 display: none;
1346 -webkit-box-pack: center; 1346 -webkit-box-pack: center;
1347 -ms-flex-pack: center; 1347 -ms-flex-pack: center;
1348 justify-content: center; 1348 justify-content: center;
1349 -webkit-box-align: center; 1349 -webkit-box-align: center;
1350 -ms-flex-align: center; 1350 -ms-flex-align: center;
1351 align-items: center; 1351 align-items: center;
1352 background: none; 1352 background: none;
1353 padding: 0; 1353 padding: 0;
1354 border: 1px solid #cddee1; 1354 border: 1px solid #cddee1;
1355 color: #377d87; 1355 color: #377d87;
1356 border-radius: 8px; 1356 border-radius: 8px;
1357 } 1357 }
1358 @media (min-width: 768px) { 1358 @media (min-width: 768px) {
1359 .pagination__nav { 1359 .pagination__nav {
1360 display: -webkit-box; 1360 display: -webkit-box;
1361 display: -ms-flexbox; 1361 display: -ms-flexbox;
1362 display: flex; 1362 display: flex;
1363 } 1363 }
1364 } 1364 }
1365 .pagination__nav:hover { 1365 .pagination__nav:hover {
1366 border-color: #377d87; 1366 border-color: #377d87;
1367 background: #377d87; 1367 background: #377d87;
1368 color: #ffffff; 1368 color: #ffffff;
1369 } 1369 }
1370 .pagination__nav svg { 1370 .pagination__nav svg {
1371 width: 10px; 1371 width: 10px;
1372 height: 10px; 1372 height: 10px;
1373 } 1373 }
1374 .pagination__nav_prev { 1374 .pagination__nav_prev {
1375 margin-right: 37px; 1375 margin-right: 37px;
1376 } 1376 }
1377 .pagination__nav_prev svg { 1377 .pagination__nav_prev svg {
1378 -webkit-transform: rotate(180deg); 1378 -webkit-transform: rotate(180deg);
1379 -ms-transform: rotate(180deg); 1379 -ms-transform: rotate(180deg);
1380 transform: rotate(180deg); 1380 transform: rotate(180deg);
1381 } 1381 }
1382 .pagination__nav_next { 1382 .pagination__nav_next {
1383 margin-left: 37px; 1383 margin-left: 37px;
1384 } 1384 }
1385 1385
1386 .filters { 1386 .filters {
1387 display: -webkit-box; 1387 display: -webkit-box;
1388 display: -ms-flexbox; 1388 display: -ms-flexbox;
1389 display: flex; 1389 display: flex;
1390 -webkit-box-orient: vertical; 1390 -webkit-box-orient: vertical;
1391 -webkit-box-direction: normal; 1391 -webkit-box-direction: normal;
1392 -ms-flex-direction: column; 1392 -ms-flex-direction: column;
1393 flex-direction: column; 1393 flex-direction: column;
1394 gap: 10px; 1394 gap: 10px;
1395 } 1395 }
1396 @media (min-width: 768px) { 1396 @media (min-width: 768px) {
1397 .filters { 1397 .filters {
1398 -webkit-box-orient: horizontal; 1398 -webkit-box-orient: horizontal;
1399 -webkit-box-direction: normal; 1399 -webkit-box-direction: normal;
1400 -ms-flex-direction: row; 1400 -ms-flex-direction: row;
1401 flex-direction: row; 1401 flex-direction: row;
1402 -webkit-box-align: center; 1402 -webkit-box-align: center;
1403 -ms-flex-align: center; 1403 -ms-flex-align: center;
1404 align-items: center; 1404 align-items: center;
1405 -webkit-box-pack: justify; 1405 -webkit-box-pack: justify;
1406 -ms-flex-pack: justify; 1406 -ms-flex-pack: justify;
1407 justify-content: space-between; 1407 justify-content: space-between;
1408 } 1408 }
1409 } 1409 }
1410 .filters__label { 1410 .filters__label {
1411 color: #377d87; 1411 color: #377d87;
1412 font-size: 12px; 1412 font-size: 12px;
1413 font-weight: 700; 1413 font-weight: 700;
1414 } 1414 }
1415 @media (min-width: 768px) { 1415 @media (min-width: 768px) {
1416 .filters__label { 1416 .filters__label {
1417 font-size: 16px; 1417 font-size: 16px;
1418 } 1418 }
1419 } 1419 }
1420 @media (min-width: 992px) { 1420 @media (min-width: 992px) {
1421 .filters__label { 1421 .filters__label {
1422 font-size: 18px; 1422 font-size: 18px;
1423 } 1423 }
1424 } 1424 }
1425 .filters__body { 1425 .filters__body {
1426 display: -webkit-box; 1426 display: -webkit-box;
1427 display: -ms-flexbox; 1427 display: -ms-flexbox;
1428 display: flex; 1428 display: flex;
1429 -webkit-box-orient: vertical; 1429 -webkit-box-orient: vertical;
1430 -webkit-box-direction: normal; 1430 -webkit-box-direction: normal;
1431 -ms-flex-direction: column; 1431 -ms-flex-direction: column;
1432 flex-direction: column; 1432 flex-direction: column;
1433 } 1433 }
1434 @media (min-width: 768px) { 1434 @media (min-width: 768px) {
1435 .filters__body { 1435 .filters__body {
1436 -webkit-box-orient: horizontal; 1436 -webkit-box-orient: horizontal;
1437 -webkit-box-direction: normal; 1437 -webkit-box-direction: normal;
1438 -ms-flex-direction: row; 1438 -ms-flex-direction: row;
1439 flex-direction: row; 1439 flex-direction: row;
1440 -webkit-box-align: center; 1440 -webkit-box-align: center;
1441 -ms-flex-align: center; 1441 -ms-flex-align: center;
1442 align-items: center; 1442 align-items: center;
1443 } 1443 }
1444 } 1444 }
1445 @media (min-width: 768px) { 1445 @media (min-width: 768px) {
1446 .filters__select { 1446 .filters__select {
1447 width: 250px; 1447 width: 250px;
1448 } 1448 }
1449 } 1449 }
1450 @media (min-width: 992px) { 1450 @media (min-width: 992px) {
1451 .filters__select { 1451 .filters__select {
1452 width: 310px; 1452 width: 310px;
1453 } 1453 }
1454 } 1454 }
1455 .filters__item { 1455 .filters__item {
1456 display: none; 1456 display: none;
1457 -webkit-box-pack: center; 1457 -webkit-box-pack: center;
1458 -ms-flex-pack: center; 1458 -ms-flex-pack: center;
1459 justify-content: center; 1459 justify-content: center;
1460 -webkit-box-align: center; 1460 -webkit-box-align: center;
1461 -ms-flex-align: center; 1461 -ms-flex-align: center;
1462 align-items: center; 1462 align-items: center;
1463 width: 50px; 1463 width: 50px;
1464 height: 50px; 1464 height: 50px;
1465 padding: 0; 1465 padding: 0;
1466 background: #ffffff; 1466 background: #ffffff;
1467 border: 1px solid #377d87; 1467 border: 1px solid #377d87;
1468 color: #377d87; 1468 color: #377d87;
1469 border-radius: 8px; 1469 border-radius: 8px;
1470 margin-left: 20px; 1470 margin-left: 20px;
1471 } 1471 }
1472 @media (min-width: 768px) { 1472 @media (min-width: 768px) {
1473 .filters__item { 1473 .filters__item {
1474 display: -webkit-box; 1474 display: -webkit-box;
1475 display: -ms-flexbox; 1475 display: -ms-flexbox;
1476 display: flex; 1476 display: flex;
1477 } 1477 }
1478 } 1478 }
1479 .filters__item svg { 1479 .filters__item svg {
1480 width: 24px; 1480 width: 24px;
1481 height: 24px; 1481 height: 24px;
1482 } 1482 }
1483 .filters__item.active { 1483 .filters__item.active {
1484 background: #377d87; 1484 background: #377d87;
1485 color: #ffffff; 1485 color: #ffffff;
1486 } 1486 }
1487 .filters__item + .filters__item { 1487 .filters__item + .filters__item {
1488 margin-left: 8px; 1488 margin-left: 8px;
1489 } 1489 }
1490 1490
1491 .like, 1491 .like,
1492 .chat { 1492 .chat {
1493 width: 30px; 1493 width: 30px;
1494 height: 30px; 1494 height: 30px;
1495 display: -webkit-box; 1495 display: -webkit-box;
1496 display: -ms-flexbox; 1496 display: -ms-flexbox;
1497 display: flex; 1497 display: flex;
1498 -webkit-box-pack: center; 1498 -webkit-box-pack: center;
1499 -ms-flex-pack: center; 1499 -ms-flex-pack: center;
1500 justify-content: center; 1500 justify-content: center;
1501 -webkit-box-align: center; 1501 -webkit-box-align: center;
1502 -ms-flex-align: center; 1502 -ms-flex-align: center;
1503 align-items: center; 1503 align-items: center;
1504 background: none; 1504 background: none;
1505 border: 1px solid #377d87; 1505 border: 1px solid #377d87;
1506 padding: 0; 1506 padding: 0;
1507 color: #377d87; 1507 color: #377d87;
1508 border-radius: 6px; 1508 border-radius: 6px;
1509 } 1509 }
1510 @media (min-width: 768px) { 1510 @media (min-width: 768px) {
1511 .like, 1511 .like,
1512 .chat { 1512 .chat {
1513 width: 44px; 1513 width: 44px;
1514 height: 44px; 1514 height: 44px;
1515 } 1515 }
1516 } 1516 }
1517 .like.active, 1517 .like.active,
1518 .chat.active { 1518 .chat.active {
1519 background: #377d87; 1519 background: #377d87;
1520 color: #ffffff; 1520 color: #ffffff;
1521 } 1521 }
1522 .like svg, 1522 .like svg,
1523 .chat svg { 1523 .chat svg {
1524 width: 14px; 1524 width: 14px;
1525 height: 14px; 1525 height: 14px;
1526 } 1526 }
1527 @media (min-width: 768px) { 1527 @media (min-width: 768px) {
1528 .like svg, 1528 .like svg,
1529 .chat svg { 1529 .chat svg {
1530 width: 20px; 1530 width: 20px;
1531 height: 20px; 1531 height: 20px;
1532 } 1532 }
1533 } 1533 }
1534 1534
1535 .checkbox { 1535 .checkbox {
1536 display: -webkit-box; 1536 display: -webkit-box;
1537 display: -ms-flexbox; 1537 display: -ms-flexbox;
1538 display: flex; 1538 display: flex;
1539 -webkit-box-align: start; 1539 -webkit-box-align: start;
1540 -ms-flex-align: start; 1540 -ms-flex-align: start;
1541 align-items: flex-start; 1541 align-items: flex-start;
1542 cursor: pointer; 1542 cursor: pointer;
1543 position: relative; 1543 position: relative;
1544 } 1544 }
1545 .checkbox__input { 1545 .checkbox__input {
1546 position: absolute; 1546 position: absolute;
1547 z-index: 1; 1547 z-index: 1;
1548 width: 14px; 1548 width: 14px;
1549 height: 14px; 1549 height: 14px;
1550 padding: 0; 1550 padding: 0;
1551 background: none; 1551 background: none;
1552 border: none; 1552 border: none;
1553 opacity: 0; 1553 opacity: 0;
1554 } 1554 }
1555 @media (min-width: 768px) { 1555 @media (min-width: 768px) {
1556 .checkbox__input { 1556 .checkbox__input {
1557 width: 20px; 1557 width: 20px;
1558 height: 20px; 1558 height: 20px;
1559 } 1559 }
1560 } 1560 }
1561 .checkbox__icon { 1561 .checkbox__icon {
1562 width: 14px; 1562 width: 14px;
1563 height: 14px; 1563 height: 14px;
1564 border: 1px solid #cfcfcf; 1564 border: 1px solid #cfcfcf;
1565 background: #ffffff; 1565 background: #ffffff;
1566 color: #ffffff; 1566 color: #ffffff;
1567 display: -webkit-box; 1567 display: -webkit-box;
1568 display: -ms-flexbox; 1568 display: -ms-flexbox;
1569 display: flex; 1569 display: flex;
1570 -webkit-box-pack: center; 1570 -webkit-box-pack: center;
1571 -ms-flex-pack: center; 1571 -ms-flex-pack: center;
1572 justify-content: center; 1572 justify-content: center;
1573 -webkit-box-align: center; 1573 -webkit-box-align: center;
1574 -ms-flex-align: center; 1574 -ms-flex-align: center;
1575 align-items: center; 1575 align-items: center;
1576 border-radius: 4px; 1576 border-radius: 4px;
1577 -webkit-transition: 0.3s; 1577 -webkit-transition: 0.3s;
1578 transition: 0.3s; 1578 transition: 0.3s;
1579 position: relative; 1579 position: relative;
1580 z-index: 2; 1580 z-index: 2;
1581 } 1581 }
1582 @media (min-width: 768px) { 1582 @media (min-width: 768px) {
1583 .checkbox__icon { 1583 .checkbox__icon {
1584 width: 20px; 1584 width: 20px;
1585 height: 20px; 1585 height: 20px;
1586 } 1586 }
1587 } 1587 }
1588 .checkbox__icon svg { 1588 .checkbox__icon svg {
1589 width: 8px; 1589 width: 8px;
1590 height: 8px; 1590 height: 8px;
1591 opacity: 0; 1591 opacity: 0;
1592 } 1592 }
1593 @media (min-width: 768px) { 1593 @media (min-width: 768px) {
1594 .checkbox__icon svg { 1594 .checkbox__icon svg {
1595 width: 10px; 1595 width: 10px;
1596 height: 10px; 1596 height: 10px;
1597 } 1597 }
1598 } 1598 }
1599 .checkbox__input:checked + .checkbox__icon { 1599 .checkbox__input:checked + .checkbox__icon {
1600 border-color: #377d87; 1600 border-color: #377d87;
1601 background: #377d87; 1601 background: #377d87;
1602 } 1602 }
1603 .checkbox__input:checked + .checkbox__icon svg { 1603 .checkbox__input:checked + .checkbox__icon svg {
1604 opacity: 1; 1604 opacity: 1;
1605 } 1605 }
1606 .checkbox__text { 1606 .checkbox__text {
1607 width: calc(100% - 14px); 1607 width: calc(100% - 14px);
1608 padding-left: 6px; 1608 padding-left: 6px;
1609 font-size: 12px; 1609 font-size: 12px;
1610 line-height: 1; 1610 line-height: 1;
1611 display: -webkit-box; 1611 display: -webkit-box;
1612 display: -ms-flexbox; 1612 display: -ms-flexbox;
1613 display: flex; 1613 display: flex;
1614 -webkit-box-align: center; 1614 -webkit-box-align: center;
1615 -ms-flex-align: center; 1615 -ms-flex-align: center;
1616 align-items: center; 1616 align-items: center;
1617 min-height: 14px; 1617 min-height: 14px;
1618 } 1618 }
1619 @media (min-width: 768px) { 1619 @media (min-width: 768px) {
1620 .checkbox__text { 1620 .checkbox__text {
1621 width: calc(100% - 20px); 1621 width: calc(100% - 20px);
1622 padding-left: 12px; 1622 padding-left: 12px;
1623 font-size: 15px; 1623 font-size: 15px;
1624 min-height: 20px; 1624 min-height: 20px;
1625 } 1625 }
1626 } 1626 }
1627 .checkbox__text a { 1627 .checkbox__text a {
1628 color: #377d87; 1628 color: #377d87;
1629 text-decoration: underline; 1629 text-decoration: underline;
1630 } 1630 }
1631 1631
1632 .file { 1632 .file {
1633 display: -webkit-box; 1633 display: -webkit-box;
1634 display: -ms-flexbox; 1634 display: -ms-flexbox;
1635 display: flex; 1635 display: flex;
1636 -webkit-box-orient: vertical; 1636 -webkit-box-orient: vertical;
1637 -webkit-box-direction: normal; 1637 -webkit-box-direction: normal;
1638 -ms-flex-direction: column; 1638 -ms-flex-direction: column;
1639 flex-direction: column; 1639 flex-direction: column;
1640 } 1640 }
1641 .file__input input { 1641 .file__input input {
1642 display: none; 1642 display: none;
1643 } 1643 }
1644 .file__list { 1644 .file__list {
1645 display: -webkit-box; 1645 display: -webkit-box;
1646 display: -ms-flexbox; 1646 display: -ms-flexbox;
1647 display: flex; 1647 display: flex;
1648 -webkit-box-orient: vertical; 1648 -webkit-box-orient: vertical;
1649 -webkit-box-direction: normal; 1649 -webkit-box-direction: normal;
1650 -ms-flex-direction: column; 1650 -ms-flex-direction: column;
1651 flex-direction: column; 1651 flex-direction: column;
1652 } 1652 }
1653 .file__list-item { 1653 .file__list-item {
1654 display: -webkit-box; 1654 display: -webkit-box;
1655 display: -ms-flexbox; 1655 display: -ms-flexbox;
1656 display: flex; 1656 display: flex;
1657 -webkit-box-align: start; 1657 -webkit-box-align: start;
1658 -ms-flex-align: start; 1658 -ms-flex-align: start;
1659 align-items: flex-start; 1659 align-items: flex-start;
1660 margin-top: 16px; 1660 margin-top: 16px;
1661 } 1661 }
1662 .file__list-item-left { 1662 .file__list-item-left {
1663 width: calc(100% - 16px); 1663 width: calc(100% - 16px);
1664 min-height: 16px; 1664 min-height: 16px;
1665 color: #9c9d9d; 1665 color: #9c9d9d;
1666 font-size: 12px; 1666 font-size: 12px;
1667 display: -webkit-box; 1667 display: -webkit-box;
1668 display: -ms-flexbox; 1668 display: -ms-flexbox;
1669 display: flex; 1669 display: flex;
1670 -webkit-box-align: start; 1670 -webkit-box-align: start;
1671 -ms-flex-align: start; 1671 -ms-flex-align: start;
1672 align-items: flex-start; 1672 align-items: flex-start;
1673 } 1673 }
1674 @media (min-width: 768px) { 1674 @media (min-width: 768px) {
1675 .file__list-item-left { 1675 .file__list-item-left {
1676 width: auto; 1676 width: auto;
1677 max-width: calc(100% - 16px); 1677 max-width: calc(100% - 16px);
1678 font-size: 16px; 1678 font-size: 16px;
1679 } 1679 }
1680 } 1680 }
1681 .file__list-item-left svg { 1681 .file__list-item-left svg {
1682 width: 16px; 1682 width: 16px;
1683 height: 16px; 1683 height: 16px;
1684 } 1684 }
1685 .file__list-item-left span { 1685 .file__list-item-left span {
1686 width: calc(100% - 16px); 1686 width: calc(100% - 16px);
1687 min-height: 16px; 1687 min-height: 16px;
1688 display: -webkit-box; 1688 display: -webkit-box;
1689 display: -ms-flexbox; 1689 display: -ms-flexbox;
1690 display: flex; 1690 display: flex;
1691 -webkit-box-align: center; 1691 -webkit-box-align: center;
1692 -ms-flex-align: center; 1692 -ms-flex-align: center;
1693 align-items: center; 1693 align-items: center;
1694 padding: 0 8px; 1694 padding: 0 8px;
1695 } 1695 }
1696 .file__list-item-right { 1696 .file__list-item-right {
1697 display: -webkit-box; 1697 display: -webkit-box;
1698 display: -ms-flexbox; 1698 display: -ms-flexbox;
1699 display: flex; 1699 display: flex;
1700 -webkit-box-pack: center; 1700 -webkit-box-pack: center;
1701 -ms-flex-pack: center; 1701 -ms-flex-pack: center;
1702 justify-content: center; 1702 justify-content: center;
1703 -webkit-box-align: center; 1703 -webkit-box-align: center;
1704 -ms-flex-align: center; 1704 -ms-flex-align: center;
1705 align-items: center; 1705 align-items: center;
1706 padding: 0; 1706 padding: 0;
1707 background: none; 1707 background: none;
1708 border: none; 1708 border: none;
1709 width: 16px; 1709 width: 16px;
1710 height: 16px; 1710 height: 16px;
1711 color: #377d87; 1711 color: #377d87;
1712 } 1712 }
1713 .file__list-item-right:hover { 1713 .file__list-item-right:hover {
1714 color: #3a3b3c; 1714 color: #3a3b3c;
1715 } 1715 }
1716 .file__list-item-right svg { 1716 .file__list-item-right svg {
1717 width: 10px; 1717 width: 10px;
1718 height: 10px; 1718 height: 10px;
1719 } 1719 }
1720 .file__list-item + .file__list-item { 1720 .file__list-item + .file__list-item {
1721 margin-top: 10px; 1721 margin-top: 10px;
1722 } 1722 }
1723 1723
1724 .rate { 1724 .rate {
1725 display: -webkit-box; 1725 display: -webkit-box;
1726 display: -ms-flexbox; 1726 display: -ms-flexbox;
1727 display: flex; 1727 display: flex;
1728 -webkit-box-align: center; 1728 -webkit-box-align: center;
1729 -ms-flex-align: center; 1729 -ms-flex-align: center;
1730 align-items: center; 1730 align-items: center;
1731 gap: 10px; 1731 gap: 10px;
1732 } 1732 }
1733 @media (min-width: 768px) { 1733 @media (min-width: 768px) {
1734 .rate { 1734 .rate {
1735 gap: 20px; 1735 gap: 20px;
1736 } 1736 }
1737 } 1737 }
1738 .rate__label { 1738 .rate__label {
1739 font-size: 12px; 1739 font-size: 12px;
1740 font-weight: 700; 1740 font-weight: 700;
1741 line-height: 1; 1741 line-height: 1;
1742 } 1742 }
1743 @media (min-width: 768px) { 1743 @media (min-width: 768px) {
1744 .rate__label { 1744 .rate__label {
1745 font-size: 18px; 1745 font-size: 18px;
1746 } 1746 }
1747 } 1747 }
1748 .rate__stars { 1748 .rate__stars {
1749 display: -webkit-box; 1749 display: -webkit-box;
1750 display: -ms-flexbox; 1750 display: -ms-flexbox;
1751 display: flex; 1751 display: flex;
1752 -webkit-box-orient: vertical; 1752 -webkit-box-orient: vertical;
1753 -webkit-box-direction: normal; 1753 -webkit-box-direction: normal;
1754 -ms-flex-direction: column; 1754 -ms-flex-direction: column;
1755 flex-direction: column; 1755 flex-direction: column;
1756 } 1756 }
1757 1757
1758 .back { 1758 .back {
1759 display: -webkit-box; 1759 display: -webkit-box;
1760 display: -ms-flexbox; 1760 display: -ms-flexbox;
1761 display: flex; 1761 display: flex;
1762 -webkit-box-align: center; 1762 -webkit-box-align: center;
1763 -ms-flex-align: center; 1763 -ms-flex-align: center;
1764 align-items: center; 1764 align-items: center;
1765 font-size: 14px; 1765 font-size: 14px;
1766 color: #377d87; 1766 color: #377d87;
1767 font-weight: 700; 1767 font-weight: 700;
1768 } 1768 }
1769 @media (min-width: 768px) { 1769 @media (min-width: 768px) {
1770 .back { 1770 .back {
1771 font-size: 18px; 1771 font-size: 18px;
1772 } 1772 }
1773 } 1773 }
1774 .back:hover { 1774 .back:hover {
1775 color: #4d88d9; 1775 color: #4d88d9;
1776 } 1776 }
1777 .back svg { 1777 .back svg {
1778 width: 16px; 1778 width: 16px;
1779 height: 16px; 1779 height: 16px;
1780 } 1780 }
1781 @media (min-width: 768px) { 1781 @media (min-width: 768px) {
1782 .back svg { 1782 .back svg {
1783 width: 26px; 1783 width: 26px;
1784 height: 26px; 1784 height: 26px;
1785 } 1785 }
1786 } 1786 }
1787 .back span { 1787 .back span {
1788 width: calc(100% - 16px); 1788 width: calc(100% - 16px);
1789 padding-left: 10px; 1789 padding-left: 10px;
1790 } 1790 }
1791 @media (min-width: 768px) { 1791 @media (min-width: 768px) {
1792 .back span { 1792 .back span {
1793 width: calc(100% - 26px); 1793 width: calc(100% - 26px);
1794 padding-left: 20px; 1794 padding-left: 20px;
1795 } 1795 }
1796 } 1796 }
1797 1797
1798 .callback { 1798 .callback {
1799 display: -webkit-box; 1799 display: -webkit-box;
1800 display: -ms-flexbox; 1800 display: -ms-flexbox;
1801 display: flex; 1801 display: flex;
1802 -webkit-box-orient: vertical; 1802 -webkit-box-orient: vertical;
1803 -webkit-box-direction: normal; 1803 -webkit-box-direction: normal;
1804 -ms-flex-direction: column; 1804 -ms-flex-direction: column;
1805 flex-direction: column; 1805 flex-direction: column;
1806 gap: 16px; 1806 gap: 16px;
1807 } 1807 }
1808 @media (min-width: 992px) { 1808 @media (min-width: 992px) {
1809 .callback { 1809 .callback {
1810 -webkit-box-orient: horizontal; 1810 -webkit-box-orient: horizontal;
1811 -webkit-box-direction: normal; 1811 -webkit-box-direction: normal;
1812 -ms-flex-direction: row; 1812 -ms-flex-direction: row;
1813 flex-direction: row; 1813 flex-direction: row;
1814 -webkit-box-pack: justify; 1814 -webkit-box-pack: justify;
1815 -ms-flex-pack: justify; 1815 -ms-flex-pack: justify;
1816 justify-content: space-between; 1816 justify-content: space-between;
1817 -ms-flex-wrap: wrap; 1817 -ms-flex-wrap: wrap;
1818 flex-wrap: wrap; 1818 flex-wrap: wrap;
1819 gap: 20px 0; 1819 gap: 20px 0;
1820 } 1820 }
1821 } 1821 }
1822 .callback__body { 1822 .callback__body {
1823 display: -webkit-box; 1823 display: -webkit-box;
1824 display: -ms-flexbox; 1824 display: -ms-flexbox;
1825 display: flex; 1825 display: flex;
1826 -webkit-box-orient: vertical; 1826 -webkit-box-orient: vertical;
1827 -webkit-box-direction: normal; 1827 -webkit-box-direction: normal;
1828 -ms-flex-direction: column; 1828 -ms-flex-direction: column;
1829 flex-direction: column; 1829 flex-direction: column;
1830 gap: 16px; 1830 gap: 16px;
1831 } 1831 }
1832 @media (min-width: 992px) { 1832 @media (min-width: 992px) {
1833 .callback__body { 1833 .callback__body {
1834 width: calc(50% - 10px); 1834 width: calc(50% - 10px);
1835 gap: 10px; 1835 gap: 10px;
1836 } 1836 }
1837 } 1837 }
1838 @media (min-width: 992px) { 1838 @media (min-width: 992px) {
1839 .callback__textarea { 1839 .callback__textarea {
1840 width: calc(50% - 10px); 1840 width: calc(50% - 10px);
1841 height: auto; 1841 height: auto;
1842 } 1842 }
1843 } 1843 }
1844 .callback__bottom { 1844 .callback__bottom {
1845 display: -webkit-box; 1845 display: -webkit-box;
1846 display: -ms-flexbox; 1846 display: -ms-flexbox;
1847 display: flex; 1847 display: flex;
1848 -webkit-box-orient: vertical; 1848 -webkit-box-orient: vertical;
1849 -webkit-box-direction: normal; 1849 -webkit-box-direction: normal;
1850 -ms-flex-direction: column; 1850 -ms-flex-direction: column;
1851 flex-direction: column; 1851 flex-direction: column;
1852 gap: 16px; 1852 gap: 16px;
1853 } 1853 }
1854 @media (min-width: 768px) { 1854 @media (min-width: 768px) {
1855 .callback__bottom { 1855 .callback__bottom {
1856 -webkit-box-align: start; 1856 -webkit-box-align: start;
1857 -ms-flex-align: start; 1857 -ms-flex-align: start;
1858 align-items: flex-start; 1858 align-items: flex-start;
1859 } 1859 }
1860 } 1860 }
1861 @media (min-width: 992px) { 1861 @media (min-width: 992px) {
1862 .callback__bottom { 1862 .callback__bottom {
1863 width: 100%; 1863 width: 100%;
1864 gap: 20px; 1864 gap: 20px;
1865 } 1865 }
1866 } 1866 }
1867 1867
1868 .error .input, 1868 .error .input,
1869 .error .textarea { 1869 .error .textarea {
1870 border-color: #eb5757; 1870 border-color: #eb5757;
1871 } 1871 }
1872 .error label { 1872 .error label {
1873 display: block; 1873 display: block;
1874 } 1874 }
1875 1875
1876 .eye { 1876 .eye {
1877 position: absolute; 1877 position: absolute;
1878 z-index: 2; 1878 z-index: 2;
1879 top: 50%; 1879 top: 50%;
1880 -webkit-transform: translate(0, -50%); 1880 -webkit-transform: translate(0, -50%);
1881 -ms-transform: translate(0, -50%); 1881 -ms-transform: translate(0, -50%);
1882 transform: translate(0, -50%); 1882 transform: translate(0, -50%);
1883 right: 10px; 1883 right: 10px;
1884 aspect-ratio: 1/1; 1884 aspect-ratio: 1/1;
1885 width: 16px; 1885 width: 16px;
1886 padding: 0; 1886 padding: 0;
1887 border: none; 1887 border: none;
1888 background: none; 1888 background: none;
1889 color: #9c9d9d; 1889 color: #9c9d9d;
1890 } 1890 }
1891 @media (min-width: 768px) { 1891 @media (min-width: 768px) {
1892 .eye { 1892 .eye {
1893 width: 24px; 1893 width: 24px;
1894 right: 20px; 1894 right: 20px;
1895 } 1895 }
1896 } 1896 }
1897 .eye svg { 1897 .eye svg {
1898 position: absolute; 1898 position: absolute;
1899 top: 0; 1899 top: 0;
1900 left: 0; 1900 left: 0;
1901 width: 100%; 1901 width: 100%;
1902 height: 100%; 1902 height: 100%;
1903 } 1903 }
1904 .eye svg + svg { 1904 .eye svg + svg {
1905 display: none; 1905 display: none;
1906 } 1906 }
1907 .eye.active { 1907 .eye.active {
1908 color: #377d87; 1908 color: #377d87;
1909 } 1909 }
1910 .eye.active svg { 1910 .eye.active svg {
1911 display: none; 1911 display: none;
1912 } 1912 }
1913 .eye.active svg + svg { 1913 .eye.active svg + svg {
1914 display: block; 1914 display: block;
1915 } 1915 }
1916 1916
1917 .del { 1917 .del {
1918 width: 32px; 1918 width: 32px;
1919 aspect-ratio: 1/1; 1919 aspect-ratio: 1/1;
1920 background: #377d87; 1920 background: #377d87;
1921 color: #ffffff; 1921 color: #ffffff;
1922 display: -webkit-box; 1922 display: -webkit-box;
1923 display: -ms-flexbox; 1923 display: -ms-flexbox;
1924 display: flex; 1924 display: flex;
1925 -webkit-box-pack: center; 1925 -webkit-box-pack: center;
1926 -ms-flex-pack: center; 1926 -ms-flex-pack: center;
1927 justify-content: center; 1927 justify-content: center;
1928 -webkit-box-align: center; 1928 -webkit-box-align: center;
1929 -ms-flex-align: center; 1929 -ms-flex-align: center;
1930 align-items: center; 1930 align-items: center;
1931 border-radius: 8px; 1931 border-radius: 8px;
1932 padding: 0; 1932 padding: 0;
1933 border: 1px solid #377d87; 1933 border: 1px solid #377d87;
1934 } 1934 }
1935 .del:hover { 1935 .del:hover {
1936 background: #ffffff; 1936 background: #ffffff;
1937 color: #377d87; 1937 color: #377d87;
1938 } 1938 }
1939 .del svg { 1939 .del svg {
1940 width: 50%; 1940 width: 50%;
1941 aspect-ratio: 1/1; 1941 aspect-ratio: 1/1;
1942 } 1942 }
1943 1943
1944 .notify { 1944 .notify {
1945 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 1945 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
1946 padding: 6px 12px; 1946 padding: 6px 12px;
1947 border-radius: 8px; 1947 border-radius: 8px;
1948 display: -webkit-box; 1948 display: -webkit-box;
1949 display: -ms-flexbox; 1949 display: -ms-flexbox;
1950 display: flex; 1950 display: flex;
1951 -webkit-box-align: start; 1951 -webkit-box-align: start;
1952 -ms-flex-align: start; 1952 -ms-flex-align: start;
1953 align-items: flex-start; 1953 align-items: flex-start;
1954 } 1954 }
1955 @media (min-width: 768px) { 1955 @media (min-width: 768px) {
1956 .notify { 1956 .notify {
1957 padding: 12px 20px; 1957 padding: 12px 20px;
1958 } 1958 }
1959 } 1959 }
1960 .notify_red { 1960 .notify_red {
1961 background: #f9cdcd; 1961 background: #f9cdcd;
1962 } 1962 }
1963 .notify svg { 1963 .notify svg {
1964 color: #4d88d9; 1964 color: #4d88d9;
1965 width: 20px; 1965 width: 20px;
1966 aspect-ratio: 1/1; 1966 aspect-ratio: 1/1;
1967 } 1967 }
1968 .notify span { 1968 .notify span {
1969 font-size: 12px; 1969 font-size: 12px;
1970 padding-left: 10px; 1970 padding-left: 10px;
1971 min-height: 20px; 1971 min-height: 20px;
1972 display: -webkit-box; 1972 display: -webkit-box;
1973 display: -ms-flexbox; 1973 display: -ms-flexbox;
1974 display: flex; 1974 display: flex;
1975 -webkit-box-align: center; 1975 -webkit-box-align: center;
1976 -ms-flex-align: center; 1976 -ms-flex-align: center;
1977 align-items: center; 1977 align-items: center;
1978 } 1978 }
1979 @media (min-width: 768px) { 1979 @media (min-width: 768px) {
1980 .notify span { 1980 .notify span {
1981 font-size: 16px; 1981 font-size: 16px;
1982 } 1982 }
1983 } 1983 }
1984 1984
1985 .table { 1985 .table {
1986 margin: 0 -10px; 1986 margin: 0 -10px;
1987 display: -webkit-box; 1987 display: -webkit-box;
1988 display: -ms-flexbox; 1988 display: -ms-flexbox;
1989 display: flex; 1989 display: flex;
1990 -webkit-box-orient: vertical; 1990 -webkit-box-orient: vertical;
1991 -webkit-box-direction: reverse; 1991 -webkit-box-direction: reverse;
1992 -ms-flex-direction: column-reverse; 1992 -ms-flex-direction: column-reverse;
1993 flex-direction: column-reverse; 1993 flex-direction: column-reverse;
1994 -webkit-box-align: center; 1994 -webkit-box-align: center;
1995 -ms-flex-align: center; 1995 -ms-flex-align: center;
1996 align-items: center; 1996 align-items: center;
1997 gap: 20px; 1997 gap: 20px;
1998 } 1998 }
1999 @media (min-width: 768px) { 1999 @media (min-width: 768px) {
2000 .table { 2000 .table {
2001 margin: 0; 2001 margin: 0;
2002 gap: 30px; 2002 gap: 30px;
2003 } 2003 }
2004 } 2004 }
2005 .table__button { 2005 .table__button {
2006 display: none; 2006 display: none;
2007 } 2007 }
2008 .table_spoiler .table__button { 2008 .table_spoiler .table__button {
2009 display: -webkit-box; 2009 display: -webkit-box;
2010 display: -ms-flexbox; 2010 display: -ms-flexbox;
2011 display: flex; 2011 display: flex;
2012 } 2012 }
2013 .table__scroll { 2013 .table__scroll {
2014 overflow: hidden; 2014 overflow: hidden;
2015 overflow-x: auto; 2015 overflow-x: auto;
2016 padding: 0 10px; 2016 padding: 0 10px;
2017 width: 100%; 2017 width: 100%;
2018 } 2018 }
2019 @media (min-width: 768px) { 2019 @media (min-width: 768px) {
2020 .table__scroll { 2020 .table__scroll {
2021 padding: 0; 2021 padding: 0;
2022 } 2022 }
2023 } 2023 }
2024 .table__body { 2024 .table__body {
2025 border-radius: 8px; 2025 border-radius: 8px;
2026 overflow: hidden; 2026 overflow: hidden;
2027 } 2027 }
2028 .table__body_min-width { 2028 .table__body_min-width {
2029 min-width: 580px; 2029 min-width: 580px;
2030 } 2030 }
2031 .table table { 2031 .table table {
2032 border-collapse: collapse; 2032 border-collapse: collapse;
2033 width: 100%; 2033 width: 100%;
2034 font-size: 12px; 2034 font-size: 12px;
2035 border-radius: 8px; 2035 border-radius: 8px;
2036 } 2036 }
2037 @media (min-width: 768px) { 2037 @media (min-width: 768px) {
2038 .table table { 2038 .table table {
2039 font-size: 14px; 2039 font-size: 14px;
2040 } 2040 }
2041 } 2041 }
2042 @media (min-width: 1280px) { 2042 @media (min-width: 1280px) {
2043 .table table { 2043 .table table {
2044 font-size: 16px; 2044 font-size: 16px;
2045 } 2045 }
2046 } 2046 }
2047 .table thead tr th, 2047 .table thead tr th,
2048 .table thead tr td { 2048 .table thead tr td {
2049 background: #377d87; 2049 background: #377d87;
2050 color: #ffffff; 2050 color: #ffffff;
2051 font-weight: 700; 2051 font-weight: 700;
2052 border-top-color: #377d87; 2052 border-top-color: #377d87;
2053 } 2053 }
2054 .table thead tr th:first-child, 2054 .table thead tr th:first-child,
2055 .table thead tr td:first-child { 2055 .table thead tr td:first-child {
2056 border-left-color: #377d87; 2056 border-left-color: #377d87;
2057 } 2057 }
2058 .table thead tr th:last-child, 2058 .table thead tr th:last-child,
2059 .table thead tr td:last-child { 2059 .table thead tr td:last-child {
2060 border-right-color: #377d87; 2060 border-right-color: #377d87;
2061 } 2061 }
2062 .table_spoiler tr { 2062 .table_spoiler tr {
2063 display: none; 2063 display: none;
2064 } 2064 }
2065 .table_spoiler tr:nth-of-type(1), .table_spoiler tr:nth-of-type(2), .table_spoiler tr:nth-of-type(3), .table_spoiler tr:nth-of-type(4), .table_spoiler tr:nth-of-type(5), .table_spoiler tr:nth-of-type(6) { 2065 .table_spoiler tr:nth-of-type(1), .table_spoiler tr:nth-of-type(2), .table_spoiler tr:nth-of-type(3), .table_spoiler tr:nth-of-type(4), .table_spoiler tr:nth-of-type(5), .table_spoiler tr:nth-of-type(6) {
2066 display: table-row; 2066 display: table-row;
2067 } 2067 }
2068 .table_spoiler.active tr { 2068 .table_spoiler.active tr {
2069 display: table-row; 2069 display: table-row;
2070 } 2070 }
2071 .table th, 2071 .table th,
2072 .table td { 2072 .table td {
2073 text-align: left; 2073 text-align: left;
2074 padding: 10px; 2074 padding: 10px;
2075 border: 1px solid #cecece; 2075 border: 1px solid #cecece;
2076 } 2076 }
2077 @media (min-width: 768px) { 2077 @media (min-width: 768px) {
2078 .table td { 2078 .table td {
2079 padding: 14px 10px; 2079 padding: 14px 10px;
2080 } 2080 }
2081 } 2081 }
2082 .table__status { 2082 .table__status {
2083 color: #9c9d9d; 2083 color: #9c9d9d;
2084 display: -webkit-box; 2084 display: -webkit-box;
2085 display: -ms-flexbox; 2085 display: -ms-flexbox;
2086 display: flex; 2086 display: flex;
2087 -webkit-box-align: center; 2087 -webkit-box-align: center;
2088 -ms-flex-align: center; 2088 -ms-flex-align: center;
2089 align-items: center; 2089 align-items: center;
2090 gap: 6px; 2090 gap: 6px;
2091 position: relative; 2091 position: relative;
2092 padding-left: 14px; 2092 padding-left: 14px;
2093 } 2093 }
2094 .table__status i { 2094 .table__status i {
2095 background: #9c9d9d; 2095 background: #9c9d9d;
2096 width: 8px; 2096 width: 8px;
2097 aspect-ratio: 1/1; 2097 aspect-ratio: 1/1;
2098 border-radius: 999px; 2098 border-radius: 999px;
2099 position: absolute; 2099 position: absolute;
2100 top: 4px; 2100 top: 4px;
2101 left: 0; 2101 left: 0;
2102 } 2102 }
2103 .table__status.green { 2103 .table__status.green {
2104 color: #377d87; 2104 color: #377d87;
2105 } 2105 }
2106 .table__status.green i { 2106 .table__status.green i {
2107 background: #377d87; 2107 background: #377d87;
2108 } 2108 }
2109 .table__link { 2109 .table__link {
2110 display: -webkit-box; 2110 display: -webkit-box;
2111 display: -ms-flexbox; 2111 display: -ms-flexbox;
2112 display: flex; 2112 display: flex;
2113 -webkit-box-align: center; 2113 -webkit-box-align: center;
2114 -ms-flex-align: center; 2114 -ms-flex-align: center;
2115 align-items: center; 2115 align-items: center;
2116 gap: 4px; 2116 gap: 4px;
2117 color: #4d88d9; 2117 color: #4d88d9;
2118 } 2118 }
2119 @media (min-width: 768px) { 2119 @media (min-width: 768px) {
2120 .table__link { 2120 .table__link {
2121 gap: 6px; 2121 gap: 6px;
2122 } 2122 }
2123 } 2123 }
2124 .table__link:hover { 2124 .table__link:hover {
2125 color: #3a3b3c; 2125 color: #3a3b3c;
2126 } 2126 }
2127 .table__link svg { 2127 .table__link svg {
2128 width: 12px; 2128 width: 12px;
2129 aspect-ratio: 1/1; 2129 aspect-ratio: 1/1;
2130 } 2130 }
2131 @media (min-width: 768px) { 2131 @media (min-width: 768px) {
2132 .table__link svg { 2132 .table__link svg {
2133 width: 16px; 2133 width: 16px;
2134 } 2134 }
2135 } 2135 }
2136 .table__controls { 2136 .table__controls {
2137 display: -webkit-box; 2137 display: -webkit-box;
2138 display: -ms-flexbox; 2138 display: -ms-flexbox;
2139 display: flex; 2139 display: flex;
2140 -webkit-box-align: center; 2140 -webkit-box-align: center;
2141 -ms-flex-align: center; 2141 -ms-flex-align: center;
2142 align-items: center; 2142 align-items: center;
2143 gap: 8px; 2143 gap: 8px;
2144 } 2144 }
2145 @media (min-width: 1280px) { 2145 @media (min-width: 1280px) {
2146 .table__controls { 2146 .table__controls {
2147 gap: 12px; 2147 gap: 12px;
2148 } 2148 }
2149 } 2149 }
2150 .table__controls-item { 2150 .table__controls-item {
2151 width: 24px; 2151 width: 24px;
2152 aspect-ratio: 1/1; 2152 aspect-ratio: 1/1;
2153 display: -webkit-box; 2153 display: -webkit-box;
2154 display: -ms-flexbox; 2154 display: -ms-flexbox;
2155 display: flex; 2155 display: flex;
2156 -webkit-box-pack: center; 2156 -webkit-box-pack: center;
2157 -ms-flex-pack: center; 2157 -ms-flex-pack: center;
2158 justify-content: center; 2158 justify-content: center;
2159 -webkit-box-align: center; 2159 -webkit-box-align: center;
2160 -ms-flex-align: center; 2160 -ms-flex-align: center;
2161 align-items: center; 2161 align-items: center;
2162 border: 1px solid #377d87; 2162 border: 1px solid #377d87;
2163 border-radius: 8px; 2163 border-radius: 8px;
2164 color: #377d87; 2164 color: #377d87;
2165 background: none; 2165 background: none;
2166 padding: 0; 2166 padding: 0;
2167 } 2167 }
2168 @media (min-width: 1280px) { 2168 @media (min-width: 1280px) {
2169 .table__controls-item { 2169 .table__controls-item {
2170 width: 30px; 2170 width: 30px;
2171 } 2171 }
2172 } 2172 }
2173 .table__controls-item:hover { 2173 .table__controls-item:hover {
2174 background: #377d87; 2174 background: #377d87;
2175 color: #ffffff; 2175 color: #ffffff;
2176 } 2176 }
2177 .table__controls-item svg { 2177 .table__controls-item svg {
2178 width: 60%; 2178 width: 60%;
2179 aspect-ratio: 1/1; 2179 aspect-ratio: 1/1;
2180 } 2180 }
2181 .table__controls-item:nth-of-type(4) svg { 2181 .table__controls-item:nth-of-type(4) svg {
2182 width: 80%; 2182 width: 80%;
2183 } 2183 }
2184 2184
2185 .gl-star-rating--stars:before, .gl-star-rating--stars:after { 2185 .gl-star-rating--stars:before, .gl-star-rating--stars:after {
2186 display: none; 2186 display: none;
2187 } 2187 }
2188 .gl-star-rating--stars span { 2188 .gl-star-rating--stars span {
2189 width: 22px !important; 2189 width: 22px !important;
2190 height: 22px !important; 2190 height: 22px !important;
2191 background-size: 22px 22px !important; 2191 background-size: 22px 22px !important;
2192 } 2192 }
2193 @media (min-width: 768px) { 2193 @media (min-width: 768px) {
2194 .gl-star-rating--stars span { 2194 .gl-star-rating--stars span {
2195 width: 30px !important; 2195 width: 30px !important;
2196 height: 30px !important; 2196 height: 30px !important;
2197 background-size: 30px 30px !important; 2197 background-size: 30px 30px !important;
2198 } 2198 }
2199 } 2199 }
2200 2200
2201 .more { 2201 .more {
2202 display: -webkit-box; 2202 display: -webkit-box;
2203 display: -ms-flexbox; 2203 display: -ms-flexbox;
2204 display: flex; 2204 display: flex;
2205 -webkit-box-orient: vertical; 2205 -webkit-box-orient: vertical;
2206 -webkit-box-direction: normal; 2206 -webkit-box-direction: normal;
2207 -ms-flex-direction: column; 2207 -ms-flex-direction: column;
2208 flex-direction: column; 2208 flex-direction: column;
2209 -webkit-box-align: center; 2209 -webkit-box-align: center;
2210 -ms-flex-align: center; 2210 -ms-flex-align: center;
2211 align-items: center; 2211 align-items: center;
2212 } 2212 }
2213 .more_mt { 2213 .more_mt {
2214 margin-top: 20px; 2214 margin-top: 20px;
2215 } 2215 }
2216 .more .button { 2216 .more .button {
2217 min-width: 100px; 2217 min-width: 100px;
2218 padding: 0; 2218 padding: 0;
2219 } 2219 }
2220 @media (min-width: 768px) { 2220 @media (min-width: 768px) {
2221 .more .button { 2221 .more .button {
2222 min-width: 180px; 2222 min-width: 180px;
2223 } 2223 }
2224 } 2224 }
2225 2225
2226 .header { 2226 .header {
2227 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 2227 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
2228 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 2228 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
2229 background: #ffffff; 2229 background: #ffffff;
2230 position: relative; 2230 position: relative;
2231 z-index: 5; 2231 z-index: 5;
2232 overflow: hidden; 2232 overflow: hidden;
2233 } 2233 }
2234 @media (min-width: 768px) { 2234 @media (min-width: 768px) {
2235 .header { 2235 .header {
2236 -webkit-box-shadow: none; 2236 -webkit-box-shadow: none;
2237 box-shadow: none; 2237 box-shadow: none;
2238 } 2238 }
2239 } 2239 }
2240 .header__body { 2240 .header__body {
2241 height: 42px; 2241 height: 42px;
2242 display: -webkit-box; 2242 display: -webkit-box;
2243 display: -ms-flexbox; 2243 display: -ms-flexbox;
2244 display: flex; 2244 display: flex;
2245 -webkit-box-pack: justify; 2245 -webkit-box-pack: justify;
2246 -ms-flex-pack: justify; 2246 -ms-flex-pack: justify;
2247 justify-content: space-between; 2247 justify-content: space-between;
2248 -webkit-box-align: center; 2248 -webkit-box-align: center;
2249 -ms-flex-align: center; 2249 -ms-flex-align: center;
2250 align-items: center; 2250 align-items: center;
2251 } 2251 }
2252 @media (min-width: 768px) { 2252 @media (min-width: 768px) {
2253 .header__body { 2253 .header__body {
2254 height: 70px; 2254 height: 70px;
2255 } 2255 }
2256 } 2256 }
2257 .header__left { 2257 .header__left {
2258 display: -webkit-box; 2258 display: -webkit-box;
2259 display: -ms-flexbox; 2259 display: -ms-flexbox;
2260 display: flex; 2260 display: flex;
2261 -webkit-box-align: center; 2261 -webkit-box-align: center;
2262 -ms-flex-align: center; 2262 -ms-flex-align: center;
2263 align-items: center; 2263 align-items: center;
2264 gap: 40px; 2264 gap: 40px;
2265 } 2265 }
2266 .header__right { 2266 .header__right {
2267 display: -webkit-box; 2267 display: -webkit-box;
2268 display: -ms-flexbox; 2268 display: -ms-flexbox;
2269 display: flex; 2269 display: flex;
2270 -webkit-box-align: center; 2270 -webkit-box-align: center;
2271 -ms-flex-align: center; 2271 -ms-flex-align: center;
2272 align-items: center; 2272 align-items: center;
2273 gap: 14px; 2273 gap: 14px;
2274 } 2274 }
2275 @media (min-width: 768px) { 2275 @media (min-width: 768px) {
2276 .header__right { 2276 .header__right {
2277 gap: 20px; 2277 gap: 20px;
2278 } 2278 }
2279 } 2279 }
2280 .header__right-line { 2280 .header__right-line {
2281 width: 1px; 2281 width: 1px;
2282 height: 32px; 2282 height: 32px;
2283 background: #e6e7e7; 2283 background: #e6e7e7;
2284 border-radius: 999px; 2284 border-radius: 999px;
2285 } 2285 }
2286 @media (min-width: 992px) { 2286 @media (min-width: 992px) {
2287 .header__right-line { 2287 .header__right-line {
2288 display: none; 2288 display: none;
2289 } 2289 }
2290 } 2290 }
2291 .header__logo { 2291 .header__logo {
2292 display: -webkit-box; 2292 display: -webkit-box;
2293 display: -ms-flexbox; 2293 display: -ms-flexbox;
2294 display: flex; 2294 display: flex;
2295 -webkit-box-align: center; 2295 -webkit-box-align: center;
2296 -ms-flex-align: center; 2296 -ms-flex-align: center;
2297 align-items: center; 2297 align-items: center;
2298 -webkit-box-pack: center; 2298 -webkit-box-pack: center;
2299 -ms-flex-pack: center; 2299 -ms-flex-pack: center;
2300 justify-content: center; 2300 justify-content: center;
2301 color: #377d87; 2301 color: #377d87;
2302 } 2302 }
2303 .header__logo svg { 2303 .header__logo svg {
2304 width: 105px; 2304 width: 105px;
2305 height: 31px; 2305 height: 31px;
2306 } 2306 }
2307 @media (min-width: 768px) { 2307 @media (min-width: 768px) {
2308 .header__logo svg { 2308 .header__logo svg {
2309 width: 182px; 2309 width: 182px;
2310 height: 54px; 2310 height: 54px;
2311 } 2311 }
2312 } 2312 }
2313 .header__menu { 2313 .header__menu {
2314 display: none; 2314 display: none;
2315 -webkit-box-align: center; 2315 -webkit-box-align: center;
2316 -ms-flex-align: center; 2316 -ms-flex-align: center;
2317 align-items: center; 2317 align-items: center;
2318 gap: 20px; 2318 gap: 20px;
2319 } 2319 }
2320 @media (min-width: 768px) { 2320 @media (min-width: 768px) {
2321 .header__menu { 2321 .header__menu {
2322 display: -webkit-box; 2322 display: -webkit-box;
2323 display: -ms-flexbox; 2323 display: -ms-flexbox;
2324 display: flex; 2324 display: flex;
2325 } 2325 }
2326 } 2326 }
2327 .header__menu-item:hover { 2327 .header__menu-item:hover {
2328 color: #377d87; 2328 color: #377d87;
2329 } 2329 }
2330 .header__notifs { 2330 .header__notifs {
2331 display: -webkit-box; 2331 display: -webkit-box;
2332 display: -ms-flexbox; 2332 display: -ms-flexbox;
2333 display: flex; 2333 display: flex;
2334 -webkit-box-align: center; 2334 -webkit-box-align: center;
2335 -ms-flex-align: center; 2335 -ms-flex-align: center;
2336 align-items: center; 2336 align-items: center;
2337 -webkit-box-pack: center; 2337 -webkit-box-pack: center;
2338 -ms-flex-pack: center; 2338 -ms-flex-pack: center;
2339 justify-content: center; 2339 justify-content: center;
2340 color: #377d87; 2340 color: #377d87;
2341 padding: 0; 2341 padding: 0;
2342 border: none; 2342 border: none;
2343 background: none; 2343 background: none;
2344 width: 24px; 2344 width: 24px;
2345 height: 24px; 2345 height: 24px;
2346 } 2346 }
2347 @media (min-width: 992px) { 2347 @media (min-width: 992px) {
2348 .header__notifs { 2348 .header__notifs {
2349 width: auto; 2349 width: auto;
2350 height: auto; 2350 height: auto;
2351 color: #3a3b3c; 2351 color: #3a3b3c;
2352 line-height: 1.4; 2352 line-height: 1.4;
2353 } 2353 }
2354 } 2354 }
2355 @media (min-width: 992px) { 2355 @media (min-width: 992px) {
2356 .header__notifs:hover { 2356 .header__notifs:hover {
2357 color: #377d87; 2357 color: #377d87;
2358 } 2358 }
2359 } 2359 }
2360 .header__notifs svg { 2360 .header__notifs svg {
2361 width: 20px; 2361 width: 20px;
2362 height: 20px; 2362 height: 20px;
2363 } 2363 }
2364 @media (min-width: 992px) { 2364 @media (min-width: 992px) {
2365 .header__notifs svg { 2365 .header__notifs svg {
2366 display: none; 2366 display: none;
2367 } 2367 }
2368 } 2368 }
2369 .header__notifs span { 2369 .header__notifs span {
2370 display: none; 2370 display: none;
2371 } 2371 }
2372 @media (min-width: 992px) { 2372 @media (min-width: 992px) {
2373 .header__notifs span { 2373 .header__notifs span {
2374 display: inline; 2374 display: inline;
2375 } 2375 }
2376 } 2376 }
2377 .header__notifs_actived { 2377 .header__notifs_actived {
2378 position: relative; 2378 position: relative;
2379 } 2379 }
2380 @media (min-width: 992px) { 2380 @media (min-width: 992px) {
2381 .header__notifs_actived { 2381 .header__notifs_actived {
2382 padding-right: 12px; 2382 padding-right: 12px;
2383 } 2383 }
2384 } 2384 }
2385 .header__notifs_actived:after { 2385 .header__notifs_actived:after {
2386 content: ""; 2386 content: "";
2387 border: 1px solid #ffffff; 2387 border: 1px solid #ffffff;
2388 background: #377d87; 2388 background: #377d87;
2389 border-radius: 999px; 2389 border-radius: 999px;
2390 width: 10px; 2390 width: 10px;
2391 height: 10px; 2391 height: 10px;
2392 position: absolute; 2392 position: absolute;
2393 z-index: 1; 2393 z-index: 1;
2394 top: 0; 2394 top: 0;
2395 right: 0; 2395 right: 0;
2396 } 2396 }
2397 @media (min-width: 992px) { 2397 @media (min-width: 992px) {
2398 .header__notifs_actived:after { 2398 .header__notifs_actived:after {
2399 width: 8px; 2399 width: 8px;
2400 height: 8px; 2400 height: 8px;
2401 border: none; 2401 border: none;
2402 } 2402 }
2403 } 2403 }
2404 .header__burger { 2404 .header__burger {
2405 display: -webkit-box; 2405 display: -webkit-box;
2406 display: -ms-flexbox; 2406 display: -ms-flexbox;
2407 display: flex; 2407 display: flex;
2408 -webkit-box-align: center; 2408 -webkit-box-align: center;
2409 -ms-flex-align: center; 2409 -ms-flex-align: center;
2410 align-items: center; 2410 align-items: center;
2411 -webkit-box-pack: center; 2411 -webkit-box-pack: center;
2412 -ms-flex-pack: center; 2412 -ms-flex-pack: center;
2413 justify-content: center; 2413 justify-content: center;
2414 width: 24px; 2414 width: 24px;
2415 height: 24px; 2415 height: 24px;
2416 color: #377d87; 2416 color: #377d87;
2417 padding: 0; 2417 padding: 0;
2418 border: none; 2418 border: none;
2419 background: none; 2419 background: none;
2420 } 2420 }
2421 @media (min-width: 992px) { 2421 @media (min-width: 992px) {
2422 .header__burger { 2422 .header__burger {
2423 display: none; 2423 display: none;
2424 } 2424 }
2425 } 2425 }
2426 .header__burger svg { 2426 .header__burger svg {
2427 width: 20px; 2427 width: 20px;
2428 height: 20px; 2428 height: 20px;
2429 } 2429 }
2430 .header__burger svg + svg { 2430 .header__burger svg + svg {
2431 display: none; 2431 display: none;
2432 } 2432 }
2433 .header__sign { 2433 .header__sign {
2434 display: none; 2434 display: none;
2435 } 2435 }
2436 @media (min-width: 992px) { 2436 @media (min-width: 992px) {
2437 .header__sign { 2437 .header__sign {
2438 display: -webkit-box; 2438 display: -webkit-box;
2439 display: -ms-flexbox; 2439 display: -ms-flexbox;
2440 display: flex; 2440 display: flex;
2441 } 2441 }
2442 } 2442 }
2443 2443
2444 .mob-menu { 2444 .mob-menu {
2445 display: none; 2445 display: none;
2446 position: fixed; 2446 position: fixed;
2447 bottom: 0; 2447 bottom: 0;
2448 left: 0; 2448 left: 0;
2449 width: 100vw; 2449 width: 100vw;
2450 height: calc(100vh - 42px); 2450 height: calc(100vh - 42px);
2451 z-index: 4; 2451 z-index: 4;
2452 background: #ffffff; 2452 background: #ffffff;
2453 overflow: hidden; 2453 overflow: hidden;
2454 overflow-y: auto; 2454 overflow-y: auto;
2455 padding: 50px 0; 2455 padding: 50px 0;
2456 } 2456 }
2457 .mob-menu__bottom { 2457 .mob-menu__bottom {
2458 display: -webkit-box; 2458 display: -webkit-box;
2459 display: -ms-flexbox; 2459 display: -ms-flexbox;
2460 display: flex; 2460 display: flex;
2461 -webkit-box-orient: vertical; 2461 -webkit-box-orient: vertical;
2462 -webkit-box-direction: normal; 2462 -webkit-box-direction: normal;
2463 -ms-flex-direction: column; 2463 -ms-flex-direction: column;
2464 flex-direction: column; 2464 flex-direction: column;
2465 -webkit-box-align: center; 2465 -webkit-box-align: center;
2466 -ms-flex-align: center; 2466 -ms-flex-align: center;
2467 align-items: center; 2467 align-items: center;
2468 margin-top: 80px; 2468 margin-top: 80px;
2469 } 2469 }
2470 .mob-menu__bottom .button { 2470 .mob-menu__bottom .button {
2471 min-width: 120px; 2471 min-width: 120px;
2472 } 2472 }
2473 .mob-menu__bottom-link { 2473 .mob-menu__bottom-link {
2474 text-decoration: underline; 2474 text-decoration: underline;
2475 margin-top: 50px; 2475 margin-top: 50px;
2476 } 2476 }
2477 .mob-menu__bottom-link:hover { 2477 .mob-menu__bottom-link:hover {
2478 color: #377d87; 2478 color: #377d87;
2479 } 2479 }
2480 .mob-menu__bottom-link + .mob-menu__bottom-link { 2480 .mob-menu__bottom-link + .mob-menu__bottom-link {
2481 margin-top: 10px; 2481 margin-top: 10px;
2482 } 2482 }
2483 .mob-menu__bottom .socials { 2483 .mob-menu__bottom .socials {
2484 margin-top: 35px; 2484 margin-top: 35px;
2485 } 2485 }
2486 .mob-menu .footer__mobile-menu { 2486 .mob-menu .footer__mobile-menu {
2487 opacity: 1; 2487 opacity: 1;
2488 height: auto; 2488 height: auto;
2489 overflow: visible; 2489 overflow: visible;
2490 } 2490 }
2491 .mob-menu .footer__mobile-menu-item button { 2491 .mob-menu .footer__mobile-menu-item button {
2492 -webkit-box-align: center; 2492 -webkit-box-align: center;
2493 -ms-flex-align: center; 2493 -ms-flex-align: center;
2494 align-items: center; 2494 align-items: center;
2495 } 2495 }
2496 .mob-menu .footer__mobile-menu-item div { 2496 .mob-menu .footer__mobile-menu-item div {
2497 font-size: 20px; 2497 font-size: 20px;
2498 } 2498 }
2499 .mob-menu .footer__mobile-contacts a { 2499 .mob-menu .footer__mobile-contacts a {
2500 font-size: 20px; 2500 font-size: 20px;
2501 font-weight: 700; 2501 font-weight: 700;
2502 color: #3a3b3c; 2502 color: #3a3b3c;
2503 text-decoration: none; 2503 text-decoration: none;
2504 } 2504 }
2505 .mob-menu .footer__mobile-contacts a:hover { 2505 .mob-menu .footer__mobile-contacts a:hover {
2506 color: #377d87; 2506 color: #377d87;
2507 } 2507 }
2508 .mob-menu .footer__mobile-menu-item button b, 2508 .mob-menu .footer__mobile-menu-item button b,
2509 .mob-menu .footer__mobile-contacts a { 2509 .mob-menu .footer__mobile-contacts a {
2510 font-size: 30px; 2510 font-size: 30px;
2511 } 2511 }
2512 2512
2513 .menu-is-actived { 2513 .menu-is-actived {
2514 overflow: hidden; 2514 overflow: hidden;
2515 } 2515 }
2516 @media (min-width: 992px) { 2516 @media (min-width: 992px) {
2517 .menu-is-actived { 2517 .menu-is-actived {
2518 overflow: auto; 2518 overflow: auto;
2519 } 2519 }
2520 } 2520 }
2521 .menu-is-actived .header__burger svg { 2521 .menu-is-actived .header__burger svg {
2522 display: none; 2522 display: none;
2523 } 2523 }
2524 .menu-is-actived .header__burger svg + svg { 2524 .menu-is-actived .header__burger svg + svg {
2525 display: block; 2525 display: block;
2526 } 2526 }
2527 .menu-is-actived .mob-menu { 2527 .menu-is-actived .mob-menu {
2528 display: block; 2528 display: block;
2529 } 2529 }
2530 @media (min-width: 992px) { 2530 @media (min-width: 992px) {
2531 .menu-is-actived .mob-menu { 2531 .menu-is-actived .mob-menu {
2532 display: none; 2532 display: none;
2533 } 2533 }
2534 } 2534 }
2535 2535
2536 .footer { 2536 .footer {
2537 -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25); 2537 -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25);
2538 box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25); 2538 box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25);
2539 background: #ffffff; 2539 background: #ffffff;
2540 position: relative; 2540 position: relative;
2541 z-index: 1; 2541 z-index: 1;
2542 overflow: hidden; 2542 overflow: hidden;
2543 } 2543 }
2544 .footer__mobile { 2544 .footer__mobile {
2545 display: -webkit-box; 2545 display: -webkit-box;
2546 display: -ms-flexbox; 2546 display: -ms-flexbox;
2547 display: flex; 2547 display: flex;
2548 -webkit-box-orient: vertical; 2548 -webkit-box-orient: vertical;
2549 -webkit-box-direction: normal; 2549 -webkit-box-direction: normal;
2550 -ms-flex-direction: column; 2550 -ms-flex-direction: column;
2551 flex-direction: column; 2551 flex-direction: column;
2552 padding: 25px 0 30px 0; 2552 padding: 25px 0 30px 0;
2553 } 2553 }
2554 @media (min-width: 768px) { 2554 @media (min-width: 768px) {
2555 .footer__mobile { 2555 .footer__mobile {
2556 padding: 30px 0; 2556 padding: 30px 0;
2557 } 2557 }
2558 } 2558 }
2559 @media (min-width: 992px) { 2559 @media (min-width: 992px) {
2560 .footer__mobile { 2560 .footer__mobile {
2561 display: none; 2561 display: none;
2562 } 2562 }
2563 } 2563 }
2564 .footer__mobile-toper { 2564 .footer__mobile-toper {
2565 display: -webkit-box; 2565 display: -webkit-box;
2566 display: -ms-flexbox; 2566 display: -ms-flexbox;
2567 display: flex; 2567 display: flex;
2568 -webkit-box-pack: justify; 2568 -webkit-box-pack: justify;
2569 -ms-flex-pack: justify; 2569 -ms-flex-pack: justify;
2570 justify-content: space-between; 2570 justify-content: space-between;
2571 -webkit-box-align: center; 2571 -webkit-box-align: center;
2572 -ms-flex-align: center; 2572 -ms-flex-align: center;
2573 align-items: center; 2573 align-items: center;
2574 padding: 0; 2574 padding: 0;
2575 border: none; 2575 border: none;
2576 background: none; 2576 background: none;
2577 } 2577 }
2578 .footer__mobile-toper a, .footer__mobile-toper b { 2578 .footer__mobile-toper a, .footer__mobile-toper b {
2579 display: -webkit-box; 2579 display: -webkit-box;
2580 display: -ms-flexbox; 2580 display: -ms-flexbox;
2581 display: flex; 2581 display: flex;
2582 -webkit-box-pack: center; 2582 -webkit-box-pack: center;
2583 -ms-flex-pack: center; 2583 -ms-flex-pack: center;
2584 justify-content: center; 2584 justify-content: center;
2585 -webkit-box-align: center; 2585 -webkit-box-align: center;
2586 -ms-flex-align: center; 2586 -ms-flex-align: center;
2587 align-items: center; 2587 align-items: center;
2588 color: #377d87; 2588 color: #377d87;
2589 } 2589 }
2590 .footer__mobile-toper a svg, .footer__mobile-toper b svg { 2590 .footer__mobile-toper a svg, .footer__mobile-toper b svg {
2591 width: 137px; 2591 width: 137px;
2592 height: 40px; 2592 height: 40px;
2593 } 2593 }
2594 .footer__mobile-toper span { 2594 .footer__mobile-toper span {
2595 width: 40px; 2595 width: 40px;
2596 height: 40px; 2596 height: 40px;
2597 display: -webkit-box; 2597 display: -webkit-box;
2598 display: -ms-flexbox; 2598 display: -ms-flexbox;
2599 display: flex; 2599 display: flex;
2600 -webkit-box-pack: center; 2600 -webkit-box-pack: center;
2601 -ms-flex-pack: center; 2601 -ms-flex-pack: center;
2602 justify-content: center; 2602 justify-content: center;
2603 -webkit-box-align: center; 2603 -webkit-box-align: center;
2604 -ms-flex-align: center; 2604 -ms-flex-align: center;
2605 align-items: center; 2605 align-items: center;
2606 background: #377d87; 2606 background: #377d87;
2607 color: #ffffff; 2607 color: #ffffff;
2608 border-radius: 999px; 2608 border-radius: 999px;
2609 } 2609 }
2610 .footer__mobile-toper span svg { 2610 .footer__mobile-toper span svg {
2611 width: 10px; 2611 width: 10px;
2612 height: 10px; 2612 height: 10px;
2613 -webkit-transition: 0.3s; 2613 -webkit-transition: 0.3s;
2614 transition: 0.3s; 2614 transition: 0.3s;
2615 } 2615 }
2616 .footer__mobile-toper.active span svg { 2616 .footer__mobile-toper.active span svg {
2617 -webkit-transform: rotate(180deg); 2617 -webkit-transform: rotate(180deg);
2618 -ms-transform: rotate(180deg); 2618 -ms-transform: rotate(180deg);
2619 transform: rotate(180deg); 2619 transform: rotate(180deg);
2620 } 2620 }
2621 .footer__mobile-menu { 2621 .footer__mobile-menu {
2622 height: 0; 2622 height: 0;
2623 opacity: 0; 2623 opacity: 0;
2624 overflow: hidden; 2624 overflow: hidden;
2625 -webkit-transition: 0.3s; 2625 -webkit-transition: 0.3s;
2626 transition: 0.3s; 2626 transition: 0.3s;
2627 display: -webkit-box; 2627 display: -webkit-box;
2628 display: -ms-flexbox; 2628 display: -ms-flexbox;
2629 display: flex; 2629 display: flex;
2630 -webkit-box-orient: vertical; 2630 -webkit-box-orient: vertical;
2631 -webkit-box-direction: normal; 2631 -webkit-box-direction: normal;
2632 -ms-flex-direction: column; 2632 -ms-flex-direction: column;
2633 flex-direction: column; 2633 flex-direction: column;
2634 gap: 30px; 2634 gap: 30px;
2635 } 2635 }
2636 @media (min-width: 768px) { 2636 @media (min-width: 768px) {
2637 .footer__mobile-menu { 2637 .footer__mobile-menu {
2638 display: grid; 2638 display: grid;
2639 grid-template-columns: 1fr 1fr; 2639 grid-template-columns: 1fr 1fr;
2640 gap: 100px; 2640 gap: 100px;
2641 } 2641 }
2642 } 2642 }
2643 .footer__mobile-menu-item { 2643 .footer__mobile-menu-item {
2644 display: -webkit-box; 2644 display: -webkit-box;
2645 display: -ms-flexbox; 2645 display: -ms-flexbox;
2646 display: flex; 2646 display: flex;
2647 -webkit-box-orient: vertical; 2647 -webkit-box-orient: vertical;
2648 -webkit-box-direction: normal; 2648 -webkit-box-direction: normal;
2649 -ms-flex-direction: column; 2649 -ms-flex-direction: column;
2650 flex-direction: column; 2650 flex-direction: column;
2651 } 2651 }
2652 .footer__mobile-menu-item button { 2652 .footer__mobile-menu-item button {
2653 display: -webkit-box; 2653 display: -webkit-box;
2654 display: -ms-flexbox; 2654 display: -ms-flexbox;
2655 display: flex; 2655 display: flex;
2656 -webkit-box-align: start; 2656 -webkit-box-align: start;
2657 -ms-flex-align: start; 2657 -ms-flex-align: start;
2658 align-items: flex-start; 2658 align-items: flex-start;
2659 padding: 0; 2659 padding: 0;
2660 border: none; 2660 border: none;
2661 background: none; 2661 background: none;
2662 } 2662 }
2663 .footer__mobile-menu-item button.active { 2663 .footer__mobile-menu-item button.active {
2664 color: #377d87; 2664 color: #377d87;
2665 } 2665 }
2666 .footer__mobile-menu-item button b { 2666 .footer__mobile-menu-item button b {
2667 width: calc(100% - 24px); 2667 width: calc(100% - 24px);
2668 padding-right: 12px; 2668 padding-right: 12px;
2669 min-height: 24px; 2669 min-height: 24px;
2670 display: -webkit-box; 2670 display: -webkit-box;
2671 display: -ms-flexbox; 2671 display: -ms-flexbox;
2672 display: flex; 2672 display: flex;
2673 -webkit-box-align: center; 2673 -webkit-box-align: center;
2674 -ms-flex-align: center; 2674 -ms-flex-align: center;
2675 align-items: center; 2675 align-items: center;
2676 font-size: 20px; 2676 font-size: 20px;
2677 font-weight: 700; 2677 font-weight: 700;
2678 } 2678 }
2679 .footer__mobile-menu-item button span { 2679 .footer__mobile-menu-item button span {
2680 width: 24px; 2680 width: 24px;
2681 height: 24px; 2681 height: 24px;
2682 display: -webkit-box; 2682 display: -webkit-box;
2683 display: -ms-flexbox; 2683 display: -ms-flexbox;
2684 display: flex; 2684 display: flex;
2685 -webkit-box-pack: center; 2685 -webkit-box-pack: center;
2686 -ms-flex-pack: center; 2686 -ms-flex-pack: center;
2687 justify-content: center; 2687 justify-content: center;
2688 -webkit-box-align: center; 2688 -webkit-box-align: center;
2689 -ms-flex-align: center; 2689 -ms-flex-align: center;
2690 align-items: center; 2690 align-items: center;
2691 padding: 0; 2691 padding: 0;
2692 border: none; 2692 border: none;
2693 background: none; 2693 background: none;
2694 } 2694 }
2695 .footer__mobile-menu-item button svg { 2695 .footer__mobile-menu-item button svg {
2696 width: 12px; 2696 width: 12px;
2697 height: 12px; 2697 height: 12px;
2698 -webkit-transition: 0.3s; 2698 -webkit-transition: 0.3s;
2699 transition: 0.3s; 2699 transition: 0.3s;
2700 -webkit-transform: rotate(180deg); 2700 -webkit-transform: rotate(180deg);
2701 -ms-transform: rotate(180deg); 2701 -ms-transform: rotate(180deg);
2702 transform: rotate(180deg); 2702 transform: rotate(180deg);
2703 } 2703 }
2704 .footer__mobile-menu-item button.active svg { 2704 .footer__mobile-menu-item button.active svg {
2705 -webkit-transform: rotate(0deg); 2705 -webkit-transform: rotate(0deg);
2706 -ms-transform: rotate(0deg); 2706 -ms-transform: rotate(0deg);
2707 transform: rotate(0deg); 2707 transform: rotate(0deg);
2708 } 2708 }
2709 .footer__mobile-menu-item div { 2709 .footer__mobile-menu-item div {
2710 height: 0; 2710 height: 0;
2711 opacity: 0; 2711 opacity: 0;
2712 overflow: hidden; 2712 overflow: hidden;
2713 -webkit-transition: 0.3s; 2713 -webkit-transition: 0.3s;
2714 transition: 0.3s; 2714 transition: 0.3s;
2715 display: -webkit-box; 2715 display: -webkit-box;
2716 display: -ms-flexbox; 2716 display: -ms-flexbox;
2717 display: flex; 2717 display: flex;
2718 -webkit-box-orient: vertical; 2718 -webkit-box-orient: vertical;
2719 -webkit-box-direction: normal; 2719 -webkit-box-direction: normal;
2720 -ms-flex-direction: column; 2720 -ms-flex-direction: column;
2721 flex-direction: column; 2721 flex-direction: column;
2722 gap: 15px; 2722 gap: 15px;
2723 } 2723 }
2724 .footer__mobile-menu-item div a:hover { 2724 .footer__mobile-menu-item div a:hover {
2725 color: #377d87; 2725 color: #377d87;
2726 } 2726 }
2727 .footer__mobile-menu-item .active + div { 2727 .footer__mobile-menu-item .active + div {
2728 opacity: 1; 2728 opacity: 1;
2729 height: auto; 2729 height: auto;
2730 overflow: visible; 2730 overflow: visible;
2731 padding-top: 15px; 2731 padding-top: 15px;
2732 } 2732 }
2733 .active + .footer__mobile-menu { 2733 .active + .footer__mobile-menu {
2734 opacity: 1; 2734 opacity: 1;
2735 height: auto; 2735 height: auto;
2736 overflow: visible; 2736 overflow: visible;
2737 padding-top: 35px; 2737 padding-top: 35px;
2738 } 2738 }
2739 .footer__mobile-contacts { 2739 .footer__mobile-contacts {
2740 display: -webkit-box; 2740 display: -webkit-box;
2741 display: -ms-flexbox; 2741 display: -ms-flexbox;
2742 display: flex; 2742 display: flex;
2743 -webkit-box-pack: justify; 2743 -webkit-box-pack: justify;
2744 -ms-flex-pack: justify; 2744 -ms-flex-pack: justify;
2745 justify-content: space-between; 2745 justify-content: space-between;
2746 -webkit-box-align: start; 2746 -webkit-box-align: start;
2747 -ms-flex-align: start; 2747 -ms-flex-align: start;
2748 align-items: flex-start; 2748 align-items: flex-start;
2749 -ms-flex-wrap: wrap; 2749 -ms-flex-wrap: wrap;
2750 flex-wrap: wrap; 2750 flex-wrap: wrap;
2751 margin-top: 30px; 2751 margin-top: 30px;
2752 } 2752 }
2753 .footer__mobile-contacts b { 2753 .footer__mobile-contacts b {
2754 font-size: 20px; 2754 font-size: 20px;
2755 font-weight: 700; 2755 font-weight: 700;
2756 width: 100%; 2756 width: 100%;
2757 margin-bottom: 20px; 2757 margin-bottom: 20px;
2758 } 2758 }
2759 .footer__mobile-contacts a { 2759 .footer__mobile-contacts a {
2760 color: #377d87; 2760 color: #377d87;
2761 text-decoration: underline; 2761 text-decoration: underline;
2762 } 2762 }
2763 .footer__mobile-contacts a + a { 2763 .footer__mobile-contacts a + a {
2764 color: #3a3b3c; 2764 color: #3a3b3c;
2765 } 2765 }
2766 .footer__mobile-bottom { 2766 .footer__mobile-bottom {
2767 display: -webkit-box; 2767 display: -webkit-box;
2768 display: -ms-flexbox; 2768 display: -ms-flexbox;
2769 display: flex; 2769 display: flex;
2770 -webkit-box-orient: vertical; 2770 -webkit-box-orient: vertical;
2771 -webkit-box-direction: normal; 2771 -webkit-box-direction: normal;
2772 -ms-flex-direction: column; 2772 -ms-flex-direction: column;
2773 flex-direction: column; 2773 flex-direction: column;
2774 -webkit-box-align: center; 2774 -webkit-box-align: center;
2775 -ms-flex-align: center; 2775 -ms-flex-align: center;
2776 align-items: center; 2776 align-items: center;
2777 text-align: center; 2777 text-align: center;
2778 gap: 20px; 2778 gap: 20px;
2779 margin-top: 100px; 2779 margin-top: 100px;
2780 } 2780 }
2781 .footer__mobile-links { 2781 .footer__mobile-links {
2782 display: -webkit-box; 2782 display: -webkit-box;
2783 display: -ms-flexbox; 2783 display: -ms-flexbox;
2784 display: flex; 2784 display: flex;
2785 -webkit-box-orient: vertical; 2785 -webkit-box-orient: vertical;
2786 -webkit-box-direction: normal; 2786 -webkit-box-direction: normal;
2787 -ms-flex-direction: column; 2787 -ms-flex-direction: column;
2788 flex-direction: column; 2788 flex-direction: column;
2789 -webkit-box-align: center; 2789 -webkit-box-align: center;
2790 -ms-flex-align: center; 2790 -ms-flex-align: center;
2791 align-items: center; 2791 align-items: center;
2792 gap: 10px; 2792 gap: 10px;
2793 } 2793 }
2794 .footer__mobile-links a:hover { 2794 .footer__mobile-links a:hover {
2795 color: #377d87; 2795 color: #377d87;
2796 } 2796 }
2797 .footer__mobile-links span { 2797 .footer__mobile-links span {
2798 width: 60px; 2798 width: 60px;
2799 height: 1px; 2799 height: 1px;
2800 background: #377d87; 2800 background: #377d87;
2801 } 2801 }
2802 .footer__main { 2802 .footer__main {
2803 display: none; 2803 display: none;
2804 padding: 55px 0 20px 0; 2804 padding: 55px 0 20px 0;
2805 -webkit-box-orient: vertical; 2805 -webkit-box-orient: vertical;
2806 -webkit-box-direction: normal; 2806 -webkit-box-direction: normal;
2807 -ms-flex-direction: column; 2807 -ms-flex-direction: column;
2808 flex-direction: column; 2808 flex-direction: column;
2809 gap: 70px; 2809 gap: 70px;
2810 } 2810 }
2811 @media (min-width: 992px) { 2811 @media (min-width: 992px) {
2812 .footer__main { 2812 .footer__main {
2813 display: -webkit-box; 2813 display: -webkit-box;
2814 display: -ms-flexbox; 2814 display: -ms-flexbox;
2815 display: flex; 2815 display: flex;
2816 } 2816 }
2817 } 2817 }
2818 .footer__main-body { 2818 .footer__main-body {
2819 display: -webkit-box; 2819 display: -webkit-box;
2820 display: -ms-flexbox; 2820 display: -ms-flexbox;
2821 display: flex; 2821 display: flex;
2822 -webkit-box-pack: justify; 2822 -webkit-box-pack: justify;
2823 -ms-flex-pack: justify; 2823 -ms-flex-pack: justify;
2824 justify-content: space-between; 2824 justify-content: space-between;
2825 -webkit-box-align: start; 2825 -webkit-box-align: start;
2826 -ms-flex-align: start; 2826 -ms-flex-align: start;
2827 align-items: flex-start; 2827 align-items: flex-start;
2828 } 2828 }
2829 .footer__main-logo { 2829 .footer__main-logo {
2830 display: -webkit-box; 2830 display: -webkit-box;
2831 display: -ms-flexbox; 2831 display: -ms-flexbox;
2832 display: flex; 2832 display: flex;
2833 -webkit-box-pack: center; 2833 -webkit-box-pack: center;
2834 -ms-flex-pack: center; 2834 -ms-flex-pack: center;
2835 justify-content: center; 2835 justify-content: center;
2836 -webkit-box-align: center; 2836 -webkit-box-align: center;
2837 -ms-flex-align: center; 2837 -ms-flex-align: center;
2838 align-items: center; 2838 align-items: center;
2839 color: #377d87; 2839 color: #377d87;
2840 } 2840 }
2841 .footer__main-logo svg { 2841 .footer__main-logo svg {
2842 width: 182px; 2842 width: 182px;
2843 height: 54px; 2843 height: 54px;
2844 } 2844 }
2845 .footer__main-title { 2845 .footer__main-title {
2846 font-size: 20px; 2846 font-size: 20px;
2847 font-weight: 700; 2847 font-weight: 700;
2848 margin-bottom: 16px; 2848 margin-bottom: 16px;
2849 } 2849 }
2850 .footer__main-col { 2850 .footer__main-col {
2851 display: -webkit-box; 2851 display: -webkit-box;
2852 display: -ms-flexbox; 2852 display: -ms-flexbox;
2853 display: flex; 2853 display: flex;
2854 -webkit-box-orient: vertical; 2854 -webkit-box-orient: vertical;
2855 -webkit-box-direction: normal; 2855 -webkit-box-direction: normal;
2856 -ms-flex-direction: column; 2856 -ms-flex-direction: column;
2857 flex-direction: column; 2857 flex-direction: column;
2858 -webkit-box-align: start; 2858 -webkit-box-align: start;
2859 -ms-flex-align: start; 2859 -ms-flex-align: start;
2860 align-items: flex-start; 2860 align-items: flex-start;
2861 } 2861 }
2862 .footer__main-col nav { 2862 .footer__main-col nav {
2863 display: -webkit-box; 2863 display: -webkit-box;
2864 display: -ms-flexbox; 2864 display: -ms-flexbox;
2865 display: flex; 2865 display: flex;
2866 -webkit-box-orient: vertical; 2866 -webkit-box-orient: vertical;
2867 -webkit-box-direction: normal; 2867 -webkit-box-direction: normal;
2868 -ms-flex-direction: column; 2868 -ms-flex-direction: column;
2869 flex-direction: column; 2869 flex-direction: column;
2870 -webkit-box-align: start; 2870 -webkit-box-align: start;
2871 -ms-flex-align: start; 2871 -ms-flex-align: start;
2872 align-items: flex-start; 2872 align-items: flex-start;
2873 gap: 8px; 2873 gap: 8px;
2874 } 2874 }
2875 .footer__main-col nav a:hover { 2875 .footer__main-col nav a:hover {
2876 color: #377d87; 2876 color: #377d87;
2877 } 2877 }
2878 .footer__main-contacts { 2878 .footer__main-contacts {
2879 display: -webkit-box; 2879 display: -webkit-box;
2880 display: -ms-flexbox; 2880 display: -ms-flexbox;
2881 display: flex; 2881 display: flex;
2882 -webkit-box-orient: vertical; 2882 -webkit-box-orient: vertical;
2883 -webkit-box-direction: normal; 2883 -webkit-box-direction: normal;
2884 -ms-flex-direction: column; 2884 -ms-flex-direction: column;
2885 flex-direction: column; 2885 flex-direction: column;
2886 -webkit-box-align: start; 2886 -webkit-box-align: start;
2887 -ms-flex-align: start; 2887 -ms-flex-align: start;
2888 align-items: flex-start; 2888 align-items: flex-start;
2889 gap: 16px; 2889 gap: 16px;
2890 margin-bottom: 16px; 2890 margin-bottom: 16px;
2891 } 2891 }
2892 .footer__main-contacts a { 2892 .footer__main-contacts a {
2893 color: #377d87; 2893 color: #377d87;
2894 text-decoration: underline; 2894 text-decoration: underline;
2895 } 2895 }
2896 .footer__main-contacts a + a { 2896 .footer__main-contacts a + a {
2897 color: #3a3b3c; 2897 color: #3a3b3c;
2898 } 2898 }
2899 .footer__main-copy { 2899 .footer__main-copy {
2900 display: -webkit-box; 2900 display: -webkit-box;
2901 display: -ms-flexbox; 2901 display: -ms-flexbox;
2902 display: flex; 2902 display: flex;
2903 -webkit-box-pack: justify; 2903 -webkit-box-pack: justify;
2904 -ms-flex-pack: justify; 2904 -ms-flex-pack: justify;
2905 justify-content: space-between; 2905 justify-content: space-between;
2906 -webkit-box-align: center; 2906 -webkit-box-align: center;
2907 -ms-flex-align: center; 2907 -ms-flex-align: center;
2908 align-items: center; 2908 align-items: center;
2909 font-size: 14px; 2909 font-size: 14px;
2910 line-height: 1.4; 2910 line-height: 1.4;
2911 } 2911 }
2912 .footer__main-copy nav { 2912 .footer__main-copy nav {
2913 display: -webkit-box; 2913 display: -webkit-box;
2914 display: -ms-flexbox; 2914 display: -ms-flexbox;
2915 display: flex; 2915 display: flex;
2916 -webkit-box-align: center; 2916 -webkit-box-align: center;
2917 -ms-flex-align: center; 2917 -ms-flex-align: center;
2918 align-items: center; 2918 align-items: center;
2919 gap: 10px; 2919 gap: 10px;
2920 } 2920 }
2921 .footer__main-copy nav a:hover { 2921 .footer__main-copy nav a:hover {
2922 color: #377d87; 2922 color: #377d87;
2923 } 2923 }
2924 .footer__main-copy nav span { 2924 .footer__main-copy nav span {
2925 width: 1px; 2925 width: 1px;
2926 height: 20px; 2926 height: 20px;
2927 background: #6b6c6d; 2927 background: #6b6c6d;
2928 } 2928 }
2929 2929
2930 .main { 2930 .main {
2931 position: relative; 2931 position: relative;
2932 overflow: hidden; 2932 overflow: hidden;
2933 padding: 30px 0; 2933 padding: 30px 0;
2934 } 2934 }
2935 @media (min-width: 768px) { 2935 @media (min-width: 768px) {
2936 .main { 2936 .main {
2937 padding: 40px 0; 2937 padding: 40px 0;
2938 } 2938 }
2939 } 2939 }
2940 @media (min-width: 992px) { 2940 @media (min-width: 992px) {
2941 .main { 2941 .main {
2942 padding: 50px 0; 2942 padding: 50px 0;
2943 } 2943 }
2944 } 2944 }
2945 @media (min-width: 1280px) { 2945 @media (min-width: 1280px) {
2946 .main { 2946 .main {
2947 padding: 60px 0; 2947 padding: 60px 0;
2948 } 2948 }
2949 } 2949 }
2950 .main h2 { 2950 .main h2 {
2951 margin: 0; 2951 margin: 0;
2952 font-weight: 700; 2952 font-weight: 700;
2953 font-size: 30px; 2953 font-size: 30px;
2954 } 2954 }
2955 @media (min-width: 768px) { 2955 @media (min-width: 768px) {
2956 .main h2 { 2956 .main h2 {
2957 font-size: 44px; 2957 font-size: 44px;
2958 } 2958 }
2959 } 2959 }
2960 .main h3 { 2960 .main h3 {
2961 margin: 0; 2961 margin: 0;
2962 font-weight: 700; 2962 font-weight: 700;
2963 font-size: 22px; 2963 font-size: 22px;
2964 } 2964 }
2965 @media (min-width: 768px) { 2965 @media (min-width: 768px) {
2966 .main h3 { 2966 .main h3 {
2967 font-size: 28px; 2967 font-size: 28px;
2968 } 2968 }
2969 } 2969 }
2970 .main p { 2970 .main p {
2971 margin: 0; 2971 margin: 0;
2972 font-size: 14px; 2972 font-size: 14px;
2973 line-height: 1.4; 2973 line-height: 1.4;
2974 } 2974 }
2975 @media (min-width: 768px) { 2975 @media (min-width: 768px) {
2976 .main p { 2976 .main p {
2977 font-size: 18px; 2977 font-size: 18px;
2978 } 2978 }
2979 } 2979 }
2980 .main p a { 2980 .main p a {
2981 color: #4d88d9; 2981 color: #4d88d9;
2982 } 2982 }
2983 .main p a:hover { 2983 .main p a:hover {
2984 color: #377d87; 2984 color: #377d87;
2985 } 2985 }
2986 .main__breadcrumbs { 2986 .main__breadcrumbs {
2987 margin-bottom: 20px; 2987 margin-bottom: 20px;
2988 } 2988 }
2989 @media (min-width: 768px) { 2989 @media (min-width: 768px) {
2990 .main__breadcrumbs { 2990 .main__breadcrumbs {
2991 margin-bottom: 40px; 2991 margin-bottom: 40px;
2992 } 2992 }
2993 } 2993 }
2994 .main__content { 2994 .main__content {
2995 display: -webkit-box; 2995 display: -webkit-box;
2996 display: -ms-flexbox; 2996 display: -ms-flexbox;
2997 display: flex; 2997 display: flex;
2998 -webkit-box-orient: vertical; 2998 -webkit-box-orient: vertical;
2999 -webkit-box-direction: normal; 2999 -webkit-box-direction: normal;
3000 -ms-flex-direction: column; 3000 -ms-flex-direction: column;
3001 flex-direction: column; 3001 flex-direction: column;
3002 gap: 20px; 3002 gap: 20px;
3003 font-size: 14px; 3003 font-size: 14px;
3004 } 3004 }
3005 @media (min-width: 992px) { 3005 @media (min-width: 992px) {
3006 .main__content { 3006 .main__content {
3007 font-size: 18px; 3007 font-size: 18px;
3008 gap: 32px; 3008 gap: 32px;
3009 } 3009 }
3010 } 3010 }
3011 .main__content-item { 3011 .main__content-item {
3012 display: -webkit-box; 3012 display: -webkit-box;
3013 display: -ms-flexbox; 3013 display: -ms-flexbox;
3014 display: flex; 3014 display: flex;
3015 -webkit-box-orient: vertical; 3015 -webkit-box-orient: vertical;
3016 -webkit-box-direction: normal; 3016 -webkit-box-direction: normal;
3017 -ms-flex-direction: column; 3017 -ms-flex-direction: column;
3018 flex-direction: column; 3018 flex-direction: column;
3019 gap: 16px; 3019 gap: 16px;
3020 } 3020 }
3021 .main__content h1, 3021 .main__content h1,
3022 .main__content h2, 3022 .main__content h2,
3023 .main__content h3, 3023 .main__content h3,
3024 .main__content h4, 3024 .main__content h4,
3025 .main__content h5, 3025 .main__content h5,
3026 .main__content h6 { 3026 .main__content h6 {
3027 color: #3a3b3c; 3027 color: #3a3b3c;
3028 } 3028 }
3029 .main__content ul, 3029 .main__content ul,
3030 .main__content ol { 3030 .main__content ol {
3031 padding: 0; 3031 padding: 0;
3032 margin: 0; 3032 margin: 0;
3033 padding-left: 20px; 3033 padding-left: 20px;
3034 display: -webkit-box; 3034 display: -webkit-box;
3035 display: -ms-flexbox; 3035 display: -ms-flexbox;
3036 display: flex; 3036 display: flex;
3037 -webkit-box-orient: vertical; 3037 -webkit-box-orient: vertical;
3038 -webkit-box-direction: normal; 3038 -webkit-box-direction: normal;
3039 -ms-flex-direction: column; 3039 -ms-flex-direction: column;
3040 flex-direction: column; 3040 flex-direction: column;
3041 gap: 8px; 3041 gap: 8px;
3042 } 3042 }
3043 @media (min-width: 992px) { 3043 @media (min-width: 992px) {
3044 .main__content ul, 3044 .main__content ul,
3045 .main__content ol { 3045 .main__content ol {
3046 gap: 16px; 3046 gap: 16px;
3047 padding-left: 30px; 3047 padding-left: 30px;
3048 } 3048 }
3049 } 3049 }
3050 .main__content li ul, 3050 .main__content li ul,
3051 .main__content li ol { 3051 .main__content li ol {
3052 margin-top: 8px; 3052 margin-top: 8px;
3053 } 3053 }
3054 @media (min-width: 992px) { 3054 @media (min-width: 992px) {
3055 .main__content li ul, 3055 .main__content li ul,
3056 .main__content li ol { 3056 .main__content li ol {
3057 margin-top: 16px; 3057 margin-top: 16px;
3058 } 3058 }
3059 } 3059 }
3060 .main__content li ul li, 3060 .main__content li ul li,
3061 .main__content li ol li { 3061 .main__content li ol li {
3062 list-style-type: disc; 3062 list-style-type: disc;
3063 } 3063 }
3064 .main__gallery { 3064 .main__gallery {
3065 display: -webkit-box; 3065 display: -webkit-box;
3066 display: -ms-flexbox; 3066 display: -ms-flexbox;
3067 display: flex; 3067 display: flex;
3068 -webkit-box-orient: vertical; 3068 -webkit-box-orient: vertical;
3069 -webkit-box-direction: normal; 3069 -webkit-box-direction: normal;
3070 -ms-flex-direction: column; 3070 -ms-flex-direction: column;
3071 flex-direction: column; 3071 flex-direction: column;
3072 gap: 20px; 3072 gap: 20px;
3073 } 3073 }
3074 @media (min-width: 768px) { 3074 @media (min-width: 768px) {
3075 .main__gallery { 3075 .main__gallery {
3076 display: grid; 3076 display: grid;
3077 grid-template-columns: repeat(2, 1fr); 3077 grid-template-columns: repeat(2, 1fr);
3078 } 3078 }
3079 } 3079 }
3080 @media (min-width: 992px) { 3080 @media (min-width: 992px) {
3081 .main__gallery { 3081 .main__gallery {
3082 grid-template-columns: repeat(3, 1fr); 3082 grid-template-columns: repeat(3, 1fr);
3083 } 3083 }
3084 } 3084 }
3085 .main__gallery-item { 3085 .main__gallery-item {
3086 width: 100%; 3086 width: 100%;
3087 aspect-ratio: 400/224; 3087 aspect-ratio: 400/224;
3088 border-radius: 30px; 3088 border-radius: 30px;
3089 position: relative; 3089 position: relative;
3090 overflow: hidden; 3090 overflow: hidden;
3091 } 3091 }
3092 .main__gallery-item:hover { 3092 .main__gallery-item:hover {
3093 -webkit-filter: brightness(1.1); 3093 -webkit-filter: brightness(1.1);
3094 filter: brightness(1.1); 3094 filter: brightness(1.1);
3095 } 3095 }
3096 .main__gallery-item img { 3096 .main__gallery-item img {
3097 position: absolute; 3097 position: absolute;
3098 top: 0; 3098 top: 0;
3099 left: 0; 3099 left: 0;
3100 width: 100%; 3100 width: 100%;
3101 height: 100%; 3101 height: 100%;
3102 -o-object-fit: cover; 3102 -o-object-fit: cover;
3103 object-fit: cover; 3103 object-fit: cover;
3104 } 3104 }
3105 .main__employers { 3105 .main__employers {
3106 display: -webkit-box; 3106 display: -webkit-box;
3107 display: -ms-flexbox; 3107 display: -ms-flexbox;
3108 display: flex; 3108 display: flex;
3109 -webkit-box-orient: vertical; 3109 -webkit-box-orient: vertical;
3110 -webkit-box-direction: normal; 3110 -webkit-box-direction: normal;
3111 -ms-flex-direction: column; 3111 -ms-flex-direction: column;
3112 flex-direction: column; 3112 flex-direction: column;
3113 gap: 10px; 3113 gap: 10px;
3114 } 3114 }
3115 @media (min-width: 768px) { 3115 @media (min-width: 768px) {
3116 .main__employers { 3116 .main__employers {
3117 gap: 30px; 3117 gap: 30px;
3118 } 3118 }
3119 } 3119 }
3120 .main__employers-body { 3120 .main__employers-body {
3121 display: none; 3121 display: none;
3122 -webkit-box-orient: vertical; 3122 -webkit-box-orient: vertical;
3123 -webkit-box-direction: normal; 3123 -webkit-box-direction: normal;
3124 -ms-flex-direction: column; 3124 -ms-flex-direction: column;
3125 flex-direction: column; 3125 flex-direction: column;
3126 gap: 20px; 3126 gap: 20px;
3127 } 3127 }
3128 @media (min-width: 992px) { 3128 @media (min-width: 992px) {
3129 .main__employers-body { 3129 .main__employers-body {
3130 gap: 30px; 3130 gap: 30px;
3131 } 3131 }
3132 } 3132 }
3133 .main__employers-body.showed { 3133 .main__employers-body.showed {
3134 display: -webkit-box; 3134 display: -webkit-box;
3135 display: -ms-flexbox; 3135 display: -ms-flexbox;
3136 display: flex; 3136 display: flex;
3137 } 3137 }
3138 .main__employers-item { 3138 .main__employers-item {
3139 display: -webkit-box; 3139 display: -webkit-box;
3140 display: -ms-flexbox; 3140 display: -ms-flexbox;
3141 display: flex; 3141 display: flex;
3142 -webkit-box-orient: vertical; 3142 -webkit-box-orient: vertical;
3143 -webkit-box-direction: normal; 3143 -webkit-box-direction: normal;
3144 -ms-flex-direction: column; 3144 -ms-flex-direction: column;
3145 flex-direction: column; 3145 flex-direction: column;
3146 border: 1px solid #cecece; 3146 border: 1px solid #cecece;
3147 border-radius: 8px; 3147 border-radius: 8px;
3148 position: relative; 3148 position: relative;
3149 overflow: hidden; 3149 overflow: hidden;
3150 padding: 10px; 3150 padding: 10px;
3151 padding-top: 50px; 3151 padding-top: 50px;
3152 padding-bottom: 30px; 3152 padding-bottom: 30px;
3153 } 3153 }
3154 @media (min-width: 768px) { 3154 @media (min-width: 768px) {
3155 .main__employers-item { 3155 .main__employers-item {
3156 -webkit-box-orient: horizontal; 3156 -webkit-box-orient: horizontal;
3157 -webkit-box-direction: normal; 3157 -webkit-box-direction: normal;
3158 -ms-flex-direction: row; 3158 -ms-flex-direction: row;
3159 flex-direction: row; 3159 flex-direction: row;
3160 -webkit-box-align: center; 3160 -webkit-box-align: center;
3161 -ms-flex-align: center; 3161 -ms-flex-align: center;
3162 align-items: center; 3162 align-items: center;
3163 -webkit-box-pack: justify; 3163 -webkit-box-pack: justify;
3164 -ms-flex-pack: justify; 3164 -ms-flex-pack: justify;
3165 justify-content: space-between; 3165 justify-content: space-between;
3166 padding: 55px 20px; 3166 padding: 55px 20px;
3167 } 3167 }
3168 } 3168 }
3169 @media (min-width: 1280px) { 3169 @media (min-width: 1280px) {
3170 .main__employers-item { 3170 .main__employers-item {
3171 padding-left: 55px; 3171 padding-left: 55px;
3172 } 3172 }
3173 } 3173 }
3174 .main__employers-item-inner { 3174 .main__employers-item-inner {
3175 display: -webkit-box; 3175 display: -webkit-box;
3176 display: -ms-flexbox; 3176 display: -ms-flexbox;
3177 display: flex; 3177 display: flex;
3178 -webkit-box-orient: vertical; 3178 -webkit-box-orient: vertical;
3179 -webkit-box-direction: normal; 3179 -webkit-box-direction: normal;
3180 -ms-flex-direction: column; 3180 -ms-flex-direction: column;
3181 flex-direction: column; 3181 flex-direction: column;
3182 } 3182 }
3183 @media (min-width: 768px) { 3183 @media (min-width: 768px) {
3184 .main__employers-item-inner { 3184 .main__employers-item-inner {
3185 width: calc(100% - 200px); 3185 width: calc(100% - 200px);
3186 padding-right: 40px; 3186 padding-right: 40px;
3187 } 3187 }
3188 } 3188 }
3189 @media (min-width: 992px) { 3189 @media (min-width: 992px) {
3190 .main__employers-item-inner { 3190 .main__employers-item-inner {
3191 -webkit-box-orient: horizontal; 3191 -webkit-box-orient: horizontal;
3192 -webkit-box-direction: normal; 3192 -webkit-box-direction: normal;
3193 -ms-flex-direction: row; 3193 -ms-flex-direction: row;
3194 flex-direction: row; 3194 flex-direction: row;
3195 -webkit-box-align: center; 3195 -webkit-box-align: center;
3196 -ms-flex-align: center; 3196 -ms-flex-align: center;
3197 align-items: center; 3197 align-items: center;
3198 } 3198 }
3199 } 3199 }
3200 .main__employers-item-pic { 3200 .main__employers-item-pic {
3201 height: 30px; 3201 height: 30px;
3202 position: absolute; 3202 position: absolute;
3203 top: 10px; 3203 top: 10px;
3204 left: 10px; 3204 left: 10px;
3205 } 3205 }
3206 @media (min-width: 768px) { 3206 @media (min-width: 768px) {
3207 .main__employers-item-pic { 3207 .main__employers-item-pic {
3208 position: static; 3208 position: static;
3209 width: 150px; 3209 width: 150px;
3210 height: auto; 3210 height: auto;
3211 max-height: 150px; 3211 max-height: 150px;
3212 -o-object-fit: contain; 3212 -o-object-fit: contain;
3213 object-fit: contain; 3213 object-fit: contain;
3214 } 3214 }
3215 } 3215 }
3216 .main__employers-item-body { 3216 .main__employers-item-body {
3217 font-size: 12px; 3217 font-size: 12px;
3218 display: -webkit-box; 3218 display: -webkit-box;
3219 display: -ms-flexbox; 3219 display: -ms-flexbox;
3220 display: flex; 3220 display: flex;
3221 -webkit-box-orient: vertical; 3221 -webkit-box-orient: vertical;
3222 -webkit-box-direction: normal; 3222 -webkit-box-direction: normal;
3223 -ms-flex-direction: column; 3223 -ms-flex-direction: column;
3224 flex-direction: column; 3224 flex-direction: column;
3225 gap: 10px; 3225 gap: 10px;
3226 } 3226 }
3227 @media (min-width: 768px) { 3227 @media (min-width: 768px) {
3228 .main__employers-item-body { 3228 .main__employers-item-body {
3229 font-size: 16px; 3229 font-size: 16px;
3230 padding-top: 20px; 3230 padding-top: 20px;
3231 } 3231 }
3232 } 3232 }
3233 @media (min-width: 992px) { 3233 @media (min-width: 992px) {
3234 .main__employers-item-body { 3234 .main__employers-item-body {
3235 width: calc(100% - 150px); 3235 width: calc(100% - 150px);
3236 padding: 0; 3236 padding: 0;
3237 padding-left: 40px; 3237 padding-left: 40px;
3238 } 3238 }
3239 } 3239 }
3240 .main__employers-item-body b { 3240 .main__employers-item-body b {
3241 font-weight: 700; 3241 font-weight: 700;
3242 } 3242 }
3243 @media (min-width: 768px) { 3243 @media (min-width: 768px) {
3244 .main__employers-item-body b { 3244 .main__employers-item-body b {
3245 font-size: 20px; 3245 font-size: 20px;
3246 } 3246 }
3247 } 3247 }
3248 .main__employers-item-body i { 3248 .main__employers-item-body i {
3249 font-style: normal; 3249 font-style: normal;
3250 color: #3a3b3c; 3250 color: #3a3b3c;
3251 } 3251 }
3252 .main__employers-item-more { 3252 .main__employers-item-more {
3253 position: absolute; 3253 position: absolute;
3254 top: 10px; 3254 top: 10px;
3255 right: 10px; 3255 right: 10px;
3256 } 3256 }
3257 @media (min-width: 768px) { 3257 @media (min-width: 768px) {
3258 .main__employers-item-more { 3258 .main__employers-item-more {
3259 width: 200px; 3259 width: 200px;
3260 padding: 0; 3260 padding: 0;
3261 position: static; 3261 position: static;
3262 } 3262 }
3263 } 3263 }
3264 .main__employers-item-label { 3264 .main__employers-item-label {
3265 background: #4d88d9; 3265 background: #4d88d9;
3266 color: #ffffff; 3266 color: #ffffff;
3267 border-radius: 6px; 3267 border-radius: 6px;
3268 width: 100%; 3268 width: 100%;
3269 height: 20px; 3269 height: 20px;
3270 display: -webkit-box; 3270 display: -webkit-box;
3271 display: -ms-flexbox; 3271 display: -ms-flexbox;
3272 display: flex; 3272 display: flex;
3273 -webkit-box-align: center; 3273 -webkit-box-align: center;
3274 -ms-flex-align: center; 3274 -ms-flex-align: center;
3275 align-items: center; 3275 align-items: center;
3276 padding: 0 12px; 3276 padding: 0 12px;
3277 position: absolute; 3277 position: absolute;
3278 bottom: 0; 3278 bottom: 0;
3279 left: 0; 3279 left: 0;
3280 font-size: 12px; 3280 font-size: 12px;
3281 line-height: 1; 3281 line-height: 1;
3282 } 3282 }
3283 @media (min-width: 768px) { 3283 @media (min-width: 768px) {
3284 .main__employers-item-label { 3284 .main__employers-item-label {
3285 max-width: 350px; 3285 max-width: 350px;
3286 height: 30px; 3286 height: 30px;
3287 font-size: 15px; 3287 font-size: 15px;
3288 } 3288 }
3289 } 3289 }
3290 .main__employers-item-label svg { 3290 .main__employers-item-label svg {
3291 width: 8px; 3291 width: 8px;
3292 height: 8px; 3292 height: 8px;
3293 } 3293 }
3294 @media (min-width: 768px) { 3294 @media (min-width: 768px) {
3295 .main__employers-item-label svg { 3295 .main__employers-item-label svg {
3296 width: 12px; 3296 width: 12px;
3297 height: 12px; 3297 height: 12px;
3298 } 3298 }
3299 } 3299 }
3300 .main__employers-item-label span { 3300 .main__employers-item-label span {
3301 overflow: hidden; 3301 overflow: hidden;
3302 display: -webkit-box; 3302 display: -webkit-box;
3303 -webkit-box-orient: vertical; 3303 -webkit-box-orient: vertical;
3304 -webkit-line-clamp: 1; 3304 -webkit-line-clamp: 1;
3305 width: calc(100% - 8px); 3305 width: calc(100% - 8px);
3306 padding-left: 6px; 3306 padding-left: 6px;
3307 } 3307 }
3308 .main__employers-one { 3308 .main__employers-one {
3309 display: -webkit-box; 3309 display: -webkit-box;
3310 display: -ms-flexbox; 3310 display: -ms-flexbox;
3311 display: flex; 3311 display: flex;
3312 -webkit-box-orient: vertical; 3312 -webkit-box-orient: vertical;
3313 -webkit-box-direction: normal; 3313 -webkit-box-direction: normal;
3314 -ms-flex-direction: column; 3314 -ms-flex-direction: column;
3315 flex-direction: column; 3315 flex-direction: column;
3316 gap: 20px; 3316 gap: 20px;
3317 } 3317 }
3318 .main__employers-two { 3318 .main__employers-two {
3319 display: -webkit-box; 3319 display: -webkit-box;
3320 display: -ms-flexbox; 3320 display: -ms-flexbox;
3321 display: flex; 3321 display: flex;
3322 -webkit-box-orient: vertical; 3322 -webkit-box-orient: vertical;
3323 -webkit-box-direction: normal; 3323 -webkit-box-direction: normal;
3324 -ms-flex-direction: column; 3324 -ms-flex-direction: column;
3325 flex-direction: column; 3325 flex-direction: column;
3326 gap: 20px; 3326 gap: 20px;
3327 } 3327 }
3328 @media (min-width: 768px) { 3328 @media (min-width: 768px) {
3329 .main__employers-two { 3329 .main__employers-two {
3330 -webkit-box-orient: horizontal; 3330 -webkit-box-orient: horizontal;
3331 -webkit-box-direction: normal; 3331 -webkit-box-direction: normal;
3332 -ms-flex-direction: row; 3332 -ms-flex-direction: row;
3333 flex-direction: row; 3333 flex-direction: row;
3334 -ms-flex-wrap: wrap; 3334 -ms-flex-wrap: wrap;
3335 flex-wrap: wrap; 3335 flex-wrap: wrap;
3336 -webkit-box-align: start; 3336 -webkit-box-align: start;
3337 -ms-flex-align: start; 3337 -ms-flex-align: start;
3338 align-items: flex-start; 3338 align-items: flex-start;
3339 -webkit-box-pack: justify; 3339 -webkit-box-pack: justify;
3340 -ms-flex-pack: justify; 3340 -ms-flex-pack: justify;
3341 justify-content: space-between; 3341 justify-content: space-between;
3342 gap: 20px 0; 3342 gap: 20px 0;
3343 } 3343 }
3344 } 3344 }
3345 .main__employers-two .main__employers-item { 3345 .main__employers-two .main__employers-item {
3346 width: calc(50% - 10px); 3346 width: calc(50% - 10px);
3347 -webkit-box-orient: vertical; 3347 -webkit-box-orient: vertical;
3348 -webkit-box-direction: normal; 3348 -webkit-box-direction: normal;
3349 -ms-flex-direction: column; 3349 -ms-flex-direction: column;
3350 flex-direction: column; 3350 flex-direction: column;
3351 -webkit-box-align: stretch; 3351 -webkit-box-align: stretch;
3352 -ms-flex-align: stretch; 3352 -ms-flex-align: stretch;
3353 align-items: stretch; 3353 align-items: stretch;
3354 padding-top: 30px; 3354 padding-top: 30px;
3355 } 3355 }
3356 .main__employers-two .main__employers-item-inner { 3356 .main__employers-two .main__employers-item-inner {
3357 width: 100%; 3357 width: 100%;
3358 padding: 0; 3358 padding: 0;
3359 } 3359 }
3360 .main__employers-two .main__employers-item-more { 3360 .main__employers-two .main__employers-item-more {
3361 position: static; 3361 position: static;
3362 margin-top: 20px; 3362 margin-top: 20px;
3363 } 3363 }
3364 @media (min-width: 992px) { 3364 @media (min-width: 992px) {
3365 .main__employers-two .main__employers-item-more { 3365 .main__employers-two .main__employers-item-more {
3366 margin-left: 190px; 3366 margin-left: 190px;
3367 } 3367 }
3368 } 3368 }
3369 .main__employers-two .main__employers-item-label { 3369 .main__employers-two .main__employers-item-label {
3370 max-width: none; 3370 max-width: none;
3371 } 3371 }
3372 .main__employer-page { 3372 .main__employer-page {
3373 display: -webkit-box; 3373 display: -webkit-box;
3374 display: -ms-flexbox; 3374 display: -ms-flexbox;
3375 display: flex; 3375 display: flex;
3376 -webkit-box-orient: vertical; 3376 -webkit-box-orient: vertical;
3377 -webkit-box-direction: normal; 3377 -webkit-box-direction: normal;
3378 -ms-flex-direction: column; 3378 -ms-flex-direction: column;
3379 flex-direction: column; 3379 flex-direction: column;
3380 gap: 20px; 3380 gap: 20px;
3381 } 3381 }
3382 @media (min-width: 768px) { 3382 @media (min-width: 768px) {
3383 .main__employer-page { 3383 .main__employer-page {
3384 gap: 30px; 3384 gap: 30px;
3385 } 3385 }
3386 } 3386 }
3387 .main__employer-page-title { 3387 .main__employer-page-title {
3388 color: #3a3b3c; 3388 color: #3a3b3c;
3389 margin: 0; 3389 margin: 0;
3390 font-size: 30px; 3390 font-size: 30px;
3391 } 3391 }
3392 @media (min-width: 768px) { 3392 @media (min-width: 768px) {
3393 .main__employer-page-title { 3393 .main__employer-page-title {
3394 font-size: 36px; 3394 font-size: 36px;
3395 } 3395 }
3396 } 3396 }
3397 @media (min-width: 992px) { 3397 @media (min-width: 992px) {
3398 .main__employer-page-title { 3398 .main__employer-page-title {
3399 font-size: 44px; 3399 font-size: 44px;
3400 } 3400 }
3401 } 3401 }
3402 .main__employer-page-item { 3402 .main__employer-page-item {
3403 display: -webkit-box; 3403 display: -webkit-box;
3404 display: -ms-flexbox; 3404 display: -ms-flexbox;
3405 display: flex; 3405 display: flex;
3406 -webkit-box-orient: vertical; 3406 -webkit-box-orient: vertical;
3407 -webkit-box-direction: normal; 3407 -webkit-box-direction: normal;
3408 -ms-flex-direction: column; 3408 -ms-flex-direction: column;
3409 flex-direction: column; 3409 flex-direction: column;
3410 gap: 4px; 3410 gap: 4px;
3411 font-size: 12px; 3411 font-size: 12px;
3412 line-height: 1.4; 3412 line-height: 1.4;
3413 } 3413 }
3414 @media (min-width: 768px) { 3414 @media (min-width: 768px) {
3415 .main__employer-page-item { 3415 .main__employer-page-item {
3416 font-size: 18px; 3416 font-size: 18px;
3417 gap: 8px; 3417 gap: 8px;
3418 } 3418 }
3419 } 3419 }
3420 .main__employer-page-item b { 3420 .main__employer-page-item b {
3421 color: #377d87; 3421 color: #377d87;
3422 font-size: 14px; 3422 font-size: 14px;
3423 } 3423 }
3424 @media (min-width: 768px) { 3424 @media (min-width: 768px) {
3425 .main__employer-page-item b { 3425 .main__employer-page-item b {
3426 font-size: 18px; 3426 font-size: 18px;
3427 } 3427 }
3428 } 3428 }
3429 .main__employer-page-item span { 3429 .main__employer-page-item span {
3430 color: #3a3b3c; 3430 color: #3a3b3c;
3431 } 3431 }
3432 .main__employer-page-info { 3432 .main__employer-page-info {
3433 display: -webkit-box; 3433 display: -webkit-box;
3434 display: -ms-flexbox; 3434 display: -ms-flexbox;
3435 display: flex; 3435 display: flex;
3436 -webkit-box-orient: vertical; 3436 -webkit-box-orient: vertical;
3437 -webkit-box-direction: normal; 3437 -webkit-box-direction: normal;
3438 -ms-flex-direction: column; 3438 -ms-flex-direction: column;
3439 flex-direction: column; 3439 flex-direction: column;
3440 gap: 20px; 3440 gap: 20px;
3441 } 3441 }
3442 @media (min-width: 768px) { 3442 @media (min-width: 768px) {
3443 .main__employer-page-info { 3443 .main__employer-page-info {
3444 display: grid; 3444 display: grid;
3445 grid-template-columns: repeat(2, 1fr); 3445 grid-template-columns: repeat(2, 1fr);
3446 gap: 30px 40px; 3446 gap: 30px 40px;
3447 } 3447 }
3448 } 3448 }
3449 @media (min-width: 1280px) { 3449 @media (min-width: 1280px) {
3450 .main__employer-page-info { 3450 .main__employer-page-info {
3451 display: -webkit-box; 3451 display: -webkit-box;
3452 display: -ms-flexbox; 3452 display: -ms-flexbox;
3453 display: flex; 3453 display: flex;
3454 -webkit-box-orient: horizontal; 3454 -webkit-box-orient: horizontal;
3455 -webkit-box-direction: normal; 3455 -webkit-box-direction: normal;
3456 -ms-flex-direction: row; 3456 -ms-flex-direction: row;
3457 flex-direction: row; 3457 flex-direction: row;
3458 -webkit-box-align: start; 3458 -webkit-box-align: start;
3459 -ms-flex-align: start; 3459 -ms-flex-align: start;
3460 align-items: flex-start; 3460 align-items: flex-start;
3461 -webkit-box-pack: justify; 3461 -webkit-box-pack: justify;
3462 -ms-flex-pack: justify; 3462 -ms-flex-pack: justify;
3463 justify-content: space-between; 3463 justify-content: space-between;
3464 padding-right: 160px; 3464 padding-right: 160px;
3465 } 3465 }
3466 } 3466 }
3467 @media (min-width: 768px) { 3467 @media (min-width: 768px) {
3468 .main__employer-page-info .main__employer-page-item b, 3468 .main__employer-page-info .main__employer-page-item b,
3469 .main__employer-page-info .main__employer-page-item span { 3469 .main__employer-page-info .main__employer-page-item span {
3470 max-width: 300px; 3470 max-width: 300px;
3471 } 3471 }
3472 } 3472 }
3473 .main__employer-page-tabs { 3473 .main__employer-page-tabs {
3474 display: -webkit-box; 3474 display: -webkit-box;
3475 display: -ms-flexbox; 3475 display: -ms-flexbox;
3476 display: flex; 3476 display: flex;
3477 -webkit-box-align: center; 3477 -webkit-box-align: center;
3478 -ms-flex-align: center; 3478 -ms-flex-align: center;
3479 align-items: center; 3479 align-items: center;
3480 gap: 20px; 3480 gap: 20px;
3481 } 3481 }
3482 @media (min-width: 768px) { 3482 @media (min-width: 768px) {
3483 .main__employer-page-tabs { 3483 .main__employer-page-tabs {
3484 margin-top: 20px; 3484 margin-top: 20px;
3485 } 3485 }
3486 } 3486 }
3487 .main__employer-page-tabs-item { 3487 .main__employer-page-tabs-item {
3488 font-size: 22px; 3488 font-size: 22px;
3489 font-weight: 700; 3489 font-weight: 700;
3490 border: none; 3490 border: none;
3491 background: none; 3491 background: none;
3492 padding: 0; 3492 padding: 0;
3493 color: #9c9d9d; 3493 color: #9c9d9d;
3494 text-decoration: underline; 3494 text-decoration: underline;
3495 text-decoration-thickness: 1px; 3495 text-decoration-thickness: 1px;
3496 } 3496 }
3497 @media (min-width: 768px) { 3497 @media (min-width: 768px) {
3498 .main__employer-page-tabs-item { 3498 .main__employer-page-tabs-item {
3499 font-size: 24px; 3499 font-size: 24px;
3500 } 3500 }
3501 } 3501 }
3502 .main__employer-page-tabs-item.active { 3502 .main__employer-page-tabs-item.active {
3503 color: #377d87; 3503 color: #377d87;
3504 } 3504 }
3505 .main__employer-page-body { 3505 .main__employer-page-body {
3506 display: -webkit-box; 3506 display: -webkit-box;
3507 display: -ms-flexbox; 3507 display: -ms-flexbox;
3508 display: flex; 3508 display: flex;
3509 -webkit-box-orient: vertical; 3509 -webkit-box-orient: vertical;
3510 -webkit-box-direction: normal; 3510 -webkit-box-direction: normal;
3511 -ms-flex-direction: column; 3511 -ms-flex-direction: column;
3512 flex-direction: column; 3512 flex-direction: column;
3513 margin-top: 10px; 3513 margin-top: 10px;
3514 } 3514 }
3515 @media (min-width: 768px) { 3515 @media (min-width: 768px) {
3516 .main__employer-page-body { 3516 .main__employer-page-body {
3517 margin-top: 30px; 3517 margin-top: 30px;
3518 } 3518 }
3519 } 3519 }
3520 .main__employer-page-body-item { 3520 .main__employer-page-body-item {
3521 display: none; 3521 display: none;
3522 -webkit-box-orient: vertical; 3522 -webkit-box-orient: vertical;
3523 -webkit-box-direction: normal; 3523 -webkit-box-direction: normal;
3524 -ms-flex-direction: column; 3524 -ms-flex-direction: column;
3525 flex-direction: column; 3525 flex-direction: column;
3526 gap: 20px; 3526 gap: 20px;
3527 } 3527 }
3528 .main__employer-page-body-item.showed { 3528 .main__employer-page-body-item.showed {
3529 display: -webkit-box; 3529 display: -webkit-box;
3530 display: -ms-flexbox; 3530 display: -ms-flexbox;
3531 display: flex; 3531 display: flex;
3532 } 3532 }
3533 .main__employer-page-one { 3533 .main__employer-page-one {
3534 display: -webkit-box; 3534 display: -webkit-box;
3535 display: -ms-flexbox; 3535 display: -ms-flexbox;
3536 display: flex; 3536 display: flex;
3537 -webkit-box-orient: vertical; 3537 -webkit-box-orient: vertical;
3538 -webkit-box-direction: normal; 3538 -webkit-box-direction: normal;
3539 -ms-flex-direction: column; 3539 -ms-flex-direction: column;
3540 flex-direction: column; 3540 flex-direction: column;
3541 gap: 20px; 3541 gap: 20px;
3542 } 3542 }
3543 @media (min-width: 768px) { 3543 @media (min-width: 768px) {
3544 .main__employer-page-one { 3544 .main__employer-page-one {
3545 display: grid; 3545 display: grid;
3546 grid-template-columns: repeat(2, 1fr); 3546 grid-template-columns: repeat(2, 1fr);
3547 } 3547 }
3548 } 3548 }
3549 @media (min-width: 992px) { 3549 @media (min-width: 992px) {
3550 .main__employer-page-one { 3550 .main__employer-page-one {
3551 grid-template-columns: repeat(3, 1fr); 3551 grid-template-columns: repeat(3, 1fr);
3552 } 3552 }
3553 } 3553 }
3554 @media (min-width: 1280px) { 3554 @media (min-width: 1280px) {
3555 .main__employer-page-one { 3555 .main__employer-page-one {
3556 grid-template-columns: repeat(4, 1fr); 3556 grid-template-columns: repeat(4, 1fr);
3557 gap: 30px 20px; 3557 gap: 30px 20px;
3558 } 3558 }
3559 } 3559 }
3560 .main__employer-page-one-item { 3560 .main__employer-page-one-item {
3561 display: -webkit-box; 3561 display: -webkit-box;
3562 display: -ms-flexbox; 3562 display: -ms-flexbox;
3563 display: flex; 3563 display: flex;
3564 -webkit-box-orient: vertical; 3564 -webkit-box-orient: vertical;
3565 -webkit-box-direction: normal; 3565 -webkit-box-direction: normal;
3566 -ms-flex-direction: column; 3566 -ms-flex-direction: column;
3567 flex-direction: column; 3567 flex-direction: column;
3568 gap: 10px; 3568 gap: 10px;
3569 font-size: 12px; 3569 font-size: 12px;
3570 position: relative; 3570 position: relative;
3571 } 3571 }
3572 @media (min-width: 1280px) { 3572 @media (min-width: 1280px) {
3573 .main__employer-page-one-item { 3573 .main__employer-page-one-item {
3574 font-size: 18px; 3574 font-size: 18px;
3575 } 3575 }
3576 } 3576 }
3577 .main__employer-page-one-item img { 3577 .main__employer-page-one-item img {
3578 border-radius: 10px; 3578 border-radius: 10px;
3579 -o-object-fit: cover; 3579 -o-object-fit: cover;
3580 object-fit: cover; 3580 object-fit: cover;
3581 width: 100%; 3581 width: 100%;
3582 max-height: 250px; 3582 max-height: 250px;
3583 aspect-ratio: 247/174; 3583 aspect-ratio: 247/174;
3584 } 3584 }
3585 @media (min-width: 1280px) { 3585 @media (min-width: 1280px) {
3586 .main__employer-page-one-item img { 3586 .main__employer-page-one-item img {
3587 margin-bottom: 10px; 3587 margin-bottom: 10px;
3588 } 3588 }
3589 } 3589 }
3590 .main__employer-page-one-item b { 3590 .main__employer-page-one-item b {
3591 font-weight: 700; 3591 font-weight: 700;
3592 color: #377d87; 3592 color: #377d87;
3593 } 3593 }
3594 .main__employer-page-one-item span { 3594 .main__employer-page-one-item span {
3595 color: #3a3b3c; 3595 color: #3a3b3c;
3596 } 3596 }
3597 .main__employer-page-one-item i { 3597 .main__employer-page-one-item i {
3598 font-style: normal; 3598 font-style: normal;
3599 color: #377d87; 3599 color: #377d87;
3600 } 3600 }
3601 .main__employer-page-one-item .del { 3601 .main__employer-page-one-item .del {
3602 position: absolute; 3602 position: absolute;
3603 z-index: 1; 3603 z-index: 1;
3604 top: 8px; 3604 top: 8px;
3605 left: 8px; 3605 left: 8px;
3606 } 3606 }
3607 .main__employer-page-two { 3607 .main__employer-page-two {
3608 display: -webkit-box; 3608 display: -webkit-box;
3609 display: -ms-flexbox; 3609 display: -ms-flexbox;
3610 display: flex; 3610 display: flex;
3611 -webkit-box-orient: vertical; 3611 -webkit-box-orient: vertical;
3612 -webkit-box-direction: normal; 3612 -webkit-box-direction: normal;
3613 -ms-flex-direction: column; 3613 -ms-flex-direction: column;
3614 flex-direction: column; 3614 flex-direction: column;
3615 -webkit-box-align: center; 3615 -webkit-box-align: center;
3616 -ms-flex-align: center; 3616 -ms-flex-align: center;
3617 align-items: center; 3617 align-items: center;
3618 gap: 20px; 3618 gap: 20px;
3619 } 3619 }
3620 .main__employer-page-two-item { 3620 .main__employer-page-two-item {
3621 width: 100%; 3621 width: 100%;
3622 display: -webkit-box; 3622 display: -webkit-box;
3623 display: -ms-flexbox; 3623 display: -ms-flexbox;
3624 display: flex; 3624 display: flex;
3625 -webkit-box-orient: vertical; 3625 -webkit-box-orient: vertical;
3626 -webkit-box-direction: normal; 3626 -webkit-box-direction: normal;
3627 -ms-flex-direction: column; 3627 -ms-flex-direction: column;
3628 flex-direction: column; 3628 flex-direction: column;
3629 gap: 16px; 3629 gap: 16px;
3630 padding: 20px 10px; 3630 padding: 20px 10px;
3631 border-radius: 12px; 3631 border-radius: 12px;
3632 border: 1px solid #cecece; 3632 border: 1px solid #cecece;
3633 position: relative; 3633 position: relative;
3634 overflow: hidden; 3634 overflow: hidden;
3635 font-size: 12px; 3635 font-size: 12px;
3636 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 3636 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
3637 } 3637 }
3638 @media (min-width: 768px) { 3638 @media (min-width: 768px) {
3639 .main__employer-page-two-item { 3639 .main__employer-page-two-item {
3640 font-size: 14px; 3640 font-size: 14px;
3641 padding: 20px; 3641 padding: 20px;
3642 gap: 24px; 3642 gap: 24px;
3643 padding-bottom: 35px; 3643 padding-bottom: 35px;
3644 } 3644 }
3645 } 3645 }
3646 @media (min-width: 992px) { 3646 @media (min-width: 992px) {
3647 .main__employer-page-two-item { 3647 .main__employer-page-two-item {
3648 font-size: 16px; 3648 font-size: 16px;
3649 } 3649 }
3650 } 3650 }
3651 @media (min-width: 1280px) { 3651 @media (min-width: 1280px) {
3652 .main__employer-page-two-item { 3652 .main__employer-page-two-item {
3653 font-size: 18px; 3653 font-size: 18px;
3654 } 3654 }
3655 } 3655 }
3656 .main__employer-page-two-item-toper { 3656 .main__employer-page-two-item-toper {
3657 display: -webkit-box; 3657 display: -webkit-box;
3658 display: -ms-flexbox; 3658 display: -ms-flexbox;
3659 display: flex; 3659 display: flex;
3660 -webkit-box-align: center; 3660 -webkit-box-align: center;
3661 -ms-flex-align: center; 3661 -ms-flex-align: center;
3662 align-items: center; 3662 align-items: center;
3663 font-size: 22px; 3663 font-size: 22px;
3664 font-weight: 700; 3664 font-weight: 700;
3665 color: #3a3b3c; 3665 color: #3a3b3c;
3666 } 3666 }
3667 @media (min-width: 768px) { 3667 @media (min-width: 768px) {
3668 .main__employer-page-two-item-toper { 3668 .main__employer-page-two-item-toper {
3669 font-size: 30px; 3669 font-size: 30px;
3670 } 3670 }
3671 } 3671 }
3672 .main__employer-page-two-item-toper img { 3672 .main__employer-page-two-item-toper img {
3673 width: 60px; 3673 width: 60px;
3674 aspect-ratio: 1/1; 3674 aspect-ratio: 1/1;
3675 -o-object-fit: contain; 3675 -o-object-fit: contain;
3676 object-fit: contain; 3676 object-fit: contain;
3677 } 3677 }
3678 .main__employer-page-two-item-toper span { 3678 .main__employer-page-two-item-toper span {
3679 width: calc(100% - 60px); 3679 width: calc(100% - 60px);
3680 padding-left: 10px; 3680 padding-left: 10px;
3681 } 3681 }
3682 @media (min-width: 768px) { 3682 @media (min-width: 768px) {
3683 .main__employer-page-two-item-toper span { 3683 .main__employer-page-two-item-toper span {
3684 padding-left: 20px; 3684 padding-left: 20px;
3685 } 3685 }
3686 } 3686 }
3687 .main__employer-page-two-item-title { 3687 .main__employer-page-two-item-title {
3688 font-size: 18px; 3688 font-size: 18px;
3689 font-weight: 700; 3689 font-weight: 700;
3690 color: #377d87; 3690 color: #377d87;
3691 } 3691 }
3692 @media (min-width: 768px) { 3692 @media (min-width: 768px) {
3693 .main__employer-page-two-item-title { 3693 .main__employer-page-two-item-title {
3694 font-size: 24px; 3694 font-size: 24px;
3695 } 3695 }
3696 } 3696 }
3697 .main__employer-page-two-item-text { 3697 .main__employer-page-two-item-text {
3698 display: -webkit-box; 3698 display: -webkit-box;
3699 display: -ms-flexbox; 3699 display: -ms-flexbox;
3700 display: flex; 3700 display: flex;
3701 -webkit-box-orient: vertical; 3701 -webkit-box-orient: vertical;
3702 -webkit-box-direction: normal; 3702 -webkit-box-direction: normal;
3703 -ms-flex-direction: column; 3703 -ms-flex-direction: column;
3704 flex-direction: column; 3704 flex-direction: column;
3705 gap: 10px; 3705 gap: 10px;
3706 } 3706 }
3707 .main__employer-page-two-item-text-name { 3707 .main__employer-page-two-item-text-name {
3708 font-weight: 700; 3708 font-weight: 700;
3709 } 3709 }
3710 .main__employer-page-two-item-text-body { 3710 .main__employer-page-two-item-text-body {
3711 color: #3a3b3c; 3711 color: #3a3b3c;
3712 display: -webkit-box; 3712 display: -webkit-box;
3713 display: -ms-flexbox; 3713 display: -ms-flexbox;
3714 display: flex; 3714 display: flex;
3715 -webkit-box-orient: vertical; 3715 -webkit-box-orient: vertical;
3716 -webkit-box-direction: normal; 3716 -webkit-box-direction: normal;
3717 -ms-flex-direction: column; 3717 -ms-flex-direction: column;
3718 flex-direction: column; 3718 flex-direction: column;
3719 gap: 6px; 3719 gap: 6px;
3720 padding: 0 10px; 3720 padding: 0 10px;
3721 } 3721 }
3722 .main__employer-page-two-item-text-body p { 3722 .main__employer-page-two-item-text-body p {
3723 margin: 0; 3723 margin: 0;
3724 } 3724 }
3725 .main__employer-page-two-item-text-body ul { 3725 .main__employer-page-two-item-text-body ul {
3726 margin: 0; 3726 margin: 0;
3727 padding: 0; 3727 padding: 0;
3728 padding-left: 16px; 3728 padding-left: 16px;
3729 display: -webkit-box; 3729 display: -webkit-box;
3730 display: -ms-flexbox; 3730 display: -ms-flexbox;
3731 display: flex; 3731 display: flex;
3732 -webkit-box-orient: vertical; 3732 -webkit-box-orient: vertical;
3733 -webkit-box-direction: normal; 3733 -webkit-box-direction: normal;
3734 -ms-flex-direction: column; 3734 -ms-flex-direction: column;
3735 flex-direction: column; 3735 flex-direction: column;
3736 gap: 6px; 3736 gap: 6px;
3737 } 3737 }
3738 @media (min-width: 768px) { 3738 @media (min-width: 768px) {
3739 .main__employer-page-two-item-text-body ul { 3739 .main__employer-page-two-item-text-body ul {
3740 margin: 0 5px; 3740 margin: 0 5px;
3741 } 3741 }
3742 } 3742 }
3743 .main__employer-page-two-item-text-body ul span, 3743 .main__employer-page-two-item-text-body ul span,
3744 .main__employer-page-two-item-text-body ul a { 3744 .main__employer-page-two-item-text-body ul a {
3745 color: #3a3b3c; 3745 color: #3a3b3c;
3746 position: relative; 3746 position: relative;
3747 } 3747 }
3748 .main__employer-page-two-item-text-body ul a:hover { 3748 .main__employer-page-two-item-text-body ul a:hover {
3749 color: #377d87; 3749 color: #377d87;
3750 } 3750 }
3751 .main__employer-page-two-item-text-body p + ul { 3751 .main__employer-page-two-item-text-body p + ul {
3752 margin-top: 10px; 3752 margin-top: 10px;
3753 } 3753 }
3754 .main__employer-page-two-item-text-links { 3754 .main__employer-page-two-item-text-links {
3755 display: -webkit-box; 3755 display: -webkit-box;
3756 display: -ms-flexbox; 3756 display: -ms-flexbox;
3757 display: flex; 3757 display: flex;
3758 -webkit-box-orient: vertical; 3758 -webkit-box-orient: vertical;
3759 -webkit-box-direction: normal; 3759 -webkit-box-direction: normal;
3760 -ms-flex-direction: column; 3760 -ms-flex-direction: column;
3761 flex-direction: column; 3761 flex-direction: column;
3762 -webkit-box-align: start; 3762 -webkit-box-align: start;
3763 -ms-flex-align: start; 3763 -ms-flex-align: start;
3764 align-items: flex-start; 3764 align-items: flex-start;
3765 gap: 10px; 3765 gap: 10px;
3766 padding: 0 10px; 3766 padding: 0 10px;
3767 font-weight: 700; 3767 font-weight: 700;
3768 margin-top: 5px; 3768 margin-top: 5px;
3769 } 3769 }
3770 @media (min-width: 768px) { 3770 @media (min-width: 768px) {
3771 .main__employer-page-two-item-text-links { 3771 .main__employer-page-two-item-text-links {
3772 gap: 20px; 3772 gap: 20px;
3773 } 3773 }
3774 } 3774 }
3775 .main__employer-page-two-item-text-links a { 3775 .main__employer-page-two-item-text-links a {
3776 color: #4d88d9; 3776 color: #4d88d9;
3777 } 3777 }
3778 .main__employer-page-two-item-text-links a:hover { 3778 .main__employer-page-two-item-text-links a:hover {
3779 color: #377d87; 3779 color: #377d87;
3780 } 3780 }
3781 .main__employer-page-two-item-tags { 3781 .main__employer-page-two-item-tags {
3782 color: #4d88d9; 3782 color: #4d88d9;
3783 font-weight: 500; 3783 font-weight: 500;
3784 display: -webkit-box; 3784 display: -webkit-box;
3785 display: -ms-flexbox; 3785 display: -ms-flexbox;
3786 display: flex; 3786 display: flex;
3787 -webkit-box-align: center; 3787 -webkit-box-align: center;
3788 -ms-flex-align: center; 3788 -ms-flex-align: center;
3789 align-items: center; 3789 align-items: center;
3790 -ms-flex-wrap: wrap; 3790 -ms-flex-wrap: wrap;
3791 flex-wrap: wrap; 3791 flex-wrap: wrap;
3792 gap: 10px 20px; 3792 gap: 10px 20px;
3793 } 3793 }
3794 @media (min-width: 768px) { 3794 @media (min-width: 768px) {
3795 .main__employer-page-two-item-tags { 3795 .main__employer-page-two-item-tags {
3796 font-size: 14px; 3796 font-size: 14px;
3797 } 3797 }
3798 } 3798 }
3799 .main__employer-page-two-item-buttons { 3799 .main__employer-page-two-item-buttons {
3800 display: grid; 3800 display: grid;
3801 grid-template-columns: repeat(2, 1fr); 3801 grid-template-columns: repeat(2, 1fr);
3802 gap: 20px; 3802 gap: 20px;
3803 } 3803 }
3804 @media (min-width: 768px) { 3804 @media (min-width: 768px) {
3805 .main__employer-page-two-item-button { 3805 .main__employer-page-two-item-button {
3806 position: absolute; 3806 position: absolute;
3807 bottom: 20px; 3807 bottom: 20px;
3808 left: 20px; 3808 left: 20px;
3809 width: 200px; 3809 width: 200px;
3810 padding: 0; 3810 padding: 0;
3811 } 3811 }
3812 } 3812 }
3813 @media (min-width: 768px) { 3813 @media (min-width: 768px) {
3814 .main__employer-page-two-item-button + .main__employer-page-two-item-button { 3814 .main__employer-page-two-item-button + .main__employer-page-two-item-button {
3815 left: auto; 3815 left: auto;
3816 right: 20px; 3816 right: 20px;
3817 } 3817 }
3818 } 3818 }
3819 .main__employer-page-two-item-bottom { 3819 .main__employer-page-two-item-bottom {
3820 display: -webkit-box; 3820 display: -webkit-box;
3821 display: -ms-flexbox; 3821 display: -ms-flexbox;
3822 display: flex; 3822 display: flex;
3823 -webkit-box-align: center; 3823 -webkit-box-align: center;
3824 -ms-flex-align: center; 3824 -ms-flex-align: center;
3825 align-items: center; 3825 align-items: center;
3826 -webkit-box-pack: justify; 3826 -webkit-box-pack: justify;
3827 -ms-flex-pack: justify; 3827 -ms-flex-pack: justify;
3828 justify-content: space-between; 3828 justify-content: space-between;
3829 } 3829 }
3830 .main__employer-page-two-item-bottom-date { 3830 .main__employer-page-two-item-bottom-date {
3831 color: #3a3b3c; 3831 color: #3a3b3c;
3832 } 3832 }
3833 @media (min-width: 768px) { 3833 @media (min-width: 768px) {
3834 .main__employer-page-two-item-bottom-date { 3834 .main__employer-page-two-item-bottom-date {
3835 position: absolute; 3835 position: absolute;
3836 bottom: 20px; 3836 bottom: 20px;
3837 right: 240px; 3837 right: 240px;
3838 height: 42px; 3838 height: 42px;
3839 display: -webkit-box; 3839 display: -webkit-box;
3840 display: -ms-flexbox; 3840 display: -ms-flexbox;
3841 display: flex; 3841 display: flex;
3842 -webkit-box-align: center; 3842 -webkit-box-align: center;
3843 -ms-flex-align: center; 3843 -ms-flex-align: center;
3844 align-items: center; 3844 align-items: center;
3845 } 3845 }
3846 } 3846 }
3847 @media (min-width: 992px) { 3847 @media (min-width: 992px) {
3848 .main__employer-page-two-item-bottom-date { 3848 .main__employer-page-two-item-bottom-date {
3849 font-size: 16px; 3849 font-size: 16px;
3850 } 3850 }
3851 } 3851 }
3852 @media (min-width: 768px) { 3852 @media (min-width: 768px) {
3853 .main__employer-page-two-item-bottom-like { 3853 .main__employer-page-two-item-bottom-like {
3854 position: absolute; 3854 position: absolute;
3855 bottom: 20px; 3855 bottom: 20px;
3856 left: 240px; 3856 left: 240px;
3857 } 3857 }
3858 } 3858 }
3859 @media (min-width: 768px) { 3859 @media (min-width: 768px) {
3860 .main__employer-page-two-more { 3860 .main__employer-page-two-more {
3861 margin-top: 10px; 3861 margin-top: 10px;
3862 padding: 0; 3862 padding: 0;
3863 width: 200px; 3863 width: 200px;
3864 } 3864 }
3865 } 3865 }
3866 .main__employer-page-two .main__employer-page-two-item { 3866 .main__employer-page-two .main__employer-page-two-item {
3867 display: none; 3867 display: none;
3868 } 3868 }
3869 .main__employer-page-two .main__employer-page-two-item:nth-of-type(1), .main__employer-page-two .main__employer-page-two-item:nth-of-type(2) { 3869 .main__employer-page-two .main__employer-page-two-item:nth-of-type(1), .main__employer-page-two .main__employer-page-two-item:nth-of-type(2) {
3870 display: -webkit-box; 3870 display: -webkit-box;
3871 display: -ms-flexbox; 3871 display: -ms-flexbox;
3872 display: flex; 3872 display: flex;
3873 } 3873 }
3874 .main__employer-page-two.active .main__employer-page-two-item { 3874 .main__employer-page-two.active .main__employer-page-two-item {
3875 display: -webkit-box; 3875 display: -webkit-box;
3876 display: -ms-flexbox; 3876 display: -ms-flexbox;
3877 display: flex; 3877 display: flex;
3878 } 3878 }
3879 .main__resume-base { 3879 .main__resume-base {
3880 display: -webkit-box; 3880 display: -webkit-box;
3881 display: -ms-flexbox; 3881 display: -ms-flexbox;
3882 display: flex; 3882 display: flex;
3883 -webkit-box-orient: vertical; 3883 -webkit-box-orient: vertical;
3884 -webkit-box-direction: normal; 3884 -webkit-box-direction: normal;
3885 -ms-flex-direction: column; 3885 -ms-flex-direction: column;
3886 flex-direction: column; 3886 flex-direction: column;
3887 color: #3a3b3c; 3887 color: #3a3b3c;
3888 } 3888 }
3889 .main__resume-base-body { 3889 .main__resume-base-body {
3890 display: none; 3890 display: none;
3891 -webkit-box-orient: vertical; 3891 -webkit-box-orient: vertical;
3892 -webkit-box-direction: normal; 3892 -webkit-box-direction: normal;
3893 -ms-flex-direction: column; 3893 -ms-flex-direction: column;
3894 flex-direction: column; 3894 flex-direction: column;
3895 margin-top: 10px; 3895 margin-top: 10px;
3896 } 3896 }
3897 @media (min-width: 768px) { 3897 @media (min-width: 768px) {
3898 .main__resume-base-body { 3898 .main__resume-base-body {
3899 margin-top: 30px; 3899 margin-top: 30px;
3900 } 3900 }
3901 } 3901 }
3902 .main__resume-base-body.showed { 3902 .main__resume-base-body.showed {
3903 display: -webkit-box; 3903 display: -webkit-box;
3904 display: -ms-flexbox; 3904 display: -ms-flexbox;
3905 display: flex; 3905 display: flex;
3906 } 3906 }
3907 .main__resume-base-body-one { 3907 .main__resume-base-body-one {
3908 display: -webkit-box; 3908 display: -webkit-box;
3909 display: -ms-flexbox; 3909 display: -ms-flexbox;
3910 display: flex; 3910 display: flex;
3911 -webkit-box-orient: vertical; 3911 -webkit-box-orient: vertical;
3912 -webkit-box-direction: normal; 3912 -webkit-box-direction: normal;
3913 -ms-flex-direction: column; 3913 -ms-flex-direction: column;
3914 flex-direction: column; 3914 flex-direction: column;
3915 -webkit-box-align: center; 3915 -webkit-box-align: center;
3916 -ms-flex-align: center; 3916 -ms-flex-align: center;
3917 align-items: center; 3917 align-items: center;
3918 gap: 20px; 3918 gap: 20px;
3919 } 3919 }
3920 @media (min-width: 768px) { 3920 @media (min-width: 768px) {
3921 .main__resume-base-body-one { 3921 .main__resume-base-body-one {
3922 gap: 30px; 3922 gap: 30px;
3923 } 3923 }
3924 } 3924 }
3925 .main__resume-base-body-two { 3925 .main__resume-base-body-two {
3926 display: -webkit-box; 3926 display: -webkit-box;
3927 display: -ms-flexbox; 3927 display: -ms-flexbox;
3928 display: flex; 3928 display: flex;
3929 -webkit-box-orient: vertical; 3929 -webkit-box-orient: vertical;
3930 -webkit-box-direction: normal; 3930 -webkit-box-direction: normal;
3931 -ms-flex-direction: column; 3931 -ms-flex-direction: column;
3932 flex-direction: column; 3932 flex-direction: column;
3933 gap: 20px; 3933 gap: 20px;
3934 } 3934 }
3935 @media (min-width: 768px) { 3935 @media (min-width: 768px) {
3936 .main__resume-base-body-two { 3936 .main__resume-base-body-two {
3937 -webkit-box-orient: horizontal; 3937 -webkit-box-orient: horizontal;
3938 -webkit-box-direction: normal; 3938 -webkit-box-direction: normal;
3939 -ms-flex-direction: row; 3939 -ms-flex-direction: row;
3940 flex-direction: row; 3940 flex-direction: row;
3941 -webkit-box-pack: justify; 3941 -webkit-box-pack: justify;
3942 -ms-flex-pack: justify; 3942 -ms-flex-pack: justify;
3943 justify-content: space-between; 3943 justify-content: space-between;
3944 -webkit-box-align: start; 3944 -webkit-box-align: start;
3945 -ms-flex-align: start; 3945 -ms-flex-align: start;
3946 align-items: flex-start; 3946 align-items: flex-start;
3947 -ms-flex-wrap: wrap; 3947 -ms-flex-wrap: wrap;
3948 flex-wrap: wrap; 3948 flex-wrap: wrap;
3949 gap: 30px 0; 3949 gap: 30px 0;
3950 } 3950 }
3951 } 3951 }
3952 @media (min-width: 768px) { 3952 @media (min-width: 768px) {
3953 .main__resume-base-body-two .main__resume-base-body-item { 3953 .main__resume-base-body-two .main__resume-base-body-item {
3954 width: calc(50% - 10px); 3954 width: calc(50% - 10px);
3955 } 3955 }
3956 } 3956 }
3957 .main__resume-base-body-two .main__resume-base-body-item-wrapper { 3957 .main__resume-base-body-two .main__resume-base-body-item-wrapper {
3958 -webkit-box-orient: vertical; 3958 -webkit-box-orient: vertical;
3959 -webkit-box-direction: normal; 3959 -webkit-box-direction: normal;
3960 -ms-flex-direction: column; 3960 -ms-flex-direction: column;
3961 flex-direction: column; 3961 flex-direction: column;
3962 } 3962 }
3963 .main__resume-base-body-item { 3963 .main__resume-base-body-item {
3964 width: 100%; 3964 width: 100%;
3965 display: -webkit-box; 3965 display: -webkit-box;
3966 display: -ms-flexbox; 3966 display: -ms-flexbox;
3967 display: flex; 3967 display: flex;
3968 -webkit-box-orient: vertical; 3968 -webkit-box-orient: vertical;
3969 -webkit-box-direction: normal; 3969 -webkit-box-direction: normal;
3970 -ms-flex-direction: column; 3970 -ms-flex-direction: column;
3971 flex-direction: column; 3971 flex-direction: column;
3972 gap: 20px; 3972 gap: 20px;
3973 position: relative; 3973 position: relative;
3974 border: 1px solid #377d87; 3974 border: 1px solid #377d87;
3975 border-radius: 8px; 3975 border-radius: 8px;
3976 padding: 10px; 3976 padding: 10px;
3977 -webkit-box-align: center; 3977 -webkit-box-align: center;
3978 -ms-flex-align: center; 3978 -ms-flex-align: center;
3979 align-items: center; 3979 align-items: center;
3980 } 3980 }
3981 @media (min-width: 768px) { 3981 @media (min-width: 768px) {
3982 .main__resume-base-body-item { 3982 .main__resume-base-body-item {
3983 padding: 20px; 3983 padding: 20px;
3984 } 3984 }
3985 } 3985 }
3986 .main__resume-base-body-item-buttons { 3986 .main__resume-base-body-item-buttons {
3987 display: -webkit-box; 3987 display: -webkit-box;
3988 display: -ms-flexbox; 3988 display: -ms-flexbox;
3989 display: flex; 3989 display: flex;
3990 -webkit-box-orient: vertical; 3990 -webkit-box-orient: vertical;
3991 -webkit-box-direction: normal; 3991 -webkit-box-direction: normal;
3992 -ms-flex-direction: column; 3992 -ms-flex-direction: column;
3993 flex-direction: column; 3993 flex-direction: column;
3994 -webkit-box-align: start; 3994 -webkit-box-align: start;
3995 -ms-flex-align: start; 3995 -ms-flex-align: start;
3996 align-items: flex-start; 3996 align-items: flex-start;
3997 gap: 10px; 3997 gap: 10px;
3998 position: absolute; 3998 position: absolute;
3999 top: 10px; 3999 top: 10px;
4000 right: 10px; 4000 right: 10px;
4001 } 4001 }
4002 @media (min-width: 768px) { 4002 @media (min-width: 768px) {
4003 .main__resume-base-body-item-buttons { 4003 .main__resume-base-body-item-buttons {
4004 top: 20px; 4004 top: 20px;
4005 right: 20px; 4005 right: 20px;
4006 } 4006 }
4007 } 4007 }
4008 .main__resume-base-body-item-wrapper { 4008 .main__resume-base-body-item-wrapper {
4009 display: -webkit-box; 4009 display: -webkit-box;
4010 display: -ms-flexbox; 4010 display: -ms-flexbox;
4011 display: flex; 4011 display: flex;
4012 -webkit-box-orient: vertical; 4012 -webkit-box-orient: vertical;
4013 -webkit-box-direction: normal; 4013 -webkit-box-direction: normal;
4014 -ms-flex-direction: column; 4014 -ms-flex-direction: column;
4015 flex-direction: column; 4015 flex-direction: column;
4016 -webkit-box-align: start; 4016 -webkit-box-align: start;
4017 -ms-flex-align: start; 4017 -ms-flex-align: start;
4018 align-items: flex-start; 4018 align-items: flex-start;
4019 gap: 20px; 4019 gap: 20px;
4020 width: 100%; 4020 width: 100%;
4021 } 4021 }
4022 @media (min-width: 768px) { 4022 @media (min-width: 768px) {
4023 .main__resume-base-body-item-wrapper { 4023 .main__resume-base-body-item-wrapper {
4024 -webkit-box-orient: horizontal; 4024 -webkit-box-orient: horizontal;
4025 -webkit-box-direction: normal; 4025 -webkit-box-direction: normal;
4026 -ms-flex-direction: row; 4026 -ms-flex-direction: row;
4027 flex-direction: row; 4027 flex-direction: row;
4028 } 4028 }
4029 } 4029 }
4030 .main__resume-base-body-item-photo { 4030 .main__resume-base-body-item-photo {
4031 width: 180px; 4031 width: 180px;
4032 aspect-ratio: 1/1; 4032 aspect-ratio: 1/1;
4033 -o-object-fit: cover; 4033 -o-object-fit: cover;
4034 object-fit: cover; 4034 object-fit: cover;
4035 border-radius: 8px; 4035 border-radius: 8px;
4036 } 4036 }
4037 @media (min-width: 768px) { 4037 @media (min-width: 768px) {
4038 .main__resume-base-body-item-photo { 4038 .main__resume-base-body-item-photo {
4039 width: 210px; 4039 width: 210px;
4040 } 4040 }
4041 } 4041 }
4042 .main__resume-base-body-item-inner { 4042 .main__resume-base-body-item-inner {
4043 display: -webkit-box; 4043 display: -webkit-box;
4044 display: -ms-flexbox; 4044 display: -ms-flexbox;
4045 display: flex; 4045 display: flex;
4046 -webkit-box-orient: vertical; 4046 -webkit-box-orient: vertical;
4047 -webkit-box-direction: normal; 4047 -webkit-box-direction: normal;
4048 -ms-flex-direction: column; 4048 -ms-flex-direction: column;
4049 flex-direction: column; 4049 flex-direction: column;
4050 gap: 10px; 4050 gap: 10px;
4051 width: 100%; 4051 width: 100%;
4052 } 4052 }
4053 @media (min-width: 768px) { 4053 @media (min-width: 768px) {
4054 .main__resume-base-body-item-inner { 4054 .main__resume-base-body-item-inner {
4055 gap: 16px; 4055 gap: 16px;
4056 padding-right: 50px; 4056 padding-right: 50px;
4057 } 4057 }
4058 } 4058 }
4059 @media (min-width: 992px) { 4059 @media (min-width: 992px) {
4060 .main__resume-base-body-item-inner { 4060 .main__resume-base-body-item-inner {
4061 display: grid; 4061 display: grid;
4062 grid-template-columns: repeat(2, 1fr); 4062 grid-template-columns: repeat(2, 1fr);
4063 gap: 30px; 4063 gap: 30px;
4064 } 4064 }
4065 } 4065 }
4066 .main__resume-base-body-item-inner div { 4066 .main__resume-base-body-item-inner div {
4067 display: -webkit-box; 4067 display: -webkit-box;
4068 display: -ms-flexbox; 4068 display: -ms-flexbox;
4069 display: flex; 4069 display: flex;
4070 -webkit-box-orient: vertical; 4070 -webkit-box-orient: vertical;
4071 -webkit-box-direction: normal; 4071 -webkit-box-direction: normal;
4072 -ms-flex-direction: column; 4072 -ms-flex-direction: column;
4073 flex-direction: column; 4073 flex-direction: column;
4074 gap: 4px; 4074 gap: 4px;
4075 font-size: 12px; 4075 font-size: 12px;
4076 } 4076 }
4077 @media (min-width: 768px) { 4077 @media (min-width: 768px) {
4078 .main__resume-base-body-item-inner div { 4078 .main__resume-base-body-item-inner div {
4079 font-size: 16px; 4079 font-size: 16px;
4080 } 4080 }
4081 } 4081 }
4082 .main__resume-base-body-item-inner b { 4082 .main__resume-base-body-item-inner b {
4083 color: #377d87; 4083 color: #377d87;
4084 font-size: 14px; 4084 font-size: 14px;
4085 } 4085 }
4086 @media (min-width: 768px) { 4086 @media (min-width: 768px) {
4087 .main__resume-base-body-item-inner b { 4087 .main__resume-base-body-item-inner b {
4088 font-size: 18px; 4088 font-size: 18px;
4089 } 4089 }
4090 } 4090 }
4091 .main__resume-base-body-item-link { 4091 .main__resume-base-body-item-link {
4092 width: 100%; 4092 width: 100%;
4093 padding: 0; 4093 padding: 0;
4094 } 4094 }
4095 @media (min-width: 768px) { 4095 @media (min-width: 768px) {
4096 .main__resume-base-body-item-link { 4096 .main__resume-base-body-item-link {
4097 width: 200px; 4097 width: 200px;
4098 } 4098 }
4099 } 4099 }
4100 .main__spoiler { 4100 .main__spoiler {
4101 overflow: hidden; 4101 overflow: hidden;
4102 border-radius: 8px; 4102 border-radius: 8px;
4103 display: -webkit-box; 4103 display: -webkit-box;
4104 display: -ms-flexbox; 4104 display: -ms-flexbox;
4105 display: flex; 4105 display: flex;
4106 -webkit-box-orient: vertical; 4106 -webkit-box-orient: vertical;
4107 -webkit-box-direction: normal; 4107 -webkit-box-direction: normal;
4108 -ms-flex-direction: column; 4108 -ms-flex-direction: column;
4109 flex-direction: column; 4109 flex-direction: column;
4110 } 4110 }
4111 .main__spoiler-toper { 4111 .main__spoiler-toper {
4112 background: #377d87; 4112 background: #377d87;
4113 height: 30px; 4113 height: 30px;
4114 display: -webkit-box; 4114 display: -webkit-box;
4115 display: -ms-flexbox; 4115 display: -ms-flexbox;
4116 display: flex; 4116 display: flex;
4117 -webkit-box-align: center; 4117 -webkit-box-align: center;
4118 -ms-flex-align: center; 4118 -ms-flex-align: center;
4119 align-items: center; 4119 align-items: center;
4120 -webkit-box-pack: center; 4120 -webkit-box-pack: center;
4121 -ms-flex-pack: center; 4121 -ms-flex-pack: center;
4122 justify-content: center; 4122 justify-content: center;
4123 color: #ffffff; 4123 color: #ffffff;
4124 font-size: 12px; 4124 font-size: 12px;
4125 font-weight: 700; 4125 font-weight: 700;
4126 padding: 0 30px; 4126 padding: 0 30px;
4127 border: none; 4127 border: none;
4128 position: relative; 4128 position: relative;
4129 } 4129 }
4130 @media (min-width: 768px) { 4130 @media (min-width: 768px) {
4131 .main__spoiler-toper { 4131 .main__spoiler-toper {
4132 font-size: 18px; 4132 font-size: 18px;
4133 height: 50px; 4133 height: 50px;
4134 padding: 0 60px; 4134 padding: 0 60px;
4135 } 4135 }
4136 } 4136 }
4137 .main__spoiler-toper:before, .main__spoiler-toper:after { 4137 .main__spoiler-toper:before, .main__spoiler-toper:after {
4138 content: ""; 4138 content: "";
4139 background: #ffffff; 4139 background: #ffffff;
4140 border-radius: 999px; 4140 border-radius: 999px;
4141 width: 10px; 4141 width: 10px;
4142 height: 1px; 4142 height: 1px;
4143 position: absolute; 4143 position: absolute;
4144 top: 50%; 4144 top: 50%;
4145 right: 10px; 4145 right: 10px;
4146 -webkit-transition: 0.3s; 4146 -webkit-transition: 0.3s;
4147 transition: 0.3s; 4147 transition: 0.3s;
4148 -webkit-transform: translate(0, -50%); 4148 -webkit-transform: translate(0, -50%);
4149 -ms-transform: translate(0, -50%); 4149 -ms-transform: translate(0, -50%);
4150 transform: translate(0, -50%); 4150 transform: translate(0, -50%);
4151 } 4151 }
4152 @media (min-width: 768px) { 4152 @media (min-width: 768px) {
4153 .main__spoiler-toper:before, .main__spoiler-toper:after { 4153 .main__spoiler-toper:before, .main__spoiler-toper:after {
4154 width: 20px; 4154 width: 20px;
4155 height: 2px; 4155 height: 2px;
4156 right: 20px; 4156 right: 20px;
4157 } 4157 }
4158 } 4158 }
4159 .main__spoiler-toper:after { 4159 .main__spoiler-toper:after {
4160 -webkit-transform: rotate(90deg); 4160 -webkit-transform: rotate(90deg);
4161 -ms-transform: rotate(90deg); 4161 -ms-transform: rotate(90deg);
4162 transform: rotate(90deg); 4162 transform: rotate(90deg);
4163 } 4163 }
4164 .main__spoiler-toper.active:after { 4164 .main__spoiler-toper.active:after {
4165 -webkit-transform: rotate(0deg); 4165 -webkit-transform: rotate(0deg);
4166 -ms-transform: rotate(0deg); 4166 -ms-transform: rotate(0deg);
4167 transform: rotate(0deg); 4167 transform: rotate(0deg);
4168 } 4168 }
4169 .main__spoiler-body { 4169 .main__spoiler-body {
4170 opacity: 0; 4170 opacity: 0;
4171 height: 0; 4171 height: 0;
4172 overflow: hidden; 4172 overflow: hidden;
4173 border-radius: 0 0 8px 8px; 4173 border-radius: 0 0 8px 8px;
4174 background: #ffffff; 4174 background: #ffffff;
4175 } 4175 }
4176 .main__spoiler-body table { 4176 .main__spoiler-body table {
4177 width: calc(100% + 2px); 4177 width: calc(100% + 2px);
4178 margin-left: -1px; 4178 margin-left: -1px;
4179 margin-bottom: -1px; 4179 margin-bottom: -1px;
4180 } 4180 }
4181 @media (min-width: 992px) { 4181 @media (min-width: 992px) {
4182 .main__spoiler-body table td { 4182 .main__spoiler-body table td {
4183 width: 40%; 4183 width: 40%;
4184 } 4184 }
4185 } 4185 }
4186 @media (min-width: 992px) { 4186 @media (min-width: 992px) {
4187 .main__spoiler-body table td + td { 4187 .main__spoiler-body table td + td {
4188 width: 60%; 4188 width: 60%;
4189 } 4189 }
4190 } 4190 }
4191 .active + .main__spoiler-body { 4191 .active + .main__spoiler-body {
4192 -webkit-transition: 0.3s; 4192 -webkit-transition: 0.3s;
4193 transition: 0.3s; 4193 transition: 0.3s;
4194 opacity: 1; 4194 opacity: 1;
4195 height: auto; 4195 height: auto;
4196 border: 1px solid #cecece; 4196 border: 1px solid #cecece;
4197 border-top: none; 4197 border-top: none;
4198 } 4198 }
4199 .main__table { 4199 .main__table {
4200 border-collapse: collapse; 4200 border-collapse: collapse;
4201 table-layout: fixed; 4201 table-layout: fixed;
4202 font-size: 12px; 4202 font-size: 12px;
4203 width: 100%; 4203 width: 100%;
4204 background: #ffffff; 4204 background: #ffffff;
4205 } 4205 }
4206 @media (min-width: 768px) { 4206 @media (min-width: 768px) {
4207 .main__table { 4207 .main__table {
4208 font-size: 16px; 4208 font-size: 16px;
4209 } 4209 }
4210 } 4210 }
4211 .main__table td { 4211 .main__table td {
4212 border: 1px solid #cecece; 4212 border: 1px solid #cecece;
4213 padding: 4px 8px; 4213 padding: 4px 8px;
4214 vertical-align: top; 4214 vertical-align: top;
4215 } 4215 }
4216 @media (min-width: 768px) { 4216 @media (min-width: 768px) {
4217 .main__table td { 4217 .main__table td {
4218 padding: 8px 16px; 4218 padding: 8px 16px;
4219 } 4219 }
4220 } 4220 }
4221 .main__table td b { 4221 .main__table td b {
4222 font-weight: 700; 4222 font-weight: 700;
4223 } 4223 }
4224 .main__table_three { 4224 .main__table_three {
4225 table-layout: auto; 4225 table-layout: auto;
4226 } 4226 }
4227 .main__table_three td { 4227 .main__table_three td {
4228 width: 25% !important; 4228 width: 25% !important;
4229 } 4229 }
4230 .main__table_three td:last-child { 4230 .main__table_three td:last-child {
4231 width: 50% !important; 4231 width: 50% !important;
4232 } 4232 }
4233 .main__table b { 4233 .main__table b {
4234 display: block; 4234 display: block;
4235 } 4235 }
4236 .main__table a { 4236 .main__table a {
4237 color: #377d87; 4237 color: #377d87;
4238 text-decoration: underline; 4238 text-decoration: underline;
4239 } 4239 }
4240 .main__table a:hover { 4240 .main__table a:hover {
4241 color: #3a3b3c; 4241 color: #3a3b3c;
4242 } 4242 }
4243 .main__resume-profile-about { 4243 .main__resume-profile-about {
4244 padding-top: 20px; 4244 padding-top: 20px;
4245 padding-bottom: 30px; 4245 padding-bottom: 30px;
4246 position: relative; 4246 position: relative;
4247 margin-top: 30px; 4247 margin-top: 30px;
4248 display: -webkit-box; 4248 display: -webkit-box;
4249 display: -ms-flexbox; 4249 display: -ms-flexbox;
4250 display: flex; 4250 display: flex;
4251 -webkit-box-orient: vertical; 4251 -webkit-box-orient: vertical;
4252 -webkit-box-direction: normal; 4252 -webkit-box-direction: normal;
4253 -ms-flex-direction: column; 4253 -ms-flex-direction: column;
4254 flex-direction: column; 4254 flex-direction: column;
4255 -webkit-box-align: start; 4255 -webkit-box-align: start;
4256 -ms-flex-align: start; 4256 -ms-flex-align: start;
4257 align-items: flex-start; 4257 align-items: flex-start;
4258 gap: 10px; 4258 gap: 10px;
4259 } 4259 }
4260 @media (min-width: 992px) { 4260 @media (min-width: 992px) {
4261 .main__resume-profile-about { 4261 .main__resume-profile-about {
4262 padding: 50px 0; 4262 padding: 50px 0;
4263 } 4263 }
4264 } 4264 }
4265 .main__resume-profile-about:before { 4265 .main__resume-profile-about:before {
4266 content: ""; 4266 content: "";
4267 position: absolute; 4267 position: absolute;
4268 z-index: 1; 4268 z-index: 1;
4269 top: 0; 4269 top: 0;
4270 left: 50%; 4270 left: 50%;
4271 width: 20000px; 4271 width: 20000px;
4272 height: 100%; 4272 height: 100%;
4273 margin-left: -10000px; 4273 margin-left: -10000px;
4274 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 4274 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
4275 } 4275 }
4276 .main__resume-profile-about-title { 4276 .main__resume-profile-about-title {
4277 position: relative; 4277 position: relative;
4278 z-index: 2; 4278 z-index: 2;
4279 color: #3a3b3c; 4279 color: #3a3b3c;
4280 } 4280 }
4281 .main__resume-profile-about-text { 4281 .main__resume-profile-about-text {
4282 position: relative; 4282 position: relative;
4283 z-index: 2; 4283 z-index: 2;
4284 } 4284 }
4285 .main__resume-profile-about-button { 4285 .main__resume-profile-about-button {
4286 position: relative; 4286 position: relative;
4287 z-index: 2; 4287 z-index: 2;
4288 margin-top: 10px; 4288 margin-top: 10px;
4289 } 4289 }
4290 .main__resume-profile-info { 4290 .main__resume-profile-info {
4291 display: -webkit-box; 4291 display: -webkit-box;
4292 display: -ms-flexbox; 4292 display: -ms-flexbox;
4293 display: flex; 4293 display: flex;
4294 -webkit-box-orient: vertical; 4294 -webkit-box-orient: vertical;
4295 -webkit-box-direction: normal; 4295 -webkit-box-direction: normal;
4296 -ms-flex-direction: column; 4296 -ms-flex-direction: column;
4297 flex-direction: column; 4297 flex-direction: column;
4298 gap: 20px; 4298 gap: 20px;
4299 margin-top: 30px; 4299 margin-top: 30px;
4300 } 4300 }
4301 @media (min-width: 992px) { 4301 @media (min-width: 992px) {
4302 .main__resume-profile-info { 4302 .main__resume-profile-info {
4303 margin-top: 50px; 4303 margin-top: 50px;
4304 gap: 30px; 4304 gap: 30px;
4305 } 4305 }
4306 } 4306 }
4307 .main__resume-profile-info-title { 4307 .main__resume-profile-info-title {
4308 color: #3a3b3c; 4308 color: #3a3b3c;
4309 } 4309 }
4310 .main__resume-profile-info-body { 4310 .main__resume-profile-info-body {
4311 display: -webkit-box; 4311 display: -webkit-box;
4312 display: -ms-flexbox; 4312 display: -ms-flexbox;
4313 display: flex; 4313 display: flex;
4314 -webkit-box-orient: vertical; 4314 -webkit-box-orient: vertical;
4315 -webkit-box-direction: normal; 4315 -webkit-box-direction: normal;
4316 -ms-flex-direction: column; 4316 -ms-flex-direction: column;
4317 flex-direction: column; 4317 flex-direction: column;
4318 gap: 20px; 4318 gap: 20px;
4319 } 4319 }
4320 @media (min-width: 992px) { 4320 @media (min-width: 992px) {
4321 .main__resume-profile-info-body { 4321 .main__resume-profile-info-body {
4322 gap: 30px; 4322 gap: 30px;
4323 } 4323 }
4324 } 4324 }
4325 .main__resume-profile-info-body-item { 4325 .main__resume-profile-info-body-item {
4326 display: -webkit-box; 4326 display: -webkit-box;
4327 display: -ms-flexbox; 4327 display: -ms-flexbox;
4328 display: flex; 4328 display: flex;
4329 -webkit-box-orient: vertical; 4329 -webkit-box-orient: vertical;
4330 -webkit-box-direction: normal; 4330 -webkit-box-direction: normal;
4331 -ms-flex-direction: column; 4331 -ms-flex-direction: column;
4332 flex-direction: column; 4332 flex-direction: column;
4333 gap: 10px; 4333 gap: 10px;
4334 } 4334 }
4335 @media (min-width: 768px) { 4335 @media (min-width: 768px) {
4336 .main__resume-profile-info-body-item { 4336 .main__resume-profile-info-body-item {
4337 gap: 20px; 4337 gap: 20px;
4338 } 4338 }
4339 } 4339 }
4340 .main__resume-profile-info-body-subtitle { 4340 .main__resume-profile-info-body-subtitle {
4341 color: #4d88d9; 4341 color: #4d88d9;
4342 } 4342 }
4343 .main__resume-profile-info-body-inner { 4343 .main__resume-profile-info-body-inner {
4344 display: -webkit-box; 4344 display: -webkit-box;
4345 display: -ms-flexbox; 4345 display: -ms-flexbox;
4346 display: flex; 4346 display: flex;
4347 -webkit-box-orient: vertical; 4347 -webkit-box-orient: vertical;
4348 -webkit-box-direction: normal; 4348 -webkit-box-direction: normal;
4349 -ms-flex-direction: column; 4349 -ms-flex-direction: column;
4350 flex-direction: column; 4350 flex-direction: column;
4351 gap: 20px; 4351 gap: 20px;
4352 margin: 0; 4352 margin: 0;
4353 padding: 0; 4353 padding: 0;
4354 font-size: 12px; 4354 font-size: 12px;
4355 } 4355 }
4356 @media (min-width: 768px) { 4356 @media (min-width: 768px) {
4357 .main__resume-profile-info-body-inner { 4357 .main__resume-profile-info-body-inner {
4358 display: grid; 4358 display: grid;
4359 grid-template-columns: repeat(2, 1fr); 4359 grid-template-columns: repeat(2, 1fr);
4360 } 4360 }
4361 } 4361 }
4362 @media (min-width: 992px) { 4362 @media (min-width: 992px) {
4363 .main__resume-profile-info-body-inner { 4363 .main__resume-profile-info-body-inner {
4364 grid-template-columns: repeat(3, 1fr); 4364 grid-template-columns: repeat(3, 1fr);
4365 font-size: 16px; 4365 font-size: 16px;
4366 } 4366 }
4367 } 4367 }
4368 .main__resume-profile-info-body-inner li { 4368 .main__resume-profile-info-body-inner li {
4369 display: -webkit-box; 4369 display: -webkit-box;
4370 display: -ms-flexbox; 4370 display: -ms-flexbox;
4371 display: flex; 4371 display: flex;
4372 -webkit-box-orient: vertical; 4372 -webkit-box-orient: vertical;
4373 -webkit-box-direction: normal; 4373 -webkit-box-direction: normal;
4374 -ms-flex-direction: column; 4374 -ms-flex-direction: column;
4375 flex-direction: column; 4375 flex-direction: column;
4376 gap: 6px; 4376 gap: 6px;
4377 } 4377 }
4378 @media (min-width: 992px) { 4378 @media (min-width: 992px) {
4379 .main__resume-profile-info-body-inner li { 4379 .main__resume-profile-info-body-inner li {
4380 gap: 8px; 4380 gap: 8px;
4381 } 4381 }
4382 } 4382 }
4383 .main__resume-profile-info-body-inner b { 4383 .main__resume-profile-info-body-inner b {
4384 color: #377d87; 4384 color: #377d87;
4385 font-size: 14px; 4385 font-size: 14px;
4386 } 4386 }
4387 @media (min-width: 992px) { 4387 @media (min-width: 992px) {
4388 .main__resume-profile-info-body-inner b { 4388 .main__resume-profile-info-body-inner b {
4389 font-size: 18px; 4389 font-size: 18px;
4390 } 4390 }
4391 } 4391 }
4392 .main__resume-profile-info-body-inner span { 4392 .main__resume-profile-info-body-inner span {
4393 display: -webkit-box; 4393 display: -webkit-box;
4394 display: -ms-flexbox; 4394 display: -ms-flexbox;
4395 display: flex; 4395 display: flex;
4396 -webkit-box-orient: vertical; 4396 -webkit-box-orient: vertical;
4397 -webkit-box-direction: normal; 4397 -webkit-box-direction: normal;
4398 -ms-flex-direction: column; 4398 -ms-flex-direction: column;
4399 flex-direction: column; 4399 flex-direction: column;
4400 gap: 4px; 4400 gap: 4px;
4401 } 4401 }
4402 @media (min-width: 992px) { 4402 @media (min-width: 992px) {
4403 .main__resume-profile-info-body-inner span { 4403 .main__resume-profile-info-body-inner span {
4404 gap: 6px; 4404 gap: 6px;
4405 } 4405 }
4406 } 4406 }
4407 .main__resume-profile-review { 4407 .main__resume-profile-review {
4408 display: -webkit-box; 4408 display: -webkit-box;
4409 display: -ms-flexbox; 4409 display: -ms-flexbox;
4410 display: flex; 4410 display: flex;
4411 -webkit-box-orient: vertical; 4411 -webkit-box-orient: vertical;
4412 -webkit-box-direction: normal; 4412 -webkit-box-direction: normal;
4413 -ms-flex-direction: column; 4413 -ms-flex-direction: column;
4414 flex-direction: column; 4414 flex-direction: column;
4415 gap: 20px; 4415 gap: 20px;
4416 padding: 20px 10px; 4416 padding: 20px 10px;
4417 margin-top: 30px; 4417 margin-top: 30px;
4418 border-radius: 16px; 4418 border-radius: 16px;
4419 border: 1px solid #cecece; 4419 border: 1px solid #cecece;
4420 background: #ffffff; 4420 background: #ffffff;
4421 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 4421 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4422 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 4422 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4423 } 4423 }
4424 @media (min-width: 992px) { 4424 @media (min-width: 992px) {
4425 .main__resume-profile-review { 4425 .main__resume-profile-review {
4426 margin-top: 50px; 4426 margin-top: 50px;
4427 padding: 50px 40px; 4427 padding: 50px 40px;
4428 gap: 30px; 4428 gap: 30px;
4429 } 4429 }
4430 } 4430 }
4431 .main__resume-profile-review-title { 4431 .main__resume-profile-review-title {
4432 color: #3a3b3c; 4432 color: #3a3b3c;
4433 } 4433 }
4434 .main__resume-profile-review-body { 4434 .main__resume-profile-review-body {
4435 display: -webkit-box; 4435 display: -webkit-box;
4436 display: -ms-flexbox; 4436 display: -ms-flexbox;
4437 display: flex; 4437 display: flex;
4438 -webkit-box-orient: vertical; 4438 -webkit-box-orient: vertical;
4439 -webkit-box-direction: normal; 4439 -webkit-box-direction: normal;
4440 -ms-flex-direction: column; 4440 -ms-flex-direction: column;
4441 flex-direction: column; 4441 flex-direction: column;
4442 -webkit-box-align: start; 4442 -webkit-box-align: start;
4443 -ms-flex-align: start; 4443 -ms-flex-align: start;
4444 align-items: flex-start; 4444 align-items: flex-start;
4445 gap: 10px; 4445 gap: 10px;
4446 } 4446 }
4447 .main__resume-profile-review-body .textarea { 4447 .main__resume-profile-review-body .textarea {
4448 width: 100%; 4448 width: 100%;
4449 } 4449 }
4450 .main__resume-profile-review-body .button { 4450 .main__resume-profile-review-body .button {
4451 margin-top: 10px; 4451 margin-top: 10px;
4452 } 4452 }
4453 .main__vacancies { 4453 .main__vacancies {
4454 display: -webkit-box; 4454 display: -webkit-box;
4455 display: -ms-flexbox; 4455 display: -ms-flexbox;
4456 display: flex; 4456 display: flex;
4457 -webkit-box-orient: vertical; 4457 -webkit-box-orient: vertical;
4458 -webkit-box-direction: normal; 4458 -webkit-box-direction: normal;
4459 -ms-flex-direction: column; 4459 -ms-flex-direction: column;
4460 flex-direction: column; 4460 flex-direction: column;
4461 -webkit-box-align: center; 4461 -webkit-box-align: center;
4462 -ms-flex-align: center; 4462 -ms-flex-align: center;
4463 align-items: center; 4463 align-items: center;
4464 gap: 20px; 4464 gap: 20px;
4465 } 4465 }
4466 @media (min-width: 768px) { 4466 @media (min-width: 768px) {
4467 .main__vacancies { 4467 .main__vacancies {
4468 gap: 30px; 4468 gap: 30px;
4469 } 4469 }
4470 } 4470 }
4471 .main__vacancies-title { 4471 .main__vacancies-title {
4472 color: #3a3b3c; 4472 color: #3a3b3c;
4473 width: 100%; 4473 width: 100%;
4474 } 4474 }
4475 .main__vacancies-filters { 4475 .main__vacancies-filters {
4476 width: 100%; 4476 width: 100%;
4477 } 4477 }
4478 .main__vacancies-item { 4478 .main__vacancies-item {
4479 width: 100%; 4479 width: 100%;
4480 background: none; 4480 background: none;
4481 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 4481 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4482 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 4482 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4483 } 4483 }
4484 .main__vacancies-item-page { 4484 .main__vacancies-item-page {
4485 border: none; 4485 border: none;
4486 -webkit-box-shadow: none; 4486 -webkit-box-shadow: none;
4487 box-shadow: none; 4487 box-shadow: none;
4488 background: none; 4488 background: none;
4489 margin: 0 -10px; 4489 margin: 0 -10px;
4490 } 4490 }
4491 @media (min-width: 768px) { 4491 @media (min-width: 768px) {
4492 .main__vacancies-item-page { 4492 .main__vacancies-item-page {
4493 margin: 0 -20px; 4493 margin: 0 -20px;
4494 } 4494 }
4495 } 4495 }
4496 .main__vacancies-thing { 4496 .main__vacancies-thing {
4497 width: 100%; 4497 width: 100%;
4498 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 4498 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
4499 padding: 20px 10px; 4499 padding: 20px 10px;
4500 padding-bottom: 30px; 4500 padding-bottom: 30px;
4501 display: -webkit-box; 4501 display: -webkit-box;
4502 display: -ms-flexbox; 4502 display: -ms-flexbox;
4503 display: flex; 4503 display: flex;
4504 -webkit-box-orient: vertical; 4504 -webkit-box-orient: vertical;
4505 -webkit-box-direction: normal; 4505 -webkit-box-direction: normal;
4506 -ms-flex-direction: column; 4506 -ms-flex-direction: column;
4507 flex-direction: column; 4507 flex-direction: column;
4508 gap: 24px; 4508 gap: 24px;
4509 border-radius: 12px; 4509 border-radius: 12px;
4510 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 4510 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4511 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 4511 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4512 } 4512 }
4513 @media (min-width: 992px) { 4513 @media (min-width: 992px) {
4514 .main__vacancies-thing { 4514 .main__vacancies-thing {
4515 padding: 30px 20px; 4515 padding: 30px 20px;
4516 -webkit-box-orient: horizontal; 4516 -webkit-box-orient: horizontal;
4517 -webkit-box-direction: normal; 4517 -webkit-box-direction: normal;
4518 -ms-flex-direction: row; 4518 -ms-flex-direction: row;
4519 flex-direction: row; 4519 flex-direction: row;
4520 -webkit-box-align: start; 4520 -webkit-box-align: start;
4521 -ms-flex-align: start; 4521 -ms-flex-align: start;
4522 align-items: flex-start; 4522 align-items: flex-start;
4523 gap: 0; 4523 gap: 0;
4524 } 4524 }
4525 } 4525 }
4526 @media (min-width: 1280px) { 4526 @media (min-width: 1280px) {
4527 .main__vacancies-thing { 4527 .main__vacancies-thing {
4528 padding: 50px 20px; 4528 padding: 50px 20px;
4529 } 4529 }
4530 } 4530 }
4531 .main__vacancies-thing-pic { 4531 .main__vacancies-thing-pic {
4532 position: relative; 4532 position: relative;
4533 z-index: 2; 4533 z-index: 2;
4534 width: 100%; 4534 width: 100%;
4535 aspect-ratio: 42/34; 4535 aspect-ratio: 42/34;
4536 -o-object-fit: cover; 4536 -o-object-fit: cover;
4537 object-fit: cover; 4537 object-fit: cover;
4538 border-radius: 8px; 4538 border-radius: 8px;
4539 max-height: 340px; 4539 max-height: 340px;
4540 } 4540 }
4541 @media (min-width: 992px) { 4541 @media (min-width: 992px) {
4542 .main__vacancies-thing-pic { 4542 .main__vacancies-thing-pic {
4543 width: 380px; 4543 width: 380px;
4544 } 4544 }
4545 } 4545 }
4546 @media (min-width: 1280px) { 4546 @media (min-width: 1280px) {
4547 .main__vacancies-thing-pic { 4547 .main__vacancies-thing-pic {
4548 width: 420px; 4548 width: 420px;
4549 } 4549 }
4550 } 4550 }
4551 .main__vacancies-thing-body { 4551 .main__vacancies-thing-body {
4552 display: -webkit-box; 4552 display: -webkit-box;
4553 display: -ms-flexbox; 4553 display: -ms-flexbox;
4554 display: flex; 4554 display: flex;
4555 -webkit-box-orient: vertical; 4555 -webkit-box-orient: vertical;
4556 -webkit-box-direction: normal; 4556 -webkit-box-direction: normal;
4557 -ms-flex-direction: column; 4557 -ms-flex-direction: column;
4558 flex-direction: column; 4558 flex-direction: column;
4559 -webkit-box-align: start; 4559 -webkit-box-align: start;
4560 -ms-flex-align: start; 4560 -ms-flex-align: start;
4561 align-items: flex-start; 4561 align-items: flex-start;
4562 gap: 16px; 4562 gap: 16px;
4563 color: #3a3b3c; 4563 color: #3a3b3c;
4564 } 4564 }
4565 @media (min-width: 992px) { 4565 @media (min-width: 992px) {
4566 .main__vacancies-thing-body { 4566 .main__vacancies-thing-body {
4567 width: calc(100% - 380px); 4567 width: calc(100% - 380px);
4568 padding-left: 20px; 4568 padding-left: 20px;
4569 } 4569 }
4570 } 4570 }
4571 @media (min-width: 1280px) { 4571 @media (min-width: 1280px) {
4572 .main__vacancies-thing-body { 4572 .main__vacancies-thing-body {
4573 width: calc(100% - 420px); 4573 width: calc(100% - 420px);
4574 gap: 20px; 4574 gap: 20px;
4575 } 4575 }
4576 } 4576 }
4577 .main__vacancies-thing-body > * { 4577 .main__vacancies-thing-body > * {
4578 width: 100%; 4578 width: 100%;
4579 } 4579 }
4580 .main__vacancies-thing-body .button { 4580 .main__vacancies-thing-body .button {
4581 width: auto; 4581 width: auto;
4582 } 4582 }
4583 @media (min-width: 768px) { 4583 @media (min-width: 768px) {
4584 .main__vacancies-thing-body .button { 4584 .main__vacancies-thing-body .button {
4585 min-width: 200px; 4585 min-width: 200px;
4586 } 4586 }
4587 } 4587 }
4588 .main__vacancies-thing-scroll { 4588 .main__vacancies-thing-scroll {
4589 display: -webkit-box; 4589 display: -webkit-box;
4590 display: -ms-flexbox; 4590 display: -ms-flexbox;
4591 display: flex; 4591 display: flex;
4592 -webkit-box-orient: vertical; 4592 -webkit-box-orient: vertical;
4593 -webkit-box-direction: normal; 4593 -webkit-box-direction: normal;
4594 -ms-flex-direction: column; 4594 -ms-flex-direction: column;
4595 flex-direction: column; 4595 flex-direction: column;
4596 -webkit-box-align: start; 4596 -webkit-box-align: start;
4597 -ms-flex-align: start; 4597 -ms-flex-align: start;
4598 align-items: flex-start; 4598 align-items: flex-start;
4599 gap: 16px; 4599 gap: 16px;
4600 overflow: hidden; 4600 overflow: hidden;
4601 overflow-y: auto; 4601 overflow-y: auto;
4602 max-height: 180px; 4602 max-height: 180px;
4603 padding-right: 10px; 4603 padding-right: 10px;
4604 } 4604 }
4605 @media (min-width: 768px) { 4605 @media (min-width: 768px) {
4606 .main__vacancies-thing-scroll { 4606 .main__vacancies-thing-scroll {
4607 max-height: 210px; 4607 max-height: 210px;
4608 padding-right: 20px; 4608 padding-right: 20px;
4609 } 4609 }
4610 } 4610 }
4611 @media (min-width: 992px) { 4611 @media (min-width: 992px) {
4612 .main__vacancies-thing-scroll { 4612 .main__vacancies-thing-scroll {
4613 max-height: 175px; 4613 max-height: 175px;
4614 } 4614 }
4615 } 4615 }
4616 @media (min-width: 1280px) { 4616 @media (min-width: 1280px) {
4617 .main__vacancies-thing-scroll { 4617 .main__vacancies-thing-scroll {
4618 max-height: 200px; 4618 max-height: 200px;
4619 gap: 20px; 4619 gap: 20px;
4620 } 4620 }
4621 } 4621 }
4622 .main__cond { 4622 .main__cond {
4623 display: -webkit-box; 4623 display: -webkit-box;
4624 display: -ms-flexbox; 4624 display: -ms-flexbox;
4625 display: flex; 4625 display: flex;
4626 -webkit-box-orient: vertical; 4626 -webkit-box-orient: vertical;
4627 -webkit-box-direction: normal; 4627 -webkit-box-direction: normal;
4628 -ms-flex-direction: column; 4628 -ms-flex-direction: column;
4629 flex-direction: column; 4629 flex-direction: column;
4630 gap: 50px; 4630 gap: 50px;
4631 } 4631 }
4632 .main__cond > div { 4632 .main__cond > div {
4633 display: -webkit-box; 4633 display: -webkit-box;
4634 display: -ms-flexbox; 4634 display: -ms-flexbox;
4635 display: flex; 4635 display: flex;
4636 -webkit-box-orient: vertical; 4636 -webkit-box-orient: vertical;
4637 -webkit-box-direction: normal; 4637 -webkit-box-direction: normal;
4638 -ms-flex-direction: column; 4638 -ms-flex-direction: column;
4639 flex-direction: column; 4639 flex-direction: column;
4640 gap: 10px; 4640 gap: 10px;
4641 } 4641 }
4642 .main__cond-label { 4642 .main__cond-label {
4643 border-radius: 16px; 4643 border-radius: 16px;
4644 border: 1px solid #cecece; 4644 border: 1px solid #cecece;
4645 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 4645 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4646 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 4646 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4647 padding: 30px 20px; 4647 padding: 30px 20px;
4648 font-weight: 700; 4648 font-weight: 700;
4649 color: #3a3b3c; 4649 color: #3a3b3c;
4650 line-height: 2; 4650 line-height: 2;
4651 text-align: center; 4651 text-align: center;
4652 } 4652 }
4653 @media (min-width: 992px) { 4653 @media (min-width: 992px) {
4654 .main__cond-label { 4654 .main__cond-label {
4655 font-size: 30px; 4655 font-size: 30px;
4656 } 4656 }
4657 } 4657 }
4658 .main__cond-icons { 4658 .main__cond-icons {
4659 padding: 0; 4659 padding: 0;
4660 margin: 0; 4660 margin: 0;
4661 display: -webkit-box; 4661 display: -webkit-box;
4662 display: -ms-flexbox; 4662 display: -ms-flexbox;
4663 display: flex; 4663 display: flex;
4664 -webkit-box-orient: vertical; 4664 -webkit-box-orient: vertical;
4665 -webkit-box-direction: normal; 4665 -webkit-box-direction: normal;
4666 -ms-flex-direction: column; 4666 -ms-flex-direction: column;
4667 flex-direction: column; 4667 flex-direction: column;
4668 gap: 25px; 4668 gap: 25px;
4669 margin-top: 10px; 4669 margin-top: 10px;
4670 } 4670 }
4671 @media (min-width: 768px) { 4671 @media (min-width: 768px) {
4672 .main__cond-icons { 4672 .main__cond-icons {
4673 display: grid; 4673 display: grid;
4674 grid-template-columns: repeat(2, 1fr); 4674 grid-template-columns: repeat(2, 1fr);
4675 gap: 60px; 4675 gap: 60px;
4676 margin-top: 20px; 4676 margin-top: 20px;
4677 } 4677 }
4678 } 4678 }
4679 @media (min-width: 1280px) { 4679 @media (min-width: 1280px) {
4680 .main__cond-icons { 4680 .main__cond-icons {
4681 grid-template-columns: repeat(3, 1fr); 4681 grid-template-columns: repeat(3, 1fr);
4682 } 4682 }
4683 } 4683 }
4684 .main__cond-icons li { 4684 .main__cond-icons li {
4685 display: -webkit-box; 4685 display: -webkit-box;
4686 display: -ms-flexbox; 4686 display: -ms-flexbox;
4687 display: flex; 4687 display: flex;
4688 -webkit-box-orient: vertical; 4688 -webkit-box-orient: vertical;
4689 -webkit-box-direction: normal; 4689 -webkit-box-direction: normal;
4690 -ms-flex-direction: column; 4690 -ms-flex-direction: column;
4691 flex-direction: column; 4691 flex-direction: column;
4692 -webkit-box-align: start; 4692 -webkit-box-align: start;
4693 -ms-flex-align: start; 4693 -ms-flex-align: start;
4694 align-items: flex-start; 4694 align-items: flex-start;
4695 gap: 20px; 4695 gap: 20px;
4696 font-size: 12px; 4696 font-size: 12px;
4697 line-height: 1.4; 4697 line-height: 1.4;
4698 color: #3a3b3c; 4698 color: #3a3b3c;
4699 } 4699 }
4700 @media (min-width: 768px) { 4700 @media (min-width: 768px) {
4701 .main__cond-icons li { 4701 .main__cond-icons li {
4702 font-size: 14px; 4702 font-size: 14px;
4703 } 4703 }
4704 } 4704 }
4705 @media (min-width: 992px) { 4705 @media (min-width: 992px) {
4706 .main__cond-icons li { 4706 .main__cond-icons li {
4707 font-size: 16px; 4707 font-size: 16px;
4708 line-height: 1.6; 4708 line-height: 1.6;
4709 } 4709 }
4710 } 4710 }
4711 @media (min-width: 1280px) { 4711 @media (min-width: 1280px) {
4712 .main__cond-icons li { 4712 .main__cond-icons li {
4713 font-size: 18px; 4713 font-size: 18px;
4714 } 4714 }
4715 } 4715 }
4716 .main__cond-icons li span { 4716 .main__cond-icons li span {
4717 width: 48px; 4717 width: 48px;
4718 height: 48px; 4718 height: 48px;
4719 display: -webkit-box; 4719 display: -webkit-box;
4720 display: -ms-flexbox; 4720 display: -ms-flexbox;
4721 display: flex; 4721 display: flex;
4722 -webkit-box-align: center; 4722 -webkit-box-align: center;
4723 -ms-flex-align: center; 4723 -ms-flex-align: center;
4724 align-items: center; 4724 align-items: center;
4725 } 4725 }
4726 .main__cond-icons li span img { 4726 .main__cond-icons li span img {
4727 max-width: 48px; 4727 max-width: 48px;
4728 } 4728 }
4729 .main__cond-callback { 4729 .main__cond-callback {
4730 margin-top: 10px; 4730 margin-top: 10px;
4731 } 4731 }
4732 .main__ads { 4732 .main__ads {
4733 display: -webkit-box; 4733 display: -webkit-box;
4734 display: -ms-flexbox; 4734 display: -ms-flexbox;
4735 display: flex; 4735 display: flex;
4736 -webkit-box-orient: vertical; 4736 -webkit-box-orient: vertical;
4737 -webkit-box-direction: normal; 4737 -webkit-box-direction: normal;
4738 -ms-flex-direction: column; 4738 -ms-flex-direction: column;
4739 flex-direction: column; 4739 flex-direction: column;
4740 gap: 30px; 4740 gap: 30px;
4741 margin: 30px 0; 4741 margin: 30px 0;
4742 } 4742 }
4743 @media (min-width: 992px) { 4743 @media (min-width: 992px) {
4744 .main__ads { 4744 .main__ads {
4745 margin: 60px 0; 4745 margin: 60px 0;
4746 } 4746 }
4747 } 4747 }
4748 .main__ads-item { 4748 .main__ads-item {
4749 display: -webkit-box; 4749 display: -webkit-box;
4750 display: -ms-flexbox; 4750 display: -ms-flexbox;
4751 display: flex; 4751 display: flex;
4752 -webkit-box-orient: vertical; 4752 -webkit-box-orient: vertical;
4753 -webkit-box-direction: normal; 4753 -webkit-box-direction: normal;
4754 -ms-flex-direction: column; 4754 -ms-flex-direction: column;
4755 flex-direction: column; 4755 flex-direction: column;
4756 gap: 16px; 4756 gap: 16px;
4757 } 4757 }
4758 @media (min-width: 992px) { 4758 @media (min-width: 992px) {
4759 .main__ads-item { 4759 .main__ads-item {
4760 -webkit-box-orient: horizontal; 4760 -webkit-box-orient: horizontal;
4761 -webkit-box-direction: normal; 4761 -webkit-box-direction: normal;
4762 -ms-flex-direction: row; 4762 -ms-flex-direction: row;
4763 flex-direction: row; 4763 flex-direction: row;
4764 gap: 0; 4764 gap: 0;
4765 } 4765 }
4766 } 4766 }
4767 .main__ads-item-pic { 4767 .main__ads-item-pic {
4768 width: 100%; 4768 width: 100%;
4769 max-width: 440px; 4769 max-width: 440px;
4770 max-height: 200px; 4770 max-height: 200px;
4771 aspect-ratio: 3/2; 4771 aspect-ratio: 3/2;
4772 position: relative; 4772 position: relative;
4773 overflow: hidden; 4773 overflow: hidden;
4774 border-radius: 12px; 4774 border-radius: 12px;
4775 } 4775 }
4776 @media (min-width: 992px) { 4776 @media (min-width: 992px) {
4777 .main__ads-item-pic { 4777 .main__ads-item-pic {
4778 width: 200px; 4778 width: 200px;
4779 aspect-ratio: 1/1; 4779 aspect-ratio: 1/1;
4780 } 4780 }
4781 } 4781 }
4782 .main__ads-item-pic img { 4782 .main__ads-item-pic img {
4783 z-index: 1; 4783 z-index: 1;
4784 position: absolute; 4784 position: absolute;
4785 top: 0; 4785 top: 0;
4786 left: 0; 4786 left: 0;
4787 width: 100%; 4787 width: 100%;
4788 height: 100%; 4788 height: 100%;
4789 -o-object-fit: cover; 4789 -o-object-fit: cover;
4790 object-fit: cover; 4790 object-fit: cover;
4791 } 4791 }
4792 .main__ads-item-pic span { 4792 .main__ads-item-pic span {
4793 z-index: 2; 4793 z-index: 2;
4794 width: 30px; 4794 width: 30px;
4795 height: 30px; 4795 height: 30px;
4796 border-radius: 6px; 4796 border-radius: 6px;
4797 background: #4d88d9; 4797 background: #4d88d9;
4798 display: -webkit-box; 4798 display: -webkit-box;
4799 display: -ms-flexbox; 4799 display: -ms-flexbox;
4800 display: flex; 4800 display: flex;
4801 -webkit-box-pack: center; 4801 -webkit-box-pack: center;
4802 -ms-flex-pack: center; 4802 -ms-flex-pack: center;
4803 justify-content: center; 4803 justify-content: center;
4804 -webkit-box-align: center; 4804 -webkit-box-align: center;
4805 -ms-flex-align: center; 4805 -ms-flex-align: center;
4806 align-items: center; 4806 align-items: center;
4807 position: absolute; 4807 position: absolute;
4808 top: 10px; 4808 top: 10px;
4809 left: 10px; 4809 left: 10px;
4810 color: #ffffff; 4810 color: #ffffff;
4811 } 4811 }
4812 @media (min-width: 992px) { 4812 @media (min-width: 992px) {
4813 .main__ads-item-pic span { 4813 .main__ads-item-pic span {
4814 width: 42px; 4814 width: 42px;
4815 height: 42px; 4815 height: 42px;
4816 } 4816 }
4817 } 4817 }
4818 .main__ads-item-pic span svg { 4818 .main__ads-item-pic span svg {
4819 width: 12px; 4819 width: 12px;
4820 height: 12px; 4820 height: 12px;
4821 } 4821 }
4822 @media (min-width: 992px) { 4822 @media (min-width: 992px) {
4823 .main__ads-item-pic span svg { 4823 .main__ads-item-pic span svg {
4824 width: 20px; 4824 width: 20px;
4825 height: 20px; 4825 height: 20px;
4826 } 4826 }
4827 } 4827 }
4828 .main__ads-item-body { 4828 .main__ads-item-body {
4829 display: -webkit-box; 4829 display: -webkit-box;
4830 display: -ms-flexbox; 4830 display: -ms-flexbox;
4831 display: flex; 4831 display: flex;
4832 -webkit-box-orient: vertical; 4832 -webkit-box-orient: vertical;
4833 -webkit-box-direction: normal; 4833 -webkit-box-direction: normal;
4834 -ms-flex-direction: column; 4834 -ms-flex-direction: column;
4835 flex-direction: column; 4835 flex-direction: column;
4836 -webkit-box-align: start; 4836 -webkit-box-align: start;
4837 -ms-flex-align: start; 4837 -ms-flex-align: start;
4838 align-items: flex-start; 4838 align-items: flex-start;
4839 gap: 10px; 4839 gap: 10px;
4840 font-size: 12px; 4840 font-size: 12px;
4841 } 4841 }
4842 @media (min-width: 992px) { 4842 @media (min-width: 992px) {
4843 .main__ads-item-body { 4843 .main__ads-item-body {
4844 width: calc(100% - 200px); 4844 width: calc(100% - 200px);
4845 padding-left: 40px; 4845 padding-left: 40px;
4846 -webkit-box-pack: center; 4846 -webkit-box-pack: center;
4847 -ms-flex-pack: center; 4847 -ms-flex-pack: center;
4848 justify-content: center; 4848 justify-content: center;
4849 font-size: 16px; 4849 font-size: 16px;
4850 gap: 20px; 4850 gap: 20px;
4851 } 4851 }
4852 } 4852 }
4853 .main__ads-item-body b { 4853 .main__ads-item-body b {
4854 width: 100%; 4854 width: 100%;
4855 font-weight: 700; 4855 font-weight: 700;
4856 font-size: 14px; 4856 font-size: 14px;
4857 } 4857 }
4858 @media (min-width: 992px) { 4858 @media (min-width: 992px) {
4859 .main__ads-item-body b { 4859 .main__ads-item-body b {
4860 font-size: 20px; 4860 font-size: 20px;
4861 } 4861 }
4862 } 4862 }
4863 .main__ads-item-body span { 4863 .main__ads-item-body span {
4864 width: 100%; 4864 width: 100%;
4865 } 4865 }
4866 4866
4867 .work { 4867 .work {
4868 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 4868 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
4869 color: #6b6c6d; 4869 color: #6b6c6d;
4870 padding-top: 70px; 4870 padding-top: 70px;
4871 padding-bottom: 10px; 4871 padding-bottom: 10px;
4872 position: relative; 4872 position: relative;
4873 overflow: hidden; 4873 overflow: hidden;
4874 } 4874 }
4875 @media (min-width: 768px) { 4875 @media (min-width: 768px) {
4876 .work { 4876 .work {
4877 padding-bottom: 25px; 4877 padding-bottom: 25px;
4878 } 4878 }
4879 } 4879 }
4880 @media (min-width: 1280px) { 4880 @media (min-width: 1280px) {
4881 .work { 4881 .work {
4882 padding-top: 80px; 4882 padding-top: 80px;
4883 padding-bottom: 25px; 4883 padding-bottom: 25px;
4884 } 4884 }
4885 } 4885 }
4886 .work__pic { 4886 .work__pic {
4887 position: absolute; 4887 position: absolute;
4888 height: calc(100% - 40px); 4888 height: calc(100% - 40px);
4889 z-index: 1; 4889 z-index: 1;
4890 display: none; 4890 display: none;
4891 bottom: 0; 4891 bottom: 0;
4892 left: 50%; 4892 left: 50%;
4893 margin-left: 40px; 4893 margin-left: 40px;
4894 } 4894 }
4895 @media (min-width: 992px) { 4895 @media (min-width: 992px) {
4896 .work__pic { 4896 .work__pic {
4897 display: block; 4897 display: block;
4898 } 4898 }
4899 } 4899 }
4900 @media (min-width: 1280px) { 4900 @media (min-width: 1280px) {
4901 .work__pic { 4901 .work__pic {
4902 margin-left: 80px; 4902 margin-left: 80px;
4903 } 4903 }
4904 } 4904 }
4905 .work__body { 4905 .work__body {
4906 position: relative; 4906 position: relative;
4907 z-index: 2; 4907 z-index: 2;
4908 display: -webkit-box; 4908 display: -webkit-box;
4909 display: -ms-flexbox; 4909 display: -ms-flexbox;
4910 display: flex; 4910 display: flex;
4911 -webkit-box-orient: vertical; 4911 -webkit-box-orient: vertical;
4912 -webkit-box-direction: normal; 4912 -webkit-box-direction: normal;
4913 -ms-flex-direction: column; 4913 -ms-flex-direction: column;
4914 flex-direction: column; 4914 flex-direction: column;
4915 -webkit-box-align: center; 4915 -webkit-box-align: center;
4916 -ms-flex-align: center; 4916 -ms-flex-align: center;
4917 align-items: center; 4917 align-items: center;
4918 } 4918 }
4919 @media (min-width: 768px) { 4919 @media (min-width: 768px) {
4920 .work__body { 4920 .work__body {
4921 -webkit-box-align: start; 4921 -webkit-box-align: start;
4922 -ms-flex-align: start; 4922 -ms-flex-align: start;
4923 align-items: flex-start; 4923 align-items: flex-start;
4924 } 4924 }
4925 } 4925 }
4926 @media (min-width: 992px) { 4926 @media (min-width: 992px) {
4927 .work__body { 4927 .work__body {
4928 max-width: 600px; 4928 max-width: 600px;
4929 } 4929 }
4930 } 4930 }
4931 .work__title { 4931 .work__title {
4932 width: 100%; 4932 width: 100%;
4933 font-size: 40px; 4933 font-size: 40px;
4934 font-weight: 700; 4934 font-weight: 700;
4935 line-height: 1; 4935 line-height: 1;
4936 } 4936 }
4937 @media (min-width: 768px) { 4937 @media (min-width: 768px) {
4938 .work__title { 4938 .work__title {
4939 font-size: 64px; 4939 font-size: 64px;
4940 line-height: 94px; 4940 line-height: 94px;
4941 } 4941 }
4942 } 4942 }
4943 .work__text { 4943 .work__text {
4944 width: 100%; 4944 width: 100%;
4945 font-size: 12px; 4945 font-size: 12px;
4946 margin-top: 10px; 4946 margin-top: 10px;
4947 } 4947 }
4948 @media (min-width: 768px) { 4948 @media (min-width: 768px) {
4949 .work__text { 4949 .work__text {
4950 font-size: 18px; 4950 font-size: 18px;
4951 margin-top: 20px; 4951 margin-top: 20px;
4952 line-height: 1.4; 4952 line-height: 1.4;
4953 } 4953 }
4954 } 4954 }
4955 .work__list { 4955 .work__list {
4956 width: 100%; 4956 width: 100%;
4957 display: -webkit-box; 4957 display: -webkit-box;
4958 display: -ms-flexbox; 4958 display: -ms-flexbox;
4959 display: flex; 4959 display: flex;
4960 -webkit-box-orient: vertical; 4960 -webkit-box-orient: vertical;
4961 -webkit-box-direction: normal; 4961 -webkit-box-direction: normal;
4962 -ms-flex-direction: column; 4962 -ms-flex-direction: column;
4963 flex-direction: column; 4963 flex-direction: column;
4964 gap: 5px; 4964 gap: 5px;
4965 font-size: 14px; 4965 font-size: 14px;
4966 font-weight: 700; 4966 font-weight: 700;
4967 margin-top: 15px; 4967 margin-top: 15px;
4968 } 4968 }
4969 @media (min-width: 768px) { 4969 @media (min-width: 768px) {
4970 .work__list { 4970 .work__list {
4971 font-size: 18px; 4971 font-size: 18px;
4972 gap: 8px; 4972 gap: 8px;
4973 margin-top: 30px; 4973 margin-top: 30px;
4974 } 4974 }
4975 } 4975 }
4976 .work__list div { 4976 .work__list div {
4977 position: relative; 4977 position: relative;
4978 padding-left: 10px; 4978 padding-left: 10px;
4979 } 4979 }
4980 @media (min-width: 768px) { 4980 @media (min-width: 768px) {
4981 .work__list div { 4981 .work__list div {
4982 padding-left: 16px; 4982 padding-left: 16px;
4983 } 4983 }
4984 } 4984 }
4985 .work__list div:before { 4985 .work__list div:before {
4986 content: ""; 4986 content: "";
4987 width: 4px; 4987 width: 4px;
4988 height: 4px; 4988 height: 4px;
4989 background: #6b6c6d; 4989 background: #6b6c6d;
4990 border-radius: 999px; 4990 border-radius: 999px;
4991 position: absolute; 4991 position: absolute;
4992 top: 5px; 4992 top: 5px;
4993 left: 0; 4993 left: 0;
4994 } 4994 }
4995 @media (min-width: 768px) { 4995 @media (min-width: 768px) {
4996 .work__list div:before { 4996 .work__list div:before {
4997 top: 8px; 4997 top: 8px;
4998 } 4998 }
4999 } 4999 }
5000 .work__form { 5000 .work__form {
5001 margin-top: 20px; 5001 margin-top: 20px;
5002 } 5002 }
5003 @media (min-width: 768px) { 5003 @media (min-width: 768px) {
5004 .work__form { 5004 .work__form {
5005 margin-top: 30px; 5005 margin-top: 30px;
5006 } 5006 }
5007 } 5007 }
5008 .work__search { 5008 .work__search {
5009 width: 100%; 5009 width: 100%;
5010 max-width: 180px; 5010 max-width: 180px;
5011 margin-top: 20px; 5011 margin-top: 20px;
5012 } 5012 }
5013 @media (min-width: 768px) { 5013 @media (min-width: 768px) {
5014 .work__search { 5014 .work__search {
5015 max-width: 270px; 5015 max-width: 270px;
5016 margin-top: 50px; 5016 margin-top: 50px;
5017 } 5017 }
5018 } 5018 }
5019 .work__get { 5019 .work__get {
5020 width: 100%; 5020 width: 100%;
5021 display: -webkit-box; 5021 display: -webkit-box;
5022 display: -ms-flexbox; 5022 display: -ms-flexbox;
5023 display: flex; 5023 display: flex;
5024 -webkit-box-align: start; 5024 -webkit-box-align: start;
5025 -ms-flex-align: start; 5025 -ms-flex-align: start;
5026 align-items: flex-start; 5026 align-items: flex-start;
5027 -ms-flex-wrap: wrap; 5027 -ms-flex-wrap: wrap;
5028 flex-wrap: wrap; 5028 flex-wrap: wrap;
5029 margin-top: 48px; 5029 margin-top: 48px;
5030 } 5030 }
5031 .work__get b { 5031 .work__get b {
5032 width: 100%; 5032 width: 100%;
5033 margin-bottom: 10px; 5033 margin-bottom: 10px;
5034 font-size: 14px; 5034 font-size: 14px;
5035 } 5035 }
5036 @media (min-width: 768px) { 5036 @media (min-width: 768px) {
5037 .work__get b { 5037 .work__get b {
5038 font-size: 18px; 5038 font-size: 18px;
5039 } 5039 }
5040 } 5040 }
5041 .work__get a { 5041 .work__get a {
5042 display: -webkit-box; 5042 display: -webkit-box;
5043 display: -ms-flexbox; 5043 display: -ms-flexbox;
5044 display: flex; 5044 display: flex;
5045 -webkit-box-align: center; 5045 -webkit-box-align: center;
5046 -ms-flex-align: center; 5046 -ms-flex-align: center;
5047 align-items: center; 5047 align-items: center;
5048 -webkit-box-pack: center; 5048 -webkit-box-pack: center;
5049 -ms-flex-pack: center; 5049 -ms-flex-pack: center;
5050 justify-content: center; 5050 justify-content: center;
5051 margin-right: 20px; 5051 margin-right: 20px;
5052 } 5052 }
5053 .work__get a img { 5053 .work__get a img {
5054 -webkit-transition: 0.3s; 5054 -webkit-transition: 0.3s;
5055 transition: 0.3s; 5055 transition: 0.3s;
5056 width: 111px; 5056 width: 111px;
5057 } 5057 }
5058 @media (min-width: 768px) { 5058 @media (min-width: 768px) {
5059 .work__get a img { 5059 .work__get a img {
5060 width: 131px; 5060 width: 131px;
5061 } 5061 }
5062 } 5062 }
5063 .work__get a:hover img { 5063 .work__get a:hover img {
5064 -webkit-transform: scale(1.1); 5064 -webkit-transform: scale(1.1);
5065 -ms-transform: scale(1.1); 5065 -ms-transform: scale(1.1);
5066 transform: scale(1.1); 5066 transform: scale(1.1);
5067 } 5067 }
5068 .work__get a + a { 5068 .work__get a + a {
5069 margin-right: 0; 5069 margin-right: 0;
5070 } 5070 }
5071 5071
5072 .numbers { 5072 .numbers {
5073 padding: 30px 0; 5073 padding: 30px 0;
5074 background: #377d87 url("../images/bg.svg") no-repeat 100% calc(100% + 80px); 5074 background: #377d87 url("../images/bg.svg") no-repeat 100% calc(100% + 80px);
5075 color: #ffffff; 5075 color: #ffffff;
5076 } 5076 }
5077 @media (min-width: 1280px) { 5077 @media (min-width: 1280px) {
5078 .numbers { 5078 .numbers {
5079 padding: 100px 0; 5079 padding: 100px 0;
5080 background-position: 100% 100%; 5080 background-position: 100% 100%;
5081 background-size: auto 500px; 5081 background-size: auto 500px;
5082 } 5082 }
5083 } 5083 }
5084 .numbers__body { 5084 .numbers__body {
5085 display: -webkit-box; 5085 display: -webkit-box;
5086 display: -ms-flexbox; 5086 display: -ms-flexbox;
5087 display: flex; 5087 display: flex;
5088 -webkit-box-orient: vertical; 5088 -webkit-box-orient: vertical;
5089 -webkit-box-direction: normal; 5089 -webkit-box-direction: normal;
5090 -ms-flex-direction: column; 5090 -ms-flex-direction: column;
5091 flex-direction: column; 5091 flex-direction: column;
5092 gap: 30px; 5092 gap: 30px;
5093 } 5093 }
5094 @media (min-width: 768px) { 5094 @media (min-width: 768px) {
5095 .numbers__body { 5095 .numbers__body {
5096 display: grid; 5096 display: grid;
5097 grid-template-columns: 1fr 1fr 1fr; 5097 grid-template-columns: 1fr 1fr 1fr;
5098 } 5098 }
5099 } 5099 }
5100 .numbers__item { 5100 .numbers__item {
5101 font-size: 12px; 5101 font-size: 12px;
5102 display: -webkit-box; 5102 display: -webkit-box;
5103 display: -ms-flexbox; 5103 display: -ms-flexbox;
5104 display: flex; 5104 display: flex;
5105 -webkit-box-orient: vertical; 5105 -webkit-box-orient: vertical;
5106 -webkit-box-direction: normal; 5106 -webkit-box-direction: normal;
5107 -ms-flex-direction: column; 5107 -ms-flex-direction: column;
5108 flex-direction: column; 5108 flex-direction: column;
5109 line-height: 1.4; 5109 line-height: 1.4;
5110 } 5110 }
5111 @media (min-width: 1280px) { 5111 @media (min-width: 1280px) {
5112 .numbers__item { 5112 .numbers__item {
5113 font-size: 16px; 5113 font-size: 16px;
5114 line-height: 20px; 5114 line-height: 20px;
5115 } 5115 }
5116 } 5116 }
5117 .numbers__item b { 5117 .numbers__item b {
5118 font-size: 40px; 5118 font-size: 40px;
5119 font-weight: 700; 5119 font-weight: 700;
5120 border-bottom: 1px solid #ffffff; 5120 border-bottom: 1px solid #ffffff;
5121 line-height: 1; 5121 line-height: 1;
5122 } 5122 }
5123 @media (min-width: 1280px) { 5123 @media (min-width: 1280px) {
5124 .numbers__item b { 5124 .numbers__item b {
5125 font-size: 100px; 5125 font-size: 100px;
5126 line-height: 147px; 5126 line-height: 147px;
5127 } 5127 }
5128 } 5128 }
5129 .numbers__item span { 5129 .numbers__item span {
5130 font-weight: 700; 5130 font-weight: 700;
5131 font-size: 14px; 5131 font-size: 14px;
5132 margin: 10px 0; 5132 margin: 10px 0;
5133 line-height: 1; 5133 line-height: 1;
5134 } 5134 }
5135 @media (min-width: 1280px) { 5135 @media (min-width: 1280px) {
5136 .numbers__item span { 5136 .numbers__item span {
5137 font-size: 24px; 5137 font-size: 24px;
5138 margin-top: 30px; 5138 margin-top: 30px;
5139 } 5139 }
5140 } 5140 }
5141 5141
5142 .vacancies { 5142 .vacancies {
5143 padding: 50px 0; 5143 padding: 50px 0;
5144 } 5144 }
5145 @media (min-width: 1280px) { 5145 @media (min-width: 1280px) {
5146 .vacancies { 5146 .vacancies {
5147 padding: 100px 0; 5147 padding: 100px 0;
5148 } 5148 }
5149 } 5149 }
5150 .vacancies__body { 5150 .vacancies__body {
5151 display: -webkit-box; 5151 display: -webkit-box;
5152 display: -ms-flexbox; 5152 display: -ms-flexbox;
5153 display: flex; 5153 display: flex;
5154 -webkit-box-orient: vertical; 5154 -webkit-box-orient: vertical;
5155 -webkit-box-direction: reverse; 5155 -webkit-box-direction: reverse;
5156 -ms-flex-direction: column-reverse; 5156 -ms-flex-direction: column-reverse;
5157 flex-direction: column-reverse; 5157 flex-direction: column-reverse;
5158 gap: 20px; 5158 gap: 20px;
5159 width: 100%; 5159 width: 100%;
5160 margin-top: 20px; 5160 margin-top: 20px;
5161 } 5161 }
5162 @media (min-width: 992px) { 5162 @media (min-width: 992px) {
5163 .vacancies__body { 5163 .vacancies__body {
5164 margin-top: 30px; 5164 margin-top: 30px;
5165 gap: 30px; 5165 gap: 30px;
5166 } 5166 }
5167 } 5167 }
5168 .vacancies__more { 5168 .vacancies__more {
5169 width: 100%; 5169 width: 100%;
5170 } 5170 }
5171 @media (min-width: 768px) { 5171 @media (min-width: 768px) {
5172 .vacancies__more { 5172 .vacancies__more {
5173 width: auto; 5173 width: auto;
5174 margin: 0 auto; 5174 margin: 0 auto;
5175 } 5175 }
5176 } 5176 }
5177 .vacancies__list { 5177 .vacancies__list {
5178 display: -webkit-box; 5178 display: -webkit-box;
5179 display: -ms-flexbox; 5179 display: -ms-flexbox;
5180 display: flex; 5180 display: flex;
5181 -webkit-box-orient: vertical; 5181 -webkit-box-orient: vertical;
5182 -webkit-box-direction: normal; 5182 -webkit-box-direction: normal;
5183 -ms-flex-direction: column; 5183 -ms-flex-direction: column;
5184 flex-direction: column; 5184 flex-direction: column;
5185 gap: 15px; 5185 gap: 15px;
5186 } 5186 }
5187 @media (min-width: 768px) { 5187 @media (min-width: 768px) {
5188 .vacancies__list { 5188 .vacancies__list {
5189 display: grid; 5189 display: grid;
5190 grid-template-columns: repeat(2, 1fr); 5190 grid-template-columns: repeat(2, 1fr);
5191 } 5191 }
5192 } 5192 }
5193 @media (min-width: 992px) { 5193 @media (min-width: 992px) {
5194 .vacancies__list { 5194 .vacancies__list {
5195 display: grid; 5195 display: grid;
5196 grid-template-columns: repeat(3, 1fr); 5196 grid-template-columns: repeat(3, 1fr);
5197 gap: 20px; 5197 gap: 20px;
5198 } 5198 }
5199 } 5199 }
5200 @media (min-width: 1280px) { 5200 @media (min-width: 1280px) {
5201 .vacancies__list { 5201 .vacancies__list {
5202 grid-template-columns: repeat(4, 1fr); 5202 grid-template-columns: repeat(4, 1fr);
5203 } 5203 }
5204 } 5204 }
5205 .vacancies__list-label { 5205 .vacancies__list-label {
5206 font-weight: 700; 5206 font-weight: 700;
5207 font-size: 22px; 5207 font-size: 22px;
5208 } 5208 }
5209 .vacancies__list-col { 5209 .vacancies__list-col {
5210 display: -webkit-box; 5210 display: -webkit-box;
5211 display: -ms-flexbox; 5211 display: -ms-flexbox;
5212 display: flex; 5212 display: flex;
5213 -webkit-box-orient: vertical; 5213 -webkit-box-orient: vertical;
5214 -webkit-box-direction: normal; 5214 -webkit-box-direction: normal;
5215 -ms-flex-direction: column; 5215 -ms-flex-direction: column;
5216 flex-direction: column; 5216 flex-direction: column;
5217 gap: 15px; 5217 gap: 15px;
5218 margin-top: 15px; 5218 margin-top: 15px;
5219 } 5219 }
5220 @media (min-width: 768px) { 5220 @media (min-width: 768px) {
5221 .vacancies__list-col { 5221 .vacancies__list-col {
5222 margin-top: 0; 5222 margin-top: 0;
5223 } 5223 }
5224 } 5224 }
5225 .vacancies__list-col:first-child { 5225 .vacancies__list-col:first-child {
5226 margin-top: 0; 5226 margin-top: 0;
5227 } 5227 }
5228 .vacancies__item { 5228 .vacancies__item {
5229 display: none; 5229 display: none;
5230 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 5230 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
5231 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 5231 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
5232 border-radius: 12px; 5232 border-radius: 12px;
5233 background: #ffffff; 5233 background: #ffffff;
5234 border: 1px solid #e6e7e7; 5234 border: 1px solid #e6e7e7;
5235 overflow: hidden; 5235 overflow: hidden;
5236 } 5236 }
5237 .vacancies__item:nth-of-type(1), .vacancies__item:nth-of-type(2), .vacancies__item:nth-of-type(3), .vacancies__item:nth-of-type(4), .vacancies__item:nth-of-type(5), .vacancies__item:nth-of-type(6), .vacancies__item:nth-of-type(7), .vacancies__item:nth-of-type(8) { 5237 .vacancies__item:nth-of-type(1), .vacancies__item:nth-of-type(2), .vacancies__item:nth-of-type(3), .vacancies__item:nth-of-type(4), .vacancies__item:nth-of-type(5), .vacancies__item:nth-of-type(6), .vacancies__item:nth-of-type(7), .vacancies__item:nth-of-type(8) {
5238 display: -webkit-box; 5238 display: -webkit-box;
5239 display: -ms-flexbox; 5239 display: -ms-flexbox;
5240 display: flex; 5240 display: flex;
5241 } 5241 }
5242 .vacancies__item > span { 5242 .vacancies__item > span {
5243 border-left: 10px solid #377d87; 5243 border-left: 10px solid #377d87;
5244 padding: 20px 14px; 5244 padding: 20px 14px;
5245 display: -webkit-box; 5245 display: -webkit-box;
5246 display: -ms-flexbox; 5246 display: -ms-flexbox;
5247 display: flex; 5247 display: flex;
5248 -webkit-box-orient: vertical; 5248 -webkit-box-orient: vertical;
5249 -webkit-box-direction: normal; 5249 -webkit-box-direction: normal;
5250 -ms-flex-direction: column; 5250 -ms-flex-direction: column;
5251 flex-direction: column; 5251 flex-direction: column;
5252 -webkit-box-align: start; 5252 -webkit-box-align: start;
5253 -ms-flex-align: start; 5253 -ms-flex-align: start;
5254 align-items: flex-start; 5254 align-items: flex-start;
5255 gap: 5px; 5255 gap: 5px;
5256 -webkit-box-pack: justify; 5256 -webkit-box-pack: justify;
5257 -ms-flex-pack: justify; 5257 -ms-flex-pack: justify;
5258 justify-content: space-between; 5258 justify-content: space-between;
5259 } 5259 }
5260 @media (min-width: 992px) { 5260 @media (min-width: 992px) {
5261 .vacancies__item > span { 5261 .vacancies__item > span {
5262 gap: 10px; 5262 gap: 10px;
5263 } 5263 }
5264 } 5264 }
5265 .vacancies__item b { 5265 .vacancies__item b {
5266 font-weight: 700; 5266 font-weight: 700;
5267 font-size: 14px; 5267 font-size: 14px;
5268 } 5268 }
5269 @media (min-width: 992px) { 5269 @media (min-width: 992px) {
5270 .vacancies__item b { 5270 .vacancies__item b {
5271 font-size: 20px; 5271 font-size: 20px;
5272 } 5272 }
5273 } 5273 }
5274 .vacancies__item:hover b { 5274 .vacancies__item:hover b {
5275 color: #377d87; 5275 color: #377d87;
5276 } 5276 }
5277 .vacancies__item u { 5277 .vacancies__item u {
5278 text-decoration: none; 5278 text-decoration: none;
5279 font-size: 14px; 5279 font-size: 14px;
5280 } 5280 }
5281 @media (min-width: 992px) { 5281 @media (min-width: 992px) {
5282 .vacancies__item u { 5282 .vacancies__item u {
5283 font-size: 18px; 5283 font-size: 18px;
5284 } 5284 }
5285 } 5285 }
5286 .vacancies__item i { 5286 .vacancies__item i {
5287 font-size: 12px; 5287 font-size: 12px;
5288 font-style: normal; 5288 font-style: normal;
5289 border-bottom: 1px dashed #377d87; 5289 border-bottom: 1px dashed #377d87;
5290 } 5290 }
5291 @media (min-width: 992px) { 5291 @media (min-width: 992px) {
5292 .vacancies__item i { 5292 .vacancies__item i {
5293 font-size: 16px; 5293 font-size: 16px;
5294 } 5294 }
5295 } 5295 }
5296 .vacancies__item i span { 5296 .vacancies__item i span {
5297 font-weight: 700; 5297 font-weight: 700;
5298 color: #377d87; 5298 color: #377d87;
5299 } 5299 }
5300 .vacancies__body.active .vacancies__list .vacancies__item { 5300 .vacancies__body.active .vacancies__list .vacancies__item {
5301 display: -webkit-box; 5301 display: -webkit-box;
5302 display: -ms-flexbox; 5302 display: -ms-flexbox;
5303 display: flex; 5303 display: flex;
5304 } 5304 }
5305 5305
5306 .employer { 5306 .employer {
5307 padding-bottom: 50px; 5307 padding-bottom: 50px;
5308 } 5308 }
5309 @media (min-width: 992px) { 5309 @media (min-width: 992px) {
5310 .employer { 5310 .employer {
5311 padding-bottom: 100px; 5311 padding-bottom: 100px;
5312 } 5312 }
5313 } 5313 }
5314 .employer .swiper { 5314 .employer .swiper {
5315 margin-top: 20px; 5315 margin-top: 20px;
5316 } 5316 }
5317 @media (min-width: 992px) { 5317 @media (min-width: 992px) {
5318 .employer .swiper { 5318 .employer .swiper {
5319 margin-top: 30px; 5319 margin-top: 30px;
5320 } 5320 }
5321 } 5321 }
5322 .employer__item { 5322 .employer__item {
5323 display: -webkit-box; 5323 display: -webkit-box;
5324 display: -ms-flexbox; 5324 display: -ms-flexbox;
5325 display: flex; 5325 display: flex;
5326 -webkit-box-orient: vertical; 5326 -webkit-box-orient: vertical;
5327 -webkit-box-direction: normal; 5327 -webkit-box-direction: normal;
5328 -ms-flex-direction: column; 5328 -ms-flex-direction: column;
5329 flex-direction: column; 5329 flex-direction: column;
5330 gap: 30px; 5330 gap: 30px;
5331 } 5331 }
5332 .employer__item a { 5332 .employer__item a {
5333 display: -webkit-box; 5333 display: -webkit-box;
5334 display: -ms-flexbox; 5334 display: -ms-flexbox;
5335 display: flex; 5335 display: flex;
5336 -webkit-box-orient: vertical; 5336 -webkit-box-orient: vertical;
5337 -webkit-box-direction: normal; 5337 -webkit-box-direction: normal;
5338 -ms-flex-direction: column; 5338 -ms-flex-direction: column;
5339 flex-direction: column; 5339 flex-direction: column;
5340 -webkit-box-align: center; 5340 -webkit-box-align: center;
5341 -ms-flex-align: center; 5341 -ms-flex-align: center;
5342 align-items: center; 5342 align-items: center;
5343 } 5343 }
5344 .employer__item img { 5344 .employer__item img {
5345 width: 100%; 5345 width: 100%;
5346 aspect-ratio: 295/98; 5346 aspect-ratio: 295/98;
5347 -o-object-fit: contain; 5347 -o-object-fit: contain;
5348 object-fit: contain; 5348 object-fit: contain;
5349 } 5349 }
5350 .employer__more { 5350 .employer__more {
5351 height: 38px; 5351 height: 38px;
5352 margin-top: 20px; 5352 margin-top: 20px;
5353 } 5353 }
5354 @media (min-width: 992px) { 5354 @media (min-width: 992px) {
5355 .employer__more { 5355 .employer__more {
5356 width: 250px; 5356 width: 250px;
5357 margin: 0 auto; 5357 margin: 0 auto;
5358 height: 44px; 5358 height: 44px;
5359 margin-top: 40px; 5359 margin-top: 40px;
5360 } 5360 }
5361 } 5361 }
5362 5362
5363 .about { 5363 .about {
5364 background: #acc0e6 url("../images/space.svg") no-repeat 0 0; 5364 background: #acc0e6 url("../images/space.svg") no-repeat 0 0;
5365 background-size: cover; 5365 background-size: cover;
5366 padding: 30px 0; 5366 padding: 30px 0;
5367 padding-bottom: 70px; 5367 padding-bottom: 70px;
5368 } 5368 }
5369 @media (min-width: 768px) { 5369 @media (min-width: 768px) {
5370 .about { 5370 .about {
5371 padding-top: 40px; 5371 padding-top: 40px;
5372 background-size: auto calc(100% - 10px); 5372 background-size: auto calc(100% - 10px);
5373 } 5373 }
5374 } 5374 }
5375 @media (min-width: 1280px) { 5375 @media (min-width: 1280px) {
5376 .about { 5376 .about {
5377 padding: 100px 0; 5377 padding: 100px 0;
5378 } 5378 }
5379 } 5379 }
5380 .about__wrapper { 5380 .about__wrapper {
5381 display: -webkit-box; 5381 display: -webkit-box;
5382 display: -ms-flexbox; 5382 display: -ms-flexbox;
5383 display: flex; 5383 display: flex;
5384 -webkit-box-orient: vertical; 5384 -webkit-box-orient: vertical;
5385 -webkit-box-direction: normal; 5385 -webkit-box-direction: normal;
5386 -ms-flex-direction: column; 5386 -ms-flex-direction: column;
5387 flex-direction: column; 5387 flex-direction: column;
5388 position: relative; 5388 position: relative;
5389 } 5389 }
5390 .about__title { 5390 .about__title {
5391 color: #ffffff; 5391 color: #ffffff;
5392 line-height: 1.2; 5392 line-height: 1.2;
5393 } 5393 }
5394 @media (min-width: 1280px) { 5394 @media (min-width: 1280px) {
5395 .about__title { 5395 .about__title {
5396 position: absolute; 5396 position: absolute;
5397 top: -45px; 5397 top: -45px;
5398 left: 0; 5398 left: 0;
5399 } 5399 }
5400 } 5400 }
5401 .about__body { 5401 .about__body {
5402 display: -webkit-box; 5402 display: -webkit-box;
5403 display: -ms-flexbox; 5403 display: -ms-flexbox;
5404 display: flex; 5404 display: flex;
5405 -webkit-box-orient: vertical; 5405 -webkit-box-orient: vertical;
5406 -webkit-box-direction: normal; 5406 -webkit-box-direction: normal;
5407 -ms-flex-direction: column; 5407 -ms-flex-direction: column;
5408 flex-direction: column; 5408 flex-direction: column;
5409 } 5409 }
5410 @media (min-width: 1280px) { 5410 @media (min-width: 1280px) {
5411 .about__body { 5411 .about__body {
5412 padding-left: 495px; 5412 padding-left: 495px;
5413 } 5413 }
5414 } 5414 }
5415 .about__line { 5415 .about__line {
5416 background: #ffffff; 5416 background: #ffffff;
5417 width: 100%; 5417 width: 100%;
5418 height: 1px; 5418 height: 1px;
5419 max-width: 400px; 5419 max-width: 400px;
5420 margin-top: 10px; 5420 margin-top: 10px;
5421 } 5421 }
5422 .about__item { 5422 .about__item {
5423 display: -webkit-box; 5423 display: -webkit-box;
5424 display: -ms-flexbox; 5424 display: -ms-flexbox;
5425 display: flex; 5425 display: flex;
5426 -webkit-box-orient: vertical; 5426 -webkit-box-orient: vertical;
5427 -webkit-box-direction: normal; 5427 -webkit-box-direction: normal;
5428 -ms-flex-direction: column; 5428 -ms-flex-direction: column;
5429 flex-direction: column; 5429 flex-direction: column;
5430 margin-top: 10px; 5430 margin-top: 10px;
5431 max-width: 600px; 5431 max-width: 600px;
5432 } 5432 }
5433 @media (min-width: 768px) { 5433 @media (min-width: 768px) {
5434 .about__item { 5434 .about__item {
5435 margin-top: 20px; 5435 margin-top: 20px;
5436 } 5436 }
5437 } 5437 }
5438 @media (min-width: 1280px) { 5438 @media (min-width: 1280px) {
5439 .about__item { 5439 .about__item {
5440 margin-top: 30px; 5440 margin-top: 30px;
5441 } 5441 }
5442 } 5442 }
5443 .about__item b { 5443 .about__item b {
5444 font-size: 20px; 5444 font-size: 20px;
5445 font-weight: 700; 5445 font-weight: 700;
5446 } 5446 }
5447 .about__item span { 5447 .about__item span {
5448 font-size: 13px; 5448 font-size: 13px;
5449 line-height: 1.4; 5449 line-height: 1.4;
5450 margin-top: 6px; 5450 margin-top: 6px;
5451 } 5451 }
5452 @media (min-width: 1280px) { 5452 @media (min-width: 1280px) {
5453 .about__item span { 5453 .about__item span {
5454 font-size: 16px; 5454 font-size: 16px;
5455 margin-top: 12px; 5455 margin-top: 12px;
5456 } 5456 }
5457 } 5457 }
5458 .about__item a { 5458 .about__item a {
5459 text-decoration: underline; 5459 text-decoration: underline;
5460 } 5460 }
5461 .about__item + .about__item { 5461 .about__item + .about__item {
5462 margin-top: 30px; 5462 margin-top: 30px;
5463 } 5463 }
5464 @media (min-width: 992px) { 5464 @media (min-width: 992px) {
5465 .about__item + .about__item { 5465 .about__item + .about__item {
5466 margin-top: 40px; 5466 margin-top: 40px;
5467 } 5467 }
5468 } 5468 }
5469 .about__button { 5469 .about__button {
5470 margin-top: 20px; 5470 margin-top: 20px;
5471 height: 38px; 5471 height: 38px;
5472 padding: 0; 5472 padding: 0;
5473 } 5473 }
5474 @media (min-width: 768px) { 5474 @media (min-width: 768px) {
5475 .about__button { 5475 .about__button {
5476 max-width: 200px; 5476 max-width: 200px;
5477 height: 42px; 5477 height: 42px;
5478 margin-top: 30px; 5478 margin-top: 30px;
5479 } 5479 }
5480 } 5480 }
5481 5481
5482 .news { 5482 .news {
5483 padding: 50px 0; 5483 padding: 50px 0;
5484 overflow: hidden; 5484 overflow: hidden;
5485 } 5485 }
5486 @media (min-width: 1280px) { 5486 @media (min-width: 1280px) {
5487 .news { 5487 .news {
5488 padding: 100px 0; 5488 padding: 100px 0;
5489 padding-bottom: 0; 5489 padding-bottom: 0;
5490 } 5490 }
5491 } 5491 }
5492 .news__toper { 5492 .news__toper {
5493 display: -webkit-box; 5493 display: -webkit-box;
5494 display: -ms-flexbox; 5494 display: -ms-flexbox;
5495 display: flex; 5495 display: flex;
5496 -webkit-box-pack: justify; 5496 -webkit-box-pack: justify;
5497 -ms-flex-pack: justify; 5497 -ms-flex-pack: justify;
5498 justify-content: space-between; 5498 justify-content: space-between;
5499 -webkit-box-align: center; 5499 -webkit-box-align: center;
5500 -ms-flex-align: center; 5500 -ms-flex-align: center;
5501 align-items: center; 5501 align-items: center;
5502 } 5502 }
5503 @media (min-width: 1280px) { 5503 @media (min-width: 1280px) {
5504 .news__toper .title { 5504 .news__toper .title {
5505 width: calc(100% - 160px); 5505 width: calc(100% - 160px);
5506 } 5506 }
5507 } 5507 }
5508 .news__toper .navs { 5508 .news__toper .navs {
5509 display: none; 5509 display: none;
5510 } 5510 }
5511 @media (min-width: 1280px) { 5511 @media (min-width: 1280px) {
5512 .news__toper .navs { 5512 .news__toper .navs {
5513 display: -webkit-box; 5513 display: -webkit-box;
5514 display: -ms-flexbox; 5514 display: -ms-flexbox;
5515 display: flex; 5515 display: flex;
5516 } 5516 }
5517 } 5517 }
5518 .news .swiper { 5518 .news .swiper {
5519 margin-top: 20px; 5519 margin-top: 20px;
5520 } 5520 }
5521 @media (min-width: 768px) { 5521 @media (min-width: 768px) {
5522 .news .swiper { 5522 .news .swiper {
5523 overflow: visible; 5523 overflow: visible;
5524 } 5524 }
5525 } 5525 }
5526 @media (min-width: 992px) { 5526 @media (min-width: 992px) {
5527 .news .swiper { 5527 .news .swiper {
5528 margin-top: 40px; 5528 margin-top: 40px;
5529 } 5529 }
5530 } 5530 }
5531 .news__item { 5531 .news__item {
5532 display: -webkit-box; 5532 display: -webkit-box;
5533 display: -ms-flexbox; 5533 display: -ms-flexbox;
5534 display: flex; 5534 display: flex;
5535 -webkit-box-orient: vertical; 5535 -webkit-box-orient: vertical;
5536 -webkit-box-direction: normal; 5536 -webkit-box-direction: normal;
5537 -ms-flex-direction: column; 5537 -ms-flex-direction: column;
5538 flex-direction: column; 5538 flex-direction: column;
5539 line-height: 1.4; 5539 line-height: 1.4;
5540 } 5540 }
5541 .news__item-pic { 5541 .news__item-pic {
5542 width: 100%; 5542 width: 100%;
5543 aspect-ratio: 3/2; 5543 aspect-ratio: 3/2;
5544 border-radius: 12px; 5544 border-radius: 12px;
5545 border: 1px solid #e6e7e7; 5545 border: 1px solid #e6e7e7;
5546 -o-object-fit: cover; 5546 -o-object-fit: cover;
5547 object-fit: cover; 5547 object-fit: cover;
5548 min-height: 200px; 5548 min-height: 200px;
5549 } 5549 }
5550 @media (min-width: 1280px) { 5550 @media (min-width: 1280px) {
5551 .news__item-pic { 5551 .news__item-pic {
5552 aspect-ratio: 4/2; 5552 aspect-ratio: 4/2;
5553 } 5553 }
5554 } 5554 }
5555 .news__item-body { 5555 .news__item-body {
5556 display: -webkit-box; 5556 display: -webkit-box;
5557 display: -ms-flexbox; 5557 display: -ms-flexbox;
5558 display: flex; 5558 display: flex;
5559 -webkit-box-orient: vertical; 5559 -webkit-box-orient: vertical;
5560 -webkit-box-direction: normal; 5560 -webkit-box-direction: normal;
5561 -ms-flex-direction: column; 5561 -ms-flex-direction: column;
5562 flex-direction: column; 5562 flex-direction: column;
5563 padding-top: 15px; 5563 padding-top: 15px;
5564 } 5564 }
5565 @media (min-width: 768px) { 5565 @media (min-width: 768px) {
5566 .news__item-body { 5566 .news__item-body {
5567 padding: 20px; 5567 padding: 20px;
5568 padding-top: 30px; 5568 padding-top: 30px;
5569 margin-top: -15px; 5569 margin-top: -15px;
5570 border-radius: 0 0 12px 12px; 5570 border-radius: 0 0 12px 12px;
5571 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15); 5571 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
5572 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15); 5572 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
5573 } 5573 }
5574 } 5574 }
5575 .news__item-date { 5575 .news__item-date {
5576 font-size: 14px; 5576 font-size: 14px;
5577 font-weight: 700; 5577 font-weight: 700;
5578 color: #377d87; 5578 color: #377d87;
5579 } 5579 }
5580 .news__item-title { 5580 .news__item-title {
5581 font-size: 20px; 5581 font-size: 20px;
5582 font-weight: 700; 5582 font-weight: 700;
5583 line-height: 1.2; 5583 line-height: 1.2;
5584 margin-top: 5px; 5584 margin-top: 5px;
5585 } 5585 }
5586 .news__item-text { 5586 .news__item-text {
5587 color: #6b6c6d; 5587 color: #6b6c6d;
5588 font-size: 13px; 5588 font-size: 13px;
5589 margin-top: 10px; 5589 margin-top: 10px;
5590 overflow: hidden; 5590 overflow: hidden;
5591 display: -webkit-box; 5591 display: -webkit-box;
5592 -webkit-box-orient: vertical; 5592 -webkit-box-orient: vertical;
5593 -webkit-line-clamp: 4; 5593 -webkit-line-clamp: 4;
5594 } 5594 }
5595 @media (min-width: 1280px) { 5595 @media (min-width: 1280px) {
5596 .news__item-text { 5596 .news__item-text {
5597 font-size: 16px; 5597 font-size: 16px;
5598 } 5598 }
5599 } 5599 }
5600 .news__item-more { 5600 .news__item-more {
5601 height: 42px; 5601 height: 42px;
5602 margin-top: 20px; 5602 margin-top: 20px;
5603 } 5603 }
5604 @media (min-width: 1280px) { 5604 @media (min-width: 1280px) {
5605 .news__item-more { 5605 .news__item-more {
5606 height: 44px; 5606 height: 44px;
5607 max-width: 190px; 5607 max-width: 190px;
5608 } 5608 }
5609 } 5609 }
5610 .news__all { 5610 .news__all {
5611 height: 42px; 5611 height: 42px;
5612 margin: 0 auto; 5612 margin: 0 auto;
5613 margin-top: 20px; 5613 margin-top: 20px;
5614 padding: 0; 5614 padding: 0;
5615 display: none; 5615 display: none;
5616 } 5616 }
5617 @media (min-width: 768px) { 5617 @media (min-width: 768px) {
5618 .news__all { 5618 .news__all {
5619 max-width: 170px; 5619 max-width: 170px;
5620 margin-top: 30px; 5620 margin-top: 30px;
5621 display: -webkit-box; 5621 display: -webkit-box;
5622 display: -ms-flexbox; 5622 display: -ms-flexbox;
5623 display: flex; 5623 display: flex;
5624 } 5624 }
5625 } 5625 }
5626 @media (min-width: 1280px) { 5626 @media (min-width: 1280px) {
5627 .news__all { 5627 .news__all {
5628 height: 44px; 5628 height: 44px;
5629 } 5629 }
5630 } 5630 }
5631 .news__items { 5631 .news__items {
5632 display: grid; 5632 display: grid;
5633 gap: 20px; 5633 gap: 20px;
5634 margin-bottom: 10px; 5634 margin-bottom: 10px;
5635 } 5635 }
5636 @media (min-width: 768px) { 5636 @media (min-width: 768px) {
5637 .news__items { 5637 .news__items {
5638 grid-template-columns: 1fr 1fr; 5638 grid-template-columns: 1fr 1fr;
5639 } 5639 }
5640 } 5640 }
5641 @media (min-width: 992px) { 5641 @media (min-width: 992px) {
5642 .news__items { 5642 .news__items {
5643 grid-template-columns: 1fr 1fr 1fr; 5643 grid-template-columns: 1fr 1fr 1fr;
5644 } 5644 }
5645 } 5645 }
5646 5646
5647 main + .news { 5647 main + .news {
5648 padding: 0; 5648 padding: 0;
5649 } 5649 }
5650 5650
5651 .info { 5651 .info {
5652 position: relative; 5652 position: relative;
5653 overflow: hidden; 5653 overflow: hidden;
5654 } 5654 }
5655 @media (min-width: 1280px) { 5655 @media (min-width: 1280px) {
5656 .info { 5656 .info {
5657 margin-bottom: -25px; 5657 margin-bottom: -25px;
5658 } 5658 }
5659 } 5659 }
5660 .info__pic { 5660 .info__pic {
5661 display: none; 5661 display: none;
5662 z-index: 1; 5662 z-index: 1;
5663 position: absolute; 5663 position: absolute;
5664 top: 0; 5664 top: 0;
5665 left: 50%; 5665 left: 50%;
5666 height: 100%; 5666 height: 100%;
5667 margin-left: 130px; 5667 margin-left: 130px;
5668 } 5668 }
5669 @media (min-width: 992px) { 5669 @media (min-width: 992px) {
5670 .info__pic { 5670 .info__pic {
5671 display: block; 5671 display: block;
5672 } 5672 }
5673 } 5673 }
5674 @media (min-width: 1280px) { 5674 @media (min-width: 1280px) {
5675 .info__pic { 5675 .info__pic {
5676 width: 610px; 5676 width: 610px;
5677 height: auto; 5677 height: auto;
5678 margin-left: 10px; 5678 margin-left: 10px;
5679 } 5679 }
5680 } 5680 }
5681 .info__body { 5681 .info__body {
5682 z-index: 2; 5682 z-index: 2;
5683 position: relative; 5683 position: relative;
5684 display: -webkit-box; 5684 display: -webkit-box;
5685 display: -ms-flexbox; 5685 display: -ms-flexbox;
5686 display: flex; 5686 display: flex;
5687 -webkit-box-orient: vertical; 5687 -webkit-box-orient: vertical;
5688 -webkit-box-direction: normal; 5688 -webkit-box-direction: normal;
5689 -ms-flex-direction: column; 5689 -ms-flex-direction: column;
5690 flex-direction: column; 5690 flex-direction: column;
5691 } 5691 }
5692 @media (min-width: 1280px) { 5692 @media (min-width: 1280px) {
5693 .info__body { 5693 .info__body {
5694 padding-top: 100px; 5694 padding-top: 100px;
5695 min-height: 600px; 5695 min-height: 600px;
5696 } 5696 }
5697 } 5697 }
5698 @media (min-width: 1280px) { 5698 @media (min-width: 1280px) {
5699 .info__title { 5699 .info__title {
5700 max-width: 520px; 5700 max-width: 520px;
5701 line-height: 1; 5701 line-height: 1;
5702 } 5702 }
5703 } 5703 }
5704 .info__item { 5704 .info__item {
5705 margin-top: 20px; 5705 margin-top: 20px;
5706 display: -webkit-box; 5706 display: -webkit-box;
5707 display: -ms-flexbox; 5707 display: -ms-flexbox;
5708 display: flex; 5708 display: flex;
5709 -webkit-box-orient: vertical; 5709 -webkit-box-orient: vertical;
5710 -webkit-box-direction: normal; 5710 -webkit-box-direction: normal;
5711 -ms-flex-direction: column; 5711 -ms-flex-direction: column;
5712 flex-direction: column; 5712 flex-direction: column;
5713 gap: 20px; 5713 gap: 20px;
5714 } 5714 }
5715 @media (min-width: 992px) { 5715 @media (min-width: 992px) {
5716 .info__item { 5716 .info__item {
5717 max-width: 610px; 5717 max-width: 610px;
5718 } 5718 }
5719 } 5719 }
5720 .info__item + .info__item { 5720 .info__item + .info__item {
5721 margin-top: 60px; 5721 margin-top: 60px;
5722 } 5722 }
5723 .info__text { 5723 .info__text {
5724 color: #6b6c6d; 5724 color: #6b6c6d;
5725 font-size: 13px; 5725 font-size: 13px;
5726 line-height: 1.4; 5726 line-height: 1.4;
5727 } 5727 }
5728 @media (min-width: 768px) { 5728 @media (min-width: 768px) {
5729 .info__text { 5729 .info__text {
5730 font-size: 16px; 5730 font-size: 16px;
5731 } 5731 }
5732 } 5732 }
5733 @media (min-width: 1280px) { 5733 @media (min-width: 1280px) {
5734 .info__text { 5734 .info__text {
5735 font-size: 18px; 5735 font-size: 18px;
5736 } 5736 }
5737 } 5737 }
5738 .info__link { 5738 .info__link {
5739 border-radius: 8px; 5739 border-radius: 8px;
5740 display: -webkit-box; 5740 display: -webkit-box;
5741 display: -ms-flexbox; 5741 display: -ms-flexbox;
5742 display: flex; 5742 display: flex;
5743 -webkit-box-pack: center; 5743 -webkit-box-pack: center;
5744 -ms-flex-pack: center; 5744 -ms-flex-pack: center;
5745 justify-content: center; 5745 justify-content: center;
5746 -webkit-box-align: center; 5746 -webkit-box-align: center;
5747 -ms-flex-align: center; 5747 -ms-flex-align: center;
5748 align-items: center; 5748 align-items: center;
5749 line-height: 1; 5749 line-height: 1;
5750 height: 40px; 5750 height: 40px;
5751 font-size: 12px; 5751 font-size: 12px;
5752 font-weight: 700; 5752 font-weight: 700;
5753 gap: 8px; 5753 gap: 8px;
5754 color: #ffffff; 5754 color: #ffffff;
5755 background: #377d87; 5755 background: #377d87;
5756 } 5756 }
5757 .info__link:hover { 5757 .info__link:hover {
5758 -webkit-filter: grayscale(50%); 5758 -webkit-filter: grayscale(50%);
5759 filter: grayscale(50%); 5759 filter: grayscale(50%);
5760 } 5760 }
5761 @media (min-width: 768px) { 5761 @media (min-width: 768px) {
5762 .info__link { 5762 .info__link {
5763 height: 44px; 5763 height: 44px;
5764 font-size: 16px; 5764 font-size: 16px;
5765 gap: 10px; 5765 gap: 10px;
5766 max-width: 300px; 5766 max-width: 300px;
5767 } 5767 }
5768 } 5768 }
5769 @media (min-width: 992px) { 5769 @media (min-width: 992px) {
5770 .info__link { 5770 .info__link {
5771 max-width: 210px; 5771 max-width: 210px;
5772 } 5772 }
5773 } 5773 }
5774 .info__link svg { 5774 .info__link svg {
5775 width: 16px; 5775 width: 16px;
5776 height: 16px; 5776 height: 16px;
5777 } 5777 }
5778 @media (min-width: 768px) { 5778 @media (min-width: 768px) {
5779 .info__link svg { 5779 .info__link svg {
5780 width: 20px; 5780 width: 20px;
5781 height: 20px; 5781 height: 20px;
5782 } 5782 }
5783 } 5783 }
5784 5784
5785 .thing { 5785 .thing {
5786 padding-top: 15px; 5786 padding-top: 15px;
5787 padding-bottom: 30px; 5787 padding-bottom: 30px;
5788 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 5788 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
5789 color: #3a3b3c; 5789 color: #3a3b3c;
5790 overflow: hidden; 5790 overflow: hidden;
5791 position: relative; 5791 position: relative;
5792 } 5792 }
5793 @media (min-width: 992px) { 5793 @media (min-width: 992px) {
5794 .thing { 5794 .thing {
5795 padding-top: 20px; 5795 padding-top: 20px;
5796 padding-bottom: 60px; 5796 padding-bottom: 60px;
5797 } 5797 }
5798 } 5798 }
5799 @media (min-width: 1280px) { 5799 @media (min-width: 1280px) {
5800 .thing { 5800 .thing {
5801 padding-bottom: 90px; 5801 padding-bottom: 90px;
5802 } 5802 }
5803 } 5803 }
5804 .thing_pdf { 5804 .thing_pdf {
5805 padding: 30px 0; 5805 padding: 30px 0;
5806 } 5806 }
5807 @media (min-width: 992px) { 5807 @media (min-width: 992px) {
5808 .thing_pdf { 5808 .thing_pdf {
5809 padding: 60px 0; 5809 padding: 60px 0;
5810 } 5810 }
5811 } 5811 }
5812 @media (min-width: 1280px) { 5812 @media (min-width: 1280px) {
5813 .thing_pdf { 5813 .thing_pdf {
5814 padding: 90px 0; 5814 padding: 90px 0;
5815 } 5815 }
5816 } 5816 }
5817 .thing__body { 5817 .thing__body {
5818 display: -webkit-box; 5818 display: -webkit-box;
5819 display: -ms-flexbox; 5819 display: -ms-flexbox;
5820 display: flex; 5820 display: flex;
5821 -webkit-box-orient: vertical; 5821 -webkit-box-orient: vertical;
5822 -webkit-box-direction: normal; 5822 -webkit-box-direction: normal;
5823 -ms-flex-direction: column; 5823 -ms-flex-direction: column;
5824 flex-direction: column; 5824 flex-direction: column;
5825 -webkit-box-align: start; 5825 -webkit-box-align: start;
5826 -ms-flex-align: start; 5826 -ms-flex-align: start;
5827 align-items: flex-start; 5827 align-items: flex-start;
5828 } 5828 }
5829 .thing__breadcrumbs { 5829 .thing__breadcrumbs {
5830 width: 100%; 5830 width: 100%;
5831 margin-bottom: 40px; 5831 margin-bottom: 40px;
5832 position: relative; 5832 position: relative;
5833 z-index: 2; 5833 z-index: 2;
5834 } 5834 }
5835 @media (min-width: 768px) { 5835 @media (min-width: 768px) {
5836 .thing__breadcrumbs { 5836 .thing__breadcrumbs {
5837 margin-bottom: 60px; 5837 margin-bottom: 60px;
5838 } 5838 }
5839 } 5839 }
5840 .thing__date { 5840 .thing__date {
5841 color: #6B6C6D; 5841 color: #6B6C6D;
5842 font-size: 14px; 5842 font-size: 14px;
5843 font-weight: 700; 5843 font-weight: 700;
5844 line-height: 21px; 5844 line-height: 21px;
5845 margin-bottom: 10px; 5845 margin-bottom: 10px;
5846 } 5846 }
5847 @media (min-width: 768px) { 5847 @media (min-width: 768px) {
5848 .thing__date { 5848 .thing__date {
5849 font-size: 18px; 5849 font-size: 18px;
5850 line-height: 27px; 5850 line-height: 27px;
5851 } 5851 }
5852 } 5852 }
5853 .thing__title { 5853 .thing__title {
5854 width: 100%; 5854 width: 100%;
5855 font-size: 32px; 5855 font-size: 32px;
5856 font-weight: 700; 5856 font-weight: 700;
5857 margin: 0; 5857 margin: 0;
5858 max-width: 780px; 5858 max-width: 780px;
5859 position: relative; 5859 position: relative;
5860 z-index: 2; 5860 z-index: 2;
5861 line-height: 1.1; 5861 line-height: 1.1;
5862 } 5862 }
5863 @media (min-width: 768px) { 5863 @media (min-width: 768px) {
5864 .thing__title { 5864 .thing__title {
5865 font-size: 40px; 5865 font-size: 40px;
5866 } 5866 }
5867 } 5867 }
5868 @media (min-width: 1280px) { 5868 @media (min-width: 1280px) {
5869 .thing__title { 5869 .thing__title {
5870 font-size: 64px; 5870 font-size: 64px;
5871 } 5871 }
5872 } 5872 }
5873 .thing__text { 5873 .thing__text {
5874 width: 100%; 5874 width: 100%;
5875 font-weight: 700; 5875 font-weight: 700;
5876 font-size: 14px; 5876 font-size: 14px;
5877 line-height: 1.4; 5877 line-height: 1.4;
5878 margin: 15px 0 0 0; 5878 margin: 15px 0 0 0;
5879 max-width: 780px; 5879 max-width: 780px;
5880 position: relative; 5880 position: relative;
5881 z-index: 2; 5881 z-index: 2;
5882 } 5882 }
5883 @media (min-width: 768px) { 5883 @media (min-width: 768px) {
5884 .thing__text { 5884 .thing__text {
5885 margin-top: 15px; 5885 margin-top: 15px;
5886 } 5886 }
5887 } 5887 }
5888 @media (min-width: 992px) { 5888 @media (min-width: 992px) {
5889 .thing__text { 5889 .thing__text {
5890 font-weight: 400; 5890 font-weight: 400;
5891 font-size: 18px; 5891 font-size: 18px;
5892 } 5892 }
5893 } 5893 }
5894 .thing__search { 5894 .thing__search {
5895 width: 100%; 5895 width: 100%;
5896 max-width: 640px; 5896 max-width: 640px;
5897 margin-top: 20px; 5897 margin-top: 20px;
5898 position: relative; 5898 position: relative;
5899 z-index: 2; 5899 z-index: 2;
5900 } 5900 }
5901 @media (min-width: 768px) { 5901 @media (min-width: 768px) {
5902 .thing__search { 5902 .thing__search {
5903 margin-top: 30px; 5903 margin-top: 30px;
5904 } 5904 }
5905 } 5905 }
5906 .thing__badge { 5906 .thing__badge {
5907 position: relative; 5907 position: relative;
5908 z-index: 2; 5908 z-index: 2;
5909 display: -webkit-box; 5909 display: -webkit-box;
5910 display: -ms-flexbox; 5910 display: -ms-flexbox;
5911 display: flex; 5911 display: flex;
5912 -webkit-box-align: center; 5912 -webkit-box-align: center;
5913 -ms-flex-align: center; 5913 -ms-flex-align: center;
5914 align-items: center; 5914 align-items: center;
5915 gap: 5px; 5915 gap: 5px;
5916 padding: 0 12px; 5916 padding: 0 12px;
5917 background: #4d88d9; 5917 background: #4d88d9;
5918 color: #ffffff; 5918 color: #ffffff;
5919 font-size: 12px; 5919 font-size: 12px;
5920 line-height: 1; 5920 line-height: 1;
5921 height: 26px; 5921 height: 26px;
5922 border-radius: 999px; 5922 border-radius: 999px;
5923 margin-bottom: 20px; 5923 margin-bottom: 20px;
5924 } 5924 }
5925 @media (min-width: 992px) { 5925 @media (min-width: 992px) {
5926 .thing__badge { 5926 .thing__badge {
5927 font-size: 16px; 5927 font-size: 16px;
5928 gap: 10px; 5928 gap: 10px;
5929 padding: 0 24px; 5929 padding: 0 24px;
5930 height: 42px; 5930 height: 42px;
5931 margin-bottom: 30px; 5931 margin-bottom: 30px;
5932 } 5932 }
5933 } 5933 }
5934 .thing__badge svg { 5934 .thing__badge svg {
5935 width: 12px; 5935 width: 12px;
5936 height: 12px; 5936 height: 12px;
5937 } 5937 }
5938 @media (min-width: 992px) { 5938 @media (min-width: 992px) {
5939 .thing__badge svg { 5939 .thing__badge svg {
5940 width: 20px; 5940 width: 20px;
5941 height: 20px; 5941 height: 20px;
5942 } 5942 }
5943 } 5943 }
5944 .thing__pic { 5944 .thing__pic {
5945 width: 60px; 5945 width: 60px;
5946 aspect-ratio: 1/1; 5946 aspect-ratio: 1/1;
5947 -o-object-fit: contain; 5947 -o-object-fit: contain;
5948 object-fit: contain; 5948 object-fit: contain;
5949 position: relative; 5949 position: relative;
5950 z-index: 1; 5950 z-index: 1;
5951 margin-bottom: 15px; 5951 margin-bottom: 15px;
5952 } 5952 }
5953 @media (min-width: 768px) { 5953 @media (min-width: 768px) {
5954 .thing__pic { 5954 .thing__pic {
5955 width: 160px; 5955 width: 160px;
5956 position: absolute; 5956 position: absolute;
5957 top: 15px; 5957 top: 15px;
5958 right: 20px; 5958 right: 20px;
5959 } 5959 }
5960 } 5960 }
5961 @media (min-width: 992px) { 5961 @media (min-width: 992px) {
5962 .thing__pic { 5962 .thing__pic {
5963 width: 330px; 5963 width: 330px;
5964 top: 50%; 5964 top: 50%;
5965 -webkit-transform: translate(0, -50%); 5965 -webkit-transform: translate(0, -50%);
5966 -ms-transform: translate(0, -50%); 5966 -ms-transform: translate(0, -50%);
5967 transform: translate(0, -50%); 5967 transform: translate(0, -50%);
5968 } 5968 }
5969 } 5969 }
5970 @media (min-width: 1280px) { 5970 @media (min-width: 1280px) {
5971 .thing__pic { 5971 .thing__pic {
5972 right: auto; 5972 right: auto;
5973 left: 50%; 5973 left: 50%;
5974 margin-left: 200px; 5974 margin-left: 200px;
5975 } 5975 }
5976 } 5976 }
5977 .thing__pic_two { 5977 .thing__pic_two {
5978 -o-object-fit: cover; 5978 -o-object-fit: cover;
5979 object-fit: cover; 5979 object-fit: cover;
5980 border-radius: 30px; 5980 border-radius: 30px;
5981 aspect-ratio: 44/37; 5981 aspect-ratio: 44/37;
5982 width: 100%; 5982 width: 100%;
5983 max-width: 440px; 5983 max-width: 440px;
5984 } 5984 }
5985 @media (min-width: 768px) { 5985 @media (min-width: 768px) {
5986 .thing__pic_two { 5986 .thing__pic_two {
5987 position: static; 5987 position: static;
5988 -webkit-transform: translate(0, 0); 5988 -webkit-transform: translate(0, 0);
5989 -ms-transform: translate(0, 0); 5989 -ms-transform: translate(0, 0);
5990 transform: translate(0, 0); 5990 transform: translate(0, 0);
5991 } 5991 }
5992 } 5992 }
5993 @media (min-width: 1280px) { 5993 @media (min-width: 1280px) {
5994 .thing__pic_two { 5994 .thing__pic_two {
5995 position: absolute; 5995 position: absolute;
5996 -webkit-transform: translate(0, -50%); 5996 -webkit-transform: translate(0, -50%);
5997 -ms-transform: translate(0, -50%); 5997 -ms-transform: translate(0, -50%);
5998 transform: translate(0, -50%); 5998 transform: translate(0, -50%);
5999 } 5999 }
6000 } 6000 }
6001 .thing__buttons { 6001 .thing__buttons {
6002 width: 100%; 6002 width: 100%;
6003 position: relative; 6003 position: relative;
6004 z-index: 2; 6004 z-index: 2;
6005 display: -webkit-box; 6005 display: -webkit-box;
6006 display: -ms-flexbox; 6006 display: -ms-flexbox;
6007 display: flex; 6007 display: flex;
6008 -webkit-box-align: center; 6008 -webkit-box-align: center;
6009 -ms-flex-align: center; 6009 -ms-flex-align: center;
6010 align-items: center; 6010 align-items: center;
6011 gap: 20px; 6011 gap: 20px;
6012 margin-top: 15px; 6012 margin-top: 15px;
6013 } 6013 }
6014 @media (min-width: 992px) { 6014 @media (min-width: 992px) {
6015 .thing__buttons { 6015 .thing__buttons {
6016 margin-top: 30px; 6016 margin-top: 30px;
6017 gap: 30px; 6017 gap: 30px;
6018 } 6018 }
6019 } 6019 }
6020 @media (min-width: 992px) { 6020 @media (min-width: 992px) {
6021 .thing__buttons .button { 6021 .thing__buttons .button {
6022 padding: 0 22px; 6022 padding: 0 22px;
6023 } 6023 }
6024 } 6024 }
6025 .thing__checkbox { 6025 .thing__checkbox {
6026 margin-top: 20px; 6026 margin-top: 20px;
6027 } 6027 }
6028 .thing__checkbox .checkbox__icon { 6028 .thing__checkbox .checkbox__icon {
6029 border-color: #377d87; 6029 border-color: #377d87;
6030 } 6030 }
6031 .thing__checkbox .checkbox__text { 6031 .thing__checkbox .checkbox__text {
6032 color: #377d87; 6032 color: #377d87;
6033 } 6033 }
6034 .thing__profile { 6034 .thing__profile {
6035 display: -webkit-box; 6035 display: -webkit-box;
6036 display: -ms-flexbox; 6036 display: -ms-flexbox;
6037 display: flex; 6037 display: flex;
6038 -webkit-box-orient: vertical; 6038 -webkit-box-orient: vertical;
6039 -webkit-box-direction: normal; 6039 -webkit-box-direction: normal;
6040 -ms-flex-direction: column; 6040 -ms-flex-direction: column;
6041 flex-direction: column; 6041 flex-direction: column;
6042 } 6042 }
6043 @media (min-width: 768px) { 6043 @media (min-width: 768px) {
6044 .thing__profile { 6044 .thing__profile {
6045 -webkit-box-orient: horizontal; 6045 -webkit-box-orient: horizontal;
6046 -webkit-box-direction: normal; 6046 -webkit-box-direction: normal;
6047 -ms-flex-direction: row; 6047 -ms-flex-direction: row;
6048 flex-direction: row; 6048 flex-direction: row;
6049 -webkit-box-align: start; 6049 -webkit-box-align: start;
6050 -ms-flex-align: start; 6050 -ms-flex-align: start;
6051 align-items: flex-start; 6051 align-items: flex-start;
6052 } 6052 }
6053 } 6053 }
6054 .thing__profile-photo { 6054 .thing__profile-photo {
6055 width: 210px; 6055 width: 210px;
6056 border-radius: 8px; 6056 border-radius: 8px;
6057 aspect-ratio: 1/1; 6057 aspect-ratio: 1/1;
6058 } 6058 }
6059 .thing__profile-body { 6059 .thing__profile-body {
6060 display: -webkit-box; 6060 display: -webkit-box;
6061 display: -ms-flexbox; 6061 display: -ms-flexbox;
6062 display: flex; 6062 display: flex;
6063 -webkit-box-orient: vertical; 6063 -webkit-box-orient: vertical;
6064 -webkit-box-direction: normal; 6064 -webkit-box-direction: normal;
6065 -ms-flex-direction: column; 6065 -ms-flex-direction: column;
6066 flex-direction: column; 6066 flex-direction: column;
6067 margin-top: 15px; 6067 margin-top: 15px;
6068 } 6068 }
6069 @media (min-width: 768px) { 6069 @media (min-width: 768px) {
6070 .thing__profile-body { 6070 .thing__profile-body {
6071 width: calc(100% - 210px); 6071 width: calc(100% - 210px);
6072 padding-left: 35px; 6072 padding-left: 35px;
6073 } 6073 }
6074 } 6074 }
6075 .thing__profile .thing__title { 6075 .thing__profile .thing__title {
6076 max-width: none; 6076 max-width: none;
6077 } 6077 }
6078 @media (min-width: 768px) { 6078 @media (min-width: 768px) {
6079 .thing__profile .thing__title { 6079 .thing__profile .thing__title {
6080 margin-top: -20px; 6080 margin-top: -20px;
6081 } 6081 }
6082 } 6082 }
6083 .thing__profile .thing__text { 6083 .thing__profile .thing__text {
6084 max-width: none; 6084 max-width: none;
6085 } 6085 }
6086 .thing__bottom { 6086 .thing__bottom {
6087 display: -webkit-box; 6087 display: -webkit-box;
6088 display: -ms-flexbox; 6088 display: -ms-flexbox;
6089 display: flex; 6089 display: flex;
6090 -webkit-box-align: center; 6090 -webkit-box-align: center;
6091 -ms-flex-align: center; 6091 -ms-flex-align: center;
6092 align-items: center; 6092 align-items: center;
6093 gap: 15px; 6093 gap: 15px;
6094 margin-top: 15px; 6094 margin-top: 15px;
6095 } 6095 }
6096 @media (min-width: 768px) { 6096 @media (min-width: 768px) {
6097 .thing__bottom { 6097 .thing__bottom {
6098 margin-top: 30px; 6098 margin-top: 30px;
6099 } 6099 }
6100 } 6100 }
6101 .thing__select { 6101 .thing__select {
6102 width: 100%; 6102 width: 100%;
6103 max-width: 640px; 6103 max-width: 640px;
6104 margin-top: 20px; 6104 margin-top: 20px;
6105 } 6105 }
6106 @media (min-width: 768px) { 6106 @media (min-width: 768px) {
6107 .thing__select { 6107 .thing__select {
6108 margin-top: 30px; 6108 margin-top: 30px;
6109 } 6109 }
6110 } 6110 }
6111 6111
6112 .page-404 { 6112 .page-404 {
6113 background: url(../images/bg-3.svg) no-repeat 100%/cover; 6113 background: url(../images/bg-3.svg) no-repeat 100%/cover;
6114 overflow: hidden; 6114 overflow: hidden;
6115 } 6115 }
6116 .page-404__body { 6116 .page-404__body {
6117 display: -webkit-box; 6117 display: -webkit-box;
6118 display: -ms-flexbox; 6118 display: -ms-flexbox;
6119 display: flex; 6119 display: flex;
6120 -webkit-box-orient: vertical; 6120 -webkit-box-orient: vertical;
6121 -webkit-box-direction: normal; 6121 -webkit-box-direction: normal;
6122 -ms-flex-direction: column; 6122 -ms-flex-direction: column;
6123 flex-direction: column; 6123 flex-direction: column;
6124 -webkit-box-align: center; 6124 -webkit-box-align: center;
6125 -ms-flex-align: center; 6125 -ms-flex-align: center;
6126 align-items: center; 6126 align-items: center;
6127 -webkit-box-pack: center; 6127 -webkit-box-pack: center;
6128 -ms-flex-pack: center; 6128 -ms-flex-pack: center;
6129 justify-content: center; 6129 justify-content: center;
6130 text-align: center; 6130 text-align: center;
6131 padding: 60px 0; 6131 padding: 60px 0;
6132 color: #3a3b3c; 6132 color: #3a3b3c;
6133 font-size: 12px; 6133 font-size: 12px;
6134 gap: 10px; 6134 gap: 10px;
6135 line-height: 1.4; 6135 line-height: 1.4;
6136 } 6136 }
6137 @media (min-width: 768px) { 6137 @media (min-width: 768px) {
6138 .page-404__body { 6138 .page-404__body {
6139 font-size: 18px; 6139 font-size: 18px;
6140 padding: 120px 0; 6140 padding: 120px 0;
6141 gap: 20px; 6141 gap: 20px;
6142 } 6142 }
6143 } 6143 }
6144 @media (min-width: 1280px) { 6144 @media (min-width: 1280px) {
6145 .page-404__body { 6145 .page-404__body {
6146 padding: 180px 0; 6146 padding: 180px 0;
6147 text-align: left; 6147 text-align: left;
6148 } 6148 }
6149 } 6149 }
6150 .page-404__numb { 6150 .page-404__numb {
6151 font-size: 114px; 6151 font-size: 114px;
6152 line-height: 1; 6152 line-height: 1;
6153 color: #377d87; 6153 color: #377d87;
6154 font-weight: 700; 6154 font-weight: 700;
6155 } 6155 }
6156 @media (min-width: 768px) { 6156 @media (min-width: 768px) {
6157 .page-404__numb { 6157 .page-404__numb {
6158 font-size: 184px; 6158 font-size: 184px;
6159 } 6159 }
6160 } 6160 }
6161 @media (min-width: 768px) { 6161 @media (min-width: 768px) {
6162 .page-404__title { 6162 .page-404__title {
6163 font-weight: 700; 6163 font-weight: 700;
6164 font-size: 44px; 6164 font-size: 44px;
6165 } 6165 }
6166 } 6166 }
6167 @media (min-width: 1280px) { 6167 @media (min-width: 1280px) {
6168 .page-404__title { 6168 .page-404__title {
6169 width: 710px; 6169 width: 710px;
6170 position: relative; 6170 position: relative;
6171 left: 200px; 6171 left: 200px;
6172 } 6172 }
6173 } 6173 }
6174 @media (min-width: 1280px) { 6174 @media (min-width: 1280px) {
6175 .page-404__subtitle { 6175 .page-404__subtitle {
6176 width: 710px; 6176 width: 710px;
6177 position: relative; 6177 position: relative;
6178 left: 200px; 6178 left: 200px;
6179 } 6179 }
6180 } 6180 }
6181 .page-404__button { 6181 .page-404__button {
6182 margin-top: 10px; 6182 margin-top: 10px;
6183 } 6183 }
6184 @media (min-width: 1280px) { 6184 @media (min-width: 1280px) {
6185 .page-404__button { 6185 .page-404__button {
6186 position: relative; 6186 position: relative;
6187 left: -45px; 6187 left: -45px;
6188 } 6188 }
6189 } 6189 }
6190 6190
6191 .cookies { 6191 .cookies {
6192 display: none; 6192 display: none;
6193 -webkit-box-align: end; 6193 -webkit-box-align: end;
6194 -ms-flex-align: end; 6194 -ms-flex-align: end;
6195 align-items: flex-end; 6195 align-items: flex-end;
6196 padding: 10px; 6196 padding: 10px;
6197 padding-top: 0; 6197 padding-top: 0;
6198 height: 0; 6198 height: 0;
6199 position: fixed; 6199 position: fixed;
6200 z-index: 999; 6200 z-index: 999;
6201 bottom: 0; 6201 bottom: 0;
6202 left: 0; 6202 left: 0;
6203 width: 100%; 6203 width: 100%;
6204 } 6204 }
6205 .cookies-is-actived .cookies { 6205 .cookies-is-actived .cookies {
6206 display: -webkit-box; 6206 display: -webkit-box;
6207 display: -ms-flexbox; 6207 display: -ms-flexbox;
6208 display: flex; 6208 display: flex;
6209 } 6209 }
6210 .cookies__body { 6210 .cookies__body {
6211 border-radius: 6px; 6211 border-radius: 6px;
6212 border: 1px solid #377d87; 6212 border: 1px solid #377d87;
6213 background: #ffffff; 6213 background: #ffffff;
6214 padding: 15px; 6214 padding: 15px;
6215 padding-right: 50px; 6215 padding-right: 50px;
6216 position: relative; 6216 position: relative;
6217 max-width: 940px; 6217 max-width: 940px;
6218 margin: 0 auto; 6218 margin: 0 auto;
6219 } 6219 }
6220 @media (min-width: 768px) { 6220 @media (min-width: 768px) {
6221 .cookies__body { 6221 .cookies__body {
6222 padding: 25px; 6222 padding: 25px;
6223 padding-right: 50px; 6223 padding-right: 50px;
6224 border-radius: 12px; 6224 border-radius: 12px;
6225 } 6225 }
6226 } 6226 }
6227 @media (min-width: 992px) { 6227 @media (min-width: 992px) {
6228 .cookies__body { 6228 .cookies__body {
6229 padding: 40px 60px; 6229 padding: 40px 60px;
6230 } 6230 }
6231 } 6231 }
6232 .cookies__close { 6232 .cookies__close {
6233 display: -webkit-box; 6233 display: -webkit-box;
6234 display: -ms-flexbox; 6234 display: -ms-flexbox;
6235 display: flex; 6235 display: flex;
6236 -webkit-box-pack: center; 6236 -webkit-box-pack: center;
6237 -ms-flex-pack: center; 6237 -ms-flex-pack: center;
6238 justify-content: center; 6238 justify-content: center;
6239 -webkit-box-align: center; 6239 -webkit-box-align: center;
6240 -ms-flex-align: center; 6240 -ms-flex-align: center;
6241 align-items: center; 6241 align-items: center;
6242 color: #377d87; 6242 color: #377d87;
6243 padding: 0; 6243 padding: 0;
6244 border: none; 6244 border: none;
6245 background: none; 6245 background: none;
6246 position: absolute; 6246 position: absolute;
6247 top: 15px; 6247 top: 15px;
6248 right: 15px; 6248 right: 15px;
6249 } 6249 }
6250 .cookies__close:hover { 6250 .cookies__close:hover {
6251 color: #3a3b3c; 6251 color: #3a3b3c;
6252 } 6252 }
6253 .cookies__close svg { 6253 .cookies__close svg {
6254 width: 16px; 6254 width: 16px;
6255 height: 16px; 6255 height: 16px;
6256 } 6256 }
6257 .cookies__text { 6257 .cookies__text {
6258 font-size: 12px; 6258 font-size: 12px;
6259 color: #377d87; 6259 color: #377d87;
6260 line-height: 1.4; 6260 line-height: 1.4;
6261 } 6261 }
6262 @media (min-width: 768px) { 6262 @media (min-width: 768px) {
6263 .cookies__text { 6263 .cookies__text {
6264 font-size: 16px; 6264 font-size: 16px;
6265 font-weight: 700; 6265 font-weight: 700;
6266 } 6266 }
6267 } 6267 }
6268 6268
6269 .fancybox-active { 6269 .fancybox-active {
6270 overflow: hidden; 6270 overflow: hidden;
6271 } 6271 }
6272 .fancybox-is-open .fancybox-bg { 6272 .fancybox-is-open .fancybox-bg {
6273 background: #080B0B; 6273 background: #080B0B;
6274 opacity: 0.6; 6274 opacity: 0.6;
6275 z-index: 9999; 6275 z-index: 9999;
6276 } 6276 }
6277 .fancybox-slide { 6277 .fancybox-slide {
6278 padding: 0; 6278 padding: 0;
6279 } 6279 }
6280 @media (min-width: 992px) { 6280 @media (min-width: 992px) {
6281 .fancybox-slide { 6281 .fancybox-slide {
6282 padding: 30px; 6282 padding: 30px;
6283 } 6283 }
6284 } 6284 }
6285 .fancybox-slide--html .fancybox-close-small { 6285 .fancybox-slide--html .fancybox-close-small {
6286 padding: 0; 6286 padding: 0;
6287 opacity: 1; 6287 opacity: 1;
6288 color: #377d87; 6288 color: #377d87;
6289 } 6289 }
6290 @media (min-width: 768px) { 6290 @media (min-width: 768px) {
6291 .fancybox-slide--html .fancybox-close-small { 6291 .fancybox-slide--html .fancybox-close-small {
6292 top: 10px; 6292 top: 10px;
6293 right: 10px; 6293 right: 10px;
6294 } 6294 }
6295 } 6295 }
6296 .fancybox-slide--html .fancybox-close-small:hover { 6296 .fancybox-slide--html .fancybox-close-small:hover {
6297 color: #3a3b3c; 6297 color: #3a3b3c;
6298 } 6298 }
6299 6299
6300 .modal { 6300 .modal {
6301 width: 100%; 6301 width: 100%;
6302 max-width: 820px; 6302 max-width: 820px;
6303 padding: 0; 6303 padding: 0;
6304 background: #ffffff; 6304 background: #ffffff;
6305 z-index: 99999; 6305 z-index: 99999;
6306 } 6306 }
6307 @media (min-width: 992px) { 6307 @media (min-width: 992px) {
6308 .modal { 6308 .modal {
6309 border-radius: 10px; 6309 border-radius: 10px;
6310 border: 1px solid #377d87; 6310 border: 1px solid #377d87;
6311 } 6311 }
6312 } 6312 }
6313 .modal_bg { 6313 .modal_bg {
6314 background: #ffffff url(../images/bg-4.svg) no-repeat calc(50% + 100px) 100%; 6314 background: #ffffff url(../images/bg-4.svg) no-repeat calc(50% + 100px) 100%;
6315 } 6315 }
6316 @media (min-width: 768px) { 6316 @media (min-width: 768px) {
6317 .modal_bg { 6317 .modal_bg {
6318 background-position: 100% 100%; 6318 background-position: 100% 100%;
6319 } 6319 }
6320 } 6320 }
6321 .modal__body { 6321 .modal__body {
6322 padding: 40px 15px; 6322 padding: 40px 15px;
6323 padding-bottom: 30px; 6323 padding-bottom: 30px;
6324 display: -webkit-box; 6324 display: -webkit-box;
6325 display: -ms-flexbox; 6325 display: -ms-flexbox;
6326 display: flex; 6326 display: flex;
6327 -webkit-box-orient: vertical; 6327 -webkit-box-orient: vertical;
6328 -webkit-box-direction: normal; 6328 -webkit-box-direction: normal;
6329 -ms-flex-direction: column; 6329 -ms-flex-direction: column;
6330 flex-direction: column; 6330 flex-direction: column;
6331 -webkit-box-align: center; 6331 -webkit-box-align: center;
6332 -ms-flex-align: center; 6332 -ms-flex-align: center;
6333 align-items: center; 6333 align-items: center;
6334 -webkit-box-pack: center; 6334 -webkit-box-pack: center;
6335 -ms-flex-pack: center; 6335 -ms-flex-pack: center;
6336 justify-content: center; 6336 justify-content: center;
6337 width: 100%; 6337 width: 100%;
6338 min-height: 100vh; 6338 min-height: 100vh;
6339 overflow: hidden; 6339 overflow: hidden;
6340 font-size: 12px; 6340 font-size: 12px;
6341 } 6341 }
6342 @media (min-width: 768px) { 6342 @media (min-width: 768px) {
6343 .modal__body { 6343 .modal__body {
6344 font-size: 16px; 6344 font-size: 16px;
6345 padding-left: 22px; 6345 padding-left: 22px;
6346 padding-right: 22px; 6346 padding-right: 22px;
6347 } 6347 }
6348 } 6348 }
6349 @media (min-width: 992px) { 6349 @media (min-width: 992px) {
6350 .modal__body { 6350 .modal__body {
6351 min-height: 450px; 6351 min-height: 450px;
6352 padding: 60px 80px; 6352 padding: 60px 80px;
6353 padding-bottom: 40px; 6353 padding-bottom: 40px;
6354 } 6354 }
6355 } 6355 }
6356 @media (min-width: 768px) { 6356 @media (min-width: 768px) {
6357 .modal__body .left { 6357 .modal__body .left {
6358 text-align: left; 6358 text-align: left;
6359 } 6359 }
6360 } 6360 }
6361 .modal__title { 6361 .modal__title {
6362 width: 100%; 6362 width: 100%;
6363 font-size: 22px; 6363 font-size: 22px;
6364 font-weight: 700; 6364 font-weight: 700;
6365 text-align: center; 6365 text-align: center;
6366 color: #3a3b3c; 6366 color: #3a3b3c;
6367 } 6367 }
6368 @media (min-width: 768px) { 6368 @media (min-width: 768px) {
6369 .modal__title { 6369 .modal__title {
6370 font-size: 32px; 6370 font-size: 32px;
6371 } 6371 }
6372 } 6372 }
6373 @media (min-width: 992px) { 6373 @media (min-width: 992px) {
6374 .modal__title { 6374 .modal__title {
6375 font-size: 44px; 6375 font-size: 44px;
6376 } 6376 }
6377 } 6377 }
6378 .modal__text { 6378 .modal__text {
6379 width: 100%; 6379 width: 100%;
6380 text-align: center; 6380 text-align: center;
6381 margin-top: 10px; 6381 margin-top: 10px;
6382 color: #3a3b3c; 6382 color: #3a3b3c;
6383 } 6383 }
6384 @media (min-width: 768px) { 6384 @media (min-width: 768px) {
6385 .modal__text { 6385 .modal__text {
6386 margin-top: 20px; 6386 margin-top: 20px;
6387 } 6387 }
6388 } 6388 }
6389 .modal__text span { 6389 .modal__text span {
6390 color: #9C9D9D; 6390 color: #9C9D9D;
6391 } 6391 }
6392 .modal__text a { 6392 .modal__text a {
6393 font-weight: 700; 6393 font-weight: 700;
6394 color: #377d87; 6394 color: #377d87;
6395 } 6395 }
6396 .modal__text a:hover { 6396 .modal__text a:hover {
6397 color: #3a3b3c; 6397 color: #3a3b3c;
6398 } 6398 }
6399 .modal__button { 6399 .modal__button {
6400 margin-top: 20px; 6400 margin-top: 20px;
6401 } 6401 }
6402 @media (min-width: 768px) { 6402 @media (min-width: 768px) {
6403 .modal__button { 6403 .modal__button {
6404 min-width: 200px; 6404 min-width: 200px;
6405 margin-top: 30px; 6405 margin-top: 30px;
6406 } 6406 }
6407 } 6407 }
6408 .modal__buttons { 6408 .modal__buttons {
6409 display: grid; 6409 display: grid;
6410 grid-template-columns: repeat(2, 1fr); 6410 grid-template-columns: repeat(2, 1fr);
6411 gap: 20px; 6411 gap: 20px;
6412 margin-top: 20px; 6412 margin-top: 20px;
6413 } 6413 }
6414 @media (min-width: 768px) { 6414 @media (min-width: 768px) {
6415 .modal__buttons { 6415 .modal__buttons {
6416 gap: 30px; 6416 gap: 30px;
6417 margin-top: 30px; 6417 margin-top: 30px;
6418 } 6418 }
6419 } 6419 }
6420 .modal__form { 6420 .modal__form {
6421 width: 100%; 6421 width: 100%;
6422 display: -webkit-box; 6422 display: -webkit-box;
6423 display: -ms-flexbox; 6423 display: -ms-flexbox;
6424 display: flex; 6424 display: flex;
6425 -webkit-box-orient: vertical; 6425 -webkit-box-orient: vertical;
6426 -webkit-box-direction: normal; 6426 -webkit-box-direction: normal;
6427 -ms-flex-direction: column; 6427 -ms-flex-direction: column;
6428 flex-direction: column; 6428 flex-direction: column;
6429 gap: 16px; 6429 gap: 16px;
6430 margin-top: 10px; 6430 margin-top: 10px;
6431 } 6431 }
6432 @media (min-width: 768px) { 6432 @media (min-width: 768px) {
6433 .modal__form { 6433 .modal__form {
6434 margin-top: 20px; 6434 margin-top: 20px;
6435 } 6435 }
6436 } 6436 }
6437 .modal__form-item { 6437 .modal__form-item {
6438 display: -webkit-box; 6438 display: -webkit-box;
6439 display: -ms-flexbox; 6439 display: -ms-flexbox;
6440 display: flex; 6440 display: flex;
6441 -webkit-box-orient: vertical; 6441 -webkit-box-orient: vertical;
6442 -webkit-box-direction: normal; 6442 -webkit-box-direction: normal;
6443 -ms-flex-direction: column; 6443 -ms-flex-direction: column;
6444 flex-direction: column; 6444 flex-direction: column;
6445 -webkit-box-align: center; 6445 -webkit-box-align: center;
6446 -ms-flex-align: center; 6446 -ms-flex-align: center;
6447 align-items: center; 6447 align-items: center;
6448 gap: 4px; 6448 gap: 4px;
6449 } 6449 }
6450 .modal__form-item > .input { 6450 .modal__form-item > .input {
6451 width: 100%; 6451 width: 100%;
6452 } 6452 }
6453 .modal__form-item > .textarea { 6453 .modal__form-item > .textarea {
6454 width: 100%; 6454 width: 100%;
6455 height: 175px; 6455 height: 175px;
6456 } 6456 }
6457 @media (min-width: 768px) { 6457 @media (min-width: 768px) {
6458 .modal__form-item > .textarea { 6458 .modal__form-item > .textarea {
6459 height: 195px; 6459 height: 195px;
6460 } 6460 }
6461 } 6461 }
6462 .modal__form-item > .file { 6462 .modal__form-item > .file {
6463 width: 100%; 6463 width: 100%;
6464 } 6464 }
6465 .modal__form-item > .button { 6465 .modal__form-item > .button {
6466 min-width: 120px; 6466 min-width: 120px;
6467 } 6467 }
6468 .modal__form-item > label { 6468 .modal__form-item > label {
6469 width: 100%; 6469 width: 100%;
6470 display: none; 6470 display: none;
6471 color: #eb5757; 6471 color: #eb5757;
6472 padding: 0 10px; 6472 padding: 0 10px;
6473 font-size: 12px; 6473 font-size: 12px;
6474 } 6474 }
6475 @media (min-width: 768px) { 6475 @media (min-width: 768px) {
6476 .modal__form-item > label { 6476 .modal__form-item > label {
6477 padding: 0 20px; 6477 padding: 0 20px;
6478 font-size: 16px; 6478 font-size: 16px;
6479 } 6479 }
6480 } 6480 }
6481 .modal__sign { 6481 .modal__sign {
6482 display: -webkit-box; 6482 display: -webkit-box;
6483 display: -ms-flexbox; 6483 display: -ms-flexbox;
6484 display: flex; 6484 display: flex;
6485 -webkit-box-orient: vertical; 6485 -webkit-box-orient: vertical;
6486 -webkit-box-direction: normal; 6486 -webkit-box-direction: normal;
6487 -ms-flex-direction: column; 6487 -ms-flex-direction: column;
6488 flex-direction: column; 6488 flex-direction: column;
6489 gap: 20px; 6489 gap: 20px;
6490 margin-top: 10px; 6490 margin-top: 10px;
6491 margin-bottom: 20px; 6491 margin-bottom: 20px;
6492 width: 100%; 6492 width: 100%;
6493 } 6493 }
6494 @media (min-width: 768px) { 6494 @media (min-width: 768px) {
6495 .modal__sign { 6495 .modal__sign {
6496 margin-top: 20px; 6496 margin-top: 20px;
6497 margin-bottom: 40px; 6497 margin-bottom: 40px;
6498 } 6498 }
6499 } 6499 }
6500 .modal__sign-item { 6500 .modal__sign-item {
6501 display: -webkit-box; 6501 display: -webkit-box;
6502 display: -ms-flexbox; 6502 display: -ms-flexbox;
6503 display: flex; 6503 display: flex;
6504 -webkit-box-orient: vertical; 6504 -webkit-box-orient: vertical;
6505 -webkit-box-direction: normal; 6505 -webkit-box-direction: normal;
6506 -ms-flex-direction: column; 6506 -ms-flex-direction: column;
6507 flex-direction: column; 6507 flex-direction: column;
6508 -webkit-box-align: center; 6508 -webkit-box-align: center;
6509 -ms-flex-align: center; 6509 -ms-flex-align: center;
6510 align-items: center; 6510 align-items: center;
6511 position: relative; 6511 position: relative;
6512 } 6512 }
6513 .modal__sign-item > .input { 6513 .modal__sign-item > .input {
6514 width: 100%; 6514 width: 100%;
6515 padding-right: 36px; 6515 padding-right: 36px;
6516 position: relative; 6516 position: relative;
6517 z-index: 1; 6517 z-index: 1;
6518 } 6518 }
6519 @media (min-width: 768px) { 6519 @media (min-width: 768px) {
6520 .modal__sign-item > .input { 6520 .modal__sign-item > .input {
6521 height: 52px; 6521 height: 52px;
6522 padding-right: 60px; 6522 padding-right: 60px;
6523 } 6523 }
6524 } 6524 }
6525 .modal__sign-item > .textarea { 6525 .modal__sign-item > .textarea {
6526 width: 100%; 6526 width: 100%;
6527 } 6527 }
6528 .modal__sign-bottom { 6528 .modal__sign-bottom {
6529 display: -webkit-box; 6529 display: -webkit-box;
6530 display: -ms-flexbox; 6530 display: -ms-flexbox;
6531 display: flex; 6531 display: flex;
6532 -webkit-box-pack: justify; 6532 -webkit-box-pack: justify;
6533 -ms-flex-pack: justify; 6533 -ms-flex-pack: justify;
6534 justify-content: space-between; 6534 justify-content: space-between;
6535 -webkit-box-align: center; 6535 -webkit-box-align: center;
6536 -ms-flex-align: center; 6536 -ms-flex-align: center;
6537 align-items: center; 6537 align-items: center;
6538 width: 100%; 6538 width: 100%;
6539 } 6539 }
6540 .modal__sign-bottom-link { 6540 .modal__sign-bottom-link {
6541 font-weight: 700; 6541 font-weight: 700;
6542 color: #377d87; 6542 color: #377d87;
6543 } 6543 }
6544 .modal__tabs { 6544 .modal__tabs {
6545 width: 100%; 6545 width: 100%;
6546 display: grid; 6546 display: grid;
6547 grid-template-columns: repeat(2, 1fr); 6547 grid-template-columns: repeat(2, 1fr);
6548 gap: 16px; 6548 gap: 16px;
6549 margin-top: 10px; 6549 margin-top: 10px;
6550 } 6550 }
6551 @media (min-width: 768px) { 6551 @media (min-width: 768px) {
6552 .modal__tabs { 6552 .modal__tabs {
6553 gap: 24px; 6553 gap: 24px;
6554 margin-top: 20px; 6554 margin-top: 20px;
6555 } 6555 }
6556 } 6556 }
6557 .modal__tabs-item.active { 6557 .modal__tabs-item.active {
6558 background: #377d87; 6558 background: #377d87;
6559 color: #ffffff; 6559 color: #ffffff;
6560 } 6560 }
6561 .modal__reg { 6561 .modal__reg {
6562 display: none; 6562 display: none;
6563 -webkit-box-orient: vertical; 6563 -webkit-box-orient: vertical;
6564 -webkit-box-direction: normal; 6564 -webkit-box-direction: normal;
6565 -ms-flex-direction: column; 6565 -ms-flex-direction: column;
6566 flex-direction: column; 6566 flex-direction: column;
6567 -webkit-box-align: center; 6567 -webkit-box-align: center;
6568 -ms-flex-align: center; 6568 -ms-flex-align: center;
6569 align-items: center; 6569 align-items: center;
6570 gap: 10px; 6570 gap: 10px;
6571 width: 100%; 6571 width: 100%;
6572 margin-top: 10px; 6572 margin-top: 10px;
6573 margin-bottom: 20px; 6573 margin-bottom: 20px;
6574 } 6574 }
6575 @media (min-width: 768px) { 6575 @media (min-width: 768px) {
6576 .modal__reg { 6576 .modal__reg {
6577 margin-top: 20px; 6577 margin-top: 20px;
6578 margin-bottom: 30px; 6578 margin-bottom: 30px;
6579 gap: 20px; 6579 gap: 20px;
6580 } 6580 }
6581 } 6581 }
6582 .modal__reg.showed { 6582 .modal__reg.showed {
6583 display: -webkit-box; 6583 display: -webkit-box;
6584 display: -ms-flexbox; 6584 display: -ms-flexbox;
6585 display: flex; 6585 display: flex;
6586 } 6586 }
6587 .modal__reg-item { 6587 .modal__reg-item {
6588 width: 100%; 6588 width: 100%;
6589 display: -webkit-box; 6589 display: -webkit-box;
6590 display: -ms-flexbox; 6590 display: -ms-flexbox;
6591 display: flex; 6591 display: flex;
6592 -webkit-box-orient: vertical; 6592 -webkit-box-orient: vertical;
6593 -webkit-box-direction: normal; 6593 -webkit-box-direction: normal;
6594 -ms-flex-direction: column; 6594 -ms-flex-direction: column;
6595 flex-direction: column; 6595 flex-direction: column;
6596 } 6596 }
6597 .modal__reg-item > .captcha { 6597 .modal__reg-item > .captcha {
6598 width: 100%; 6598 width: 100%;
6599 max-width: 300px; 6599 max-width: 300px;
6600 } 6600 }
6601 6601
6602 .messages { 6602 .messages {
6603 display: -webkit-box; 6603 display: -webkit-box;
6604 display: -ms-flexbox; 6604 display: -ms-flexbox;
6605 display: flex; 6605 display: flex;
6606 -webkit-box-orient: vertical; 6606 -webkit-box-orient: vertical;
6607 -webkit-box-direction: reverse; 6607 -webkit-box-direction: reverse;
6608 -ms-flex-direction: column-reverse; 6608 -ms-flex-direction: column-reverse;
6609 flex-direction: column-reverse; 6609 flex-direction: column-reverse;
6610 -webkit-box-align: center; 6610 -webkit-box-align: center;
6611 -ms-flex-align: center; 6611 -ms-flex-align: center;
6612 align-items: center; 6612 align-items: center;
6613 gap: 20px; 6613 gap: 20px;
6614 } 6614 }
6615 .messages__body { 6615 .messages__body {
6616 display: -webkit-box; 6616 display: -webkit-box;
6617 display: -ms-flexbox; 6617 display: -ms-flexbox;
6618 display: flex; 6618 display: flex;
6619 -webkit-box-orient: vertical; 6619 -webkit-box-orient: vertical;
6620 -webkit-box-direction: normal; 6620 -webkit-box-direction: normal;
6621 -ms-flex-direction: column; 6621 -ms-flex-direction: column;
6622 flex-direction: column; 6622 flex-direction: column;
6623 gap: 10px; 6623 gap: 10px;
6624 width: 100%; 6624 width: 100%;
6625 } 6625 }
6626 @media (min-width: 768px) { 6626 @media (min-width: 768px) {
6627 .messages__body { 6627 .messages__body {
6628 gap: 20px; 6628 gap: 20px;
6629 } 6629 }
6630 } 6630 }
6631 .messages__item { 6631 .messages__item {
6632 display: none; 6632 display: none;
6633 -webkit-box-align: center; 6633 -webkit-box-align: center;
6634 -ms-flex-align: center; 6634 -ms-flex-align: center;
6635 align-items: center; 6635 align-items: center;
6636 border-radius: 8px; 6636 border-radius: 8px;
6637 border: 1px solid #e7e7e7; 6637 border: 1px solid #e7e7e7;
6638 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 6638 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
6639 padding: 10px; 6639 padding: 10px;
6640 font-size: 12px; 6640 font-size: 12px;
6641 } 6641 }
6642 @media (min-width: 768px) { 6642 @media (min-width: 768px) {
6643 .messages__item { 6643 .messages__item {
6644 padding: 20px; 6644 padding: 20px;
6645 font-size: 16px; 6645 font-size: 16px;
6646 } 6646 }
6647 } 6647 }
6648 .messages__item:nth-of-type(1), .messages__item:nth-of-type(2), .messages__item:nth-of-type(3), .messages__item:nth-of-type(4), .messages__item:nth-of-type(5), .messages__item:nth-of-type(6) { 6648 .messages__item:nth-of-type(1), .messages__item:nth-of-type(2), .messages__item:nth-of-type(3), .messages__item:nth-of-type(4), .messages__item:nth-of-type(5), .messages__item:nth-of-type(6) {
6649 display: -webkit-box; 6649 display: -webkit-box;
6650 display: -ms-flexbox; 6650 display: -ms-flexbox;
6651 display: flex; 6651 display: flex;
6652 } 6652 }
6653 .messages__item-info { 6653 .messages__item-info {
6654 display: -webkit-box; 6654 display: -webkit-box;
6655 display: -ms-flexbox; 6655 display: -ms-flexbox;
6656 display: flex; 6656 display: flex;
6657 -webkit-box-align: center; 6657 -webkit-box-align: center;
6658 -ms-flex-align: center; 6658 -ms-flex-align: center;
6659 align-items: center; 6659 align-items: center;
6660 width: calc(100% - 90px); 6660 width: calc(100% - 90px);
6661 } 6661 }
6662 @media (min-width: 768px) { 6662 @media (min-width: 768px) {
6663 .messages__item-info { 6663 .messages__item-info {
6664 width: calc(100% - 150px); 6664 width: calc(100% - 150px);
6665 } 6665 }
6666 } 6666 }
6667 .messages__item-photo { 6667 .messages__item-photo {
6668 position: relative; 6668 position: relative;
6669 aspect-ratio: 1/1; 6669 aspect-ratio: 1/1;
6670 overflow: hidden; 6670 overflow: hidden;
6671 background: #9c9d9d; 6671 background: #9c9d9d;
6672 color: #ffffff; 6672 color: #ffffff;
6673 width: 36px; 6673 width: 36px;
6674 border-radius: 6px; 6674 border-radius: 6px;
6675 display: -webkit-box; 6675 display: -webkit-box;
6676 display: -ms-flexbox; 6676 display: -ms-flexbox;
6677 display: flex; 6677 display: flex;
6678 -webkit-box-pack: center; 6678 -webkit-box-pack: center;
6679 -ms-flex-pack: center; 6679 -ms-flex-pack: center;
6680 justify-content: center; 6680 justify-content: center;
6681 -webkit-box-align: center; 6681 -webkit-box-align: center;
6682 -ms-flex-align: center; 6682 -ms-flex-align: center;
6683 align-items: center; 6683 align-items: center;
6684 } 6684 }
6685 @media (min-width: 768px) { 6685 @media (min-width: 768px) {
6686 .messages__item-photo { 6686 .messages__item-photo {
6687 width: 52px; 6687 width: 52px;
6688 } 6688 }
6689 } 6689 }
6690 .messages__item-photo svg { 6690 .messages__item-photo svg {
6691 width: 50%; 6691 width: 50%;
6692 position: relative; 6692 position: relative;
6693 z-index: 1; 6693 z-index: 1;
6694 } 6694 }
6695 .messages__item-photo img { 6695 .messages__item-photo img {
6696 position: absolute; 6696 position: absolute;
6697 z-index: 2; 6697 z-index: 2;
6698 top: 0; 6698 top: 0;
6699 left: 0; 6699 left: 0;
6700 width: 100%; 6700 width: 100%;
6701 height: 100%; 6701 height: 100%;
6702 -o-object-fit: cover; 6702 -o-object-fit: cover;
6703 object-fit: cover; 6703 object-fit: cover;
6704 } 6704 }
6705 .messages__item-text { 6705 .messages__item-text {
6706 width: calc(100% - 36px); 6706 width: calc(100% - 36px);
6707 padding-left: 6px; 6707 padding-left: 6px;
6708 color: #3a3b3c; 6708 color: #3a3b3c;
6709 display: -webkit-box; 6709 display: -webkit-box;
6710 display: -ms-flexbox; 6710 display: -ms-flexbox;
6711 display: flex; 6711 display: flex;
6712 -webkit-box-orient: vertical; 6712 -webkit-box-orient: vertical;
6713 -webkit-box-direction: normal; 6713 -webkit-box-direction: normal;
6714 -ms-flex-direction: column; 6714 -ms-flex-direction: column;
6715 flex-direction: column; 6715 flex-direction: column;
6716 gap: 4px; 6716 gap: 4px;
6717 } 6717 }
6718 @media (min-width: 768px) { 6718 @media (min-width: 768px) {
6719 .messages__item-text { 6719 .messages__item-text {
6720 padding-left: 20px; 6720 padding-left: 20px;
6721 width: calc(100% - 52px); 6721 width: calc(100% - 52px);
6722 gap: 8px; 6722 gap: 8px;
6723 } 6723 }
6724 } 6724 }
6725 .messages__item-text span { 6725 .messages__item-text span {
6726 color: #3a3b3c; 6726 color: #3a3b3c;
6727 } 6727 }
6728 .messages__item-date { 6728 .messages__item-date {
6729 color: #3a3b3c; 6729 color: #3a3b3c;
6730 width: 90px; 6730 width: 90px;
6731 text-align: right; 6731 text-align: right;
6732 } 6732 }
6733 @media (min-width: 768px) { 6733 @media (min-width: 768px) {
6734 .messages__item-date { 6734 .messages__item-date {
6735 width: 150px; 6735 width: 150px;
6736 } 6736 }
6737 } 6737 }
6738 .messages.active .messages__item { 6738 .messages.active .messages__item {
6739 display: -webkit-box; 6739 display: -webkit-box;
6740 display: -ms-flexbox; 6740 display: -ms-flexbox;
6741 display: flex; 6741 display: flex;
6742 } 6742 }
6743 6743
6744 .responses { 6744 .responses {
6745 display: -webkit-box; 6745 display: -webkit-box;
6746 display: -ms-flexbox; 6746 display: -ms-flexbox;
6747 display: flex; 6747 display: flex;
6748 -webkit-box-orient: vertical; 6748 -webkit-box-orient: vertical;
6749 -webkit-box-direction: reverse; 6749 -webkit-box-direction: reverse;
6750 -ms-flex-direction: column-reverse; 6750 -ms-flex-direction: column-reverse;
6751 flex-direction: column-reverse; 6751 flex-direction: column-reverse;
6752 -webkit-box-align: center; 6752 -webkit-box-align: center;
6753 -ms-flex-align: center; 6753 -ms-flex-align: center;
6754 align-items: center; 6754 align-items: center;
6755 gap: 20px; 6755 gap: 20px;
6756 } 6756 }
6757 .responses__body { 6757 .responses__body {
6758 width: 100%; 6758 width: 100%;
6759 display: -webkit-box; 6759 display: -webkit-box;
6760 display: -ms-flexbox; 6760 display: -ms-flexbox;
6761 display: flex; 6761 display: flex;
6762 -webkit-box-orient: vertical; 6762 -webkit-box-orient: vertical;
6763 -webkit-box-direction: normal; 6763 -webkit-box-direction: normal;
6764 -ms-flex-direction: column; 6764 -ms-flex-direction: column;
6765 flex-direction: column; 6765 flex-direction: column;
6766 gap: 20px; 6766 gap: 20px;
6767 } 6767 }
6768 .responses__item { 6768 .responses__item {
6769 display: none; 6769 display: none;
6770 -webkit-box-orient: vertical; 6770 -webkit-box-orient: vertical;
6771 -webkit-box-direction: normal; 6771 -webkit-box-direction: normal;
6772 -ms-flex-direction: column; 6772 -ms-flex-direction: column;
6773 flex-direction: column; 6773 flex-direction: column;
6774 gap: 20px; 6774 gap: 20px;
6775 border-radius: 8px; 6775 border-radius: 8px;
6776 border: 1px solid #e7e7e7; 6776 border: 1px solid #e7e7e7;
6777 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 6777 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
6778 padding: 20px 10px; 6778 padding: 20px 10px;
6779 font-size: 12px; 6779 font-size: 12px;
6780 position: relative; 6780 position: relative;
6781 } 6781 }
6782 @media (min-width: 768px) { 6782 @media (min-width: 768px) {
6783 .responses__item { 6783 .responses__item {
6784 padding: 20px; 6784 padding: 20px;
6785 font-size: 16px; 6785 font-size: 16px;
6786 } 6786 }
6787 } 6787 }
6788 .responses__item:nth-of-type(1), .responses__item:nth-of-type(2), .responses__item:nth-of-type(3), .responses__item:nth-of-type(4), .responses__item:nth-of-type(5), .responses__item:nth-of-type(6) { 6788 .responses__item:nth-of-type(1), .responses__item:nth-of-type(2), .responses__item:nth-of-type(3), .responses__item:nth-of-type(4), .responses__item:nth-of-type(5), .responses__item:nth-of-type(6) {
6789 display: -webkit-box; 6789 display: -webkit-box;
6790 display: -ms-flexbox; 6790 display: -ms-flexbox;
6791 display: flex; 6791 display: flex;
6792 } 6792 }
6793 .responses__item-date { 6793 .responses__item-date {
6794 color: #3a3b3c; 6794 color: #3a3b3c;
6795 } 6795 }
6796 @media (min-width: 992px) { 6796 @media (min-width: 992px) {
6797 .responses__item-date { 6797 .responses__item-date {
6798 position: absolute; 6798 position: absolute;
6799 top: 20px; 6799 top: 20px;
6800 right: 20px; 6800 right: 20px;
6801 } 6801 }
6802 } 6802 }
6803 .responses__item-wrapper { 6803 .responses__item-wrapper {
6804 display: -webkit-box; 6804 display: -webkit-box;
6805 display: -ms-flexbox; 6805 display: -ms-flexbox;
6806 display: flex; 6806 display: flex;
6807 -webkit-box-orient: vertical; 6807 -webkit-box-orient: vertical;
6808 -webkit-box-direction: normal; 6808 -webkit-box-direction: normal;
6809 -ms-flex-direction: column; 6809 -ms-flex-direction: column;
6810 flex-direction: column; 6810 flex-direction: column;
6811 gap: 20px; 6811 gap: 20px;
6812 } 6812 }
6813 .responses__item-inner { 6813 .responses__item-inner {
6814 display: -webkit-box; 6814 display: -webkit-box;
6815 display: -ms-flexbox; 6815 display: -ms-flexbox;
6816 display: flex; 6816 display: flex;
6817 -webkit-box-orient: vertical; 6817 -webkit-box-orient: vertical;
6818 -webkit-box-direction: normal; 6818 -webkit-box-direction: normal;
6819 -ms-flex-direction: column; 6819 -ms-flex-direction: column;
6820 flex-direction: column; 6820 flex-direction: column;
6821 gap: 10px; 6821 gap: 10px;
6822 } 6822 }
6823 @media (min-width: 768px) { 6823 @media (min-width: 768px) {
6824 .responses__item-inner { 6824 .responses__item-inner {
6825 gap: 20px; 6825 gap: 20px;
6826 } 6826 }
6827 } 6827 }
6828 @media (min-width: 1280px) { 6828 @media (min-width: 1280px) {
6829 .responses__item-inner { 6829 .responses__item-inner {
6830 width: calc(100% - 150px); 6830 width: calc(100% - 150px);
6831 } 6831 }
6832 } 6832 }
6833 .responses__item-row { 6833 .responses__item-row {
6834 display: grid; 6834 display: grid;
6835 grid-template-columns: 1fr 1fr; 6835 grid-template-columns: 1fr 1fr;
6836 gap: 20px; 6836 gap: 20px;
6837 color: #3a3b3c; 6837 color: #3a3b3c;
6838 text-align: right; 6838 text-align: right;
6839 } 6839 }
6840 @media (min-width: 992px) { 6840 @media (min-width: 992px) {
6841 .responses__item-row { 6841 .responses__item-row {
6842 display: -webkit-box; 6842 display: -webkit-box;
6843 display: -ms-flexbox; 6843 display: -ms-flexbox;
6844 display: flex; 6844 display: flex;
6845 -webkit-box-orient: vertical; 6845 -webkit-box-orient: vertical;
6846 -webkit-box-direction: normal; 6846 -webkit-box-direction: normal;
6847 -ms-flex-direction: column; 6847 -ms-flex-direction: column;
6848 flex-direction: column; 6848 flex-direction: column;
6849 gap: 6px; 6849 gap: 6px;
6850 text-align: left; 6850 text-align: left;
6851 } 6851 }
6852 } 6852 }
6853 .responses__item-row span { 6853 .responses__item-row span {
6854 color: #3a3b3c; 6854 color: #3a3b3c;
6855 text-align: left; 6855 text-align: left;
6856 } 6856 }
6857 .responses__item-buttons { 6857 .responses__item-buttons {
6858 display: -webkit-box; 6858 display: -webkit-box;
6859 display: -ms-flexbox; 6859 display: -ms-flexbox;
6860 display: flex; 6860 display: flex;
6861 -webkit-box-orient: vertical; 6861 -webkit-box-orient: vertical;
6862 -webkit-box-direction: normal; 6862 -webkit-box-direction: normal;
6863 -ms-flex-direction: column; 6863 -ms-flex-direction: column;
6864 flex-direction: column; 6864 flex-direction: column;
6865 gap: 10px; 6865 gap: 10px;
6866 } 6866 }
6867 @media (min-width: 768px) { 6867 @media (min-width: 768px) {
6868 .responses__item-buttons { 6868 .responses__item-buttons {
6869 display: grid; 6869 display: grid;
6870 grid-template-columns: 1fr 1fr; 6870 grid-template-columns: 1fr 1fr;
6871 } 6871 }
6872 } 6872 }
6873 @media (min-width: 1280px) { 6873 @media (min-width: 1280px) {
6874 .responses__item-buttons { 6874 .responses__item-buttons {
6875 grid-template-columns: 1fr 1fr 1fr 1fr; 6875 grid-template-columns: 1fr 1fr 1fr 1fr;
6876 } 6876 }
6877 } 6877 }
6878 .responses__item-buttons .button.active { 6878 .responses__item-buttons .button.active {
6879 background: #377d87; 6879 background: #377d87;
6880 color: #ffffff; 6880 color: #ffffff;
6881 } 6881 }
6882 .responses.active .responses__item { 6882 .responses.active .responses__item {
6883 display: -webkit-box; 6883 display: -webkit-box;
6884 display: -ms-flexbox; 6884 display: -ms-flexbox;
6885 display: flex; 6885 display: flex;
6886 } 6886 }
6887 6887
6888 .chatbox { 6888 .chatbox {
6889 display: -webkit-box; 6889 display: -webkit-box;
6890 display: -ms-flexbox; 6890 display: -ms-flexbox;
6891 display: flex; 6891 display: flex;
6892 -webkit-box-orient: vertical; 6892 -webkit-box-orient: vertical;
6893 -webkit-box-direction: normal; 6893 -webkit-box-direction: normal;
6894 -ms-flex-direction: column; 6894 -ms-flex-direction: column;
6895 flex-direction: column; 6895 flex-direction: column;
6896 gap: 20px; 6896 gap: 20px;
6897 } 6897 }
6898 @media (min-width: 768px) { 6898 @media (min-width: 768px) {
6899 .chatbox { 6899 .chatbox {
6900 gap: 30px; 6900 gap: 30px;
6901 } 6901 }
6902 } 6902 }
6903 @media (min-width: 1280px) { 6903 @media (min-width: 1280px) {
6904 .chatbox { 6904 .chatbox {
6905 gap: 40px; 6905 gap: 40px;
6906 } 6906 }
6907 } 6907 }
6908 .chatbox__toper { 6908 .chatbox__toper {
6909 display: -webkit-box; 6909 display: -webkit-box;
6910 display: -ms-flexbox; 6910 display: -ms-flexbox;
6911 display: flex; 6911 display: flex;
6912 -webkit-box-orient: vertical; 6912 -webkit-box-orient: vertical;
6913 -webkit-box-direction: normal; 6913 -webkit-box-direction: normal;
6914 -ms-flex-direction: column; 6914 -ms-flex-direction: column;
6915 flex-direction: column; 6915 flex-direction: column;
6916 gap: 10px; 6916 gap: 10px;
6917 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 6917 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
6918 border: 1px solid #e7e7e7; 6918 border: 1px solid #e7e7e7;
6919 border-radius: 8px; 6919 border-radius: 8px;
6920 padding: 10px; 6920 padding: 10px;
6921 } 6921 }
6922 @media (min-width: 768px) { 6922 @media (min-width: 768px) {
6923 .chatbox__toper { 6923 .chatbox__toper {
6924 padding: 20px; 6924 padding: 20px;
6925 -webkit-box-orient: horizontal; 6925 -webkit-box-orient: horizontal;
6926 -webkit-box-direction: normal; 6926 -webkit-box-direction: normal;
6927 -ms-flex-direction: row; 6927 -ms-flex-direction: row;
6928 flex-direction: row; 6928 flex-direction: row;
6929 -webkit-box-align: center; 6929 -webkit-box-align: center;
6930 -ms-flex-align: center; 6930 -ms-flex-align: center;
6931 align-items: center; 6931 align-items: center;
6932 -webkit-box-pack: justify; 6932 -webkit-box-pack: justify;
6933 -ms-flex-pack: justify; 6933 -ms-flex-pack: justify;
6934 justify-content: space-between; 6934 justify-content: space-between;
6935 } 6935 }
6936 } 6936 }
6937 .chatbox__toper-info { 6937 .chatbox__toper-info {
6938 font-size: 12px; 6938 font-size: 12px;
6939 } 6939 }
6940 @media (min-width: 768px) { 6940 @media (min-width: 768px) {
6941 .chatbox__toper-info { 6941 .chatbox__toper-info {
6942 font-size: 16px; 6942 font-size: 16px;
6943 width: calc(100% - 230px); 6943 width: calc(100% - 230px);
6944 } 6944 }
6945 } 6945 }
6946 @media (min-width: 768px) { 6946 @media (min-width: 768px) {
6947 .chatbox__toper-button { 6947 .chatbox__toper-button {
6948 width: 210px; 6948 width: 210px;
6949 padding: 0; 6949 padding: 0;
6950 } 6950 }
6951 } 6951 }
6952 .chatbox__list { 6952 .chatbox__list {
6953 display: -webkit-box; 6953 display: -webkit-box;
6954 display: -ms-flexbox; 6954 display: -ms-flexbox;
6955 display: flex; 6955 display: flex;
6956 -webkit-box-orient: vertical; 6956 -webkit-box-orient: vertical;
6957 -webkit-box-direction: normal; 6957 -webkit-box-direction: normal;
6958 -ms-flex-direction: column; 6958 -ms-flex-direction: column;
6959 flex-direction: column; 6959 flex-direction: column;
6960 gap: 10px; 6960 gap: 10px;
6961 } 6961 }
6962 @media (min-width: 768px) { 6962 @media (min-width: 768px) {
6963 .chatbox__list { 6963 .chatbox__list {
6964 gap: 20px; 6964 gap: 20px;
6965 } 6965 }
6966 } 6966 }
6967 @media (min-width: 1280px) { 6967 @media (min-width: 1280px) {
6968 .chatbox__list { 6968 .chatbox__list {
6969 gap: 40px; 6969 gap: 40px;
6970 } 6970 }
6971 } 6971 }
6972 .chatbox__item { 6972 .chatbox__item {
6973 display: -webkit-box; 6973 display: -webkit-box;
6974 display: -ms-flexbox; 6974 display: -ms-flexbox;
6975 display: flex; 6975 display: flex;
6976 -webkit-box-align: start; 6976 -webkit-box-align: start;
6977 -ms-flex-align: start; 6977 -ms-flex-align: start;
6978 align-items: flex-start; 6978 align-items: flex-start;
6979 -webkit-box-pack: justify; 6979 -webkit-box-pack: justify;
6980 -ms-flex-pack: justify; 6980 -ms-flex-pack: justify;
6981 justify-content: space-between; 6981 justify-content: space-between;
6982 -ms-flex-wrap: wrap; 6982 -ms-flex-wrap: wrap;
6983 flex-wrap: wrap; 6983 flex-wrap: wrap;
6984 color: #3a3b3c; 6984 color: #3a3b3c;
6985 font-size: 12px; 6985 font-size: 12px;
6986 } 6986 }
6987 @media (min-width: 768px) { 6987 @media (min-width: 768px) {
6988 .chatbox__item { 6988 .chatbox__item {
6989 font-size: 16px; 6989 font-size: 16px;
6990 } 6990 }
6991 } 6991 }
6992 .chatbox__item_reverse { 6992 .chatbox__item_reverse {
6993 -webkit-box-orient: horizontal; 6993 -webkit-box-orient: horizontal;
6994 -webkit-box-direction: reverse; 6994 -webkit-box-direction: reverse;
6995 -ms-flex-direction: row-reverse; 6995 -ms-flex-direction: row-reverse;
6996 flex-direction: row-reverse; 6996 flex-direction: row-reverse;
6997 } 6997 }
6998 .chatbox__item-photo { 6998 .chatbox__item-photo {
6999 position: relative; 6999 position: relative;
7000 aspect-ratio: 1/1; 7000 aspect-ratio: 1/1;
7001 overflow: hidden; 7001 overflow: hidden;
7002 background: #9c9d9d; 7002 background: #9c9d9d;
7003 color: #ffffff; 7003 color: #ffffff;
7004 width: 44px; 7004 width: 44px;
7005 border-radius: 6px; 7005 border-radius: 6px;
7006 display: -webkit-box; 7006 display: -webkit-box;
7007 display: -ms-flexbox; 7007 display: -ms-flexbox;
7008 display: flex; 7008 display: flex;
7009 -webkit-box-pack: center; 7009 -webkit-box-pack: center;
7010 -ms-flex-pack: center; 7010 -ms-flex-pack: center;
7011 justify-content: center; 7011 justify-content: center;
7012 -webkit-box-align: center; 7012 -webkit-box-align: center;
7013 -ms-flex-align: center; 7013 -ms-flex-align: center;
7014 align-items: center; 7014 align-items: center;
7015 } 7015 }
7016 .chatbox__item-photo svg { 7016 .chatbox__item-photo svg {
7017 width: 50%; 7017 width: 50%;
7018 position: relative; 7018 position: relative;
7019 z-index: 1; 7019 z-index: 1;
7020 } 7020 }
7021 .chatbox__item-photo img { 7021 .chatbox__item-photo img {
7022 position: absolute; 7022 position: absolute;
7023 z-index: 2; 7023 z-index: 2;
7024 top: 0; 7024 top: 0;
7025 left: 0; 7025 left: 0;
7026 width: 100%; 7026 width: 100%;
7027 height: 100%; 7027 height: 100%;
7028 -o-object-fit: cover; 7028 -o-object-fit: cover;
7029 object-fit: cover; 7029 object-fit: cover;
7030 } 7030 }
7031 .chatbox__item-body { 7031 .chatbox__item-body {
7032 width: calc(100% - 54px); 7032 width: calc(100% - 54px);
7033 display: -webkit-box; 7033 display: -webkit-box;
7034 display: -ms-flexbox; 7034 display: -ms-flexbox;
7035 display: flex; 7035 display: flex;
7036 -webkit-box-orient: vertical; 7036 -webkit-box-orient: vertical;
7037 -webkit-box-direction: normal; 7037 -webkit-box-direction: normal;
7038 -ms-flex-direction: column; 7038 -ms-flex-direction: column;
7039 flex-direction: column; 7039 flex-direction: column;
7040 -webkit-box-align: start; 7040 -webkit-box-align: start;
7041 -ms-flex-align: start; 7041 -ms-flex-align: start;
7042 align-items: flex-start; 7042 align-items: flex-start;
7043 } 7043 }
7044 @media (min-width: 768px) { 7044 @media (min-width: 768px) {
7045 .chatbox__item-body { 7045 .chatbox__item-body {
7046 width: calc(100% - 60px); 7046 width: calc(100% - 60px);
7047 } 7047 }
7048 } 7048 }
7049 .chatbox__item_reverse .chatbox__item-body { 7049 .chatbox__item_reverse .chatbox__item-body {
7050 -webkit-box-align: end; 7050 -webkit-box-align: end;
7051 -ms-flex-align: end; 7051 -ms-flex-align: end;
7052 align-items: flex-end; 7052 align-items: flex-end;
7053 } 7053 }
7054 .chatbox__item-text { 7054 .chatbox__item-text {
7055 border-radius: 8px; 7055 border-radius: 8px;
7056 background: #ffffff; 7056 background: #ffffff;
7057 -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2); 7057 -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
7058 box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2); 7058 box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
7059 padding: 10px; 7059 padding: 10px;
7060 line-height: 1.6; 7060 line-height: 1.6;
7061 } 7061 }
7062 .chatbox__item-time { 7062 .chatbox__item-time {
7063 width: 100%; 7063 width: 100%;
7064 padding-left: 54px; 7064 padding-left: 54px;
7065 margin-top: 10px; 7065 margin-top: 10px;
7066 color: #9c9d9d; 7066 color: #9c9d9d;
7067 } 7067 }
7068 .chatbox__item_reverse .chatbox__item-time { 7068 .chatbox__item_reverse .chatbox__item-time {
7069 text-align: right; 7069 text-align: right;
7070 } 7070 }
7071 .chatbox__bottom { 7071 .chatbox__bottom {
7072 background: #4d88d9; 7072 background: #4d88d9;
7073 padding: 10px; 7073 padding: 10px;
7074 border-radius: 8px; 7074 border-radius: 8px;
7075 display: -webkit-box; 7075 display: -webkit-box;
7076 display: -ms-flexbox; 7076 display: -ms-flexbox;
7077 display: flex; 7077 display: flex;
7078 -webkit-box-align: center; 7078 -webkit-box-align: center;
7079 -ms-flex-align: center; 7079 -ms-flex-align: center;
7080 align-items: center; 7080 align-items: center;
7081 -webkit-box-pack: justify; 7081 -webkit-box-pack: justify;
7082 -ms-flex-pack: justify; 7082 -ms-flex-pack: justify;
7083 justify-content: space-between; 7083 justify-content: space-between;
7084 } 7084 }
7085 @media (min-width: 768px) { 7085 @media (min-width: 768px) {
7086 .chatbox__bottom { 7086 .chatbox__bottom {
7087 padding: 16px 20px; 7087 padding: 16px 20px;
7088 } 7088 }
7089 } 7089 }
7090 .chatbox__bottom-file { 7090 .chatbox__bottom-file {
7091 width: 20px; 7091 width: 20px;
7092 aspect-ratio: 1/1; 7092 aspect-ratio: 1/1;
7093 display: -webkit-box; 7093 display: -webkit-box;
7094 display: -ms-flexbox; 7094 display: -ms-flexbox;
7095 display: flex; 7095 display: flex;
7096 -webkit-box-pack: center; 7096 -webkit-box-pack: center;
7097 -ms-flex-pack: center; 7097 -ms-flex-pack: center;
7098 justify-content: center; 7098 justify-content: center;
7099 -webkit-box-align: center; 7099 -webkit-box-align: center;
7100 -ms-flex-align: center; 7100 -ms-flex-align: center;
7101 align-items: center; 7101 align-items: center;
7102 background: #ffffff; 7102 background: #ffffff;
7103 color: #4d88d9; 7103 color: #4d88d9;
7104 border-radius: 8px; 7104 border-radius: 8px;
7105 } 7105 }
7106 @media (min-width: 768px) { 7106 @media (min-width: 768px) {
7107 .chatbox__bottom-file { 7107 .chatbox__bottom-file {
7108 width: 48px; 7108 width: 48px;
7109 } 7109 }
7110 } 7110 }
7111 .chatbox__bottom-file:hover { 7111 .chatbox__bottom-file:hover {
7112 color: #377d87; 7112 color: #377d87;
7113 } 7113 }
7114 .chatbox__bottom-file input { 7114 .chatbox__bottom-file input {
7115 display: none; 7115 display: none;
7116 } 7116 }
7117 .chatbox__bottom-file svg { 7117 .chatbox__bottom-file svg {
7118 width: 50%; 7118 width: 50%;
7119 aspect-ratio: 1/1; 7119 aspect-ratio: 1/1;
7120 } 7120 }
7121 @media (min-width: 768px) { 7121 @media (min-width: 768px) {
7122 .chatbox__bottom-file svg { 7122 .chatbox__bottom-file svg {
7123 width: 40%; 7123 width: 40%;
7124 } 7124 }
7125 } 7125 }
7126 .chatbox__bottom-text { 7126 .chatbox__bottom-text {
7127 width: calc(100% - 60px); 7127 width: calc(100% - 60px);
7128 height: 20px; 7128 height: 20px;
7129 border-color: #ffffff; 7129 border-color: #ffffff;
7130 } 7130 }
7131 @media (min-width: 768px) { 7131 @media (min-width: 768px) {
7132 .chatbox__bottom-text { 7132 .chatbox__bottom-text {
7133 width: calc(100% - 128px); 7133 width: calc(100% - 128px);
7134 height: 48px; 7134 height: 48px;
7135 } 7135 }
7136 } 7136 }
7137 .chatbox__bottom-text:focus { 7137 .chatbox__bottom-text:focus {
7138 border-color: #ffffff; 7138 border-color: #ffffff;
7139 } 7139 }
7140 .chatbox__bottom-send { 7140 .chatbox__bottom-send {
7141 width: 20px; 7141 width: 20px;
7142 aspect-ratio: 1/1; 7142 aspect-ratio: 1/1;
7143 display: -webkit-box; 7143 display: -webkit-box;
7144 display: -ms-flexbox; 7144 display: -ms-flexbox;
7145 display: flex; 7145 display: flex;
7146 -webkit-box-pack: center; 7146 -webkit-box-pack: center;
7147 -ms-flex-pack: center; 7147 -ms-flex-pack: center;
7148 justify-content: center; 7148 justify-content: center;
7149 -webkit-box-align: center; 7149 -webkit-box-align: center;
7150 -ms-flex-align: center; 7150 -ms-flex-align: center;
7151 align-items: center; 7151 align-items: center;
7152 padding: 0; 7152 padding: 0;
7153 background: #ffffff; 7153 background: #ffffff;
7154 border: none; 7154 border: none;
7155 color: #4d88d9; 7155 color: #4d88d9;
7156 border-radius: 999px; 7156 border-radius: 999px;
7157 } 7157 }
7158 @media (min-width: 768px) { 7158 @media (min-width: 768px) {
7159 .chatbox__bottom-send { 7159 .chatbox__bottom-send {
7160 width: 48px; 7160 width: 48px;
7161 } 7161 }
7162 } 7162 }
7163 .chatbox__bottom-send:hover { 7163 .chatbox__bottom-send:hover {
7164 color: #377d87; 7164 color: #377d87;
7165 } 7165 }
7166 .chatbox__bottom-send svg { 7166 .chatbox__bottom-send svg {
7167 width: 50%; 7167 width: 50%;
7168 aspect-ratio: 1/1; 7168 aspect-ratio: 1/1;
7169 position: relative; 7169 position: relative;
7170 left: 1px; 7170 left: 1px;
7171 } 7171 }
7172 @media (min-width: 768px) { 7172 @media (min-width: 768px) {
7173 .chatbox__bottom-send svg { 7173 .chatbox__bottom-send svg {
7174 width: 40%; 7174 width: 40%;
7175 left: 2px; 7175 left: 2px;
7176 } 7176 }
7177 } 7177 }
7178 7178
7179 .cvs { 7179 .cvs {
7180 display: -webkit-box; 7180 display: -webkit-box;
7181 display: -ms-flexbox; 7181 display: -ms-flexbox;
7182 display: flex; 7182 display: flex;
7183 -webkit-box-orient: vertical; 7183 -webkit-box-orient: vertical;
7184 -webkit-box-direction: reverse; 7184 -webkit-box-direction: reverse;
7185 -ms-flex-direction: column-reverse; 7185 -ms-flex-direction: column-reverse;
7186 flex-direction: column-reverse; 7186 flex-direction: column-reverse;
7187 -webkit-box-align: center; 7187 -webkit-box-align: center;
7188 -ms-flex-align: center; 7188 -ms-flex-align: center;
7189 align-items: center; 7189 align-items: center;
7190 gap: 20px; 7190 gap: 20px;
7191 } 7191 }
7192 .cvs__body { 7192 .cvs__body {
7193 display: -webkit-box; 7193 display: -webkit-box;
7194 display: -ms-flexbox; 7194 display: -ms-flexbox;
7195 display: flex; 7195 display: flex;
7196 -webkit-box-orient: vertical; 7196 -webkit-box-orient: vertical;
7197 -webkit-box-direction: normal; 7197 -webkit-box-direction: normal;
7198 -ms-flex-direction: column; 7198 -ms-flex-direction: column;
7199 flex-direction: column; 7199 flex-direction: column;
7200 gap: 20px; 7200 gap: 20px;
7201 width: 100%; 7201 width: 100%;
7202 } 7202 }
7203 @media (min-width: 768px) { 7203 @media (min-width: 768px) {
7204 .cvs__body { 7204 .cvs__body {
7205 gap: 30px; 7205 gap: 30px;
7206 } 7206 }
7207 } 7207 }
7208 .cvs__item { 7208 .cvs__item {
7209 display: none; 7209 display: none;
7210 -webkit-box-orient: vertical; 7210 -webkit-box-orient: vertical;
7211 -webkit-box-direction: normal; 7211 -webkit-box-direction: normal;
7212 -ms-flex-direction: column; 7212 -ms-flex-direction: column;
7213 flex-direction: column; 7213 flex-direction: column;
7214 gap: 10px; 7214 gap: 10px;
7215 border-radius: 8px; 7215 border-radius: 8px;
7216 border: 1px solid #e7e7e7; 7216 border: 1px solid #e7e7e7;
7217 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 7217 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
7218 padding: 10px; 7218 padding: 10px;
7219 font-size: 12px; 7219 font-size: 12px;
7220 position: relative; 7220 position: relative;
7221 } 7221 }
7222 @media (min-width: 768px) { 7222 @media (min-width: 768px) {
7223 .cvs__item { 7223 .cvs__item {
7224 gap: 0; 7224 gap: 0;
7225 padding: 20px; 7225 padding: 20px;
7226 font-size: 16px; 7226 font-size: 16px;
7227 -webkit-box-orient: horizontal; 7227 -webkit-box-orient: horizontal;
7228 -webkit-box-direction: normal; 7228 -webkit-box-direction: normal;
7229 -ms-flex-direction: row; 7229 -ms-flex-direction: row;
7230 flex-direction: row; 7230 flex-direction: row;
7231 -webkit-box-align: start; 7231 -webkit-box-align: start;
7232 -ms-flex-align: start; 7232 -ms-flex-align: start;
7233 align-items: flex-start; 7233 align-items: flex-start;
7234 -ms-flex-wrap: wrap; 7234 -ms-flex-wrap: wrap;
7235 flex-wrap: wrap; 7235 flex-wrap: wrap;
7236 } 7236 }
7237 } 7237 }
7238 .cvs__item:nth-of-type(1), .cvs__item:nth-of-type(2), .cvs__item:nth-of-type(3), .cvs__item:nth-of-type(4), .cvs__item:nth-of-type(5), .cvs__item:nth-of-type(6) { 7238 .cvs__item:nth-of-type(1), .cvs__item:nth-of-type(2), .cvs__item:nth-of-type(3), .cvs__item:nth-of-type(4), .cvs__item:nth-of-type(5), .cvs__item:nth-of-type(6) {
7239 display: -webkit-box; 7239 display: -webkit-box;
7240 display: -ms-flexbox; 7240 display: -ms-flexbox;
7241 display: flex; 7241 display: flex;
7242 } 7242 }
7243 .cvs__item-like { 7243 .cvs__item-like {
7244 position: absolute; 7244 position: absolute;
7245 top: 10px; 7245 top: 10px;
7246 right: 10px; 7246 right: 10px;
7247 } 7247 }
7248 @media (min-width: 768px) { 7248 @media (min-width: 768px) {
7249 .cvs__item-like { 7249 .cvs__item-like {
7250 top: 20px; 7250 top: 20px;
7251 right: 20px; 7251 right: 20px;
7252 } 7252 }
7253 } 7253 }
7254 .cvs__item-photo { 7254 .cvs__item-photo {
7255 position: relative; 7255 position: relative;
7256 aspect-ratio: 1/1; 7256 aspect-ratio: 1/1;
7257 overflow: hidden; 7257 overflow: hidden;
7258 background: #9c9d9d; 7258 background: #9c9d9d;
7259 color: #ffffff; 7259 color: #ffffff;
7260 width: 36px; 7260 width: 36px;
7261 border-radius: 6px; 7261 border-radius: 6px;
7262 display: -webkit-box; 7262 display: -webkit-box;
7263 display: -ms-flexbox; 7263 display: -ms-flexbox;
7264 display: flex; 7264 display: flex;
7265 -webkit-box-pack: center; 7265 -webkit-box-pack: center;
7266 -ms-flex-pack: center; 7266 -ms-flex-pack: center;
7267 justify-content: center; 7267 justify-content: center;
7268 -webkit-box-align: center; 7268 -webkit-box-align: center;
7269 -ms-flex-align: center; 7269 -ms-flex-align: center;
7270 align-items: center; 7270 align-items: center;
7271 } 7271 }
7272 @media (min-width: 768px) { 7272 @media (min-width: 768px) {
7273 .cvs__item-photo { 7273 .cvs__item-photo {
7274 width: 68px; 7274 width: 68px;
7275 } 7275 }
7276 } 7276 }
7277 .cvs__item-photo svg { 7277 .cvs__item-photo svg {
7278 width: 50%; 7278 width: 50%;
7279 position: relative; 7279 position: relative;
7280 z-index: 1; 7280 z-index: 1;
7281 } 7281 }
7282 .cvs__item-photo img { 7282 .cvs__item-photo img {
7283 position: absolute; 7283 position: absolute;
7284 z-index: 2; 7284 z-index: 2;
7285 top: 0; 7285 top: 0;
7286 left: 0; 7286 left: 0;
7287 width: 100%; 7287 width: 100%;
7288 height: 100%; 7288 height: 100%;
7289 -o-object-fit: cover; 7289 -o-object-fit: cover;
7290 object-fit: cover; 7290 object-fit: cover;
7291 } 7291 }
7292 .cvs__item-text { 7292 .cvs__item-text {
7293 display: -webkit-box; 7293 display: -webkit-box;
7294 display: -ms-flexbox; 7294 display: -ms-flexbox;
7295 display: flex; 7295 display: flex;
7296 -webkit-box-orient: vertical; 7296 -webkit-box-orient: vertical;
7297 -webkit-box-direction: normal; 7297 -webkit-box-direction: normal;
7298 -ms-flex-direction: column; 7298 -ms-flex-direction: column;
7299 flex-direction: column; 7299 flex-direction: column;
7300 gap: 10px; 7300 gap: 10px;
7301 } 7301 }
7302 @media (min-width: 768px) { 7302 @media (min-width: 768px) {
7303 .cvs__item-text { 7303 .cvs__item-text {
7304 gap: 20px; 7304 gap: 20px;
7305 width: calc(100% - 68px); 7305 width: calc(100% - 68px);
7306 padding-left: 20px; 7306 padding-left: 20px;
7307 padding-right: 60px; 7307 padding-right: 60px;
7308 } 7308 }
7309 } 7309 }
7310 .cvs__item-text div { 7310 .cvs__item-text div {
7311 display: -webkit-box; 7311 display: -webkit-box;
7312 display: -ms-flexbox; 7312 display: -ms-flexbox;
7313 display: flex; 7313 display: flex;
7314 -webkit-box-align: center; 7314 -webkit-box-align: center;
7315 -ms-flex-align: center; 7315 -ms-flex-align: center;
7316 align-items: center; 7316 align-items: center;
7317 -webkit-box-pack: justify; 7317 -webkit-box-pack: justify;
7318 -ms-flex-pack: justify; 7318 -ms-flex-pack: justify;
7319 justify-content: space-between; 7319 justify-content: space-between;
7320 } 7320 }
7321 @media (min-width: 768px) { 7321 @media (min-width: 768px) {
7322 .cvs__item-text div { 7322 .cvs__item-text div {
7323 -webkit-box-orient: vertical; 7323 -webkit-box-orient: vertical;
7324 -webkit-box-direction: normal; 7324 -webkit-box-direction: normal;
7325 -ms-flex-direction: column; 7325 -ms-flex-direction: column;
7326 flex-direction: column; 7326 flex-direction: column;
7327 -webkit-box-pack: start; 7327 -webkit-box-pack: start;
7328 -ms-flex-pack: start; 7328 -ms-flex-pack: start;
7329 justify-content: flex-start; 7329 justify-content: flex-start;
7330 -webkit-box-align: start; 7330 -webkit-box-align: start;
7331 -ms-flex-align: start; 7331 -ms-flex-align: start;
7332 align-items: flex-start; 7332 align-items: flex-start;
7333 } 7333 }
7334 } 7334 }
7335 .cvs__item-text span, 7335 .cvs__item-text span,
7336 .cvs__item-text a { 7336 .cvs__item-text a {
7337 color: #3a3b3c; 7337 color: #3a3b3c;
7338 } 7338 }
7339 .cvs__item-button { 7339 .cvs__item-button {
7340 display: -webkit-box; 7340 display: -webkit-box;
7341 display: -ms-flexbox; 7341 display: -ms-flexbox;
7342 display: flex; 7342 display: flex;
7343 -webkit-box-orient: vertical; 7343 -webkit-box-orient: vertical;
7344 -webkit-box-direction: normal; 7344 -webkit-box-direction: normal;
7345 -ms-flex-direction: column; 7345 -ms-flex-direction: column;
7346 flex-direction: column; 7346 flex-direction: column;
7347 -webkit-box-align: center; 7347 -webkit-box-align: center;
7348 -ms-flex-align: center; 7348 -ms-flex-align: center;
7349 align-items: center; 7349 align-items: center;
7350 } 7350 }
7351 @media (min-width: 768px) { 7351 @media (min-width: 768px) {
7352 .cvs__item-button { 7352 .cvs__item-button {
7353 -webkit-box-align: end; 7353 -webkit-box-align: end;
7354 -ms-flex-align: end; 7354 -ms-flex-align: end;
7355 align-items: flex-end; 7355 align-items: flex-end;
7356 width: 100%; 7356 width: 100%;
7357 padding-top: 20px; 7357 padding-top: 20px;
7358 } 7358 }
7359 } 7359 }
7360 .cvs.active .cvs__item { 7360 .cvs.active .cvs__item {
7361 display: -webkit-box; 7361 display: -webkit-box;
7362 display: -ms-flexbox; 7362 display: -ms-flexbox;
7363 display: flex; 7363 display: flex;
7364 } 7364 }
7365 7365
7366 .faqs { 7366 .faqs {
7367 display: -webkit-box; 7367 display: -webkit-box;
7368 display: -ms-flexbox; 7368 display: -ms-flexbox;
7369 display: flex; 7369 display: flex;
7370 -webkit-box-orient: vertical; 7370 -webkit-box-orient: vertical;
7371 -webkit-box-direction: reverse; 7371 -webkit-box-direction: reverse;
7372 -ms-flex-direction: column-reverse; 7372 -ms-flex-direction: column-reverse;
7373 flex-direction: column-reverse; 7373 flex-direction: column-reverse;
7374 -webkit-box-align: center; 7374 -webkit-box-align: center;
7375 -ms-flex-align: center; 7375 -ms-flex-align: center;
7376 align-items: center; 7376 align-items: center;
7377 gap: 20px; 7377 gap: 20px;
7378 } 7378 }
7379 .faqs__body { 7379 .faqs__body {
7380 display: -webkit-box; 7380 display: -webkit-box;
7381 display: -ms-flexbox; 7381 display: -ms-flexbox;
7382 display: flex; 7382 display: flex;
7383 -webkit-box-orient: vertical; 7383 -webkit-box-orient: vertical;
7384 -webkit-box-direction: normal; 7384 -webkit-box-direction: normal;
7385 -ms-flex-direction: column; 7385 -ms-flex-direction: column;
7386 flex-direction: column; 7386 flex-direction: column;
7387 gap: 20px; 7387 gap: 20px;
7388 width: 100%; 7388 width: 100%;
7389 } 7389 }
7390 .faqs__item { 7390 .faqs__item {
7391 display: none; 7391 display: none;
7392 -webkit-box-orient: vertical; 7392 -webkit-box-orient: vertical;
7393 -webkit-box-direction: normal; 7393 -webkit-box-direction: normal;
7394 -ms-flex-direction: column; 7394 -ms-flex-direction: column;
7395 flex-direction: column; 7395 flex-direction: column;
7396 border-radius: 8px; 7396 border-radius: 8px;
7397 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 7397 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
7398 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 7398 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
7399 background: #ffffff; 7399 background: #ffffff;
7400 padding: 10px; 7400 padding: 10px;
7401 font-size: 12px; 7401 font-size: 12px;
7402 } 7402 }
7403 @media (min-width: 768px) { 7403 @media (min-width: 768px) {
7404 .faqs__item { 7404 .faqs__item {
7405 padding: 20px; 7405 padding: 20px;
7406 font-size: 16px; 7406 font-size: 16px;
7407 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 7407 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
7408 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 7408 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
7409 } 7409 }
7410 } 7410 }
7411 .faqs__item:nth-of-type(1), .faqs__item:nth-of-type(2), .faqs__item:nth-of-type(3), .faqs__item:nth-of-type(4), .faqs__item:nth-of-type(5), .faqs__item:nth-of-type(6) { 7411 .faqs__item:nth-of-type(1), .faqs__item:nth-of-type(2), .faqs__item:nth-of-type(3), .faqs__item:nth-of-type(4), .faqs__item:nth-of-type(5), .faqs__item:nth-of-type(6) {
7412 display: -webkit-box; 7412 display: -webkit-box;
7413 display: -ms-flexbox; 7413 display: -ms-flexbox;
7414 display: flex; 7414 display: flex;
7415 } 7415 }
7416 .faqs__item-button { 7416 .faqs__item-button {
7417 background: none; 7417 background: none;
7418 padding: 0; 7418 padding: 0;
7419 border: none; 7419 border: none;
7420 display: -webkit-box; 7420 display: -webkit-box;
7421 display: -ms-flexbox; 7421 display: -ms-flexbox;
7422 display: flex; 7422 display: flex;
7423 -webkit-box-align: center; 7423 -webkit-box-align: center;
7424 -ms-flex-align: center; 7424 -ms-flex-align: center;
7425 align-items: center; 7425 align-items: center;
7426 color: #3a3b3c; 7426 color: #3a3b3c;
7427 text-align: left; 7427 text-align: left;
7428 font-size: 14px; 7428 font-size: 14px;
7429 font-weight: 700; 7429 font-weight: 700;
7430 } 7430 }
7431 @media (min-width: 768px) { 7431 @media (min-width: 768px) {
7432 .faqs__item-button { 7432 .faqs__item-button {
7433 font-size: 20px; 7433 font-size: 20px;
7434 } 7434 }
7435 } 7435 }
7436 .faqs__item-button span { 7436 .faqs__item-button span {
7437 width: calc(100% - 16px); 7437 width: calc(100% - 16px);
7438 padding-right: 16px; 7438 padding-right: 16px;
7439 } 7439 }
7440 .faqs__item-button i { 7440 .faqs__item-button i {
7441 display: -webkit-box; 7441 display: -webkit-box;
7442 display: -ms-flexbox; 7442 display: -ms-flexbox;
7443 display: flex; 7443 display: flex;
7444 -webkit-box-pack: center; 7444 -webkit-box-pack: center;
7445 -ms-flex-pack: center; 7445 -ms-flex-pack: center;
7446 justify-content: center; 7446 justify-content: center;
7447 -webkit-box-align: center; 7447 -webkit-box-align: center;
7448 -ms-flex-align: center; 7448 -ms-flex-align: center;
7449 align-items: center; 7449 align-items: center;
7450 width: 16px; 7450 width: 16px;
7451 aspect-ratio: 1/1; 7451 aspect-ratio: 1/1;
7452 color: #377d87; 7452 color: #377d87;
7453 -webkit-transition: 0.3s; 7453 -webkit-transition: 0.3s;
7454 transition: 0.3s; 7454 transition: 0.3s;
7455 } 7455 }
7456 .faqs__item-button i svg { 7456 .faqs__item-button i svg {
7457 width: 16px; 7457 width: 16px;
7458 aspect-ratio: 1/1; 7458 aspect-ratio: 1/1;
7459 -webkit-transform: rotate(90deg); 7459 -webkit-transform: rotate(90deg);
7460 -ms-transform: rotate(90deg); 7460 -ms-transform: rotate(90deg);
7461 transform: rotate(90deg); 7461 transform: rotate(90deg);
7462 } 7462 }
7463 .faqs__item-button.active i { 7463 .faqs__item-button.active i {
7464 -webkit-transform: rotate(180deg); 7464 -webkit-transform: rotate(180deg);
7465 -ms-transform: rotate(180deg); 7465 -ms-transform: rotate(180deg);
7466 transform: rotate(180deg); 7466 transform: rotate(180deg);
7467 } 7467 }
7468 .faqs__item-body { 7468 .faqs__item-body {
7469 display: -webkit-box; 7469 display: -webkit-box;
7470 display: -ms-flexbox; 7470 display: -ms-flexbox;
7471 display: flex; 7471 display: flex;
7472 -webkit-box-orient: vertical; 7472 -webkit-box-orient: vertical;
7473 -webkit-box-direction: normal; 7473 -webkit-box-direction: normal;
7474 -ms-flex-direction: column; 7474 -ms-flex-direction: column;
7475 flex-direction: column; 7475 flex-direction: column;
7476 gap: 10px; 7476 gap: 10px;
7477 opacity: 0; 7477 opacity: 0;
7478 height: 0; 7478 height: 0;
7479 overflow: hidden; 7479 overflow: hidden;
7480 font-size: 12px; 7480 font-size: 12px;
7481 line-height: 1.4; 7481 line-height: 1.4;
7482 } 7482 }
7483 @media (min-width: 768px) { 7483 @media (min-width: 768px) {
7484 .faqs__item-body { 7484 .faqs__item-body {
7485 font-size: 16px; 7485 font-size: 16px;
7486 gap: 20px; 7486 gap: 20px;
7487 } 7487 }
7488 } 7488 }
7489 .faqs__item-body p { 7489 .faqs__item-body p {
7490 margin: 0; 7490 margin: 0;
7491 } 7491 }
7492 .active + .faqs__item-body { 7492 .active + .faqs__item-body {
7493 opacity: 1; 7493 opacity: 1;
7494 height: auto; 7494 height: auto;
7495 -webkit-transition: 0.3s; 7495 -webkit-transition: 0.3s;
7496 transition: 0.3s; 7496 transition: 0.3s;
7497 padding-top: 10px; 7497 padding-top: 10px;
7498 } 7498 }
7499 @media (min-width: 768px) { 7499 @media (min-width: 768px) {
7500 .active + .faqs__item-body { 7500 .active + .faqs__item-body {
7501 padding-top: 20px; 7501 padding-top: 20px;
7502 } 7502 }
7503 } 7503 }
7504 .faqs.active .faqs__item { 7504 .faqs.active .faqs__item {
7505 display: -webkit-box; 7505 display: -webkit-box;
7506 display: -ms-flexbox; 7506 display: -ms-flexbox;
7507 display: flex; 7507 display: flex;
7508 } 7508 }
7509 7509
7510 .cabinet { 7510 .cabinet {
7511 padding: 20px 0; 7511 padding: 20px 0;
7512 padding-bottom: 40px; 7512 padding-bottom: 40px;
7513 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 7513 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
7514 } 7514 }
7515 @media (min-width: 992px) { 7515 @media (min-width: 992px) {
7516 .cabinet { 7516 .cabinet {
7517 padding: 30px 0; 7517 padding: 30px 0;
7518 padding-bottom: 60px; 7518 padding-bottom: 60px;
7519 } 7519 }
7520 } 7520 }
7521 .cabinet__breadcrumbs { 7521 .cabinet__breadcrumbs {
7522 margin-bottom: 50px; 7522 margin-bottom: 50px;
7523 } 7523 }
7524 .cabinet__wrapper { 7524 .cabinet__wrapper {
7525 display: -webkit-box; 7525 display: -webkit-box;
7526 display: -ms-flexbox; 7526 display: -ms-flexbox;
7527 display: flex; 7527 display: flex;
7528 -webkit-box-orient: vertical; 7528 -webkit-box-orient: vertical;
7529 -webkit-box-direction: normal; 7529 -webkit-box-direction: normal;
7530 -ms-flex-direction: column; 7530 -ms-flex-direction: column;
7531 flex-direction: column; 7531 flex-direction: column;
7532 } 7532 }
7533 @media (min-width: 992px) { 7533 @media (min-width: 992px) {
7534 .cabinet__wrapper { 7534 .cabinet__wrapper {
7535 -webkit-box-orient: horizontal; 7535 -webkit-box-orient: horizontal;
7536 -webkit-box-direction: normal; 7536 -webkit-box-direction: normal;
7537 -ms-flex-direction: row; 7537 -ms-flex-direction: row;
7538 flex-direction: row; 7538 flex-direction: row;
7539 -webkit-box-align: start; 7539 -webkit-box-align: start;
7540 -ms-flex-align: start; 7540 -ms-flex-align: start;
7541 align-items: flex-start; 7541 align-items: flex-start;
7542 -webkit-box-pack: justify; 7542 -webkit-box-pack: justify;
7543 -ms-flex-pack: justify; 7543 -ms-flex-pack: justify;
7544 justify-content: space-between; 7544 justify-content: space-between;
7545 } 7545 }
7546 } 7546 }
7547 .cabinet__side { 7547 .cabinet__side {
7548 border-radius: 8px; 7548 border-radius: 8px;
7549 background: #ffffff; 7549 background: #ffffff;
7550 padding: 20px 10px; 7550 padding: 20px 10px;
7551 display: -webkit-box; 7551 display: -webkit-box;
7552 display: -ms-flexbox; 7552 display: -ms-flexbox;
7553 display: flex; 7553 display: flex;
7554 -webkit-box-orient: vertical; 7554 -webkit-box-orient: vertical;
7555 -webkit-box-direction: normal; 7555 -webkit-box-direction: normal;
7556 -ms-flex-direction: column; 7556 -ms-flex-direction: column;
7557 flex-direction: column; 7557 flex-direction: column;
7558 gap: 30px; 7558 gap: 30px;
7559 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 7559 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
7560 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 7560 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
7561 } 7561 }
7562 @media (min-width: 768px) { 7562 @media (min-width: 768px) {
7563 .cabinet__side { 7563 .cabinet__side {
7564 padding: 30px 20px; 7564 padding: 30px 20px;
7565 margin-bottom: 50px; 7565 margin-bottom: 50px;
7566 } 7566 }
7567 } 7567 }
7568 @media (min-width: 992px) { 7568 @media (min-width: 992px) {
7569 .cabinet__side { 7569 .cabinet__side {
7570 width: 340px; 7570 width: 340px;
7571 margin: 0; 7571 margin: 0;
7572 position: sticky; 7572 position: sticky;
7573 top: 6px; 7573 top: 6px;
7574 } 7574 }
7575 } 7575 }
7576 @media (min-width: 1280px) { 7576 @media (min-width: 1280px) {
7577 .cabinet__side { 7577 .cabinet__side {
7578 width: 400px; 7578 width: 400px;
7579 } 7579 }
7580 } 7580 }
7581 .cabinet__side-item { 7581 .cabinet__side-item {
7582 display: -webkit-box; 7582 display: -webkit-box;
7583 display: -ms-flexbox; 7583 display: -ms-flexbox;
7584 display: flex; 7584 display: flex;
7585 -webkit-box-orient: vertical; 7585 -webkit-box-orient: vertical;
7586 -webkit-box-direction: normal; 7586 -webkit-box-direction: normal;
7587 -ms-flex-direction: column; 7587 -ms-flex-direction: column;
7588 flex-direction: column; 7588 flex-direction: column;
7589 gap: 20px; 7589 gap: 20px;
7590 } 7590 }
7591 .cabinet__side-toper { 7591 .cabinet__side-toper {
7592 display: -webkit-box; 7592 display: -webkit-box;
7593 display: -ms-flexbox; 7593 display: -ms-flexbox;
7594 display: flex; 7594 display: flex;
7595 -webkit-box-align: center; 7595 -webkit-box-align: center;
7596 -ms-flex-align: center; 7596 -ms-flex-align: center;
7597 align-items: center; 7597 align-items: center;
7598 } 7598 }
7599 .cabinet__side-toper-pic { 7599 .cabinet__side-toper-pic {
7600 width: 70px; 7600 width: 70px;
7601 aspect-ratio: 1/1; 7601 aspect-ratio: 1/1;
7602 overflow: hidden; 7602 overflow: hidden;
7603 border-radius: 8px; 7603 border-radius: 8px;
7604 color: #ffffff; 7604 color: #ffffff;
7605 background: #9c9d9d; 7605 background: #9c9d9d;
7606 display: -webkit-box; 7606 display: -webkit-box;
7607 display: -ms-flexbox; 7607 display: -ms-flexbox;
7608 display: flex; 7608 display: flex;
7609 -webkit-box-align: center; 7609 -webkit-box-align: center;
7610 -ms-flex-align: center; 7610 -ms-flex-align: center;
7611 align-items: center; 7611 align-items: center;
7612 -webkit-box-pack: center; 7612 -webkit-box-pack: center;
7613 -ms-flex-pack: center; 7613 -ms-flex-pack: center;
7614 justify-content: center; 7614 justify-content: center;
7615 position: relative; 7615 position: relative;
7616 } 7616 }
7617 .cabinet__side-toper-pic img { 7617 .cabinet__side-toper-pic img {
7618 width: 100%; 7618 width: 100%;
7619 height: 100%; 7619 height: 100%;
7620 -o-object-fit: cover; 7620 -o-object-fit: cover;
7621 object-fit: cover; 7621 object-fit: cover;
7622 position: absolute; 7622 position: absolute;
7623 z-index: 2; 7623 z-index: 2;
7624 top: 0; 7624 top: 0;
7625 left: 0; 7625 left: 0;
7626 aspect-ratio: 1/1; 7626 aspect-ratio: 1/1;
7627 -o-object-fit: contain; 7627 -o-object-fit: contain;
7628 object-fit: contain; 7628 object-fit: contain;
7629 } 7629 }
7630 .cabinet__side-toper-pic svg { 7630 .cabinet__side-toper-pic svg {
7631 width: 50%; 7631 width: 50%;
7632 aspect-ratio: 1/1; 7632 aspect-ratio: 1/1;
7633 } 7633 }
7634 .cabinet__side-toper b { 7634 .cabinet__side-toper b {
7635 width: calc(100% - 70px); 7635 width: calc(100% - 70px);
7636 font-size: 14px; 7636 font-size: 14px;
7637 font-weight: 700; 7637 font-weight: 700;
7638 padding-left: 16px; 7638 padding-left: 16px;
7639 } 7639 }
7640 @media (min-width: 768px) { 7640 @media (min-width: 768px) {
7641 .cabinet__side-toper b { 7641 .cabinet__side-toper b {
7642 font-size: 20px; 7642 font-size: 20px;
7643 } 7643 }
7644 } 7644 }
7645 .cabinet__menu { 7645 .cabinet__menu {
7646 display: -webkit-box; 7646 display: -webkit-box;
7647 display: -ms-flexbox; 7647 display: -ms-flexbox;
7648 display: flex; 7648 display: flex;
7649 -webkit-box-orient: vertical; 7649 -webkit-box-orient: vertical;
7650 -webkit-box-direction: normal; 7650 -webkit-box-direction: normal;
7651 -ms-flex-direction: column; 7651 -ms-flex-direction: column;
7652 flex-direction: column; 7652 flex-direction: column;
7653 } 7653 }
7654 .cabinet__menu-toper { 7654 .cabinet__menu-toper {
7655 display: -webkit-box; 7655 display: -webkit-box;
7656 display: -ms-flexbox; 7656 display: -ms-flexbox;
7657 display: flex; 7657 display: flex;
7658 -webkit-box-align: center; 7658 -webkit-box-align: center;
7659 -ms-flex-align: center; 7659 -ms-flex-align: center;
7660 align-items: center; 7660 align-items: center;
7661 -webkit-box-pack: justify; 7661 -webkit-box-pack: justify;
7662 -ms-flex-pack: justify; 7662 -ms-flex-pack: justify;
7663 justify-content: space-between; 7663 justify-content: space-between;
7664 padding: 0 16px; 7664 padding: 0 16px;
7665 padding-right: 12px; 7665 padding-right: 12px;
7666 border: none; 7666 border: none;
7667 border-radius: 8px; 7667 border-radius: 8px;
7668 background: #377d87; 7668 background: #377d87;
7669 color: #ffffff; 7669 color: #ffffff;
7670 } 7670 }
7671 @media (min-width: 768px) { 7671 @media (min-width: 768px) {
7672 .cabinet__menu-toper { 7672 .cabinet__menu-toper {
7673 padding: 0 20px; 7673 padding: 0 20px;
7674 } 7674 }
7675 } 7675 }
7676 @media (min-width: 992px) { 7676 @media (min-width: 992px) {
7677 .cabinet__menu-toper { 7677 .cabinet__menu-toper {
7678 display: none; 7678 display: none;
7679 } 7679 }
7680 } 7680 }
7681 .cabinet__menu-toper-text { 7681 .cabinet__menu-toper-text {
7682 width: calc(100% - 16px); 7682 width: calc(100% - 16px);
7683 display: -webkit-box; 7683 display: -webkit-box;
7684 display: -ms-flexbox; 7684 display: -ms-flexbox;
7685 display: flex; 7685 display: flex;
7686 -webkit-box-align: center; 7686 -webkit-box-align: center;
7687 -ms-flex-align: center; 7687 -ms-flex-align: center;
7688 align-items: center; 7688 align-items: center;
7689 } 7689 }
7690 @media (min-width: 768px) { 7690 @media (min-width: 768px) {
7691 .cabinet__menu-toper-text { 7691 .cabinet__menu-toper-text {
7692 width: calc(100% - 20px); 7692 width: calc(100% - 20px);
7693 } 7693 }
7694 } 7694 }
7695 .cabinet__menu-toper-text i { 7695 .cabinet__menu-toper-text i {
7696 width: 16px; 7696 width: 16px;
7697 height: 16px; 7697 height: 16px;
7698 display: -webkit-box; 7698 display: -webkit-box;
7699 display: -ms-flexbox; 7699 display: -ms-flexbox;
7700 display: flex; 7700 display: flex;
7701 -webkit-box-align: center; 7701 -webkit-box-align: center;
7702 -ms-flex-align: center; 7702 -ms-flex-align: center;
7703 align-items: center; 7703 align-items: center;
7704 -webkit-box-pack: center; 7704 -webkit-box-pack: center;
7705 -ms-flex-pack: center; 7705 -ms-flex-pack: center;
7706 justify-content: center; 7706 justify-content: center;
7707 } 7707 }
7708 @media (min-width: 768px) { 7708 @media (min-width: 768px) {
7709 .cabinet__menu-toper-text i { 7709 .cabinet__menu-toper-text i {
7710 width: 22px; 7710 width: 22px;
7711 height: 22px; 7711 height: 22px;
7712 } 7712 }
7713 } 7713 }
7714 .cabinet__menu-toper-text svg { 7714 .cabinet__menu-toper-text svg {
7715 width: 16px; 7715 width: 16px;
7716 height: 16px; 7716 height: 16px;
7717 } 7717 }
7718 @media (min-width: 768px) { 7718 @media (min-width: 768px) {
7719 .cabinet__menu-toper-text svg { 7719 .cabinet__menu-toper-text svg {
7720 width: 22px; 7720 width: 22px;
7721 height: 22px; 7721 height: 22px;
7722 } 7722 }
7723 } 7723 }
7724 .cabinet__menu-toper-text span { 7724 .cabinet__menu-toper-text span {
7725 display: -webkit-box; 7725 display: -webkit-box;
7726 display: -ms-flexbox; 7726 display: -ms-flexbox;
7727 display: flex; 7727 display: flex;
7728 -webkit-box-align: center; 7728 -webkit-box-align: center;
7729 -ms-flex-align: center; 7729 -ms-flex-align: center;
7730 align-items: center; 7730 align-items: center;
7731 padding: 0 10px; 7731 padding: 0 10px;
7732 min-height: 30px; 7732 min-height: 30px;
7733 font-size: 12px; 7733 font-size: 12px;
7734 width: calc(100% - 16px); 7734 width: calc(100% - 16px);
7735 } 7735 }
7736 @media (min-width: 768px) { 7736 @media (min-width: 768px) {
7737 .cabinet__menu-toper-text span { 7737 .cabinet__menu-toper-text span {
7738 width: calc(100% - 22px); 7738 width: calc(100% - 22px);
7739 font-size: 20px; 7739 font-size: 20px;
7740 min-height: 52px; 7740 min-height: 52px;
7741 padding: 0 16px; 7741 padding: 0 16px;
7742 } 7742 }
7743 } 7743 }
7744 .cabinet__menu-toper-arrow { 7744 .cabinet__menu-toper-arrow {
7745 width: 16px; 7745 width: 16px;
7746 height: 16px; 7746 height: 16px;
7747 display: -webkit-box; 7747 display: -webkit-box;
7748 display: -ms-flexbox; 7748 display: -ms-flexbox;
7749 display: flex; 7749 display: flex;
7750 -webkit-box-pack: center; 7750 -webkit-box-pack: center;
7751 -ms-flex-pack: center; 7751 -ms-flex-pack: center;
7752 justify-content: center; 7752 justify-content: center;
7753 -webkit-box-align: center; 7753 -webkit-box-align: center;
7754 -ms-flex-align: center; 7754 -ms-flex-align: center;
7755 align-items: center; 7755 align-items: center;
7756 -webkit-transition: 0.3s; 7756 -webkit-transition: 0.3s;
7757 transition: 0.3s; 7757 transition: 0.3s;
7758 } 7758 }
7759 @media (min-width: 768px) { 7759 @media (min-width: 768px) {
7760 .cabinet__menu-toper-arrow { 7760 .cabinet__menu-toper-arrow {
7761 width: 20px; 7761 width: 20px;
7762 height: 20px; 7762 height: 20px;
7763 } 7763 }
7764 } 7764 }
7765 .cabinet__menu-toper-arrow svg { 7765 .cabinet__menu-toper-arrow svg {
7766 width: 12px; 7766 width: 12px;
7767 height: 12px; 7767 height: 12px;
7768 -webkit-transform: rotate(90deg); 7768 -webkit-transform: rotate(90deg);
7769 -ms-transform: rotate(90deg); 7769 -ms-transform: rotate(90deg);
7770 transform: rotate(90deg); 7770 transform: rotate(90deg);
7771 } 7771 }
7772 @media (min-width: 768px) { 7772 @media (min-width: 768px) {
7773 .cabinet__menu-toper-arrow svg { 7773 .cabinet__menu-toper-arrow svg {
7774 width: 20px; 7774 width: 20px;
7775 height: 20px; 7775 height: 20px;
7776 } 7776 }
7777 } 7777 }
7778 .cabinet__menu-toper.active .cabinet__menu-toper-arrow { 7778 .cabinet__menu-toper.active .cabinet__menu-toper-arrow {
7779 -webkit-transform: rotate(180deg); 7779 -webkit-transform: rotate(180deg);
7780 -ms-transform: rotate(180deg); 7780 -ms-transform: rotate(180deg);
7781 transform: rotate(180deg); 7781 transform: rotate(180deg);
7782 } 7782 }
7783 .cabinet__menu-body { 7783 .cabinet__menu-body {
7784 opacity: 0; 7784 opacity: 0;
7785 height: 0; 7785 height: 0;
7786 overflow: hidden; 7786 overflow: hidden;
7787 display: -webkit-box; 7787 display: -webkit-box;
7788 display: -ms-flexbox; 7788 display: -ms-flexbox;
7789 display: flex; 7789 display: flex;
7790 -webkit-box-orient: vertical; 7790 -webkit-box-orient: vertical;
7791 -webkit-box-direction: normal; 7791 -webkit-box-direction: normal;
7792 -ms-flex-direction: column; 7792 -ms-flex-direction: column;
7793 flex-direction: column; 7793 flex-direction: column;
7794 } 7794 }
7795 @media (min-width: 992px) { 7795 @media (min-width: 992px) {
7796 .cabinet__menu-body { 7796 .cabinet__menu-body {
7797 opacity: 1; 7797 opacity: 1;
7798 height: auto; 7798 height: auto;
7799 } 7799 }
7800 } 7800 }
7801 .active + .cabinet__menu-body { 7801 .active + .cabinet__menu-body {
7802 opacity: 1; 7802 opacity: 1;
7803 height: auto; 7803 height: auto;
7804 -webkit-transition: 0.3s; 7804 -webkit-transition: 0.3s;
7805 transition: 0.3s; 7805 transition: 0.3s;
7806 } 7806 }
7807 .cabinet__menu-items { 7807 .cabinet__menu-items {
7808 display: -webkit-box; 7808 display: -webkit-box;
7809 display: -ms-flexbox; 7809 display: -ms-flexbox;
7810 display: flex; 7810 display: flex;
7811 -webkit-box-orient: vertical; 7811 -webkit-box-orient: vertical;
7812 -webkit-box-direction: normal; 7812 -webkit-box-direction: normal;
7813 -ms-flex-direction: column; 7813 -ms-flex-direction: column;
7814 flex-direction: column; 7814 flex-direction: column;
7815 } 7815 }
7816 .cabinet__menu-item { 7816 .cabinet__menu-item {
7817 padding: 8px 16px; 7817 padding: 8px 16px;
7818 border-radius: 8px; 7818 border-radius: 8px;
7819 display: -webkit-box; 7819 display: -webkit-box;
7820 display: -ms-flexbox; 7820 display: -ms-flexbox;
7821 display: flex; 7821 display: flex;
7822 -webkit-box-align: center; 7822 -webkit-box-align: center;
7823 -ms-flex-align: center; 7823 -ms-flex-align: center;
7824 align-items: center; 7824 align-items: center;
7825 } 7825 }
7826 @media (min-width: 768px) { 7826 @media (min-width: 768px) {
7827 .cabinet__menu-item { 7827 .cabinet__menu-item {
7828 padding: 14px 20px; 7828 padding: 14px 20px;
7829 } 7829 }
7830 } 7830 }
7831 .cabinet__menu-item:hover { 7831 .cabinet__menu-item:hover {
7832 color: #377d87; 7832 color: #377d87;
7833 } 7833 }
7834 @media (min-width: 992px) { 7834 @media (min-width: 992px) {
7835 .cabinet__menu-item.active { 7835 .cabinet__menu-item.active {
7836 background: #377d87; 7836 background: #377d87;
7837 color: #ffffff; 7837 color: #ffffff;
7838 } 7838 }
7839 } 7839 }
7840 @media (min-width: 992px) { 7840 @media (min-width: 992px) {
7841 .cabinet__menu-item.active svg { 7841 .cabinet__menu-item.active svg {
7842 color: #ffffff; 7842 color: #ffffff;
7843 } 7843 }
7844 } 7844 }
7845 @media (min-width: 992px) { 7845 @media (min-width: 992px) {
7846 .cabinet__menu-item.active.red { 7846 .cabinet__menu-item.active.red {
7847 background: #eb5757; 7847 background: #eb5757;
7848 } 7848 }
7849 } 7849 }
7850 .cabinet__menu-item i { 7850 .cabinet__menu-item i {
7851 width: 16px; 7851 width: 16px;
7852 height: 16px; 7852 height: 16px;
7853 color: #377d87; 7853 color: #377d87;
7854 } 7854 }
7855 @media (min-width: 768px) { 7855 @media (min-width: 768px) {
7856 .cabinet__menu-item i { 7856 .cabinet__menu-item i {
7857 width: 22px; 7857 width: 22px;
7858 height: 22px; 7858 height: 22px;
7859 } 7859 }
7860 } 7860 }
7861 .cabinet__menu-item svg { 7861 .cabinet__menu-item svg {
7862 width: 16px; 7862 width: 16px;
7863 height: 16px; 7863 height: 16px;
7864 } 7864 }
7865 @media (min-width: 768px) { 7865 @media (min-width: 768px) {
7866 .cabinet__menu-item svg { 7866 .cabinet__menu-item svg {
7867 width: 22px; 7867 width: 22px;
7868 height: 22px; 7868 height: 22px;
7869 } 7869 }
7870 } 7870 }
7871 .cabinet__menu-item span { 7871 .cabinet__menu-item span {
7872 width: calc(100% - 16px); 7872 width: calc(100% - 16px);
7873 font-size: 12px; 7873 font-size: 12px;
7874 padding-left: 10px; 7874 padding-left: 10px;
7875 } 7875 }
7876 @media (min-width: 768px) { 7876 @media (min-width: 768px) {
7877 .cabinet__menu-item span { 7877 .cabinet__menu-item span {
7878 font-size: 20px; 7878 font-size: 20px;
7879 width: calc(100% - 22px); 7879 width: calc(100% - 22px);
7880 padding-left: 16px; 7880 padding-left: 16px;
7881 } 7881 }
7882 } 7882 }
7883 .cabinet__menu-bottom { 7883 .cabinet__menu-bottom {
7884 display: -webkit-box; 7884 display: -webkit-box;
7885 display: -ms-flexbox; 7885 display: -ms-flexbox;
7886 display: flex; 7886 display: flex;
7887 -webkit-box-orient: vertical; 7887 -webkit-box-orient: vertical;
7888 -webkit-box-direction: normal; 7888 -webkit-box-direction: normal;
7889 -ms-flex-direction: column; 7889 -ms-flex-direction: column;
7890 flex-direction: column; 7890 flex-direction: column;
7891 gap: 10px; 7891 gap: 10px;
7892 margin-top: 10px; 7892 margin-top: 10px;
7893 } 7893 }
7894 @media (min-width: 768px) { 7894 @media (min-width: 768px) {
7895 .cabinet__menu-bottom { 7895 .cabinet__menu-bottom {
7896 gap: 20px; 7896 gap: 20px;
7897 margin-top: 20px; 7897 margin-top: 20px;
7898 } 7898 }
7899 } 7899 }
7900 .cabinet__menu-copy { 7900 .cabinet__menu-copy {
7901 color: #9c9d9d; 7901 color: #9c9d9d;
7902 text-align: center; 7902 text-align: center;
7903 font-size: 12px; 7903 font-size: 12px;
7904 } 7904 }
7905 @media (min-width: 768px) { 7905 @media (min-width: 768px) {
7906 .cabinet__menu-copy { 7906 .cabinet__menu-copy {
7907 font-size: 16px; 7907 font-size: 16px;
7908 } 7908 }
7909 } 7909 }
7910 .cabinet__body { 7910 .cabinet__body {
7911 margin: 0 -10px; 7911 margin: 0 -10px;
7912 margin-top: 50px; 7912 margin-top: 50px;
7913 background: #ffffff; 7913 background: #ffffff;
7914 padding: 20px 10px; 7914 padding: 20px 10px;
7915 display: -webkit-box; 7915 display: -webkit-box;
7916 display: -ms-flexbox; 7916 display: -ms-flexbox;
7917 display: flex; 7917 display: flex;
7918 -webkit-box-orient: vertical; 7918 -webkit-box-orient: vertical;
7919 -webkit-box-direction: normal; 7919 -webkit-box-direction: normal;
7920 -ms-flex-direction: column; 7920 -ms-flex-direction: column;
7921 flex-direction: column; 7921 flex-direction: column;
7922 gap: 30px; 7922 gap: 30px;
7923 color: #3a3b3c; 7923 color: #3a3b3c;
7924 } 7924 }
7925 @media (min-width: 768px) { 7925 @media (min-width: 768px) {
7926 .cabinet__body { 7926 .cabinet__body {
7927 padding: 30px 20px; 7927 padding: 30px 20px;
7928 margin: 0; 7928 margin: 0;
7929 border-radius: 8px; 7929 border-radius: 8px;
7930 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 7930 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
7931 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 7931 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
7932 } 7932 }
7933 } 7933 }
7934 @media (min-width: 992px) { 7934 @media (min-width: 992px) {
7935 .cabinet__body { 7935 .cabinet__body {
7936 width: calc(100% - 360px); 7936 width: calc(100% - 360px);
7937 } 7937 }
7938 } 7938 }
7939 @media (min-width: 1280px) { 7939 @media (min-width: 1280px) {
7940 .cabinet__body { 7940 .cabinet__body {
7941 width: calc(100% - 420px); 7941 width: calc(100% - 420px);
7942 } 7942 }
7943 } 7943 }
7944 .cabinet__body-item { 7944 .cabinet__body-item {
7945 display: -webkit-box; 7945 display: -webkit-box;
7946 display: -ms-flexbox; 7946 display: -ms-flexbox;
7947 display: flex; 7947 display: flex;
7948 -webkit-box-orient: vertical; 7948 -webkit-box-orient: vertical;
7949 -webkit-box-direction: normal; 7949 -webkit-box-direction: normal;
7950 -ms-flex-direction: column; 7950 -ms-flex-direction: column;
7951 flex-direction: column; 7951 flex-direction: column;
7952 gap: 20px; 7952 gap: 20px;
7953 } 7953 }
7954 .cabinet__title { 7954 .cabinet__title {
7955 font-size: 24px; 7955 font-size: 24px;
7956 } 7956 }
7957 @media (min-width: 768px) { 7957 @media (min-width: 768px) {
7958 .cabinet__title { 7958 .cabinet__title {
7959 font-size: 32px; 7959 font-size: 32px;
7960 } 7960 }
7961 } 7961 }
7962 @media (min-width: 992px) { 7962 @media (min-width: 992px) {
7963 .cabinet__title { 7963 .cabinet__title {
7964 font-size: 40px; 7964 font-size: 40px;
7965 } 7965 }
7966 } 7966 }
7967 @media (min-width: 1280px) { 7967 @media (min-width: 1280px) {
7968 .cabinet__title { 7968 .cabinet__title {
7969 font-size: 48px; 7969 font-size: 48px;
7970 } 7970 }
7971 } 7971 }
7972 .cabinet__subtitle { 7972 .cabinet__subtitle {
7973 font-size: 22px; 7973 font-size: 22px;
7974 margin: 0; 7974 margin: 0;
7975 font-weight: 700; 7975 font-weight: 700;
7976 color: #3a3b3c; 7976 color: #3a3b3c;
7977 } 7977 }
7978 @media (min-width: 768px) { 7978 @media (min-width: 768px) {
7979 .cabinet__subtitle { 7979 .cabinet__subtitle {
7980 font-size: 24px; 7980 font-size: 24px;
7981 } 7981 }
7982 } 7982 }
7983 .cabinet__h4 { 7983 .cabinet__h4 {
7984 font-size: 20px; 7984 font-size: 20px;
7985 margin: 0; 7985 margin: 0;
7986 font-weight: 700; 7986 font-weight: 700;
7987 color: #3a3b3c; 7987 color: #3a3b3c;
7988 } 7988 }
7989 @media (min-width: 768px) { 7989 @media (min-width: 768px) {
7990 .cabinet__h4 { 7990 .cabinet__h4 {
7991 font-size: 22px; 7991 font-size: 22px;
7992 } 7992 }
7993 } 7993 }
7994 .cabinet__text { 7994 .cabinet__text {
7995 margin: 0; 7995 margin: 0;
7996 font-size: 14px; 7996 font-size: 14px;
7997 } 7997 }
7998 @media (min-width: 768px) { 7998 @media (min-width: 768px) {
7999 .cabinet__text { 7999 .cabinet__text {
8000 font-size: 16px; 8000 font-size: 16px;
8001 } 8001 }
8002 } 8002 }
8003 .cabinet__text b { 8003 .cabinet__text b {
8004 color: #3a3b3c; 8004 color: #3a3b3c;
8005 font-size: 18px; 8005 font-size: 18px;
8006 } 8006 }
8007 @media (min-width: 768px) { 8007 @media (min-width: 768px) {
8008 .cabinet__text b { 8008 .cabinet__text b {
8009 font-size: 24px; 8009 font-size: 24px;
8010 } 8010 }
8011 } 8011 }
8012 .cabinet__descr { 8012 .cabinet__descr {
8013 display: -webkit-box; 8013 display: -webkit-box;
8014 display: -ms-flexbox; 8014 display: -ms-flexbox;
8015 display: flex; 8015 display: flex;
8016 -webkit-box-orient: vertical; 8016 -webkit-box-orient: vertical;
8017 -webkit-box-direction: normal; 8017 -webkit-box-direction: normal;
8018 -ms-flex-direction: column; 8018 -ms-flex-direction: column;
8019 flex-direction: column; 8019 flex-direction: column;
8020 gap: 6px; 8020 gap: 6px;
8021 } 8021 }
8022 @media (min-width: 768px) { 8022 @media (min-width: 768px) {
8023 .cabinet__descr { 8023 .cabinet__descr {
8024 gap: 12px; 8024 gap: 12px;
8025 } 8025 }
8026 } 8026 }
8027 .cabinet__avatar { 8027 .cabinet__avatar {
8028 display: -webkit-box; 8028 display: -webkit-box;
8029 display: -ms-flexbox; 8029 display: -ms-flexbox;
8030 display: flex; 8030 display: flex;
8031 -webkit-box-align: start; 8031 -webkit-box-align: start;
8032 -ms-flex-align: start; 8032 -ms-flex-align: start;
8033 align-items: flex-start; 8033 align-items: flex-start;
8034 } 8034 }
8035 @media (min-width: 768px) { 8035 @media (min-width: 768px) {
8036 .cabinet__avatar { 8036 .cabinet__avatar {
8037 -webkit-box-align: center; 8037 -webkit-box-align: center;
8038 -ms-flex-align: center; 8038 -ms-flex-align: center;
8039 align-items: center; 8039 align-items: center;
8040 } 8040 }
8041 } 8041 }
8042 .cabinet__avatar-pic { 8042 .cabinet__avatar-pic {
8043 width: 100px; 8043 width: 100px;
8044 aspect-ratio: 1/1; 8044 aspect-ratio: 1/1;
8045 position: relative; 8045 position: relative;
8046 display: -webkit-box; 8046 display: -webkit-box;
8047 display: -ms-flexbox; 8047 display: -ms-flexbox;
8048 display: flex; 8048 display: flex;
8049 -webkit-box-pack: center; 8049 -webkit-box-pack: center;
8050 -ms-flex-pack: center; 8050 -ms-flex-pack: center;
8051 justify-content: center; 8051 justify-content: center;
8052 -webkit-box-align: center; 8052 -webkit-box-align: center;
8053 -ms-flex-align: center; 8053 -ms-flex-align: center;
8054 align-items: center; 8054 align-items: center;
8055 overflow: hidden; 8055 overflow: hidden;
8056 border-radius: 8px; 8056 border-radius: 8px;
8057 color: #ffffff; 8057 color: #ffffff;
8058 background: #9c9d9d; 8058 background: #9c9d9d;
8059 } 8059 }
8060 .cabinet__avatar-pic svg { 8060 .cabinet__avatar-pic svg {
8061 width: 50%; 8061 width: 50%;
8062 aspect-ratio: 1/1; 8062 aspect-ratio: 1/1;
8063 z-index: 1; 8063 z-index: 1;
8064 position: relative; 8064 position: relative;
8065 } 8065 }
8066 .cabinet__avatar-form { 8066 .cabinet__avatar-form {
8067 width: calc(100% - 100px); 8067 width: calc(100% - 100px);
8068 padding-left: 15px; 8068 padding-left: 15px;
8069 display: -webkit-box; 8069 display: -webkit-box;
8070 display: -ms-flexbox; 8070 display: -ms-flexbox;
8071 display: flex; 8071 display: flex;
8072 -webkit-box-orient: vertical; 8072 -webkit-box-orient: vertical;
8073 -webkit-box-direction: normal; 8073 -webkit-box-direction: normal;
8074 -ms-flex-direction: column; 8074 -ms-flex-direction: column;
8075 flex-direction: column; 8075 flex-direction: column;
8076 gap: 6px; 8076 gap: 6px;
8077 } 8077 }
8078 @media (min-width: 768px) { 8078 @media (min-width: 768px) {
8079 .cabinet__avatar-form { 8079 .cabinet__avatar-form {
8080 -webkit-box-align: start; 8080 -webkit-box-align: start;
8081 -ms-flex-align: start; 8081 -ms-flex-align: start;
8082 align-items: flex-start; 8082 align-items: flex-start;
8083 padding-left: 30px; 8083 padding-left: 30px;
8084 gap: 12px; 8084 gap: 12px;
8085 } 8085 }
8086 } 8086 }
8087 @media (min-width: 768px) { 8087 @media (min-width: 768px) {
8088 .cabinet__avatar-form .file { 8088 .cabinet__avatar-form .file {
8089 min-width: 215px; 8089 min-width: 215px;
8090 } 8090 }
8091 } 8091 }
8092 .cabinet__inputs { 8092 .cabinet__inputs {
8093 display: -webkit-box; 8093 display: -webkit-box;
8094 display: -ms-flexbox; 8094 display: -ms-flexbox;
8095 display: flex; 8095 display: flex;
8096 -webkit-box-orient: vertical; 8096 -webkit-box-orient: vertical;
8097 -webkit-box-direction: normal; 8097 -webkit-box-direction: normal;
8098 -ms-flex-direction: column; 8098 -ms-flex-direction: column;
8099 flex-direction: column; 8099 flex-direction: column;
8100 gap: 20px; 8100 gap: 20px;
8101 } 8101 }
8102 @media (min-width: 1280px) { 8102 @media (min-width: 1280px) {
8103 .cabinet__inputs { 8103 .cabinet__inputs {
8104 -webkit-box-orient: horizontal; 8104 -webkit-box-orient: horizontal;
8105 -webkit-box-direction: normal; 8105 -webkit-box-direction: normal;
8106 -ms-flex-direction: row; 8106 -ms-flex-direction: row;
8107 flex-direction: row; 8107 flex-direction: row;
8108 -webkit-box-align: start; 8108 -webkit-box-align: start;
8109 -ms-flex-align: start; 8109 -ms-flex-align: start;
8110 align-items: flex-start; 8110 align-items: flex-start;
8111 -webkit-box-pack: justify; 8111 -webkit-box-pack: justify;
8112 -ms-flex-pack: justify; 8112 -ms-flex-pack: justify;
8113 justify-content: space-between; 8113 justify-content: space-between;
8114 -ms-flex-wrap: wrap; 8114 -ms-flex-wrap: wrap;
8115 flex-wrap: wrap; 8115 flex-wrap: wrap;
8116 } 8116 }
8117 } 8117 }
8118 @media (min-width: 1280px) { 8118 @media (min-width: 1280px) {
8119 .cabinet__inputs-item { 8119 .cabinet__inputs-item {
8120 width: calc(50% - 10px); 8120 width: calc(50% - 10px);
8121 } 8121 }
8122 } 8122 }
8123 @media (min-width: 1280px) { 8123 @media (min-width: 1280px) {
8124 .cabinet__inputs-item_fullwidth { 8124 .cabinet__inputs-item_fullwidth {
8125 width: 100%; 8125 width: 100%;
8126 } 8126 }
8127 } 8127 }
8128 @media (min-width: 1280px) { 8128 @media (min-width: 1280px) {
8129 .cabinet__inputs-item_min { 8129 .cabinet__inputs-item_min {
8130 width: calc(15% - 10px); 8130 width: calc(15% - 10px);
8131 } 8131 }
8132 } 8132 }
8133 @media (min-width: 1280px) { 8133 @media (min-width: 1280px) {
8134 .cabinet__inputs-item_max { 8134 .cabinet__inputs-item_max {
8135 width: calc(85% - 10px); 8135 width: calc(85% - 10px);
8136 } 8136 }
8137 } 8137 }
8138 @media (min-width: 768px) { 8138 @media (min-width: 768px) {
8139 .cabinet__inputs-item .button { 8139 .cabinet__inputs-item .button {
8140 width: 100%; 8140 width: 100%;
8141 max-width: 215px; 8141 max-width: 215px;
8142 padding: 0; 8142 padding: 0;
8143 } 8143 }
8144 } 8144 }
8145 .cabinet__inputs-item .buttons { 8145 .cabinet__inputs-item .buttons {
8146 display: grid; 8146 display: grid;
8147 grid-template-columns: 1fr 1fr; 8147 grid-template-columns: 1fr 1fr;
8148 gap: 10px; 8148 gap: 10px;
8149 } 8149 }
8150 @media (min-width: 768px) { 8150 @media (min-width: 768px) {
8151 .cabinet__inputs-item .buttons { 8151 .cabinet__inputs-item .buttons {
8152 gap: 20px; 8152 gap: 20px;
8153 max-width: 470px; 8153 max-width: 470px;
8154 } 8154 }
8155 } 8155 }
8156 @media (min-width: 992px) { 8156 @media (min-width: 992px) {
8157 .cabinet__inputs-item .buttons { 8157 .cabinet__inputs-item .buttons {
8158 max-width: none; 8158 max-width: none;
8159 } 8159 }
8160 } 8160 }
8161 @media (min-width: 1280px) { 8161 @media (min-width: 1280px) {
8162 .cabinet__inputs-item .buttons { 8162 .cabinet__inputs-item .buttons {
8163 max-width: 470px; 8163 max-width: 470px;
8164 } 8164 }
8165 } 8165 }
8166 .cabinet__inputs-item .buttons .button { 8166 .cabinet__inputs-item .buttons .button {
8167 max-width: none; 8167 max-width: none;
8168 } 8168 }
8169 .cabinet__inputs > .button { 8169 .cabinet__inputs > .button {
8170 padding: 0; 8170 padding: 0;
8171 width: 100%; 8171 width: 100%;
8172 max-width: 140px; 8172 max-width: 140px;
8173 } 8173 }
8174 @media (min-width: 768px) { 8174 @media (min-width: 768px) {
8175 .cabinet__inputs > .button { 8175 .cabinet__inputs > .button {
8176 max-width: 190px; 8176 max-width: 190px;
8177 } 8177 }
8178 } 8178 }
8179 .cabinet__add { 8179 .cabinet__add {
8180 display: -webkit-box; 8180 display: -webkit-box;
8181 display: -ms-flexbox; 8181 display: -ms-flexbox;
8182 display: flex; 8182 display: flex;
8183 -webkit-box-orient: vertical; 8183 -webkit-box-orient: vertical;
8184 -webkit-box-direction: normal; 8184 -webkit-box-direction: normal;
8185 -ms-flex-direction: column; 8185 -ms-flex-direction: column;
8186 flex-direction: column; 8186 flex-direction: column;
8187 gap: 10px; 8187 gap: 10px;
8188 } 8188 }
8189 @media (min-width: 768px) { 8189 @media (min-width: 768px) {
8190 .cabinet__add { 8190 .cabinet__add {
8191 gap: 0; 8191 gap: 0;
8192 -webkit-box-orient: horizontal; 8192 -webkit-box-orient: horizontal;
8193 -webkit-box-direction: normal; 8193 -webkit-box-direction: normal;
8194 -ms-flex-direction: row; 8194 -ms-flex-direction: row;
8195 flex-direction: row; 8195 flex-direction: row;
8196 -webkit-box-align: end; 8196 -webkit-box-align: end;
8197 -ms-flex-align: end; 8197 -ms-flex-align: end;
8198 align-items: flex-end; 8198 align-items: flex-end;
8199 } 8199 }
8200 } 8200 }
8201 .cabinet__add-pic { 8201 .cabinet__add-pic {
8202 border-radius: 4px; 8202 border-radius: 4px;
8203 position: relative; 8203 position: relative;
8204 overflow: hidden; 8204 overflow: hidden;
8205 background: #9c9d9d; 8205 background: #9c9d9d;
8206 color: #ffffff; 8206 color: #ffffff;
8207 width: 100px; 8207 width: 100px;
8208 aspect-ratio: 1/1; 8208 aspect-ratio: 1/1;
8209 -webkit-transition: 0.3s; 8209 -webkit-transition: 0.3s;
8210 transition: 0.3s; 8210 transition: 0.3s;
8211 } 8211 }
8212 @media (min-width: 768px) { 8212 @media (min-width: 768px) {
8213 .cabinet__add-pic { 8213 .cabinet__add-pic {
8214 width: 220px; 8214 width: 220px;
8215 border-radius: 8px; 8215 border-radius: 8px;
8216 } 8216 }
8217 } 8217 }
8218 .cabinet__add-pic:hover { 8218 .cabinet__add-pic:hover {
8219 background: #3a3b3c; 8219 background: #3a3b3c;
8220 } 8220 }
8221 .cabinet__add-pic input { 8221 .cabinet__add-pic input {
8222 display: none; 8222 display: none;
8223 } 8223 }
8224 .cabinet__add-pic > svg { 8224 .cabinet__add-pic > svg {
8225 width: 20px; 8225 width: 20px;
8226 position: absolute; 8226 position: absolute;
8227 top: 50%; 8227 top: 50%;
8228 left: 50%; 8228 left: 50%;
8229 -webkit-transform: translate(-50%, -50%); 8229 -webkit-transform: translate(-50%, -50%);
8230 -ms-transform: translate(-50%, -50%); 8230 -ms-transform: translate(-50%, -50%);
8231 transform: translate(-50%, -50%); 8231 transform: translate(-50%, -50%);
8232 z-index: 1; 8232 z-index: 1;
8233 } 8233 }
8234 @media (min-width: 768px) { 8234 @media (min-width: 768px) {
8235 .cabinet__add-pic > svg { 8235 .cabinet__add-pic > svg {
8236 width: 50px; 8236 width: 50px;
8237 } 8237 }
8238 } 8238 }
8239 .cabinet__add-pic span { 8239 .cabinet__add-pic span {
8240 display: -webkit-box; 8240 display: -webkit-box;
8241 display: -ms-flexbox; 8241 display: -ms-flexbox;
8242 display: flex; 8242 display: flex;
8243 -webkit-box-align: center; 8243 -webkit-box-align: center;
8244 -ms-flex-align: center; 8244 -ms-flex-align: center;
8245 align-items: center; 8245 align-items: center;
8246 -webkit-box-pack: center; 8246 -webkit-box-pack: center;
8247 -ms-flex-pack: center; 8247 -ms-flex-pack: center;
8248 justify-content: center; 8248 justify-content: center;
8249 width: 100%; 8249 width: 100%;
8250 gap: 4px; 8250 gap: 4px;
8251 font-weight: 700; 8251 font-weight: 700;
8252 font-size: 8px; 8252 font-size: 8px;
8253 line-height: 1; 8253 line-height: 1;
8254 position: absolute; 8254 position: absolute;
8255 top: 50%; 8255 top: 50%;
8256 left: 50%; 8256 left: 50%;
8257 -webkit-transform: translate(-50%, -50%); 8257 -webkit-transform: translate(-50%, -50%);
8258 -ms-transform: translate(-50%, -50%); 8258 -ms-transform: translate(-50%, -50%);
8259 transform: translate(-50%, -50%); 8259 transform: translate(-50%, -50%);
8260 margin-top: 25px; 8260 margin-top: 25px;
8261 } 8261 }
8262 @media (min-width: 768px) { 8262 @media (min-width: 768px) {
8263 .cabinet__add-pic span { 8263 .cabinet__add-pic span {
8264 font-size: 16px; 8264 font-size: 16px;
8265 margin-top: 60px; 8265 margin-top: 60px;
8266 } 8266 }
8267 } 8267 }
8268 .cabinet__add-pic span svg { 8268 .cabinet__add-pic span svg {
8269 width: 7px; 8269 width: 7px;
8270 aspect-ratio: 1/1; 8270 aspect-ratio: 1/1;
8271 } 8271 }
8272 @media (min-width: 768px) { 8272 @media (min-width: 768px) {
8273 .cabinet__add-pic span svg { 8273 .cabinet__add-pic span svg {
8274 width: 16px; 8274 width: 16px;
8275 } 8275 }
8276 } 8276 }
8277 .cabinet__add-body { 8277 .cabinet__add-body {
8278 display: -webkit-box; 8278 display: -webkit-box;
8279 display: -ms-flexbox; 8279 display: -ms-flexbox;
8280 display: flex; 8280 display: flex;
8281 -webkit-box-orient: vertical; 8281 -webkit-box-orient: vertical;
8282 -webkit-box-direction: normal; 8282 -webkit-box-direction: normal;
8283 -ms-flex-direction: column; 8283 -ms-flex-direction: column;
8284 flex-direction: column; 8284 flex-direction: column;
8285 gap: 10px; 8285 gap: 10px;
8286 } 8286 }
8287 @media (min-width: 768px) { 8287 @media (min-width: 768px) {
8288 .cabinet__add-body { 8288 .cabinet__add-body {
8289 gap: 20px; 8289 gap: 20px;
8290 width: calc(100% - 220px); 8290 width: calc(100% - 220px);
8291 padding-left: 20px; 8291 padding-left: 20px;
8292 } 8292 }
8293 } 8293 }
8294 @media (min-width: 768px) { 8294 @media (min-width: 768px) {
8295 .cabinet__add-body .button { 8295 .cabinet__add-body .button {
8296 width: 215px; 8296 width: 215px;
8297 padding: 0; 8297 padding: 0;
8298 } 8298 }
8299 } 8299 }
8300 .cabinet__fleet { 8300 .cabinet__fleet {
8301 display: -webkit-box; 8301 display: -webkit-box;
8302 display: -ms-flexbox; 8302 display: -ms-flexbox;
8303 display: flex; 8303 display: flex;
8304 -webkit-box-orient: vertical; 8304 -webkit-box-orient: vertical;
8305 -webkit-box-direction: normal; 8305 -webkit-box-direction: normal;
8306 -ms-flex-direction: column; 8306 -ms-flex-direction: column;
8307 flex-direction: column; 8307 flex-direction: column;
8308 gap: 20px; 8308 gap: 20px;
8309 } 8309 }
8310 @media (min-width: 768px) { 8310 @media (min-width: 768px) {
8311 .cabinet__fleet { 8311 .cabinet__fleet {
8312 display: grid; 8312 display: grid;
8313 grid-template-columns: repeat(2, 1fr); 8313 grid-template-columns: repeat(2, 1fr);
8314 } 8314 }
8315 } 8315 }
8316 @media (min-width: 1280px) { 8316 @media (min-width: 1280px) {
8317 .cabinet__fleet { 8317 .cabinet__fleet {
8318 grid-template-columns: repeat(3, 1fr); 8318 grid-template-columns: repeat(3, 1fr);
8319 } 8319 }
8320 } 8320 }
8321 @media (min-width: 768px) { 8321 @media (min-width: 768px) {
8322 .cabinet__submit { 8322 .cabinet__submit {
8323 width: 215px; 8323 width: 215px;
8324 padding: 0; 8324 padding: 0;
8325 margin: 0 auto; 8325 margin: 0 auto;
8326 } 8326 }
8327 } 8327 }
8328 .cabinet__filters { 8328 .cabinet__filters {
8329 display: -webkit-box; 8329 display: -webkit-box;
8330 display: -ms-flexbox; 8330 display: -ms-flexbox;
8331 display: flex; 8331 display: flex;
8332 -webkit-box-orient: vertical; 8332 -webkit-box-orient: vertical;
8333 -webkit-box-direction: normal; 8333 -webkit-box-direction: normal;
8334 -ms-flex-direction: column; 8334 -ms-flex-direction: column;
8335 flex-direction: column; 8335 flex-direction: column;
8336 gap: 10px; 8336 gap: 10px;
8337 } 8337 }
8338 @media (min-width: 768px) { 8338 @media (min-width: 768px) {
8339 .cabinet__filters { 8339 .cabinet__filters {
8340 gap: 20px; 8340 gap: 20px;
8341 } 8341 }
8342 } 8342 }
8343 @media (min-width: 1280px) { 8343 @media (min-width: 1280px) {
8344 .cabinet__filters { 8344 .cabinet__filters {
8345 -webkit-box-orient: horizontal; 8345 -webkit-box-orient: horizontal;
8346 -webkit-box-direction: normal; 8346 -webkit-box-direction: normal;
8347 -ms-flex-direction: row; 8347 -ms-flex-direction: row;
8348 flex-direction: row; 8348 flex-direction: row;
8349 -webkit-box-align: start; 8349 -webkit-box-align: start;
8350 -ms-flex-align: start; 8350 -ms-flex-align: start;
8351 align-items: flex-start; 8351 align-items: flex-start;
8352 -webkit-box-pack: justify; 8352 -webkit-box-pack: justify;
8353 -ms-flex-pack: justify; 8353 -ms-flex-pack: justify;
8354 justify-content: space-between; 8354 justify-content: space-between;
8355 } 8355 }
8356 } 8356 }
8357 .cabinet__filters-item { 8357 .cabinet__filters-item {
8358 display: -webkit-box; 8358 display: -webkit-box;
8359 display: -ms-flexbox; 8359 display: -ms-flexbox;
8360 display: flex; 8360 display: flex;
8361 -webkit-box-orient: vertical; 8361 -webkit-box-orient: vertical;
8362 -webkit-box-direction: normal; 8362 -webkit-box-direction: normal;
8363 -ms-flex-direction: column; 8363 -ms-flex-direction: column;
8364 flex-direction: column; 8364 flex-direction: column;
8365 -webkit-box-align: start; 8365 -webkit-box-align: start;
8366 -ms-flex-align: start; 8366 -ms-flex-align: start;
8367 align-items: flex-start; 8367 align-items: flex-start;
8368 gap: 10px; 8368 gap: 10px;
8369 } 8369 }
8370 @media (min-width: 768px) { 8370 @media (min-width: 768px) {
8371 .cabinet__filters-item { 8371 .cabinet__filters-item {
8372 gap: 20px; 8372 gap: 20px;
8373 } 8373 }
8374 } 8374 }
8375 @media (min-width: 1280px) { 8375 @media (min-width: 1280px) {
8376 .cabinet__filters-item { 8376 .cabinet__filters-item {
8377 width: calc(50% - 10px); 8377 width: calc(50% - 10px);
8378 max-width: 410px; 8378 max-width: 410px;
8379 } 8379 }
8380 } 8380 }
8381 .cabinet__filters-item .button, .cabinet__filters-item .select { 8381 .cabinet__filters-item .button, .cabinet__filters-item .select {
8382 width: 100%; 8382 width: 100%;
8383 } 8383 }
8384 @media (min-width: 1280px) { 8384 @media (min-width: 1280px) {
8385 .cabinet__filters-item .button, .cabinet__filters-item .select { 8385 .cabinet__filters-item .button, .cabinet__filters-item .select {
8386 width: auto; 8386 width: auto;
8387 } 8387 }
8388 } 8388 }
8389 .cabinet__filters-item + .cabinet__filters-item { 8389 .cabinet__filters-item + .cabinet__filters-item {
8390 -webkit-box-align: end; 8390 -webkit-box-align: end;
8391 -ms-flex-align: end; 8391 -ms-flex-align: end;
8392 align-items: flex-end; 8392 align-items: flex-end;
8393 } 8393 }
8394 @media (min-width: 1280px) { 8394 @media (min-width: 1280px) {
8395 .cabinet__filters-item + .cabinet__filters-item { 8395 .cabinet__filters-item + .cabinet__filters-item {
8396 max-width: 280px; 8396 max-width: 280px;
8397 } 8397 }
8398 } 8398 }
8399 .cabinet__filters .search input { 8399 .cabinet__filters .search input {
8400 padding-right: 135px; 8400 padding-right: 135px;
8401 } 8401 }
8402 .cabinet__filters .search button { 8402 .cabinet__filters .search button {
8403 width: 115px; 8403 width: 115px;
8404 } 8404 }
8405 .cabinet__filters-buttons { 8405 .cabinet__filters-buttons {
8406 display: grid; 8406 display: grid;
8407 grid-template-columns: 1fr 1fr; 8407 grid-template-columns: 1fr 1fr;
8408 gap: 10px; 8408 gap: 10px;
8409 width: 100%; 8409 width: 100%;
8410 } 8410 }
8411 @media (min-width: 768px) { 8411 @media (min-width: 768px) {
8412 .cabinet__filters-buttons { 8412 .cabinet__filters-buttons {
8413 gap: 20px; 8413 gap: 20px;
8414 } 8414 }
8415 } 8415 }
8416 .cabinet__filters-buttons .button { 8416 .cabinet__filters-buttons .button {
8417 padding: 0; 8417 padding: 0;
8418 gap: 5px; 8418 gap: 5px;
8419 } 8419 }
8420 .cabinet__filters-buttons .button.active { 8420 .cabinet__filters-buttons .button.active {
8421 background: #377d87; 8421 background: #377d87;
8422 color: #ffffff; 8422 color: #ffffff;
8423 } 8423 }
8424 .cabinet__filters-buttons .button.active:before { 8424 .cabinet__filters-buttons .button.active:before {
8425 content: ""; 8425 content: "";
8426 width: 6px; 8426 width: 6px;
8427 height: 6px; 8427 height: 6px;
8428 background: #ffffff; 8428 background: #ffffff;
8429 border-radius: 999px; 8429 border-radius: 999px;
8430 } 8430 }
8431 .cabinet__table-header { 8431 .cabinet__table-header {
8432 display: -webkit-box; 8432 display: -webkit-box;
8433 display: -ms-flexbox; 8433 display: -ms-flexbox;
8434 display: flex; 8434 display: flex;
8435 -webkit-box-pack: justify; 8435 -webkit-box-pack: justify;
8436 -ms-flex-pack: justify; 8436 -ms-flex-pack: justify;
8437 justify-content: space-between; 8437 justify-content: space-between;
8438 -webkit-box-align: center; 8438 -webkit-box-align: center;
8439 -ms-flex-align: center; 8439 -ms-flex-align: center;
8440 align-items: center; 8440 align-items: center;
8441 font-weight: 700; 8441 font-weight: 700;
8442 margin-bottom: -10px; 8442 margin-bottom: -10px;
8443 } 8443 }
8444 .cabinet__table-header div { 8444 .cabinet__table-header div {
8445 font-size: 18px; 8445 font-size: 18px;
8446 } 8446 }
8447 @media (min-width: 768px) { 8447 @media (min-width: 768px) {
8448 .cabinet__table-header div { 8448 .cabinet__table-header div {
8449 font-size: 24px; 8449 font-size: 24px;
8450 } 8450 }
8451 } 8451 }
8452 .cabinet__table-header span { 8452 .cabinet__table-header span {
8453 color: #3a3b3c; 8453 color: #3a3b3c;
8454 font-size: 14px; 8454 font-size: 14px;
8455 } 8455 }
8456 @media (min-width: 768px) { 8456 @media (min-width: 768px) {
8457 .cabinet__table-header span { 8457 .cabinet__table-header span {
8458 font-size: 18px; 8458 font-size: 18px;
8459 } 8459 }
8460 } 8460 }
8461 .cabinet__table-header span b { 8461 .cabinet__table-header span b {
8462 color: #377d87; 8462 color: #377d87;
8463 } 8463 }
8464 .cabinet__tabs { 8464 .cabinet__tabs {
8465 display: grid; 8465 display: grid;
8466 grid-template-columns: 1fr 1fr; 8466 grid-template-columns: 1fr 1fr;
8467 gap: 20px; 8467 gap: 20px;
8468 } 8468 }
8469 @media (min-width: 768px) { 8469 @media (min-width: 768px) {
8470 .cabinet__tabs { 8470 .cabinet__tabs {
8471 max-width: 420px; 8471 max-width: 420px;
8472 } 8472 }
8473 } 8473 }
8474 .cabinet__tabs .button.active { 8474 .cabinet__tabs .button.active {
8475 background: #377d87; 8475 background: #377d87;
8476 color: #ffffff; 8476 color: #ffffff;
8477 } 8477 }
8478 .cabinet__bodies { 8478 .cabinet__bodies {
8479 display: none; 8479 display: none;
8480 } 8480 }
8481 .cabinet__bodies.showed { 8481 .cabinet__bodies.showed {
8482 display: block; 8482 display: block;
8483 } 8483 }
8484 .cabinet__nots { 8484 .cabinet__nots {
8485 display: -webkit-box; 8485 display: -webkit-box;
8486 display: -ms-flexbox; 8486 display: -ms-flexbox;
8487 display: flex; 8487 display: flex;
8488 -webkit-box-orient: vertical; 8488 -webkit-box-orient: vertical;
8489 -webkit-box-direction: normal; 8489 -webkit-box-direction: normal;
8490 -ms-flex-direction: column; 8490 -ms-flex-direction: column;
8491 flex-direction: column; 8491 flex-direction: column;
8492 -webkit-box-align: start; 8492 -webkit-box-align: start;
8493 -ms-flex-align: start; 8493 -ms-flex-align: start;
8494 align-items: flex-start; 8494 align-items: flex-start;
8495 gap: 10px; 8495 gap: 10px;
8496 } 8496 }
8497 @media (min-width: 768px) { 8497 @media (min-width: 768px) {
8498 .cabinet__nots { 8498 .cabinet__nots {
8499 gap: 20px; 8499 gap: 20px;
8500 } 8500 }
8501 } 8501 }
8502 .cabinet__nots .input { 8502 .cabinet__nots .input {
8503 width: 100%; 8503 width: 100%;
8504 } 8504 }
8505 .cabinet__anketa { 8505 .cabinet__anketa {
8506 display: -webkit-box; 8506 display: -webkit-box;
8507 display: -ms-flexbox; 8507 display: -ms-flexbox;
8508 display: flex; 8508 display: flex;
8509 -webkit-box-orient: vertical; 8509 -webkit-box-orient: vertical;
8510 -webkit-box-direction: normal; 8510 -webkit-box-direction: normal;
8511 -ms-flex-direction: column; 8511 -ms-flex-direction: column;
8512 flex-direction: column; 8512 flex-direction: column;
8513 -webkit-box-pack: justify; 8513 -webkit-box-pack: justify;
8514 -ms-flex-pack: justify; 8514 -ms-flex-pack: justify;
8515 justify-content: space-between; 8515 justify-content: space-between;
8516 gap: 10px; 8516 gap: 10px;
8517 } 8517 }
8518 @media (min-width: 768px) { 8518 @media (min-width: 768px) {
8519 .cabinet__anketa { 8519 .cabinet__anketa {
8520 -webkit-box-orient: horizontal; 8520 -webkit-box-orient: horizontal;
8521 -webkit-box-direction: normal; 8521 -webkit-box-direction: normal;
8522 -ms-flex-direction: row; 8522 -ms-flex-direction: row;
8523 flex-direction: row; 8523 flex-direction: row;
8524 -webkit-box-align: center; 8524 -webkit-box-align: center;
8525 -ms-flex-align: center; 8525 -ms-flex-align: center;
8526 align-items: center; 8526 align-items: center;
8527 } 8527 }
8528 } 8528 }
8529 @media (min-width: 992px) { 8529 @media (min-width: 992px) {
8530 .cabinet__anketa { 8530 .cabinet__anketa {
8531 -webkit-box-orient: vertical; 8531 -webkit-box-orient: vertical;
8532 -webkit-box-direction: normal; 8532 -webkit-box-direction: normal;
8533 -ms-flex-direction: column; 8533 -ms-flex-direction: column;
8534 flex-direction: column; 8534 flex-direction: column;
8535 -webkit-box-align: stretch; 8535 -webkit-box-align: stretch;
8536 -ms-flex-align: stretch; 8536 -ms-flex-align: stretch;
8537 align-items: stretch; 8537 align-items: stretch;
8538 } 8538 }
8539 } 8539 }
8540 @media (min-width: 1280px) { 8540 @media (min-width: 1280px) {
8541 .cabinet__anketa { 8541 .cabinet__anketa {
8542 -webkit-box-orient: horizontal; 8542 -webkit-box-orient: horizontal;
8543 -webkit-box-direction: normal; 8543 -webkit-box-direction: normal;
8544 -ms-flex-direction: row; 8544 -ms-flex-direction: row;
8545 flex-direction: row; 8545 flex-direction: row;
8546 -webkit-box-align: center; 8546 -webkit-box-align: center;
8547 -ms-flex-align: center; 8547 -ms-flex-align: center;
8548 align-items: center; 8548 align-items: center;
8549 -webkit-box-pack: justify; 8549 -webkit-box-pack: justify;
8550 -ms-flex-pack: justify; 8550 -ms-flex-pack: justify;
8551 justify-content: space-between; 8551 justify-content: space-between;
8552 } 8552 }
8553 } 8553 }
8554 .cabinet__anketa-buttons { 8554 .cabinet__anketa-buttons {
8555 display: -webkit-box; 8555 display: -webkit-box;
8556 display: -ms-flexbox; 8556 display: -ms-flexbox;
8557 display: flex; 8557 display: flex;
8558 -webkit-box-orient: vertical; 8558 -webkit-box-orient: vertical;
8559 -webkit-box-direction: normal; 8559 -webkit-box-direction: normal;
8560 -ms-flex-direction: column; 8560 -ms-flex-direction: column;
8561 flex-direction: column; 8561 flex-direction: column;
8562 gap: 10px; 8562 gap: 10px;
8563 } 8563 }
8564 @media (min-width: 768px) { 8564 @media (min-width: 768px) {
8565 .cabinet__anketa-buttons { 8565 .cabinet__anketa-buttons {
8566 display: grid; 8566 display: grid;
8567 grid-template-columns: 1fr 1fr; 8567 grid-template-columns: 1fr 1fr;
8568 gap: 20px; 8568 gap: 20px;
8569 } 8569 }
8570 } 8570 }
8571 .cabinet__stats { 8571 .cabinet__stats {
8572 display: -webkit-box; 8572 display: -webkit-box;
8573 display: -ms-flexbox; 8573 display: -ms-flexbox;
8574 display: flex; 8574 display: flex;
8575 -webkit-box-orient: vertical; 8575 -webkit-box-orient: vertical;
8576 -webkit-box-direction: normal; 8576 -webkit-box-direction: normal;
8577 -ms-flex-direction: column; 8577 -ms-flex-direction: column;
8578 flex-direction: column; 8578 flex-direction: column;
8579 gap: 6px; 8579 gap: 6px;
8580 } 8580 }
8581 @media (min-width: 768px) { 8581 @media (min-width: 768px) {
8582 .cabinet__stats { 8582 .cabinet__stats {
8583 gap: 12px; 8583 gap: 12px;
8584 } 8584 }
8585 } 8585 }
8586 .cabinet__stats-title { 8586 .cabinet__stats-title {
8587 font-size: 14px; 8587 font-size: 14px;
8588 font-weight: 700; 8588 font-weight: 700;
8589 color: #3a3b3c; 8589 color: #3a3b3c;
8590 } 8590 }
8591 @media (min-width: 768px) { 8591 @media (min-width: 768px) {
8592 .cabinet__stats-title { 8592 .cabinet__stats-title {
8593 font-size: 24px; 8593 font-size: 24px;
8594 } 8594 }
8595 } 8595 }
8596 .cabinet__stats-body { 8596 .cabinet__stats-body {
8597 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 8597 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
8598 border-radius: 8px; 8598 border-radius: 8px;
8599 padding: 10px; 8599 padding: 10px;
8600 display: grid; 8600 display: grid;
8601 grid-template-columns: 1fr 1fr; 8601 grid-template-columns: 1fr 1fr;
8602 gap: 20px; 8602 gap: 20px;
8603 margin-bottom: 10px; 8603 margin-bottom: 10px;
8604 } 8604 }
8605 @media (min-width: 768px) { 8605 @media (min-width: 768px) {
8606 .cabinet__stats-body { 8606 .cabinet__stats-body {
8607 padding: 10px 20px; 8607 padding: 10px 20px;
8608 } 8608 }
8609 } 8609 }
8610 .cabinet__stats-item { 8610 .cabinet__stats-item {
8611 font-size: 12px; 8611 font-size: 12px;
8612 display: -webkit-box; 8612 display: -webkit-box;
8613 display: -ms-flexbox; 8613 display: -ms-flexbox;
8614 display: flex; 8614 display: flex;
8615 -webkit-box-align: center; 8615 -webkit-box-align: center;
8616 -ms-flex-align: center; 8616 -ms-flex-align: center;
8617 align-items: center; 8617 align-items: center;
8618 line-height: 1; 8618 line-height: 1;
8619 gap: 6px; 8619 gap: 6px;
8620 } 8620 }
8621 @media (min-width: 768px) { 8621 @media (min-width: 768px) {
8622 .cabinet__stats-item { 8622 .cabinet__stats-item {
8623 font-size: 20px; 8623 font-size: 20px;
8624 gap: 10px; 8624 gap: 10px;
8625 } 8625 }
8626 } 8626 }
8627 .cabinet__stats-item svg { 8627 .cabinet__stats-item svg {
8628 width: 20px; 8628 width: 20px;
8629 aspect-ratio: 1/1; 8629 aspect-ratio: 1/1;
8630 color: #377d87; 8630 color: #377d87;
8631 } 8631 }
8632 @media (min-width: 768px) { 8632 @media (min-width: 768px) {
8633 .cabinet__stats-item svg { 8633 .cabinet__stats-item svg {
8634 width: 40px; 8634 width: 40px;
8635 margin-right: 10px; 8635 margin-right: 10px;
8636 } 8636 }
8637 } 8637 }
8638 .cabinet__stats-item span { 8638 .cabinet__stats-item span {
8639 font-weight: 700; 8639 font-weight: 700;
8640 color: #3a3b3c; 8640 color: #3a3b3c;
8641 } 8641 }
8642 .cabinet__stats-item b { 8642 .cabinet__stats-item b {
8643 color: #377d87; 8643 color: #377d87;
8644 font-size: 14px; 8644 font-size: 14px;
8645 } 8645 }
8646 @media (min-width: 768px) { 8646 @media (min-width: 768px) {
8647 .cabinet__stats-item b { 8647 .cabinet__stats-item b {
8648 font-size: 24px; 8648 font-size: 24px;
8649 } 8649 }
8650 } 8650 }
8651 .cabinet__stats-subtitle { 8651 .cabinet__stats-subtitle {
8652 font-size: 14px; 8652 font-size: 14px;
8653 font-weight: 700; 8653 font-weight: 700;
8654 color: #377d87; 8654 color: #377d87;
8655 } 8655 }
8656 @media (min-width: 768px) { 8656 @media (min-width: 768px) {
8657 .cabinet__stats-subtitle { 8657 .cabinet__stats-subtitle {
8658 font-size: 18px; 8658 font-size: 18px;
8659 } 8659 }
8660 } 8660 }
8661 .cabinet__stats-line { 8661 .cabinet__stats-line {
8662 width: 100%; 8662 width: 100%;
8663 position: relative; 8663 position: relative;
8664 overflow: hidden; 8664 overflow: hidden;
8665 height: 8px; 8665 height: 8px;
8666 border-radius: 999px; 8666 border-radius: 999px;
8667 background: #CECECE; 8667 background: #CECECE;
8668 } 8668 }
8669 .cabinet__stats-line span { 8669 .cabinet__stats-line span {
8670 position: absolute; 8670 position: absolute;
8671 top: 0; 8671 top: 0;
8672 left: 0; 8672 left: 0;
8673 width: 100%; 8673 width: 100%;
8674 height: 100%; 8674 height: 100%;
8675 background: #377d87; 8675 background: #377d87;
8676 border-radius: 999px; 8676 border-radius: 999px;
8677 } 8677 }
8678 .cabinet__stats-bottom { 8678 .cabinet__stats-bottom {
8679 color: #3a3b3c; 8679 color: #3a3b3c;
8680 font-size: 12px; 8680 font-size: 12px;
8681 } 8681 }
8682 @media (min-width: 768px) { 8682 @media (min-width: 768px) {
8683 .cabinet__stats-bottom { 8683 .cabinet__stats-bottom {
8684 font-size: 16px; 8684 font-size: 16px;
8685 } 8685 }
8686 } 8686 }
8687 .cabinet__works { 8687 .cabinet__works {
8688 display: -webkit-box; 8688 display: -webkit-box;
8689 display: -ms-flexbox; 8689 display: -ms-flexbox;
8690 display: flex; 8690 display: flex;
8691 -webkit-box-orient: vertical; 8691 -webkit-box-orient: vertical;
8692 -webkit-box-direction: normal; 8692 -webkit-box-direction: normal;
8693 -ms-flex-direction: column; 8693 -ms-flex-direction: column;
8694 flex-direction: column; 8694 flex-direction: column;
8695 gap: 20px; 8695 gap: 20px;
8696 } 8696 }
8697 @media (min-width: 768px) { 8697 @media (min-width: 768px) {
8698 .cabinet__works { 8698 .cabinet__works {
8699 gap: 30px; 8699 gap: 30px;
8700 } 8700 }
8701 } 8701 }
8702 .cabinet__works-item { 8702 .cabinet__works-item {
8703 -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2); 8703 -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
8704 box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2); 8704 box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
8705 padding: 10px; 8705 padding: 10px;
8706 border-radius: 4px; 8706 border-radius: 4px;
8707 } 8707 }
8708 @media (min-width: 768px) { 8708 @media (min-width: 768px) {
8709 .cabinet__works-item { 8709 .cabinet__works-item {
8710 padding: 20px; 8710 padding: 20px;
8711 border-radius: 8px; 8711 border-radius: 8px;
8712 } 8712 }
8713 } 8713 }
8714 .cabinet__works-spoiler { 8714 .cabinet__works-spoiler {
8715 display: -webkit-box; 8715 display: -webkit-box;
8716 display: -ms-flexbox; 8716 display: -ms-flexbox;
8717 display: flex; 8717 display: flex;
8718 -webkit-box-align: center; 8718 -webkit-box-align: center;
8719 -ms-flex-align: center; 8719 -ms-flex-align: center;
8720 align-items: center; 8720 align-items: center;
8721 -webkit-box-pack: justify; 8721 -webkit-box-pack: justify;
8722 -ms-flex-pack: justify; 8722 -ms-flex-pack: justify;
8723 justify-content: space-between; 8723 justify-content: space-between;
8724 } 8724 }
8725 .cabinet__works-spoiler-left { 8725 .cabinet__works-spoiler-left {
8726 display: -webkit-box; 8726 display: -webkit-box;
8727 display: -ms-flexbox; 8727 display: -ms-flexbox;
8728 display: flex; 8728 display: flex;
8729 -webkit-box-align: center; 8729 -webkit-box-align: center;
8730 -ms-flex-align: center; 8730 -ms-flex-align: center;
8731 align-items: center; 8731 align-items: center;
8732 width: calc(100% - 22px); 8732 width: calc(100% - 22px);
8733 } 8733 }
8734 .cabinet__works-spoiler-right { 8734 .cabinet__works-spoiler-right {
8735 width: 22px; 8735 width: 22px;
8736 height: 22px; 8736 height: 22px;
8737 display: -webkit-box; 8737 display: -webkit-box;
8738 display: -ms-flexbox; 8738 display: -ms-flexbox;
8739 display: flex; 8739 display: flex;
8740 -webkit-box-align: center; 8740 -webkit-box-align: center;
8741 -ms-flex-align: center; 8741 -ms-flex-align: center;
8742 align-items: center; 8742 align-items: center;
8743 -webkit-box-pack: center; 8743 -webkit-box-pack: center;
8744 -ms-flex-pack: center; 8744 -ms-flex-pack: center;
8745 justify-content: center; 8745 justify-content: center;
8746 color: #377d87; 8746 color: #377d87;
8747 padding: 0; 8747 padding: 0;
8748 background: none; 8748 background: none;
8749 border: none; 8749 border: none;
8750 } 8750 }
8751 .cabinet__works-spoiler-right svg { 8751 .cabinet__works-spoiler-right svg {
8752 width: 60%; 8752 width: 60%;
8753 aspect-ratio: 1/1; 8753 aspect-ratio: 1/1;
8754 -webkit-transform: rotate(90deg); 8754 -webkit-transform: rotate(90deg);
8755 -ms-transform: rotate(90deg); 8755 -ms-transform: rotate(90deg);
8756 transform: rotate(90deg); 8756 transform: rotate(90deg);
8757 -webkit-transition: 0.3s; 8757 -webkit-transition: 0.3s;
8758 transition: 0.3s; 8758 transition: 0.3s;
8759 } 8759 }
8760 .cabinet__works-spoiler.active .cabinet__works-spoiler-right svg { 8760 .cabinet__works-spoiler.active .cabinet__works-spoiler-right svg {
8761 -webkit-transform: rotate(-90deg); 8761 -webkit-transform: rotate(-90deg);
8762 -ms-transform: rotate(-90deg); 8762 -ms-transform: rotate(-90deg);
8763 transform: rotate(-90deg); 8763 transform: rotate(-90deg);
8764 } 8764 }
8765 .cabinet__works-spoiler-buttons { 8765 .cabinet__works-spoiler-buttons {
8766 display: -webkit-box; 8766 display: -webkit-box;
8767 display: -ms-flexbox; 8767 display: -ms-flexbox;
8768 display: flex; 8768 display: flex;
8769 -webkit-box-align: center; 8769 -webkit-box-align: center;
8770 -ms-flex-align: center; 8770 -ms-flex-align: center;
8771 align-items: center; 8771 align-items: center;
8772 -webkit-box-pack: justify; 8772 -webkit-box-pack: justify;
8773 -ms-flex-pack: justify; 8773 -ms-flex-pack: justify;
8774 justify-content: space-between; 8774 justify-content: space-between;
8775 width: 60px; 8775 width: 60px;
8776 } 8776 }
8777 @media (min-width: 768px) { 8777 @media (min-width: 768px) {
8778 .cabinet__works-spoiler-buttons { 8778 .cabinet__works-spoiler-buttons {
8779 width: 74px; 8779 width: 74px;
8780 } 8780 }
8781 } 8781 }
8782 .cabinet__works-spoiler-buttons .button { 8782 .cabinet__works-spoiler-buttons .button {
8783 width: 22px; 8783 width: 22px;
8784 height: 22px; 8784 height: 22px;
8785 padding: 0; 8785 padding: 0;
8786 } 8786 }
8787 @media (min-width: 768px) { 8787 @media (min-width: 768px) {
8788 .cabinet__works-spoiler-buttons .button { 8788 .cabinet__works-spoiler-buttons .button {
8789 width: 30px; 8789 width: 30px;
8790 height: 30px; 8790 height: 30px;
8791 } 8791 }
8792 } 8792 }
8793 .cabinet__works-spoiler-text { 8793 .cabinet__works-spoiler-text {
8794 width: calc(100% - 60px); 8794 width: calc(100% - 60px);
8795 padding-left: 20px; 8795 padding-left: 20px;
8796 font-size: 17px; 8796 font-size: 17px;
8797 font-weight: 700; 8797 font-weight: 700;
8798 color: #3a3b3c; 8798 color: #3a3b3c;
8799 } 8799 }
8800 @media (min-width: 768px) { 8800 @media (min-width: 768px) {
8801 .cabinet__works-spoiler-text { 8801 .cabinet__works-spoiler-text {
8802 width: calc(100% - 74px); 8802 width: calc(100% - 74px);
8803 font-size: 20px; 8803 font-size: 20px;
8804 } 8804 }
8805 } 8805 }
8806 .cabinet__works-body { 8806 .cabinet__works-body {
8807 opacity: 0; 8807 opacity: 0;
8808 height: 0; 8808 height: 0;
8809 overflow: hidden; 8809 overflow: hidden;
8810 } 8810 }
8811 .active + .cabinet__works-body { 8811 .active + .cabinet__works-body {
8812 -webkit-transition: 0.3s; 8812 -webkit-transition: 0.3s;
8813 transition: 0.3s; 8813 transition: 0.3s;
8814 opacity: 1; 8814 opacity: 1;
8815 height: auto; 8815 height: auto;
8816 padding-top: 20px; 8816 padding-top: 20px;
8817 } 8817 }
8818 .cabinet__works-add { 8818 .cabinet__works-add {
8819 padding: 0; 8819 padding: 0;
8820 width: 100%; 8820 width: 100%;
8821 max-width: 160px; 8821 max-width: 160px;
8822 } 8822 }
8823 @media (min-width: 768px) { 8823 @media (min-width: 768px) {
8824 .cabinet__works-add { 8824 .cabinet__works-add {
8825 max-width: 220px; 8825 max-width: 220px;
8826 } 8826 }
8827 } 8827 }
8828 .cabinet__buttons { 8828 .cabinet__buttons {
8829 display: -webkit-box; 8829 display: -webkit-box;
8830 display: -ms-flexbox; 8830 display: -ms-flexbox;
8831 display: flex; 8831 display: flex;
8832 -webkit-box-orient: vertical; 8832 -webkit-box-orient: vertical;
8833 -webkit-box-direction: normal; 8833 -webkit-box-direction: normal;
8834 -ms-flex-direction: column; 8834 -ms-flex-direction: column;
8835 flex-direction: column; 8835 flex-direction: column;
8836 -webkit-box-align: center; 8836 -webkit-box-align: center;
8837 -ms-flex-align: center; 8837 -ms-flex-align: center;
8838 align-items: center; 8838 align-items: center;
8839 gap: 10px; 8839 gap: 10px;
8840 } 8840 }
8841 @media (min-width: 768px) { 8841 @media (min-width: 768px) {
8842 .cabinet__buttons { 8842 .cabinet__buttons {
8843 display: grid; 8843 display: grid;
8844 grid-template-columns: 1fr 1fr; 8844 grid-template-columns: 1fr 1fr;
8845 gap: 20px; 8845 gap: 20px;
8846 } 8846 }
8847 } 8847 }
8848 .cabinet__buttons .button, .cabinet__buttons .file { 8848 .cabinet__buttons .button, .cabinet__buttons .file {
8849 padding: 0; 8849 padding: 0;
8850 width: 100%; 8850 width: 100%;
8851 max-width: 140px; 8851 max-width: 140px;
8852 } 8852 }
8853 @media (min-width: 768px) { 8853 @media (min-width: 768px) {
8854 .cabinet__buttons .button, .cabinet__buttons .file { 8854 .cabinet__buttons .button, .cabinet__buttons .file {
8855 max-width: none; 8855 max-width: none;
8856 } 8856 }
8857 } 8857 }
8858 @media (min-width: 768px) { 8858 @media (min-width: 768px) {
8859 .cabinet__buttons { 8859 .cabinet__buttons {
8860 gap: 20px; 8860 gap: 20px;
8861 } 8861 }
8862 } 8862 }
8863 @media (min-width: 1280px) { 8863 @media (min-width: 1280px) {
8864 .cabinet__buttons { 8864 .cabinet__buttons {
8865 max-width: 400px; 8865 max-width: 400px;
8866 } 8866 }
8867 } 8867 }
8868 .cabinet__vacs { 8868 .cabinet__vacs {
8869 display: -webkit-box; 8869 display: -webkit-box;
8870 display: -ms-flexbox; 8870 display: -ms-flexbox;
8871 display: flex; 8871 display: flex;
8872 -webkit-box-orient: vertical; 8872 -webkit-box-orient: vertical;
8873 -webkit-box-direction: reverse; 8873 -webkit-box-direction: reverse;
8874 -ms-flex-direction: column-reverse; 8874 -ms-flex-direction: column-reverse;
8875 flex-direction: column-reverse; 8875 flex-direction: column-reverse;
8876 -webkit-box-align: center; 8876 -webkit-box-align: center;
8877 -ms-flex-align: center; 8877 -ms-flex-align: center;
8878 align-items: center; 8878 align-items: center;
8879 gap: 20px; 8879 gap: 20px;
8880 } 8880 }
8881 .cabinet__vacs-body { 8881 .cabinet__vacs-body {
8882 display: -webkit-box; 8882 display: -webkit-box;
8883 display: -ms-flexbox; 8883 display: -ms-flexbox;
8884 display: flex; 8884 display: flex;
8885 -webkit-box-orient: vertical; 8885 -webkit-box-orient: vertical;
8886 -webkit-box-direction: normal; 8886 -webkit-box-direction: normal;
8887 -ms-flex-direction: column; 8887 -ms-flex-direction: column;
8888 flex-direction: column; 8888 flex-direction: column;
8889 gap: 20px; 8889 gap: 20px;
8890 width: 100%; 8890 width: 100%;
8891 } 8891 }
8892 @media (min-width: 768px) { 8892 @media (min-width: 768px) {
8893 .cabinet__vacs-body { 8893 .cabinet__vacs-body {
8894 gap: 30px; 8894 gap: 30px;
8895 } 8895 }
8896 } 8896 }
8897 .cabinet__vacs-item { 8897 .cabinet__vacs-item {
8898 display: none; 8898 display: none;
8899 background: #ffffff; 8899 background: #ffffff;
8900 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 8900 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
8901 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 8901 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
8902 } 8902 }
8903 .cabinet__vacs-item:nth-of-type(1), .cabinet__vacs-item:nth-of-type(2) { 8903 .cabinet__vacs-item:nth-of-type(1), .cabinet__vacs-item:nth-of-type(2) {
8904 display: -webkit-box; 8904 display: -webkit-box;
8905 display: -ms-flexbox; 8905 display: -ms-flexbox;
8906 display: flex; 8906 display: flex;
8907 } 8907 }
8908 .cabinet__vacs.active .cabinet__vacs-item { 8908 .cabinet__vacs.active .cabinet__vacs-item {
8909 display: -webkit-box; 8909 display: -webkit-box;
8910 display: -ms-flexbox; 8910 display: -ms-flexbox;
8911 display: flex; 8911 display: flex;
8912 }
8913 8912 }
8913
8914 .select2-selection--multiple .select2-selection__rendered {
8915 display: -webkit-box !important;
8916 display: -ms-flexbox !important;
8917 display: flex !important;
8918 -webkit-box-align: center;
8919 -ms-flex-align: center;
8920 align-items: center;
8921 -ms-flex-wrap: wrap;
8922 flex-wrap: wrap;
8923 gap: 10px;
8924 padding-top: 10px !important;
8925 padding-bottom: 10px !important;
8926 }
8927
8928 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
8929 margin: 0;
8930 }
resources/views/admin/job_titles/form.blade.php
1 <div class="px-4 py-3 mb-8 bg-white rounded-lg shadow-md dark:bg-gray-800"> 1 <div class="px-4 py-3 mb-8 bg-white rounded-lg shadow-md dark:bg-gray-800">
2 <label class="block text-sm"> 2 <label class="block text-sm">
3 <span class="text-gray-700 dark:text-gray-400">Название должности</span> 3 <span class="text-gray-700 dark:text-gray-400">Название должности</span>
4 <input name="name" id="name" 4 <input name="name" id="name"
5 class="block w-full mt-1 text-sm dark:border-gray-600 dark:bg-gray-700 focus:border-purple-400 focus:outline-none focus:shadow-outline-purple dark:text-gray-300 dark:focus:shadow-outline-gray form-input" 5 class="block w-full mt-1 text-sm dark:border-gray-600 dark:bg-gray-700 focus:border-purple-400 focus:outline-none focus:shadow-outline-purple dark:text-gray-300 dark:focus:shadow-outline-gray form-input"
6 placeholder="Название должности" value="{{ old('name') ?? $job_title->name ?? '' }}" 6 placeholder="Название должности" value="{{ old('name') ?? $job_title->name ?? '' }}"
7 /> 7 />
8 @error('name') 8 @error('name')
9 <span class="text-xs text-red-600 dark:text-red-400"> 9 <span class="text-xs text-red-600 dark:text-red-400">
10 {{ $message }} 10 {{ $message }}
11 </span> 11 </span>
12 @enderror 12 @enderror
13 </label><br> 13 </label><br>
14 14
15 <label class="block text-sm"> 15 <label class="block text-sm">
16 <span class="text-gray-700 dark:text-gray-400">Родитель</span> 16 <span class="text-gray-700 dark:text-gray-400">Родитель</span>
17 17
18 @php 18 @php
19 $parent_id = old('parent_id') ?? $job_title->parent_id ?? 0; 19 $parent_id = old('parent_id') ?? $job_title->parent_id ?? 0;
20 @endphp 20 @endphp
21 <select name="parent_id" class="block w-full mt-1 text-sm dark:text-gray-300 dark:border-gray-600 dark:bg-gray-700 form-select focus:border-purple-400 focus:outline-none focus:shadow-outline-purple dark:focus:shadow-outline-gray" 21 <select name="parent_id" class="block w-full mt-1 text-sm dark:text-gray-300 dark:border-gray-600 dark:bg-gray-700 form-select focus:border-purple-400 focus:outline-none focus:shadow-outline-purple dark:focus:shadow-outline-gray"
22 title="Родитель"> 22 title="Родитель">
23 <option value="0">Без родителя</option> 23 <option value="0">Без родителя</option>
24 @include('admin.job_titles.parent_id', ['level' => -1, 'parent' => 0]) 24 @include('admin.job_titles.parent_id', ['level' => -1, 'parent' => 0])
25 </select> 25 </select>
26 </label><br> 26 </label><br>
27 27
28 <label class="block text-sm">
29 <span class="text-gray-700 dark:text-gray-400">Сортировка</span>
30 @php
31 $sort_num = 100;
32 @endphp
33 <select name="sort" class="block w-full mt-1 text-sm dark:text-gray-300 dark:border-gray-600 dark:bg-gray-700 form-select focus:border-purple-400 focus:outline-none focus:shadow-outline-purple dark:focus:shadow-outline-gray"
34 title="Сортировка">
35 @for($i = 1; $i <= 10; $i++)
36 <option value="{{ $sort_num }}" @if (isset($job_title)) @if ($sort_num == $job_title->sort) selected @else @endif @endif>{{ $sort_num }}</option>
37 @php $sort_num = $sort_num + 10; @endphp
38 @endfor
39 </select>
40 </label><br>
41
28 <label class="block text-sm"> 42 <div class="flex flex-col flex-wrap mb-4 space-y-4 md:flex-row md:items-end md:space-x-4">
29 <span class="text-gray-700 dark:text-gray-400">Сортировка</span> 43 <div>
30 @php 44 <button type="submit" class="px-3 py-1 text-sm font-medium leading-5 text-white transition-colors duration-150 bg-purple-600 border border-transparent rounded-md active:bg-purple-600 hover:bg-purple-700 focus:outline-none focus:shadow-outline-purple">
31 $sort_num = 100; 45 Сохранить
32 @endphp 46 </button>
33 <select name="sort" class="block w-full mt-1 text-sm dark:text-gray-300 dark:border-gray-600 dark:bg-gray-700 form-select focus:border-purple-400 focus:outline-none focus:shadow-outline-purple dark:focus:shadow-outline-gray" 47
34 title="Сортировка"> 48 <a href="{{ route('admin.job-titles.index') }}"
35 @for($i = 1; $i <= 10; $i++) 49 class="px-3 py-1 text-sm font-medium leading-5 text-white transition-colors duration-150 bg-purple-600 border border-transparent rounded-md active:bg-purple-600 hover:bg-purple-700 focus:outline-none focus:shadow-outline-purple"
36 <option value="{{ $sort_num }}" @if (isset($job_title)) @if ($sort_num == $job_title->sort) selected @else @endif @endif>{{ $sort_num }}</option> 50 style="display: -webkit-inline-box; height: 30px!important;"
37 @php $sort_num = $sort_num + 10; @endphp 51 >Назад</a>
38 @endfor 52 </div>
39 </select> 53 </div>
40 </label><br> 54 </div>
41 55
resources/views/admin/positions/add.blade.php
File was created 1 @extends('layout.admin', ['title' => 'Админка - Добавление позиции'])
2
3 @section('content')
4 <h4 class="mb-4 text-lg font-semibold text-gray-600 dark:text-gray-300">
5 Добавление новой позиции
6 </h4>
7 <form method="POST" action="{{ route('admin.add-save-position') }}">
8 @csrf
9 @include('admin.positions.form')
10 </form>
11 @endsection
1 @extends('layout.admin', ['title' => 'Админка - Добавление позиции']) 12
resources/views/admin/positions/edit.blade.php
File was created 1 @extends('layout.admin', ['title' => 'Админка - Редактирование позиции'])
2
3 @section('content')
4 <h4 class="mb-4 text-lg font-semibold text-gray-600 dark:text-gray-300">
5 Редактирование должности
6 </h4>
7 <form method="POST" action="{{ route('admin.update-position', ['position' => $position->id]) }}">
8 @csrf
9 @include('admin.positions.form')
10 </form>
11 @endsection
1 @extends('layout.admin', ['title' => 'Админка - Редактирование позиции']) 12
resources/views/admin/positions/form.blade.php
File was created 1 <div class="px-4 py-3 mb-8 bg-white rounded-lg shadow-md dark:bg-gray-800">
2 <label class="block text-sm">
3 <span class="text-gray-700 dark:text-gray-400">Название позиции</span>
4 <input name="name" id="name"
5 class="block w-full mt-1 text-sm dark:border-gray-600 dark:bg-gray-700 focus:border-purple-400 focus:outline-none focus:shadow-outline-purple dark:text-gray-300 dark:focus:shadow-outline-gray form-input"
6 placeholder="Название позиции" value="{{ old('name') ?? $position->name ?? '' }}"
7 />
8 @error('name')
9 <span class="text-xs text-red-600 dark:text-red-400">
10 {{ $message }}
11 </span>
12 @enderror
13 </label><br>
14
15 <label class="block text-sm">
16 <span class="text-gray-700 dark:text-gray-400">Сортировка</span>
17 @php
18 $sort_num = 100;
19 @endphp
20 <select name="sort" class="block w-full mt-1 text-sm dark:text-gray-300 dark:border-gray-600 dark:bg-gray-700 form-select focus:border-purple-400 focus:outline-none focus:shadow-outline-purple dark:focus:shadow-outline-gray"
21 title="Сортировка">
22 @for($i = 1; $i <= 10; $i++)
23 <option value="{{ $sort_num }}" @if (isset($position)) @if ($sort_num == $position->sort) selected @else @endif @endif>{{ $sort_num }}</option>
24 @php $sort_num = $sort_num + 10; @endphp
25 @endfor
26 </select>
27 </label><br>
28
29 <div class="flex flex-col flex-wrap mb-4 space-y-4 md:flex-row md:items-end md:space-x-4">
30 <div>
31 <button type="submit" class="px-3 py-1 text-sm font-medium leading-5 text-white transition-colors duration-150 bg-purple-600 border border-transparent rounded-md active:bg-purple-600 hover:bg-purple-700 focus:outline-none focus:shadow-outline-purple">
32 Сохранить
33 </button>
34
35 <a href="{{ route('admin.position') }}"
36 class="px-3 py-1 text-sm font-medium leading-5 text-white transition-colors duration-150 bg-purple-600 border border-transparent rounded-md active:bg-purple-600 hover:bg-purple-700 focus:outline-none focus:shadow-outline-purple"
37 style="display: -webkit-inline-box; height: 30px!important;"
38 >Назад</a>
39 </div>
40 </div>
41 </div>
1 <div class="px-4 py-3 mb-8 bg-white rounded-lg shadow-md dark:bg-gray-800"> 42
resources/views/admin/positions/position.blade.php
File was created 1 @extends('layout.admin', ['title' => 'Админка - Позиции'])
2 @section('script')
3 <script>
4 $(document).ready(function() {
5 $(document).on('click', '.checkban', function () {
6 var this_ = $(this);
7 var value = this_.val();
8 var ajax_block = $('#ajax_block');
9 var bool = 0;
10
11 if(this.checked){
12 bool = 1;
13 } else {
14 bool = 0;
15 }
16
17 $.ajax({
18 type: "GET",
19 url: "{{ url()->full()}}",
20 data: "id=" + value + "&is_ban=" + bool,
21 success: function (data) {
22 console.log('Обновление таблицы работников ');
23 //data = JSON.parse(data);
24 console.log(data);
25 ajax_block.html(data);
26 },
27 headers: {
28 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
29 },
30 error: function (data) {
31 console.log('Error: ' + data);
32 }
33 });
34 });
35 });
36 </script>
37 @endsection
38
39 @section('search')
40 @endsection
41
42 @section('content')
43
44 <div class="w-full overflow-hidden rounded-lg shadow-xs" id="ajax_block">
45 <div class="w-full overflow-x-auto">
46 <a class="px-3 py-1 text-sm font-medium leading-5 text-white transition-colors duration-150 bg-purple-600 border border-transparent rounded-md active:bg-purple-600 hover:bg-purple-700 focus:outline-none focus:shadow-outline-purple" href="{{ route('admin.add-position') }}">Создать позицию</a><br><br>
47 <table class="w-full whitespace-no-wrap">
48 <thead>
49 <tr
50 class="text-xs font-semibold tracking-wide text-left text-gray-500 uppercase border-b dark:border-gray-700 bg-gray-50 dark:text-gray-400 dark:bg-gray-800"
51 >
52 <th class="px-4 py-3">№</th>
53 <th class="px-4 py-3">Позиция</th>
54 <th class="px-4 py-3">Дата создания</th>
55 <th class="px-4 py-3">Изменить</th>
56 </tr>
57 </thead>
58 <tbody class="bg-white divide-y dark:divide-gray-700 dark:bg-gray-800">
59 @foreach($Positions as $Pos)
60 <tr class="text-gray-700 dark:text-gray-400">
61 <td class="px-4 py-3 text-xs">
62 {{$Pos->id}}
63 </td>
64 <td class="px-4 py-3 text-xs">
65 {{ $Pos->name }}
66 </td>
67 <td class="px-4 py-3 text-xs">
68 {{ date('d.m.Y h:i:s', strtotime($Pos->created_at)) }}
69 </td>
70 <td class="px-4 py-3 text-xs">
71 <a href="{{ route('admin.edit-position', ['position' => $Pos->id]) }}">Изменить</a> |
72 <a href="{{ route('admin.delete-position', ['position' => $Pos->id]) }}">Удалить</a>
73 </td>
74 </tr>
75 @endforeach
76 </tbody>
77 </table>
78 </div>
79 </div>
80 @endsection
1 @extends('layout.admin', ['title' => 'Админка - Работники']) 81
resources/views/ajax/new_sky.blade.php
1 @foreach ($BigFlot as $key => $flot) 1 @foreach ($BigFlot as $key => $flot)
2 <div class="vacancies__list-col"> 2 <div class="vacancies__list-col">
3 @include('block_real', ['flot' => $flot, 'position' => $Position[$key]]) 3 @include('block_real', ['flot' => $flot, 'position' => $Position[$key]])
4 </div> 4 </div>
5 @endforeach 5 @endforeach
6
resources/views/block_real.blade.php
1 @php $colors = Array('#F4C4C2', '#FBF1C8', '#ECFDEF', '#F3ECF6', '#ECFDEF'); 1 @php $colors = Array('#F4C4C2', '#FBF1C8', '#ECFDEF', '#F3ECF6', '#ECFDEF');
2 $i = 0; 2 $i = 0;
3 $k = 0; 3 $k = 0;
4 @endphp 4 @endphp
5 @if ($flot->count()) 5 @if ($flot->count())
6 @foreach ($flot as $key => $cat) 6 @foreach ($flot as $key => $cat)
7 @if ($k == 0) 7 @if ($k == 0)
8 <div class="vacancies__list-label">{{ $cat->position_ship }}</div> 8 <div class="vacancies__list-label">{{ $cat->position_ship }}</div>
9 @endif 9 @endif
10 <a href="{{ route('list-vacancies', ['job' => $cat->id_title]) }}" class="vacancies__item"> 10 <a href="{{ route('list-vacancies', ['job' => $cat->id_title]) }}" class="vacancies__item">
11 <span style="border-color:{{$colors[$i]}}"> 11 <span style="border-color:{{$colors[$i]}}">
12 <b>{{ $cat->name }}</b> 12 <b>{{ $cat->name }}</b>
13 <i>Вакансий: <span>{{ $cat->cnt }}</span></i> 13 <i>Вакансий: <span>{{ $cat->cnt }}</span></i>
14 </span> 14 </span>
15 </a> 15 </a>
16 16
17 @php 17 @php
18 $i++; 18 $i++;
19 $k++; 19 $k++;
20 if ($i > 4) {$i = 0;} 20 if ($i > 4) {$i = 0;}
21 @endphp 21 @endphp
22 @endforeach 22 @endforeach
23 @else 23 @else
24 <div class="vacancies__list-label">{{ $position->name }}</div> 24 <div class="vacancies__list-label">{{ $position->name }}</div>
25 <a class="vacancies__item"> 25 <a class="vacancies__item">
26 <span style="border-color:{{$colors[1]}}"> 26 <span style="border-color:{{$colors[1]}}">
27 <b>Тут нет информации</b> 27 <b>Тут нет информации</b>
28 </span> 28 </span>
29 </a> 29 </a>
30 @endif 30 @endif
31 31
resources/views/employers/add_vacancy.blade.php
1 @extends('layout.frontend', ['title' => 'Добавление вакансии РекаМоре']) 1 @extends('layout.frontend', ['title' => 'Добавление вакансии РекаМоре'])
2 2
3 @section('scripts') 3 @section('scripts')
4 @endsection 4 @endsection
5 @section('content') 5 @section('content')
6 <section class="cabinet"> 6 <section class="cabinet">
7 <div class="container"> 7 <div class="container">
8 <ul class="breadcrumbs cabinet__breadcrumbs"> 8 <ul class="breadcrumbs cabinet__breadcrumbs">
9 <li><a href="{{ route('index') }}">Главная</a></li> 9 <li><a href="{{ route('index') }}">Главная</a></li>
10 <li><b>Личный кабинет</b></li> 10 <li><b>Личный кабинет</b></li>
11 </ul> 11 </ul>
12 <div class="cabinet__wrapper"> 12 <div class="cabinet__wrapper">
13 <div class="cabinet__side"> 13 <div class="cabinet__side">
14 <div class="cabinet__side-toper"> 14 <div class="cabinet__side-toper">
15 15
16 @include('employers.emblema') 16 @include('employers.emblema')
17 17
18 </div> 18 </div>
19 19
20 @include('employers.menu', ['item' => 2]) 20 @include('employers.menu', ['item' => 2])
21 21
22 </div> 22 </div>
23 23
24 <form class="cabinet__body" action="{{ route('employer.vac_save') }}" method="POST"> 24 <form class="cabinet__body" action="{{ route('employer.vac_save') }}" method="POST">
25 @csrf 25 @csrf
26 <input type="hidden" name="employer_id" value="{{ $Employer[0]->id }}"/> 26 <input type="hidden" name="employer_id" value="{{ $Employer[0]->id }}"/>
27 <div class="cabinet__body-item"> 27 <div class="cabinet__body-item">
28 <div class="cabinet__descr"> 28 <div class="cabinet__descr">
29 <h2 class="title cabinet__title">Разместить вакансию</h2> 29 <h2 class="title cabinet__title">Разместить вакансию</h2>
30 <p class="cabinet__text"><b>Данные по вакансии</b></p> 30 <p class="cabinet__text"><b>Данные по вакансии</b></p>
31 <p class="cabinet__text">Все поля обязательны для заполнения *</p> 31 <p class="cabinet__text">Все поля обязательны для заполнения *</p>
32 </div> 32 </div>
33 </div> 33 </div>
34 <div class="cabinet__body-item"> 34 <div class="cabinet__body-item">
35 <div class="cabinet__inputs"> 35 <div class="cabinet__inputs">
36 <div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group"> 36 <div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group">
37 <label class="form-group__label">Название вакансии</label> 37 <label class="form-group__label">Название вакансии</label>
38 <div class="form-group__item"> 38 <div class="form-group__item">
39 <input type="text" class="input" name="name" id="name" placeholder="Работа в море" value="{{ old('name') ?? $Employer[0]->name ?? '' }}" required> 39 <input type="text" class="input" name="name" id="name" placeholder="Работа в море" value="{{ old('name') ?? $Employer[0]->name ?? '' }}" required>
40 @error('name') 40 @error('name')
41 <span class="text-xs text-red-600 dark:text-red-400"> 41 <span class="text-xs text-red-600 dark:text-red-400">
42 {{ $message }} 42 {{ $message }}
43 </span> 43 </span>
44 @enderror 44 @enderror
45 </div> 45 </div>
46 </div> 46 </div>
47 <div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group"> 47 <div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group">
48 <label class="form-group__label">Должность соискателя</label> 48 <label class="form-group__label">Должность соискателя</label>
49 <div class="form-group__item"> 49 <div class="form-group__item">
50 <div class="select"> 50 <div class="select">
51 <select class="js-select2" name="job_title_id" id="job_title_id"> 51 <select class="js-select2" name="job_title_id" id="job_title_id">
52 @php $i = 1 @endphp 52 @php $i = 1 @endphp
53 @if ($jobs->count()) 53 @if ($jobs->count())
54 @foreach($jobs as $j) 54 @foreach($jobs as $j)
55 @if ($i == 1) <option selected> Выберите должность из списка</option> 55 @if ($i == 1) <option selected> Выберите должность из списка</option>
56 @else 56 @else
57 <option value="{{ $j->id }}">{{ $j->name }}</option> 57 <option value="{{ $j->id }}">{{ $j->name }}</option>
58 @endif 58 @endif
59 @php $i++ @endphp 59 @php $i++ @endphp
60 @endforeach 60 @endforeach
61 @endif 61 @endif
62 </select> 62 </select>
63 @error('job_title_id') 63 @error('job_title_id')
64 <span class="text-xs text-red-600 dark:text-red-400"> 64 <span class="text-xs text-red-600 dark:text-red-400">
65 {{ $message }} 65 {{ $message }}
66 </span> 66 </span>
67 @enderror 67 @enderror
68 </div> 68 </div>
69 </div> 69 </div>
70 </div> 70 </div>
71 71
72 <div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group"> 72 <div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group">
73 <label class="form-group__label">Категория (локация)</label> 73 <label class="form-group__label">Категория (локация)</label>
74 <div class="form-group__item"> 74 <div class="form-group__item">
75 <div class="select"> 75 <div class="select">
76 <select class="js-select2" name="category_id" id="category_id"> 76 <select class="js-select2" name="category_id" id="category_id">
77 @php $i = 1 @endphp 77 @php $i = 1 @endphp
78 @if ($categories->count()) 78 @if ($categories->count())
79 @foreach($categories as $j) 79 @foreach($categories as $j)
80 @if ($i == 1) <option selected> Выберите категорию из списка</option> 80 @if ($i == 1) <option selected> Выберите категорию из списка</option>
81 @else 81 @else
82 <option value="{{ $j->id }}">{{ $j->name }}</option> 82 <option value="{{ $j->id }}">{{ $j->name }}</option>
83 @endif 83 @endif
84 @php $i++ @endphp 84 @php $i++ @endphp
85 @endforeach 85 @endforeach
86 @endif 86 @endif
87 </select> 87 </select>
88 @error('category_id') 88 @error('category_id')
89 <span class="text-xs text-red-600 dark:text-red-400"> 89 <span class="text-xs text-red-600 dark:text-red-400">
90 {{ $message }} 90 {{ $message }}
91 </span> 91 </span>
92 @enderror 92 @enderror
93 </div> 93 </div>
94 </div> 94 </div>
95 </div> 95 </div>
96 96
97 <div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group"> 97 <div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group">
98 <label class="form-group__label">Позиция на корабле</label> 98 <label class="form-group__label">Позиция на корабле</label>
99 <div class="form-group__item"> 99 <div class="form-group__item">
100 <div class="select"> 100 <div class="select">
101 <select class="js-select2" name="position_ship" id="position_ship"> 101 <select class="js-select2" name="position_ship" id="position_ship">
102 <option> Выберите позицию из списка</option> 102 @foreach ($Positions as $it)
103 <option value="Палуба">Палуба</option> 103 <option value="{{ $it->name }}">{{ $it->name }}</option>
104 <option value="МО">МО</option> 104 @endforeach
105 <option value="Рядовые">Рядовые</option>
106 <option value="Прочие">Прочие</option>
107 </select> 105 </select>
108 @error('postion_ship') 106 @error('postion_ship')
109 <span class="text-xs text-red-600 dark:text-red-400"> 107 <span class="text-xs text-red-600 dark:text-red-400">
110 {{ $message }} 108 {{ $message }}
111 </span> 109 </span>
112 @enderror 110 @enderror
113 </div> 111 </div>
114 </div> 112 </div>
115 </div> 113 </div>
116 114
117 <div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group"> 115 <div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group">
118 <label class="form-group__label">Телефон</label> 116 <label class="form-group__label">Телефон</label>
119 <div class="form-group__item"> 117 <div class="form-group__item">
120 <input type="text" class="input" name="telephone" id="telephone" value="{{ old('telephone') ?? $Employer[0]->telephone ?? '' }}" placeholder="Свой телефон"> 118 <input type="text" class="input" name="telephone" id="telephone" value="{{ old('telephone') ?? $Employer[0]->telephone ?? '' }}" placeholder="Свой телефон">
121 @error('telephone') 119 @error('telephone')
122 <span class="text-xs text-red-600 dark:text-red-400"> 120 <span class="text-xs text-red-600 dark:text-red-400">
123 {{ $message }} 121 {{ $message }}
124 </span> 122 </span>
125 @enderror 123 @enderror
126 </div> 124 </div>
127 </div> 125 </div>
128 126
129 <div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group"> 127 <div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group">
130 <label class="form-group__label">Емайл</label> 128 <label class="form-group__label">Емайл</label>
131 <div class="form-group__item"> 129 <div class="form-group__item">
132 <input type="text" class="input" name="email" id="email" value="{{ old('email') ?? $Employer[0]->email ?? '' }}" placeholder="Своя почту"> 130 <input type="text" class="input" name="email" id="email" value="{{ old('email') ?? $Employer[0]->email ?? '' }}" placeholder="Своя почту">
133 @error('email') 131 @error('email')
134 <span class="text-xs text-red-600 dark:text-red-400"> 132 <span class="text-xs text-red-600 dark:text-red-400">
135 {{ $message }} 133 {{ $message }}
136 </span> 134 </span>
137 @enderror 135 @enderror
138 </div> 136 </div>
139 </div> 137 </div>
140 138
141 <div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group"> 139 <div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group">
142 <label class="form-group__label">Зарплата среднестатистическая</label> 140 <label class="form-group__label">Зарплата среднестатистическая</label>
143 <div class="form-group__item"> 141 <div class="form-group__item">
144 <input type="text" class="input" name="salary" id="salary" value="{{ old('salary') ?? '' }}" placeholder="Среднестатистическая зарплата"> 142 <input type="text" class="input" name="salary" id="salary" value="{{ old('salary') ?? '' }}" placeholder="Среднестатистическая зарплата">
145 @error('salary') 143 @error('salary')
146 <span class="text-xs text-red-600 dark:text-red-400"> 144 <span class="text-xs text-red-600 dark:text-red-400">
147 {{ $message }} 145 {{ $message }}
148 </span> 146 </span>
149 @enderror 147 @enderror
150 </div> 148 </div>
151 </div> 149 </div>
152 150
153 <div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group"> 151 <div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group">
154 <label class="form-group__label">Минимальная зарплата</label> 152 <label class="form-group__label">Минимальная зарплата</label>
155 <div class="form-group__item"> 153 <div class="form-group__item">
156 <input type="text" class="input" name="min_salary" id="min_salary" value="{{ old('min_salary') ?? '' }}" placeholder="Минимальная зарплата"> 154 <input type="text" class="input" name="min_salary" id="min_salary" value="{{ old('min_salary') ?? '' }}" placeholder="Минимальная зарплата">
157 @error('min_salary') 155 @error('min_salary')
158 <span class="text-xs text-red-600"> 156 <span class="text-xs text-red-600">
159 {{ $message }} 157 {{ $message }}
160 </span> 158 </span>
161 @enderror 159 @enderror
162 </div> 160 </div>
163 </div> 161 </div>
164 162
165 <div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group"> 163 <div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group">
166 <label class="form-group__label">Максимальная зарплата</label> 164 <label class="form-group__label">Максимальная зарплата</label>
167 <div class="form-group__item"> 165 <div class="form-group__item">
168 <input type="text" class="input" name="max_salary" id="max_salary" value="{{ old('max_salary') ?? '' }}" placeholder="Максимальная зарплата"> 166 <input type="text" class="input" name="max_salary" id="max_salary" value="{{ old('max_salary') ?? '' }}" placeholder="Максимальная зарплата">
169 @error('salary') 167 @error('salary')
170 <span class="text-xs text-red-600 dark:text-red-400"> 168 <span class="text-xs text-red-600 dark:text-red-400">
171 {{ $message }} 169 {{ $message }}
172 </span> 170 </span>
173 @enderror 171 @enderror
174 </div> 172 </div>
175 </div> 173 </div>
176 174
177 <div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group"> 175 <div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group">
178 <label class="form-group__label">Город-регион</label> 176 <label class="form-group__label">Город-регион</label>
179 <div class="form-group__item"> 177 <div class="form-group__item">
180 <input type="text" class="input" name="city" id="city" value="{{ old('city') ?? $Employer[0]->city ?? '' }}" placeholder="Севастополь"> 178 <input type="text" class="input" name="city" id="city" value="{{ old('city') ?? $Employer[0]->city ?? '' }}" placeholder="Севастополь">
181 @error('city') 179 @error('city')
182 <span class="text-xs text-red-600"> 180 <span class="text-xs text-red-600">
183 {{ $message }} 181 {{ $message }}
184 </span> 182 </span>
185 @enderror 183 @enderror
186 </div> 184 </div>
187 </div> 185 </div>
188 186
189 <div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group"> 187 <div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group">
190 <label class="form-group__label">Мощность</label> 188 <label class="form-group__label">Мощность</label>
191 <div class="form-group__item"> 189 <div class="form-group__item">
192 <input type="text" class="input" name="power" id="power" value="{{ old('power') ?? '' }}" placeholder="POWER-45"> 190 <input type="text" class="input" name="power" id="power" value="{{ old('power') ?? '' }}" placeholder="POWER-45">
193 @error('power') 191 @error('power')
194 <span class="text-xs text-red-600"> 192 <span class="text-xs text-red-600">
195 {{ $message }} 193 {{ $message }}
196 </span> 194 </span>
197 @enderror 195 @enderror
198 </div> 196 </div>
199 </div> 197 </div>
200 198
201 <div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group"> 199 <div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group">
202 <label class="form-group__label">Суточные выплаты</label> 200 <label class="form-group__label">Суточные выплаты</label>
203 <div class="form-group__item"> 201 <div class="form-group__item">
204 <input type="text" class="input" name="sytki" id="sytki" value="{{ old('sytki') ?? '' }}" placeholder="2000"> 202 <input type="text" class="input" name="sytki" id="sytki" value="{{ old('sytki') ?? '' }}" placeholder="2000">
205 @error('power') 203 @error('power')
206 <span class="text-xs text-red-600"> 204 <span class="text-xs text-red-600">
207 {{ $message }} 205 {{ $message }}
208 </span> 206 </span>
209 @enderror 207 @enderror
210 </div> 208 </div>
211 </div> 209 </div>
212 210
213 <div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group"> 211 <div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group">
214 <label class="form-group__label">Начало отплытия</label> 212 <label class="form-group__label">Начало отплытия</label>
215 <div class="form-group__item"> 213 <div class="form-group__item">
216 <input type="text" class="input" name="start" id="start" value="{{ old('start') ?? '' }}" placeholder="20 сентября 2024"> 214 <input type="text" class="input" name="start" id="start" value="{{ old('start') ?? '' }}" placeholder="20 сентября 2024">
217 @error('power') 215 @error('power')
218 <span class="text-xs text-red-600"> 216 <span class="text-xs text-red-600">
219 {{ $message }} 217 {{ $message }}
220 </span> 218 </span>
221 @enderror 219 @enderror
222 </div> 220 </div>
223 </div> 221 </div>
224 222
225 <div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group"> 223 <div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group">
226 <label class="form-group__label">Корабль для посадки</label> 224 <label class="form-group__label">Корабль для посадки</label>
227 <div class="form-group__item"> 225 <div class="form-group__item">
228 <div class="select"> 226 <div class="select">
229 <select class="js-select2" name="flot" id="flot"> 227 <select class="js-select2" name="flot" id="flot">
230 <option value="" selected> Не указан корабль</option> 228 <option value="" selected> Не указан корабль</option>
231 @if ($Employer[0]->flots->count()) 229 @if ($Employer[0]->flots->count())
232 @foreach($Employer[0]->flots as $j) 230 @foreach($Employer[0]->flots as $j)
233 <option value="{{ $j->name }}">{{ $j->name }} ({{ $j->id }})</option> 231 <option value="{{ $j->name }}">{{ $j->name }} ({{ $j->id }})</option>
234 @endforeach 232 @endforeach
235 @endif 233 @endif
236 </select> 234 </select>
237 @error('flot') 235 @error('flot')
238 <span class="text-xs text-red-600"> 236 <span class="text-xs text-red-600">
239 {{ $message }} 237 {{ $message }}
240 </span> 238 </span>
241 @enderror 239 @enderror
242 </div> 240 </div>
243 </div> 241 </div>
244 </div> 242 </div>
245 243
246 <div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group"> 244 <div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group">
247 <label class="form-group__label">Описание вакансии</label> 245 <label class="form-group__label">Описание вакансии</label>
248 <div class="form-group__item"> 246 <div class="form-group__item">
249 <textarea class="textarea" name="text" id="text">{{ $Employer[0]->text ?? '' }}</textarea> 247 <textarea class="textarea" name="text" id="text">{{ $Employer[0]->text ?? '' }}</textarea>
250 @error('text') 248 @error('text')
251 <span class="text-xs text-red-600"> 249 <span class="text-xs text-red-600">
252 {{ $message }} 250 {{ $message }}
253 </span> 251 </span>
254 @enderror 252 @enderror
255 </div> 253 </div>
256 </div> 254 </div>
257 255
258 <div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group"> 256 <div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group">
259 <label class="form-group__label">Дополнительная информация</label> 257 <label class="form-group__label">Дополнительная информация</label>
260 <div class="form-group__item"> 258 <div class="form-group__item">
261 <textarea class="textarea" name="description" id="description">{{ old('description') ?? '' }}</textarea> 259 <textarea class="textarea" name="description" id="description">{{ old('description') ?? '' }}</textarea>
262 @error('description') 260 @error('description')
263 <span class="text-xs text-red-600"> 261 <span class="text-xs text-red-600">
264 {{ $message }} 262 {{ $message }}
265 </span> 263 </span>
266 @enderror 264 @enderror
267 </div> 265 </div>
268 </div> 266 </div>
269 </div> 267 </div>
270 <button type="submit" class="button cabinet__submit">Опубликовать</button> 268 <button type="submit" class="button cabinet__submit">Опубликовать</button>
271 </div> 269 </div>
272 </form> 270 </form>
273 </div> 271 </div>
274 </div> 272 </div>
275 </section> 273 </section>
276 </div> 274 </div>
277 @endsection 275 @endsection
278 276
resources/views/employers/favorite.blade.php
1 @extends('layout.frontend', ['title' => 'Избраннные соискатели - РекаМоре']) 1 @extends('layout.frontend', ['title' => 'Избраннные соискатели - РекаМоре'])
2 2
3 @section('scripts') 3 @section('scripts')
4 <script> 4 <script>
5 console.log('Test system'); 5 console.log('Test system');
6 $(document).on('change', '#sort_ajax', function() { 6 $(document).on('change', '#sort_ajax', function() {
7 var this_ = $(this); 7 var this_ = $(this);
8 var val_ = this_.val(); 8 var val_ = this_.val();
9 console.log('sort items '+val_); 9 console.log('sort items '+val_);
10 10
11 $.ajax({ 11 $.ajax({
12 type: "GET", 12 type: "GET",
13 url: "{{ route('shipping_companies') }}", 13 url: "{{ route('shipping_companies') }}",
14 data: "sort="+val_+"&block=1", 14 data: "sort="+val_+"&block=1",
15 success: function (data) { 15 success: function (data) {
16 console.log('Выбор сортировки'); 16 console.log('Выбор сортировки');
17 console.log(data); 17 console.log(data);
18 $('#block_1').html(data); 18 $('#block_1').html(data);
19 }, 19 },
20 headers: { 20 headers: {
21 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') 21 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
22 }, 22 },
23 error: function (data) { 23 error: function (data) {
24 data = JSON.stringify(data); 24 data = JSON.stringify(data);
25 console.log('Error: ' + data); 25 console.log('Error: ' + data);
26 } 26 }
27 }); 27 });
28 28
29 $.ajax({ 29 $.ajax({
30 type: "GET", 30 type: "GET",
31 url: "{{ route('shipping_companies') }}", 31 url: "{{ route('shipping_companies') }}",
32 data: "sort="+val_+"&block=2", 32 data: "sort="+val_+"&block=2",
33 success: function (data) { 33 success: function (data) {
34 console.log('Выбор сортировки2'); 34 console.log('Выбор сортировки2');
35 console.log(data); 35 console.log(data);
36 history.pushState({}, '', "{{ route('shipping_companies') }}?sort="+val_+"@if (isset($_GET['page']))&page={{ $_GET['page'] }}@endif"); 36 history.pushState({}, '', "{{ route('shipping_companies') }}?sort="+val_+"@if (isset($_GET['page']))&page={{ $_GET['page'] }}@endif");
37 $('#block_2').html(data); 37 $('#block_2').html(data);
38 }, 38 },
39 headers: { 39 headers: {
40 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') 40 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
41 }, 41 },
42 error: function (data) { 42 error: function (data) {
43 data = JSON.stringify(data); 43 data = JSON.stringify(data);
44 console.log('Error: ' + data); 44 console.log('Error: ' + data);
45 } 45 }
46 }); 46 });
47 }); 47 });
48 </script> 48 </script>
49 @include('js.favorite-vacancy-45') 49 @include('js.favorite-vacancy-45')
50 @endsection 50 @endsection
51 51
52 @section('content') 52 @section('content')
53 <section class="cabinet"> 53 <section class="cabinet">
54 <div class="container"> 54 <div class="container">
55 <ul class="breadcrumbs cabinet__breadcrumbs"> 55 <ul class="breadcrumbs cabinet__breadcrumbs">
56 <li><a href="{{ route('index') }}">Главная</a></li> 56 <li><a href="{{ route('index') }}">Главная</a></li>
57 <li><b>Личный кабинет</b></li> 57 <li><b>Личный кабинет</b></li>
58 </ul> 58 </ul>
59 <div class="cabinet__wrapper"> 59 <div class="cabinet__wrapper">
60 <div class="cabinet__side"> 60 <div class="cabinet__side">
61 <div class="cabinet__side-toper"> 61 <div class="cabinet__side-toper">
62 @include('employers.emblema') 62 @include('employers.emblema')
63 </div> 63 </div>
64 64
65 @include('employers.menu', ['item' => 6]) 65 @include('employers.menu', ['item' => 6])
66 66
67 </div> 67 </div>
68 68
69 <div class="cabinet__body"> 69 <div class="cabinet__body">
70 <div class="cabinet__body-item"> 70 <div class="cabinet__body-item">
71 <h2 class="title cabinet__title">Избранные кандидаты</h2> 71 <h2 class="title cabinet__title">Избранные кандидаты</h2>
72 </div> 72 </div>
73 <div class="cabinet__body-item"> 73 <div class="cabinet__body-item">
74 <div class="cabinet__filters"> 74 <div class="cabinet__filters">
75 <div class="cabinet__filters-item"> 75 <div class="cabinet__filters-item">
76 <form class="search" action="{{ route('employer.favorites') }}"> 76 <form class="search" action="{{ route('employer.favorites') }}">
77 <input type="search" name="search" id="search" class="input" placeholder="Поиск&hellip;" value="@if ((isset($_GET['search'])) && (!empty($_GET['search']))) {{ $_GET['search'] }} @endif"> 77 <input type="search" name="search" id="search" class="input" placeholder="Поиск&hellip;" value="@if ((isset($_GET['search'])) && (!empty($_GET['search']))) {{ $_GET['search'] }} @endif">
78 <button type="submit" class="button">Найти</button> 78 <button type="submit" class="button">Найти</button>
79 <span> 79 <span>
80 <svg> 80 <svg>
81 <use xlink:href="{{ asset('images/sprite.svg#search') }}"></use> 81 <use xlink:href="{{ asset('images/sprite.svg#search') }}"></use>
82 </svg> 82 </svg>
83 </span> 83 </span>
84 </form> 84 </form>
85 </div> 85 </div>
86 <!--<div class="cabinet__filters-item"> 86 <!--<div class="cabinet__filters-item">
87 <div class="select"> 87 <div class="select">
88 <select class="js-select2" id="sort_ajax" name="sort_ajax"> 88 <select class="js-select2" id="sort_ajax" name="sort_ajax">
89 <option value="default">Сортировка (по умолчанию)</option> 89 <option value="default">Сортировка (по умолчанию)</option>
90 <option value="name (asc)">По имени (возрастание)</option> 90 <option value="name (asc)">По имени (возрастание)</option>
91 <option value="name (desc)">По имени (убывание)</option> 91 <option value="name (desc)">По имени (убывание)</option>
92 <option value="created_at (asc)">По дате (возрастание)</option> 92 <option value="created_at (asc)">По дате (возрастание)</option>
93 <option value="created_at (desc)">По дате (убывание)</option> 93 <option value="created_at (desc)">По дате (убывание)</option>
94 </select> 94 </select>
95 </div> 95 </div>
96 </div>--> 96 </div>-->
97 </div> 97 </div>
98 <div class="cvs"> 98 <div class="cvs">
99 <!--<button type="button" class="cvs__button js-toggle js-parent-toggle button button_light button_more"> 99 <!--<button type="button" class="cvs__button js-toggle js-parent-toggle button button_light button_more">
100 <span>Показать ещё</span> 100 <span>Показать ещё</span>
101 <span>Скрыть</span> 101 <span>Скрыть</span>
102 </button>--> 102 </button>-->
103 @if ((isset($Workers) && ($Workers->count()))) 103 @if ((isset($Workers) && ($Workers->count())))
104 @foreach ($Workers as $it) 104 @foreach ($Workers as $it)
105 <div class="cvs__body"> 105 <div class="cvs__body">
106 <div class="cvs__item"> 106 <div class="cvs__item">
107 <button type="button" data-val="{{ $it->id }}" class="like cvs__item-like js_vac_favorite js-toggle {{ \App\Classes\LikesClass::get_status_worker($it) }}"> 107 <button type="button" data-val="{{ $it->id }}" class="like cvs__item-like js_vac_favorite js-toggle {{ \App\Classes\LikesClass::get_status_worker($it) }}">
108 <svg> 108 <svg>
109 <use xlink:href="{{ asset('images/sprite.svg#heart') }}"></use> 109 <use xlink:href="{{ asset('images/sprite.svg#heart') }}"></use>
110 </svg> 110 </svg>
111 </button> 111 </button>
112 <div class="cvs__item-photo"> 112 <div class="cvs__item-photo">
113 <svg> 113 <svg>
114 <use xlink:href="{{ asset('images/sprite.svg#pic') }}"></use> 114 <use xlink:href="{{ asset('images/sprite.svg#pic') }}"></use>
115 </svg> 115 </svg>
116 <img src="{{ asset('images/default_man.jpg') }}" alt=""> 116 <img src="{{ asset('images/default_man.jpg') }}" alt="">
117 </div> 117 </div>
118 <div class="cvs__item-text"> 118 <div class="cvs__item-text">
119 <div> 119 <div>
120 Статус 120 Статус
121 <span>@if ($it->status_work == 0) Ищу работу 121 <span>@if ($it->status_work == 0) Ищу работу
122 @elseif ($it->status_work == 1) Не указано 122 @elseif ($it->status_work == 1) Не указано
123 @elseif ($it->status_work == 2) Не ищу 123 @elseif ($it->status_work == 2) Не ищу
124 @endif 124 @endif
125 </span> 125 </span>
126 </div> 126 </div>
127 <div> 127 <div>
128 Имя кандидата 128 Имя кандидата
129 <span>({{ $it->id }}) @if (isset($it->users)) {{ $it->users->surname." ".$it->users->name_man." ".$it->users->surname2." (".$it->users->id.")" }} @endif</span> 129 <span>({{ $it->id }}) @if (isset($it->users)) {{ $it->users->surname." ".$it->users->name_man." ".$it->users->surname2." (".$it->users->id.")" }} @endif</span>
130 </div> 130 </div>
131 131
132 @if (!empty($it->telephone)) 132 @if (!empty($it->telephone))
133 <div> 133 <div>
134 Номер телефона 134 Номер телефона
135 <a href="tel:{{ $it->telephone }}">{{ $it->telephone }}</a> 135 <a href="tel:{{ $it->telephone }}">{{ $it->telephone }}</a>
136 </div> 136 </div>
137 @endif 137 @endif
138 138
139 @if (!empty($it->telephone2)) 139 @if (!empty($it->telephone2))
140 <div> 140 <div>
141 Номер телефона2 141 Номер телефона2
142 <a href="tel:{{ $it->telephone2 }}">{{ $it->telephone2 }}</a> 142 <a href="tel:{{ $it->telephone2 }}">{{ $it->telephone2 }}</a>
143 </div> 143 </div>
144 @endif 144 @endif
145 @if (!empty($it->email)) 145 @if (!empty($it->email))
146 <div> 146 <div>
147 Электронный адрес 147 Электронный адрес
148 <a href="emailto: {{ $it->email }}">{{ $it->email }}</a> 148 <a href="emailto: {{ $it->email }}">{{ $it->email }}</a>
149 </div> 149 </div>
150 @endif 150 @endif
151 @if (!empty($it->city)) 151 @if (!empty($it->city))
152 <div> 152 <div>
153 Город проживания 153 Город проживания
154 <span>{{ $it->city }}, {{ $it->address }}</span> 154 <span>{{ $it->city }}, {{ $it->address }}</span>
155 </div> 155 </div>
156 @endif 156 @endif
157 157
158 <div> 158 <div>
159 Опыт работы на танкерах 159 Опыт работы на танкерах
160 <span>@if (!empty($it->experience)) {{ $it->experience }} @else 0 @endif годов (лет).</span> 160 <span>@if (!empty($it->experience)) {{ $it->experience }} @else 0 @endif годов (лет).</span>
161 </div> 161 </div>
162 </div> 162 </div>
163 <div class="cvs__item-button"> 163 <div class="cvs__item-button">
164 <a href="{{ route('resume_profile', ['worker' => $it->id]) }}" class="button">Написать соискателю</a> 164 <a href="{{ route('resume_profile', ['worker' => $it->id]) }}" class="button">Написать соискателю</a>
165 </div> 165 </div>
166 </div> 166 </div>
167 </div> 167 </div>
168 @endforeach 168 @endforeach
169 </div> 169 </div>
170 @else 170 @else
171 <div class="notify"> 171 <div class="notify">
172 <svg> 172 <svg>
173 <use xlink:href="{{ asset('images/sprite.svg#i') }}"></use> 173 <use xlink:href="{{ asset('images/sprite.svg#i') }}"></use>
174 </svg> 174 </svg>
175 <span>Нет избранных кандидатов</span> 175 <span>Нет избранных кандидатов</span>
176 </div> 176 </div>
177 @endif 177 @endif
178 </div> 178 </div>
179 </div> 179 </div>
180 </div> 180 </div>
181 </div> 181 </div>
182 182
183 </section> 183 </section>
184 </div> 184 </div>
185 @endsection 185 @endsection
186 186
resources/views/index.blade.php
1 @extends('layout.frontend', ['title' => 'Главная страница РекаМоре']) 1 @extends('layout.frontend', ['title' => 'Главная страница РекаМоре'])
2 2
3 @section('scripts') 3 @section('scripts')
4 4
5 @endsection 5 @endsection
6 6
7 @section('content') 7 @section('content')
8 <section class="work"> 8 <section class="work">
9 <div class="container"> 9 <div class="container">
10 <img src="{{ asset('images/1.png') }}" alt="" class="work__pic"> 10 <img src="{{ asset('images/1.png') }}" alt="" class="work__pic">
11 <div class="work__body"> 11 <div class="work__body">
12 <div class="work__title"> 12 <div class="work__title">
13 <h4>Работа в море / 13 <h4>Работа в море /
14 <span class="br">Работа на реке</span></h4> 14 <span class="br">Работа на реке</span></h4>
15 </div> 15 </div>
16 <div class="work__text">Профессиональная сеть морского сообщества «RekaMore.su» приветствует вас — 16 <div class="work__text">Профессиональная сеть морского сообщества «RekaMore.su» приветствует вас —
17 тех, кто не представляет себе жизнь без моря, тех, кто готов связать свою жизнь с работой в 17 тех, кто не представляет себе жизнь без моря, тех, кто готов связать свою жизнь с работой в
18 сложных, но очень интересных условиях. </div> 18 сложных, но очень интересных условиях. </div>
19 <div class="work__list"> 19 <div class="work__list">
20 <div>Тысячи соискателей увидят Ваше объявление</div> 20 <div>Тысячи соискателей увидят Ваше объявление</div>
21 <div>Десятки компаний выкладывают объявления каждый день</div> 21 <div>Десятки компаний выкладывают объявления каждый день</div>
22 </div> 22 </div>
23 <form class="search work__form" action="{{ route('search_vacancies') }}" method="GET"> 23 <form class="search work__form" action="{{ route('search_vacancies') }}" method="GET">
24 <input type="search" id="search" name="search" class="input" placeholder="Желаемая должность" required> 24 <input type="search" id="search" name="search" class="input" placeholder="Желаемая должность" required>
25 <button type="submit" class="button button_light">Посмотреть вакансии</button> 25 <button type="submit" class="button button_light">Посмотреть вакансии</button>
26 <span> 26 <span>
27 <svg> 27 <svg>
28 <use xlink:href="{{ asset('images/sprite.svg#search') }}"></use> 28 <use xlink:href="{{ asset('images/sprite.svg#search') }}"></use>
29 </svg> 29 </svg>
30 </span> 30 </span>
31 </form> 31 </form>
32 @guest 32 @guest
33 <a data-fancybox data-src="#question2" data-options='{"touch":false,"autoFocus":false}' class="button work__search">Я ищу сотрудника</a> 33 <a data-fancybox data-src="#question2" data-options='{"touch":false,"autoFocus":false}' class="button work__search">Я ищу сотрудника</a>
34 @else 34 @else
35 <a href="{{ route('bd_resume') }}" class="button work__search">Я ищу сотрудника</a> 35 <a href="{{ route('bd_resume') }}" class="button work__search">Я ищу сотрудника</a>
36 @endguest 36 @endguest
37 <div class="work__get"> 37 <div class="work__get">
38 <b>Скачать приложение</b> 38 <b>Скачать приложение</b>
39 <a href=""> 39 <a href="">
40 <img src="{{ asset('images/google.svg') }}" alt=""> 40 <img src="{{ asset('images/google.svg') }}" alt="">
41 </a> 41 </a>
42 <a href=""> 42 <a href="">
43 <img src="{{ asset('images/apple.svg') }}" alt=""> 43 <img src="{{ asset('images/apple.svg') }}" alt="">
44 </a> 44 </a>
45 </div> 45 </div>
46 </div> 46 </div>
47 </div> 47 </div>
48 </section> 48 </section>
49 <section class="numbers"> 49 <section class="numbers">
50 <div class="container"> 50 <div class="container">
51 <div class="numbers__body"> 51 <div class="numbers__body">
52 <div class="numbers__item"> 52 <div class="numbers__item">
53 <b>500+</b> 53 <b>500+</b>
54 <span>Резюме</span> 54 <span>Резюме</span>
55 Банальные, но неопровержимые выводы, а также элементы политического процесса лишь добавляют 55 Банальные, но неопровержимые выводы, а также элементы политического процесса лишь добавляют
56 фракционных разногласий и призваны к ответу. 56 фракционных разногласий и призваны к ответу.
57 </div> 57 </div>
58 <div class="numbers__item"> 58 <div class="numbers__item">
59 <b>1 000+</b> 59 <b>1 000+</b>
60 <span>Вакансий</span> 60 <span>Вакансий</span>
61 В рамках спецификации современных стандартов, диаграммы связей заблокированы в рамках своих 61 В рамках спецификации современных стандартов, диаграммы связей заблокированы в рамках своих
62 собственных рациональных ограничений. 62 собственных рациональных ограничений.
63 </div> 63 </div>
64 <div class="numbers__item"> 64 <div class="numbers__item">
65 <b>265</b> 65 <b>265</b>
66 <span>Компаний</span> 66 <span>Компаний</span>
67 Но сторонники тоталитаризма в науке заблокированы в рамках своих собственных рациональных 67 Но сторонники тоталитаризма в науке заблокированы в рамках своих собственных рациональных
68 ограничений. 68 ограничений.
69 </div> 69 </div>
70 </div> 70 </div>
71 </div> 71 </div>
72 </section> 72 </section>
73 <!--<section class="vacancies"> 73 <!--<section class="vacancies">
74 <div class="container"> 74 <div class="container">
75 <div class="title"><h4>Новые вакансии</h4></div> 75 <div class="title"><h4>Новые вакансии</h4></div>
76 <div class="vacancies__body"> 76 <div class="vacancies__body">
77 <a class="vacancies__more button button_light js-parent-toggle" href="{{ route('vacancies') }}">Все должности</a> 77 <a class="vacancies__more button button_light js-parent-toggle" href="{{ route('vacancies') }}">Все должности</a>
78 <div class="vacancies__list"> 78 <div class="vacancies__list">
79 _if ($categories->count()) 79 _if ($categories->count())
80 _foreach ($categories as $cat) 80 _foreach ($categories as $cat)
81 <a href=" route('list-vacancies', ['categories' => $cat->id]) }}" class="vacancies__item"> 81 <a href=" route('list-vacancies', ['categories' => $cat->id]) }}" class="vacancies__item">
82 <span style="border-color:#F4C4C2"> 82 <span style="border-color:#F4C4C2">
83 <b> $cat->name }}</b> 83 <b> $cat->name }}</b>
84 <i>Вакансий: <span> $cat->cnt }}</span></i> 84 <i>Вакансий: <span> $cat->cnt }}</span></i>
85 </span> 85 </span>
86 </a> 86 </a>
87 _endforeach 87 _endforeach
88 _else 88 _else
89 Тут пока нет никаких вакансий 89 Тут пока нет никаких вакансий
90 _endif 90 _endif
91 </div> 91 </div>
92 </div> 92 </div>
93 </div> 93 </div>
94 </section>--> 94 </section>-->
95 95
96 <main class="main"> 96 <main class="main">
97 <div class="container"> 97 <div class="container">
98 <div class="main__vacancies"> 98 <div class="main__vacancies">
99 <h2 class="main__vacancies-title">Категории вакансий</h2> 99 <h2 class="main__vacancies-title">Категории вакансий</h2>
100 <div class="vacancies__body"> 100 <div class="vacancies__body">
101 <!--<button class="vacancies__more button button_more button_light js-toggle js-parent-toggle"> 101 <!--<button class="vacancies__more button button_more button_light js-toggle js-parent-toggle">
102 <span>Показать ещё</span> 102 <span>Показать ещё</span>
103 <span>Скрыть</span> 103 <span>Скрыть</span>
104 </button>--> 104 </button>-->
105 <div class="vacancies__list" id="block_ajax" name="block_ajax"> 105 <div class="vacancies__list" id="block_ajax" name="block_ajax">
106 106
107 @foreach ($BigFlot as $key => $flot) 107 @foreach ($BigFlot as $key => $flot)
108 <div class="vacancies__list-col"> 108 <div class="vacancies__list-col">
109 109
110 @include('block_real', ['flot' => $flot, 'position' => $Position[$key]]) 110 @include('block_real', ['flot' => $flot, 'position' => $Position[$key]])
111 </div> 111 </div>
112 @endforeach 112 @endforeach
113 </div>
114 </div>
115 </div>
116 </div>
117 </main>
118 113 </div>
119 <section class="employer"> 114 </div>
120 <div class="container"> 115 </div>
121 <div class="title"><h4>Работодатели</h4></div> 116 </div>
122 <div class="swiper js-employer-swiper"> 117 </main>
123 <div class="swiper-wrapper"> 118
124 119 <section class="employer">
125 @if ($employers->count()) 120 <div class="container">
126 @php 121 <div class="title"><h4>Работодатели</h4></div>
127 $rec = 0; 122 <div class="swiper js-employer-swiper">
128 $count = $employers->count(); 123 <div class="swiper-wrapper">
129 124
130 @endphp 125 @if ($employers->count())
131 126 @php
132 @foreach($employers as $emp) 127 $rec = 0;
133 @php $rec++ @endphp 128 $count = $employers->count();
134 @if (($rec==1) || ($rec==5) || ($rec==9) || ($rec==13) || ($rec==17)) 129
135 <div class="swiper-slide"> 130 @endphp
136 <div class="employer__item"> 131
137 @endif 132 @foreach($employers as $emp)
138 @if (!empty($emp->employer->logo)) 133 @php $rec++ @endphp
139 <a href="{{ route('ad-employer', ['ad_employer' => $emp->employer->id]) }}"> 134 @if (($rec==1) || ($rec==5) || ($rec==9) || ($rec==13) || ($rec==17))
140 <img src="{{ asset(Storage::url($emp->employer->logo)) }}" alt="{{ $emp->employer->name_company }}"> 135 <div class="swiper-slide">
141 </a> 136 <div class="employer__item">
142 @else 137 @endif
143 <a href="{{ route('ad-employer', ['ad_employer' => $emp->employer->id]) }}"> 138 @if (!empty($emp->employer->logo))
144 <img src="{{ asset('images/logo_emp.png') }}" alt="{{ $emp->employer->name_company }}"> 139 <a href="{{ route('ad-employer', ['ad_employer' => $emp->employer->id]) }}">
145 </a> 140 <img src="{{ asset(Storage::url($emp->employer->logo)) }}" alt="{{ $emp->employer->name_company }}">
146 @endif 141 </a>
147 @if (($rec==4) || ($rec==8) || ($rec==12) || ($rec==16) || ($rec==20) || ($rec == $count)) 142 @else
148 </div> 143 <a href="{{ route('ad-employer', ['ad_employer' => $emp->employer->id]) }}">
149 </div> 144 <img src="{{ asset('images/logo_emp.png') }}" alt="{{ $emp->employer->name_company }}">
150 @endif 145 </a>
151 @endforeach 146 @endif
152 @else 147 @if (($rec==4) || ($rec==8) || ($rec==12) || ($rec==16) || ($rec==20) || ($rec == $count))
153 <h5>Тут нет никаких записей</h5> 148 </div>
154 @endif 149 </div>
155 </div> 150 @endif
156 <div class="swiper-pagination"></div> 151 @endforeach
157 </div> 152 @else
158 <a href="{{ route('shipping_companies') }}" class="employer__more button button_light">Все работодатели</a> 153 <h5>Тут нет никаких записей</h5>
159 </div> 154 @endif
160 </section> 155 </div>
161 <section class="about"> 156 <div class="swiper-pagination"></div>
162 <div class="container"> 157 </div>
163 <div class="about__wrapper"> 158 <a href="{{ route('shipping_companies') }}" class="employer__more button button_light">Все работодатели</a>
164 <div class="title about__title"><h4>О нас</h4></div> 159 </div>
165 <div class="about__body"> 160 </section>
166 <div class="about__line"></div> 161 <section class="about">
167 <div class="about__item"> 162 <div class="container">
168 <b>Для работодателей</b> 163 <div class="about__wrapper">
169 <span>Наш ресурс позволит Вам за демократичную цену найти нужных специалистов в кратчайшие 164 <div class="title about__title"><h4>О нас</h4></div>
170 сроки, подробнее об условиях можно узнать <a href="{{ route('page', ['pages' => 'Stoimost-razmescheniya']) }}">здесь</a>.</span> 165 <div class="about__body">
171 <a class="about__button button button_whited" style="text-decoration: none" href="{{ route('bd_resume') }}">Поиск сотрудников</a> 166 <div class="about__line"></div>
172 </div> 167 <div class="about__item">
173 <div class="about__item"> 168 <b>Для работодателей</b>
174 <b>Для сотрудников</b> 169 <span>Наш ресурс позволит Вам за демократичную цену найти нужных специалистов в кратчайшие
175 <span>Наше преимущество — это большой объем вакансий, более 70 судоходных компаний России и 170 сроки, подробнее об условиях можно узнать <a href="{{ route('page', ['pages' => 'Stoimost-razmescheniya']) }}">здесь</a>.</span>
176 СНГ ищут сотрудников через наши ресурсы</span> 171 <a class="about__button button button_whited" style="text-decoration: none" href="{{ route('bd_resume') }}">Поиск сотрудников</a>
177 <a class="about__button button button_whited" style="text-decoration: none" href="{{ route('vacancies') }}">Ищу работу</a> 172 </div>
178 </div> 173 <div class="about__item">
179 </div> 174 <b>Для сотрудников</b>
180 </div> 175 <span>Наше преимущество — это большой объем вакансий, более 70 судоходных компаний России и
181 </div> 176 СНГ ищут сотрудников через наши ресурсы</span>
182 </section> 177 <a class="about__button button button_whited" style="text-decoration: none" href="{{ route('vacancies') }}">Ищу работу</a>
183 178 </div>
184 @if ($news->count()) 179 </div>
185 <section class="news"> 180 </div>
186 <div class="container"> 181 </div>
187 <div class="news__toper"> 182 </section>
188 <div class="title"><h4>Новости и статьи</h4></div> 183
189 <div class="navs"> 184 @if ($news->count())
190 <button class="js-news-swiper-button-prev"> 185 <section class="news">
191 <svg class="rotate180"> 186 <div class="container">
192 <use xlink:href="{{ asset('images/sprite.svg#arrow') }}"></use> 187 <div class="news__toper">
193 </svg> 188 <div class="title"><h4>Новости и статьи</h4></div>
194 </button> 189 <div class="navs">
195 <button class="js-news-swiper-button-next"> 190 <button class="js-news-swiper-button-prev">
196 <svg> 191 <svg class="rotate180">
197 <use xlink:href="{{ asset('images/sprite.svg#arrow') }}"></use> 192 <use xlink:href="{{ asset('images/sprite.svg#arrow') }}"></use>
198 </svg> 193 </svg>
199 </button> 194 </button>
200 </div> 195 <button class="js-news-swiper-button-next">
201 </div> 196 <svg>
202 197 <use xlink:href="{{ asset('images/sprite.svg#arrow') }}"></use>
203 <div class="swiper js-news-swiper"> 198 </svg>
204 <div class="swiper-wrapper"> 199 </button>
205 200 </div>
206 @foreach ($news as $new) 201 </div>
207 <div class="swiper-slide"> 202
208 <div class="news__item"> 203 <div class="swiper js-news-swiper">
209 <img src="{{ asset(Storage::url($new->image)) }}" alt="" class="news__item-pic"> 204 <div class="swiper-wrapper">
210 <div class="news__item-body"> 205
211 <time datetime="{{ date('d.m.Y H:i:s', strtotime($new->created_at)) }}" class="news__item-date">{{ date('d.m.Y H:i:s', strtotime($new->created_at)) }}</time> 206 @foreach ($news as $new)
212 <span class="news__item-title">{{ $new->title }}</span> 207 <div class="swiper-slide">
213 <span class="news__item-text">{{ mb_strimwidth($new->text, 0, 100) }}</span> 208 <div class="news__item">
214 <a href="{{ route('detail_new', ['new' => $new->id]) }}" class="news__item-more button button_light">Читать далее</a> 209 <img src="{{ asset(Storage::url($new->image)) }}" alt="" class="news__item-pic">
215 </div> 210 <div class="news__item-body">
216 </div> 211 <time datetime="{{ date('d.m.Y H:i:s', strtotime($new->created_at)) }}" class="news__item-date">{{ date('d.m.Y H:i:s', strtotime($new->created_at)) }}</time>
217 </div> 212 <span class="news__item-title">{{ $new->title }}</span>
218 @endforeach 213 <span class="news__item-text">{{ mb_strimwidth($new->text, 0, 100) }}</span>
219 214 <a href="{{ route('detail_new', ['new' => $new->id]) }}" class="news__item-more button button_light">Читать далее</a>
220 </div> 215 </div>
221 <div class="swiper-pagination"></div> 216 </div>
222 </div> 217 </div>
223 <a href="{{ route('news') }}" class="news__all button button_light">Все новости</a> 218 @endforeach
224 219
225 </div> 220 </div>
226 </section> 221 <div class="swiper-pagination"></div>
227 @endif 222 </div>
228 223 <a href="{{ route('news') }}" class="news__all button button_light">Все новости</a>
229 <section class="info"> 224
230 <div class="container"> 225 </div>
231 <img src="images/5.png" alt="" class="info__pic"> 226 </section>
232 <div class="info__body"> 227 @endif
233 <div class="title info__title"><h4>Мы в социальных сетях</h4></div> 228
234 <div class="info__item"> 229 <section class="info">
235 <div class="info__text">Телеграм — Подпишитесь на наш телеграм канал и получайте уведомления о 230 <div class="container">
236 новых вакансиях прямо на свой смартфон</div> 231 <img src="images/5.png" alt="" class="info__pic">
237 <a href="{{ $companies[0]->telegram }}" class="info__link" style="background:#20A0E1"> 232 <div class="info__body">
238 <svg> 233 <div class="title info__title"><h4>Мы в социальных сетях</h4></div>
239 <use xlink:href="{{ asset('images/sprite.svg#tg') }}"></use> 234 <div class="info__item">
240 </svg> 235 <div class="info__text">Телеграм — Подпишитесь на наш телеграм канал и получайте уведомления о
241 Телеграм 236 новых вакансиях прямо на свой смартфон</div>
242 </a> 237 <a href="{{ $companies[0]->telegram }}" class="info__link" style="background:#20A0E1">
243 </div> 238 <svg>
244 <div class="info__item"> 239 <use xlink:href="{{ asset('images/sprite.svg#tg') }}"></use>
245 <div class="info__text">ВКонтакте — Лучшие вакансии за неделю выкладываем именно тут, информация 240 </svg>
246 о судоходных компаниях, инструкции по работе с сайтом, конкурсы и многое другое</div> 241 Телеграм
247 <a href="{{ $companies[0]->vkontact }}" class="info__link" style="background:#2787F5"> 242 </a>
248 <svg> 243 </div>
249 <use xlink:href="{{ asset('images/sprite.svg#vk') }}"></use> 244 <div class="info__item">
250 </svg> 245 <div class="info__text">ВКонтакте — Лучшие вакансии за неделю выкладываем именно тут, информация
251 ВКонтакте 246 о судоходных компаниях, инструкции по работе с сайтом, конкурсы и многое другое</div>
252 </a> 247 <a href="{{ $companies[0]->vkontact }}" class="info__link" style="background:#2787F5">
253 </div> 248 <svg>
254 </div> 249 <use xlink:href="{{ asset('images/sprite.svg#vk') }}"></use>
255 </div> 250 </svg>
256 </section> 251 ВКонтакте
257 @endsection 252 </a>
258 253 </div>
resources/views/layout/admin.blade.php
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <html :class="{ 'theme-dark': dark }" x-data="data()" lang="{{ str_replace('_', '-', app()->getLocale()) }}"> 2 <html :class="{ 'theme-dark': dark }" x-data="data()" lang="{{ str_replace('_', '-', app()->getLocale()) }}">
3 <head> 3 <head>
4 <meta charset="UTF-8" /> 4 <meta charset="UTF-8" />
5 <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6 <title>{{$title}}</title> 6 <title>{{$title}}</title>
7 <link 7 <link
8 href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" 8 href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap"
9 rel="stylesheet" 9 rel="stylesheet"
10 /> 10 />
11 <link rel="stylesheet" href="{{ asset('./assets/css/tailwind.output_new.css')}}" /> 11 <link rel="stylesheet" href="{{ asset('./assets/css/tailwind.output_new.css')}}" />
12 <link rel="stylesheet" href="{{ asset('./assets/css/tabs.css')}}" /> 12 <link rel="stylesheet" href="{{ asset('./assets/css/tabs.css')}}" />
13 <script 13 <script
14 src="https://cdn.jsdelivr.net/gh/alpinejs/alpine@v2.x.x/dist/alpine.min.js" 14 src="https://cdn.jsdelivr.net/gh/alpinejs/alpine@v2.x.x/dist/alpine.min.js"
15 defer 15 defer
16 ></script> 16 ></script>
17 <script src="{{ asset('./assets/js/init-alpine.js') }}"></script> 17 <script src="{{ asset('./assets/js/init-alpine.js') }}"></script>
18 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.3/Chart.min.css"/> 18 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.3/Chart.min.css"/>
19 <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.3/Chart.min.js" defer></script> 19 <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.3/Chart.min.js" defer></script>
20 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script> 20 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
21 <script src="{{ asset('./assets/js/charts-lines.js') }}" defer></script> 21 <script src="{{ asset('./assets/js/charts-lines.js') }}" defer></script>
22 <script src="{{ asset('./assets/js/charts-pie.js') }}" defer></script> 22 <script src="{{ asset('./assets/js/charts-pie.js') }}" defer></script>
23 </head> 23 </head>
24 <body> 24 <body>
25 <div class="flex h-screen bg-gray-50 dark:bg-gray-900" :class="{ 'overflow-hidden': isSideMenuOpen }"> 25 <div class="flex h-screen bg-gray-50 dark:bg-gray-900" :class="{ 'overflow-hidden': isSideMenuOpen }">
26 <!-- Desktop sidebar --> 26 <!-- Desktop sidebar -->
27 <aside 27 <aside
28 class="z-20 hidden w-64 overflow-y-auto bg-white dark:bg-gray-800 md:block flex-shrink-0" 28 class="z-20 hidden w-64 overflow-y-auto bg-white dark:bg-gray-800 md:block flex-shrink-0"
29 > 29 >
30 <div class="py-4 text-gray-500 dark:text-gray-400"> 30 <div class="py-4 text-gray-500 dark:text-gray-400">
31 <a class="ml-6 text-lg font-bold text-gray-800 dark:text-gray-200" 31 <a class="ml-6 text-lg font-bold text-gray-800 dark:text-gray-200"
32 href="{{ route('admin.index') }}"> 32 href="{{ route('admin.index') }}">
33 Админка 33 Админка
34 </a> 34 </a>
35 <ul class="mt-6"> 35 <ul class="mt-6">
36 <li class="relative px-6 py-3"> 36 <li class="relative px-6 py-3">
37 <span 37 <span
38 class="absolute inset-y-0 left-0 w-1 bg-purple-600 rounded-tr-lg rounded-br-lg" 38 class="absolute inset-y-0 left-0 w-1 bg-purple-600 rounded-tr-lg rounded-br-lg"
39 aria-hidden="true" 39 aria-hidden="true"
40 ></span> 40 ></span>
41 <a 41 <a
42 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.index') ? 'dark:text-gray-100' : null }}" 42 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.index') ? 'dark:text-gray-100' : null }}"
43 href="{{ route('admin.index') }}" 43 href="{{ route('admin.index') }}"
44 > 44 >
45 <svg 45 <svg
46 class="w-5 h-5" 46 class="w-5 h-5"
47 aria-hidden="true" 47 aria-hidden="true"
48 fill="none" 48 fill="none"
49 stroke-linecap="round" 49 stroke-linecap="round"
50 stroke-linejoin="round" 50 stroke-linejoin="round"
51 stroke-width="2" 51 stroke-width="2"
52 viewBox="0 0 24 24" 52 viewBox="0 0 24 24"
53 stroke="currentColor" 53 stroke="currentColor"
54 > 54 >
55 <path 55 <path
56 d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6" 56 d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"
57 ></path> 57 ></path>
58 </svg> 58 </svg>
59 <span class="ml-4">Главная страница</span> 59 <span class="ml-4">Главная страница</span>
60 </a> 60 </a>
61 </li> 61 </li>
62 </ul> 62 </ul>
63 63
64 <ul> 64 <ul>
65 @foreach ($contents as $cont) 65 @foreach ($contents as $cont)
66 @if ($cont->url_page == "admin/users") 66 @if ($cont->url_page == "admin/users")
67 @if ((($cont->is_admin == 1) && ($admin == 1)) || 67 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
68 (($cont->is_manager == 1) && ($is_manager == 1))) 68 (($cont->is_manager == 1) && ($is_manager == 1)))
69 <li class="relative px-6 py-3"> 69 <li class="relative px-6 py-3">
70 <a 70 <a
71 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.users') ? 'dark:text-gray-100' : null }}" 71 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.users') ? 'dark:text-gray-100' : null }}"
72 href="{{ route('admin.users') }}" 72 href="{{ route('admin.users') }}"
73 > 73 >
74 <svg 74 <svg
75 class="w-5 h-5" 75 class="w-5 h-5"
76 aria-hidden="true" 76 aria-hidden="true"
77 fill="none" 77 fill="none"
78 stroke-linecap="round" 78 stroke-linecap="round"
79 stroke-linejoin="round" 79 stroke-linejoin="round"
80 stroke-width="2" 80 stroke-width="2"
81 viewBox="0 0 24 24" 81 viewBox="0 0 24 24"
82 stroke="currentColor" 82 stroke="currentColor"
83 > 83 >
84 <path 84 <path
85 d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01" 85 d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01"
86 ></path> 86 ></path>
87 </svg> 87 </svg>
88 <span class="ml-4">Пользователи</span> 88 <span class="ml-4">Пользователи</span>
89 </a> 89 </a>
90 </li> 90 </li>
91 @endif 91 @endif
92 @endif 92 @endif
93 93
94 @if ($cont->url_page == "admin/admin_roles") 94 @if ($cont->url_page == "admin/admin_roles")
95 @if ((($cont->is_admin == 1) && ($admin == 1)) || 95 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
96 (($cont->is_manager == 1) && ($is_manager == 1))) 96 (($cont->is_manager == 1) && ($is_manager == 1)))
97 <li class="relative px-6 py-3"> 97 <li class="relative px-6 py-3">
98 <a 98 <a
99 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.users') ? 'dark:text-gray-100' : null }}" 99 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.users') ? 'dark:text-gray-100' : null }}"
100 href="{{ route('admin.admin_roles') }}" 100 href="{{ route('admin.admin_roles') }}"
101 > 101 >
102 <svg 102 <svg
103 class="w-5 h-5" 103 class="w-5 h-5"
104 aria-hidden="true" 104 aria-hidden="true"
105 fill="none" 105 fill="none"
106 stroke-linecap="round" 106 stroke-linecap="round"
107 stroke-linejoin="round" 107 stroke-linejoin="round"
108 stroke-width="2" 108 stroke-width="2"
109 viewBox="0 0 24 24" 109 viewBox="0 0 24 24"
110 stroke="currentColor" 110 stroke="currentColor"
111 > 111 >
112 <path 112 <path
113 d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01" 113 d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01"
114 ></path> 114 ></path>
115 </svg> 115 </svg>
116 <span class="ml-4">Роли администраторов</span> 116 <span class="ml-4">Роли администраторов</span>
117 </a> 117 </a>
118 </li> 118 </li>
119 @endif 119 @endif
120 @endif 120 @endif
121 121
122 @if ($cont->url_page == "admin/admin-users") 122 @if ($cont->url_page == "admin/admin-users")
123 @if ((($cont->is_admin == 1) && ($admin == 1)) || 123 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
124 (($cont->is_manager == 1) && ($is_manager == 1))) 124 (($cont->is_manager == 1) && ($is_manager == 1)))
125 <li class="relative px-6 py-3"> 125 <li class="relative px-6 py-3">
126 <a 126 <a
127 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.admin-users') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.admin-users') }}" 127 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.admin-users') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.admin-users') }}"
128 > 128 >
129 <svg 129 <svg
130 class="w-5 h-5" 130 class="w-5 h-5"
131 aria-hidden="true" 131 aria-hidden="true"
132 fill="none" 132 fill="none"
133 stroke-linecap="round" 133 stroke-linecap="round"
134 stroke-linejoin="round" 134 stroke-linejoin="round"
135 stroke-width="2" 135 stroke-width="2"
136 viewBox="0 0 24 24" 136 viewBox="0 0 24 24"
137 stroke="currentColor" 137 stroke="currentColor"
138 > 138 >
139 <path 139 <path
140 d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10" 140 d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10"
141 ></path> 141 ></path>
142 </svg> 142 </svg>
143 <span class="ml-4">Администраторы</span> 143 <span class="ml-4">Администраторы</span>
144 </a> 144 </a>
145 </li> 145 </li>
146 @endif 146 @endif
147 @endif 147 @endif
148 148
149 @if ($cont->url_page == "admin/employers") 149 @if ($cont->url_page == "admin/employers")
150 @if ((($cont->is_admin == 1) && ($admin == 1)) || 150 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
151 (($cont->is_manager == 1) && ($is_manager == 1))) 151 (($cont->is_manager == 1) && ($is_manager == 1)))
152 <li class="relative px-6 py-3"> 152 <li class="relative px-6 py-3">
153 <a 153 <a
154 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.employers') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.employers') }}" 154 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.employers') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.employers') }}"
155 > 155 >
156 <svg 156 <svg
157 class="w-5 h-5" 157 class="w-5 h-5"
158 aria-hidden="true" 158 aria-hidden="true"
159 fill="none" 159 fill="none"
160 stroke-linecap="round" 160 stroke-linecap="round"
161 stroke-linejoin="round" 161 stroke-linejoin="round"
162 stroke-width="2" 162 stroke-width="2"
163 viewBox="0 0 24 24" 163 viewBox="0 0 24 24"
164 stroke="currentColor" 164 stroke="currentColor"
165 > 165 >
166 <path 166 <path
167 d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10" 167 d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10"
168 ></path> 168 ></path>
169 </svg> 169 </svg>
170 <span class="ml-4">Работодатели</span> 170 <span class="ml-4">Работодатели</span>
171 </a> 171 </a>
172 </li> 172 </li>
173 @endif 173 @endif
174 @endif 174 @endif
175 175
176 @if ($cont->url_page == "admin/workers") 176 @if ($cont->url_page == "admin/workers")
177 @if ((($cont->is_admin == 1) && ($admin == 1)) || 177 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
178 (($cont->is_manager == 1) && ($is_manager == 1))) 178 (($cont->is_manager == 1) && ($is_manager == 1)))
179 <li class="relative px-6 py-3"> 179 <li class="relative px-6 py-3">
180 <a 180 <a
181 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.workers') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.workers') }}" 181 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.workers') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.workers') }}"
182 > 182 >
183 <svg 183 <svg
184 class="w-5 h-5" 184 class="w-5 h-5"
185 aria-hidden="true" 185 aria-hidden="true"
186 fill="none" 186 fill="none"
187 stroke-linecap="round" 187 stroke-linecap="round"
188 stroke-linejoin="round" 188 stroke-linejoin="round"
189 stroke-width="2" 189 stroke-width="2"
190 viewBox="0 0 24 24" 190 viewBox="0 0 24 24"
191 stroke="currentColor" 191 stroke="currentColor"
192 > 192 >
193 <path 193 <path
194 d="M11 3.055A9.001 9.001 0 1020.945 13H11V3.055z" 194 d="M11 3.055A9.001 9.001 0 1020.945 13H11V3.055z"
195 ></path> 195 ></path>
196 <path d="M20.488 9H15V3.512A9.025 9.025 0 0120.488 9z"></path> 196 <path d="M20.488 9H15V3.512A9.025 9.025 0 0120.488 9z"></path>
197 </svg> 197 </svg>
198 <span class="ml-4">Соискатели</span> 198 <span class="ml-4">Соискатели</span>
199 </a> 199 </a>
200 </li> 200 </li>
201 @endif 201 @endif
202 @endif 202 @endif
203 203
204 @if ($cont->url_page == "admin/ad-employers") 204 @if ($cont->url_page == "admin/ad-employers")
205 @if ((($cont->is_admin == 1) && ($admin == 1)) || 205 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
206 (($cont->is_manager == 1) && ($is_manager == 1))) 206 (($cont->is_manager == 1) && ($is_manager == 1)))
207 <li class="relative px-6 py-3"> 207 <li class="relative px-6 py-3">
208 <a 208 <a
209 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.ad-employers') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.ad-employers') }}" 209 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.ad-employers') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.ad-employers') }}"
210 > 210 >
211 <svg 211 <svg
212 class="w-5 h-5" 212 class="w-5 h-5"
213 aria-hidden="true" 213 aria-hidden="true"
214 fill="none" 214 fill="none"
215 stroke-linecap="round" 215 stroke-linecap="round"
216 stroke-linejoin="round" 216 stroke-linejoin="round"
217 stroke-width="2" 217 stroke-width="2"
218 viewBox="0 0 24 24" 218 viewBox="0 0 24 24"
219 stroke="currentColor" 219 stroke="currentColor"
220 > 220 >
221 <path 221 <path
222 d="M15 15l-2 5L9 9l11 4-5 2zm0 0l5 5M7.188 2.239l.777 2.897M5.136 7.965l-2.898-.777M13.95 4.05l-2.122 2.122m-5.657 5.656l-2.12 2.122" 222 d="M15 15l-2 5L9 9l11 4-5 2zm0 0l5 5M7.188 2.239l.777 2.897M5.136 7.965l-2.898-.777M13.95 4.05l-2.122 2.122m-5.657 5.656l-2.12 2.122"
223 ></path> 223 ></path>
224 </svg> 224 </svg>
225 <span class="ml-4">Вакансии</span> 225 <span class="ml-4">Вакансии</span>
226 </a> 226 </a>
227 </li> 227 </li>
228 @endif 228 @endif
229 @endif 229 @endif
230 230
231 @if ($cont->url_page == "admin/messages") 231 @if ($cont->url_page == "admin/messages")
232 @if ((($cont->is_admin == 1) && ($admin == 1)) || 232 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
233 (($cont->is_manager == 1) && ($is_manager == 1))) 233 (($cont->is_manager == 1) && ($is_manager == 1)))
234 <li class="relative px-6 py-3"> 234 <li class="relative px-6 py-3">
235 <a 235 <a
236 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.messages') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.messages') }}" 236 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.messages') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.messages') }}"
237 > 237 >
238 <svg 238 <svg
239 class="w-5 h-5" 239 class="w-5 h-5"
240 aria-hidden="true" 240 aria-hidden="true"
241 fill="none" 241 fill="none"
242 stroke-linecap="round" 242 stroke-linecap="round"
243 stroke-linejoin="round" 243 stroke-linejoin="round"
244 stroke-width="2" 244 stroke-width="2"
245 viewBox="0 0 24 24" 245 viewBox="0 0 24 24"
246 stroke="currentColor" 246 stroke="currentColor"
247 > 247 >
248 <path d="M4 6h16M4 10h16M4 14h16M4 18h16"></path> 248 <path d="M4 6h16M4 10h16M4 14h16M4 18h16"></path>
249 </svg> 249 </svg>
250 <span class="ml-4">Сообщения все</span> 250 <span class="ml-4">Сообщения все</span>
251 </a> 251 </a>
252 </li> 252 </li>
253 @endif 253 @endif
254 @endif 254 @endif
255 255
256 @if ($cont->url_page == "admin/admin-messages") 256 @if ($cont->url_page == "admin/admin-messages")
257 @if ((($cont->is_admin == 1) && ($admin == 1)) || 257 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
258 (($cont->is_manager == 1) && ($is_manager == 1))) 258 (($cont->is_manager == 1) && ($is_manager == 1)))
259 <li class="relative px-6 py-3"> 259 <li class="relative px-6 py-3">
260 <a 260 <a
261 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.admin-messages') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.admin-messages') }}" 261 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.admin-messages') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.admin-messages') }}"
262 > 262 >
263 <svg 263 <svg
264 class="w-5 h-5" 264 class="w-5 h-5"
265 aria-hidden="true" 265 aria-hidden="true"
266 fill="none" 266 fill="none"
267 stroke-linecap="round" 267 stroke-linecap="round"
268 stroke-linejoin="round" 268 stroke-linejoin="round"
269 stroke-width="2" 269 stroke-width="2"
270 viewBox="0 0 24 24" 270 viewBox="0 0 24 24"
271 stroke="currentColor" 271 stroke="currentColor"
272 > 272 >
273 <path d="M4 6h16M4 10h16M4 14h16M4 18h16"></path> 273 <path d="M4 6h16M4 10h16M4 14h16M4 18h16"></path>
274 </svg> 274 </svg>
275 <span class="ml-4">Заявки на рассылку</span> 275 <span class="ml-4">Заявки на рассылку</span>
276 </a> 276 </a>
277 </li> 277 </li>
278 @endif 278 @endif
279 @endif 279 @endif
280 280
281 @if ($cont->url_page == "admin/groups") 281 @if ($cont->url_page == "admin/groups")
282 @if ((($cont->is_admin == 1) && ($admin == 1)) || 282 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
283 (($cont->is_manager == 1) && ($is_manager == 1))) 283 (($cont->is_manager == 1) && ($is_manager == 1)))
284 <li class="relative px-6 py-3"> 284 <li class="relative px-6 py-3">
285 <a 285 <a
286 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.groups') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.groups') }}" 286 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.groups') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.groups') }}"
287 > 287 >
288 <svg 288 <svg
289 class="w-5 h-5" 289 class="w-5 h-5"
290 aria-hidden="true" 290 aria-hidden="true"
291 fill="none" 291 fill="none"
292 stroke-linecap="round" 292 stroke-linecap="round"
293 stroke-linejoin="round" 293 stroke-linejoin="round"
294 stroke-width="2" 294 stroke-width="2"
295 viewBox="0 0 24 24" 295 viewBox="0 0 24 24"
296 stroke="currentColor" 296 stroke="currentColor"
297 > 297 >
298 <path 298 <path
299 d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01" 299 d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01"
300 ></path> 300 ></path>
301 </svg> 301 </svg>
302 <span class="ml-4">Группы пользователей</span> 302 <span class="ml-4">Группы пользователей</span>
303 </a> 303 </a>
304 </li> 304 </li>
305 @endif 305 @endif
306 @endif 306 @endif
307 307
308 @if ($cont->url_page == "admin/media") 308 @if ($cont->url_page == "admin/media")
309 @if ((($cont->is_admin == 1) && ($admin == 1)) || 309 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
310 (($cont->is_manager == 1) && ($is_manager == 1))) 310 (($cont->is_manager == 1) && ($is_manager == 1)))
311 <li class="relative px-6 py-3"> 311 <li class="relative px-6 py-3">
312 <a class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.media') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.media') }}"> 312 <a class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.media') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.media') }}">
313 <svg 313 <svg
314 class="w-5 h-5" 314 class="w-5 h-5"
315 aria-hidden="true" 315 aria-hidden="true"
316 fill="none" 316 fill="none"
317 stroke-linecap="round" 317 stroke-linecap="round"
318 stroke-linejoin="round" 318 stroke-linejoin="round"
319 stroke-width="2" 319 stroke-width="2"
320 viewBox="0 0 24 24" 320 viewBox="0 0 24 24"
321 stroke="currentColor" 321 stroke="currentColor"
322 > 322 >
323 <path 323 <path
324 d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01" 324 d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01"
325 ></path> 325 ></path>
326 </svg> 326 </svg>
327 <span class="ml-4">Медиа</span> 327 <span class="ml-4">Медиа</span>
328 </a> 328 </a>
329 </li> 329 </li>
330 @endif 330 @endif
331 @endif 331 @endif
332 332
333 @if ($cont->url_page == "admin/roles") 333 @if ($cont->url_page == "admin/roles")
334 @if ((($cont->is_admin == 1) && ($admin == 1)) || 334 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
335 (($cont->is_manager == 1) && ($is_manager == 1))) 335 (($cont->is_manager == 1) && ($is_manager == 1)))
336 <li class="relative px-6 py-3"> 336 <li class="relative px-6 py-3">
337 <a class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.roles') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.roles') }}"> 337 <a class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.roles') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.roles') }}">
338 <svg 338 <svg
339 class="w-5 h-5" 339 class="w-5 h-5"
340 aria-hidden="true" 340 aria-hidden="true"
341 fill="none" 341 fill="none"
342 stroke-linecap="round" 342 stroke-linecap="round"
343 stroke-linejoin="round" 343 stroke-linejoin="round"
344 stroke-width="2" 344 stroke-width="2"
345 viewBox="0 0 24 24" 345 viewBox="0 0 24 24"
346 stroke="currentColor" 346 stroke="currentColor"
347 > 347 >
348 <path 348 <path
349 d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01" 349 d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01"
350 ></path> 350 ></path>
351 </svg> 351 </svg>
352 <span class="ml-4">Роли пользователей</span> 352 <span class="ml-4">Роли пользователей</span>
353 </a> 353 </a>
354 </li> 354 </li>
355 @endif 355 @endif
356 @endif 356 @endif
357 357
358 @if ($cont->url_page == "admin/basedata") 358 @if ($cont->url_page == "admin/basedata")
359 @if ((($cont->is_admin == 1) && ($admin == 1)) || 359 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
360 (($cont->is_manager == 1) && ($is_manager == 1))) 360 (($cont->is_manager == 1) && ($is_manager == 1)))
361 <li class="relative px-6 py-3"> 361 <li class="relative px-6 py-3">
362 <a 362 <a
363 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.basedata') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.basedata') }}" 363 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.basedata') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.basedata') }}"
364 > 364 >
365 <svg 365 <svg
366 class="w-5 h-5" 366 class="w-5 h-5"
367 aria-hidden="true" 367 aria-hidden="true"
368 fill="none" 368 fill="none"
369 stroke-linecap="round" 369 stroke-linecap="round"
370 stroke-linejoin="round" 370 stroke-linejoin="round"
371 stroke-width="2" 371 stroke-width="2"
372 viewBox="0 0 24 24" 372 viewBox="0 0 24 24"
373 stroke="currentColor" 373 stroke="currentColor"
374 > 374 >
375 <path d="M4 6h16M4 10h16M4 14h16M4 18h16"></path> 375 <path d="M4 6h16M4 10h16M4 14h16M4 18h16"></path>
376 </svg> 376 </svg>
377 <span class="ml-4">Базы данных</span> 377 <span class="ml-4">Базы данных</span>
378 </a> 378 </a>
379 </li> 379 </li>
380 @endif 380 @endif
381 @endif 381 @endif
382 382
383 @if ($cont->url_page == "admin/education") 383 @if ($cont->url_page == "admin/education")
384 @if ((($cont->is_admin == 1) && ($admin == 1)) || 384 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
385 (($cont->is_manager == 1) && ($is_manager == 1))) 385 (($cont->is_manager == 1) && ($is_manager == 1)))
386 <li class="relative px-6 py-3"> 386 <li class="relative px-6 py-3">
387 <a 387 <a
388 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.education.index') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.education.index') }}" 388 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.education.index') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.education.index') }}"
389 > 389 >
390 <svg 390 <svg
391 class="w-5 h-5" 391 class="w-5 h-5"
392 aria-hidden="true" 392 aria-hidden="true"
393 fill="none" 393 fill="none"
394 stroke-linecap="round" 394 stroke-linecap="round"
395 stroke-linejoin="round" 395 stroke-linejoin="round"
396 stroke-width="2" 396 stroke-width="2"
397 viewBox="0 0 24 24" 397 viewBox="0 0 24 24"
398 stroke="currentColor" 398 stroke="currentColor"
399 > 399 >
400 <path 400 <path
401 d="M15 15l-2 5L9 9l11 4-5 2zm0 0l5 5M7.188 2.239l.777 2.897M5.136 7.965l-2.898-.777M13.95 4.05l-2.122 2.122m-5.657 5.656l-2.12 2.122" 401 d="M15 15l-2 5L9 9l11 4-5 2zm0 0l5 5M7.188 2.239l.777 2.897M5.136 7.965l-2.898-.777M13.95 4.05l-2.122 2.122m-5.657 5.656l-2.12 2.122"
402 ></path> 402 ></path>
403 </svg> 403 </svg>
404 <span class="ml-4">Учебн.заведения</span> 404 <span class="ml-4">Учебн.заведения</span>
405 </a> 405 </a>
406 </li> 406 </li>
407 @endif 407 @endif
408 @endif 408 @endif
409 409
410 @if ($cont->url_page == "admin/statics") 410 @if ($cont->url_page == "admin/statics")
411 @if ((($cont->is_admin == 1) && ($admin == 1)) || 411 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
412 (($cont->is_manager == 1) && ($is_manager == 1))) 412 (($cont->is_manager == 1) && ($is_manager == 1)))
413 <li class="relative px-6 py-3"> 413 <li class="relative px-6 py-3">
414 <a 414 <a
415 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.statics') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.statics') }}" 415 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.statics') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.statics') }}"
416 > 416 >
417 <svg 417 <svg
418 class="w-5 h-5" 418 class="w-5 h-5"
419 aria-hidden="true" 419 aria-hidden="true"
420 fill="none" 420 fill="none"
421 stroke-linecap="round" 421 stroke-linecap="round"
422 stroke-linejoin="round" 422 stroke-linejoin="round"
423 stroke-width="2" 423 stroke-width="2"
424 viewBox="0 0 24 24" 424 viewBox="0 0 24 24"
425 stroke="currentColor" 425 stroke="currentColor"
426 > 426 >
427 <path 427 <path
428 d="M11 3.055A9.001 9.001 0 1020.945 13H11V3.055z" 428 d="M11 3.055A9.001 9.001 0 1020.945 13H11V3.055z"
429 ></path> 429 ></path>
430 <path d="M20.488 9H15V3.512A9.025 9.025 0 0120.488 9z"></path> 430 <path d="M20.488 9H15V3.512A9.025 9.025 0 0120.488 9z"></path>
431 </svg> 431 </svg>
432 <span class="ml-4">Статистика</span> 432 <span class="ml-4">Статистика</span>
433 </a> 433 </a>
434 </li> 434 </li>
435 @endif 435 @endif
436 @endif 436 @endif
437 437
438 @if ($cont->url_page == "admin/answers") 438 @if ($cont->url_page == "admin/answers")
439 @if ((($cont->is_admin == 1) && ($admin == 1)) || 439 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
440 (($cont->is_manager == 1) && ($is_manager == 1))) 440 (($cont->is_manager == 1) && ($is_manager == 1)))
441 <li class="relative px-6 py-3"> 441 <li class="relative px-6 py-3">
442 <a 442 <a
443 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.answers') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.answers') }}" 443 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.answers') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.answers') }}"
444 > 444 >
445 <svg 445 <svg
446 class="w-5 h-5" 446 class="w-5 h-5"
447 aria-hidden="true" 447 aria-hidden="true"
448 fill="none" 448 fill="none"
449 stroke-linecap="round" 449 stroke-linecap="round"
450 stroke-linejoin="round" 450 stroke-linejoin="round"
451 stroke-width="2" 451 stroke-width="2"
452 viewBox="0 0 24 24" 452 viewBox="0 0 24 24"
453 stroke="currentColor" 453 stroke="currentColor"
454 > 454 >
455 <path d="M4 6h16M4 10h16M4 14h16M4 18h16"></path> 455 <path d="M4 6h16M4 10h16M4 14h16M4 18h16"></path>
456 </svg> 456 </svg>
457 <span class="ml-4">Модерация</span> 457 <span class="ml-4">Модерация</span>
458 </a> 458 </a>
459 </li> 459 </li>
460 @endif 460 @endif
461 @endif 461 @endif
462 462
463 @if ($cont->url_page == "admin/reclames") 463 @if ($cont->url_page == "admin/reclames")
464 @if ((($cont->is_admin == 1) && ($admin == 1)) || 464 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
465 (($cont->is_manager == 1) && ($is_manager == 1))) 465 (($cont->is_manager == 1) && ($is_manager == 1)))
466 <li class="relative px-6 py-3"> 466 <li class="relative px-6 py-3">
467 <a 467 <a
468 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.reclames') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.reclames') }}" 468 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.reclames') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.reclames') }}"
469 > 469 >
470 <svg 470 <svg
471 class="w-5 h-5" 471 class="w-5 h-5"
472 aria-hidden="true" 472 aria-hidden="true"
473 fill="none" 473 fill="none"
474 stroke-linecap="round" 474 stroke-linecap="round"
475 stroke-linejoin="round" 475 stroke-linejoin="round"
476 stroke-width="2" 476 stroke-width="2"
477 viewBox="0 0 24 24" 477 viewBox="0 0 24 24"
478 stroke="currentColor" 478 stroke="currentColor"
479 > 479 >
480 <path 480 <path
481 d="M15 15l-2 5L9 9l11 4-5 2zm0 0l5 5M7.188 2.239l.777 2.897M5.136 7.965l-2.898-.777M13.95 4.05l-2.122 2.122m-5.657 5.656l-2.12 2.122" 481 d="M15 15l-2 5L9 9l11 4-5 2zm0 0l5 5M7.188 2.239l.777 2.897M5.136 7.965l-2.898-.777M13.95 4.05l-2.122 2.122m-5.657 5.656l-2.12 2.122"
482 ></path> 482 ></path>
483 </svg> 483 </svg>
484 <span class="ml-4">Реклама</span> 484 <span class="ml-4">Реклама</span>
485 </a> 485 </a>
486 </li> 486 </li>
487 @endif 487 @endif
488 @endif 488 @endif
489 @endforeach 489 @endforeach
490 <!-- Справочники --> 490 <!-- Справочники -->
491 491
492 <li class="relative px-6 py-3" x-data="{ open1: false }"> 492 <li class="relative px-6 py-3" x-data="{ open1: false }">
493 <button 493 <button
494 class="inline-flex items-center justify-between w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200" 494 class="inline-flex items-center justify-between w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200"
495 @click="open1=!open1" 495 @click="open1=!open1"
496 aria-haspopup="true"> 496 aria-haspopup="true">
497 <span class="inline-flex items-center"> 497 <span class="inline-flex items-center">
498 <svg 498 <svg
499 class="w-5 h-5" 499 class="w-5 h-5"
500 aria-hidden="true" 500 aria-hidden="true"
501 fill="none" 501 fill="none"
502 stroke-linecap="round" 502 stroke-linecap="round"
503 stroke-linejoin="round" 503 stroke-linejoin="round"
504 stroke-width="2" 504 stroke-width="2"
505 viewBox="0 0 24 24" 505 viewBox="0 0 24 24"
506 stroke="currentColor"> 506 stroke="currentColor">
507 <path 507 <path
508 d="M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z" 508 d="M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z"
509 ></path> 509 ></path>
510 </svg> 510 </svg>
511 <span class="ml-4">Справочники</span> 511 <span class="ml-4">Справочники</span>
512 </span> 512 </span>
513 <svg 513 <svg
514 class="w-4 h-4" 514 class="w-4 h-4"
515 aria-hidden="true" 515 aria-hidden="true"
516 fill="currentColor" 516 fill="currentColor"
517 viewBox="0 0 20 20" 517 viewBox="0 0 20 20"
518 > 518 >
519 <path 519 <path
520 fill-rule="evenodd" 520 fill-rule="evenodd"
521 d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" 521 d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
522 clip-rule="evenodd" 522 clip-rule="evenodd"
523 ></path> 523 ></path>
524 </svg> 524 </svg>
525 </button> 525 </button>
526 <template x-if="open1"> 526 <template x-if="open1">
527 <ul 527 <ul
528 x-transition:enter="transition-all ease-in-out duration-300" 528 x-transition:enter="transition-all ease-in-out duration-300"
529 x-transition:enter-start="opacity-25 max-h-0" 529 x-transition:enter-start="opacity-25 max-h-0"
530 x-transition:enter-end="opacity-100 max-h-xl" 530 x-transition:enter-end="opacity-100 max-h-xl"
531 x-transition:leave="transition-all ease-in-out duration-300" 531 x-transition:leave="transition-all ease-in-out duration-300"
532 x-transition:leave-start="opacity-100 max-h-xl" 532 x-transition:leave-start="opacity-100 max-h-xl"
533 x-transition:leave-end="opacity-0 max-h-0" 533 x-transition:leave-end="opacity-0 max-h-0"
534 class="p-2 mt-2 space-y-2 overflow-hidden text-sm font-medium text-gray-500 rounded-md shadow-inner bg-gray-50 dark:text-gray-400 dark:bg-gray-900" 534 class="p-2 mt-2 space-y-2 overflow-hidden text-sm font-medium text-gray-500 rounded-md shadow-inner bg-gray-50 dark:text-gray-400 dark:bg-gray-900"
535 aria-label="submenu" 535 aria-label="submenu"
536 > 536 >
537 @foreach ($contents as $cont) 537 @foreach ($contents as $cont)
538 @if ($cont->url_page == "admin/job-titles") 538 @if ($cont->url_page == "admin/job-titles")
539 @if ((($cont->is_admin == 1) && ($admin == 1)) || 539 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
540 (($cont->is_manager == 1) && ($is_manager == 1))) 540 (($cont->is_manager == 1) && ($is_manager == 1)))
541 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.job-titles.index') ? 'dark:text-gray-100' : null }}"> 541 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.job-titles.index') ? 'dark:text-gray-100' : null }}">
542 <a class="w-full" href="{{ route('admin.job-titles.index') }}">Должности</a> 542 <a class="w-full" href="{{ route('admin.job-titles.index') }}">Должности</a>
543 </li> 543 </li>
544 @endif 544 @endif
545 @endif 545 @endif
546 546
547 @if ($cont->url_page == "admin/categories") 547 @if ($cont->url_page == "admin/categories")
548 @if ((($cont->is_admin == 1) && ($admin == 1)) || 548 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
549 (($cont->is_manager == 1) && ($is_manager == 1))) 549 (($cont->is_manager == 1) && ($is_manager == 1)))
550 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.categories.index') ? 'dark:text-gray-100' : null }}"> 550 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.categories.index') ? 'dark:text-gray-100' : null }}">
551 <a class="w-full" href="{{ route('admin.categories.index') }}">Категории вакансий</a> 551 <a class="w-full" href="{{ route('admin.categories.index') }}">Категории вакансий</a>
552 </li> 552 </li>
553 @endif 553 @endif
554 @endif 554 @endif
555 555
556 @if ($cont->url_page == "admin/category-emp") 556 @if ($cont->url_page == "admin/category-emp")
557 @if ((($cont->is_admin == 1) && ($admin == 1)) || 557 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
558 (($cont->is_manager == 1) && ($is_manager == 1))) 558 (($cont->is_manager == 1) && ($is_manager == 1)))
559 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.category-emp.index') ? 'dark:text-gray-100' : null }}"> 559 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.category-emp.index') ? 'dark:text-gray-100' : null }}">
560 <a class="w-full" href="{{ route('admin.category-emp.index') }}">Категории работодателей</a> 560 <a class="w-full" href="{{ route('admin.category-emp.index') }}">Категории работодателей</a>
561 </li> 561 </li>
562 @endif 562 @endif
563 @endif 563 @endif
564 564
565 @if ($cont->url_page == "admin/infobloks") 565 @if ($cont->url_page == "admin/infobloks")
566 @if ((($cont->is_admin == 1) && ($admin == 1)) || 566 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
567 (($cont->is_manager == 1) && ($is_manager == 1))) 567 (($cont->is_manager == 1) && ($is_manager == 1)))
568 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.infobloks.index') ? 'dark:text-gray-100' : null }}"> 568 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.infobloks.index') ? 'dark:text-gray-100' : null }}">
569 <a class="w-full" href="{{ route('admin.infobloks.index') }}">Блоки-Дипломы</a> 569 <a class="w-full" href="{{ route('admin.infobloks.index') }}">Блоки-Дипломы</a>
570 </li> 570 </li>
571 @endif 571 @endif
572 @endif 572 @endif
573 @endforeach 573 @endforeach
574 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.position') ? 'dark:text-gray-100' : null }}">
575 <a class="w-full" href="{{ route('admin.position') }}">Позиция</a>
576 </li>
574 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.position') ? 'dark:text-gray-100' : null }}"> 577 </ul>
575 <a class="w-full" href="{{ route('admin.position') }}">Позиция</a> 578 </template>
576 </li> 579 </li>
577 </ul> 580
578 </template> 581 <!-- Редактор -->
579 </li> 582 <li class="relative px-6 py-3">
580 583 <button
581 <!-- Редактор --> 584 class="inline-flex items-center justify-between w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200"
582 <li class="relative px-6 py-3"> 585 @click="togglePagesMenu"
583 <button 586 aria-haspopup="true">
584 class="inline-flex items-center justify-between w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200" 587 <span class="inline-flex items-center">
585 @click="togglePagesMenu" 588 <svg
586 aria-haspopup="true"> 589 class="w-5 h-5"
587 <span class="inline-flex items-center"> 590 aria-hidden="true"
588 <svg 591 fill="none"
589 class="w-5 h-5" 592 stroke-linecap="round"
590 aria-hidden="true" 593 stroke-linejoin="round"
591 fill="none" 594 stroke-width="2"
592 stroke-linecap="round" 595 viewBox="0 0 24 24"
593 stroke-linejoin="round" 596 stroke="currentColor">
594 stroke-width="2" 597 <path
595 viewBox="0 0 24 24" 598 d="M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z"
596 stroke="currentColor"> 599 ></path>
597 <path 600 </svg>
598 d="M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z" 601 <span class="ml-4">Редактор</span>
599 ></path> 602 </span>
600 </svg> 603 <svg
601 <span class="ml-4">Редактор</span> 604 class="w-4 h-4"
602 </span> 605 aria-hidden="true"
603 <svg 606 fill="currentColor"
604 class="w-4 h-4" 607 viewBox="0 0 20 20"
605 aria-hidden="true" 608 >
606 fill="currentColor" 609 <path
607 viewBox="0 0 20 20" 610 fill-rule="evenodd"
608 > 611 d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
609 <path 612 clip-rule="evenodd"
610 fill-rule="evenodd" 613 ></path>
611 d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" 614 </svg>
612 clip-rule="evenodd" 615 </button>
613 ></path> 616 <template x-if="isPagesMenuOpen">
614 </svg> 617 <ul
615 </button> 618 x-transition:enter="transition-all ease-in-out duration-300"
616 <template x-if="isPagesMenuOpen"> 619 x-transition:enter-start="opacity-25 max-h-0"
617 <ul 620 x-transition:enter-end="opacity-100 max-h-xl"
618 x-transition:enter="transition-all ease-in-out duration-300" 621 x-transition:leave="transition-all ease-in-out duration-300"
619 x-transition:enter-start="opacity-25 max-h-0" 622 x-transition:leave-start="opacity-100 max-h-xl"
620 x-transition:enter-end="opacity-100 max-h-xl" 623 x-transition:leave-end="opacity-0 max-h-0"
621 x-transition:leave="transition-all ease-in-out duration-300" 624 class="p-2 mt-2 space-y-2 overflow-hidden text-sm font-medium text-gray-500 rounded-md shadow-inner bg-gray-50 dark:text-gray-400 dark:bg-gray-900"
622 x-transition:leave-start="opacity-100 max-h-xl" 625 aria-label="submenu"
623 x-transition:leave-end="opacity-0 max-h-0" 626 >
624 class="p-2 mt-2 space-y-2 overflow-hidden text-sm font-medium text-gray-500 rounded-md shadow-inner bg-gray-50 dark:text-gray-400 dark:bg-gray-900" 627 @foreach ($contents as $cont)
625 aria-label="submenu" 628 @if ($cont->url_page == "admin/editor-site")
626 > 629 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
627 @foreach ($contents as $cont) 630 (($cont->is_manager == 1) && ($is_manager == 1)))
628 @if ($cont->url_page == "admin/editor-site") 631 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.editor-site') ? 'dark:text-gray-100' : null }}">
629 @if ((($cont->is_admin == 1) && ($admin == 1)) || 632 <a class="w-full" href="{{ route('admin.editor-site') }}">Редактор сайта</a>
630 (($cont->is_manager == 1) && ($is_manager == 1))) 633 </li>
631 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.editor-site') ? 'dark:text-gray-100' : null }}"> 634 @endif
632 <a class="w-full" href="{{ route('admin.editor-site') }}">Редактор сайта</a> 635 @endif
633 </li> 636
634 @endif 637 @if ($cont->url_page == "admin/edit-blocks")
635 @endif 638 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
636 639 (($cont->is_manager == 1) && ($is_manager == 1)))
637 @if ($cont->url_page == "admin/edit-blocks") 640 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.edit-blocks') ? 'dark:text-gray-100' : null }}">
638 @if ((($cont->is_admin == 1) && ($admin == 1)) || 641 <a class="w-full" href="{{ route('admin.edit-blocks') }}">Шапка-футер сайта</a>
639 (($cont->is_manager == 1) && ($is_manager == 1))) 642 </li>
640 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.edit-blocks') ? 'dark:text-gray-100' : null }}"> 643 @endif
641 <a class="w-full" href="{{ route('admin.edit-blocks') }}">Шапка-футер сайта</a> 644 @endif
642 </li> 645
643 @endif 646 @if ($cont->url_page == "admin/editor-seo")
644 @endif 647 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
645 648 (($cont->is_manager == 1) && ($is_manager == 1)))
646 @if ($cont->url_page == "admin/editor-seo") 649 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.editor-seo') ? 'dark:text-gray-100' : null }}">
647 @if ((($cont->is_admin == 1) && ($admin == 1)) || 650 <a class="w-full" href="{{ route('admin.editor-seo') }}">SEO сайта</a>
648 (($cont->is_manager == 1) && ($is_manager == 1))) 651 </li>
649 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.editor-seo') ? 'dark:text-gray-100' : null }}"> 652 @endif
650 <a class="w-full" href="{{ route('admin.editor-seo') }}">SEO сайта</a> 653 @endif
651 </li> 654
652 @endif 655 @if ($cont->url_page == "admin/editor-pages")
653 @endif 656 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
654 657 (($cont->is_manager == 1) && ($is_manager == 1)))
655 @if ($cont->url_page == "admin/editor-pages") 658 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.editor-pages') ? 'dark:text-gray-100' : null }}">
656 @if ((($cont->is_admin == 1) && ($admin == 1)) || 659 <a class="w-full" href="{{ route('admin.editor-pages') }}">Редактор страниц</a>
657 (($cont->is_manager == 1) && ($is_manager == 1))) 660 </li>
658 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.editor-pages') ? 'dark:text-gray-100' : null }}"> 661 @endif
659 <a class="w-full" href="{{ route('admin.editor-pages') }}">Редактор страниц</a> 662 @endif
660 </li> 663
661 @endif 664 @if ($cont->url_page == "admin/job-titles-main")
662 @endif 665 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
663 666 (($cont->is_manager == 1) && ($is_manager == 1)))
664 @if ($cont->url_page == "admin/job-titles-main") 667 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.job-titles-main') ? 'dark:text-gray-100' : null }}">
665 @if ((($cont->is_admin == 1) && ($admin == 1)) || 668 <a class="w-full" href="{{ route('admin.job-titles-main') }}">Должности на главной</a>
666 (($cont->is_manager == 1) && ($is_manager == 1))) 669 </li>
667 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.job-titles-main') ? 'dark:text-gray-100' : null }}"> 670 @endif
668 <a class="w-full" href="{{ route('admin.job-titles-main') }}">Должности на главной</a> 671 @endif
669 </li> 672
670 @endif 673 @if ($cont->url_page == "admin/employers-main")
671 @endif 674 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
672 675 (($cont->is_manager == 1) && ($is_manager == 1)))
673 @if ($cont->url_page == "admin/employers-main") 676 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.employers-main') ? 'dark:text-gray-100' : null }}">
674 @if ((($cont->is_admin == 1) && ($admin == 1)) || 677 <a class="w-full" href="{{ route('admin.employers-main') }}">Работодатели на главной</a>
675 (($cont->is_manager == 1) && ($is_manager == 1))) 678 </li>
676 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.employers-main') ? 'dark:text-gray-100' : null }}"> 679 @endif
677 <a class="w-full" href="{{ route('admin.employers-main') }}">Работодатели на главной</a> 680 @endif
678 </li> 681
679 @endif 682 @endforeach
680 @endif 683 </ul>
681 684 </template>
682 @endforeach 685 </li>
683 </ul> 686 </ul>
684 </template> 687
685 </li> 688 <!--<div class="px-6 my-6">
686 </ul> 689 <button
687 690 class="flex items-center justify-between w-full px-4 py-2 text-sm font-medium leading-5 text-white transition-colors duration-150 bg-purple-600 border border-transparent rounded-lg active:bg-purple-600 hover:bg-purple-700 focus:outline-none focus:shadow-outline-purple"
688 <!--<div class="px-6 my-6"> 691 >
689 <button 692 Create account
690 class="flex items-center justify-between w-full px-4 py-2 text-sm font-medium leading-5 text-white transition-colors duration-150 bg-purple-600 border border-transparent rounded-lg active:bg-purple-600 hover:bg-purple-700 focus:outline-none focus:shadow-outline-purple" 693 <span class="ml-2" aria-hidden="true">+</span>
691 > 694 </button>
692 Create account 695 </div>-->
693 <span class="ml-2" aria-hidden="true">+</span> 696 </div>
694 </button> 697 </aside>
695 </div>--> 698 <!-- Mobile sidebar -->
696 </div> 699 <!-- Backdrop -->
697 </aside> 700 <div
698 <!-- Mobile sidebar --> 701 x-show="isSideMenuOpen"
699 <!-- Backdrop --> 702 x-transition:enter="transition ease-in-out duration-150"
700 <div 703 x-transition:enter-start="opacity-0"
701 x-show="isSideMenuOpen" 704 x-transition:enter-end="opacity-100"
702 x-transition:enter="transition ease-in-out duration-150" 705 x-transition:leave="transition ease-in-out duration-150"
703 x-transition:enter-start="opacity-0" 706 x-transition:leave-start="opacity-100"
704 x-transition:enter-end="opacity-100" 707 x-transition:leave-end="opacity-0"
705 x-transition:leave="transition ease-in-out duration-150" 708 class="fixed inset-0 z-10 flex items-end bg-black bg-opacity-50 sm:items-center sm:justify-center"
706 x-transition:leave-start="opacity-100" 709 ></div>
707 x-transition:leave-end="opacity-0" 710 <aside
708 class="fixed inset-0 z-10 flex items-end bg-black bg-opacity-50 sm:items-center sm:justify-center" 711 class="fixed inset-y-0 z-20 flex-shrink-0 w-64 mt-16 overflow-y-auto bg-white dark:bg-gray-800 md:hidden"
709 ></div> 712 x-show="isSideMenuOpen"
710 <aside 713 x-transition:enter="transition ease-in-out duration-150"
711 class="fixed inset-y-0 z-20 flex-shrink-0 w-64 mt-16 overflow-y-auto bg-white dark:bg-gray-800 md:hidden" 714 x-transition:enter-start="opacity-0 transform -translate-x-20"
712 x-show="isSideMenuOpen" 715 x-transition:enter-end="opacity-100"
713 x-transition:enter="transition ease-in-out duration-150" 716 x-transition:leave="transition ease-in-out duration-150"
714 x-transition:enter-start="opacity-0 transform -translate-x-20" 717 x-transition:leave-start="opacity-100"
715 x-transition:enter-end="opacity-100" 718 x-transition:leave-end="opacity-0 transform -translate-x-20"
716 x-transition:leave="transition ease-in-out duration-150" 719 @click.away="closeSideMenu"
717 x-transition:leave-start="opacity-100" 720 @keydown.escape="closeSideMenu"
718 x-transition:leave-end="opacity-0 transform -translate-x-20" 721 >
719 @click.away="closeSideMenu" 722 <div class="py-4 text-gray-500 dark:text-gray-400">
720 @keydown.escape="closeSideMenu" 723 <a
721 > 724 class="ml-6 text-lg font-bold text-gray-800 dark:text-gray-200"
722 <div class="py-4 text-gray-500 dark:text-gray-400"> 725 href="{{ route('admin.index') }}"
723 <a 726 >
724 class="ml-6 text-lg font-bold text-gray-800 dark:text-gray-200" 727 Админка
725 href="{{ route('admin.index') }}" 728 </a>
726 > 729 <ul class="mt-6">
727 Админка 730 <li class="relative px-6 py-3">
728 </a> 731 <span
729 <ul class="mt-6"> 732 class="absolute inset-y-0 left-0 w-1 bg-purple-600 rounded-tr-lg rounded-br-lg"
730 <li class="relative px-6 py-3"> 733 aria-hidden="true"
731 <span 734 ></span>
732 class="absolute inset-y-0 left-0 w-1 bg-purple-600 rounded-tr-lg rounded-br-lg" 735 <a
733 aria-hidden="true" 736 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.index') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.index') }}"
734 ></span> 737 >
735 <a 738 <svg
736 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.index') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.index') }}" 739 class="w-5 h-5"
737 > 740 aria-hidden="true"
738 <svg 741 fill="none"
739 class="w-5 h-5" 742 stroke-linecap="round"
740 aria-hidden="true" 743 stroke-linejoin="round"
741 fill="none" 744 stroke-width="2"
742 stroke-linecap="round" 745 viewBox="0 0 24 24"
743 stroke-linejoin="round" 746 stroke="currentColor"
744 stroke-width="2" 747 >
745 viewBox="0 0 24 24" 748 <path
746 stroke="currentColor" 749 d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"
747 > 750 ></path>
748 <path 751 </svg>
749 d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6" 752 <span class="ml-4">Главная страница</span>
750 ></path> 753 </a>
751 </svg> 754 </li>
752 <span class="ml-4">Главная страница</span> 755 </ul>
753 </a> 756 <ul>
754 </li> 757 @foreach ($contents as $cont)
755 </ul> 758 @if ($cont->url_page == "admin/users")
756 <ul> 759 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
757 @foreach ($contents as $cont) 760 (($cont->is_manager == 1) && ($is_manager == 1)))
758 @if ($cont->url_page == "admin/users") 761 <li class="relative px-6 py-3">
759 @if ((($cont->is_admin == 1) && ($admin == 1)) || 762 <a class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.users') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.users') }}">
760 (($cont->is_manager == 1) && ($is_manager == 1))) 763 <svg
761 <li class="relative px-6 py-3"> 764 class="w-5 h-5"
762 <a class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.users') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.users') }}"> 765 aria-hidden="true"
763 <svg 766 fill="none"
764 class="w-5 h-5" 767 stroke-linecap="round"
765 aria-hidden="true" 768 stroke-linejoin="round"
766 fill="none" 769 stroke-width="2"
767 stroke-linecap="round" 770 viewBox="0 0 24 24"
768 stroke-linejoin="round" 771 stroke="currentColor"
769 stroke-width="2" 772 >
770 viewBox="0 0 24 24" 773 <path
771 stroke="currentColor" 774 d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01"
772 > 775 ></path>
773 <path 776 </svg>
774 d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01" 777 <span class="ml-4">Пользователи</span>
775 ></path> 778 </a>
776 </svg> 779 </li>
777 <span class="ml-4">Пользователи</span> 780 @endif
778 </a> 781 @endif
779 </li> 782
780 @endif 783 @if ($cont->url_page == "admin/admin-users")
781 @endif 784 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
782 785 (($cont->is_manager == 1) && ($is_manager == 1)))
783 @if ($cont->url_page == "admin/admin-users") 786 <li class="relative px-6 py-3">
784 @if ((($cont->is_admin == 1) && ($admin == 1)) || 787 <a
785 (($cont->is_manager == 1) && ($is_manager == 1))) 788 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.admin-users') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.admin-users') }}"
786 <li class="relative px-6 py-3"> 789 >
787 <a 790 <svg
788 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.admin-users') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.admin-users') }}" 791 class="w-5 h-5"
789 > 792 aria-hidden="true"
790 <svg 793 fill="none"
791 class="w-5 h-5" 794 stroke-linecap="round"
792 aria-hidden="true" 795 stroke-linejoin="round"
793 fill="none" 796 stroke-width="2"
794 stroke-linecap="round" 797 viewBox="0 0 24 24"
795 stroke-linejoin="round" 798 stroke="currentColor"
796 stroke-width="2" 799 >
797 viewBox="0 0 24 24" 800 <path
798 stroke="currentColor" 801 d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10"
799 > 802 ></path>
800 <path 803 </svg>
801 d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10" 804 <span class="ml-4">Администраторы</span>
802 ></path> 805 </a>
803 </svg> 806 </li>
804 <span class="ml-4">Администраторы</span> 807 @endif
805 </a> 808 @endif
806 </li> 809
807 @endif 810 @if ($cont->url_page == "admin/employers")
808 @endif 811 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
809 812 (($cont->is_manager == 1) && ($is_manager == 1)))
810 @if ($cont->url_page == "admin/employers") 813 <li class="relative px-6 py-3">
811 @if ((($cont->is_admin == 1) && ($admin == 1)) || 814 <a
812 (($cont->is_manager == 1) && ($is_manager == 1))) 815 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.employers') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.employers') }}"
813 <li class="relative px-6 py-3"> 816 >
814 <a 817 <svg
815 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.employers') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.employers') }}" 818 class="w-5 h-5"
816 > 819 aria-hidden="true"
817 <svg 820 fill="none"
818 class="w-5 h-5" 821 stroke-linecap="round"
819 aria-hidden="true" 822 stroke-linejoin="round"
820 fill="none" 823 stroke-width="2"
821 stroke-linecap="round" 824 viewBox="0 0 24 24"
822 stroke-linejoin="round" 825 stroke="currentColor"
823 stroke-width="2" 826 >
824 viewBox="0 0 24 24" 827 <path
825 stroke="currentColor" 828 d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10"
826 > 829 ></path>
827 <path 830 </svg>
828 d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10" 831 <span class="ml-4">Работодатели</span>
829 ></path> 832 </a>
830 </svg> 833 </li>
831 <span class="ml-4">Работодатели</span> 834 @endif
832 </a> 835 @endif
833 </li> 836
834 @endif 837 @if ($cont->url_page == "admin/workers")
835 @endif 838 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
836 839 (($cont->is_manager == 1) && ($is_manager == 1)))
837 @if ($cont->url_page == "admin/workers") 840 <li class="relative px-6 py-3">
838 @if ((($cont->is_admin == 1) && ($admin == 1)) || 841 <a
839 (($cont->is_manager == 1) && ($is_manager == 1))) 842 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.workers') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.workers') }}"
840 <li class="relative px-6 py-3"> 843 >
841 <a 844 <svg
842 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.workers') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.workers') }}" 845 class="w-5 h-5"
843 > 846 aria-hidden="true"
844 <svg 847 fill="none"
845 class="w-5 h-5" 848 stroke-linecap="round"
846 aria-hidden="true" 849 stroke-linejoin="round"
847 fill="none" 850 stroke-width="2"
848 stroke-linecap="round" 851 viewBox="0 0 24 24"
849 stroke-linejoin="round" 852 stroke="currentColor"
850 stroke-width="2" 853 >
851 viewBox="0 0 24 24" 854 <path
852 stroke="currentColor" 855 d="M11 3.055A9.001 9.001 0 1020.945 13H11V3.055z"
853 > 856 ></path>
854 <path 857 <path d="M20.488 9H15V3.512A9.025 9.025 0 0120.488 9z"></path>
855 d="M11 3.055A9.001 9.001 0 1020.945 13H11V3.055z" 858 </svg>
856 ></path> 859 <span class="ml-4">Соискатели</span>
857 <path d="M20.488 9H15V3.512A9.025 9.025 0 0120.488 9z"></path> 860 </a>
858 </svg> 861 </li>
859 <span class="ml-4">Соискатели</span> 862 @endif
860 </a> 863 @endif
861 </li> 864
862 @endif 865 @if ($cont->url_page == "admin/ad-employers")
863 @endif 866 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
864 867 (($cont->is_manager == 1) && ($is_manager == 1)))
865 @if ($cont->url_page == "admin/ad-employers") 868 <li class="relative px-6 py-3">
866 @if ((($cont->is_admin == 1) && ($admin == 1)) || 869 <a
867 (($cont->is_manager == 1) && ($is_manager == 1))) 870 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.ad-employers') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.ad-employers') }}"
868 <li class="relative px-6 py-3"> 871 >
869 <a 872 <svg
870 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.ad-employers') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.ad-employers') }}" 873 class="w-5 h-5"
871 > 874 aria-hidden="true"
872 <svg 875 fill="none"
873 class="w-5 h-5" 876 stroke-linecap="round"
874 aria-hidden="true" 877 stroke-linejoin="round"
875 fill="none" 878 stroke-width="2"
876 stroke-linecap="round" 879 viewBox="0 0 24 24"
877 stroke-linejoin="round" 880 stroke="currentColor"
878 stroke-width="2" 881 >
879 viewBox="0 0 24 24" 882 <path
880 stroke="currentColor" 883 d="M15 15l-2 5L9 9l11 4-5 2zm0 0l5 5M7.188 2.239l.777 2.897M5.136 7.965l-2.898-.777M13.95 4.05l-2.122 2.122m-5.657 5.656l-2.12 2.122"
881 > 884 ></path>
882 <path 885 </svg>
883 d="M15 15l-2 5L9 9l11 4-5 2zm0 0l5 5M7.188 2.239l.777 2.897M5.136 7.965l-2.898-.777M13.95 4.05l-2.122 2.122m-5.657 5.656l-2.12 2.122" 886 <span class="ml-4">Вакансии</span>
884 ></path> 887 </a>
885 </svg> 888 </li>
886 <span class="ml-4">Вакансии</span> 889 @endif
887 </a> 890 @endif
888 </li> 891
889 @endif 892 @if ($cont->url_page == "admin/messages")
890 @endif 893 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
891 894 (($cont->is_manager == 1) && ($is_manager == 1)))
892 @if ($cont->url_page == "admin/messages") 895 <li class="relative px-6 py-3">
893 @if ((($cont->is_admin == 1) && ($admin == 1)) || 896 <a
894 (($cont->is_manager == 1) && ($is_manager == 1))) 897 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.messages') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.messages') }}"
895 <li class="relative px-6 py-3"> 898 >
896 <a 899 <svg
897 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.messages') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.messages') }}" 900 class="w-5 h-5"
898 > 901 aria-hidden="true"
899 <svg 902 fill="none"
900 class="w-5 h-5" 903 stroke-linecap="round"
901 aria-hidden="true" 904 stroke-linejoin="round"
902 fill="none" 905 stroke-width="2"
903 stroke-linecap="round" 906 viewBox="0 0 24 24"
904 stroke-linejoin="round" 907 stroke="currentColor"
905 stroke-width="2" 908 >
906 viewBox="0 0 24 24" 909 <path d="M4 6h16M4 10h16M4 14h16M4 18h16"></path>
907 stroke="currentColor" 910 </svg>
908 > 911 <span class="ml-4">Сообщения все</span>
909 <path d="M4 6h16M4 10h16M4 14h16M4 18h16"></path> 912 </a>
910 </svg> 913 </li>
911 <span class="ml-4">Сообщения все</span> 914 @endif
912 </a> 915 @endif
913 </li> 916
914 @endif 917 @if ($cont->url_page == "admin/admin-messages")
915 @endif 918 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
916 919 (($cont->is_manager == 1) && ($is_manager == 1)))
917 @if ($cont->url_page == "admin/admin-messages") 920 <li class="relative px-6 py-3">
918 @if ((($cont->is_admin == 1) && ($admin == 1)) || 921 <a
919 (($cont->is_manager == 1) && ($is_manager == 1))) 922 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.admin-messages') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.admin-messages') }}"
920 <li class="relative px-6 py-3"> 923 >
921 <a 924 <svg
922 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.admin-messages') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.admin-messages') }}" 925 class="w-5 h-5"
923 > 926 aria-hidden="true"
924 <svg 927 fill="none"
925 class="w-5 h-5" 928 stroke-linecap="round"
926 aria-hidden="true" 929 stroke-linejoin="round"
927 fill="none" 930 stroke-width="2"
928 stroke-linecap="round" 931 viewBox="0 0 24 24"
929 stroke-linejoin="round" 932 stroke="currentColor"
930 stroke-width="2" 933 >
931 viewBox="0 0 24 24" 934 <path d="M4 6h16M4 10h16M4 14h16M4 18h16"></path>
932 stroke="currentColor" 935 </svg>
933 > 936 <span class="ml-4">Заявки на рассылку</span>
934 <path d="M4 6h16M4 10h16M4 14h16M4 18h16"></path> 937 </a>
935 </svg> 938 </li>
936 <span class="ml-4">Заявки на рассылку</span> 939 @endif
937 </a> 940 @endif
938 </li> 941
939 @endif 942 @if ($cont->url_page == "admin/groups")
940 @endif 943 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
941 944 (($cont->is_manager == 1) && ($is_manager == 1)))
942 @if ($cont->url_page == "admin/groups") 945 <li class="relative px-6 py-3">
943 @if ((($cont->is_admin == 1) && ($admin == 1)) || 946 <a class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.groups') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.groups') }}">
944 (($cont->is_manager == 1) && ($is_manager == 1))) 947 <svg
945 <li class="relative px-6 py-3"> 948 class="w-5 h-5"
946 <a class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.groups') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.groups') }}"> 949 aria-hidden="true"
947 <svg 950 fill="none"
948 class="w-5 h-5" 951 stroke-linecap="round"
949 aria-hidden="true" 952 stroke-linejoin="round"
950 fill="none" 953 stroke-width="2"
951 stroke-linecap="round" 954 viewBox="0 0 24 24"
952 stroke-linejoin="round" 955 stroke="currentColor"
953 stroke-width="2" 956 >
954 viewBox="0 0 24 24" 957 <path
955 stroke="currentColor" 958 d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01"
956 > 959 ></path>
957 <path 960 </svg>
958 d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01" 961 <span class="ml-4">Группы пользователей</span>
959 ></path> 962 </a>
960 </svg> 963 </li>
961 <span class="ml-4">Группы пользователей</span> 964 @endif
962 </a> 965 @endif
963 </li> 966
964 @endif 967 @if ($cont->url_page == "admin/media")
965 @endif 968 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
966 969 (($cont->is_manager == 1) && ($is_manager == 1)))
967 @if ($cont->url_page == "admin/media") 970 <li class="relative px-6 py-3">
968 @if ((($cont->is_admin == 1) && ($admin == 1)) || 971 <a class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.media') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.media') }}">
969 (($cont->is_manager == 1) && ($is_manager == 1))) 972 <svg
970 <li class="relative px-6 py-3"> 973 class="w-5 h-5"
971 <a class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.media') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.media') }}"> 974 aria-hidden="true"
972 <svg 975 fill="none"
973 class="w-5 h-5" 976 stroke-linecap="round"
974 aria-hidden="true" 977 stroke-linejoin="round"
975 fill="none" 978 stroke-width="2"
976 stroke-linecap="round" 979 viewBox="0 0 24 24"
977 stroke-linejoin="round" 980 stroke="currentColor"
978 stroke-width="2" 981 >
979 viewBox="0 0 24 24" 982 <path
980 stroke="currentColor" 983 d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01"
981 > 984 ></path>
982 <path 985 </svg>
983 d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01" 986 <span class="ml-4">Медиа</span>
984 ></path> 987 </a>
985 </svg> 988 </li>
986 <span class="ml-4">Медиа</span> 989 @endif
987 </a> 990 @endif
988 </li> 991
989 @endif 992 @if ($cont->url_page == "admin/roles")
990 @endif 993 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
991 994 (($cont->is_manager == 1) && ($is_manager == 1)))
992 @if ($cont->url_page == "admin/roles") 995
993 @if ((($cont->is_admin == 1) && ($admin == 1)) || 996 <li class="relative px-6 py-3">
994 (($cont->is_manager == 1) && ($is_manager == 1))) 997 <a class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.roles') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.roles') }}">
995 998 <svg
996 <li class="relative px-6 py-3"> 999 class="w-5 h-5"
997 <a class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.roles') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.roles') }}"> 1000 aria-hidden="true"
998 <svg 1001 fill="none"
999 class="w-5 h-5" 1002 stroke-linecap="round"
1000 aria-hidden="true" 1003 stroke-linejoin="round"
1001 fill="none" 1004 stroke-width="2"
1002 stroke-linecap="round" 1005 viewBox="0 0 24 24"
1003 stroke-linejoin="round" 1006 stroke="currentColor"
1004 stroke-width="2" 1007 >
1005 viewBox="0 0 24 24" 1008 <path
1006 stroke="currentColor" 1009 d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01"
1007 > 1010 ></path>
1008 <path 1011 </svg>
1009 d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01" 1012 <span class="ml-4">Роли пользователей</span>
1010 ></path> 1013 </a>
1011 </svg> 1014 </li>
1012 <span class="ml-4">Роли пользователей</span> 1015 @endif
1013 </a> 1016 @endif
1014 </li> 1017
1015 @endif 1018 @if ($cont->url_page == "admin/basedata")
1016 @endif 1019 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
1017 1020 (($cont->is_manager == 1) && ($is_manager == 1)))
1018 @if ($cont->url_page == "admin/basedata") 1021 <li class="relative px-6 py-3">
1019 @if ((($cont->is_admin == 1) && ($admin == 1)) || 1022 <a
1020 (($cont->is_manager == 1) && ($is_manager == 1))) 1023 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.basedata') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.basedata') }}"
1021 <li class="relative px-6 py-3"> 1024 >
1022 <a 1025 <svg
1023 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.basedata') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.basedata') }}" 1026 class="w-5 h-5"
1024 > 1027 aria-hidden="true"
1025 <svg 1028 fill="none"
1026 class="w-5 h-5" 1029 stroke-linecap="round"
1027 aria-hidden="true" 1030 stroke-linejoin="round"
1028 fill="none" 1031 stroke-width="2"
1029 stroke-linecap="round" 1032 viewBox="0 0 24 24"
1030 stroke-linejoin="round" 1033 stroke="currentColor"
1031 stroke-width="2" 1034 >
1032 viewBox="0 0 24 24" 1035 <path d="M4 6h16M4 10h16M4 14h16M4 18h16"></path>
1033 stroke="currentColor" 1036 </svg>
1034 > 1037 <span class="ml-4">Базы данных</span>
1035 <path d="M4 6h16M4 10h16M4 14h16M4 18h16"></path> 1038 </a>
1036 </svg> 1039 </li>
1037 <span class="ml-4">Базы данных</span> 1040 @endif
1038 </a> 1041 @endif
1039 </li> 1042
1040 @endif 1043 @if ($cont->url_page == "admin/education")
1041 @endif 1044 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
1042 1045 (($cont->is_manager == 1) && ($is_manager == 1)))
1043 @if ($cont->url_page == "admin/education") 1046 <li class="relative px-6 py-3">
1044 @if ((($cont->is_admin == 1) && ($admin == 1)) || 1047 <a
1045 (($cont->is_manager == 1) && ($is_manager == 1))) 1048 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.education.index') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.education.index') }}"
1046 <li class="relative px-6 py-3"> 1049 >
1047 <a 1050 <svg
1048 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.education.index') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.education.index') }}" 1051 class="w-5 h-5"
1049 > 1052 aria-hidden="true"
1050 <svg 1053 fill="none"
1051 class="w-5 h-5" 1054 stroke-linecap="round"
1052 aria-hidden="true" 1055 stroke-linejoin="round"
1053 fill="none" 1056 stroke-width="2"
1054 stroke-linecap="round" 1057 viewBox="0 0 24 24"
1055 stroke-linejoin="round" 1058 stroke="currentColor"
1056 stroke-width="2" 1059 >
1057 viewBox="0 0 24 24" 1060 <path
1058 stroke="currentColor" 1061 d="M15 15l-2 5L9 9l11 4-5 2zm0 0l5 5M7.188 2.239l.777 2.897M5.136 7.965l-2.898-.777M13.95 4.05l-2.122 2.122m-5.657 5.656l-2.12 2.122"
1059 > 1062 ></path>
1060 <path 1063 </svg>
1061 d="M15 15l-2 5L9 9l11 4-5 2zm0 0l5 5M7.188 2.239l.777 2.897M5.136 7.965l-2.898-.777M13.95 4.05l-2.122 2.122m-5.657 5.656l-2.12 2.122" 1064 <span class="ml-4">Учебн.заведения</span>
1062 ></path> 1065 </a>
1063 </svg> 1066 </li>
1064 <span class="ml-4">Учебн.заведения</span> 1067 @endif
1065 </a> 1068 @endif
1066 </li> 1069
1067 @endif 1070 @if ($cont->url_page == "admin/statics")
1068 @endif 1071 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
1069 1072 (($cont->is_manager == 1) && ($is_manager == 1)))
1070 @if ($cont->url_page == "admin/statics") 1073 <li class="relative px-6 py-3">
1071 @if ((($cont->is_admin == 1) && ($admin == 1)) || 1074 <a
1072 (($cont->is_manager == 1) && ($is_manager == 1))) 1075 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.statics') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.statics') }}"
1073 <li class="relative px-6 py-3"> 1076 >
1074 <a 1077 <svg
1075 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.statics') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.statics') }}" 1078 class="w-5 h-5"
1076 > 1079 aria-hidden="true"
1077 <svg 1080 fill="none"
1078 class="w-5 h-5" 1081 stroke-linecap="round"
1079 aria-hidden="true" 1082 stroke-linejoin="round"
1080 fill="none" 1083 stroke-width="2"
1081 stroke-linecap="round" 1084 viewBox="0 0 24 24"
1082 stroke-linejoin="round" 1085 stroke="currentColor"
1083 stroke-width="2" 1086 >
1084 viewBox="0 0 24 24" 1087 <path
1085 stroke="currentColor" 1088 d="M11 3.055A9.001 9.001 0 1020.945 13H11V3.055z"
1086 > 1089 ></path>
1087 <path 1090 <path d="M20.488 9H15V3.512A9.025 9.025 0 0120.488 9z"></path>
1088 d="M11 3.055A9.001 9.001 0 1020.945 13H11V3.055z" 1091 </svg>
1089 ></path> 1092 <span class="ml-4">Статистика</span>
1090 <path d="M20.488 9H15V3.512A9.025 9.025 0 0120.488 9z"></path> 1093 </a>
1091 </svg> 1094 </li>
1092 <span class="ml-4">Статистика</span> 1095 @endif
1093 </a> 1096 @endif
1094 </li> 1097
1095 @endif 1098 @if ($cont->url_page == "admin/messages")
1096 @endif 1099 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
1097 1100 (($cont->is_manager == 1) && ($is_manager == 1)))
1098 @if ($cont->url_page == "admin/messages") 1101 <li class="relative px-6 py-3">
1099 @if ((($cont->is_admin == 1) && ($admin == 1)) || 1102 <a
1100 (($cont->is_manager == 1) && ($is_manager == 1))) 1103 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.messages') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.messages') }}"
1101 <li class="relative px-6 py-3"> 1104 >
1102 <a 1105 <svg
1103 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.messages') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.messages') }}" 1106 class="w-5 h-5"
1104 > 1107 aria-hidden="true"
1105 <svg 1108 fill="none"
1106 class="w-5 h-5" 1109 stroke-linecap="round"
1107 aria-hidden="true" 1110 stroke-linejoin="round"
1108 fill="none" 1111 stroke-width="2"
1109 stroke-linecap="round" 1112 viewBox="0 0 24 24"
1110 stroke-linejoin="round" 1113 stroke="currentColor"
1111 stroke-width="2" 1114 >
1112 viewBox="0 0 24 24" 1115 <path d="M4 6h16M4 10h16M4 14h16M4 18h16"></path>
1113 stroke="currentColor" 1116 </svg>
1114 > 1117 <span class="ml-4">Сообщения все</span>
1115 <path d="M4 6h16M4 10h16M4 14h16M4 18h16"></path> 1118 </a>
1116 </svg> 1119 </li>
1117 <span class="ml-4">Сообщения все</span> 1120 @endif
1118 </a> 1121 @endif
1119 </li> 1122
1120 @endif 1123 @if ($cont->url_page == "admin/reclames")
1121 @endif 1124 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
1122 1125 (($cont->is_manager == 1) && ($is_manager == 1)))
1123 @if ($cont->url_page == "admin/reclames") 1126 <li class="relative px-6 py-3">
1124 @if ((($cont->is_admin == 1) && ($admin == 1)) || 1127 <a
1125 (($cont->is_manager == 1) && ($is_manager == 1))) 1128 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.reclames') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.reclames') }}"
1126 <li class="relative px-6 py-3"> 1129 >
1127 <a 1130 <svg
1128 class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.reclames') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.reclames') }}" 1131 class="w-5 h-5"
1129 > 1132 aria-hidden="true"
1130 <svg 1133 fill="none"
1131 class="w-5 h-5" 1134 stroke-linecap="round"
1132 aria-hidden="true" 1135 stroke-linejoin="round"
1133 fill="none" 1136 stroke-width="2"
1134 stroke-linecap="round" 1137 viewBox="0 0 24 24"
1135 stroke-linejoin="round" 1138 stroke="currentColor"
1136 stroke-width="2" 1139 >
1137 viewBox="0 0 24 24" 1140 <path
1138 stroke="currentColor" 1141 d="M15 15l-2 5L9 9l11 4-5 2zm0 0l5 5M7.188 2.239l.777 2.897M5.136 7.965l-2.898-.777M13.95 4.05l-2.122 2.122m-5.657 5.656l-2.12 2.122"
1139 > 1142 ></path>
1140 <path 1143 </svg>
1141 d="M15 15l-2 5L9 9l11 4-5 2zm0 0l5 5M7.188 2.239l.777 2.897M5.136 7.965l-2.898-.777M13.95 4.05l-2.122 2.122m-5.657 5.656l-2.12 2.122" 1144 <span class="ml-4">Реклама</span>
1142 ></path> 1145 </a>
1143 </svg> 1146 </li>
1144 <span class="ml-4">Реклама</span> 1147 @endif
1145 </a> 1148 @endif
1146 </li> 1149 @endforeach
1147 @endif 1150
1148 @endif 1151 <!-- Справочники -->
1149 @endforeach 1152 <li class="relative px-6 py-3" x-data="{ open2: false }">
1150 1153 <button
1151 <!-- Справочники --> 1154 class="inline-flex items-center justify-between w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200"
1152 <li class="relative px-6 py-3" x-data="{ open2: false }"> 1155 @click="open2=!open2"
1153 <button 1156 aria-haspopup="true">
1154 class="inline-flex items-center justify-between w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200" 1157 <span class="inline-flex items-center">
1155 @click="open2=!open2" 1158 <svg
1156 aria-haspopup="true"> 1159 class="w-5 h-5"
1157 <span class="inline-flex items-center"> 1160 aria-hidden="true"
1158 <svg 1161 fill="none"
1159 class="w-5 h-5" 1162 stroke-linecap="round"
1160 aria-hidden="true" 1163 stroke-linejoin="round"
1161 fill="none" 1164 stroke-width="2"
1162 stroke-linecap="round" 1165 viewBox="0 0 24 24"
1163 stroke-linejoin="round" 1166 stroke="currentColor">
1164 stroke-width="2" 1167 <path
1165 viewBox="0 0 24 24" 1168 d="M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z"
1166 stroke="currentColor"> 1169 ></path>
1167 <path 1170 </svg>
1168 d="M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z" 1171 <span class="ml-4">Справочники</span>
1169 ></path> 1172 </span>
1170 </svg> 1173 <svg
1171 <span class="ml-4">Справочники</span> 1174 class="w-4 h-4"
1172 </span> 1175 aria-hidden="true"
1173 <svg 1176 fill="currentColor"
1174 class="w-4 h-4" 1177 viewBox="0 0 20 20"
1175 aria-hidden="true" 1178 >
1176 fill="currentColor" 1179 <path
1177 viewBox="0 0 20 20" 1180 fill-rule="evenodd"
1178 > 1181 d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
1179 <path 1182 clip-rule="evenodd"
1180 fill-rule="evenodd" 1183 ></path>
1181 d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" 1184 </svg>
1182 clip-rule="evenodd" 1185 </button>
1183 ></path> 1186 <template x-if="open2">
1184 </svg> 1187 <ul
1185 </button> 1188 x-transition:enter="transition-all ease-in-out duration-300"
1186 <template x-if="open2"> 1189 x-transition:enter-start="opacity-25 max-h-0"
1187 <ul 1190 x-transition:enter-end="opacity-100 max-h-xl"
1188 x-transition:enter="transition-all ease-in-out duration-300" 1191 x-transition:leave="transition-all ease-in-out duration-300"
1189 x-transition:enter-start="opacity-25 max-h-0" 1192 x-transition:leave-start="opacity-100 max-h-xl"
1190 x-transition:enter-end="opacity-100 max-h-xl" 1193 x-transition:leave-end="opacity-0 max-h-0"
1191 x-transition:leave="transition-all ease-in-out duration-300" 1194 class="p-2 mt-2 space-y-2 overflow-hidden text-sm font-medium text-gray-500 rounded-md shadow-inner bg-gray-50 dark:text-gray-400 dark:bg-gray-900"
1192 x-transition:leave-start="opacity-100 max-h-xl" 1195 aria-label="submenu"
1193 x-transition:leave-end="opacity-0 max-h-0" 1196 >
1194 class="p-2 mt-2 space-y-2 overflow-hidden text-sm font-medium text-gray-500 rounded-md shadow-inner bg-gray-50 dark:text-gray-400 dark:bg-gray-900" 1197 @foreach ($contents as $cont)
1195 aria-label="submenu" 1198 @if ($cont->url_page == "admin/job-titles")
1196 > 1199 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
1197 @foreach ($contents as $cont) 1200 (($cont->is_manager == 1) && ($is_manager == 1)))
1198 @if ($cont->url_page == "admin/job-titles") 1201 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.job-titles.index') ? 'dark:text-gray-100' : null }}">
1199 @if ((($cont->is_admin == 1) && ($admin == 1)) || 1202 <a class="w-full" href="{{ route('admin.job-titles.index') }}">Должности</a>
1200 (($cont->is_manager == 1) && ($is_manager == 1))) 1203 </li>
1201 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.job-titles.index') ? 'dark:text-gray-100' : null }}"> 1204 @endif
1202 <a class="w-full" href="{{ route('admin.job-titles.index') }}">Должности</a> 1205 @endif
1203 </li> 1206
1204 @endif 1207 @if ($cont->url_page == "admin/categories")
1205 @endif 1208 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
1206 1209 (($cont->is_manager == 1) && ($is_manager == 1)))
1207 @if ($cont->url_page == "admin/categories") 1210 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.categories.index') ? 'dark:text-gray-100' : null }}">
1208 @if ((($cont->is_admin == 1) && ($admin == 1)) || 1211 <a class="w-full" href="{{ route('admin.categories.index') }}">Категории вакансий</a>
1209 (($cont->is_manager == 1) && ($is_manager == 1))) 1212 </li>
1210 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.categories.index') ? 'dark:text-gray-100' : null }}"> 1213 @endif
1211 <a class="w-full" href="{{ route('admin.categories.index') }}">Категории вакансий</a> 1214 @endif
1212 </li> 1215
1213 @endif 1216 @if ($cont->url_page == "admin/category-emp")
1214 @endif 1217 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
1215 1218 (($cont->is_manager == 1) && ($is_manager == 1)))
1216 @if ($cont->url_page == "admin/category-emp") 1219 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.category-emp.index') ? 'dark:text-gray-100' : null }}">
1217 @if ((($cont->is_admin == 1) && ($admin == 1)) || 1220 <a class="w-full" href="{{ route('admin.category-emp.index') }}">Категории работодателей</a>
1218 (($cont->is_manager == 1) && ($is_manager == 1))) 1221 </li>
1219 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.category-emp.index') ? 'dark:text-gray-100' : null }}"> 1222 @endif
1220 <a class="w-full" href="{{ route('admin.category-emp.index') }}">Категории работодателей</a> 1223 @endif
1221 </li> 1224
1222 @endif 1225 @if ($cont->url_page == "admin/infobloks")
1223 @endif 1226 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
1224 1227 (($cont->is_manager == 1) && ($is_manager == 1)))
1225 @if ($cont->url_page == "admin/infobloks") 1228 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.infobloks.index') ? 'dark:text-gray-100' : null }}">
1226 @if ((($cont->is_admin == 1) && ($admin == 1)) || 1229 <a class="w-full" href="{{ route('admin.infobloks.index') }}">Блоки-Дипломы</a>
1227 (($cont->is_manager == 1) && ($is_manager == 1))) 1230 </li>
1228 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.infobloks.index') ? 'dark:text-gray-100' : null }}"> 1231 @endif
1229 <a class="w-full" href="{{ route('admin.infobloks.index') }}">Блоки-Дипломы</a> 1232 @endif
1233
1234 @if ($cont->url_page == "admin/position")
1235 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
1236 (($cont->is_manager == 1) && ($is_manager == 1)))
1237 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.position') ? 'dark:text-gray-100' : null }}">
1238 <a class="w-full" href="{{ route('admin.position') }}">Позиция</a>
1239 </li>
1240 @endif
1241 @endif
1242
1230 </li> 1243 @endforeach
1231 @endif 1244 </ul>
1232 @endif 1245 </template>
1233 1246 </li>
1234 @if ($cont->url_page == "admin/position") 1247
1235 @if ((($cont->is_admin == 1) && ($admin == 1)) || 1248 <!-- Редактор -->
1236 (($cont->is_manager == 1) && ($is_manager == 1))) 1249 <li class="relative px-6 py-3">
1237 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.position') ? 'dark:text-gray-100' : null }}"> 1250 <button
1238 <a class="w-full" href="{{ route('admin.position') }}">Позиция</a> 1251 class="inline-flex items-center justify-between w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200"
1239 </li> 1252 @click="togglePagesMenu"
1240 @endif 1253 aria-haspopup="true"
1241 @endif 1254 >
1242 1255 <span class="inline-flex items-center">
1243 @endforeach 1256 <svg
1244 </ul> 1257 class="w-5 h-5"
1245 </template> 1258 aria-hidden="true"
1246 </li> 1259 fill="none"
1247 1260 stroke-linecap="round"
1248 <!-- Редактор --> 1261 stroke-linejoin="round"
1249 <li class="relative px-6 py-3"> 1262 stroke-width="2"
1250 <button 1263 viewBox="0 0 24 24"
1251 class="inline-flex items-center justify-between w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200" 1264 stroke="currentColor"
1252 @click="togglePagesMenu" 1265 >
1253 aria-haspopup="true" 1266 <path
1254 > 1267 d="M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z"
1255 <span class="inline-flex items-center"> 1268 ></path>
1256 <svg 1269 </svg>
1257 class="w-5 h-5" 1270 <span class="ml-4">Редактор</span>
1258 aria-hidden="true" 1271 </span>
1259 fill="none" 1272 <svg
1260 stroke-linecap="round" 1273 class="w-4 h-4"
1261 stroke-linejoin="round" 1274 aria-hidden="true"
1262 stroke-width="2" 1275 fill="currentColor"
1263 viewBox="0 0 24 24" 1276 viewBox="0 0 20 20"
1264 stroke="currentColor" 1277 >
1265 > 1278 <path
1266 <path 1279 fill-rule="evenodd"
1267 d="M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z" 1280 d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
1268 ></path> 1281 clip-rule="evenodd"
1269 </svg> 1282 ></path>
1270 <span class="ml-4">Редактор</span> 1283 </svg>
1271 </span> 1284 </button>
1272 <svg 1285 <template x-if="isPagesMenuOpen">
1273 class="w-4 h-4" 1286 <ul
1274 aria-hidden="true" 1287 x-transition:enter="transition-all ease-in-out duration-300"
1275 fill="currentColor" 1288 x-transition:enter-start="opacity-25 max-h-0"
1276 viewBox="0 0 20 20" 1289 x-transition:enter-end="opacity-100 max-h-xl"
1277 > 1290 x-transition:leave="transition-all ease-in-out duration-300"
1278 <path 1291 x-transition:leave-start="opacity-100 max-h-xl"
1279 fill-rule="evenodd" 1292 x-transition:leave-end="opacity-0 max-h-0"
1280 d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" 1293 class="p-2 mt-2 space-y-2 overflow-hidden text-sm font-medium text-gray-500 rounded-md shadow-inner bg-gray-50 dark:text-gray-400 dark:bg-gray-900"
1281 clip-rule="evenodd" 1294 aria-label="submenu"
1282 ></path> 1295 >
1283 </svg> 1296 @foreach ($contents as $cont)
1284 </button> 1297 @if ($cont->url_page == "admin/editor-site")
1285 <template x-if="isPagesMenuOpen"> 1298 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
1286 <ul 1299 (($cont->is_manager == 1) && ($is_manager == 1)))
1287 x-transition:enter="transition-all ease-in-out duration-300" 1300 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.editor-site') ? 'dark:text-gray-100' : null }}">
1288 x-transition:enter-start="opacity-25 max-h-0" 1301 <a class="w-full" href="{{ route('admin.editor-site') }}">Редактор сайта</a>
1289 x-transition:enter-end="opacity-100 max-h-xl" 1302 </li>
1290 x-transition:leave="transition-all ease-in-out duration-300" 1303 @endif
1291 x-transition:leave-start="opacity-100 max-h-xl" 1304 @endif
1292 x-transition:leave-end="opacity-0 max-h-0" 1305
1293 class="p-2 mt-2 space-y-2 overflow-hidden text-sm font-medium text-gray-500 rounded-md shadow-inner bg-gray-50 dark:text-gray-400 dark:bg-gray-900" 1306 @if ($cont->url_page == "admin/edit-blocks")
1294 aria-label="submenu" 1307 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
1295 > 1308 (($cont->is_manager == 1) && ($is_manager == 1)))
1296 @foreach ($contents as $cont) 1309 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.edit-blocks') ? 'dark:text-gray-100' : null }}">
1297 @if ($cont->url_page == "admin/editor-site") 1310 <a class="w-full" href="{{ route('admin.edit-blocks') }}">Шапка-футер сайта</a>
1298 @if ((($cont->is_admin == 1) && ($admin == 1)) || 1311 </li>
1299 (($cont->is_manager == 1) && ($is_manager == 1))) 1312 @endif
1300 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.editor-site') ? 'dark:text-gray-100' : null }}"> 1313 @endif
1301 <a class="w-full" href="{{ route('admin.editor-site') }}">Редактор сайта</a> 1314
1302 </li> 1315 @if ($cont->url_page == "admin/editor-seo")
1303 @endif 1316 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
1304 @endif 1317 (($cont->is_manager == 1) && ($is_manager == 1)))
1305 1318 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.editor-seo') ? 'dark:text-gray-100' : null }}">
1306 @if ($cont->url_page == "admin/edit-blocks") 1319 <a class="w-full" href="{{ route('admin.editor-seo') }}">SEO сайта</a>
1307 @if ((($cont->is_admin == 1) && ($admin == 1)) || 1320 </li>
1308 (($cont->is_manager == 1) && ($is_manager == 1))) 1321 @endif
1309 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.edit-blocks') ? 'dark:text-gray-100' : null }}"> 1322 @endif
1310 <a class="w-full" href="{{ route('admin.edit-blocks') }}">Шапка-футер сайта</a> 1323
1311 </li> 1324 @if ($cont->url_page == "admin/editor-pages")
1312 @endif 1325 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
1313 @endif 1326 (($cont->is_manager == 1) && ($is_manager == 1)))
1314 1327 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.editor-pages') ? 'dark:text-gray-100' : null }}">
1315 @if ($cont->url_page == "admin/editor-seo") 1328 <a class="w-full" href="{{ route('admin.editor-pages') }}">Редактор страниц</a>
1316 @if ((($cont->is_admin == 1) && ($admin == 1)) || 1329 </li>
1317 (($cont->is_manager == 1) && ($is_manager == 1))) 1330 @endif
1318 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.editor-seo') ? 'dark:text-gray-100' : null }}"> 1331 @endif
1319 <a class="w-full" href="{{ route('admin.editor-seo') }}">SEO сайта</a> 1332
1320 </li> 1333 @if ($cont->url_page == "admin/job-titles-main")
1321 @endif 1334 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
1322 @endif 1335 (($cont->is_manager == 1) && ($is_manager == 1)))
1323 1336 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.job-titles-main') ? 'dark:text-gray-100' : null }}">
1324 @if ($cont->url_page == "admin/editor-pages") 1337 <a class="w-full" href="{{ route('admin.job-titles-main') }}">Должности на главной</a>
1325 @if ((($cont->is_admin == 1) && ($admin == 1)) || 1338 </li>
1326 (($cont->is_manager == 1) && ($is_manager == 1))) 1339 @endif
1327 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.editor-pages') ? 'dark:text-gray-100' : null }}"> 1340 @endif
1328 <a class="w-full" href="{{ route('admin.editor-pages') }}">Редактор страниц</a> 1341
1329 </li> 1342 @if ($cont->url_page == "admin/employers-main")
1330 @endif 1343 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
1331 @endif 1344 (($cont->is_manager == 1) && ($is_manager == 1)))
1332 1345 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.employers-main') ? 'dark:text-gray-100' : null }}">
1333 @if ($cont->url_page == "admin/job-titles-main") 1346 <a class="w-full" href="{{ route('admin.employers-main') }}">Работодатели на главной</a>
1334 @if ((($cont->is_admin == 1) && ($admin == 1)) || 1347 </li>
1335 (($cont->is_manager == 1) && ($is_manager == 1))) 1348 @endif
1336 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.job-titles-main') ? 'dark:text-gray-100' : null }}"> 1349 @endif
1337 <a class="w-full" href="{{ route('admin.job-titles-main') }}">Должности на главной</a> 1350
1338 </li> 1351 @endforeach
1339 @endif 1352 </ul>
1340 @endif 1353 </template>
1341 1354 </li>
1342 @if ($cont->url_page == "admin/employers-main") 1355 </ul>
1343 @if ((($cont->is_admin == 1) && ($admin == 1)) || 1356 <!--<div class="px-6 my-6">
1344 (($cont->is_manager == 1) && ($is_manager == 1))) 1357 <button class="flex items-center justify-between px-4 py-2 text-sm font-medium leading-5 text-white transition-colors duration-150 bg-purple-600 border border-transparent rounded-lg active:bg-purple-600 hover:bg-purple-700 focus:outline-none focus:shadow-outline-purple">
1345 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.employers-main') ? 'dark:text-gray-100' : null }}"> 1358 Create account
1346 <a class="w-full" href="{{ route('admin.employers-main') }}">Работодатели на главной</a> 1359 <span class="ml-2" aria-hidden="true">+</span>
1347 </li> 1360 </button>
1348 @endif 1361 </div>-->
1349 @endif 1362 </div>
1350 1363 </aside>
1351 @endforeach 1364 <div class="flex flex-col flex-1 w-full">
1352 </ul> 1365 <header class="z-10 py-4 bg-white shadow-md dark:bg-gray-800">
1353 </template> 1366 <div
1354 </li> 1367 class="container flex items-center justify-between h-full px-6 mx-auto text-purple-600 dark:text-purple-300"
1355 </ul> 1368 >
1356 <!--<div class="px-6 my-6"> 1369 <!-- Mobile hamburger -->
1357 <button class="flex items-center justify-between px-4 py-2 text-sm font-medium leading-5 text-white transition-colors duration-150 bg-purple-600 border border-transparent rounded-lg active:bg-purple-600 hover:bg-purple-700 focus:outline-none focus:shadow-outline-purple"> 1370 <button
1358 Create account 1371 class="p-1 mr-5 -ml-1 rounded-md md:hidden focus:outline-none focus:shadow-outline-purple"
1359 <span class="ml-2" aria-hidden="true">+</span> 1372 @click="toggleSideMenu"
1360 </button> 1373 aria-label="Menu"
1361 </div>--> 1374 >
1362 </div> 1375 <svg
1363 </aside> 1376 class="w-6 h-6"
1364 <div class="flex flex-col flex-1 w-full"> 1377 aria-hidden="true"
1365 <header class="z-10 py-4 bg-white shadow-md dark:bg-gray-800"> 1378 fill="currentColor"
1366 <div 1379 viewBox="0 0 20 20"
1367 class="container flex items-center justify-between h-full px-6 mx-auto text-purple-600 dark:text-purple-300" 1380 >
1368 > 1381 <path
1369 <!-- Mobile hamburger --> 1382 fill-rule="evenodd"
1370 <button 1383 d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z"
1371 class="p-1 mr-5 -ml-1 rounded-md md:hidden focus:outline-none focus:shadow-outline-purple" 1384 clip-rule="evenodd"
1372 @click="toggleSideMenu" 1385 ></path>
1373 aria-label="Menu" 1386 </svg>
1374 > 1387 </button>
1375 <svg 1388 <!-- Search input -->
1376 class="w-6 h-6" 1389 <div class="flex justify-center flex-1 lg:mr-32">
1377 aria-hidden="true" 1390 <div
1378 fill="currentColor" 1391 class="relative w-full max-w-xl mr-6 focus-within:text-purple-500"
1379 viewBox="0 0 20 20" 1392 >
1380 > 1393
1381 <path 1394 @yield('search')
1382 fill-rule="evenodd" 1395 </div>
1383 d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z" 1396 </div>
1384 clip-rule="evenodd" 1397 <ul class="flex items-center flex-shrink-0 space-x-6">
1385 ></path> 1398 <!-- Theme toggler -->
1386 </svg> 1399 <li class="flex">
1387 </button> 1400 <button
1388 <!-- Search input --> 1401 class="rounded-md focus:outline-none focus:shadow-outline-purple"
1389 <div class="flex justify-center flex-1 lg:mr-32"> 1402 @click="toggleTheme"
1390 <div 1403 aria-label="Toggle color mode"
1391 class="relative w-full max-w-xl mr-6 focus-within:text-purple-500" 1404 >
1392 > 1405 <template x-if="!dark">
1393 1406 <svg
1394 @yield('search') 1407 class="w-5 h-5"
1395 </div> 1408 aria-hidden="true"
1396 </div> 1409 fill="currentColor"
1397 <ul class="flex items-center flex-shrink-0 space-x-6"> 1410 viewBox="0 0 20 20"
1398 <!-- Theme toggler --> 1411 >
1399 <li class="flex"> 1412 <path
1400 <button 1413 d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z"
1401 class="rounded-md focus:outline-none focus:shadow-outline-purple" 1414 ></path>
1402 @click="toggleTheme" 1415 </svg>
1403 aria-label="Toggle color mode" 1416 </template>
1404 > 1417 <template x-if="dark">
1405 <template x-if="!dark"> 1418 <svg
1406 <svg 1419 class="w-5 h-5"
1407 class="w-5 h-5" 1420 aria-hidden="true"
1408 aria-hidden="true" 1421 fill="currentColor"
1409 fill="currentColor" 1422 viewBox="0 0 20 20"
1410 viewBox="0 0 20 20" 1423 >
1411 > 1424 <path
1412 <path 1425 fill-rule="evenodd"
1413 d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z" 1426 d="M10 2a1 1 0 011 1v1a1 1 0 11-2 0V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95l.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707a1 1 0 11-1.414-1.414l.707-.707a1 1 0 011.414 0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707a1 1 0 00-1.414 1.414l.707.707zm1.414 8.486l-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z"
1414 ></path> 1427 clip-rule="evenodd"
1415 </svg> 1428 ></path>
1416 </template> 1429 </svg>
1417 <template x-if="dark"> 1430 </template>
1418 <svg 1431 </button>
1419 class="w-5 h-5" 1432 </li>
1420 aria-hidden="true" 1433 <!-- Notifications menu -->
1421 fill="currentColor" 1434 <li class="relative">
1422 viewBox="0 0 20 20" 1435 <button
1423 > 1436 class="relative align-middle rounded-md focus:outline-none focus:shadow-outline-purple"
1424 <path 1437 @click="toggleNotificationsMenu"
1425 fill-rule="evenodd" 1438 @keydown.escape="closeNotificationsMenu"
1426 d="M10 2a1 1 0 011 1v1a1 1 0 11-2 0V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95l.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707a1 1 0 11-1.414-1.414l.707-.707a1 1 0 011.414 0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707a1 1 0 00-1.414 1.414l.707.707zm1.414 8.486l-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z" 1439 aria-label="Notifications"
1427 clip-rule="evenodd" 1440 aria-haspopup="true"
1428 ></path> 1441 >
1429 </svg> 1442 <svg
1430 </template> 1443 class="w-5 h-5"
1431 </button> 1444 aria-hidden="true"
1432 </li> 1445 fill="currentColor"
1433 <!-- Notifications menu --> 1446 viewBox="0 0 20 20"
1434 <li class="relative"> 1447 >
1435 <button 1448 <path
1436 class="relative align-middle rounded-md focus:outline-none focus:shadow-outline-purple" 1449 d="M10 2a6 6 0 00-6 6v3.586l-.707.707A1 1 0 004 14h12a1 1 0 00.707-1.707L16 11.586V8a6 6 0 00-6-6zM10 18a3 3 0 01-3-3h6a3 3 0 01-3 3z"
1437 @click="toggleNotificationsMenu" 1450 ></path>
1438 @keydown.escape="closeNotificationsMenu" 1451 </svg>
1439 aria-label="Notifications" 1452 <!-- Notification badge -->
1440 aria-haspopup="true" 1453 <span
1441 > 1454 aria-hidden="true"
1442 <svg 1455 class="absolute top-0 right-0 inline-block w-3 h-3 transform translate-x-1 -translate-y-1 bg-red-600 border-2 border-white rounded-full dark:border-gray-800"
1443 class="w-5 h-5" 1456 ></span>
1444 aria-hidden="true" 1457 </button>
1445 fill="currentColor" 1458 <template x-if="isNotificationsMenuOpen">
1446 viewBox="0 0 20 20" 1459 <ul
1447 > 1460 x-transition:leave="transition ease-in duration-150"
1448 <path 1461 x-transition:leave-start="opacity-100"
1449 d="M10 2a6 6 0 00-6 6v3.586l-.707.707A1 1 0 004 14h12a1 1 0 00.707-1.707L16 11.586V8a6 6 0 00-6-6zM10 18a3 3 0 01-3-3h6a3 3 0 01-3 3z" 1462 x-transition:leave-end="opacity-0"
1450 ></path> 1463 @click.away="closeNotificationsMenu"
1451 </svg> 1464 @keydown.escape="closeNotificationsMenu"
1452 <!-- Notification badge --> 1465 class="absolute right-0 w-56 p-2 mt-2 space-y-2 text-gray-600 bg-white border border-gray-100 rounded-md shadow-md dark:text-gray-300 dark:border-gray-700 dark:bg-gray-700"
1453 <span 1466 >
1454 aria-hidden="true" 1467 <li class="flex">
1455 class="absolute top-0 right-0 inline-block w-3 h-3 transform translate-x-1 -translate-y-1 bg-red-600 border-2 border-white rounded-full dark:border-gray-800" 1468 <a
1456 ></span> 1469 class="inline-flex items-center justify-between w-full px-2 py-1 text-sm font-semibold transition-colors duration-150 rounded-md hover:bg-gray-100 hover:text-gray-800 dark:hover:bg-gray-800 dark:hover:text-gray-200"
1457 </button> 1470 href="{{ route('admin.admin-messages') }}"
1458 <template x-if="isNotificationsMenuOpen"> 1471 >
1459 <ul 1472 <span>Сообщения</span>
1460 x-transition:leave="transition ease-in duration-150" 1473 @if($MsgCount > 0)
1461 x-transition:leave-start="opacity-100" 1474 <span
1462 x-transition:leave-end="opacity-0" 1475 class="inline-flex items-center justify-center px-2 py-1 text-xs font-bold leading-none text-red-600 bg-red-100 rounded-full dark:text-red-100 dark:bg-red-600"
1463 @click.away="closeNotificationsMenu" 1476 >
1464 @keydown.escape="closeNotificationsMenu" 1477
1465 class="absolute right-0 w-56 p-2 mt-2 space-y-2 text-gray-600 bg-white border border-gray-100 rounded-md shadow-md dark:text-gray-300 dark:border-gray-700 dark:bg-gray-700" 1478 {{ $MsgCount }}
1466 > 1479 </span>
1467 <li class="flex"> 1480 @endif
1468 <a 1481 </a>
1469 class="inline-flex items-center justify-between w-full px-2 py-1 text-sm font-semibold transition-colors duration-150 rounded-md hover:bg-gray-100 hover:text-gray-800 dark:hover:bg-gray-800 dark:hover:text-gray-200" 1482 </li>
1470 href="{{ route('admin.admin-messages') }}" 1483 <!--<li class="flex">
1471 > 1484 <a
1472 <span>Сообщения</span> 1485 class="inline-flex items-center justify-between w-full px-2 py-1 text-sm font-semibold transition-colors duration-150 rounded-md hover:bg-gray-100 hover:text-gray-800 dark:hover:bg-gray-800 dark:hover:text-gray-200"
1473 @if($MsgCount > 0) 1486 href="#"
1474 <span 1487 >
1475 class="inline-flex items-center justify-center px-2 py-1 text-xs font-bold leading-none text-red-600 bg-red-100 rounded-full dark:text-red-100 dark:bg-red-600" 1488 <span>Логи</span>
1476 > 1489 </a>
1477 1490 </li>-->
1478 {{ $MsgCount }} 1491 </ul>
1479 </span> 1492 </template>
1480 @endif 1493 </li>
1481 </a> 1494 <!-- Profile menu -->
1482 </li> 1495 <li class="relative">
1483 <!--<li class="flex"> 1496 <button
1484 <a 1497 class="align-middle rounded-full focus:shadow-outline-purple focus:outline-none"
1485 class="inline-flex items-center justify-between w-full px-2 py-1 text-sm font-semibold transition-colors duration-150 rounded-md hover:bg-gray-100 hover:text-gray-800 dark:hover:bg-gray-800 dark:hover:text-gray-200" 1498 @click="toggleProfileMenu"
1486 href="#" 1499 @keydown.escape="closeProfileMenu"
1487 > 1500 aria-label="Account"
1488 <span>Логи</span> 1501 aria-haspopup="true"
1489 </a> 1502 >
1490 </li>--> 1503 <img
1491 </ul> 1504 class="object-cover w-8 h-8 rounded-full"
1492 </template> 1505 src="{{ asset('assets/img/profile.jpg') }}"
1493 </li> 1506 alt=""
1494 <!-- Profile menu --> 1507 aria-hidden="true"
1495 <li class="relative"> 1508 />
1496 <button 1509 </button>
1497 class="align-middle rounded-full focus:shadow-outline-purple focus:outline-none" 1510 <template x-if="isProfileMenuOpen">
1498 @click="toggleProfileMenu" 1511 <ul
1499 @keydown.escape="closeProfileMenu" 1512 x-transition:leave="transition ease-in duration-150"
1500 aria-label="Account" 1513 x-transition:leave-start="opacity-100"
1501 aria-haspopup="true" 1514 x-transition:leave-end="opacity-0"
1502 > 1515 @click.away="closeProfileMenu"
1503 <img 1516 @keydown.escape="closeProfileMenu"
1504 class="object-cover w-8 h-8 rounded-full" 1517 class="absolute right-0 w-56 p-2 mt-2 space-y-2 text-gray-600 bg-white border border-gray-100 rounded-md shadow-md dark:border-gray-700 dark:text-gray-300 dark:bg-gray-700"
1505 src="{{ asset('assets/img/profile.jpg') }}" 1518 aria-label="submenu"
1506 alt="" 1519 >
1507 aria-hidden="true" 1520 <li class="flex">
1508 /> 1521 <a
1509 </button> 1522 class="inline-flex items-center w-full px-2 py-1 text-sm font-semibold transition-colors duration-150 rounded-md hover:bg-gray-100 hover:text-gray-800 dark:hover:bg-gray-800 dark:hover:text-gray-200"
1510 <template x-if="isProfileMenuOpen"> 1523 href="{{ route('admin.profile') }}"
1511 <ul 1524 >
1512 x-transition:leave="transition ease-in duration-150" 1525 <svg
1513 x-transition:leave-start="opacity-100" 1526 class="w-4 h-4 mr-3"
1514 x-transition:leave-end="opacity-0" 1527 aria-hidden="true"
1515 @click.away="closeProfileMenu" 1528 fill="none"
1516 @keydown.escape="closeProfileMenu" 1529 stroke-linecap="round"
1517 class="absolute right-0 w-56 p-2 mt-2 space-y-2 text-gray-600 bg-white border border-gray-100 rounded-md shadow-md dark:border-gray-700 dark:text-gray-300 dark:bg-gray-700" 1530 stroke-linejoin="round"
1518 aria-label="submenu" 1531 stroke-width="2"
1519 > 1532 viewBox="0 0 24 24"
1520 <li class="flex"> 1533 stroke="currentColor"
1521 <a 1534 >
1522 class="inline-flex items-center w-full px-2 py-1 text-sm font-semibold transition-colors duration-150 rounded-md hover:bg-gray-100 hover:text-gray-800 dark:hover:bg-gray-800 dark:hover:text-gray-200" 1535 <path
1523 href="{{ route('admin.profile') }}" 1536 d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"
1524 > 1537 ></path>
1525 <svg 1538 </svg>
1526 class="w-4 h-4 mr-3" 1539 <span>Профиль</span>
1527 aria-hidden="true" 1540 </a>
1528 fill="none" 1541 </li>
1529 stroke-linecap="round" 1542 <li class="flex">
1530 stroke-linejoin="round" 1543 <a
1531 stroke-width="2" 1544 class="inline-flex items-center w-full px-2 py-1 text-sm font-semibold transition-colors duration-150 rounded-md hover:bg-gray-100 hover:text-gray-800 dark:hover:bg-gray-800 dark:hover:text-gray-200"
1532 viewBox="0 0 24 24" 1545 href="{{ route('admin.config') }}"
1533 stroke="currentColor" 1546 >
1534 > 1547 <svg
1535 <path 1548 class="w-4 h-4 mr-3"
1536 d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z" 1549 aria-hidden="true"
1537 ></path> 1550 fill="none"
1538 </svg> 1551 stroke-linecap="round"
1539 <span>Профиль</span> 1552 stroke-linejoin="round"
1540 </a> 1553 stroke-width="2"
1541 </li> 1554 viewBox="0 0 24 24"
1542 <li class="flex"> 1555 stroke="currentColor"
1543 <a 1556 >
1544 class="inline-flex items-center w-full px-2 py-1 text-sm font-semibold transition-colors duration-150 rounded-md hover:bg-gray-100 hover:text-gray-800 dark:hover:bg-gray-800 dark:hover:text-gray-200" 1557 <path
1545 href="{{ route('admin.config') }}" 1558 d="M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z"
1546 > 1559 ></path>
1547 <svg 1560 <path d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"></path>
1548 class="w-4 h-4 mr-3" 1561 </svg>
1549 aria-hidden="true" 1562 <span>Настройки</span>
1550 fill="none" 1563 </a>
1551 stroke-linecap="round" 1564 </li>
1552 stroke-linejoin="round" 1565 <li class="flex">
1553 stroke-width="2" 1566 <a
1554 viewBox="0 0 24 24" 1567 class="inline-flex items-center w-full px-2 py-1 text-sm font-semibold transition-colors duration-150 rounded-md hover:bg-gray-100 hover:text-gray-800 dark:hover:bg-gray-800 dark:hover:text-gray-200"
1555 stroke="currentColor" 1568 href="{{ route('admin.logout') }}"
1556 > 1569 >
1557 <path 1570 <svg
1558 d="M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z" 1571 class="w-4 h-4 mr-3"
1559 ></path> 1572 aria-hidden="true"
1560 <path d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"></path> 1573 fill="none"
1561 </svg> 1574 stroke-linecap="round"
1562 <span>Настройки</span> 1575 stroke-linejoin="round"
1563 </a> 1576 stroke-width="2"
1564 </li> 1577 viewBox="0 0 24 24"
1565 <li class="flex"> 1578 stroke="currentColor"
1566 <a 1579 >
1567 class="inline-flex items-center w-full px-2 py-1 text-sm font-semibold transition-colors duration-150 rounded-md hover:bg-gray-100 hover:text-gray-800 dark:hover:bg-gray-800 dark:hover:text-gray-200" 1580 <path
1568 href="{{ route('admin.logout') }}" 1581 d="M11 16l-4-4m0 0l4-4m-4 4h14m-5 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h7a3 3 0 013 3v1"
1569 > 1582 ></path>
1570 <svg 1583 </svg>
1571 class="w-4 h-4 mr-3" 1584 <span>Выход</span>
1572 aria-hidden="true" 1585 </a>
1573 fill="none" 1586 </li>
1574 stroke-linecap="round" 1587 </ul>
1575 stroke-linejoin="round" 1588 </template>
1576 stroke-width="2" 1589 </li>
1577 viewBox="0 0 24 24" 1590 </ul>
1578 stroke="currentColor" 1591 </div>
1579 > 1592 </header>
1580 <path 1593 <main class="h-full overflow-y-auto">
1581 d="M11 16l-4-4m0 0l4-4m-4 4h14m-5 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h7a3 3 0 013 3v1" 1594 <div class="container px-6 mx-auto grid">
1582 ></path> 1595 <h2
1583 </svg> 1596 class="my-6 text-2xl font-semibold text-gray-700 dark:text-gray-200"
1584 <span>Выход</span> 1597 >
1585 </a> 1598 {{$title}}
1586 </li> 1599 </h2>
1587 </ul> 1600 <!-- CTA -->
1588 </template> 1601 <a
1589 </li> 1602 class="flex items-center justify-between p-4 mb-8 text-sm font-semibold text-purple-100 bg-purple-600 rounded-lg shadow-md focus:outline-none focus:shadow-outline-purple"
1590 </ul> 1603 href="{{ route('admin.admin-users') }}"
1591 </div> 1604 >
1592 </header> 1605 <div class="flex items-center">
1593 <main class="h-full overflow-y-auto"> 1606 <svg
1594 <div class="container px-6 mx-auto grid"> 1607 class="w-5 h-5 mr-2"
1595 <h2 1608 fill="currentColor"
1596 class="my-6 text-2xl font-semibold text-gray-700 dark:text-gray-200" 1609 viewBox="0 0 20 20"
1597 > 1610 >
1598 {{$title}} 1611 <path
1599 </h2> 1612 d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"
1600 <!-- CTA --> 1613 ></path>
1601 <a 1614 </svg>
1602 class="flex items-center justify-between p-4 mb-8 text-sm font-semibold text-purple-100 bg-purple-600 rounded-lg shadow-md focus:outline-none focus:shadow-outline-purple" 1615 <span>Контент для админов</span>
1603 href="{{ route('admin.admin-users') }}" 1616 </div>
1604 > 1617 <span>Список админов &RightArrow;</span>
1605 <div class="flex items-center"> 1618 </a>
1606 <svg 1619
1607 class="w-5 h-5 mr-2" 1620 @if ($message = Session::get('success'))
1608 fill="currentColor" 1621 <section>
1609 viewBox="0 0 20 20" 1622 <div class="alert alert-success alert-dismissible mt-0" role="alert">
1610 > 1623 <button type="button" class="close" data-dismiss="alert" aria-label="Закрыть">
1611 <path 1624 <span aria-hidden="true">&times;</span>
1612 d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" 1625 </button>
1613 ></path> 1626 {{ $message }}
1614 </svg> 1627 </div>
1615 <span>Контент для админов</span> 1628 </section>
1616 </div> 1629 @endif
1617 <span>Список админов &RightArrow;</span> 1630
1618 </a> 1631 @if ($errors->any())
1619 1632 <section>
1620 @if ($message = Session::get('success')) 1633 <div class="alert alert-danger alert-dismissible mt-4" role="alert">
1621 <section> 1634 <button type="button" class="close" data-dismiss="alert" aria-label="Закрыть">
1622 <div class="alert alert-success alert-dismissible mt-0" role="alert"> 1635 <span aria-hidden="true">&times;</span>
1623 <button type="button" class="close" data-dismiss="alert" aria-label="Закрыть"> 1636 </button>
1624 <span aria-hidden="true">&times;</span> 1637 <ul class="mb-0">
1625 </button> 1638 @foreach ($errors->all() as $error)
1626 {{ $message }} 1639 <li>{{ $error }}</li>
1627 </div> 1640 @endforeach
1628 </section> 1641 </ul>
1629 @endif 1642 </div>
1630 1643 </section>
1631 @if ($errors->any()) 1644 @endif
1632 <section> 1645
1633 <div class="alert alert-danger alert-dismissible mt-4" role="alert"> 1646 @yield('content')
1634 <button type="button" class="close" data-dismiss="alert" aria-label="Закрыть"> 1647
1635 <span aria-hidden="true">&times;</span> 1648 <!-- Cards
1636 </button> 1649 <div class="grid gap-6 mb-8 md:grid-cols-2 xl:grid-cols-4">
1637 <ul class="mb-0"> 1650
1638 @foreach ($errors->all() as $error) 1651 <div
1639 <li>{{ $error }}</li> 1652 class="flex items-center p-4 bg-white rounded-lg shadow-xs dark:bg-gray-800"
1640 @endforeach 1653 >
1641 </ul> 1654 <div
1642 </div> 1655 class="p-3 mr-4 text-orange-500 bg-orange-100 rounded-full dark:text-orange-100 dark:bg-orange-500"
1643 </section> 1656 >
1644 @endif 1657 <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">
1645 1658 <path
1646 @yield('content') 1659 d="M13 6a3 3 0 11-6 0 3 3 0 016 0zM18 8a2 2 0 11-4 0 2 2 0 014 0zM14 15a4 4 0 00-8 0v3h8v-3zM6 8a2 2 0 11-4 0 2 2 0 014 0zM16 18v-3a5.972 5.972 0 00-.75-2.906A3.005 3.005 0 0119 15v3h-3zM4.75 12.094A5.973 5.973 0 004 15v3H1v-3a3 3 0 013.75-2.906z"
1647 1660 ></path>
1648 <!-- Cards 1661 </svg>
1649 <div class="grid gap-6 mb-8 md:grid-cols-2 xl:grid-cols-4"> 1662 </div>
1650 1663 <div>
1651 <div 1664 <p
1652 class="flex items-center p-4 bg-white rounded-lg shadow-xs dark:bg-gray-800" 1665 class="mb-2 text-sm font-medium text-gray-600 dark:text-gray-400"
1653 > 1666 >
1654 <div 1667 Total clients
1655 class="p-3 mr-4 text-orange-500 bg-orange-100 rounded-full dark:text-orange-100 dark:bg-orange-500" 1668 </p>
1656 > 1669 <p
1657 <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20"> 1670 class="text-lg font-semibold text-gray-700 dark:text-gray-200"
1658 <path 1671 >
1659 d="M13 6a3 3 0 11-6 0 3 3 0 016 0zM18 8a2 2 0 11-4 0 2 2 0 014 0zM14 15a4 4 0 00-8 0v3h8v-3zM6 8a2 2 0 11-4 0 2 2 0 014 0zM16 18v-3a5.972 5.972 0 00-.75-2.906A3.005 3.005 0 0119 15v3h-3zM4.75 12.094A5.973 5.973 0 004 15v3H1v-3a3 3 0 013.75-2.906z" 1672 6389
1660 ></path> 1673 </p>
1661 </svg> 1674 </div>
1662 </div> 1675 </div>
1663 <div> 1676
1664 <p 1677 <div
1665 class="mb-2 text-sm font-medium text-gray-600 dark:text-gray-400" 1678 class="flex items-center p-4 bg-white rounded-lg shadow-xs dark:bg-gray-800"
1666 > 1679 >
1667 Total clients 1680 <div
1668 </p> 1681 class="p-3 mr-4 text-green-500 bg-green-100 rounded-full dark:text-green-100 dark:bg-green-500"
1669 <p 1682 >
1670 class="text-lg font-semibold text-gray-700 dark:text-gray-200" 1683 <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">
1671 > 1684 <path
1672 6389 1685 fill-rule="evenodd"
1673 </p> 1686 d="M4 4a2 2 0 00-2 2v4a2 2 0 002 2V6h10a2 2 0 00-2-2H4zm2 6a2 2 0 012-2h8a2 2 0 012 2v4a2 2 0 01-2 2H8a2 2 0 01-2-2v-4zm6 4a2 2 0 100-4 2 2 0 000 4z"
1674 </div> 1687 clip-rule="evenodd"
1675 </div> 1688 ></path>
1676 1689 </svg>
1677 <div 1690 </div>
1678 class="flex items-center p-4 bg-white rounded-lg shadow-xs dark:bg-gray-800" 1691 <div>
1679 > 1692 <p
1680 <div 1693 class="mb-2 text-sm font-medium text-gray-600 dark:text-gray-400"
1681 class="p-3 mr-4 text-green-500 bg-green-100 rounded-full dark:text-green-100 dark:bg-green-500" 1694 >
1682 > 1695 Account balance
1683 <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20"> 1696 </p>
1684 <path 1697 <p
1685 fill-rule="evenodd" 1698 class="text-lg font-semibold text-gray-700 dark:text-gray-200"
1686 d="M4 4a2 2 0 00-2 2v4a2 2 0 002 2V6h10a2 2 0 00-2-2H4zm2 6a2 2 0 012-2h8a2 2 0 012 2v4a2 2 0 01-2 2H8a2 2 0 01-2-2v-4zm6 4a2 2 0 100-4 2 2 0 000 4z" 1699 >
1687 clip-rule="evenodd" 1700 $ 46,760.89
1688 ></path> 1701 </p>
1689 </svg> 1702 </div>
1690 </div> 1703 </div>
1691 <div> 1704
1692 <p 1705 <div
1693 class="mb-2 text-sm font-medium text-gray-600 dark:text-gray-400" 1706 class="flex items-center p-4 bg-white rounded-lg shadow-xs dark:bg-gray-800"
1694 > 1707 >
1695 Account balance 1708 <div
1696 </p> 1709 class="p-3 mr-4 text-blue-500 bg-blue-100 rounded-full dark:text-blue-100 dark:bg-blue-500"
1697 <p 1710 >
1698 class="text-lg font-semibold text-gray-700 dark:text-gray-200" 1711 <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">
1699 > 1712 <path
1700 $ 46,760.89 1713 d="M3 1a1 1 0 000 2h1.22l.305 1.222a.997.997 0 00.01.042l1.358 5.43-.893.892C3.74 11.846 4.632 14 6.414 14H15a1 1 0 000-2H6.414l1-1H14a1 1 0 00.894-.553l3-6A1 1 0 0017 3H6.28l-.31-1.243A1 1 0 005 1H3zM16 16.5a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0zM6.5 18a1.5 1.5 0 100-3 1.5 1.5 0 000 3z"
1701 </p> 1714 ></path>
1702 </div> 1715 </svg>
1703 </div> 1716 </div>
1704 1717 <div>
1705 <div 1718 <p
1706 class="flex items-center p-4 bg-white rounded-lg shadow-xs dark:bg-gray-800" 1719 class="mb-2 text-sm font-medium text-gray-600 dark:text-gray-400"
1707 > 1720 >
1708 <div 1721 New sales
1709 class="p-3 mr-4 text-blue-500 bg-blue-100 rounded-full dark:text-blue-100 dark:bg-blue-500" 1722 </p>
1710 > 1723 <p
1711 <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20"> 1724 class="text-lg font-semibold text-gray-700 dark:text-gray-200"
1712 <path 1725 >
1713 d="M3 1a1 1 0 000 2h1.22l.305 1.222a.997.997 0 00.01.042l1.358 5.43-.893.892C3.74 11.846 4.632 14 6.414 14H15a1 1 0 000-2H6.414l1-1H14a1 1 0 00.894-.553l3-6A1 1 0 0017 3H6.28l-.31-1.243A1 1 0 005 1H3zM16 16.5a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0zM6.5 18a1.5 1.5 0 100-3 1.5 1.5 0 000 3z" 1726 376
1714 ></path> 1727 </p>
1715 </svg> 1728 </div>
1716 </div> 1729 </div>
1717 <div> 1730
1718 <p 1731 <div
1719 class="mb-2 text-sm font-medium text-gray-600 dark:text-gray-400" 1732 class="flex items-center p-4 bg-white rounded-lg shadow-xs dark:bg-gray-800"
1720 > 1733 >
1721 New sales 1734 <div
1722 </p> 1735 class="p-3 mr-4 text-teal-500 bg-teal-100 rounded-full dark:text-teal-100 dark:bg-teal-500"
1723 <p 1736 >
1724 class="text-lg font-semibold text-gray-700 dark:text-gray-200" 1737 <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">
1725 > 1738 <path
1726 376 1739 fill-rule="evenodd"
1727 </p> 1740 d="M18 5v8a2 2 0 01-2 2h-5l-5 4v-4H4a2 2 0 01-2-2V5a2 2 0 012-2h12a2 2 0 012 2zM7 8H5v2h2V8zm2 0h2v2H9V8zm6 0h-2v2h2V8z"
1728 </div> 1741 clip-rule="evenodd"
1729 </div> 1742 ></path>
1730 1743 </svg>
1731 <div 1744 </div>
1732 class="flex items-center p-4 bg-white rounded-lg shadow-xs dark:bg-gray-800" 1745 <div>
1733 > 1746 <p
1734 <div 1747 class="mb-2 text-sm font-medium text-gray-600 dark:text-gray-400"
1735 class="p-3 mr-4 text-teal-500 bg-teal-100 rounded-full dark:text-teal-100 dark:bg-teal-500" 1748 >
1736 > 1749 Pending contacts
1737 <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20"> 1750 </p>
1738 <path 1751 <p
1739 fill-rule="evenodd" 1752 class="text-lg font-semibold text-gray-700 dark:text-gray-200"
1740 d="M18 5v8a2 2 0 01-2 2h-5l-5 4v-4H4a2 2 0 01-2-2V5a2 2 0 012-2h12a2 2 0 012 2zM7 8H5v2h2V8zm2 0h2v2H9V8zm6 0h-2v2h2V8z" 1753 >
1741 clip-rule="evenodd" 1754 35
1742 ></path> 1755 </p>
1743 </svg> 1756 </div>
1744 </div> 1757 </div>
1745 <div> 1758 </div>
1746 <p 1759 -->
1747 class="mb-2 text-sm font-medium text-gray-600 dark:text-gray-400" 1760 <!-- New Table
1748 > 1761 <div class="w-full overflow-hidden rounded-lg shadow-xs">
1749 Pending contacts 1762 <div class="w-full overflow-x-auto">
1750 </p> 1763 <table class="w-full whitespace-no-wrap">
1751 <p 1764 <thead>
1752 class="text-lg font-semibold text-gray-700 dark:text-gray-200" 1765 <tr
1753 > 1766 class="text-xs font-semibold tracking-wide text-left text-gray-500 uppercase border-b dark:border-gray-700 bg-gray-50 dark:text-gray-400 dark:bg-gray-800"
1754 35 1767 >
1755 </p> 1768 <th class="px-4 py-3">Client</th>
1756 </div> 1769 <th class="px-4 py-3">Amount</th>
1757 </div> 1770 <th class="px-4 py-3">Status</th>
1758 </div> 1771 <th class="px-4 py-3">Date</th>
1759 --> 1772 </tr>
1760 <!-- New Table 1773 </thead>
1761 <div class="w-full overflow-hidden rounded-lg shadow-xs"> 1774 <tbody
1762 <div class="w-full overflow-x-auto"> 1775 class="bg-white divide-y dark:divide-gray-700 dark:bg-gray-800"
1763 <table class="w-full whitespace-no-wrap"> 1776 >
1764 <thead> 1777 <tr class="text-gray-700 dark:text-gray-400">
1765 <tr 1778 <td class="px-4 py-3">
1766 class="text-xs font-semibold tracking-wide text-left text-gray-500 uppercase border-b dark:border-gray-700 bg-gray-50 dark:text-gray-400 dark:bg-gray-800" 1779 <div class="flex items-center text-sm">
1767 > 1780
1768 <th class="px-4 py-3">Client</th> 1781 <div
1769 <th class="px-4 py-3">Amount</th> 1782 class="relative hidden w-8 h-8 mr-3 rounded-full md:block"
1770 <th class="px-4 py-3">Status</th> 1783 >
1771 <th class="px-4 py-3">Date</th> 1784 <img
1772 </tr> 1785 class="object-cover w-full h-full rounded-full"
1773 </thead> 1786 src="https://images.unsplash.com/flagged/photo-1570612861542-284f4c12e75f?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=200&fit=max&ixid=eyJhcHBfaWQiOjE3Nzg0fQ"
1774 <tbody 1787 alt=""
1775 class="bg-white divide-y dark:divide-gray-700 dark:bg-gray-800" 1788 loading="lazy"
1776 > 1789 />
1777 <tr class="text-gray-700 dark:text-gray-400"> 1790 <div
1778 <td class="px-4 py-3"> 1791 class="absolute inset-0 rounded-full shadow-inner"
1779 <div class="flex items-center text-sm"> 1792 aria-hidden="true"
1780 1793 ></div>
1781 <div 1794 </div>
1782 class="relative hidden w-8 h-8 mr-3 rounded-full md:block" 1795 <div>
1783 > 1796 <p class="font-semibold">Hans Burger</p>
1784 <img 1797 <p class="text-xs text-gray-600 dark:text-gray-400">
1785 class="object-cover w-full h-full rounded-full" 1798 10x Developer
1786 src="https://images.unsplash.com/flagged/photo-1570612861542-284f4c12e75f?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=200&fit=max&ixid=eyJhcHBfaWQiOjE3Nzg0fQ" 1799 </p>
1787 alt="" 1800 </div>
1788 loading="lazy" 1801 </div>
1789 /> 1802 </td>
1790 <div 1803 <td class="px-4 py-3 text-sm">
1791 class="absolute inset-0 rounded-full shadow-inner" 1804 $ 863.45
1792 aria-hidden="true" 1805 </td>
1793 ></div> 1806 <td class="px-4 py-3 text-xs">
1794 </div> 1807 <span
1795 <div> 1808 class="px-2 py-1 font-semibold leading-tight text-green-700 bg-green-100 rounded-full dark:bg-green-700 dark:text-green-100"
1796 <p class="font-semibold">Hans Burger</p> 1809 >
1797 <p class="text-xs text-gray-600 dark:text-gray-400"> 1810 Approved
1798 10x Developer 1811 </span>
1799 </p> 1812 </td>
1800 </div> 1813 <td class="px-4 py-3 text-sm">
1801 </div> 1814 6/10/2020
1802 </td> 1815 </td>
1803 <td class="px-4 py-3 text-sm"> 1816 </tr>
1804 $ 863.45 1817
1805 </td> 1818 <tr class="text-gray-700 dark:text-gray-400">
1806 <td class="px-4 py-3 text-xs"> 1819 <td class="px-4 py-3">
1807 <span 1820 <div class="flex items-center text-sm">
1808 class="px-2 py-1 font-semibold leading-tight text-green-700 bg-green-100 rounded-full dark:bg-green-700 dark:text-green-100" 1821
1809 > 1822 <div
1810 Approved 1823 class="relative hidden w-8 h-8 mr-3 rounded-full md:block"
1811 </span> 1824 >
1812 </td> 1825 <img
1813 <td class="px-4 py-3 text-sm"> 1826 class="object-cover w-full h-full rounded-full"
1814 6/10/2020 1827 src="https://images.unsplash.com/photo-1494790108377-be9c29b29330?ixlib=rb-0.3.5&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=200&facepad=3&fit=facearea&s=707b9c33066bf8808c934c8ab394dff6"
1815 </td> 1828 alt=""
1816 </tr> 1829 loading="lazy"
1817 1830 />
1818 <tr class="text-gray-700 dark:text-gray-400"> 1831 <div
1819 <td class="px-4 py-3"> 1832 class="absolute inset-0 rounded-full shadow-inner"
1820 <div class="flex items-center text-sm"> 1833 aria-hidden="true"
1821 1834 ></div>
1822 <div 1835 </div>
1823 class="relative hidden w-8 h-8 mr-3 rounded-full md:block" 1836 <div>
1824 > 1837 <p class="font-semibold">Jolina Angelie</p>
1825 <img 1838 <p class="text-xs text-gray-600 dark:text-gray-400">
1826 class="object-cover w-full h-full rounded-full" 1839 Unemployed
1827 src="https://images.unsplash.com/photo-1494790108377-be9c29b29330?ixlib=rb-0.3.5&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=200&facepad=3&fit=facearea&s=707b9c33066bf8808c934c8ab394dff6" 1840 </p>
1828 alt="" 1841 </div>
1829 loading="lazy" 1842 </div>
1830 /> 1843 </td>
1831 <div 1844 <td class="px-4 py-3 text-sm">
1832 class="absolute inset-0 rounded-full shadow-inner" 1845 $ 369.95
1833 aria-hidden="true" 1846 </td>
1834 ></div> 1847 <td class="px-4 py-3 text-xs">
1835 </div> 1848 <span
1836 <div> 1849 class="px-2 py-1 font-semibold leading-tight text-orange-700 bg-orange-100 rounded-full dark:text-white dark:bg-orange-600"
1837 <p class="font-semibold">Jolina Angelie</p> 1850 >
1838 <p class="text-xs text-gray-600 dark:text-gray-400"> 1851 Pending
1839 Unemployed 1852 </span>
1840 </p> 1853 </td>
1841 </div> 1854 <td class="px-4 py-3 text-sm">
1842 </div> 1855 6/10/2020
1843 </td> 1856 </td>
1844 <td class="px-4 py-3 text-sm"> 1857 </tr>
1845 $ 369.95 1858
1846 </td> 1859 <tr class="text-gray-700 dark:text-gray-400">
1847 <td class="px-4 py-3 text-xs"> 1860 <td class="px-4 py-3">
1848 <span 1861 <div class="flex items-center text-sm">
1849 class="px-2 py-1 font-semibold leading-tight text-orange-700 bg-orange-100 rounded-full dark:text-white dark:bg-orange-600" 1862
1850 > 1863 <div
1851 Pending 1864 class="relative hidden w-8 h-8 mr-3 rounded-full md:block"
1852 </span> 1865 >
1853 </td> 1866 <img
1854 <td class="px-4 py-3 text-sm"> 1867 class="object-cover w-full h-full rounded-full"
1855 6/10/2020 1868 src="https://images.unsplash.com/photo-1551069613-1904dbdcda11?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=200&fit=max&ixid=eyJhcHBfaWQiOjE3Nzg0fQ"
1856 </td> 1869 alt=""
1857 </tr> 1870 loading="lazy"
1858 1871 />
1859 <tr class="text-gray-700 dark:text-gray-400"> 1872 <div
1860 <td class="px-4 py-3"> 1873 class="absolute inset-0 rounded-full shadow-inner"
1861 <div class="flex items-center text-sm"> 1874 aria-hidden="true"
1862 1875 ></div>
1863 <div 1876 </div>
1864 class="relative hidden w-8 h-8 mr-3 rounded-full md:block" 1877 <div>
1865 > 1878 <p class="font-semibold">Sarah Curry</p>
1866 <img 1879 <p class="text-xs text-gray-600 dark:text-gray-400">
1867 class="object-cover w-full h-full rounded-full" 1880 Designer
1868 src="https://images.unsplash.com/photo-1551069613-1904dbdcda11?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=200&fit=max&ixid=eyJhcHBfaWQiOjE3Nzg0fQ" 1881 </p>
1869 alt="" 1882 </div>
1870 loading="lazy" 1883 </div>
1871 /> 1884 </td>
1872 <div 1885 <td class="px-4 py-3 text-sm">
1873 class="absolute inset-0 rounded-full shadow-inner" 1886 $ 86.00
1874 aria-hidden="true" 1887 </td>
1875 ></div> 1888 <td class="px-4 py-3 text-xs">
1876 </div> 1889 <span
1877 <div> 1890 class="px-2 py-1 font-semibold leading-tight text-red-700 bg-red-100 rounded-full dark:text-red-100 dark:bg-red-700"
1878 <p class="font-semibold">Sarah Curry</p> 1891 >
1879 <p class="text-xs text-gray-600 dark:text-gray-400"> 1892 Denied
1880 Designer 1893 </span>
1881 </p> 1894 </td>
1882 </div> 1895 <td class="px-4 py-3 text-sm">
1883 </div> 1896 6/10/2020
1884 </td> 1897 </td>
1885 <td class="px-4 py-3 text-sm"> 1898 </tr>
1886 $ 86.00 1899
1887 </td> 1900 <tr class="text-gray-700 dark:text-gray-400">
1888 <td class="px-4 py-3 text-xs"> 1901 <td class="px-4 py-3">
1889 <span 1902 <div class="flex items-center text-sm">
1890 class="px-2 py-1 font-semibold leading-tight text-red-700 bg-red-100 rounded-full dark:text-red-100 dark:bg-red-700" 1903
1891 > 1904 <div
1892 Denied 1905 class="relative hidden w-8 h-8 mr-3 rounded-full md:block"
1893 </span> 1906 >
1894 </td> 1907 <img
1895 <td class="px-4 py-3 text-sm"> 1908 class="object-cover w-full h-full rounded-full"
1896 6/10/2020 1909 src="https://images.unsplash.com/photo-1551006917-3b4c078c47c9?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=200&fit=max&ixid=eyJhcHBfaWQiOjE3Nzg0fQ"
1897 </td> 1910 alt=""
1898 </tr> 1911 loading="lazy"
1899 1912 />
1900 <tr class="text-gray-700 dark:text-gray-400"> 1913 <div
1901 <td class="px-4 py-3"> 1914 class="absolute inset-0 rounded-full shadow-inner"
1902 <div class="flex items-center text-sm"> 1915 aria-hidden="true"
1903 1916 ></div>
1904 <div 1917 </div>
1905 class="relative hidden w-8 h-8 mr-3 rounded-full md:block" 1918 <div>
1906 > 1919 <p class="font-semibold">Rulia Joberts</p>
1907 <img 1920 <p class="text-xs text-gray-600 dark:text-gray-400">
1908 class="object-cover w-full h-full rounded-full" 1921 Actress
1909 src="https://images.unsplash.com/photo-1551006917-3b4c078c47c9?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=200&fit=max&ixid=eyJhcHBfaWQiOjE3Nzg0fQ" 1922 </p>
1910 alt="" 1923 </div>
1911 loading="lazy" 1924 </div>
1912 /> 1925 </td>
1913 <div 1926 <td class="px-4 py-3 text-sm">
1914 class="absolute inset-0 rounded-full shadow-inner" 1927 $ 1276.45
1915 aria-hidden="true" 1928 </td>
1916 ></div> 1929 <td class="px-4 py-3 text-xs">
1917 </div> 1930 <span
1918 <div> 1931 class="px-2 py-1 font-semibold leading-tight text-green-700 bg-green-100 rounded-full dark:bg-green-700 dark:text-green-100"
1919 <p class="font-semibold">Rulia Joberts</p> 1932 >
1920 <p class="text-xs text-gray-600 dark:text-gray-400"> 1933 Approved
1921 Actress 1934 </span>
1922 </p> 1935 </td>
1923 </div> 1936 <td class="px-4 py-3 text-sm">
1924 </div> 1937 6/10/2020
1925 </td> 1938 </td>
1926 <td class="px-4 py-3 text-sm"> 1939 </tr>
1927 $ 1276.45 1940
1928 </td> 1941 <tr class="text-gray-700 dark:text-gray-400">
1929 <td class="px-4 py-3 text-xs"> 1942 <td class="px-4 py-3">
1930 <span 1943 <div class="flex items-center text-sm">
1931 class="px-2 py-1 font-semibold leading-tight text-green-700 bg-green-100 rounded-full dark:bg-green-700 dark:text-green-100" 1944
1932 > 1945 <div
1933 Approved 1946 class="relative hidden w-8 h-8 mr-3 rounded-full md:block"
1934 </span> 1947 >
1935 </td> 1948 <img
1936 <td class="px-4 py-3 text-sm"> 1949 class="object-cover w-full h-full rounded-full"
1937 6/10/2020 1950 src="https://images.unsplash.com/photo-1546456073-6712f79251bb?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=200&fit=max&ixid=eyJhcHBfaWQiOjE3Nzg0fQ"
1938 </td> 1951 alt=""
1939 </tr> 1952 loading="lazy"
1940 1953 />
1941 <tr class="text-gray-700 dark:text-gray-400"> 1954 <div
1942 <td class="px-4 py-3"> 1955 class="absolute inset-0 rounded-full shadow-inner"
1943 <div class="flex items-center text-sm"> 1956 aria-hidden="true"
1944 1957 ></div>
1945 <div 1958 </div>
1946 class="relative hidden w-8 h-8 mr-3 rounded-full md:block" 1959 <div>
1947 > 1960 <p class="font-semibold">Wenzel Dashington</p>
1948 <img 1961 <p class="text-xs text-gray-600 dark:text-gray-400">
1949 class="object-cover w-full h-full rounded-full" 1962 Actor
1950 src="https://images.unsplash.com/photo-1546456073-6712f79251bb?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=200&fit=max&ixid=eyJhcHBfaWQiOjE3Nzg0fQ" 1963 </p>
1951 alt="" 1964 </div>
1952 loading="lazy" 1965 </div>
1953 /> 1966 </td>
1954 <div 1967 <td class="px-4 py-3 text-sm">
1955 class="absolute inset-0 rounded-full shadow-inner" 1968 $ 863.45
1956 aria-hidden="true" 1969 </td>
1957 ></div> 1970 <td class="px-4 py-3 text-xs">
1958 </div> 1971 <span
1959 <div> 1972 class="px-2 py-1 font-semibold leading-tight text-gray-700 bg-gray-100 rounded-full dark:text-gray-100 dark:bg-gray-700"
1960 <p class="font-semibold">Wenzel Dashington</p> 1973 >
1961 <p class="text-xs text-gray-600 dark:text-gray-400"> 1974 Expired
1962 Actor 1975 </span>
1963 </p> 1976 </td>
1964 </div> 1977 <td class="px-4 py-3 text-sm">
1965 </div> 1978 6/10/2020
1966 </td> 1979 </td>
1967 <td class="px-4 py-3 text-sm"> 1980 </tr>
1968 $ 863.45 1981
1969 </td> 1982 <tr class="text-gray-700 dark:text-gray-400">
1970 <td class="px-4 py-3 text-xs"> 1983 <td class="px-4 py-3">
1971 <span 1984 <div class="flex items-center text-sm">
1972 class="px-2 py-1 font-semibold leading-tight text-gray-700 bg-gray-100 rounded-full dark:text-gray-100 dark:bg-gray-700" 1985
1973 > 1986 <div
1974 Expired 1987 class="relative hidden w-8 h-8 mr-3 rounded-full md:block"
1975 </span> 1988 >
1976 </td> 1989 <img
1977 <td class="px-4 py-3 text-sm"> 1990 class="object-cover w-full h-full rounded-full"
1978 6/10/2020 1991 src="https://images.unsplash.com/photo-1502720705749-871143f0e671?ixlib=rb-0.3.5&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=200&fit=max&s=b8377ca9f985d80264279f277f3a67f5"
1979 </td> 1992 alt=""
1980 </tr> 1993 loading="lazy"
1981 1994 />
1982 <tr class="text-gray-700 dark:text-gray-400"> 1995 <div
1983 <td class="px-4 py-3"> 1996 class="absolute inset-0 rounded-full shadow-inner"
1984 <div class="flex items-center text-sm"> 1997 aria-hidden="true"
1985 1998 ></div>
1986 <div 1999 </div>
1987 class="relative hidden w-8 h-8 mr-3 rounded-full md:block" 2000 <div>
1988 > 2001 <p class="font-semibold">Dave Li</p>
1989 <img 2002 <p class="text-xs text-gray-600 dark:text-gray-400">
1990 class="object-cover w-full h-full rounded-full" 2003 Influencer
1991 src="https://images.unsplash.com/photo-1502720705749-871143f0e671?ixlib=rb-0.3.5&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=200&fit=max&s=b8377ca9f985d80264279f277f3a67f5" 2004 </p>
1992 alt="" 2005 </div>
1993 loading="lazy" 2006 </div>
1994 /> 2007 </td>
1995 <div 2008 <td class="px-4 py-3 text-sm">
1996 class="absolute inset-0 rounded-full shadow-inner" 2009 $ 863.45
1997 aria-hidden="true" 2010 </td>
1998 ></div> 2011 <td class="px-4 py-3 text-xs">
1999 </div> 2012 <span
2000 <div> 2013 class="px-2 py-1 font-semibold leading-tight text-green-700 bg-green-100 rounded-full dark:bg-green-700 dark:text-green-100"
2001 <p class="font-semibold">Dave Li</p> 2014 >
2002 <p class="text-xs text-gray-600 dark:text-gray-400"> 2015 Approved
2003 Influencer 2016 </span>
2004 </p> 2017 </td>
2005 </div> 2018 <td class="px-4 py-3 text-sm">
2006 </div> 2019 6/10/2020
2007 </td> 2020 </td>
2008 <td class="px-4 py-3 text-sm"> 2021 </tr>
2009 $ 863.45 2022
2010 </td> 2023 <tr class="text-gray-700 dark:text-gray-400">
2011 <td class="px-4 py-3 text-xs"> 2024 <td class="px-4 py-3">
2012 <span 2025 <div class="flex items-center text-sm">
2013 class="px-2 py-1 font-semibold leading-tight text-green-700 bg-green-100 rounded-full dark:bg-green-700 dark:text-green-100" 2026
2014 > 2027 <div
2015 Approved 2028 class="relative hidden w-8 h-8 mr-3 rounded-full md:block"
2016 </span> 2029 >
2017 </td> 2030 <img
2018 <td class="px-4 py-3 text-sm"> 2031 class="object-cover w-full h-full rounded-full"
2019 6/10/2020 2032 src="https://images.unsplash.com/photo-1531746020798-e6953c6e8e04?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=200&fit=max&ixid=eyJhcHBfaWQiOjE3Nzg0fQ"
2020 </td> 2033 alt=""
2021 </tr> 2034 loading="lazy"
2022 2035 />
2023 <tr class="text-gray-700 dark:text-gray-400"> 2036 <div
2024 <td class="px-4 py-3"> 2037 class="absolute inset-0 rounded-full shadow-inner"
2025 <div class="flex items-center text-sm"> 2038 aria-hidden="true"
2026 2039 ></div>
2027 <div 2040 </div>
2028 class="relative hidden w-8 h-8 mr-3 rounded-full md:block" 2041 <div>
2029 > 2042 <p class="font-semibold">Maria Ramovic</p>
2030 <img 2043 <p class="text-xs text-gray-600 dark:text-gray-400">
2031 class="object-cover w-full h-full rounded-full" 2044 Runner
2032 src="https://images.unsplash.com/photo-1531746020798-e6953c6e8e04?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=200&fit=max&ixid=eyJhcHBfaWQiOjE3Nzg0fQ" 2045 </p>
2033 alt="" 2046 </div>
2034 loading="lazy" 2047 </div>
2035 /> 2048 </td>
2036 <div 2049 <td class="px-4 py-3 text-sm">
2037 class="absolute inset-0 rounded-full shadow-inner" 2050 $ 863.45
2038 aria-hidden="true" 2051 </td>
2039 ></div> 2052 <td class="px-4 py-3 text-xs">
2040 </div> 2053 <span
2041 <div> 2054 class="px-2 py-1 font-semibold leading-tight text-green-700 bg-green-100 rounded-full dark:bg-green-700 dark:text-green-100"
2042 <p class="font-semibold">Maria Ramovic</p> 2055 >
2043 <p class="text-xs text-gray-600 dark:text-gray-400"> 2056 Approved
2044 Runner 2057 </span>
2045 </p> 2058 </td>
2046 </div> 2059 <td class="px-4 py-3 text-sm">
2047 </div> 2060 6/10/2020
2048 </td> 2061 </td>
2049 <td class="px-4 py-3 text-sm"> 2062 </tr>
2050 $ 863.45 2063
2051 </td> 2064 <tr class="text-gray-700 dark:text-gray-400">
2052 <td class="px-4 py-3 text-xs"> 2065 <td class="px-4 py-3">
2053 <span 2066 <div class="flex items-center text-sm">
2054 class="px-2 py-1 font-semibold leading-tight text-green-700 bg-green-100 rounded-full dark:bg-green-700 dark:text-green-100" 2067
2055 > 2068 <div
2056 Approved 2069 class="relative hidden w-8 h-8 mr-3 rounded-full md:block"
2057 </span> 2070 >
2058 </td> 2071 <img
2059 <td class="px-4 py-3 text-sm"> 2072 class="object-cover w-full h-full rounded-full"
2060 6/10/2020 2073 src="https://images.unsplash.com/photo-1566411520896-01e7ca4726af?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=200&fit=max&ixid=eyJhcHBfaWQiOjE3Nzg0fQ"
2061 </td> 2074 alt=""
2062 </tr> 2075 loading="lazy"
2063 2076 />
2064 <tr class="text-gray-700 dark:text-gray-400"> 2077 <div
2065 <td class="px-4 py-3"> 2078 class="absolute inset-0 rounded-full shadow-inner"
2066 <div class="flex items-center text-sm"> 2079 aria-hidden="true"
2067 2080 ></div>
2068 <div 2081 </div>
2069 class="relative hidden w-8 h-8 mr-3 rounded-full md:block" 2082 <div>
2070 > 2083 <p class="font-semibold">Hitney Wouston</p>
2071 <img 2084 <p class="text-xs text-gray-600 dark:text-gray-400">
2072 class="object-cover w-full h-full rounded-full" 2085 Singer
2073 src="https://images.unsplash.com/photo-1566411520896-01e7ca4726af?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=200&fit=max&ixid=eyJhcHBfaWQiOjE3Nzg0fQ" 2086 </p>
2074 alt="" 2087 </div>
2075 loading="lazy" 2088 </div>
2076 /> 2089 </td>
2077 <div 2090 <td class="px-4 py-3 text-sm">
2078 class="absolute inset-0 rounded-full shadow-inner" 2091 $ 863.45
2079 aria-hidden="true" 2092 </td>
2080 ></div> 2093 <td class="px-4 py-3 text-xs">
2081 </div> 2094 <span
2082 <div> 2095 class="px-2 py-1 font-semibold leading-tight text-green-700 bg-green-100 rounded-full dark:bg-green-700 dark:text-green-100"
2083 <p class="font-semibold">Hitney Wouston</p> 2096 >
2084 <p class="text-xs text-gray-600 dark:text-gray-400"> 2097 Approved
2085 Singer 2098 </span>
2086 </p> 2099 </td>
2087 </div> 2100 <td class="px-4 py-3 text-sm">
2088 </div> 2101 6/10/2020
2089 </td> 2102 </td>
2090 <td class="px-4 py-3 text-sm"> 2103 </tr>
2091 $ 863.45 2104
2092 </td> 2105 <tr class="text-gray-700 dark:text-gray-400">
2093 <td class="px-4 py-3 text-xs"> 2106 <td class="px-4 py-3">
2094 <span 2107 <div class="flex items-center text-sm">
2095 class="px-2 py-1 font-semibold leading-tight text-green-700 bg-green-100 rounded-full dark:bg-green-700 dark:text-green-100" 2108
2096 > 2109 <div
2097 Approved 2110 class="relative hidden w-8 h-8 mr-3 rounded-full md:block"
2098 </span> 2111 >
2099 </td> 2112 <img
2100 <td class="px-4 py-3 text-sm"> 2113 class="object-cover w-full h-full rounded-full"
2101 6/10/2020 2114 src="https://images.unsplash.com/flagged/photo-1570612861542-284f4c12e75f?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=200&fit=max&ixid=eyJhcHBfaWQiOjE3Nzg0fQ"
2102 </td> 2115 alt=""
2103 </tr> 2116 loading="lazy"
2104 2117 />
2105 <tr class="text-gray-700 dark:text-gray-400"> 2118 <div
2106 <td class="px-4 py-3"> 2119 class="absolute inset-0 rounded-full shadow-inner"
2107 <div class="flex items-center text-sm"> 2120 aria-hidden="true"
2108 2121 ></div>
2109 <div 2122 </div>
2110 class="relative hidden w-8 h-8 mr-3 rounded-full md:block" 2123 <div>
2111 > 2124 <p class="font-semibold">Hans Burger</p>
2112 <img 2125 <p class="text-xs text-gray-600 dark:text-gray-400">
2113 class="object-cover w-full h-full rounded-full" 2126 10x Developer
2114 src="https://images.unsplash.com/flagged/photo-1570612861542-284f4c12e75f?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=200&fit=max&ixid=eyJhcHBfaWQiOjE3Nzg0fQ" 2127 </p>
2115 alt="" 2128 </div>
2116 loading="lazy" 2129 </div>
2117 /> 2130 </td>
2118 <div 2131 <td class="px-4 py-3 text-sm">
2119 class="absolute inset-0 rounded-full shadow-inner" 2132 $ 863.45
2120 aria-hidden="true" 2133 </td>
2121 ></div> 2134 <td class="px-4 py-3 text-xs">
2122 </div> 2135 <span
2123 <div> 2136 class="px-2 py-1 font-semibold leading-tight text-green-700 bg-green-100 rounded-full dark:bg-green-700 dark:text-green-100"
2124 <p class="font-semibold">Hans Burger</p> 2137 >
2125 <p class="text-xs text-gray-600 dark:text-gray-400"> 2138 Approved
2126 10x Developer 2139 </span>
2127 </p> 2140 </td>
2128 </div> 2141 <td class="px-4 py-3 text-sm">
2129 </div> 2142 6/10/2020
2130 </td> 2143 </td>
2131 <td class="px-4 py-3 text-sm"> 2144 </tr>
2132 $ 863.45 2145 </tbody>
2133 </td> 2146 </table>
2134 <td class="px-4 py-3 text-xs"> 2147 </div>
2135 <span 2148 <div
2136 class="px-2 py-1 font-semibold leading-tight text-green-700 bg-green-100 rounded-full dark:bg-green-700 dark:text-green-100" 2149 class="grid px-4 py-3 text-xs font-semibold tracking-wide text-gray-500 uppercase border-t dark:border-gray-700 bg-gray-50 sm:grid-cols-9 dark:text-gray-400 dark:bg-gray-800"
2137 > 2150 >
2138 Approved 2151 <span class="flex items-center col-span-3">
2139 </span> 2152 Showing 21-30 of 100
2140 </td> 2153 </span>
2141 <td class="px-4 py-3 text-sm"> 2154 <span class="col-span-2"></span>
2142 6/10/2020 2155
2143 </td> 2156 <span class="flex col-span-4 mt-2 sm:mt-auto sm:justify-end">
2144 </tr> 2157 <nav aria-label="Table navigation">
2145 </tbody> 2158 <ul class="inline-flex items-center">
2146 </table> 2159 <li>
2147 </div> 2160 <button
2148 <div 2161 class="px-3 py-1 rounded-md rounded-l-lg focus:outline-none focus:shadow-outline-purple"
2149 class="grid px-4 py-3 text-xs font-semibold tracking-wide text-gray-500 uppercase border-t dark:border-gray-700 bg-gray-50 sm:grid-cols-9 dark:text-gray-400 dark:bg-gray-800" 2162 aria-label="Previous"
2150 > 2163 >
2151 <span class="flex items-center col-span-3"> 2164 <svg
2152 Showing 21-30 of 100 2165 aria-hidden="true"
2153 </span> 2166 class="w-4 h-4 fill-current"
2154 <span class="col-span-2"></span> 2167 viewBox="0 0 20 20"
2155 2168 >
2156 <span class="flex col-span-4 mt-2 sm:mt-auto sm:justify-end"> 2169 <path
2157 <nav aria-label="Table navigation"> 2170 d="M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z"
2158 <ul class="inline-flex items-center"> 2171 clip-rule="evenodd"
2159 <li> 2172 fill-rule="evenodd"
2160 <button 2173 ></path>
2161 class="px-3 py-1 rounded-md rounded-l-lg focus:outline-none focus:shadow-outline-purple" 2174 </svg>
2162 aria-label="Previous" 2175 </button>
2163 > 2176 </li>
2164 <svg 2177 <li>
2165 aria-hidden="true" 2178 <button
2166 class="w-4 h-4 fill-current" 2179 class="px-3 py-1 rounded-md focus:outline-none focus:shadow-outline-purple"
2167 viewBox="0 0 20 20" 2180 >
2168 > 2181 1
2169 <path 2182 </button>
2170 d="M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z" 2183 </li>
2171 clip-rule="evenodd" 2184 <li>
2172 fill-rule="evenodd" 2185 <button
2173 ></path> 2186 class="px-3 py-1 rounded-md focus:outline-none focus:shadow-outline-purple"
2174 </svg> 2187 >
2175 </button> 2188 2
2176 </li> 2189 </button>
2177 <li> 2190 </li>
2178 <button 2191 <li>
2179 class="px-3 py-1 rounded-md focus:outline-none focus:shadow-outline-purple" 2192 <button
2180 > 2193 class="px-3 py-1 text-white transition-colors duration-150 bg-purple-600 border border-r-0 border-purple-600 rounded-md focus:outline-none focus:shadow-outline-purple"
2181 1 2194 >
2182 </button> 2195 3
2183 </li> 2196 </button>
2184 <li> 2197 </li>
2185 <button 2198 <li>
2186 class="px-3 py-1 rounded-md focus:outline-none focus:shadow-outline-purple" 2199 <button
2187 > 2200 class="px-3 py-1 rounded-md focus:outline-none focus:shadow-outline-purple"
2188 2 2201 >
2189 </button> 2202 4
2190 </li> 2203 </button>
2191 <li> 2204 </li>
2192 <button 2205 <li>
2193 class="px-3 py-1 text-white transition-colors duration-150 bg-purple-600 border border-r-0 border-purple-600 rounded-md focus:outline-none focus:shadow-outline-purple" 2206 <span class="px-3 py-1">...</span>
2194 > 2207 </li>
2195 3 2208 <li>
2196 </button> 2209 <button
2197 </li> 2210 class="px-3 py-1 rounded-md focus:outline-none focus:shadow-outline-purple"
2198 <li> 2211 >
2199 <button 2212 8
2200 class="px-3 py-1 rounded-md focus:outline-none focus:shadow-outline-purple" 2213 </button>
2201 > 2214 </li>
2202 4 2215 <li>
2203 </button> 2216 <button
2204 </li> 2217 class="px-3 py-1 rounded-md focus:outline-none focus:shadow-outline-purple"
2205 <li> 2218 >
2206 <span class="px-3 py-1">...</span> 2219 9
2207 </li> 2220 </button>
2208 <li> 2221 </li>
2209 <button 2222 <li>
2210 class="px-3 py-1 rounded-md focus:outline-none focus:shadow-outline-purple" 2223 <button
2211 > 2224 class="px-3 py-1 rounded-md rounded-r-lg focus:outline-none focus:shadow-outline-purple"
2212 8 2225 aria-label="Next"
2213 </button> 2226 >
2214 </li> 2227 <svg
2215 <li> 2228 class="w-4 h-4 fill-current"
2216 <button 2229 aria-hidden="true"
2217 class="px-3 py-1 rounded-md focus:outline-none focus:shadow-outline-purple" 2230 viewBox="0 0 20 20"
2218 > 2231 >
2219 9 2232 <path
2220 </button> 2233 d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z"
2221 </li> 2234 clip-rule="evenodd"
2222 <li> 2235 fill-rule="evenodd"
2223 <button 2236 ></path>
2224 class="px-3 py-1 rounded-md rounded-r-lg focus:outline-none focus:shadow-outline-purple" 2237 </svg>
2225 aria-label="Next" 2238 </button>
2226 > 2239 </li>
2227 <svg 2240 </ul>
2228 class="w-4 h-4 fill-current" 2241 </nav>
2229 aria-hidden="true" 2242 </span>
2230 viewBox="0 0 20 20" 2243 </div>
2231 > 2244 </div>
2232 <path 2245 -->
2233 d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" 2246 <!-- Charts -->
2234 clip-rule="evenodd" 2247 <!--
2235 fill-rule="evenodd" 2248 <h2 class="my-6 text-2xl font-semibold text-gray-700 dark:text-gray-200">
2236 ></path> 2249 Графики
2237 </svg> 2250 </h2>
2238 </button> 2251 <div class="grid gap-6 mb-8 md:grid-cols-2">
2239 </li> 2252 <div
2240 </ul> 2253 class="min-w-0 p-4 bg-white rounded-lg shadow-xs dark:bg-gray-800"
2241 </nav> 2254 >
2242 </span> 2255 <h4 class="mb-4 font-semibold text-gray-800 dark:text-gray-300">
2243 </div> 2256 Revenue
2244 </div> 2257 </h4>
2245 --> 2258 <canvas id="pie"></canvas>
2246 <!-- Charts --> 2259 <div
2247 <!-- 2260 class="flex justify-center mt-4 space-x-3 text-sm text-gray-600 dark:text-gray-400"
2248 <h2 class="my-6 text-2xl font-semibold text-gray-700 dark:text-gray-200"> 2261 >
2249 Графики 2262
2250 </h2> 2263 <div class="flex items-center">
2251 <div class="grid gap-6 mb-8 md:grid-cols-2"> 2264 <span
2252 <div 2265 class="inline-block w-3 h-3 mr-1 bg-blue-500 rounded-full"
2253 class="min-w-0 p-4 bg-white rounded-lg shadow-xs dark:bg-gray-800" 2266 ></span>
2254 > 2267 <span>Shirts</span>
2255 <h4 class="mb-4 font-semibold text-gray-800 dark:text-gray-300"> 2268 </div>
2256 Revenue 2269 <div class="flex items-center">
2257 </h4> 2270 <span
2258 <canvas id="pie"></canvas> 2271 class="inline-block w-3 h-3 mr-1 bg-teal-600 rounded-full"
2259 <div 2272 ></span>
2260 class="flex justify-center mt-4 space-x-3 text-sm text-gray-600 dark:text-gray-400" 2273 <span>Shoes</span>
2261 > 2274 </div>
2262 2275 <div class="flex items-center">
2263 <div class="flex items-center"> 2276 <span
2264 <span 2277 class="inline-block w-3 h-3 mr-1 bg-purple-600 rounded-full"
2265 class="inline-block w-3 h-3 mr-1 bg-blue-500 rounded-full" 2278 ></span>
2266 ></span> 2279 <span>Bags</span>
2267 <span>Shirts</span> 2280 </div>
2268 </div> 2281 </div>
2269 <div class="flex items-center"> 2282 </div>
2270 <span 2283 <div
2271 class="inline-block w-3 h-3 mr-1 bg-teal-600 rounded-full" 2284 class="min-w-0 p-4 bg-white rounded-lg shadow-xs dark:bg-gray-800"
2272 ></span> 2285 >
2273 <span>Shoes</span> 2286 <h4 class="mb-4 font-semibold text-gray-800 dark:text-gray-300">
2274 </div> 2287 Traffic
2275 <div class="flex items-center"> 2288 </h4>
2276 <span 2289 <canvas id="line"></canvas>
2277 class="inline-block w-3 h-3 mr-1 bg-purple-600 rounded-full" 2290 <div
2278 ></span> 2291 class="flex justify-center mt-4 space-x-3 text-sm text-gray-600 dark:text-gray-400"
2279 <span>Bags</span> 2292 >
2280 </div> 2293
2281 </div> 2294 <div class="flex items-center">
2282 </div> 2295 <span
2283 <div 2296 class="inline-block w-3 h-3 mr-1 bg-teal-600 rounded-full"
2284 class="min-w-0 p-4 bg-white rounded-lg shadow-xs dark:bg-gray-800" 2297 ></span>
2285 > 2298 <span>Organic</span>
2286 <h4 class="mb-4 font-semibold text-gray-800 dark:text-gray-300"> 2299 </div>
2287 Traffic 2300 <div class="flex items-center">
2288 </h4> 2301 <span
2289 <canvas id="line"></canvas> 2302 class="inline-block w-3 h-3 mr-1 bg-purple-600 rounded-full"
2290 <div 2303 ></span>
2291 class="flex justify-center mt-4 space-x-3 text-sm text-gray-600 dark:text-gray-400" 2304 <span>Paid</span>
2292 > 2305 </div>
2293 2306 </div>
2294 <div class="flex items-center"> 2307 </div>
2295 <span 2308 </div>
2296 class="inline-block w-3 h-3 mr-1 bg-teal-600 rounded-full" 2309 -->
2297 ></span> 2310 </div>
2298 <span>Organic</span> 2311 </main>
2299 </div> 2312 </div>
2300 <div class="flex items-center"> 2313 </div>
2301 <span 2314 @yield('modal')
2302 class="inline-block w-3 h-3 mr-1 bg-purple-600 rounded-full" 2315 </body>
2303 ></span> 2316 @yield('script')
2304 <span>Paid</span> 2317 </html>
2305 </div> 2318
resources/views/new_sky.blade.php
1 @extends('layout.frontend', ['title' => 'Вакансии РекаМоре']) 1 @extends('layout.frontend', ['title' => 'Вакансии РекаМоре'])
2 2
3 @section('scripts') 3 @section('scripts')
4 <script> 4 <script>
5 console.log('Test system'); 5 console.log('Test system');
6 $(document).on('change', '.jobs', function() { 6 $(document).on('change', '.jobs', function() {
7 var val = $(this).val(); 7 var val = $(this).val();
8 8
9 console.log('Click change...'); 9 console.log('Click change...');
10 $.ajax({ 10 $.ajax({
11 type: "GET", 11 type: "GET",
12 url: "{{ route('vacancies') }}", 12 url: "{{ route('vacancies') }}",
13 data: "job="+val, 13 data: "job="+val,
14 success: function (data) { 14 success: function (data) {
15 console.log('Выбор должности'); 15 console.log('Выбор должности');
16 console.log(data); 16 console.log(data);
17 $('#block_ajax').html(data); 17 $('#block_ajax').html(data);
18 }, 18 },
19 headers: { 19 headers: {
20 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') 20 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
21 }, 21 },
22 error: function (data) { 22 error: function (data) {
23 data = JSON.stringify(data); 23 data = JSON.stringify(data);
24 console.log('Error: ' + data); 24 console.log('Error: ' + data);
25 } 25 }
26 }); 26 });
27 }); 27 });
28 </script> 28 </script>
29 @endsection 29 @endsection
30 30
31 @section('content') 31 @section('content')
32 <section class="thing"> 32 <section class="thing">
33 <div class="container"> 33 <div class="container">
34 <form class="thing__body"> 34 <form class="thing__body">
35 <ul class="breadcrumbs thing__breadcrumbs"> 35 <ul class="breadcrumbs thing__breadcrumbs">
36 <li><a href="{{ route('index') }}">Главная</a></li> 36 <li><a href="{{ route('index') }}">Главная</a></li>
37 <li><b>Вакансии</b></li> 37 <li><b>Вакансии</b></li>
38 </ul> 38 </ul>
39 <h1 class="thing__title">Вакансии</h1> 39 <h1 class="thing__title">Вакансии</h1>
40 <p class="thing__text">С другой стороны, социально-экономическое развитие не оставляет шанса для 40 <p class="thing__text">С другой стороны, социально-экономическое развитие не оставляет шанса для
41 существующих финансовых и административных условий.</p> 41 существующих финансовых и административных условий.</p>
42 <div class="select select_search thing__select"> 42 <div class="select select_search thing__select">
43 <div class="select__icon"> 43 <div class="select__icon">
44 <svg> 44 <svg>
45 <use xlink:href="{{ asset('images/sprite.svg#search') }}"></use> 45 <use xlink:href="{{ asset('images/sprite.svg#search') }}"></use>
46 </svg> 46 </svg>
47 </div> 47 </div>
48 <select class="js-select2 jobs" id="jobs" name="jobs"> 48 <select class="js-select2 jobs" id="jobs" name="jobs">
49 <option value="0">Выберите должность</option> 49 <option value="0">Выберите должность</option>
50 @if ($Job_title->count()) 50 @if ($Job_title->count())
51 @foreach($Job_title as $JT) 51 @foreach($Job_title as $JT)
52 <option value="{{ $JT->id }}" @if ((isset($_GET['job'])) && ($_GET['job'] == $JT->id)) selected @endif>{{ $JT->name }}</option> 52 <option value="{{ $JT->id }}" @if ((isset($_GET['job'])) && ($_GET['job'] == $JT->id)) selected @endif>{{ $JT->name }}</option>
53 @endforeach 53 @endforeach
54 @endif 54 @endif
55 </select> 55 </select>
56 </div> 56 </div>
57 </form> 57 </form>
58 </div> 58 </div>
59 </section> 59 </section>
60 60
61 61
62 <main class="main"> 62 <main class="main">
63 <div class="container"> 63 <div class="container">
64 <div class="main__vacancies"> 64 <div class="main__vacancies">
65 <h2 class="main__vacancies-title">Категории вакансий</h2> 65 <h2 class="main__vacancies-title">Категории вакансий</h2>
66 <div class="vacancies__body"> 66 <div class="vacancies__body">
67 <!--<button class="vacancies__more button button_more button_light js-toggle js-parent-toggle"> 67 <!--<button class="vacancies__more button button_more button_light js-toggle js-parent-toggle">
68 <span>Показать ещё</span> 68 <span>Показать ещё</span>
69 <span>Скрыть</span> 69 <span>Скрыть</span>
70 </button>--> 70 </button>-->
71 <div class="vacancies__list" id="block_ajax" name="block_ajax"> 71 <div class="vacancies__list" id="block_ajax" name="block_ajax">
72 @foreach ($BigFlot as $key => $flot) 72 @foreach ($BigFlot as $key => $flot)
73 <div class="vacancies__list-col"> 73 <div class="vacancies__list-col">
74 @include('block_real', ['flot' => $flot, 'position' => $Position[$key]]) 74 @include('block_real', ['flot' => $flot, 'position' => $Position[$key]])
75 </div> 75 </div>
76 @endforeach 76 @endforeach
77 </div>
78 </div>
79 </div>
80 </div>
81 </main>
82
83 </div>
84 @endsection 77 </div>
85 78 </div>
resources/views/worker.blade.php
1 @extends('layout.frontend', ['title' => 'Карточка соискателя - РекаМоре']) 1 @extends('layout.frontend', ['title' => 'Карточка соискателя - РекаМоре'])
2 2
3 @section('scripts') 3 @section('scripts')
4 <script> 4 <script>
5 console.log('Test system'); 5 console.log('Test system');
6 $(document).on('change', '#jobs', function() { 6 $(document).on('change', '#jobs', function() {
7 var val = $(this).val(); 7 var val = $(this).val();
8 var main_oskar = $('#main_ockar'); 8 var main_oskar = $('#main_ockar');
9 9
10 console.log('Code='+val); 10 console.log('Code='+val);
11 console.log('Click change...'); 11 console.log('Click change...');
12 $.ajax({ 12 $.ajax({
13 type: "GET", 13 type: "GET",
14 url: "", 14 url: "",
15 data: "job="+val, 15 data: "job="+val,
16 success: function (data) { 16 success: function (data) {
17 console.log('Выбор сделан!'); 17 console.log('Выбор сделан!');
18 console.log(data); 18 console.log(data);
19 main_oskar.html(data); 19 main_oskar.html(data);
20 }, 20 },
21 headers: { 21 headers: {
22 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') 22 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
23 }, 23 },
24 error: function (data) { 24 error: function (data) {
25 data = JSON.stringify(data); 25 data = JSON.stringify(data);
26 console.log('Error: ' + data); 26 console.log('Error: ' + data);
27 } 27 }
28 }); 28 });
29 }); 29 });
30 </script> 30 </script>
31 @include('js.favorite-worker')
31 @include('js.favorite-worker') 32 @endsection
32 @endsection 33
33 34 @section('content')
34 @section('content') 35 <section class="thing">
35 <section class="thing"> 36 <div class="container">
36 <div class="container"> 37 <ul class="breadcrumbs thing__breadcrumbs">
37 <ul class="breadcrumbs thing__breadcrumbs"> 38 <li><a href="{{ route('index') }}">Главная</a></li>
38 <li><a href="{{ route('index') }}">Главная</a></li> 39 <li><a href="{{ route('bd_resume') }}">База резюме</a></li>
39 <li><a href="{{ route('bd_resume') }}">База резюме</a></li> 40 <li><b>@if (isset($Query[0]->users)) {{ $Query[0]->users->surname." ".$Query[0]->users->name_man." ".$Query[0]->users->surname2 }} @else Неизвестно @endif</b></li>
40 <li><b>@if (isset($Query[0]->users)) {{ $Query[0]->users->surname." ".$Query[0]->users->name_man." ".$Query[0]->users->surname2 }} @else Неизвестно @endif</b></li> 41 </ul>
41 </ul> 42 <div class="thing__profile">
42 <div class="thing__profile"> 43 <img src="@isset($Query->photo) {{ asset(Storage::url($Query->photo)) }} @else {{ asset('images/default_man.jpg') }} @endif" alt="" class="thing__profile-photo">
43 <img src="@isset($Query->photo) {{ asset(Storage::url($Query->photo)) }} @else {{ asset('images/default_man.jpg') }} @endif" alt="" class="thing__profile-photo"> 44 <div class="thing__profile-body">
44 <div class="thing__profile-body"> 45 <h1 class="thing__title">@if (isset($Query[0]->users)) {{ $Query[0]->users->surname." ".$Query[0]->users->name_man." ".$Query[0]->users->surname2 }} @else Неизвестно @endif</h1>
45 <h1 class="thing__title">@if (isset($Query[0]->users)) {{ $Query[0]->users->surname." ".$Query[0]->users->name_man." ".$Query[0]->users->surname2 }} @else Неизвестно @endif</h1> 46 <p class="thing__text">Сложно сказать, почему ключевые особенности структуры проекта рассмотрены
46 <p class="thing__text">Сложно сказать, почему ключевые особенности структуры проекта рассмотрены 47 исключительно в разрезе маркетинговых и финансовых предпосылок.</p>
47 исключительно в разрезе маркетинговых и финансовых предпосылок.</p> 48 <div class="thing__bottom">
48 <div class="thing__bottom"> 49 <a class="button" href="{{ route('resume_download', ['worker' => $Query[0]->id]) }}">
49 <a class="button" href="{{ route('resume_download', ['worker' => $Query[0]->id]) }}"> 50 Скачать резюме
50 Скачать резюме 51 <svg>
51 <svg> 52 <use xlink:href="{{ asset('images/sprite.svg#download') }}"></use>
52 <use xlink:href="{{ asset('images/sprite.svg#download') }}"></use> 53 </svg>
53 </svg> 54 </a>
54 </a> 55 <button type="button" class="like js-toggle">
55 <button type="button" class="like js-toggle"> 56 <svg>
56 <svg> 57 <use xlink:href="{{ asset('images/sprite.svg#heart') }}"></use>
57 <use xlink:href="{{ asset('images/sprite.svg#heart') }}"></use> 58 </svg>
58 </svg> 59 </button>
59 </button> 60 </div>
60 </div> 61 </div>
61 </div> 62 </div>
62 </div> 63 </div>
63 </div> 64 </section>
64 </section> 65 <main class="main">
65 <main class="main"> 66 <div class="container">
66 <div class="container"> 67 <div class="main__resume-profile">
67 <div class="main__resume-profile"> 68 <div class="main__content">
68 <div class="main__content"> 69 <div class="main__spoiler">
69 <div class="main__spoiler"> 70 <button type="button" class="main__spoiler-toper js-toggle active">
70 <button type="button" class="main__spoiler-toper js-toggle active"> 71 Основная информация</button>
71 Основная информация</button> 72
72 73 <div class="main__spoiler-body">
73 <div class="main__spoiler-body"> 74 <table class="main__table">
74 <table class="main__table"> 75 <tbody>
75 <tbody> 76 <tr>
76 <tr> 77 <td>Имя:</td>
77 <td>Имя:</td> 78 <td><b>{{ $Query[0]->users->name_man }}</b></td>
78 <td><b>{{ $Query[0]->users->name_man }}</b></td> 79 </tr>
79 </tr> 80 <tr>
80 <tr> 81 <td>Должность:</td>
81 <td>Должность:</td> 82 <td><b>@if (isset($Query[0]->job_titles[0]->name)) {{ $Query[0]->job_titles[0]->name }} @else Не указано @endif</b></td>
82 <td><b>@if (isset($Query[0]->job_titles[0]->name)) {{ $Query[0]->job_titles[0]->name }} @else Не указано @endif</b></td> 83 </tr>
83 </tr> 84 <tr>
84 <tr> 85 <td>Телефон:</td>
85 <td>Телефон:</td> 86 <td><b><a href="tel:{{ $Query[0]->telephone }}">{{ $Query[0]->telephone }}</a></b></td>
86 <td><b><a href="tel:{{ $Query[0]->telephone }}">{{ $Query[0]->telephone }}</a></b></td> 87 </tr>
87 </tr> 88 <tr>
88 <tr> 89 <td>E-mail:</td>
89 <td>E-mail:</td> 90 <td><b><a href="emailto:{{ $Query[0]->email }}">{{ $Query[0]->email }}</a></b></td>
90 <td><b><a href="emailto:{{ $Query[0]->email }}">{{ $Query[0]->email }}</a></b></td> 91 </tr>
91 </tr> 92 <tr>
92 <tr> 93 <td>Возраст:</td>
93 <td>Возраст:</td> 94 <td><b>{{ $Query[0]->old_year }}</b></td>
94 <td><b>{{ $Query[0]->old_year }}</b></td> 95 </tr>
95 </tr> 96 <tr>
96 <tr> 97 <td>Статус:</td>
97 <td>Статус:</td> 98 <td><b>{{ $status_work[$Query[0]->status_work] }}</b></td>
98 <td><b>{{ $status_work[$Query[0]->status_work] }}</b></td> 99 </tr>
99 </tr> 100 <tr>
100 <tr> 101 <td>Город проживания:</td>
101 <td>Город проживания:</td> 102 <td><b>{{ $Query[0]->city }}</b></td>
102 <td><b>{{ $Query[0]->city }}</b></td> 103 </tr>
103 </tr> 104 <tr>
104 <tr> 105 <td>Уровень английского:</td>
105 <td>Уровень английского:</td> 106 <td><b>{{ $Query[0]->en_is }}</b></td>
106 <td><b>{{ $Query[0]->en_is }}</b></td> 107 </tr>
107 </tr> 108 <tr>
108 <tr> 109 <td>Опыт работы:</td>
109 <td>Опыт работы:</td> 110 <td><b>{{ $Query[0]->experience }}</b></td>
110 <td><b>{{ $Query[0]->experience }}</b></td> 111 </tr>
111 </tr> 112 </tbody>
112 </tbody> 113 </table>
113 </table> 114 </div>
114 </div> 115 </div>
115 </div> 116 <div class="main__spoiler">
116 <div class="main__spoiler"> 117 <button type="button" class="main__spoiler-toper js-toggle">Сертификаты / документы</button>
117 <button type="button" class="main__spoiler-toper js-toggle">Сертификаты / документы</button> 118 <div class="main__spoiler-body">
118 <div class="main__spoiler-body"> 119
119 120 @if (isset($Query[0]->sertificate))
120 @if (isset($Query[0]->sertificate)) 121 @if ($Query[0]->sertificate->count())
121 @if ($Query[0]->sertificate->count()) 122 @foreach($Query[0]->sertificate as $it)
122 @foreach($Query[0]->sertificate as $it) 123 <table class="main__table">
123 <table class="main__table"> 124 <tbody>
124 <tbody> 125 <tr>
125 <tr> 126 <td>Название сертификата:</td>
126 <td>Название сертификата:</td> 127 <td><b>{{ $it->name }}</b></td>
127 <td><b>{{ $it->name }}</b></td> 128 </tr>
128 </tr> 129 <tr>
129 <tr> 130 <td>Организация выдавшая документ:</td>
130 <td>Организация выдавшая документ:</td> 131 <td><b>{{ $it->education }}</b></td>
131 <td><b>{{ $it->education }}</b></td> 132 </tr>
132 </tr> 133 <tr>
133 <tr> 134 <td>Дата начала обучения:</td>
134 <td>Дата начала обучения:</td> 135 <td><b>{{ $it->date_begin }}</b></td>
135 <td><b>{{ $it->date_begin }}</b></td> 136 </tr>
136 </tr> 137 <tr>
137 <tr> 138 <td>Дата конца обучения:</td>
138 <td>Дата конца обучения:</td> 139 <td><b>{{ $it->end_begin }}</b></td>
139 <td><b>{{ $it->end_begin }}</b></td> 140 </tr>
140 </tr> 141 </tbody>
141 </tbody> 142 </table>
142 </table> 143 <br>
143 <br> 144 @endforeach
144 @endforeach 145 @endif
145 @endif 146 @endif
146 @endif 147 </div>
147 </div> 148 </div>
148 </div> 149
149 150 <div class="main__spoiler">
150 <div class="main__spoiler"> 151 <button type="button" class="main__spoiler-toper js-toggle">Опыт работы</button>
151 <button type="button" class="main__spoiler-toper js-toggle">Опыт работы</button> 152 <div class="main__spoiler-body">
152 <div class="main__spoiler-body"> 153
153 154 @if (isset($Query[0]->place_worker))
154 @if (isset($Query[0]->place_worker)) 155 @if ($Query[0]->place_worker->count())
155 @if ($Query[0]->place_worker->count()) 156 @foreach($Query[0]->place_worker as $it)
156 @foreach($Query[0]->place_worker as $it) 157
157 158 <table class="main__table">
158 <table class="main__table"> 159 <tbody>
159 <tbody> 160 <tr>
160 <tr> 161 <td>Должность:</td>
161 <td>Должность:</td> 162 <td><b>{{ $it->job_title }}</b></td>
162 <td><b>{{ $it->job_title }}</b></td> 163 </tr>
163 </tr> 164 <tr>
164 <tr> 165 <td>Опыт работы в танкерном флоте:</td>
165 <td>Опыт работы в танкерном флоте:</td> 166 <td><b>@if($it->tanker==1) Есть @else Нет @endif</b></td>
166 <td><b>@if($it->tanker==1) Есть @else Нет @endif</b></td> 167 </tr>
167 </tr> 168 <tr>
168 <tr> 169 <td>Дата начала работы:</td>
169 <td>Дата начала работы:</td> 170 <td><b>{{ $it->begin_work }}</b></td>
170 <td><b>{{ $it->begin_work }}</b></td> 171 </tr>
171 </tr> 172 <tr>
172 <tr> 173 <td>Дата конца работы:</td>
173 <td>Дата конца работы:</td> 174 <td><b>{{ $it->end_work }}</b></td>
174 <td><b>{{ $it->end_work }}</b></td> 175 </tr>
175 </tr> 176 <tr>
176 <tr> 177 <td>Название компании:</td>
177 <td>Название компании:</td> 178 <td><b>{{ $it->name_company }}</b></td>
178 <td><b>{{ $it->name_company }}</b></td> 179 </tr>
179 </tr> 180 <tr>
180 <tr> 181 <td>GWT тип</td>
181 <td>GWT тип</td> 182 <td><b>{{ $it->GWT }}</b></td>
182 <td><b>{{ $it->GWT }}</b></td> 183 </tr>
183 </tr> 184 <tr>
184 <tr> 185 <td>ГД:</td>
185 <td>ГД:</td> 186 <td><b>{{ $it->KBT }}</b></td>
186 <td><b>{{ $it->KBT }}</b></td> 187 </tr>
187 </tr> 188 </tbody>
188 </tbody> 189 </table>
189 </table> 190 <br>
190 <br> 191 @endforeach
191 @endforeach 192 @endif
192 @endif 193 @endif
193 @endif 194 </div>
194 </div> 195 </div>
195 </div> 196
196 197 <div class="main__spoiler">
197 <div class="main__spoiler"> 198 <button type="button" class="main__spoiler-toper js-toggle">Дополнительные документы</button>
198 <button type="button" class="main__spoiler-toper js-toggle">Дополнительные документы</button> 199 <div class="main__spoiler-body">
199 <div class="main__spoiler-body"> 200
200 201 @if (isset($Query[0]->infobloks))
201 @if (isset($Query[0]->infobloks)) 202 @if ($Query[0]->infobloks->count())
202 @if ($Query[0]->infobloks->count()) 203 <table class="main__table">
203 <table class="main__table"> 204 <tbody>
204 <tbody> 205 @foreach($Query[0]->infobloks as $it)
205 @foreach($Query[0]->infobloks as $it) 206 <tr>
206 <tr> 207 <td>Документ:</td>
207 <td>Документ:</td> 208 <td><b>{{ $it->name }}</b></td>
208 <td><b>{{ $it->name }}</b></td> 209 </tr>
209 </tr> 210 @endforeach
210 @endforeach 211 </tbody>
211 </tbody> 212 </table>
212 </table> 213 @endif
213 @endif 214 @endif
214 @endif 215 </div>
215 </div> 216 </div>
216 </div> 217 </div>
217 </div> 218 <div class="main__resume-profile-about">
218 <div class="main__resume-profile-about"> 219 <h2 class="main__resume-profile-about-title">О себе</h2>
219 <h2 class="main__resume-profile-about-title">О себе</h2> 220 <p class="main__resume-profile-about-text">{{ $Query[0]->text }}</p>
220 <p class="main__resume-profile-about-text">{{ $Query[0]->text }}</p> 221 <!--<div class="button main__resume-profile-about-button js_it_button" data-fancybox data-src="#send2" data-vacancy="0" data-uid="{{ $idiot}}" data-tuid="{{ $Query[0]->id }}" data-options='{"touch":false,"autoFocus":false}'>Написать сообщение</div>-->
221 <!--<div class="button main__resume-profile-about-button js_it_button" data-fancybox data-src="#send2" data-vacancy="0" data-uid="{{ $idiot}}" data-tuid="{{ $Query[0]->id }}" data-options='{"touch":false,"autoFocus":false}'>Написать сообщение</div>--> 222 </div>
222 </div> 223 <div class="main__resume-profile-info">
223 <div class="main__resume-profile-info"> 224 <h2 class="main__resume-profile-info-title">Данные о прошлых компаниях</h2>
224 <h2 class="main__resume-profile-info-title">Данные о прошлых компаниях</h2> 225 <div class="main__resume-profile-info-body">
225 <div class="main__resume-profile-info-body"> 226 @if ((isset($Query[0]->prev_company)) && ($Query[0]->prev_company->count()))
226 @if ((isset($Query[0]->prev_company)) && ($Query[0]->prev_company->count())) 227 @foreach ($Query[0]->prev_company as $it)
227 @foreach ($Query[0]->prev_company as $it) 228 <div class="main__resume-profile-info-body-item">
228 <div class="main__resume-profile-info-body-item"> 229 <h3 class="main__resume-profile-info-body-subtitle">{{ $it->name_company }}</h3>
229 <h3 class="main__resume-profile-info-body-subtitle">{{ $it->name_company }}</h3> 230 <ul class="main__resume-profile-info-body-inner">
230 <ul class="main__resume-profile-info-body-inner"> 231 <li>
231 <li> 232 <b>Руководитель</b>
232 <b>Руководитель</b> 233 <span>{{ $it->direct }}</span>
233 <span>{{ $it->direct }}</span> 234 </li>
234 </li> 235 <li>
235 <li> 236 <b>Телефон того, кто может дать рекомендацию</b>
236 <b>Телефон того, кто может дать рекомендацию</b> 237 <span>
237 <span> 238 @if (!empty($it->telephone))
238 @if (!empty($it->telephone)) 239 <a href="tel:{{$it->telephone }}">{{ $it->telephone }}</a>
239 <a href="tel:{{$it->telephone }}">{{ $it->telephone }}</a> 240 @endif
240 @endif 241 @if (!empty($it->telephone2))
241 @if (!empty($it->telephone2)) 242 <a href="tel:{{$it->telephone2 }}">{{ $it->telephone2 }}</a>
242 <a href="tel:{{$it->telephone2 }}">{{ $it->telephone2 }}</a> 243 @endif
243 @endif 244 </span>
244 </span> 245 </li>
245 </li> 246 </ul>
246 </ul> 247 </div>
247 </div> 248 @endforeach
248 @endforeach 249 @else
249 @else 250 <div class="main__resume-profile-info-body-item">
250 <div class="main__resume-profile-info-body-item"> 251 <h3 class="main__resume-profile-info-body-subtitle">Нету данных о компании</h3>
251 <h3 class="main__resume-profile-info-body-subtitle">Нету данных о компании</h3> 252 </div>
252 </div> 253 @endif
253 @endif 254 </div>
254 </div> 255 </div>
255 </div> 256
256 257 <div class="main__resume-profile-review">
257 <div class="main__resume-profile-review"> 258 <form action="{{ route('stars_answer') }}" method="POST">
258 <form action="{{ route('stars_answer') }}" method="POST"> 259 @csrf
259 @csrf 260 <h2 class="main__resume-profile-review-title">Оставить отзыв о работнике</h2>
260 <h2 class="main__resume-profile-review-title">Оставить отзыв о работнике</h2> 261 <div class="rate">
261 <div class="rate"> 262 <div class="rate__label">Ваша оценка:</div>
262 <div class="rate__label">Ваша оценка:</div> 263 <div class="rate__stars">
263 <div class="rate__stars"> 264 <select name="stars" id="stars" class="star-rating js-stars">
264 <select name="stars" id="stars" class="star-rating js-stars"> 265 <option value="5">5</option>
265 <option value="5">5</option> 266 <option value="4">4</option>
266 <option value="4">4</option> 267 <option value="3">3</option>
267 <option value="3">3</option> 268 <option value="2">2</option>
268 <option value="2">2</option> 269 <option value="1" selected>1</option>
269 <option value="1" selected>1</option> 270 </select>
270 </select> 271 </div>
271 </div> 272 </div>
272 </div> 273 <input type="hidden" name="worker_id" id="worker_id" value="{{ $Query[0]->id }}"/>
273 <input type="hidden" name="worker_id" id="worker_id" value="{{ $Query[0]->id }}"/> 274 <div class="main__resume-profile-review-body">
274 <div class="main__resume-profile-review-body"> 275 <h3>Ваш отзыв</h3>
275 <h3>Ваш отзыв</h3> 276 <textarea class="textarea" name="message" id="message" placeholder="Текст отзыва&hellip;" required></textarea>
276 <textarea class="textarea" name="message" id="message" placeholder="Текст отзыва&hellip;" required></textarea> 277 <button type="submit" class="button">Оставить отзыв</button>
277 <button type="submit" class="button">Оставить отзыв</button> 278 </div>
278 </div> 279 </form>
279 </form> 280 </div>
280 </div> 281 </div>
281 </div> 282 </div>
282 </div> 283 </main>
283 </main> 284 </div>
284 </div> 285 @endsection
285 @endsection 286
resources/views/workers/favorite.blade.php
1 @extends('layout.frontend', ['title' => 'Избранные - РекаМоре']) 1 @extends('layout.frontend', ['title' => 'Избранные - РекаМоре'])
2 2
3 @section('scripts') 3 @section('scripts')
4 @include('js.favorite-vacancy-45') 4 @include('js.favorite-vacancy-45')
5 @endsection 5 @endsection
6 6
7 @section('content') 7 @section('content')
8 <section class="cabinet"> 8 <section class="cabinet">
9 <div class="container"> 9 <div class="container">
10 <ul class="breadcrumbs cabinet__breadcrumbs"> 10 <ul class="breadcrumbs cabinet__breadcrumbs">
11 <li><a href="{{ route('index') }}">Главная</a></li> 11 <li><a href="{{ route('index') }}">Главная</a></li>
12 <li><b>Личный кабинет</b></li> 12 <li><b>Личный кабинет</b></li>
13 </ul> 13 </ul>
14 <div class="cabinet__wrapper"> 14 <div class="cabinet__wrapper">
15 <div class="cabinet__side"> 15 <div class="cabinet__side">
16 <div class="cabinet__side-toper"> 16 <div class="cabinet__side-toper">
17 @include('workers.emblema') 17 @include('workers.emblema')
18 18
19 </div> 19 </div>
20 @include('workers.menu', ['item' => 3]) 20 @include('workers.menu', ['item' => 3])
21 </div> 21 </div>
22 22
23 <div class="cabinet__body"> 23 <div class="cabinet__body">
24 <div class="cabinet__body-item"> 24 <div class="cabinet__body-item">
25 <h2 class="title cabinet__title">Избранные вакансии</h2> 25 <h2 class="title cabinet__title">Избранные вакансии</h2>
26 </div> 26 </div>
27 <div class="cabinet__body-item"> 27 <div class="cabinet__body-item">
28 <div class="cabinet__filters"> 28 <div class="cabinet__filters">
29 <div class="cabinet__filters-item"> 29 <div class="cabinet__filters-item">
30 <form class="search" action="{{ route('worker.colorado') }}" method="GET"> 30 <form class="search" action="{{ route('worker.colorado') }}" method="GET">
31 <input type="search" name="search" id="search" class="input" placeholder="Поиск&hellip;"> 31 <input type="search" name="search" id="search" class="input" placeholder="Поиск&hellip;">
32 <button type="submit" class="button">Найти</button> 32 <button type="submit" class="button">Найти</button>
33 <span> 33 <span>
34 <svg> 34 <svg>
35 <use xlink:href="{{ asset('images/sprite.svg#search') }}"></use> 35 <use xlink:href="{{ asset('images/sprite.svg#search') }}"></use>
36 </svg> 36 </svg>
37 </span> 37 </span>
38 </form> 38 </form>
39 </div> 39 </div>
40 <!--<div class="cabinet__filters-item"> 40 <!--<div class="cabinet__filters-item">
41 <div class="select"> 41 <div class="select">
42 <select class="js-select2" id="sort_ajax" name="sort_ajax"> 42 <select class="js-select2" id="sort_ajax" name="sort_ajax">
43 <option value="default">Сортировка (по умолчанию)</option> 43 <option value="default">Сортировка (по умолчанию)</option>
44 <option value="name (asc)">По имени (возрастание)</option> 44 <option value="name (asc)">По имени (возрастание)</option>
45 <option value="name (desc)">По имени (убывание)</option> 45 <option value="name (desc)">По имени (убывание)</option>
46 <option value="created_at (asc)">По дате (возрастание)</option> 46 <option value="created_at (asc)">По дате (возрастание)</option>
47 <option value="created_at (desc)">По дате (убывание)</option> 47 <option value="created_at (desc)">По дате (убывание)</option>
48 </select> 48 </select>
49 </div> 49 </div>
50 </div>--> 50 </div>-->
51 </div> 51 </div>
52 @if ($Query->count()) 52 @if ($Query->count())
53 <div class="cabinet__vacs"> 53 <div class="cabinet__vacs">
54 <div id="main_ockar" name="main_ockar" class="cabinet__vacs-body" style="width:100%;"> 54 <div id="main_ockar" name="main_ockar" class="cabinet__vacs-body" style="width:100%;">
55 @foreach ($Query as $Q) 55 @foreach ($Query as $Q)
56 <div class="main__vacancies-item main__employer-page-two-item"> 56 <div class="main__vacancies-item main__employer-page-two-item">
57 <a href="{{ route('list-vacancies') }}" class="back main__employer-page-two-item-back"> 57 <a href="{{ route('list-vacancies') }}" class="back main__employer-page-two-item-back">
58 <svg> 58 <svg>
59 <use xlink:href="{{ asset('images/sprite.svg#back') }}"></use> 59 <use xlink:href="{{ asset('images/sprite.svg#back') }}"></use>
60 </svg> 60 </svg>
61 <span> 61 <span>
62 Вернуться к списку вакансий 62 Вернуться к списку вакансий
63 </span> 63 </span>
64 </a> 64 </a>
65 <div class="main__employer-page-two-item-toper"> 65 <div class="main__employer-page-two-item-toper">
66 @if (!empty($Q->employer->logo)) 66 @if (!empty($Q->employer->logo))
67 <img src="{{ asset(Storage::url($Q->employer->logo)) }}" alt="{{ $Q->employer->name }}"> 67 <img src="{{ asset(Storage::url($Q->employer->logo)) }}" alt="{{ $Q->employer->name }}">
68 @else 68 @else
69 <img src="{{ asset('images/default_ship.jpg') }}" alt="{{ $Q->employer->name }}" class="main__vacancies-thing-pic"> 69 <img src="{{ asset('images/default_ship.jpg') }}" alt="{{ $Q->employer->name }}" class="main__vacancies-thing-pic">
70 @endif 70 @endif
71 <span>@if (!empty($Q->name)) {{ $Q->name }} @endif</span> 71 <span>@if (!empty($Q->name)) {{ $Q->name }} @endif</span>
72 </div> 72 </div>
73 <div class="main__employer-page-two-item-text"> 73 <div class="main__employer-page-two-item-text">
74 <div class="main__employer-page-two-item-text-name">Судоходная компания ведет набор 74 <div class="main__employer-page-two-item-text-name">Судоходная компания ведет набор
75 специалистов на следующие должности:</div> 75 специалистов на следующие должности:</div>
76 <div class="main__employer-page-two-item-text-links"> 76 <div class="main__employer-page-two-item-text-links">
77 @if (isset($Q->jobs)) 77 @if (isset($Q->jobs))
78 @foreach ($Q->jobs as $key => $j) 78 @foreach ($Q->jobs as $key => $j)
79 <a>“{{ $j->name }}” – з/п от @if (isset($Q->jobs_code[$key]->min_salary)) {{ $Q->jobs_code[$key]->min_salary }} @endif - @if (isset($Q->jobs_code[$key]->max_salary)) {{ $Q->jobs_code[$key]->max_salary }} @endif рублей (на руки)</a> 79 <a>“{{ $j->name }}” – з/п от @if (isset($Q->jobs_code[$key]->min_salary)) {{ $Q->jobs_code[$key]->min_salary }} @endif - @if (isset($Q->jobs_code[$key]->max_salary)) {{ $Q->jobs_code[$key]->max_salary }} @endif рублей (на руки)</a>
80 @endforeach 80 @endforeach
81 @endif 81 @endif
82 </div> 82 </div>
83 </div> 83 </div>
84 <div class="main__employer-page-two-item-text"> 84 <div class="main__employer-page-two-item-text">
85 <div class="main__employer-page-two-item-text-name">Мы предлагаем:</div> 85 <div class="main__employer-page-two-item-text-name">Мы предлагаем:</div>
86 <div class="main__employer-page-two-item-text-body"> 86 <div class="main__employer-page-two-item-text-body">
87 {!! $Q->text !!} 87 {!! $Q->text !!}
88 </div> 88 </div>
89 </div> 89 </div>
90 <div class="main__employer-page-two-item-text"> 90 <div class="main__employer-page-two-item-text">
91 <div class="main__employer-page-two-item-text-name">Наши ожидания:</div> 91 <div class="main__employer-page-two-item-text-name">Наши ожидания:</div>
92 <div class="main__employer-page-two-item-text-body"> 92 <div class="main__employer-page-two-item-text-body">
93 {!! $Q->description !!} 93 {!! $Q->description !!}
94 </div> 94 </div>
95 </div> 95 </div>
96 <div class="main__employer-page-two-item-text"> 96 <div class="main__employer-page-two-item-text">
97 <div class="main__employer-page-two-item-text-name">Резюме направляйте на почту:</div> 97 <div class="main__employer-page-two-item-text-name">Резюме направляйте на почту:</div>
98 <div class="main__employer-page-two-item-text-body"> 98 <div class="main__employer-page-two-item-text-body">
99 {!! $Q->contacts_emails !!} 99 {!! $Q->contacts_emails !!}
100 </div> 100 </div>
101 </div> 101 </div>
102 <div class="main__employer-page-two-item-text"> 102 <div class="main__employer-page-two-item-text">
103 <div class="main__employer-page-two-item-text-name">Или звоните:</div> 103 <div class="main__employer-page-two-item-text-name">Или звоните:</div>
104 <div class="main__employer-page-two-item-text-body"> 104 <div class="main__employer-page-two-item-text-body">
105 {!! $Q->contacts_telephones !!} 105 {!! $Q->contacts_telephones !!}
106 </div> 106 </div>
107 </div> 107 </div>
108 <div class="main__employer-page-two-item-tags"> 108 <div class="main__employer-page-two-item-tags">
109 @if (isset($Q->jobs)) 109 @if (isset($Q->jobs))
110 @foreach ($Q->jobs as $key => $j) 110 @foreach ($Q->jobs as $key => $j)
111 <span class="main__employer-page-two-item-tag">#{{ $j->name }}</span> 111 <span class="main__employer-page-two-item-tag">#{{ $j->name }}</span>
112 @endforeach 112 @endforeach
113 @endif 113 @endif
114 </div> 114 </div>
115 <div class="main__employer-page-two-item-buttons"> 115 <div class="main__employer-page-two-item-buttons">
116 <!--<button type="button" 116 <!--<button type="button"
117 class="button main__employer-page-two-item-button">Откликнуться</button>--> 117 class="button main__employer-page-two-item-button">Откликнуться</button>-->
118 <a href="{{ route('vacancie', ['vacancy' => $Q->id]) }}" class="button button_light main__employer-page-two-item-button">Подробнее</a> 118 <a href="{{ route('vacancie', ['vacancy' => $Q->id]) }}" class="button button_light main__employer-page-two-item-button">Подробнее</a>
119 </div> 119 </div>
120 <div class="main__employer-page-two-item-bottom"> 120 <div class="main__employer-page-two-item-bottom">
121 <div class="main__employer-page-two-item-bottom-date">{{ $Q->created_at }}</div> 121 <div class="main__employer-page-two-item-bottom-date">{{ $Q->created_at }}</div>
122 <button type="button" data-val="{{ $Q->id }}" class="like main__employer-page-two-item-bottom-like js-toggle js_vac_favorite {{ \App\Classes\LikesClass::get_status_vacancy($Q) }}?>"> 122 <button type="button" data-val="{{ $Q->id }}" class="like main__employer-page-two-item-bottom-like js-toggle js_vac_favorite {{ \App\Classes\LikesClass::get_status_vacancy($Q) }}?>">
123 <svg> 123 <svg>
124 <use xlink:href="{{ asset('images/sprite.svg#heart') }}"></use> 124 <use xlink:href="{{ asset('images/sprite.svg#heart') }}"></use>
125 </svg> 125 </svg>
126 </button> 126 </button>
127 </div> 127 </div>
128 </div> 128 </div>
129 @endforeach 129 @endforeach
130 <div style="margin-top: 20px"> 130 <div style="margin-top: 20px">
131 {{ $Query->appends($_GET)->links('paginate') }} 131 {{ $Query->appends($_GET)->links('paginate') }}
132 </div> 132 </div>
133 </div> 133 </div>
134 @else 134 @else
135 <div class="notify"> 135 <div class="notify">
136 <svg> 136 <svg>
137 <use xlink:href="{{ asset('images/sprite.svg#i') }}"></use> 137 <use xlink:href="{{ asset('images/sprite.svg#i') }}"></use>
138 </svg> 138 </svg>
139 <span>Нет избранных работодателей</span> 139 <span>Нет избранных работодателей</span>
140 </div> 140 </div>
141 @endif 141 @endif
142 </div> 142 </div>
143 </div> 143 </div>
144 </div> 144 </div>
145 </div> 145 </div>
146 </section> 146 </section>
147 </div> 147 </div>
148 148
149 @endsection 149 @endsection
150 150
1 <?php 1 <?php
2 2
3 use App\Http\Controllers\AdEmployerController; 3 use App\Http\Controllers\AdEmployerController;
4 use App\Http\Controllers\Admin\AdminController; 4 use App\Http\Controllers\Admin\AdminController;
5 use App\Http\Controllers\Admin\CategoryController; 5 use App\Http\Controllers\Admin\CategoryController;
6 use App\Http\Controllers\Admin\CategoryEmpController; 6 use App\Http\Controllers\Admin\CategoryEmpController;
7 use App\Http\Controllers\Admin\EducationController; 7 use App\Http\Controllers\Admin\EducationController;
8 use App\Http\Controllers\Admin\EmployersController; 8 use App\Http\Controllers\Admin\EmployersController;
9 use App\Http\Controllers\EmployerController as FrontEmployersController; 9 use App\Http\Controllers\EmployerController as FrontEmployersController;
10 use App\Http\Controllers\Admin\InfoBloksController; 10 use App\Http\Controllers\Admin\InfoBloksController;
11 use App\Http\Controllers\Admin\JobTitlesController; 11 use App\Http\Controllers\Admin\JobTitlesController;
12 use App\Http\Controllers\Admin\UsersController; 12 use App\Http\Controllers\Admin\UsersController;
13 use App\Http\Controllers\Admin\WorkersController; 13 use App\Http\Controllers\Admin\WorkersController;
14 use App\Http\Controllers\Auth\ForgotPasswordController; 14 use App\Http\Controllers\Auth\ForgotPasswordController;
15 use App\Http\Controllers\Auth\LoginController; 15 use App\Http\Controllers\Auth\LoginController;
16 use App\Http\Controllers\Auth\RegisterController; 16 use App\Http\Controllers\Auth\RegisterController;
17 use App\Http\Controllers\CKEditorController; 17 use App\Http\Controllers\CKEditorController;
18 use App\Http\Controllers\MediaController; 18 use App\Http\Controllers\MediaController;
19 use App\Http\Controllers\WorkerController; 19 use App\Http\Controllers\WorkerController;
20 use App\Models\User; 20 use App\Models\User;
21 use App\Http\Controllers\MainController; 21 use App\Http\Controllers\MainController;
22 use App\Http\Controllers\HomeController; 22 use App\Http\Controllers\HomeController;
23 use Illuminate\Support\Facades\Route; 23 use Illuminate\Support\Facades\Route;
24 use App\Http\Controllers\Admin\CompanyController; 24 use App\Http\Controllers\Admin\CompanyController;
25 use App\Http\Controllers\Admin\Ad_EmployersController; 25 use App\Http\Controllers\Admin\Ad_EmployersController;
26 use App\Http\Controllers\Admin\MsgAnswersController; 26 use App\Http\Controllers\Admin\MsgAnswersController;
27 use App\Http\Controllers\Admin\GroupsController; 27 use App\Http\Controllers\Admin\GroupsController;
28 use App\Http\Controllers\PagesController; 28 use App\Http\Controllers\PagesController;
29 use Illuminate\Support\Facades\Storage; 29 use Illuminate\Support\Facades\Storage;
30 use App\Http\Controllers\EmployerController; 30 use App\Http\Controllers\EmployerController;
31 use App\Http\Controllers\CompanyController as FrontCompanyController; 31 use App\Http\Controllers\CompanyController as FrontCompanyController;
32 32
33 33
34 /* 34 /*
35 |-------------------------------------------------------------------------- 35 |--------------------------------------------------------------------------
36 | Web Routes 36 | Web Routes
37 |-------------------------------------------------------------------------- 37 |--------------------------------------------------------------------------
38 | 38 |
39 | Here is where you can register web routes for your application. These 39 | Here is where you can register web routes for your application. These
40 | routes are loaded by the RouteServiceProvider within a group which 40 | routes are loaded by the RouteServiceProvider within a group which
41 | contains the "web" middleware group. Now create something great! 41 | contains the "web" middleware group. Now create something great!
42 | 42 |
43 */ 43 */
44 /* 44 /*
45 Route::get('/', function () { 45 Route::get('/', function () {
46 return view('welcome'); 46 return view('welcome');
47 })->name('index'); 47 })->name('index');
48 */ 48 */
49 49
50 Route::get('/', [MainController::class, 'index'])->name('index'); 50 Route::get('/', [MainController::class, 'index'])->name('index');
51 51
52 //Роуты авторизации, регистрации, восстановления, аутентификации 52 //Роуты авторизации, регистрации, восстановления, аутентификации
53 Auth::routes(['verify' => true]); 53 Auth::routes(['verify' => true]);
54 54
55 // роуты регистрации, авторизации, восстановления пароля, верификации почты 55 // роуты регистрации, авторизации, восстановления пароля, верификации почты
56 /*Route::group([ 56 /*Route::group([
57 'as' => 'auth.', //имя маршрута, например auth.index 57 'as' => 'auth.', //имя маршрута, например auth.index
58 'prefix' => 'auth', // префикс маршрута, например, auth/index 58 'prefix' => 'auth', // префикс маршрута, например, auth/index
59 ], function () { 59 ], function () {
60 //форма регистрации 60 //форма регистрации
61 Route::get('register', [RegisterController::class, 'register'])->name('register'); 61 Route::get('register', [RegisterController::class, 'register'])->name('register');
62 62
63 //создание пользователя 63 //создание пользователя
64 Route::post('register', [RegisterController::class, 'create'])->name('create'); 64 Route::post('register', [RegisterController::class, 'create'])->name('create');
65 65
66 //форма входа авторизации 66 //форма входа авторизации
67 Route::get('login', [LoginController::class, 'login'])->name('login'); 67 Route::get('login', [LoginController::class, 'login'])->name('login');
68 68
69 //аутентификация 69 //аутентификация
70 Route::post('login', [LoginController::class, 'authenticate'])->name('auth'); 70 Route::post('login', [LoginController::class, 'authenticate'])->name('auth');
71 71
72 //выход 72 //выход
73 Route::get('logout', [LoginController::class, 'logout'])->name('logout'); 73 Route::get('logout', [LoginController::class, 'logout'])->name('logout');
74 74
75 //форма ввода адреса почты 75 //форма ввода адреса почты
76 Route::get('forgot-password', [ForgotPasswordController::class, 'form'])->name('forgot-form'); 76 Route::get('forgot-password', [ForgotPasswordController::class, 'form'])->name('forgot-form');
77 77
78 //письмо на почту 78 //письмо на почту
79 Route::post('forgot-password', [ForgotPasswordController::class, 'mail'])->name('forgot-mail'); 79 Route::post('forgot-password', [ForgotPasswordController::class, 'mail'])->name('forgot-mail');
80 80
81 //форма восстановления пароля 81 //форма восстановления пароля
82 Route::get('reset-password/token/{token}/email/{email}', 82 Route::get('reset-password/token/{token}/email/{email}',
83 [ResetPasswordController::class, 'form'] 83 [ResetPasswordController::class, 'form']
84 )->name('reset-form'); 84 )->name('reset-form');
85 85
86 //восстановление пароля 86 //восстановление пароля
87 Route::post('reset-password', 87 Route::post('reset-password',
88 [ResetPasswordController::class, 'reset'] 88 [ResetPasswordController::class, 'reset']
89 )->name('reset-password'); 89 )->name('reset-password');
90 90
91 //сообщение о необходимости проверки адреса почты 91 //сообщение о необходимости проверки адреса почты
92 Route::get('verify-message', [VerifyEmailController::class, 'message'])->name('verify-message'); 92 Route::get('verify-message', [VerifyEmailController::class, 'message'])->name('verify-message');
93 93
94 //подтверждение адреса почты нового пользователя 94 //подтверждение адреса почты нового пользователя
95 Route::get('verify-email/token/{token}/id/{id}', [VerifyEmailController::class, 'verify']) 95 Route::get('verify-email/token/{token}/id/{id}', [VerifyEmailController::class, 'verify'])
96 ->where('token', '[a-f0-9]{32}') 96 ->where('token', '[a-f0-9]{32}')
97 ->where('id', '[0-9]+') 97 ->where('id', '[0-9]+')
98 ->name('verify-email'); 98 ->name('verify-email');
99 });*/ 99 });*/
100 100
101 //Личный кабинет пользователя 101 //Личный кабинет пользователя
102 Route::get('/home', [HomeController::class, 'index'])->name('home'); 102 Route::get('/home', [HomeController::class, 'index'])->name('home');
103 103
104 /* 104 /*
105 Route::post('resend/verification-email', function (\Illuminate\Http\Request $request) { 105 Route::post('resend/verification-email', function (\Illuminate\Http\Request $request) {
106 $user = User::where('email',$request->input('email'))->first(); 106 $user = User::where('email',$request->input('email'))->first();
107 107
108 $user->sendEmailVerificationNotification(); 108 $user->sendEmailVerificationNotification();
109 109
110 return 'your response'; 110 return 'your response';
111 })->middleware('throttle:6,1')->name('verification.resend'); 111 })->middleware('throttle:6,1')->name('verification.resend');
112 */ 112 */
113 113
114 // Авторизация, регистрация в админку 114 // Авторизация, регистрация в админку
115 Route::group([ 115 Route::group([
116 'as' => 'admin.', // имя маршрута, например auth.index 116 'as' => 'admin.', // имя маршрута, например auth.index
117 'prefix' => 'admin', // префикс маршрута, например auth/index 117 'prefix' => 'admin', // префикс маршрута, например auth/index
118 'middleware' => ['guest'], 118 'middleware' => ['guest'],
119 ], function () { 119 ], function () {
120 // Форма регистрации 120 // Форма регистрации
121 Route::get('register', [AdminController::class, 'register'])->name('register'); 121 Route::get('register', [AdminController::class, 'register'])->name('register');
122 // Создание пользователя 122 // Создание пользователя
123 Route::post('register', [AdminController::class, 'create'])->name('create'); 123 Route::post('register', [AdminController::class, 'create'])->name('create');
124 124
125 //Форма входа 125 //Форма входа
126 Route::get('login', [AdminController::class, 'login'])->name('login'); 126 Route::get('login', [AdminController::class, 'login'])->name('login');
127 127
128 // аутентификация 128 // аутентификация
129 Route::post('login', [AdminController::class, 'autenticate'])->name('auth'); 129 Route::post('login', [AdminController::class, 'autenticate'])->name('auth');
130 130
131 }); 131 });
132 132
133 // Личный кабинет админки 133 // Личный кабинет админки
134 Route::group([ 134 Route::group([
135 'as' => 'admin.', // имя маршрута, например auth.index 135 'as' => 'admin.', // имя маршрута, например auth.index
136 'prefix' => 'admin', // префикс маршрута, например auth/index 136 'prefix' => 'admin', // префикс маршрута, например auth/index
137 'middleware' => ['auth'], ['admin'], 137 'middleware' => ['auth'], ['admin'],
138 ], function() { 138 ], function() {
139 139
140 // выход 140 // выход
141 Route::get('logout', [AdminController::class, 'logout'])->name('logout'); 141 Route::get('logout', [AdminController::class, 'logout'])->name('logout');
142 142
143 // кабинет главная страница 143 // кабинет главная страница
144 Route::get('cabinet', [AdminController::class, 'index'])->name('index'); 144 Route::get('cabinet', [AdminController::class, 'index'])->name('index');
145 145
146 // кабинет профиль админа - форма 146 // кабинет профиль админа - форма
147 Route::get('profile', [AdminController::class, 'profile'])->name('profile'); 147 Route::get('profile', [AdminController::class, 'profile'])->name('profile');
148 // кабинет профиль админа - сохранение формы 148 // кабинет профиль админа - сохранение формы
149 Route::post('profile', [AdminController::class, 'store_profile'])->name('store_profile'); 149 Route::post('profile', [AdminController::class, 'store_profile'])->name('store_profile');
150 150
151 //кабинет сообщения админа 151 //кабинет сообщения админа
152 //Route::get('messages', [AdminController::class, 'profile'])->name('profile'); 152 //Route::get('messages', [AdminController::class, 'profile'])->name('profile');
153 153
154 154
155 // кабинет профиль - форма пароли 155 // кабинет профиль - форма пароли
156 Route::get('password', [AdminController::class, 'profile_password'])->name('password'); 156 Route::get('password', [AdminController::class, 'profile_password'])->name('password');
157 // кабинет профиль - сохранение формы пароля 157 // кабинет профиль - сохранение формы пароля
158 Route::post('password', [AdminController::class, 'profile_password_new'])->name('password'); 158 Route::post('password', [AdminController::class, 'profile_password_new'])->name('password');
159 159
160 160
161 // кабинет профиль пользователя - форма 161 // кабинет профиль пользователя - форма
162 Route::get('user-profile/{user}', [AdminController::class, 'profile_user'])->name('user-profile'); 162 Route::get('user-profile/{user}', [AdminController::class, 'profile_user'])->name('user-profile');
163 // кабинет профиль пользователя - сохранение формы 163 // кабинет профиль пользователя - сохранение формы
164 Route::post('user-profile/{user}', [AdminController::class, 'store_profile_user'])->name('user-store_profile'); 164 Route::post('user-profile/{user}', [AdminController::class, 'store_profile_user'])->name('user-store_profile');
165 165
166 // кабинет профиль работодатель - форма 166 // кабинет профиль работодатель - форма
167 Route::get('employer-profile/{employer}', [EmployersController::class, 'form_update_employer'])->name('employer-profile'); 167 Route::get('employer-profile/{employer}', [EmployersController::class, 'form_update_employer'])->name('employer-profile');
168 // кабинет профиль работодатель - сохранение формы 168 // кабинет профиль работодатель - сохранение формы
169 Route::post('employer-profile/{employer}', [EmployersController::class, 'update_employer'])->name('update-employer-profile'); 169 Route::post('employer-profile/{employer}', [EmployersController::class, 'update_employer'])->name('update-employer-profile');
170 // кабинет удаление профиль работодателя и юзера 170 // кабинет удаление профиль работодателя и юзера
171 Route::delete('employers/delete/{employer}/{user}', [EmployersController::class, 'delete_employer'])->name('delete-employer'); 171 Route::delete('employers/delete/{employer}/{user}', [EmployersController::class, 'delete_employer'])->name('delete-employer');
172 172
173 // кабинет профиль работник - форма 173 // кабинет профиль работник - форма
174 Route::get('worker-profile/add/{user}', [WorkersController::class, 'form_add_worker'])->name('worker-profile-add'); 174 Route::get('worker-profile/add/{user}', [WorkersController::class, 'form_add_worker'])->name('worker-profile-add');
175 Route::post('worker-profile/add/{user}', [WorkersController::class, 'form_store_worker'])->name('worker-profile-store'); 175 Route::post('worker-profile/add/{user}', [WorkersController::class, 'form_store_worker'])->name('worker-profile-store');
176 Route::get('worker-profile/{worker}', [WorkersController::class, 'form_edit_worker'])->name('worker-profile-edit'); 176 Route::get('worker-profile/{worker}', [WorkersController::class, 'form_edit_worker'])->name('worker-profile-edit');
177 // кабинет профиль работник - сохранение формы 177 // кабинет профиль работник - сохранение формы
178 Route::post('worker-profile/{worker}', [WorkersController::class, 'form_update_worker'])->name('worker-profile-update'); 178 Route::post('worker-profile/{worker}', [WorkersController::class, 'form_update_worker'])->name('worker-profile-update');
179 179
180 // Медиа 180 // Медиа
181 Route::get('media', [MediaController::class, 'index'])->name('media'); 181 Route::get('media', [MediaController::class, 'index'])->name('media');
182 Route::delete('media/{media}', [MediaController::class, 'delete'])->name('delete-media'); 182 Route::delete('media/{media}', [MediaController::class, 'delete'])->name('delete-media');
183 183
184 // кабинет настройки сайта - форма 184 // кабинет настройки сайта - форма
185 Route::get('config', [AdminController::class, 'config_form'])->name('config'); 185 Route::get('config', [AdminController::class, 'config_form'])->name('config');
186 // кабинет настройки сайта сохранение формы 186 // кабинет настройки сайта сохранение формы
187 Route::post('config', [AdminController::class, 'store_config'])->name('store_config'); 187 Route::post('config', [AdminController::class, 'store_config'])->name('store_config');
188 188
189 // кабинет - пользователи 189 // кабинет - пользователи
190 Route::get('users', [UsersController::class, 'index'])->name('users'); 190 Route::get('users', [UsersController::class, 'index'])->name('users');
191 191
192 // кабинет - пользователи 192 // кабинет - пользователи
193 Route::get('admin-users', [AdminController::class, 'index_admin'])->name('admin-users'); 193 Route::get('admin-users', [AdminController::class, 'index_admin'])->name('admin-users');
194 194
195 // кабинет - работодатели 195 // кабинет - работодатели
196 Route::get('employers', [EmployersController::class, 'index'])->name('employers'); 196 Route::get('employers', [EmployersController::class, 'index'])->name('employers');
197 197
198 Route::get('employers/comment/{employer}', [EmployersController::class, 'comment_read'])->name('comment-employer'); 198 Route::get('employers/comment/{employer}', [EmployersController::class, 'comment_read'])->name('comment-employer');
199 199
200 Route::get('flot/add/{employer}', [EmployersController::class, 'add_flot'])->name('flot_add'); 200 Route::get('flot/add/{employer}', [EmployersController::class, 'add_flot'])->name('flot_add');
201 Route::post('flot/add', [EmployersController::class, 'save_add_flot'])->name('flot_add_save'); 201 Route::post('flot/add', [EmployersController::class, 'save_add_flot'])->name('flot_add_save');
202 Route::get('flot/{flot}/{employer}', [EmployersController::class, 'edit_flot'])->name('flot'); 202 Route::get('flot/{flot}/{employer}', [EmployersController::class, 'edit_flot'])->name('flot');
203 Route::put('flot/{flot}', [EmployersController::class, 'edit_save_flot'])->name('flot_edit'); 203 Route::put('flot/{flot}', [EmployersController::class, 'edit_save_flot'])->name('flot_edit');
204 Route::get('flot/{flot}/{employer_id}/delete', [EmployersController::class, 'delete_flot'])->name('flot_delete'); 204 Route::get('flot/{flot}/{employer_id}/delete', [EmployersController::class, 'delete_flot'])->name('flot_delete');
205 205
206 // кабинет - соискатели 206 // кабинет - соискатели
207 Route::get('workers', [WorkersController::class, 'index'])->name('workers'); 207 Route::get('workers', [WorkersController::class, 'index'])->name('workers');
208 208
209 // кабинет - база данных 209 // кабинет - база данных
210 Route::get('basedata', [UsersController::class, 'index_bd'])->name('basedata'); 210 Route::get('basedata', [UsersController::class, 'index_bd'])->name('basedata');
211 Route::get('basedata/add', [UsersController::class, 'add_bd'])->name('add-basedata'); 211 Route::get('basedata/add', [UsersController::class, 'add_bd'])->name('add-basedata');
212 Route::post('basedata/add', [UsersController::class, 'add_store_bd'])->name('add-store-basedata'); 212 Route::post('basedata/add', [UsersController::class, 'add_store_bd'])->name('add-store-basedata');
213 Route::get('basedata/edit/{user}', [UsersController::class, 'edit_bd'])->name('edit-basedata'); 213 Route::get('basedata/edit/{user}', [UsersController::class, 'edit_bd'])->name('edit-basedata');
214 Route::put('basedata/edit/{user}', [UsersController::class, 'update_bd'])->name('update-basedata'); 214 Route::put('basedata/edit/{user}', [UsersController::class, 'update_bd'])->name('update-basedata');
215 Route::delete('basedata/delete/{user}', [UsersController::class, 'destroy_bd'])->name('delete-basedata'); 215 Route::delete('basedata/delete/{user}', [UsersController::class, 'destroy_bd'])->name('delete-basedata');
216 Route::get('basedata/doc/{user}', [UsersController::class, 'doc_bd'])->name('doc-basedata'); 216 Route::get('basedata/doc/{user}', [UsersController::class, 'doc_bd'])->name('doc-basedata');
217 217
218 // кабинет - вакансии 218 // кабинет - вакансии
219 Route::get('ad-employers', [Ad_EmployersController::class, 'index'])->name('ad-employers'); 219 Route::get('ad-employers', [Ad_EmployersController::class, 'index'])->name('ad-employers');
220 Route::get('ad-employers/add', [Ad_EmployersController::class, 'create'])->name('add-ad-employers'); 220 Route::get('ad-employers/add', [Ad_EmployersController::class, 'create'])->name('add-ad-employers');
221 Route::post('ad-employers/add', [Ad_EmployersController::class, 'store'])->name('store-ad-employers'); 221 Route::post('ad-employers/add', [Ad_EmployersController::class, 'store'])->name('store-ad-employers');
222 Route::get('ad-employers/edit/{ad_employer}', [Ad_EmployersController::class, 'edit'])->name('edit-ad-employers'); 222 Route::get('ad-employers/edit/{ad_employer}', [Ad_EmployersController::class, 'edit'])->name('edit-ad-employers');
223 Route::post('ad-employers/edit/{ad_employer}', [Ad_EmployersController::class, 'update'])->name('update-ad-employers'); 223 Route::post('ad-employers/edit/{ad_employer}', [Ad_EmployersController::class, 'update'])->name('update-ad-employers');
224 Route::delete('ad-employers/delete/{ad_employer}', [Ad_EmployersController::class, 'destroy'])->name('delete-ad-employer'); 224 Route::delete('ad-employers/delete/{ad_employer}', [Ad_EmployersController::class, 'destroy'])->name('delete-ad-employer');
225 225
226 // Редактирование должности в вакансии 226 // Редактирование должности в вакансии
227 Route::put('update-jobs/{ad_jobs}', [Ad_EmployersController::class, 'update_ad_jobs'])->name('update_jobs'); 227 Route::put('update-jobs/{ad_jobs}', [Ad_EmployersController::class, 'update_ad_jobs'])->name('update_jobs');
228 Route::get('edit-jobs/{ad_jobs}', [Ad_EmployersController::class, 'edit_jobs'])->name('edit_jobs'); 228 Route::get('edit-jobs/{ad_jobs}', [Ad_EmployersController::class, 'edit_jobs'])->name('edit_jobs');
229 229
230 230
231 // кабинет - категории 231 // кабинет - категории
232 //Route::get('categories', [AdminController::class, 'index'])->name('categories'); 232 //Route::get('categories', [AdminController::class, 'index'])->name('categories');
233 /* 233 /*
234 * CRUD-операции над Справочником Категории 234 * CRUD-операции над Справочником Категории
235 */ 235 */
236 Route::resource('categories', CategoryController::class, ['except' => ['show']]); 236 Route::resource('categories', CategoryController::class, ['except' => ['show']]);
237 237
238 // CRUD-операции над справочником Категории для работодателей 238 // CRUD-операции над справочником Категории для работодателей
239 Route::resource('category-emp', CategoryEmpController::class, ['except' => ['show']]); 239 Route::resource('category-emp', CategoryEmpController::class, ['except' => ['show']]);
240 240
241 // CRUD-операции над справочником Образование 241 // CRUD-операции над справочником Образование
242 Route::resource('education', EducationController::class, ['except' => ['show']]); 242 Route::resource('education', EducationController::class, ['except' => ['show']]);
243 243
244 Route::get('rename-program-education', [EducationController::class, 'rename_program'])->name('rename-program-education'); 244 Route::get('rename-program-education', [EducationController::class, 'rename_program'])->name('rename-program-education');
245 Route::get('program-education', [EducationController::class, 'add_program'])->name('add-program-education'); 245 Route::get('program-education', [EducationController::class, 'add_program'])->name('add-program-education');
246 Route::post('program-education', [EducationController::class, 'store_program'])->name('store-program-education'); 246 Route::post('program-education', [EducationController::class, 'store_program'])->name('store-program-education');
247 247
248 Route::get('program-education/edit/{program}/{education}', [EducationController::class, 'edit_program'])->name('edit-program-education'); 248 Route::get('program-education/edit/{program}/{education}', [EducationController::class, 'edit_program'])->name('edit-program-education');
249 Route::post('program-education/edit/{program}/{education}', [EducationController::class, 'update_program'])->name('update-program-education'); 249 Route::post('program-education/edit/{program}/{education}', [EducationController::class, 'update_program'])->name('update-program-education');
250 250
251 Route::get('program-education/delete/{program}/{education}', [EducationController::class, 'delete_program'])->name('delete-program-education'); 251 Route::get('program-education/delete/{program}/{education}', [EducationController::class, 'delete_program'])->name('delete-program-education');
252 252
253 //Route::get('job-titles', [AdminController::class, 'index'])->name('job-titles'); 253 //Route::get('job-titles', [AdminController::class, 'index'])->name('job-titles');
254 /* 254 /*
255 * кабинет - CRUD-операции по справочнику должности 255 * кабинет - CRUD-операции по справочнику должности
256 * 256 *
257 */ 257 */
258 Route::resource('job-titles', JobTitlesController::class, ['except' => ['show']]); 258 Route::resource('job-titles', JobTitlesController::class, ['except' => ['show']]);
259 259
260 // кабинет - сообщения (чтение чужих) 260 // кабинет - сообщения (чтение чужих)
261 Route::get('messages', [MsgAnswersController::class, 'messages'])->name('messages'); 261 Route::get('messages', [MsgAnswersController::class, 'messages'])->name('messages');
262 // кабинет - просмотр сообщения чужого (чтение) 262 // кабинет - просмотр сообщения чужого (чтение)
263 Route::get('messages/{message}', [MsgAnswersController::class, 'read_message'])->name('read-message'); 263 Route::get('messages/{message}', [MsgAnswersController::class, 'read_message'])->name('read-message');
264 264
265 // кабинет - сообщения (админские) 265 // кабинет - сообщения (админские)
266 Route::get('admin-messages', [MsgAnswersController::class, 'admin_messages'])->name('admin-messages'); 266 Route::get('admin-messages', [MsgAnswersController::class, 'admin_messages'])->name('admin-messages');
267 // кабинет - сообщения (админские) 267 // кабинет - сообщения (админские)
268 Route::post('admin-messages', [MsgAnswersController::class, 'admin_messages_post'])->name('admin-messages-post'); 268 Route::post('admin-messages', [MsgAnswersController::class, 'admin_messages_post'])->name('admin-messages-post');
269 // кабинет - sql - конструкция запросов 269 // кабинет - sql - конструкция запросов
270 Route::get('messages-sql', [MsgAnswersController::class, 'messages_sql'])->name('messages-sql'); 270 Route::get('messages-sql', [MsgAnswersController::class, 'messages_sql'])->name('messages-sql');
271 271
272 /* 272 /*
273 * Расписанный подход в описании каждой директорий групп пользователей. 273 * Расписанный подход в описании каждой директорий групп пользователей.
274 */ 274 */
275 // кабинет - группы пользователей 275 // кабинет - группы пользователей
276 Route::get('groups', [GroupsController::class, 'index'])->name('groups'); 276 Route::get('groups', [GroupsController::class, 'index'])->name('groups');
277 // кабинет - добавление форма группы пользователей 277 // кабинет - добавление форма группы пользователей
278 Route::get('groups/add', [GroupsController::class, 'add'])->name('add-group'); 278 Route::get('groups/add', [GroupsController::class, 'add'])->name('add-group');
279 // кабинет - сохранение формы группы пользователей 279 // кабинет - сохранение формы группы пользователей
280 Route::post('groups/add', [GroupsController::class, 'store'])->name('add-group-store'); 280 Route::post('groups/add', [GroupsController::class, 'store'])->name('add-group-store');
281 // кабинет - редактирование форма группы пользователей 281 // кабинет - редактирование форма группы пользователей
282 Route::get('groups/edit/{group}', [GroupsController::class, 'edit'])->name('edit-group'); 282 Route::get('groups/edit/{group}', [GroupsController::class, 'edit'])->name('edit-group');
283 // кабинет - сохранение редактированной формы группы пользователей 283 // кабинет - сохранение редактированной формы группы пользователей
284 Route::post('groups/edit/{group}', [GroupsController::class, 'update'])->name('update-group'); 284 Route::post('groups/edit/{group}', [GroupsController::class, 'update'])->name('update-group');
285 // кабинет - удаление группы пользователей 285 // кабинет - удаление группы пользователей
286 Route::delete('groups/delete/{group}', [GroupsController::class, 'destroy'])->name('delete-group'); 286 Route::delete('groups/delete/{group}', [GroupsController::class, 'destroy'])->name('delete-group');
287 287
288 288
289 // кабинет - список админов 289 // кабинет - список админов
290 Route::get('group-admin', [AdminController::class, 'index'])->name('group-admin'); 290 Route::get('group-admin', [AdminController::class, 'index'])->name('group-admin');
291 291
292 // справочник Позиции
293 Route::get('positions', [AdminController::class, 'position'])->name('position');
294 Route::get('positions/add', [AdminController::class, 'position_add'])->name('add-position');
295 Route::post('positions/add', [AdminController::class, 'position_add_save'])->name('add-save-position');
296 Route::get('positions/edit/{position}', [AdminController::class, 'position_edit'])->name('edit-position');
297 Route::post('position/edit/{position}', [AdminController::class, 'position_update'])->name('update-position');
298 Route::get('position/delete/{position}', [AdminController::class, 'position_delete'])->name('delete-position');
292 // справочник Позиции 299
293 Route::get('positions', [AdminController::class, 'position'])->name('position'); 300 /////редактор////// кабинет - редактор сайта////////////////////////
294 Route::get('positions/add', [AdminController::class, 'position_add'])->name('add-position'); 301 Route::get('editor-site', function() {
295 Route::post('positions/add', [AdminController::class, 'position_add_save'])->name('add-save-position'); 302 return view('admin.editor.index');
296 Route::get('positions/edit/{position}', [AdminController::class, 'position_edit'])->name('edit-position'); 303 })->name('editor-site');
297 Route::post('position/edit/{position}', [AdminController::class, 'position_update'])->name('update-position'); 304
298 Route::get('position/delete/{position}', [AdminController::class, 'position_delete'])->name('delete-position'); 305
299 306 // кабинет - редактор шапки-футера сайта
300 /////редактор////// кабинет - редактор сайта//////////////////////// 307 Route::get('edit-blocks', [CompanyController::class, 'editblocks'])->name('edit-blocks');
301 Route::get('editor-site', function() { 308 Route::get('edit-bloks/add', [CompanyController::class, 'editblock_add'])->name('add-block');
302 return view('admin.editor.index'); 309 Route::post('edit-bloks/add', [CompanyController::class, 'editblock_store'])->name('add-block-store');
303 })->name('editor-site'); 310 Route::get('edit-bloks/ajax', [CompanyController::class, 'editblock_ajax'])->name('ajax.block');
304 311 Route::get('edit-bloks/edit/{block}', [CompanyController::class, 'editblock_edit'])->name('edit-block');
305 312 Route::put('edit-bloks/edit/{block}', [CompanyController::class, 'editblock_update'])->name('update-block');
306 // кабинет - редактор шапки-футера сайта 313 Route::delete('edit-bloks/delete/{block}', [CompanyController::class, 'editblock_destroy'])->name('delete-block');
307 Route::get('edit-blocks', [CompanyController::class, 'editblocks'])->name('edit-blocks'); 314
308 Route::get('edit-bloks/add', [CompanyController::class, 'editblock_add'])->name('add-block'); 315
309 Route::post('edit-bloks/add', [CompanyController::class, 'editblock_store'])->name('add-block-store'); 316 // кабинет - редактор должности на главной
310 Route::get('edit-bloks/ajax', [CompanyController::class, 'editblock_ajax'])->name('ajax.block'); 317 Route::get('job-titles-main', [CompanyController::class, 'job_titles_main'])->name('job-titles-main');
311 Route::get('edit-bloks/edit/{block}', [CompanyController::class, 'editblock_edit'])->name('edit-block'); 318
312 Route::put('edit-bloks/edit/{block}', [CompanyController::class, 'editblock_update'])->name('update-block'); 319 // кабинет - редактор работодатели на главной
313 Route::delete('edit-bloks/delete/{block}', [CompanyController::class, 'editblock_destroy'])->name('delete-block'); 320 Route::get('employers-main', [CompanyController::class, 'employers_main'])->name('employers-main');
314 321
315 322
316 // кабинет - редактор должности на главной 323 // кабинет - редактор seo-сайта
317 Route::get('job-titles-main', [CompanyController::class, 'job_titles_main'])->name('job-titles-main'); 324 Route::get('editor-seo', [CompanyController::class, 'editor_seo'])->name('editor-seo');
318 325 Route::get('editor-seo/add', [CompanyController::class, 'editor_seo_add'])->name('add-seo');
319 // кабинет - редактор работодатели на главной 326 Route::post('editor-seo/add', [CompanyController::class, 'editor_seo_store'])->name('add-seo-store');
320 Route::get('employers-main', [CompanyController::class, 'employers_main'])->name('employers-main'); 327 Route::get('editor-seo/ajax', [CompanyController::class, 'editor_seo_ajax'])->name('ajax.seo');
321 328 Route::get('editor-seo/edit/{page}', [CompanyController::class, 'editor_seo_edit'])->name('edit-seo');
322 329 Route::put('editor-seo/edit/{page}', [CompanyController::class, 'editor_seo_update'])->name('update-seo');
323 // кабинет - редактор seo-сайта 330 Route::delete('editor-seo/delete/{page}', [CompanyController::class, 'editor_seo_destroy'])->name('delete-seo');
324 Route::get('editor-seo', [CompanyController::class, 'editor_seo'])->name('editor-seo'); 331
325 Route::get('editor-seo/add', [CompanyController::class, 'editor_seo_add'])->name('add-seo'); 332
326 Route::post('editor-seo/add', [CompanyController::class, 'editor_seo_store'])->name('add-seo-store'); 333 // кабинет - редактор страниц
327 Route::get('editor-seo/ajax', [CompanyController::class, 'editor_seo_ajax'])->name('ajax.seo'); 334 Route::get('editor-pages', [CompanyController::class, 'editor_pages'])->name('editor-pages');
328 Route::get('editor-seo/edit/{page}', [CompanyController::class, 'editor_seo_edit'])->name('edit-seo'); 335 // кабинет - добавление страницы
329 Route::put('editor-seo/edit/{page}', [CompanyController::class, 'editor_seo_update'])->name('update-seo'); 336 Route::get('editor-pages/add', [CompanyController::class, 'editor_pages_add'])->name('add-page');
330 Route::delete('editor-seo/delete/{page}', [CompanyController::class, 'editor_seo_destroy'])->name('delete-seo'); 337 // кабинет - сохранение формы страницы
331 338 Route::post('editor-page/add', [CompanyController::class, 'editor_pages_store'])->name('add-page-store');
332 339 // кабинет - редактирование форма страницы
333 // кабинет - редактор страниц 340 Route::get('editor-pages/edit/{page}', [CompanyController::class, 'editor_pages_edit'])->name('edit-page');
334 Route::get('editor-pages', [CompanyController::class, 'editor_pages'])->name('editor-pages'); 341 // кабинет - сохранение редактированной формы страницы
335 // кабинет - добавление страницы 342 Route::put('editor-pages/edit/{page}', [CompanyController::class, 'editor_pages_update'])->name('update-page');
336 Route::get('editor-pages/add', [CompanyController::class, 'editor_pages_add'])->name('add-page'); 343 // кабинет - удаление страницы
337 // кабинет - сохранение формы страницы 344 Route::delete('editor-pages/delete/{page}', [CompanyController::class, 'editor_pages_destroy'])->name('delete-page');
338 Route::post('editor-page/add', [CompanyController::class, 'editor_pages_store'])->name('add-page-store'); 345
339 // кабинет - редактирование форма страницы 346
340 Route::get('editor-pages/edit/{page}', [CompanyController::class, 'editor_pages_edit'])->name('edit-page'); 347 // кабинет - реклама сайта
341 // кабинет - сохранение редактированной формы страницы 348 Route::get('reclames', [CompanyController::class, 'reclames'])->name('reclames');
342 Route::put('editor-pages/edit/{page}', [CompanyController::class, 'editor_pages_update'])->name('update-page'); 349 Route::get('reclames/add', [CompanyController::class, 'reclames_add'])->name('add-reclames');
343 // кабинет - удаление страницы 350 Route::post('reclames/add', [CompanyController::class, 'reclames_store'])->name('add-reclames-store');
344 Route::delete('editor-pages/delete/{page}', [CompanyController::class, 'editor_pages_destroy'])->name('delete-page'); 351 Route::get('reclames/edit/{reclame}', [CompanyController::class, 'reclames_edit'])->name('edit-reclames');
345 352 Route::put('reclames/edit/{reclame}', [CompanyController::class, 'reclames_update'])->name('update-reclames');
346 353 Route::delete('reclames/delete/{reclame}', [CompanyController::class, 'reclames_destroy'])->name('delete-reclames');
347 // кабинет - реклама сайта 354 ////////////////////////////////////////////////////////////////////////
348 Route::get('reclames', [CompanyController::class, 'reclames'])->name('reclames'); 355
349 Route::get('reclames/add', [CompanyController::class, 'reclames_add'])->name('add-reclames'); 356
350 Route::post('reclames/add', [CompanyController::class, 'reclames_store'])->name('add-reclames-store'); 357 // кабинет - отзывы о работодателе для модерации
351 Route::get('reclames/edit/{reclame}', [CompanyController::class, 'reclames_edit'])->name('edit-reclames'); 358 Route::get('answers', [EmployersController::class, 'answers'])->name('answers');
352 Route::put('reclames/edit/{reclame}', [CompanyController::class, 'reclames_update'])->name('update-reclames'); 359
353 Route::delete('reclames/delete/{reclame}', [CompanyController::class, 'reclames_destroy'])->name('delete-reclames'); 360 // Общая страница статистики
354 //////////////////////////////////////////////////////////////////////// 361 Route::get('statics', function () {
355 362 return view('admin.static.index');
356 363 })->name('statics');
357 // кабинет - отзывы о работодателе для модерации 364
358 Route::get('answers', [EmployersController::class, 'answers'])->name('answers'); 365 // кабинет - статистика работников
359 366 Route::get('static-workers', [WorkersController::class, 'static_workers'])->name('static-workers');
360 // Общая страница статистики 367
361 Route::get('statics', function () { 368 // кабинет - статистика вакансий работодателя
362 return view('admin.static.index'); 369 Route::get('static-ads', [EmployersController::class, 'static_ads'])->name('static-ads');
363 })->name('statics'); 370
364 371 // кабинет - справочник - блоки информации (дипломы и документы) для резюме работника
365 // кабинет - статистика работников 372 /*
366 Route::get('static-workers', [WorkersController::class, 'static_workers'])->name('static-workers'); 373 * CRUD-операции над справочником дипломы и документы
367 374 */
368 // кабинет - статистика вакансий работодателя 375 //Route::get('infobloks', [WorkersController::class, 'infobloks'])->name('infobloks');
369 Route::get('static-ads', [EmployersController::class, 'static_ads'])->name('static-ads'); 376 Route::resource('infobloks', InfoBloksController::class, ['except' => ['show']]);
370 377
371 // кабинет - справочник - блоки информации (дипломы и документы) для резюме работника 378 // кабинет - роли пользователя
372 /* 379 Route::get('roles', [UsersController::class, 'roles'])->name('roles');
373 * CRUD-операции над справочником дипломы и документы 380
374 */ 381 Route::get('admin_roles', [UsersController::class, 'admin_roles'])->name('admin_roles');
375 //Route::get('infobloks', [WorkersController::class, 'infobloks'])->name('infobloks'); 382
376 Route::resource('infobloks', InfoBloksController::class, ['except' => ['show']]); 383 Route::get('logs', function() {
377 384 $files = Storage::files('logs/laravel.log');
378 // кабинет - роли пользователя 385 })->name('logs');
379 Route::get('roles', [UsersController::class, 'roles'])->name('roles'); 386 });
380 387
381 Route::get('admin_roles', [UsersController::class, 'admin_roles'])->name('admin_roles'); 388 // Инструментальные страницы
382 389 Route::post('ckeditor/upload', [CKEditorController::class, 'upload'])->name('ckeditor.image-upload');
383 Route::get('logs', function() { 390
384 $files = Storage::files('logs/laravel.log'); 391 Route::get('redis/', [PagesController::class, 'redis'])->name('redis');
385 })->name('logs'); 392
386 }); 393 Route::get('excel/', [PagesController::class, 'excel'])->name('excel');
387 394
388 // Инструментальные страницы 395 // Страницы с произвольным контентом
389 Route::post('ckeditor/upload', [CKEditorController::class, 'upload'])->name('ckeditor.image-upload'); 396 Route::get('pages/{pages:slug}', [PagesController::class, 'pages'])->name('page');
390 397
391 Route::get('redis/', [PagesController::class, 'redis'])->name('redis'); 398 // Публичные страницы соискателя
392 399 Route::get('workers/profile/{worker}', [WorkerController::class, 'profile'])->name('worker_page');
393 Route::get('excel/', [PagesController::class, 'excel'])->name('excel'); 400
394 401 //Страница вакансии
395 // Страницы с произвольным контентом 402 Route::get('employer/ad/{ad_employer}', [AdEmployerController::class, 'ad_employer'])->name('ad-employer');
396 Route::get('pages/{pages:slug}', [PagesController::class, 'pages'])->name('page'); 403
397 404 //Вакансии
398 // Публичные страницы соискателя 405 Route::get('vacancies', [MainController::class, 'vacancies'])->name('vacancies');
399 Route::get('workers/profile/{worker}', [WorkerController::class, 'profile'])->name('worker_page'); 406
400 407 //Вакансии поиск на главной
401 //Страница вакансии 408 Route::get('search-vacancies', [MainController::class, 'search_vacancies'])->name('search_vacancies');
402 Route::get('employer/ad/{ad_employer}', [AdEmployerController::class, 'ad_employer'])->name('ad-employer'); 409
403 410 //Вакансии категория детальная
404 //Вакансии 411 Route::get('list-vacancies/{categories?}', [MainController::class, 'list_vacancies'])->name('list-vacancies');
405 Route::get('vacancies', [MainController::class, 'vacancies'])->name('vacancies'); 412
406 413 // Лайк вакансии
407 //Вакансии поиск на главной 414 Route::get('like-vacancy', [MainController::class, 'like_vacancy'])->name('like-vacancy');
408 Route::get('search-vacancies', [MainController::class, 'search_vacancies'])->name('search_vacancies'); 415
409 416 //Детальная страница вакансии - работодателя
410 //Вакансии категория детальная 417 Route::get('vacancie/{vacancy}', [FrontEmployersController::class, 'vacancie'])->name('vacancie');
411 Route::get('list-vacancies/{categories?}', [MainController::class, 'list_vacancies'])->name('list-vacancies'); 418
412 419 //Судоходные компании
413 // Лайк вакансии 420 Route::get('shipping-companies', [FrontCompanyController::class, 'shipping_companies'])->name('shipping_companies');
414 Route::get('like-vacancy', [MainController::class, 'like_vacancy'])->name('like-vacancy'); 421
415 422 //Детальная инфа о компании
416 //Детальная страница вакансии - работодателя 423 Route::get('info-company/{company}', [FrontCompanyController::class, 'info_company'])->name('info_company');
417 Route::get('vacancie/{vacancy}', [FrontEmployersController::class, 'vacancie'])->name('vacancie'); 424
418 425 //Образование
419 //Судоходные компании 426 Route::get('education', [MainController::class, 'education'])->name('education');
420 Route::get('shipping-companies', [FrontCompanyController::class, 'shipping_companies'])->name('shipping_companies'); 427
421 428 //Новости
422 //Детальная инфа о компании 429 Route::get('news', [MainController::class, 'news'])->name('news');
423 Route::get('info-company/{company}', [FrontCompanyController::class, 'info_company'])->name('info_company'); 430 Route::get('detail-new/{new}', [MainController::class, 'detail_new'])->name('detail_new');
424 431
425 //Образование 432 //Контакты
426 Route::get('education', [MainController::class, 'education'])->name('education'); 433 Route::get('contacts', [MainController::class, 'contacts'])->name('contacts');
427 434
428 //Новости 435 //База резюме
429 Route::get('news', [MainController::class, 'news'])->name('news'); 436 Route::get('bd-resume', [WorkerController::class, 'bd_resume'])->name('bd_resume');
430 Route::get('detail-new/{new}', [MainController::class, 'detail_new'])->name('detail_new'); 437
431 438 Route::get('like-resume', [MainController::class, 'like_worker'])->name('like_resume');
432 //Контакты 439
433 Route::get('contacts', [MainController::class, 'contacts'])->name('contacts'); 440 //Анкета соискателя
434 441 Route::get('resume-profile/{worker}', [WorkerController::class, 'resume_profile'])->name('resume_profile');
435 //База резюме 442
436 Route::get('bd-resume', [WorkerController::class, 'bd_resume'])->name('bd_resume'); 443 //Скачать резюме
437 444 Route::get('resume-download/{worker}', [WorkerController::class, 'resume_download'])->name('resume_download');
438 Route::get('like-resume', [MainController::class, 'like_worker'])->name('like_resume'); 445
439 446 //Вход в кабинет
440 //Анкета соискателя 447 Route::get('login', [MainController::class, 'input_login'])->name('login');
441 Route::get('resume-profile/{worker}', [WorkerController::class, 'resume_profile'])->name('resume_profile'); 448
442 449 // Выход из кабинета
443 //Скачать резюме 450 Route::get('logout', [EmployerController::class, 'logout'])->name('logout');
444 Route::get('resume-download/{worker}', [WorkerController::class, 'resume_download'])->name('resume_download'); 451
445 452 Route::get( 'register_worker', [WorkerController::class, 'register_worker'])->name('register_worker');
446 //Вход в кабинет 453 Route::get('register_employer', [EmployerController::class, 'register_employer'])->name('register_employer');
447 Route::get('login', [MainController::class, 'input_login'])->name('login'); 454
448 455 //восстановление пароля
449 // Выход из кабинета 456 Route::get('repair-password', [MainController::class, 'repair_password'])->name('repair_password');
450 Route::get('logout', [EmployerController::class, 'logout'])->name('logout'); 457 // Звезда сообщения
451 458 Route::post('stars-answer', [WorkerController::class, 'stars_answer'])->name('stars_answer');
452 Route::get( 'register_worker', [WorkerController::class, 'register_worker'])->name('register_worker'); 459
453 Route::get('register_employer', [EmployerController::class, 'register_employer'])->name('register_employer'); 460 // Борьба
454 461 Route::get('clear_cookie', function() {
455 //восстановление пароля 462 \App\Classes\Cookies_vacancy::clear_vacancy();
456 Route::get('repair-password', [MainController::class, 'repair_password'])->name('repair_password'); 463 return redirect()->route('index');
457 // Звезда сообщения 464 })->name('clear_cookie');
458 Route::post('stars-answer', [WorkerController::class, 'stars_answer'])->name('stars_answer'); 465
459 466 Route::get('cookies', function() {
460 // Борьба 467 return view('cookies');
461 Route::get('clear_cookie', function() { 468 })->name('cookies');
462 \App\Classes\Cookies_vacancy::clear_vacancy(); 469
463 return redirect()->route('index'); 470
464 })->name('clear_cookie'); 471
465 472
466 Route::get('cookies', function() { 473 // Личный кабинет работник
467 return view('cookies'); 474 Route::group([
468 })->name('cookies'); 475 'as' => 'worker.', // имя маршрута, например auth.index
469 476 'prefix' => 'worker', // префикс маршрута, например auth/index
470 477 'middleware' => ['auth'], ['is_worker'],
471 478 ], function() {
472 479 // 1 страница - Моя анкета
473 // Личный кабинет работник 480 Route::get('cabinet', [WorkerController::class, 'cabinet'])->name('cabinet');
474 Route::group([ 481 Route::post('cabinet/{worker}', [WorkerController::class, 'cabinet_save'])->name('cabinet_save');
475 'as' => 'worker.', // имя маршрута, например auth.index 482
476 'prefix' => 'worker', // префикс маршрута, например auth/index 483 // 2 страница - Сообщения
477 'middleware' => ['auth'], ['is_worker'], 484 Route::get('cabinet/messages/{type_message}', [WorkerController::class, 'messages'])->name('messages');
478 ], function() { 485 Route::get('cabinet/dialog/{user1}/{user2}', [WorkerController::class, 'dialog'])->name('dialog');
479 // 1 страница - Моя анкета 486 // 3 страница - Избранные вакансии
480 Route::get('cabinet', [WorkerController::class, 'cabinet'])->name('cabinet'); 487 Route::get('cabinet/favorite', [WorkerController::class, 'favorite'])->name('favorite');
481 Route::post('cabinet/{worker}', [WorkerController::class, 'cabinet_save'])->name('cabinet_save'); 488 // Продолжение борьбы против колорадов - избранные вакансии
482 489 Route::get('кабинет/favorite', [WorkerController::class, 'colorado'])->name('colorado');
483 // 2 страница - Сообщения 490
484 Route::get('cabinet/messages/{type_message}', [WorkerController::class, 'messages'])->name('messages'); 491 // 4 страница - Сменить пароль
485 Route::get('cabinet/dialog/{user1}/{user2}', [WorkerController::class, 'dialog'])->name('dialog'); 492 Route::get('кабинет/new_password', [WorkerController::class, 'new_password'])->name('new_password');
486 // 3 страница - Избранные вакансии 493 Route::post('кабинет/new_password/save', [WorkerController::class, 'save_new_password'])->name('save_new_password');
487 Route::get('cabinet/favorite', [WorkerController::class, 'favorite'])->name('favorite'); 494
488 // Продолжение борьбы против колорадов - избранные вакансии 495 // 5 страница - Удалить профиль
489 Route::get('кабинет/favorite', [WorkerController::class, 'colorado'])->name('colorado'); 496 Route::get('кабинет/delete_profile', [WorkerController::class, 'delete_profile'])->name('delete_profile');
490 497 Route::post('кабинет/delete_profile/delete', [WorkerController::class, 'delete_profile_result'])->name('deleteprofile_result');
491 // 4 страница - Сменить пароль 498
492 Route::get('кабинет/new_password', [WorkerController::class, 'new_password'])->name('new_password'); 499 // Резюме -pdf
493 Route::post('кабинет/new_password/save', [WorkerController::class, 'save_new_password'])->name('save_new_password'); 500 Route::get('кабинет/download/{worker}', [WorkerController::class, 'download'])->name('download');
494 501
495 // 5 страница - Удалить профиль 502 // Поднятие анкеты
496 Route::get('кабинет/delete_profile', [WorkerController::class, 'delete_profile'])->name('delete_profile'); 503 Route::get('кабинет/up/{worker}', [WorkerController::class, 'up'])->name('up');
497 Route::post('кабинет/delete_profile/delete', [WorkerController::class, 'delete_profile_result'])->name('deleteprofile_result'); 504
498 505 // Добавление сертификата
499 // Резюме -pdf 506 Route::get('кабинет/add_sertificate', [WorkerController::class, 'add_serificate'])->name('add_serificate');
500 Route::get('кабинет/download/{worker}', [WorkerController::class, 'download'])->name('download'); 507 Route::get('кабинет/delete_sertificate/{doc}', [WorkerController::class, 'delete_sertificate'])->name('delete_sertificate');
501 508
502 // Поднятие анкеты 509 // Добавление документа-диплома
503 Route::get('кабинет/up/{worker}', [WorkerController::class, 'up'])->name('up'); 510 Route::get('кабинет/add_diplom/{worker}', [WorkerController::class, 'add_diplom'])->name('add_diplom');
504 511 Route::post('кабинет/add_diplom', [WorkerController::class, 'add_diplom_save'])->name('dop_info_save');
505 // Добавление сертификата 512
506 Route::get('кабинет/add_sertificate', [WorkerController::class, 'add_serificate'])->name('add_serificate'); 513 // Добавление стандартного диплома
507 Route::get('кабинет/delete_sertificate/{doc}', [WorkerController::class, 'delete_sertificate'])->name('delete_sertificate'); 514 Route::get('кабинет/add_document/{worker}', [WorkerController::class, 'add_document'])->name('add_document');
508 515 Route::post('кабинет/add_document/', [WorkerController::class, 'add_document_save'])->name('add_document_save');
509 // Добавление документа-диплома 516 Route::get('кабинет/edit_document/{doc}/{worker}', [WorkerController::class, 'edit_document'])->name('edit_document');
510 Route::get('кабинет/add_diplom/{worker}', [WorkerController::class, 'add_diplom'])->name('add_diplom'); 517 Route::post('кабинет/edit_document/{doc}', [WorkerController::class, 'edit_document_save'])->name('edit_document_save');
511 Route::post('кабинет/add_diplom', [WorkerController::class, 'add_diplom_save'])->name('dop_info_save'); 518 Route::get('кабинет/delete_document/{doc}', [WorkerController::class, 'delete_document'])->name('delete_document');
512 519
513 // Добавление стандартного диплома 520 // Отправка сообщения работодателю от соискателя
514 Route::get('кабинет/add_document/{worker}', [WorkerController::class, 'add_document'])->name('add_document'); 521 Route::post('сообщение/', [WorkerController::class, 'new_message'])->name('new_message');
515 Route::post('кабинет/add_document/', [WorkerController::class, 'add_document_save'])->name('add_document_save'); 522 });
516 Route::get('кабинет/edit_document/{doc}/{worker}', [WorkerController::class, 'edit_document'])->name('edit_document'); 523
517 Route::post('кабинет/edit_document/{doc}', [WorkerController::class, 'edit_document_save'])->name('edit_document_save'); 524 // Личный кабинет работодателя
518 Route::get('кабинет/delete_document/{doc}', [WorkerController::class, 'delete_document'])->name('delete_document'); 525 Route::group([
519 526 'as' => 'employer.', // имя маршрута, например auth.index
520 // Отправка сообщения работодателю от соискателя 527 'prefix' => 'employer', // префикс маршрута, например auth/index
521 Route::post('сообщение/', [WorkerController::class, 'new_message'])->name('new_message'); 528 'middleware' => ['auth'], !['is_worker'],
522 }); 529 ], function() {
523 530 // 1 страница - Профиль
524 // Личный кабинет работодателя 531 Route::get('cabinet', [EmployerController::class, 'cabinet'])->name('cabinet');
525 Route::group([ 532 Route::post('cabinet/{Employer}', [EmployerController::class, 'cabinet_save'])->name('cabinet_save');
526 'as' => 'employer.', // имя маршрута, например auth.index 533 Route::post('flot_add_ajax', [EmployerController::class, 'save_add_flot'])->name('save_add_flot');
527 'prefix' => 'employer', // префикс маршрута, например auth/index 534 Route::get('flot_delete_ajax/{Flot}', [EmployerController::class, 'delete_flot'])->name('delete_flot');
528 'middleware' => ['auth'], !['is_worker'], 535
529 ], function() { 536 // 2 страница - Добавление вакансий
530 // 1 страница - Профиль 537 Route::get('cabinet/vacancie', [EmployerController::class, 'cabinet_vacancie'])->name('cabinet_vacancie');
531 Route::get('cabinet', [EmployerController::class, 'cabinet'])->name('cabinet'); 538 Route::post('cabinet/vacancie', [EmployerController::class, 'cabinet_vacancy_save'])->name('vacancy_save');
532 Route::post('cabinet/{Employer}', [EmployerController::class, 'cabinet_save'])->name('cabinet_save'); 539 Route::post('vacancie', [EmployerController::class, 'cabinet_vacancy_save1'])->name('vac_save');
533 Route::post('flot_add_ajax', [EmployerController::class, 'save_add_flot'])->name('save_add_flot'); 540
534 Route::get('flot_delete_ajax/{Flot}', [EmployerController::class, 'delete_flot'])->name('delete_flot'); 541 // 3 страница - Мои вакансии
535 542 Route::get('cabinet/vacancy_list', [EmployerController::class, 'vacancy_list'])->name('vacancy_list');
536 // 2 страница - Добавление вакансий 543 Route::get('cabinet/vacancy/{ad_employer}', [EmployerController::class, 'vacancy_edit'])->name('vacancy_edit');
537 Route::get('cabinet/vacancie', [EmployerController::class, 'cabinet_vacancie'])->name('cabinet_vacancie'); 544 Route::get('cabinet/vacancy-delete/{ad_employer}', [EmployerController::class, 'vacancy_delete'])->name('vacancy_delete');
538 Route::post('cabinet/vacancie', [EmployerController::class, 'cabinet_vacancy_save'])->name('vacancy_save'); 545 Route::get('cabinet/vacancy-up/{ad_employer}', [EmployerController::class, 'vacancy_up'])->name('vacancy_up');
539 Route::post('vacancie', [EmployerController::class, 'cabinet_vacancy_save1'])->name('vac_save'); 546 Route::get('cabinet/vacancy-eye/{ad_employer}/{status}', [EmployerController::class, 'vacancy_eye'])->name('vacancy_eye');
540 547 Route::get('cabinet/vacancy-edit/{ad_employer}', [EmployerController::class, 'vacancy_edit'])->name('vacancy_edit');
541 // 3 страница - Мои вакансии 548 Route::post('cabinet/vacancy-edit/{ad_employer}/', [EmployerController::class, 'vacancy_save_me'])->name('vacancy_save_me');
542 Route::get('cabinet/vacancy_list', [EmployerController::class, 'vacancy_list'])->name('vacancy_list'); 549
543 Route::get('cabinet/vacancy/{ad_employer}', [EmployerController::class, 'vacancy_edit'])->name('vacancy_edit'); 550 // 4 страница - Отклики на вакансии
544 Route::get('cabinet/vacancy-delete/{ad_employer}', [EmployerController::class, 'vacancy_delete'])->name('vacancy_delete'); 551 Route::get('cabinet/answers/{employer}', [EmployerController::class, 'answers'])->name('answers');
545 Route::get('cabinet/vacancy-up/{ad_employer}', [EmployerController::class, 'vacancy_up'])->name('vacancy_up'); 552 Route::get('cabinet/status/{employer}', [EmployerController::class, 'supple_status2'])->name('supple');
546 Route::get('cabinet/vacancy-eye/{ad_employer}/{status}', [EmployerController::class, 'vacancy_eye'])->name('vacancy_eye'); 553 Route::get('status/{employer}/{ad_response}/{flag}', [EmployerController::class, 'supple_status'])->name('status_msg');
547 Route::get('cabinet/vacancy-edit/{ad_employer}', [EmployerController::class, 'vacancy_edit'])->name('vacancy_edit'); 554
548 Route::post('cabinet/vacancy-edit/{ad_employer}/', [EmployerController::class, 'vacancy_save_me'])->name('vacancy_save_me'); 555 // 5 страница - Сообщения
549 556 Route::get('cabinet/messages/{type_message}', [EmployerController::class, 'messages'])->name('messages');
550 // 4 страница - Отклики на вакансии 557 Route::get('cabinet/dialog/{user1}/{user2}', [EmployerController::class, 'dialog'])->name('dialog');
551 Route::get('cabinet/answers/{employer}', [EmployerController::class, 'answers'])->name('answers'); 558 Route::post('cabinet/send-message', [EmployerController::class, 'send_message'])->name('send_message');
552 Route::get('cabinet/status/{employer}', [EmployerController::class, 'supple_status2'])->name('supple'); 559 Route::post('test123', [EmployerController::class, 'test123'])->name('test123');
553 Route::get('status/{employer}/{ad_response}/{flag}', [EmployerController::class, 'supple_status'])->name('status_msg'); 560
554 561 // 6 страница - Избранный
555 // 5 страница - Сообщения 562 Route::get('cabinet/favorites', [EmployerController::class, 'favorites'])->name('favorites');
556 Route::get('cabinet/messages/{type_message}', [EmployerController::class, 'messages'])->name('messages'); 563
557 Route::get('cabinet/dialog/{user1}/{user2}', [EmployerController::class, 'dialog'])->name('dialog'); 564 //7 страница - База данных
558 Route::post('cabinet/send-message', [EmployerController::class, 'send_message'])->name('send_message'); 565 Route::get('cabinet/bd', [EmployerController::class, 'bd'])->name('bd');
559 Route::post('test123', [EmployerController::class, 'test123'])->name('test123'); 566
560 567 //8 страница - База резюме
561 // 6 страница - Избранный 568 Route::get('cabinet/bd-tupe', [EmployerController::class, 'bd_tupe'])->name('bd-tupe');
562 Route::get('cabinet/favorites', [EmployerController::class, 'favorites'])->name('favorites'); 569
563 570 // 9 рассылка сообщений
564 //7 страница - База данных 571 Route::get('cabinet/send-all-messages', [EmployerController::class, 'send_all_messages'])->name('send_all_messages');
565 Route::get('cabinet/bd', [EmployerController::class, 'bd'])->name('bd'); 572 Route::post('cabinet/send-all-messages/send', [EmployerController::class, 'send_all_post'])->name('send_all_post');
566 573
567 //8 страница - База резюме 574 // 10 страница FAQ вопросы
568 Route::get('cabinet/bd-tupe', [EmployerController::class, 'bd_tupe'])->name('bd-tupe'); 575 Route::get('cabinet/faq', [EmployerController::class, 'faq'])->name('faq');
569 576
570 // 9 рассылка сообщений 577 // 11 страница - Настройка уведомлений
571 Route::get('cabinet/send-all-messages', [EmployerController::class, 'send_all_messages'])->name('send_all_messages'); 578 Route::get('cabinet/subscribe', [EmployerController::class, 'subscribe'])->name('subscribe');
572 Route::post('cabinet/send-all-messages/send', [EmployerController::class, 'send_all_post'])->name('send_all_post'); 579 Route::get('cabinet/subscribe/save', [EmployerController::class, 'save_subscribe'])->name('save_subscribe');
573 580
574 // 10 страница FAQ вопросы 581 // 12 страница - Сменить пароль
575 Route::get('cabinet/faq', [EmployerController::class, 'faq'])->name('faq'); 582 Route::get('cabinet/password-reset', [EmployerController::class, 'password_reset'])->name('password_reset');
576 583 Route::get('cabinet/password-reset/new', [EmployerController::class, 'new_password'])->name('new_password');
577 // 11 страница - Настройка уведомлений 584
578 Route::get('cabinet/subscribe', [EmployerController::class, 'subscribe'])->name('subscribe'); 585 // 13 страница - Удаление профиля
579 Route::get('cabinet/subscribe/save', [EmployerController::class, 'save_subscribe'])->name('save_subscribe'); 586 Route::get('cabinet/delete-people', [EmployerController::class, 'delete_people'])->name('delete_people');
580 587 Route::get('cabinet/action-delete-people', [EmployerController::class, 'action_delete_user'])->name('action_delete_user');
581 // 12 страница - Сменить пароль 588 Route::get('cabinet/action-ajax-delete-people', [EmployerController::class, 'ajax_delete_user'])->name('ajax_delete_user');
582 Route::get('cabinet/password-reset', [EmployerController::class, 'password_reset'])->name('password_reset'); 589
583 Route::get('cabinet/password-reset/new', [EmployerController::class, 'new_password'])->name('new_password'); 590 // Отправил сообщение
584 591 Route::post('сообщение/', [EmployerController::class, 'new_message'])->name('new_message');
585 // 13 страница - Удаление профиля 592 });
586 Route::get('cabinet/delete-people', [EmployerController::class, 'delete_people'])->name('delete_people'); 593
587 Route::get('cabinet/action-delete-people', [EmployerController::class, 'action_delete_user'])->name('action_delete_user'); 594
588 Route::get('cabinet/action-ajax-delete-people', [EmployerController::class, 'ajax_delete_user'])->name('ajax_delete_user'); 595