Андрей Ларионов / rekamore.su

Download as
Browse Code »

Commit 3b5284e1adc486bf90f93af11e7cfe5413081a0a

Authored by Андрей Ларионов
2 parents 46df2bfd59 f98ccb92ca
Exists in master

uncommited files

Showing 34 changed files Inline Diff

app/Http/Controllers/Admin/MsgAnswersController.php
Diff comments   View file @ 3b5284e
1 <?php 1 <?php
2 2
3 namespace App\Http\Controllers\Admin; 3 namespace App\Http\Controllers\Admin;
4 4
5 use App\Http\Controllers\Controller; 5 use App\Http\Controllers\Controller;
6 use App\Models\Message; 6 use App\Models\Message;
7 use App\Models\MessagesRequests;
7 use App\Models\User; 8 use App\Models\User;
8 use Illuminate\Database\Eloquent\Builder; 9 use Illuminate\Database\Eloquent\Builder;
9 use Illuminate\Http\Request; 10 use Illuminate\Http\Request;
10 use Illuminate\Support\Facades\Auth; 11 use Illuminate\Support\Facades\Auth;
11 use Illuminate\Support\Facades\DB; 12 use Illuminate\Support\Facades\DB;
12 use Illuminate\Support\Facades\Validator; 13 use Illuminate\Support\Facades\Validator;
13 14
14 class MsgAnswersController extends Controller 15 class MsgAnswersController extends Controller
15 { 16 {
16 public function messages(Request $request) { 17 public function messages(Request $request) {
17 $find_key = ""; 18 $find_key = "";
18 $find_cat = ""; 19 $find_cat = "";
19 $Msgs = Message::with('user_from')->with('user_to'); //->with('response'); 20 $Msgs = Message::with('user_from')->with('user_to'); //->with('response');
20 21
21 $Msgs = $this->filter($Msgs, $request, $find_key, $find_cat); 22 $Msgs = $this->filter($Msgs, $request, $find_key, $find_cat);
22 23
23 $Msgs = $Msgs->orderByDesc('created_at')->paginate(25); 24 $Msgs = $Msgs->orderByDesc('created_at')->paginate(25);
24 25
25 return view('admin.messages', compact('Msgs', 'find_key', 'find_cat')); 26 return view('admin.messages', compact('Msgs', 'find_key', 'find_cat'));
26 } 27 }
27 28
28 public function read_message(Message $message) { 29 public function read_message(Message $message) {
29 return view('admin.message-read', compact('message')); 30 return view('admin.message-read', compact('message'));
30 } 31 }
31 32
32 public function filter($Msgs, Request $request, &$find_key, &$find_cat) { 33 public function filter($Msgs, Request $request, &$find_key, &$find_cat) {
33 if (isset($request->find)) { 34 if (isset($request->find)) {
34 $find_key = $request->find; 35 $find_key = $request->find;
35 $Msgs = $Msgs->where(function($q) use ($find_key) { 36 $Msgs = $Msgs->where(function($q) use ($find_key) {
36 $q->whereHas('user_from', 37 $q->whereHas('user_from',
37 function (Builder $query) use ($find_key) { 38 function (Builder $query) use ($find_key) {
38 $query->where('name', 'LIKE', "%$find_key%"); 39 $query->where('name', 'LIKE', "%$find_key%");
39 } 40 }
40 )-> 41 )->
41 orWhereHas('user_to', 42 orWhereHas('user_to',
42 function (Builder $query) use ($find_key) { 43 function (Builder $query) use ($find_key) {
43 $query->where('name', 'LIKE', "%$find_key%"); 44 $query->where('name', 'LIKE', "%$find_key%");
44 } 45 }
45 ); 46 );
46 }); 47 });
47 } 48 }
48 49
49 if (isset($request->category)) { 50 if (isset($request->category)) {
50 $find_cat = $request->category; 51 $find_cat = $request->category;
51 52
52 switch ($find_cat) { 53 switch ($find_cat) {
53 case 'Работодатели': 54 case 'Работодатели':
54 $Msgs = $Msgs->where(function($q) { 55 $Msgs = $Msgs->where(function($q) {
55 $q->whereHas('user_to', 56 $q->whereHas('user_to',
56 function (Builder $query) { 57 function (Builder $query) {
57 $query->where('is_worker', '0'); 58 $query->where('is_worker', '0');
58 } 59 }
59 )->orwhereHas('user_from', 60 )->orwhereHas('user_from',
60 function (Builder $query) { 61 function (Builder $query) {
61 $query->where('is_worker', '0'); 62 $query->where('is_worker', '0');
62 } 63 }
63 ); 64 );
64 }); 65 });
65 break; 66 break;
66 case 'Соискатели': 67 case 'Соискатели':
67 $Msgs = $Msgs->where(function($q) { 68 $Msgs = $Msgs->where(function($q) {
68 $q->whereHas('user_to', 69 $q->whereHas('user_to',
69 function (Builder $query) { 70 function (Builder $query) {
70 $query->where('is_worker', '1'); 71 $query->where('is_worker', '1');
71 } 72 }
72 )->orwhereHas('user_from', 73 )->orwhereHas('user_from',
73 function (Builder $query) { 74 function (Builder $query) {
74 $query->where('is_worker', '1'); 75 $query->where('is_worker', '1');
75 } 76 }
76 ); 77 );
77 }); 78 });
78 break; 79 break;
79 case 'Администраторы': 80 case 'Администраторы':
80 $Msgs = $Msgs->where(function($q) { 81 $Msgs = $Msgs->where(function($q) {
81 $q->whereHas('user_to', 82 $q->whereHas('user_to',
82 function (Builder $query) { 83 function (Builder $query) {
83 $query->where('admin', '1'); 84 $query->where('admin', '1');
84 } 85 }
85 )->orwhereHas('user_from', 86 )->orwhereHas('user_from',
86 function (Builder $query) { 87 function (Builder $query) {
87 $query->where('admin', '1'); 88 $query->where('admin', '1');
88 } 89 }
89 ); 90 );
90 }); 91 });
91 break; 92 break;
92 default:break; 93 default:break;
93 } 94 }
94 } 95 }
95 96
96 return $Msgs; 97 return $Msgs;
97 98
98 } 99 }
99 100
101 public function reject_message(Request $request)
102 {
103 $message_request_id = $request->get('id');
104 $message_request = MessagesRequests::find($message_request_id);
105 $message_request->update(['is_rejected' => now()]);
106 return response()->json(['success' => true]);
107 }
108
109 public function send_message(Request $request)
110 {
111 $message_request_id = $request->get('id');
112 MessagesRequests::send_message($message_request_id);
113 return response()->json(['success' => true]);
114 }
115
100 public function admin_messages(Request $request) { 116 public function admin_messages(Request $request) {
101 if ($request->ajax()) { 117 if ($request->ajax()) {
102 $msg = Message::find($request->id); 118 $msg = Message::find($request->id);
103 $msg->flag_new = !($request->flag_new); 119 $msg->flag_new = !($request->flag_new);
104 $msg->save(); 120 $msg->save();
105 } 121 }
106 122
107 $id_admin = Auth::user()->id; 123 $id_admin = Auth::user()->id;
108 $users = User::query()->OrderBy('name')->where('is_bd', '=', '0')->get(); 124 $users = User::query()->OrderBy('name')->where('is_bd', '=', '0')->get();
109 125
110 $Msgs = Message::with('user_from')->with('user_to') //->with('response') 126 $Msgs = MessagesRequests::query()
111 ->where(function($query) use ($id_admin) { 127 ->with('user')
112 $query->where('user_id', '=', $id_admin) 128 ->orderByDesc('created_at')
113 ->orWhere('to_user_id', '=', $id_admin); 129 ->paginate(10)
114 }); 130 ;
115
116 $find_key = '';
117 $find_cat = '';
118
119 $Msgs = $this->filter($Msgs, $request, $find_key, $find_cat);
120
121 $Msgs = $Msgs->orderByDesc('created_at')->paginate(5);
122 131
123 if ($request->ajax()) 132 if ($request->ajax())
124 return view('admin.message.index_ajax', compact('Msgs', 'id_admin', 'users')); 133 return view('admin.message.index_ajax', compact('Msgs', 'id_admin', 'users'));
125 else 134 else
126 return view('admin.message.index', compact('Msgs', 'id_admin', 'users', 'find_key', 'find_cat')); 135 return view('admin.message.index', compact('Msgs', 'id_admin', 'users'));
127 } 136 }
128 137
129 public function messages_sql(Request $request) { 138 public function messages_sql(Request $request) {
130 $id = Auth::user()->id; 139 $id = Auth::user()->id;
131 DB::enableQueryLog(); 140 DB::enableQueryLog();
132 //$query = DB::select('select * from users where id = :id', ['id' => 1]); 141 //$query = DB::select('select * from users where id = :id', ['id' => 1]);
133 $query = DB::select(DB::raw('SELECT u1.name as "To-user", u2.name as "From-user", m1.`text`, m1.created_at 142 $query = DB::select(DB::raw('SELECT u1.name as "To-user", u2.name as "From-user", m1.`text`, m1.created_at
134 FROM messages m1 143 FROM messages m1
135 JOIN (SELECT MAX(id) id FROM messages 144 JOIN (SELECT MAX(id) id FROM messages
136 GROUP BY LEAST(user_id, to_user_id), 145 GROUP BY LEAST(user_id, to_user_id),
137 GREATEST(user_id, to_user_id) 146 GREATEST(user_id, to_user_id)
138 ) m2 USING (id) 147 ) m2 USING (id)
139 JOIN users u1 ON u1.id = m1.user_id 148 JOIN users u1 ON u1.id = m1.user_id
140 JOIN users u2 ON u2.id = m1.to_user_id 149 JOIN users u2 ON u2.id = m1.to_user_id
141 Where ((m1.user_id = :uid) or (m1.to_user_id = :uid2)) 150 Where ((m1.user_id = :uid) or (m1.to_user_id = :uid2))
142 '), ['uid' => $id, 'uid2' => $id]); 151 '), ['uid' => $id, 'uid2' => $id]);
143 //dump(DB::getQueryLog()); 152 //dump(DB::getQueryLog());
144 dd($query); 153 dd($query);
145 return; 154 return;
146 } 155 }
147 156
148 public function admin_messages_post(Request $request) { 157 public function admin_messages_post(Request $request) {
149 $rules = [ 158 $rules = [
150 'title' => 'required|min:3|max:255', 159 'title' => 'required|min:3|max:255',
151 'text' => 'required|min:1' 160 'text' => 'required|min:1'
152 ]; 161 ];
153 162
154 $messages = [ 163 $messages = [
155 'required' => 'Поле не может быть пустым!', 164 'required' => 'Поле не может быть пустым!',
156 ]; 165 ];
157 166
158 $validator = Validator::make($request->all(), $rules, $messages); 167 $validator = Validator::make($request->all(), $rules, $messages);
159 168
160 if ($validator->fails()) { 169 if ($validator->fails()) {
161 return redirect()->route('admin.admin-messages')->withErrors($validator); 170 return redirect()->route('admin.admin-messages')->withErrors($validator);
162 } else { 171 } else {
163 $params = $request->all(); 172 $params = $request->all();
164 $id_admin = Auth::user()->id; 173 $id_admin = Auth::user()->id;
165 if ($request->has('file')) { 174 if ($request->has('file')) {
166 $params['file'] = $request->file('file')->store("upload/".$id_admin, 'public'); 175 $params['file'] = $request->file('file')->store("upload/".$id_admin, 'public');
app/Http/Controllers/EmployerController.php
Diff comments   View file @ 3b5284e
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\BaseUser_min_Request; 7 use App\Http\Requests\BaseUser_min_Request;
8 use App\Http\Requests\FlotRequest; 8 use App\Http\Requests\FlotRequest;
9 use App\Http\Requests\MessagesRequiest; 9 use App\Http\Requests\MessagesRequiest;
10 use App\Http\Requests\VacancyRequestEdit; 10 use App\Http\Requests\VacancyRequestEdit;
11 use App\Mail\MailCreateEmployer; 11 use App\Mail\MailCreateEmployer;
12 use App\Mail\MailSotrudnichestvo; 12 use App\Mail\MailSotrudnichestvo;
13 use App\Mail\MassSendingMessages;
13 use App\Mail\SendAllMessages; 14 use App\Mail\SendAllMessages;
14 use App\Models\Ad_employer; 15 use App\Models\Ad_employer;
15 use App\Models\ad_response; 16 use App\Models\ad_response;
16 use App\Models\Category; 17 use App\Models\Category;
17 use App\Models\Chat; 18 use App\Models\Chat;
18 use App\Models\Employer; 19 use App\Models\Employer;
19 use App\Models\Flot; 20 use App\Models\Flot;
20 use App\Models\Job_title; 21 use App\Models\Job_title;
21 use App\Models\Like_worker; 22 use App\Models\Like_worker;
22 use App\Models\Message; 23 use App\Models\Message;
23 use App\Models\Worker; 24 use App\Models\Worker;
25 use App\Models\MessagesRequests;
24 use Carbon\Carbon; 26 use Carbon\Carbon;
25 use Illuminate\Auth\Events\Registered; 27 use Illuminate\Auth\Events\Registered;
26 use Illuminate\Database\Eloquent\Builder; 28 use Illuminate\Database\Eloquent\Builder;
27 use Illuminate\Http\Request; 29 use Illuminate\Http\Request;
28 use Illuminate\Support\Facades\Auth; 30 use Illuminate\Support\Facades\Auth;
29 use Illuminate\Support\Facades\Hash; 31 use Illuminate\Support\Facades\Hash;
30 use Illuminate\Support\Facades\Mail; 32 use Illuminate\Support\Facades\Mail;
31 use Illuminate\Support\Facades\Storage; 33 use Illuminate\Support\Facades\Storage;
32 use App\Models\User as User_Model; 34 use App\Models\User as User_Model;
33 use Illuminate\Support\Facades\Validator; 35 use Illuminate\Support\Facades\Validator;
34 use App\Enums\DbExportColumns; 36 use App\Enums\DbExportColumns;
35 37
36 class EmployerController extends Controller 38 class EmployerController extends Controller
37 { 39 {
38 public function vacancie($vacancy, Request $request) { 40 public function vacancie($vacancy, Request $request) {
39 $title = 'Заголовок вакансии'; 41 $title = 'Заголовок вакансии';
40 $Query = Ad_employer::with('jobs')-> 42 $Query = Ad_employer::with('jobs')->
41 with('cat')-> 43 with('cat')->
42 with('employer')-> 44 with('employer')->
43 with('jobs_code')-> 45 with('jobs_code')->
44 select('ad_employers.*')-> 46 select('ad_employers.*')->
45 where('id', '=', $vacancy)->get(); 47 where('id', '=', $vacancy)->get();
46 48
47 if (isset(Auth()->user()->id)) 49 if (isset(Auth()->user()->id))
48 $uid = Auth()->user()->id; 50 $uid = Auth()->user()->id;
49 else 51 else
50 $uid = 0; 52 $uid = 0;
51 $title = $Query[0]->name; 53 $title = $Query[0]->name;
52 if ($request->ajax()) { 54 if ($request->ajax()) {
53 return view('ajax.vacance-item', compact('Query','uid')); 55 return view('ajax.vacance-item', compact('Query','uid'));
54 } else { 56 } else {
55 return view('vacance-item', compact('title', 'Query', 'uid')); 57 return view('vacance-item', compact('title', 'Query', 'uid'));
56 } 58 }
57 } 59 }
58 60
59 public function logout() { 61 public function logout() {
60 Auth::logout(); 62 Auth::logout();
61 return redirect()->route('index') 63 return redirect()->route('index')
62 ->with('success', 'Вы вышли из личного кабинета'); 64 ->with('success', 'Вы вышли из личного кабинета');
63 } 65 }
64 66
65 public function employer_info() { 67 public function employer_info() {
66 // код юзера 68 // код юзера
67 $user_info = Auth()->user(); 69 $user_info = Auth()->user();
68 // вьюшка для вывода данных 70 // вьюшка для вывода данных
69 return view('employers.info', compact('user_info')); 71 return view('employers.info', compact('user_info'));
70 } 72 }
71 73
72 public function employer_info_save(User_Model $user, BaseUser_min_Request $request) { 74 public function employer_info_save(User_Model $user, BaseUser_min_Request $request) {
73 // Все данные через реквест 75 // Все данные через реквест
74 $all = $request->all(); 76 $all = $request->all();
75 unset($all['_token']); 77 unset($all['_token']);
76 // обновление 78 // обновление
77 $user->update($all); 79 $user->update($all);
78 return redirect()->route('employer.employer_info'); 80 return redirect()->route('employer.employer_info');
79 } 81 }
80 82
81 public function cabinet() { 83 public function cabinet() {
82 $id = Auth()->user()->id; 84 $id = Auth()->user()->id;
83 $Employer = Employer::query()->with('users')->with('ads')->with('flots')-> 85 $Employer = Employer::query()->with('users')->with('ads')->with('flots')->
84 WhereHas('users', 86 WhereHas('users',
85 function (Builder $query) use ($id) {$query->Where('id', $id); 87 function (Builder $query) use ($id) {$query->Where('id', $id);
86 })->get(); 88 })->get();
87 return view('employers.cabinet45', compact('Employer')); 89 return view('employers.cabinet45', compact('Employer'));
88 } 90 }
89 91
90 public function slider_flot() { 92 public function slider_flot() {
91 $id = Auth()->user()->id; 93 $id = Auth()->user()->id;
92 $Employer = Employer::query()->with('users')->with('ads')->with('flots')-> 94 $Employer = Employer::query()->with('users')->with('ads')->with('flots')->
93 WhereHas('users', 95 WhereHas('users',
94 function (Builder $query) use ($id) {$query->Where('id', $id); 96 function (Builder $query) use ($id) {$query->Where('id', $id);
95 })->get(); 97 })->get();
96 return view('employers.fly-flot', compact('Employer')); 98 return view('employers.fly-flot', compact('Employer'));
97 } 99 }
98 100
99 public function cabinet_save(Employer $Employer, Request $request) { 101 public function cabinet_save(Employer $Employer, Request $request) {
100 $params = $request->all(); 102 $params = $request->all();
101 $params['user_id'] = Auth()->user()->id; 103 $params['user_id'] = Auth()->user()->id;
102 $id = $Employer->id; 104 $id = $Employer->id;
103 105
104 if ($request->has('logo')) { 106 if ($request->has('logo')) {
105 if (!empty($Employer->logo)) { 107 if (!empty($Employer->logo)) {
106 Storage::delete($Employer->logo); 108 Storage::delete($Employer->logo);
107 } 109 }
108 $params['logo'] = $request->file('logo')->store("employer/$id", 'public'); 110 $params['logo'] = $request->file('logo')->store("employer/$id", 'public');
109 } 111 }
110 112
111 $Employer->update($params); 113 $Employer->update($params);
112 114
113 return redirect()->route('employer.cabinet')->with('success', 'Данные были успешно сохранены'); 115 return redirect()->route('employer.cabinet')->with('success', 'Данные были успешно сохранены');
114 } 116 }
115 117
116 public function save_add_flot(FlotRequest $request) { 118 public function save_add_flot(FlotRequest $request) {
117 // отмена 119 // отмена
118 $params = $request->all(); 120 $params = $request->all();
119 121
120 if ($request->has('image')) { 122 if ($request->has('image')) {
121 $params['image'] = $request->file('image')->store("flot", 'public'); 123 $params['image'] = $request->file('image')->store("flot", 'public');
122 } 124 }
123 Flot::create($params); 125 Flot::create($params);
124 $data_flots = Flot::query()->where('employer_id', $request->get('employer_if'))->get(); 126 $data_flots = Flot::query()->where('employer_id', $request->get('employer_if'))->get();
125 return redirect()->route('employer.slider_flot')->with('success', 'Новый корабль был добавлен'); 127 return redirect()->route('employer.slider_flot')->with('success', 'Новый корабль был добавлен');
126 } 128 }
127 129
128 public function edit_flot(Flot $Flot, Employer $Employer) { 130 public function edit_flot(Flot $Flot, Employer $Employer) {
129 return view('employers.edit-flot', compact('Flot', 'Employer')); 131 return view('employers.edit-flot', compact('Flot', 'Employer'));
130 } 132 }
131 133
132 public function update_flot(FlotRequest $request, Flot $Flot) { 134 public function update_flot(FlotRequest $request, Flot $Flot) {
133 $params = $request->all(); 135 $params = $request->all();
134 136
135 if ($request->has('image')) { 137 if ($request->has('image')) {
136 if (!empty($flot->image)) { 138 if (!empty($flot->image)) {
137 Storage::delete($flot->image); 139 Storage::delete($flot->image);
138 } 140 }
139 $params['image'] = $request->file('image')->store("flot", 'public'); 141 $params['image'] = $request->file('image')->store("flot", 'public');
140 } else { 142 } else {
141 if (!empty($flot->image)) $params['image'] = $flot->image; 143 if (!empty($flot->image)) $params['image'] = $flot->image;
142 } 144 }
143 145
144 $Flot->update($params); 146 $Flot->update($params);
145 return redirect()->route('employer.slider_flot')->with('success', 'Новый корабль был добавлен'); 147 return redirect()->route('employer.slider_flot')->with('success', 'Новый корабль был добавлен');
146 } 148 }
147 149
148 public function delete_flot(Flot $Flot) { 150 public function delete_flot(Flot $Flot) {
149 $data_flots = Flot::query()->where('employer_id', $Flot->employer_id)->get(); 151 $data_flots = Flot::query()->where('employer_id', $Flot->employer_id)->get();
150 152
151 if (isset($Flot->id)) $Flot->delete(); 153 if (isset($Flot->id)) $Flot->delete();
152 return redirect()->route('employer.slider_flot')->with('success', 'Корабль был удален'); 154 return redirect()->route('employer.slider_flot')->with('success', 'Корабль был удален');
153 } 155 }
154 156
155 // Форма добавления вакансий 157 // Форма добавления вакансий
156 public function cabinet_vacancie() { 158 public function cabinet_vacancie() {
157 $id = Auth()->user()->id; 159 $id = Auth()->user()->id;
158 160
159 if (Auth()->user()->is_public) { 161 if (Auth()->user()->is_public) {
160 $categories = Category::query()->active()->get(); 162 $categories = Category::query()->active()->get();
161 $jobs = Job_title::query()->orderByDesc('sort')->OrderBy('name')-> 163 $jobs = Job_title::query()->orderByDesc('sort')->OrderBy('name')->
162 where('is_remove', '=', '0')-> 164 where('is_remove', '=', '0')->
163 where('is_bd', '=', '0')-> 165 where('is_bd', '=', '0')->
164 get(); 166 get();
165 $Employer = Employer::query()->with('users')->with('ads')->with('flots')-> 167 $Employer = Employer::query()->with('users')->with('ads')->with('flots')->
166 WhereHas('users', 168 WhereHas('users',
167 function (Builder $query) use ($id) { 169 function (Builder $query) use ($id) {
168 $query->Where('id', $id); 170 $query->Where('id', $id);
169 })->get(); 171 })->get();
170 return view('employers.add_vacancy', compact('Employer', 'jobs', 'categories')); 172 return view('employers.add_vacancy', compact('Employer', 'jobs', 'categories'));
171 } else { 173 } else {
172 return redirect()->route('employer.cabinet_vacancie_danger'); 174 return redirect()->route('employer.cabinet_vacancie_danger');
173 } 175 }
174 } 176 }
175 177
176 // Форма предупреждения об оплате 178 // Форма предупреждения об оплате
177 public function cabinet_vacancie_danger() { 179 public function cabinet_vacancie_danger() {
178 return view('employers.add_vacancy_danger'); 180 return view('employers.add_vacancy_danger');
179 } 181 }
180 182
181 // Сохранение вакансии 183 // Сохранение вакансии
182 public function cabinet_vacancy_save1(VacancyRequestEdit $request) { 184 public function cabinet_vacancy_save1(VacancyRequestEdit $request) {
183 $params_emp = $request->all(); 185 $params_emp = $request->all();
184 186
185 $params_job["job_title_id"] = $params_emp['job_title_id']; 187 $params_job["job_title_id"] = $params_emp['job_title_id'];
186 //$params_job["min_salary"] = $params_emp['min_salary']; 188 //$params_job["min_salary"] = $params_emp['min_salary'];
187 //$params_job["max_salary"] = $params_emp['max_salary']; 189 //$params_job["max_salary"] = $params_emp['max_salary'];
188 //$params_job["region"] = $params_emp['region']; 190 //$params_job["region"] = $params_emp['region'];
189 //$params_job["power"] = $params_emp['power']; 191 //$params_job["power"] = $params_emp['power'];
190 //$params_job["sytki"] = $params_emp['sytki']; 192 //$params_job["sytki"] = $params_emp['sytki'];
191 //$params_job["start"] = $params_emp['start']; 193 //$params_job["start"] = $params_emp['start'];
192 //$params_job["flot"] = $params_emp['flot']; 194 //$params_job["flot"] = $params_emp['flot'];
193 //$params_job["description"] = $params_emp['description']; 195 //$params_job["description"] = $params_emp['description'];
194 196
195 $ad_jobs = Ad_employer::create($params_emp); 197 $ad_jobs = Ad_employer::create($params_emp);
196 //$params_job['ad_employer_id'] = $ad_jobs->id; 198 //$params_job['ad_employer_id'] = $ad_jobs->id;
197 //Ad_jobs::create($params_job); 199 //Ad_jobs::create($params_job);
198 $ad_jobs->jobs()->sync($request->get('job_title_id')); 200 $ad_jobs->jobs()->sync($request->get('job_title_id'));
199 201
200 return redirect()->route('employer.vacancy_list'); 202 return redirect()->route('employer.vacancy_list');
201 } 203 }
202 204
203 // Список вакансий 205 // Список вакансий
204 public function vacancy_list(Request $request) { 206 public function vacancy_list(Request $request) {
205 $id = Auth()->user()->id; 207 $id = Auth()->user()->id;
206 208
207 //dd($request->all()); 209 //dd($request->all());
208 $Employer = Employer::query()->where('user_id', $id)->first(); 210 $Employer = Employer::query()->where('user_id', $id)->first();
209 $vacancy_list = Ad_employer::query()->with('jobs')-> 211 $vacancy_list = Ad_employer::query()->with('jobs')->
210 with('jobs_code')-> 212 with('jobs_code')->
211 where('employer_id', $Employer->id); 213 where('employer_id', $Employer->id);
212 214
213 if (($request->has('search')) && (!empty($request->get('search')))) { 215 if (($request->has('search')) && (!empty($request->get('search')))) {
214 $search = $request->get('search'); 216 $search = $request->get('search');
215 $vacancy_list = $vacancy_list->where('name', 'LIKE', "%$search%"); 217 $vacancy_list = $vacancy_list->where('name', 'LIKE', "%$search%");
216 } 218 }
217 219
218 if ($request->get('sort')) { 220 if ($request->get('sort')) {
219 $sort = $request->get('sort'); 221 $sort = $request->get('sort');
220 switch ($sort) { 222 switch ($sort) {
221 case 'name_up': $vacancy_list = $vacancy_list->orderBy('name')->orderBy('id'); break; 223 case 'name_up': $vacancy_list = $vacancy_list->orderBy('name')->orderBy('id'); break;
222 case 'name_down': $vacancy_list = $vacancy_list->orderByDesc('name')->orderby('id'); break; 224 case 'name_down': $vacancy_list = $vacancy_list->orderByDesc('name')->orderby('id'); break;
223 case 'nopublic': $vacancy_list->where('active_is', '=', 0)->orderBy('id');break; 225 case 'nopublic': $vacancy_list->where('active_is', '=', 0)->orderBy('id');break;
224 case 'public':$vacancy_list->where('active_is', '=', 1)->orderBy('id');break; 226 case 'public':$vacancy_list->where('active_is', '=', 1)->orderBy('id');break;
225 case 'created_at_up': $vacancy_list = $vacancy_list->OrderBy('created_at')->orderBy('id'); break; 227 case 'created_at_up': $vacancy_list = $vacancy_list->OrderBy('created_at')->orderBy('id'); break;
226 case 'created_at_down': $vacancy_list = $vacancy_list->orderByDesc('created_at')->orderBy('id'); break; 228 case 'created_at_down': $vacancy_list = $vacancy_list->orderByDesc('created_at')->orderBy('id'); break;
227 case 'default': $vacancy_list = $vacancy_list->orderbyDesc('updated_at')->orderBy('name'); break; 229 case 'default': $vacancy_list = $vacancy_list->orderbyDesc('updated_at')->orderBy('name'); break;
228 default: $vacancy_list = $vacancy_list->orderByDesc('id')->orderbyDesc('updated_at'); break; 230 default: $vacancy_list = $vacancy_list->orderByDesc('id')->orderbyDesc('updated_at'); break;
229 } 231 }
230 } else { 232 } else {
231 $vacancy_list = $vacancy_list->orderByDesc('updated_at')->orderBy('id'); 233 $vacancy_list = $vacancy_list->orderByDesc('updated_at')->orderBy('id');
232 } 234 }
233 235
234 $vacancy_list = $vacancy_list->paginate(10); 236 $vacancy_list = $vacancy_list->paginate(10);
235 237
236 //ajax 238 //ajax
237 if ($request->ajax()) { 239 if ($request->ajax()) {
238 return view('employers.ajax.list_vacancy', compact('vacancy_list', 'Employer')); 240 return view('employers.ajax.list_vacancy', compact('vacancy_list', 'Employer'));
239 } else { 241 } else {
240 return view('employers.list_vacancy', compact('vacancy_list', 'Employer')); 242 return view('employers.list_vacancy', compact('vacancy_list', 'Employer'));
241 } 243 }
242 } 244 }
243 245
244 // Карточка вакансии 246 // Карточка вакансии
245 public function vacancy_edit(Ad_employer $ad_employer) { 247 public function vacancy_edit(Ad_employer $ad_employer) {
246 $id = Auth()->user()->id; 248 $id = Auth()->user()->id;
247 $Positions = Category::query()->where('is_remove', '=', '0')->get(); 249 $Positions = Category::query()->where('is_remove', '=', '0')->get();
248 250
249 $jobs = Job_title::query()->orderByDesc('sort')->OrderBy('name')-> 251 $jobs = Job_title::query()->orderByDesc('sort')->OrderBy('name')->
250 where('is_remove', '=', '0')-> 252 where('is_remove', '=', '0')->
251 where('is_bd', '=', '0')->get(); 253 where('is_bd', '=', '0')->get();
252 254
253 $Employer = Employer::query()->with('users')->with('ads')-> 255 $Employer = Employer::query()->with('users')->with('ads')->
254 with('flots')->where('user_id', $id)->first(); 256 with('flots')->where('user_id', $id)->first();
255 257
256 return view('employers.edit_vacancy', compact('ad_employer', 'Positions','Employer', 'jobs')); 258 return view('employers.edit_vacancy', compact('ad_employer', 'Positions','Employer', 'jobs'));
257 } 259 }
258 260
259 // Сохранение-редактирование записи 261 // Сохранение-редактирование записи
260 public function vacancy_save_me(VacancyRequestEdit $request, Ad_employer $ad_employer) { 262 public function vacancy_save_me(VacancyRequestEdit $request, Ad_employer $ad_employer) {
261 $params = $request->all(); 263 $params = $request->all();
262 $params_job["job_title_id"] = $params['job_title_id']; 264 $params_job["job_title_id"] = $params['job_title_id'];
263 265
264 $ad_employer->update($params); 266 $ad_employer->update($params);
265 $ad_employer->jobs()->sync($request->get('job_title_id')); 267 $ad_employer->jobs()->sync($request->get('job_title_id'));
266 268
267 $id = Auth()->user()->id; 269 $id = Auth()->user()->id;
268 $Positions = Category::query()->where('is_remove', '=', '0')->get(); 270 $Positions = Category::query()->where('is_remove', '=', '0')->get();
269 $jobs = Job_title::query()->orderByDesc('sort')->OrderBy('name') 271 $jobs = Job_title::query()->orderByDesc('sort')->OrderBy('name')
270 ->where('is_remove', '=', '0') 272 ->where('is_remove', '=', '0')
271 ->where('is_bd', '=', '0') 273 ->where('is_bd', '=', '0')
272 ->get(); 274 ->get();
273 275
274 $Employer = Employer::query() 276 $Employer = Employer::query()
275 ->with('users')->with('ads')->with('flots')->where('user_id', $id)->first(); 277 ->with('users')->with('ads')->with('flots')->where('user_id', $id)->first();
276 return view('employers.edit_vacancy', compact('ad_employer', 'Positions','Employer', 'jobs')); 278 return view('employers.edit_vacancy', compact('ad_employer', 'Positions','Employer', 'jobs'));
277 } 279 }
278 280
279 // Сохранение карточки вакансии 281 // Сохранение карточки вакансии
280 public function vacancy_save(Request $request, Ad_employer $ad_employer) { 282 public function vacancy_save(Request $request, Ad_employer $ad_employer) {
281 $all = $request->all(); 283 $all = $request->all();
282 $ad_employer->update($all); 284 $ad_employer->update($all);
283 return redirect()->route('employer.cabinet_vacancie'); 285 return redirect()->route('employer.cabinet_vacancie');
284 } 286 }
285 287
286 // Удаление карточки вакансии 288 // Удаление карточки вакансии
287 public function vacancy_delete(Ad_employer $ad_employer) { 289 public function vacancy_delete(Ad_employer $ad_employer) {
288 $ad_employer->delete(); 290 $ad_employer->delete();
289 291
290 return redirect()->route('employer.vacancy_list') 292 return redirect()->route('employer.vacancy_list')
291 ->with('success', 'Данные были успешно сохранены'); 293 ->with('success', 'Данные были успешно сохранены');
292 } 294 }
293 295
294 // Обновление даты 296 // Обновление даты
295 public function vacancy_up(Ad_employer $ad_employer) { 297 public function vacancy_up(Ad_employer $ad_employer) {
296 $up = date('m/d/Y h:i:s', time());; 298 $up = date('m/d/Y h:i:s', time());;
297 $vac_emp = Ad_employer::findOrFail($ad_employer->id); 299 $vac_emp = Ad_employer::findOrFail($ad_employer->id);
298 $vac_emp->updated_at = $up; 300 $vac_emp->updated_at = $up;
299 $vac_emp->save(); 301 $vac_emp->save();
300 302
301 return redirect()->back(); //route('employer.vacancy_list'); 303 return redirect()->back(); //route('employer.vacancy_list');
302 // начало конца 304 // начало конца
303 } 305 }
304 306
305 //Видимость вакансии 307 //Видимость вакансии
306 public function vacancy_eye(Ad_employer $ad_employer, $status) { 308 public function vacancy_eye(Ad_employer $ad_employer, $status) {
307 $vac_emp = Ad_employer::findOrFail($ad_employer->id); 309 $vac_emp = Ad_employer::findOrFail($ad_employer->id);
308 $vac_emp->active_is = $status; 310 $vac_emp->active_is = $status;
309 $vac_emp->save(); 311 $vac_emp->save();
310 312
311 return redirect()->route('employer.vacancy_list'); 313 return redirect()->route('employer.vacancy_list');
312 } 314 }
313 315
314 //Вакансия редактирования (шаблон) 316 //Вакансия редактирования (шаблон)
315 public function vacancy_update(Ad_employer $id) { 317 public function vacancy_update(Ad_employer $id) {
316 318
317 } 319 }
318 320
319 //Отклики на вакансию - лист 321 //Отклики на вакансию - лист
320 public function answers(Employer $employer, Request $request) { 322 public function answers(Employer $employer, Request $request) {
321 $user_id = Auth()->user()->id; 323 $user_id = Auth()->user()->id;
322 $answer = Ad_employer::query()->where('employer_id', $employer->id); 324 $answer = Ad_employer::query()->where('employer_id', $employer->id);
323 if ($request->has('search')) { 325 if ($request->has('search')) {
324 $search = trim($request->get('search')); 326 $search = trim($request->get('search'));
325 if (!empty($search)) $answer = $answer->where('name', 'LIKE', "%$search%"); 327 if (!empty($search)) $answer = $answer->where('name', 'LIKE', "%$search%");
326 } 328 }
327 329
328 $answer = $answer->with('response')->OrderByDESC('id')->get(); 330 $answer = $answer->with('response')->OrderByDESC('id')->get();
329 331
330 return view('employers.list_answer', compact('answer', 'user_id', 'employer')); 332 return view('employers.list_answer', compact('answer', 'user_id', 'employer'));
331 } 333 }
332 334
333 //Обновление статуса 335 //Обновление статуса
334 public function supple_status(employer $employer, ad_response $ad_response, $flag) { 336 public function supple_status(employer $employer, ad_response $ad_response, $flag) {
335 $ad_response->update(Array('flag' => $flag)); 337 $ad_response->update(Array('flag' => $flag));
336 return redirect()->route('employer.answers', ['employer' => $employer->id]); 338 return redirect()->route('employer.answers', ['employer' => $employer->id]);
337 } 339 }
338 340
339 //Страницы сообщений список 341 //Страницы сообщений список
340 public function messages($type_message) { 342 public function messages($type_message) {
341 $user_id = Auth()->user()->id; 343 $user_id = Auth()->user()->id;
342 344
345 $chats = Chat::get_user_chats($user_id);
343 $chats = Chat::get_user_chats($user_id); 346 $user_type = 'employer';
344 $user_type = 'employer'; 347 $admin_chat = false;
345 348
346 return view('employers.messages', compact('chats','user_id', 'user_type')); 349 return view('employers.messages', compact('chats', 'admin_chat', 'user_id', 'user_type'));
347 } 350 }
348 351
349 // Диалог между пользователями 352 // Диалог между пользователями
350 public function dialog(Request $request, User_Model $user1, User_Model $user2) { 353 public function dialog(Chat $chat, Request $request) {
351 // Получение параметров. 354 // Получение параметров.
352 if ($request->has('ad_employer')){ 355 if ($request->has('ad_employer')){
353 $ad_employer = $request->get('ad_employer'); 356 $ad_employer = $request->get('ad_employer');
354 } else { 357 } else {
355 $ad_employer = 0; 358 $ad_employer = 0;
356 } 359 }
357 360
358 if (isset($user2->id)) {
359 $companion = User_Model::query()->with('workers')->
360 with('employers')->
361 where('id', $user2->id)->first(); 361 $sender = User_Model::query()->with('workers')->with('employers')->where('id', $chat->user_id)->first();
362 } 362 $companion = User_Model::query()->with('workers')->with('employers')->where('id', $chat->to_user_id)->first();
363
364 $Messages = Message::query()
365 ->where(function($query) use ($user1, $user2) {
366 $query->where('user_id', $user1->id)->where('to_user_id', $user2->id);
367 })
368 ->orWhere(function($query) use ($user1, $user2) {
369 $query->where('user_id', $user2->id)->where('to_user_id', $user1->id);
370 })
371 ->orderBy('created_at')
372 ->get() 363
373 ; 364 $Messages = Chat::get_chat_messages($chat);
374
375 $sender = $user1;
376
377 Message::where('user_id', '=', $user2->id)
378 ->where('to_user_id', '=', $user1->id)
379 ->update(['flag_new' => 0]) 365
380 ; 366 Message::where('user_id', '=', $chat->to_user_id)->where('to_user_id', '=', $chat->user_id)->update(['flag_new' => 0]);
381 367
382 return view('employers.dialog', compact('companion', 'sender', 'ad_employer', 'Messages')); 368 return view('employers.dialog', compact('companion', 'sender', 'ad_employer', 'Messages'));
383 } 369 }
384 370
385 public function pin_chat(Request $request){ 371 public function pin_chat(Request $request){
386 $chat_id = $request->get('id'); 372 $chat_id = $request->get('id');
387 $is_fixed = $request->get('is_fixed'); 373 $is_fixed = $request->get('is_fixed');
388 374
389 Chat::pin_chat($chat_id, $is_fixed); 375 Chat::pin_chat($chat_id, $is_fixed);
390 } 376 }
391 377
392 public function remove_chat(Request $request){ 378 public function remove_chat(Request $request){
393 $chat_id = $request->get('id'); 379 $chat_id = $request->get('id');
394 Chat::remove_chat($chat_id); 380 Chat::remove_chat($chat_id);
395 } 381 }
396 382
397 // Регистрация работодателя 383 // Регистрация работодателя
398 public function register_employer(Request $request) { 384 public function register_employer(Request $request) {
399 $params = $request->all(); 385 $params = $request->all();
400 386
401 $rules = [ 387 $rules = [
402 //'surname' => ['required', 'string', 'max:255'], 388 //'surname' => ['required', 'string', 'max:255'],
403 //'name_man' => ['required', 'string', 'max:255'], 389 //'name_man' => ['required', 'string', 'max:255'],
404 'email' => ['required', 'string', 'email', 'max:255', 'unique:users'], 390 'email' => ['required', 'string', 'email', 'max:255', 'unique:users'],
405 'name_company' => ['required', 'string', 'max:255'], 391 'name_company' => ['required', 'string', 'max:255'],
406 'password' => ['required', 'string', 'min:6'], 392 'password' => ['required', 'string', 'min:6'],
407 ]; 393 ];
408 394
409 395
410 $messages = [ 396 $messages = [
411 'required' => 'Укажите обязательное поле', 397 'required' => 'Укажите обязательное поле',
412 'min' => [ 398 'min' => [
413 'string' => 'Поле «:attribute» должно быть не меньше :min символов', 399 'string' => 'Поле «:attribute» должно быть не меньше :min символов',
414 'integer' => 'Поле «:attribute» должно быть :min или больше', 400 'integer' => 'Поле «:attribute» должно быть :min или больше',
415 'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт' 401 'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт'
416 ], 402 ],
417 'max' => [ 403 'max' => [
418 'string' => 'Поле «:attribute» должно быть не больше :max символов', 404 'string' => 'Поле «:attribute» должно быть не больше :max символов',
419 'integer' => 'Поле «:attribute» должно быть :max или меньше', 405 'integer' => 'Поле «:attribute» должно быть :max или меньше',
420 'file' => 'Файл «:attribute» должен быть не больше :max Кбайт' 406 'file' => 'Файл «:attribute» должен быть не больше :max Кбайт'
421 ] 407 ]
422 ]; 408 ];
423 409
424 $email = $request->get('email'); 410 $email = $request->get('email');
425 if (!preg_match("/^[a-zA-Z0-9_\-.]+@[a-zA-Z0-9\-]+\.[a-zA-Z0-9\-.]+$/", $email)) { 411 if (!preg_match("/^[a-zA-Z0-9_\-.]+@[a-zA-Z0-9\-]+\.[a-zA-Z0-9\-.]+$/", $email)) {
426 return json_encode(Array("ERROR" => "Error: Отсутствует емайл или некорректный емайл")); 412 return json_encode(Array("ERROR" => "Error: Отсутствует емайл или некорректный емайл"));
427 } 413 }
428 414
429 if ($request->get('password') !== $request->get('confirmed')){ 415 if ($request->get('password') !== $request->get('confirmed')){
430 return json_encode(Array("ERROR" => "Error: Не совпадают пароль и подтверждение пароля")); 416 return json_encode(Array("ERROR" => "Error: Не совпадают пароль и подтверждение пароля"));
431 } 417 }
432 418
433 if (strlen($request->get('password')) < 6) { 419 if (strlen($request->get('password')) < 6) {
434 return json_encode(Array("ERROR" => "Error: Недостаточная длина пароля! Увеличьте себе длину пароля!")); 420 return json_encode(Array("ERROR" => "Error: Недостаточная длина пароля! Увеличьте себе длину пароля!"));
435 } 421 }
436 422
437 if (empty($request->get('surname'))) { 423 if (empty($request->get('surname'))) {
438 $params['surname'] = 'Неизвестно'; 424 $params['surname'] = 'Неизвестно';
439 } 425 }
440 if (empty($request->get('name_man'))) { 426 if (empty($request->get('name_man'))) {
441 $params['name_man'] = 'Неизвестно'; 427 $params['name_man'] = 'Неизвестно';
442 } 428 }
443 $validator = Validator::make($params, $rules, $messages); 429 $validator = Validator::make($params, $rules, $messages);
444 430
445 if ($validator->fails()) { 431 if ($validator->fails()) {
446 return json_encode(Array("ERROR" => "Error1: Регистрация оборвалась ошибкой! Не все обязательные поля заполнены. Либо вы уже были зарегистрированы в системе.")); 432 return json_encode(Array("ERROR" => "Error1: Регистрация оборвалась ошибкой! Не все обязательные поля заполнены. Либо вы уже были зарегистрированы в системе."));
447 } else { 433 } else {
448 $user = $this->create($params); 434 $user = $this->create($params);
449 event(new Registered($user)); 435 event(new Registered($user));
450 436
451 Mail::to(env('EMAIL_ADMIN'))->send(new MailCreateEmployer($params)); 437 Mail::to(env('EMAIL_ADMIN'))->send(new MailCreateEmployer($params));
452 438
453 Auth::guard()->login($user); 439 Auth::guard()->login($user);
454 } 440 }
455 441
456 if ($user) { 442 if ($user) {
457 return json_encode(Array("REDIRECT" => redirect()->route('employer.cabinet')->getTargetUrl()));; 443 return json_encode(Array("REDIRECT" => redirect()->route('employer.cabinet')->getTargetUrl()));;
458 } else { 444 } else {
459 return json_encode(Array("ERROR" => "Error2: Данные были утеряны!")); 445 return json_encode(Array("ERROR" => "Error2: Данные были утеряны!"));
460 } 446 }
461 } 447 }
462 448
463 // Создание пользователя 449 // Создание пользователя
464 protected function create(array $data) 450 protected function create(array $data)
465 { 451 {
466 $Use = new User_Model(); 452 $Use = new User_Model();
467 $Code_user = $Use->create([ 453 $Code_user = $Use->create([
468 'name' => $data['surname']." ".$data['name_man'], 454 'name' => $data['surname']." ".$data['name_man'],
469 'name_man' => $data['name_man'], 455 'name_man' => $data['name_man'],
470 'surname' => $data['surname'], 456 'surname' => $data['surname'],
471 'surname2' => $data['surname2'], 457 'surname2' => $data['surname2'],
472 'subscribe_email' => $data['email'], 458 'subscribe_email' => $data['email'],
473 'email' => $data['email'], 459 'email' => $data['email'],
474 'telephone' => $data['telephone'], 460 'telephone' => $data['telephone'],
475 'is_worker' => 0, 461 'is_worker' => 0,
476 'password' => Hash::make($data['password']), 462 'password' => Hash::make($data['password']),
477 'pubpassword' => base64_encode($data['password']), 463 'pubpassword' => base64_encode($data['password']),
478 'email_verified_at' => Carbon::now() 464 'email_verified_at' => Carbon::now()
479 ]); 465 ]);
480 466
481 if ($Code_user->id > 0) { 467 if ($Code_user->id > 0) {
482 $Employer = new Employer(); 468 $Employer = new Employer();
483 $Employer->user_id = $Code_user->id; 469 $Employer->user_id = $Code_user->id;
484 $Employer->name_company = $data['name_company']; 470 $Employer->name_company = $data['name_company'];
485 $Employer->email = $data['email']; 471 $Employer->email = $data['email'];
486 $Employer->telephone = $data['telephone']; 472 $Employer->telephone = $data['telephone'];
487 $Employer->code = Tools::generator_id(10); 473 $Employer->code = Tools::generator_id(10);
488 $Employer->save(); 474 $Employer->save();
489 475
490 return $Code_user; 476 return $Code_user;
491 } 477 }
492 } 478 }
493 479
494 // Отправка сообщения от работодателя 480 // Отправка сообщения от работодателя
495 public function send_message(MessagesRequiest $request) { 481 public function send_message(MessagesRequiest $request) {
496 $params = $request->all(); 482 $params = $request->all();
497 dd($params); 483 dd($params);
498 $user1 = $params['user_id']; 484 $user1 = $params['user_id'];
499 $user2 = $params['to_user_id']; 485 $user2 = $params['to_user_id'];
500 486
501 if ($request->has('file')) { 487 if ($request->has('file')) {
502 $params['file'] = $request->file('file')->store("messages", 'public'); 488 $params['file'] = $request->file('file')->store("messages", 'public');
503 } 489 }
504 Message::create($params); 490 Message::create($params);
505 return redirect()->route('employer.dialog', ['user1' => $user1, 'user2' => $user2]); 491 return redirect()->route('employer.dialog', ['user1' => $user1, 'user2' => $user2]);
506 } 492 }
507 493
508 public function test123(Request $request) { 494 public function test123(Request $request) {
509 $params = $request->all(); 495 $params = $request->all();
510 $user1 = $params['user_id']; 496 $user1 = $params['user_id'];
511 $user2 = $params['to_user_id']; 497 $user2 = $params['to_user_id'];
512 $id_vacancy = $params['ad_employer_id']; 498 $id_vacancy = $params['ad_employer_id'];
513 $ad_name = $params['ad_name']; 499 $ad_name = $params['ad_name'];
514 500
515 $rules = [ 501 $rules = [
516 'text' => 'required|min:1|max:150000', 502 'text' => 'required|min:1|max:150000',
517 'file' => 'file|mimes:doc,docx,xlsx,csv,txt,xlx,xls,pdf|max:150000' 503 'file' => 'file|mimes:doc,docx,xlsx,csv,txt,xlx,xls,pdf|max:150000'
518 ]; 504 ];
519 $messages = [ 505 $messages = [
520 'required' => 'Укажите обязательное поле', 506 'required' => 'Укажите обязательное поле',
521 'min' => [ 507 'min' => [
522 'string' => 'Поле «:attribute» должно быть не меньше :min символов', 508 'string' => 'Поле «:attribute» должно быть не меньше :min символов',
523 'integer' => 'Поле «:attribute» должно быть :min или больше', 509 'integer' => 'Поле «:attribute» должно быть :min или больше',
524 'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт' 510 'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт'
525 ], 511 ],
526 'max' => [ 512 'max' => [
527 'string' => 'Поле «:attribute» должно быть не больше :max символов', 513 'string' => 'Поле «:attribute» должно быть не больше :max символов',
528 'integer' => 'Поле «:attribute» должно быть :max или меньше', 514 'integer' => 'Поле «:attribute» должно быть :max или меньше',
529 'file' => 'Файл «:attribute» должен быть не больше :max Кбайт' 515 'file' => 'Файл «:attribute» должен быть не больше :max Кбайт'
530 ] 516 ]
531 ]; 517 ];
532 518
533 $validator = Validator::make($request->all(), $rules, $messages); 519 $validator = Validator::make($request->all(), $rules, $messages);
534 520
535 /*if ($validator->fails()) { 521 /*if ($validator->fails()) {
536 return redirect()->route('employer.dialog', ['user1' => $user1, 'user2' => $user2]) 522 return redirect()->route('employer.dialog', ['user1' => $user1, 'user2' => $user2])
537 ->withErrors($validator); 523 ->withErrors($validator);
538 } else { 524 } else {
539 if ($request->has('file')) { 525 if ($request->has('file')) {
540 $params['file'] = $request->file('file')->store("messages", 'public'); 526 $params['file'] = $request->file('file')->store("messages", 'public');
541 } 527 }
542 Message::create($params); 528 Message::create($params);
543 //return redirect()->route('employer.dialog', ['user1' => $user1, 'user2' => $user2]); 529 //return redirect()->route('employer.dialog', ['user1' => $user1, 'user2' => $user2]);
544 return redirect()->route('employer.dialog', 530 return redirect()->route('employer.dialog',
545 ['user1' => $user1, 'user2' => $user2, 'ad_employer' => $id_vacancy, 'ad_name' => $ad_name]); 531 ['user1' => $user1, 'user2' => $user2, 'ad_employer' => $id_vacancy, 'ad_name' => $ad_name]);
546 532
547 }*/ 533 }*/
548 534
549 if ($validator->fails()) { 535 if ($validator->fails()) {
550 return redirect()->route('employer.dialog', ['user1' => $user1, 'user2' => $user2]) 536 return redirect()->route('employer.dialog', ['user1' => $user1, 'user2' => $user2])
551 ->withErrors($validator); 537 ->withErrors($validator);
552 } else { 538 } else {
553 Message::add_message($request, $user1, $user2, $request->all(), file_store_path: 'messages'); 539 Message::add_message($request, $user1, $user2, $request->all(), file_store_path: 'messages');
554 540
555 //return redirect()->route('employer.dialog', ['user1' => $user1, 'user2' => $user2]); 541 //return redirect()->route('employer.dialog', ['user1' => $user1, 'user2' => $user2]);
556 return redirect()->route('employer.dialog', 542 return redirect()->route('employer.dialog',
557 ['user1' => $user1, 'user2' => $user2, 'ad_employer' => $id_vacancy, 'ad_name' => $ad_name]); 543 ['user1' => $user1, 'user2' => $user2, 'ad_employer' => $id_vacancy, 'ad_name' => $ad_name]);
558 544
559 } 545 }
560 } 546 }
561 547
562 //Избранные люди 548 //Избранные люди
563 public function favorites(Request $request) { 549 public function favorites(Request $request) {
564 $IP_address = RusDate::ip_addr_client(); 550 $IP_address = RusDate::ip_addr_client();
565 $Arr = Like_worker::Query()->select('code_record')->where('ip_address', '=', $IP_address)->get(); 551 $Arr = Like_worker::Query()->select('code_record')->where('ip_address', '=', $IP_address)->get();
566 552
567 if ($Arr->count()) { 553 if ($Arr->count()) {
568 $A = Array(); 554 $A = Array();
569 foreach ($Arr as $it) { 555 foreach ($Arr as $it) {
570 $A[] = $it->code_record; 556 $A[] = $it->code_record;
571 } 557 }
572 558
573 $Workers = Worker::query()->whereIn('id', $A); 559 $Workers = Worker::query()->whereIn('id', $A);
574 } else { 560 } else {
575 $Workers = Worker::query()->where('id', '=', '0'); 561 $Workers = Worker::query()->where('id', '=', '0');
576 } 562 }
577 563
578 if (($request->has('search')) && (!empty($request->get('search')))) { 564 if (($request->has('search')) && (!empty($request->get('search')))) {
579 $search = $request->get('search'); 565 $search = $request->get('search');
580 566
581 $Workers = $Workers->WhereHas('users', 567 $Workers = $Workers->WhereHas('users',
582 function (Builder $query) use ($search) { 568 function (Builder $query) use ($search) {
583 $query->Where('surname', 'LIKE', "%$search%") 569 $query->Where('surname', 'LIKE', "%$search%")
584 ->orWhere('name_man', 'LIKE', "%$search%") 570 ->orWhere('name_man', 'LIKE', "%$search%")
585 ->orWhere('surname2', 'LIKE', "%$search%"); 571 ->orWhere('surname2', 'LIKE', "%$search%");
586 }); 572 });
587 } else { 573 } else {
588 $Workers = $Workers->with('users'); 574 $Workers = $Workers->with('users');
589 } 575 }
590 576
591 $Workers = $Workers->get(); 577 $Workers = $Workers->get();
592 578
593 579
594 return view('employers.favorite', compact('Workers')); 580 return view('employers.favorite', compact('Workers'));
595 } 581 }
596 582
597 // База данных 583 // База данных
598 public function bd(Request $request) { 584 public function bd(Request $request) {
599 $users = User_Model::query()->with('workers')->with('jobtitles'); 585 $users = User_Model::query()->with('workers')->with('jobtitles');
600 586
601 if ($request->has('search')) { 587 if ($request->has('search')) {
602 $find_key = $request->get('search'); 588 $find_key = $request->get('search');
603 $users = $users->where('name', 'LIKE', "%$find_key%") 589 $users = $users->where('name', 'LIKE', "%$find_key%")
604 ->orWhere('surname', 'LIKE', "%$find_key%") 590 ->orWhere('surname', 'LIKE', "%$find_key%")
605 ->orWhere('name_man', 'LIKE', "%$find_key%") 591 ->orWhere('name_man', 'LIKE', "%$find_key%")
606 ->orWhere('email', 'LIKE', "%$find_key%") 592 ->orWhere('email', 'LIKE', "%$find_key%")
607 ->orWhere('telephone', 'LIKE', "%$find_key%"); 593 ->orWhere('telephone', 'LIKE', "%$find_key%");
608 } 594 }
609 595
610 // Данные 596 // Данные
611 $users = $users->Baseuser()-> 597 $users = $users->Baseuser()->
612 orderByDesc(Worker::select('created_at')->whereColumn('workers.user_id', 'users.id')); 598 orderByDesc(Worker::select('created_at')->whereColumn('workers.user_id', 'users.id'));
613 $count_users = $users; 599 $count_users = $users;
614 $users = $users->paginate(5); 600 $users = $users->paginate(5);
615 601
616 $export_options = DbExportColumns::toArray(); 602 $export_options = DbExportColumns::toArray();
617 603
618 $jobs_titles = Job_title::select('id', 'name') 604 $jobs_titles = Job_title::select('id', 'name')
619 ->where('is_remove', '=', 0) 605 ->where('is_remove', '=', 0)
620 ->where('is_bd', '=', 2) 606 ->where('is_bd', '=', 2)
621 ->orderByDesc('sort') 607 ->orderByDesc('sort')
622 ->orderBy('name', 'asc') 608 ->orderBy('name', 'asc')
623 ->get() 609 ->get()
624 ->toArray() 610 ->toArray()
625 ; 611 ;
626 612
627 return view('employers.bd', compact('users', 'count_users', 'export_options', 'jobs_titles')); 613 return view('employers.bd', compact('users', 'count_users', 'export_options', 'jobs_titles'));
628 } 614 }
629 615
630 //Настройка уведомлений 616 //Настройка уведомлений
631 public function subscribe() { 617 public function subscribe() {
632 return view('employers.subcribe'); 618 return view('employers.subcribe');
633 } 619 }
634 620
635 //Установка уведомлений сохранение 621 //Установка уведомлений сохранение
636 public function save_subscribe(Request $request) { 622 public function save_subscribe(Request $request) {
637 dd($request->all()); 623 dd($request->all());
638 $msg = $request->validate([ 624 $msg = $request->validate([
639 'subscribe_email' => 'required|email|min:5|max:255', 625 'subscribe_email' => 'required|email|min:5|max:255',
640 ]); 626 ]);
641 return redirect()->route('employer.subscribe')->with('Вы успешно подписались на рассылку'); 627 return redirect()->route('employer.subscribe')->with('Вы успешно подписались на рассылку');
642 } 628 }
643 629
644 //Сбросить форму с паролем 630 //Сбросить форму с паролем
645 public function password_reset() { 631 public function password_reset() {
646 $email = Auth()->user()->email; 632 $email = Auth()->user()->email;
647 return view('employers.password-reset', compact('email')); 633 return view('employers.password-reset', compact('email'));
648 } 634 }
649 635
650 //Обновление пароля 636 //Обновление пароля
651 public function new_password(Request $request) { 637 public function new_password(Request $request) {
652 $use = Auth()->user(); 638 $use = Auth()->user();
653 $request->validate([ 639 $request->validate([
654 'password' => 'required|string', 640 'password' => 'required|string',
655 'new_password' => 'required|string', 641 'new_password' => 'required|string',
656 'new_password2' => 'required|string' 642 'new_password2' => 'required|string'
657 ]); 643 ]);
658 644
659 if ($request->get('new_password') == $request->get('new_password2')) 645 if ($request->get('new_password') == $request->get('new_password2'))
660 if ($request->get('password') !== $request->get('new_password')) { 646 if ($request->get('password') !== $request->get('new_password')) {
661 $credentials = $request->only('email', 'password'); 647 $credentials = $request->only('email', 'password');
662 if (Auth::attempt($credentials)) { 648 if (Auth::attempt($credentials)) {
663 649
664 if (!is_null($use->email_verified_at)){ 650 if (!is_null($use->email_verified_at)){
665 651
666 $user_data = User_Model::find($use->id); 652 $user_data = User_Model::find($use->id);
667 $user_data->update([ 653 $user_data->update([
668 'password' => Hash::make($request->get('new_password')), 654 'password' => Hash::make($request->get('new_password')),
669 'pubpassword' => base64_encode($request->get('new_password')), 655 'pubpassword' => base64_encode($request->get('new_password')),
670 ]); 656 ]);
671 return redirect() 657 return redirect()
672 ->route('employer.password_reset') 658 ->route('employer.password_reset')
673 ->with('success', 'Поздравляю! Вы обновили свой пароль!'); 659 ->with('success', 'Поздравляю! Вы обновили свой пароль!');
674 } 660 }
675 661
676 return redirect() 662 return redirect()
677 ->route('employer.password_reset') 663 ->route('employer.password_reset')
678 ->withError('Данная учетная запись не было верифицированна!'); 664 ->withError('Данная учетная запись не было верифицированна!');
679 } 665 }
680 } 666 }
681 667
682 return redirect() 668 return redirect()
683 ->route('employer.password_reset') 669 ->route('employer.password_reset')
684 ->withErrors('Не совпадение данных, обновите пароли!'); 670 ->withErrors('Не совпадение данных, обновите пароли!');
685 } 671 }
686 672
687 673
688 674
689 // Форма Удаление пипла 675 // Форма Удаление пипла
690 public function delete_people() { 676 public function delete_people() {
691 $login = Auth()->user()->email; 677 $login = Auth()->user()->email;
692 return view('employers.delete_people', compact('login')); 678 return view('employers.delete_people', compact('login'));
693 } 679 }
694 680
695 // Удаление аккаунта 681 // Удаление аккаунта
696 public function action_delete_user(Request $request) { 682 public function action_delete_user(Request $request) {
697 $Answer = $request->all(); 683 $Answer = $request->all();
698 $user_id = Auth()->user()->id; 684 $user_id = Auth()->user()->id;
699 $request->validate([ 685 $request->validate([
700 'password' => 'required|string', 686 'password' => 'required|string',
701 ]); 687 ]);
702 688
703 $credentials = $request->only('email', 'password'); 689 $credentials = $request->only('email', 'password');
704 if (Auth::attempt($credentials)) { 690 if (Auth::attempt($credentials)) {
705 Auth::logout(); 691 Auth::logout();
706 $it = User_Model::find($user_id); 692 $it = User_Model::find($user_id);
707 $it->delete(); 693 $it->delete();
708 return redirect()->route('index')->with('success', 'Вы успешно удалили свой аккаунт'); 694 return redirect()->route('index')->with('success', 'Вы успешно удалили свой аккаунт');
709 } else { 695 } else {
710 return redirect()->route('employer.delete_people') 696 return redirect()->route('employer.delete_people')
711 ->withErrors( 'Неверный пароль! Нужен корректный пароль'); 697 ->withErrors( 'Неверный пароль! Нужен корректный пароль');
712 } 698 }
713 } 699 }
714 700
715 public function ajax_delete_user(Request $request) { 701 public function ajax_delete_user(Request $request) {
716 $Answer = $request->all(); 702 $Answer = $request->all();
717 $user_id = Auth()->user()->id; 703 $user_id = Auth()->user()->id;
718 $request->validate([ 704 $request->validate([
719 'password' => 'required|string', 705 'password' => 'required|string',
720 ]); 706 ]);
721 $credentials = $request->only('email', 'password'); 707 $credentials = $request->only('email', 'password');
722 if (Auth::attempt($credentials)) { 708 if (Auth::attempt($credentials)) {
723 709
724 return json_encode(Array('SUCCESS' => 'Вы успешно удалили свой аккаунт', 710 return json_encode(Array('SUCCESS' => 'Вы успешно удалили свой аккаунт',
725 'email' => $request->get('email'), 711 'email' => $request->get('email'),
726 'password' => $request->get('password'))); 712 'password' => $request->get('password')));
727 } else { 713 } else {
728 return json_encode(Array('ERROR' => 'Неверный пароль! Нужен корректный пароль')); 714 return json_encode(Array('ERROR' => 'Неверный пароль! Нужен корректный пароль'));
729 } 715 }
730 } 716 }
731 717
732 // FAQ - Вопросы/ответы для работодателей и соискателей 718 // FAQ - Вопросы/ответы для работодателей и соискателей
733 public function faq() { 719 public function faq() {
734 return view('employers.faq'); 720 return view('employers.faq');
735 } 721 }
736 722
737 // Рассылка сообщений 723 // Рассылка сообщений
738 public function send_all_messages() { 724 public function send_all_messages() {
725 $id = Auth()->user()->id;
726 $sending = Employer::query()->where('user_id', '=', "$id")->first();
727
728 $job_titles = Job_title::query()
729 ->where('is_remove', '=', 0)
730 ->where('is_bd', '=', 1)
731 ->orderByDesc('sort')
732 ->get()
739 $id = Auth()->user()->id; 733 ;
740 $sending = Employer::query()->where('user_id', '=', "$id")->first(); 734
741 735 if ($sending->sending_is)
742 if ($sending->sending_is) 736 return view('employers.send_all', compact('job_titles'));
743 return view('employers.send_all'); 737 else
744 else 738 return view('employers.send_all_danger');
745 return view('employers.send_all_danger'); 739 }
746 } 740
747 741 // Отправка сообщений для информации
742 public function send_all_post(Request $request) {
743 $data = $request->all();
744 $data['user'] = Auth()->user();
745
746 $id = MessagesRequests::create([
747 'user_id' => Auth()->user()->id,
748 'job_titles' => json_encode($data['job_title_ids']),
748 // Отправка сообщений для информации 749 'text' => $data['message_text'],
749 public function send_all_post(Request $request) { 750 ]);
751
752 if (!empty($id)){
753 Mail::to(env('EMAIL_ADMIN'))->send(new MassSendingMessages($data));
754 }
750 $data = $request->all(); 755
751 756 /*$emails = User_Model::query()->where('is_worker', '1')->get();
752 $emails = User_Model::query()->where('is_worker', '1')->get(); 757
753 758 foreach ($emails as $e) {
754 foreach ($emails as $e) { 759 Mail::to($e->email)->send(new SendAllMessages($data));
755 Mail::to($e->email)->send(new SendAllMessages($data)); 760 }*/
756 } 761
757 762 return redirect()->route('employer.send_all_messages')->with('success', 'Запрос на рассылку был успешно отправлен.');
758 return redirect()->route('employer.send_all_messages')->with('success', 'Письма были отправлены'); 763 }
759 } 764
760 765 // База резюме
761 // База резюме 766 public function bd_tupe(Request $request) {
762 public function bd_tupe(Request $request) { 767 $Resume = User_Model::query()->with('workers')->where('is_bd', '=', '1')->get();
763 $Resume = User_Model::query()->with('workers')->where('is_bd', '=', '1')->get(); 768
764 769 return view('employers.bd_tupe', compact('Resume'));
765 return view('employers.bd_tupe', compact('Resume')); 770 }
766 } 771
767 772 //////////////////////////////////////////////////////////////////
768 ////////////////////////////////////////////////////////////////// 773 // Отправил сообщение
769 // Отправил сообщение 774 //////////////////////////////////////////////////////////////////
770 ////////////////////////////////////////////////////////////////// 775 public function new_message(Request $request) {
771 public function new_message(Request $request) { 776 $params = $request->all();
772 $params = $request->all(); 777
773 778 $id = $params['_user_id'];
774 $id = $params['_user_id']; 779 $message_params = [
775 $message_params = [ 780 'title' => $params['title'],
776 'title' => $params['title'], 781 'text' => $params['text'],
777 'text' => $params['text'], 782 'ad_employer_id' => $params['_vacancy'],
778 'ad_employer_id' => $params['_vacancy'], 783 'flag_new' => 1
779 'flag_new' => 1 784 ];
780 ]; 785
781 786 Message::add_message(
782 Message::add_message( 787 $request,
783 $request, 788 $params['_user_id'],
784 $params['_user_id'], 789 $params['_to_user_id'],
785 $params['_to_user_id'], 790 $message_params,
786 $message_params, 791 file_store_path: "worker/$id"
787 file_store_path: "worker/$id" 792 );
788 ); 793
789 794 return redirect()->route('employer.messages', ['type_message' => 'output']);
790 return redirect()->route('employer.messages', ['type_message' => 'output']); 795 }
791 } 796
app/Http/Controllers/HomeController.php
Diff comments   View file @ 3b5284e
1 <?php 1 <?php
2 2
3 namespace App\Http\Controllers; 3 namespace App\Http\Controllers;
4 4
5 use App\Models\Message;
5 use Illuminate\Http\Request; 6 use Illuminate\Http\Request;
6 7
7 class HomeController extends Controller 8 class HomeController extends Controller
8 { 9 {
9 /** 10 /**
10 * Create a new controller instance. 11 * Create a new controller instance.
11 * 12 *
12 * @return void 13 * @return void
13 */ 14 */
14 public function __construct() 15 public function __construct()
15 { 16 {
16 $this->middleware('auth'); 17 $this->middleware('auth');
17 } 18 }
18 19
19 /** 20 /**
20 * Show the application dashboard. 21 * Show the application dashboard.
21 * 22 *
22 * @return \Illuminate\Contracts\Support\Renderable 23 * @return \Illuminate\Contracts\Support\Renderable
23 */ 24 */
24 public function index() 25 public function index()
25 { 26 {
26 return view('home'); 27 return view('home');
27 } 28 }
29
30 public function send_message(Request $request)
31 {
32 $user_id = Auth()->user()->id;
33
34 $message_params = [
35 'text' => $request->input('text'),
36 'reply_message_id' => $request->input('reply_message_id', null),
37 ];
38
39 $new_message = Message::add_message(
40 $request,
41 $user_id,
42 $request->input('to_user_id'),
43 $message_params
44 );
45
46 $user_type = Auth()->user()->is_worker ? 'worker' : 'employer';
47
48 return response()->json([
49 'success' => true,
50 'url_redirect' => route($user_type . '.dialog', ['chat' => $new_message->chat_id_to])
51 ]);
52 }
28 } 53 }
29 54
app/Http/Controllers/WorkerController.php
Diff comments   View file @ 3b5284e
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\Http\Requests\PrevCompanyRequest; 7 use App\Http\Requests\PrevCompanyRequest;
8 use App\Http\Requests\SertificationRequest; 8 use App\Http\Requests\SertificationRequest;
9 use App\Models\Ad_employer; 9 use App\Models\Ad_employer;
10 use App\Models\ad_response; 10 use App\Models\ad_response;
11 use App\Models\Chat; 11 use App\Models\Chat;
12 use App\Models\Dop_info; 12 use App\Models\Dop_info;
13 use App\Models\infobloks; 13 use App\Models\infobloks;
14 use App\Models\Job_title; 14 use App\Models\Job_title;
15 use App\Models\Like_vacancy; 15 use App\Models\Like_vacancy;
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\PrevCompany; 18 use App\Models\PrevCompany;
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\Title_worker; 22 use App\Models\Title_worker;
23 use App\Models\User; 23 use App\Models\User;
24 use App\Models\User as User_Model; 24 use App\Models\User as User_Model;
25 use App\Models\Worker; 25 use App\Models\Worker;
26 use Barryvdh\DomPDF\Facade\Pdf; 26 use Barryvdh\DomPDF\Facade\Pdf;
27 use Carbon\Carbon; 27 use Carbon\Carbon;
28 use Illuminate\Auth\Events\Registered; 28 use Illuminate\Auth\Events\Registered;
29 use Illuminate\Database\Eloquent\Builder; 29 use Illuminate\Database\Eloquent\Builder;
30 use Illuminate\Http\Request; 30 use Illuminate\Http\Request;
31 use Illuminate\Support\Facades\Auth; 31 use Illuminate\Support\Facades\Auth;
32 use Illuminate\Support\Facades\Hash; 32 use Illuminate\Support\Facades\Hash;
33 use Illuminate\Support\Facades\Storage; 33 use Illuminate\Support\Facades\Storage;
34 use Illuminate\Support\Facades\Validator; 34 use Illuminate\Support\Facades\Validator;
35 use PhpOffice\PhpSpreadsheet\Spreadsheet; 35 use PhpOffice\PhpSpreadsheet\Spreadsheet;
36 use PhpOffice\PhpSpreadsheet\Writer\Xlsx; 36 use PhpOffice\PhpSpreadsheet\Writer\Xlsx;
37 use Symfony\Component\HttpFoundation\StreamedResponse; 37 use Symfony\Component\HttpFoundation\StreamedResponse;
38 use App\Enums\DbExportColumns; 38 use App\Enums\DbExportColumns;
39 use App\Enums\WorkerStatuses; 39 use App\Enums\WorkerStatuses;
40 use DateTime; 40 use DateTime;
41 41
42 class WorkerController extends Controller 42 class WorkerController extends Controller
43 { 43 {
44 //профиль 44 //профиль
45 public function profile(Worker $worker) 45 public function profile(Worker $worker)
46 { 46 {
47 $get_date = date('Y.m'); 47 $get_date = date('Y.m');
48 48
49 $c = Static_worker::query()->where('year_month', '=', $get_date) 49 $c = Static_worker::query()->where('year_month', '=', $get_date)
50 ->where('user_id', '=', $worker->users->id) 50 ->where('user_id', '=', $worker->users->id)
51 ->get(); 51 ->get();
52 52
53 if ($c->count() > 0) { 53 if ($c->count() > 0) {
54 $upd = Static_worker::find($c[0]->id); 54 $upd = Static_worker::find($c[0]->id);
55 $upd->lookin = $upd->lookin + 1; 55 $upd->lookin = $upd->lookin + 1;
56 $upd->save(); 56 $upd->save();
57 } else { 57 } else {
58 $crt = new Static_worker(); 58 $crt = new Static_worker();
59 $crt->lookin = 1; 59 $crt->lookin = 1;
60 $crt->year_month = $get_date; 60 $crt->year_month = $get_date;
61 $crt->user_id = $worker->user_id; 61 $crt->user_id = $worker->user_id;
62 $crt->save(); 62 $crt->save();
63 } 63 }
64 64
65 $stat = Static_worker::query()->where('year_month', '=', $get_date) 65 $stat = Static_worker::query()->where('year_month', '=', $get_date)
66 ->where('user_id', '=', $worker->users->id) 66 ->where('user_id', '=', $worker->users->id)
67 ->get(); 67 ->get();
68 68
69 return view('public.workers.profile', compact('worker', 'stat')); 69 return view('public.workers.profile', compact('worker', 'stat'));
70 } 70 }
71 71
72 // лист база резюме 72 // лист база резюме
73 public function bd_resume(Request $request) 73 public function bd_resume(Request $request)
74 { 74 {
75 $look = false; 75 $look = false;
76 $idiot = 0; 76 $idiot = 0;
77 if (isset(Auth()->user()->id)) { 77 if (isset(Auth()->user()->id)) {
78 $idiot = Auth()->user()->id; 78 $idiot = Auth()->user()->id;
79 if ((!Auth()->user()->is_worker) && (Auth()->user()->is_lookin)) 79 if ((!Auth()->user()->is_worker) && (Auth()->user()->is_lookin))
80 $look = true; 80 $look = true;
81 } 81 }
82 82
83 if ($look) { 83 if ($look) {
84 $status_work = WorkerStatuses::getWorkerStatuses(); 84 $status_work = WorkerStatuses::getWorkerStatuses();
85 $resumes = Worker::query()->with('users')->with('job_titles')->orderByDesc('updated_at');; 85 $resumes = Worker::query()->with('users')->with('job_titles')->orderByDesc('updated_at');;
86 $resumes = $resumes->whereHas('users', function (Builder $query) { 86 $resumes = $resumes->whereHas('users', function (Builder $query) {
87 $query->Where('is_worker', '=', '1') 87 $query->Where('is_worker', '=', '1')
88 ->Where('is_bd', '=', '0'); 88 ->Where('is_bd', '=', '0');
89 }); 89 });
90 90
91 //dd($request->get('job')); 91 //dd($request->get('job'));
92 if (($request->has('job')) && ($request->get('job') > 0)) { 92 if (($request->has('job')) && ($request->get('job') > 0)) {
93 $resumes = $resumes->whereHas('job_titles', function (Builder $query) use ($request) { 93 $resumes = $resumes->whereHas('job_titles', function (Builder $query) use ($request) {
94 $query->Where('job_titles.id', $request->get('job')); 94 $query->Where('job_titles.id', $request->get('job'));
95 }); 95 });
96 } 96 }
97 97
98 $Job_title = Job_title::query()-> 98 $Job_title = Job_title::query()->
99 where('is_remove', '=', '0')-> 99 where('is_remove', '=', '0')->
100 where('is_bd', '=' , '1')-> 100 where('is_bd', '=' , '1')->
101 get(); 101 get();
102 102
103 if ($request->get('sort')) { 103 if ($request->get('sort')) {
104 $sort = $request->get('sort'); 104 $sort = $request->get('sort');
105 switch ($sort) { 105 switch ($sort) {
106 case 'looking_for_work': 106 case 'looking_for_work':
107 $resumes->where('status_work', '=', WorkerStatuses::LookingForWork->value); 107 $resumes->where('status_work', '=', WorkerStatuses::LookingForWork->value);
108 break; 108 break;
109 case 'considering_offers': 109 case 'considering_offers':
110 $resumes->where('status_work', '=', WorkerStatuses::ConsideringOffers->value); 110 $resumes->where('status_work', '=', WorkerStatuses::ConsideringOffers->value);
111 break; 111 break;
112 case 'not_looking_for_work': 112 case 'not_looking_for_work':
113 $resumes->where('status_work', '=', WorkerStatuses::NotLookingForWork->value); 113 $resumes->where('status_work', '=', WorkerStatuses::NotLookingForWork->value);
114 break; 114 break;
115 } 115 }
116 } 116 }
117 117
118 $res_count = $resumes->count(); 118 $res_count = $resumes->count();
119 //$resumes = $resumes->get(); 119 //$resumes = $resumes->get();
120 $resumes = $resumes->paginate(4); 120 $resumes = $resumes->paginate(4);
121 if ($request->ajax()) { 121 if ($request->ajax()) {
122 // Условия обставлены 122 // Условия обставлены
123 if ($request->has('block') && ($request->get('block') == 1)) { 123 if ($request->has('block') && ($request->get('block') == 1)) {
124 return view('ajax.resume_1', compact('resumes', 'status_work', 'res_count', 'idiot')); 124 return view('ajax.resume_1', compact('resumes', 'status_work', 'res_count', 'idiot'));
125 } 125 }
126 } else { 126 } else {
127 return view('resume', compact('resumes', 'status_work', 'res_count', 'idiot', 'Job_title')); 127 return view('resume', compact('resumes', 'status_work', 'res_count', 'idiot', 'Job_title'));
128 } 128 }
129 } else { 129 } else {
130 return redirect()->route('index')->withErrors(['errors' => ['Вы не можете просматривать базу резюме. Подробнее в меню: "Условия размещения"']]); 130 return redirect()->route('index')->withErrors(['errors' => ['Вы не можете просматривать базу резюме. Подробнее в меню: "Условия размещения"']]);
131 } 131 }
132 } 132 }
133 133
134 public function basic_information(){ 134 public function basic_information(){
135 if (!isset(Auth()->user()->id)) { 135 if (!isset(Auth()->user()->id)) {
136 abort(404); 136 abort(404);
137 } 137 }
138 138
139 $user_id = Auth()->user()->id; 139 $user_id = Auth()->user()->id;
140 140
141 $user = User::query() 141 $user = User::query()
142 ->with('workers') 142 ->with('workers')
143 ->with(['jobtitles' => function ($query) { 143 ->with(['jobtitles' => function ($query) {
144 $query->select('job_titles.id'); 144 $query->select('job_titles.id');
145 }]) 145 }])
146 ->where('id', '=', $user_id) 146 ->where('id', '=', $user_id)
147 ->first(); 147 ->first();
148 $user->workers[0]->job_titles = $user->workers[0]->job_titles->pluck('id')->toArray(); 148 $user->workers[0]->job_titles = $user->workers[0]->job_titles->pluck('id')->toArray();
149 149
150 $job_titles = Job_title::query() 150 $job_titles = Job_title::query()
151 ->where('is_remove', '=', 0) 151 ->where('is_remove', '=', 0)
152 ->where('is_bd', '=', 1) 152 ->where('is_bd', '=', 1)
153 ->orderByDesc('sort') 153 ->orderByDesc('sort')
154 ->get() 154 ->get()
155 ; 155 ;
156 156
157 return view('workers.form_basic_information', compact('user', 'job_titles')); 157 return view('workers.form_basic_information', compact('user', 'job_titles'));
158 } 158 }
159 159
160 public function additional_documents(){ 160 public function additional_documents(){
161 if (!isset(Auth()->user()->id)) { 161 if (!isset(Auth()->user()->id)) {
162 abort(404); 162 abort(404);
163 } 163 }
164 164
165 $user_id = Auth()->user()->id; 165 $user_id = Auth()->user()->id;
166 166
167 $info_blocks = infobloks::query()->OrderBy('name')->get(); 167 $info_blocks = infobloks::query()->OrderBy('name')->get();
168 $additional_document_statuses = [0 => 'Не указано', 1 => 'В наличии', 2 => 'Отсутствует']; 168 $additional_document_statuses = [0 => 'Не указано', 1 => 'В наличии', 2 => 'Отсутствует'];
169 169
170 $worker = Worker::query() 170 $worker = Worker::query()
171 ->with('users') 171 ->with('users')
172 ->with('infobloks') 172 ->with('infobloks')
173 ->WhereHas('users', function (Builder $query) use ($user_id) { 173 ->WhereHas('users', function (Builder $query) use ($user_id) {
174 $query->Where('id', $user_id); 174 $query->Where('id', $user_id);
175 }) 175 })
176 ->first(); 176 ->first();
177 if ($worker->dop_info->count()){ 177 if ($worker->dop_info->count()){
178 $worker->dop_info = $worker->dop_info->keyBy('infoblok_id')->toArray(); 178 $worker->dop_info = $worker->dop_info->keyBy('infoblok_id')->toArray();
179 } 179 }
180 180
181 return view('workers.form_additional_documents', compact('worker', 'info_blocks', 'additional_document_statuses')); 181 return view('workers.form_additional_documents', compact('worker', 'info_blocks', 'additional_document_statuses'));
182 } 182 }
183 183
184 //Лайк резюме 184 //Лайк резюме
185 public function like_controller() { 185 public function like_controller() {
186 186
187 } 187 }
188 188
189 // анкета соискателя 189 // анкета соискателя
190 public function resume_profile(Worker $worker) 190 public function resume_profile(Worker $worker)
191 { 191 {
192 if (isset(Auth()->user()->id)) { 192 if (isset(Auth()->user()->id)) {
193 $idiot = Auth()->user()->id; 193 $idiot = Auth()->user()->id;
194 } else { 194 } else {
195 $idiot = 0; 195 $idiot = 0;
196 } 196 }
197 197
198 $status_work = WorkerStatuses::getWorkerStatuses(); 198 $status_work = WorkerStatuses::getWorkerStatuses();
199 $Query = Worker::query()->with('users')->with('job_titles') 199 $Query = Worker::query()->with('users')->with('job_titles')
200 ->with('place_worker')->with('sertificate')->with('prev_company') 200 ->with('place_worker')->with('sertificate')->with('prev_company')
201 ->with('infobloks')->with('response'); 201 ->with('infobloks')->with('response');
202 $Query = $Query->where('id', '=', $worker->id); 202 $Query = $Query->where('id', '=', $worker->id);
203 $Query = $Query->get(); 203 $Query = $Query->get();
204 204
205 $get_date = date('Y.m'); 205 $get_date = date('Y.m');
206 206
207 $infoblocks = infobloks::query()->get(); 207 $infoblocks = infobloks::query()->get();
208 208
209 $c = Static_worker::query()->where('year_month', '=', $get_date) 209 $c = Static_worker::query()->where('year_month', '=', $get_date)
210 ->where('user_id', '=', $worker->user_id) 210 ->where('user_id', '=', $worker->user_id)
211 ->get(); 211 ->get();
212 212
213 if ($c->count() > 0) { 213 if ($c->count() > 0) {
214 $upd = Static_worker::find($c[0]->id); 214 $upd = Static_worker::find($c[0]->id);
215 $upd->lookin = $upd->lookin + 1; 215 $upd->lookin = $upd->lookin + 1;
216 $upd->save(); 216 $upd->save();
217 } else { 217 } else {
218 $crt = new Static_worker(); 218 $crt = new Static_worker();
219 $crt->lookin = 1; 219 $crt->lookin = 1;
220 $crt->year_month = $get_date; 220 $crt->year_month = $get_date;
221 $crt->user_id = $worker->user_id; 221 $crt->user_id = $worker->user_id;
222 $status = $crt->save(); 222 $status = $crt->save();
223 } 223 }
224 224
225 $stat = Static_worker::query()->where('year_month', '=', $get_date) 225 $stat = Static_worker::query()->where('year_month', '=', $get_date)
226 ->where('user_id', '=', $worker->user_id) 226 ->where('user_id', '=', $worker->user_id)
227 ->get(); 227 ->get();
228 228
229 return view('worker', compact('Query', 'infoblocks', 'status_work', 'idiot', 'stat')); 229 return view('worker', compact('Query', 'infoblocks', 'status_work', 'idiot', 'stat'));
230 } 230 }
231 231
232 // скачать анкету соискателя 232 // скачать анкету соискателя
233 public function resume_download(Worker $worker) 233 public function resume_download(Worker $worker)
234 { 234 {
235 $status_work = WorkerStatuses::getWorkerStatuses(); 235 $status_work = WorkerStatuses::getWorkerStatuses();
236 $Query = Worker::query()->with('users')->with('job_titles') 236 $Query = Worker::query()->with('users')->with('job_titles')
237 ->with('place_worker')->with('sertificate')->with('prev_company') 237 ->with('place_worker')->with('sertificate')->with('prev_company')
238 ->with('infobloks'); 238 ->with('infobloks');
239 $Query = $Query->where('id', '=', $worker->id); 239 $Query = $Query->where('id', '=', $worker->id);
240 $Query = $Query->get(); 240 $Query = $Query->get();
241 241
242 view()->share('Query',$Query); 242 view()->share('Query',$Query);
243 243
244 $status_work = WorkerStatuses::getWorkerStatuses(); 244 $status_work = WorkerStatuses::getWorkerStatuses();
245 $infoblocks = infobloks::query()->get(); 245 $infoblocks = infobloks::query()->get();
246 246
247 //return view('layout.pdf', compact('Query', 'status_work', 'infoblocks')); 247 //return view('layout.pdf', compact('Query', 'status_work', 'infoblocks'));
248 $pdf = PDF::loadView('layout.pdf', [ 248 $pdf = PDF::loadView('layout.pdf', [
249 'Query' => $Query, 249 'Query' => $Query,
250 'status_work' => $status_work, 250 'status_work' => $status_work,
251 'infoblocks' => $infoblocks 251 'infoblocks' => $infoblocks
252 ])->setPaper('a4', 'landscape'); 252 ])->setPaper('a4', 'landscape');
253 253
254 return $pdf->stream(); 254 return $pdf->stream();
255 } 255 }
256 256
257 public function resume_download_all(Request $request) { 257 public function resume_download_all(Request $request) {
258 $spreadsheet = new Spreadsheet(); 258 $spreadsheet = new Spreadsheet();
259 $sheet = $spreadsheet->getActiveSheet(); 259 $sheet = $spreadsheet->getActiveSheet();
260 260
261 $columnMap = range('A', 'Z'); 261 $columnMap = range('A', 'Z');
262 $columns = []; 262 $columns = [];
263 263
264 foreach (DbExportColumns::toArray() as $key => $value){ 264 foreach (DbExportColumns::toArray() as $key => $value){
265 if ($request->input($key, 0)){ 265 if ($request->input($key, 0)){
266 $sheet->setCellValue("{$columnMap[count($columns)]}1", ucfirst($value)); 266 $sheet->setCellValue("{$columnMap[count($columns)]}1", ucfirst($value));
267 $columns[] = str_replace('__', '.', $key); 267 $columns[] = str_replace('__', '.', $key);
268 } 268 }
269 } 269 }
270 270
271 if (empty($columns)) { 271 if (empty($columns)) {
272 return redirect()->back()->with('error', 'Пожалуйста выберите хотя бы 1 колонку для экспорта.'); 272 return redirect()->back()->with('error', 'Пожалуйста выберите хотя бы 1 колонку для экспорта.');
273 } 273 }
274 274
275 $query = User::select($columns) 275 $query = User::select($columns)
276 ->leftJoin('workers', 'users.id', '=', 'workers.user_id') 276 ->leftJoin('workers', 'users.id', '=', 'workers.user_id')
277 ->leftJoin('job_titles', 'workers.position_work', '=', 'job_titles.id') 277 ->leftJoin('job_titles', 'workers.position_work', '=', 'job_titles.id')
278 ->where('users.is_bd', '=', 1) 278 ->where('users.is_bd', '=', 1)
279 ; 279 ;
280 280
281 $job_title_list = $request->input('job_title_list', []); 281 $job_title_list = $request->input('job_title_list', []);
282 if (!empty($job_title_list)){ 282 if (!empty($job_title_list)){
283 $query->whereIn('job_titles.id', $job_title_list); 283 $query->whereIn('job_titles.id', $job_title_list);
284 } 284 }
285 285
286 $users = $query->get(); 286 $users = $query->get();
287 if ($users->count()){ 287 if ($users->count()){
288 $i = 2; 288 $i = 2;
289 foreach ($users->toArray() as $user){ 289 foreach ($users->toArray() as $user){
290 $j = 0; 290 $j = 0;
291 foreach ($user as $field){ 291 foreach ($user as $field){
292 $sheet->setCellValue("{$columnMap[$j++]}$i", $field); 292 $sheet->setCellValue("{$columnMap[$j++]}$i", $field);
293 } 293 }
294 $i++; 294 $i++;
295 } 295 }
296 } 296 }
297 $writer = new Xlsx($spreadsheet); 297 $writer = new Xlsx($spreadsheet);
298 $fileName = 'DB.xlsx'; 298 $fileName = 'DB.xlsx';
299 299
300 $response = new StreamedResponse(function() use ($writer) { 300 $response = new StreamedResponse(function() use ($writer) {
301 $writer->save('php://output'); 301 $writer->save('php://output');
302 }); 302 });
303 303
304 $response->headers->set('Content-Type', 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'); 304 $response->headers->set('Content-Type', 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet');
305 $response->headers->set('Content-Disposition', 'attachment;filename="' . $fileName . '"'); 305 $response->headers->set('Content-Disposition', 'attachment;filename="' . $fileName . '"');
306 $response->headers->set('Cache-Control', 'max-age=0'); 306 $response->headers->set('Cache-Control', 'max-age=0');
307 307
308 return $response; 308 return $response;
309 } 309 }
310 310
311 // Кабинет работника 311 // Кабинет работника
312 public function cabinet(Request $request) 312 public function cabinet(Request $request)
313 { 313 {
314 // дата год и месяц 314 // дата год и месяц
315 $get_date = date('Y.m'); 315 $get_date = date('Y.m');
316 316
317 $id = Auth()->user()->id; 317 $id = Auth()->user()->id;
318 318
319 $Infobloks = infobloks::query()->get(); 319 $Infobloks = infobloks::query()->get();
320 320
321 $Worker = Worker::query()->with('users')->with('sertificate')->with('prev_company')-> 321 $Worker = Worker::query()->with('users')->with('sertificate')->with('prev_company')->
322 with('infobloks')->with('place_worker')-> 322 with('infobloks')->with('place_worker')->
323 WhereHas('users', 323 WhereHas('users',
324 function (Builder $query) use ($id) {$query->Where('id', $id); 324 function (Builder $query) use ($id) {$query->Where('id', $id);
325 })->get(); 325 })->get();
326 326
327 $Job_titles = Job_title::query()->where('is_remove', '=', '0')-> 327 $Job_titles = Job_title::query()->where('is_remove', '=', '0')->
328 where('is_bd', '=' , '1')-> 328 where('is_bd', '=' , '1')->
329 OrderByDesc('sort')->OrderBy('name')->get(); 329 OrderByDesc('sort')->OrderBy('name')->get();
330 330
331 331
332 $stat = Static_worker::query()->where('year_month', '=', $get_date) 332 $stat = Static_worker::query()->where('year_month', '=', $get_date)
333 ->where('user_id', '=', $id) 333 ->where('user_id', '=', $id)
334 ->get(); 334 ->get();
335 335
336 336
337 // 10% 337 // 10%
338 338
339 $persent = 10; 339 $persent = 10;
340 $persent1 = 0; 340 $persent1 = 0;
341 $persent2 = 0; 341 $persent2 = 0;
342 $persent3 = 0; 342 $persent3 = 0;
343 $persent4 = 0; 343 $persent4 = 0;
344 $persent5 = 0; 344 $persent5 = 0;
345 345
346 if ((!empty($Worker[0]->telephone)) && 346 if ((!empty($Worker[0]->telephone)) &&
347 (!empty($Worker[0]->email)) && (!empty($Worker[0]->experience)) && 347 (!empty($Worker[0]->email)) && (!empty($Worker[0]->experience)) &&
348 (!empty($Worker[0]->city)) && (!empty($Worker[0]->old_year))) { 348 (!empty($Worker[0]->city)) && (!empty($Worker[0]->old_year))) {
349 // 40% 349 // 40%
350 $persent = $persent + 40; 350 $persent = $persent + 40;
351 $persent1 = 40; 351 $persent1 = 40;
352 } 352 }
353 353
354 //dd($Worker[0]->status_work, $Worker[0]->telephone, $Worker[0]->email, $Worker[0]->experience, $Worker[0]->city, $Worker[0]->old_year); 354 //dd($Worker[0]->status_work, $Worker[0]->telephone, $Worker[0]->email, $Worker[0]->experience, $Worker[0]->city, $Worker[0]->old_year);
355 355
356 if ($Worker[0]->sertificate->count() > 0) { 356 if ($Worker[0]->sertificate->count() > 0) {
357 // 15% 357 // 15%
358 $persent = $persent + 15; 358 $persent = $persent + 15;
359 $persent2 = 15; 359 $persent2 = 15;
360 } 360 }
361 361
362 if ($Worker[0]->infobloks->count() > 0) { 362 if ($Worker[0]->infobloks->count() > 0) {
363 // 20% 363 // 20%
364 $persent = $persent + 20; 364 $persent = $persent + 20;
365 $persent3 = 20; 365 $persent3 = 20;
366 } 366 }
367 367
368 if ($Worker[0]->prev_company->count() > 0) { 368 if ($Worker[0]->prev_company->count() > 0) {
369 // 10% 369 // 10%
370 $persent = $persent + 10; 370 $persent = $persent + 10;
371 $persent4 = 10; 371 $persent4 = 10;
372 } 372 }
373 373
374 if (!empty($Worker[0]->photo)) { 374 if (!empty($Worker[0]->photo)) {
375 // 5% 375 // 5%
376 $persent = $persent + 5; 376 $persent = $persent + 5;
377 $persent5 = 5; 377 $persent5 = 5;
378 } 378 }
379 379
380 $status_work = WorkerStatuses::getWorkerStatuses(); 380 $status_work = WorkerStatuses::getWorkerStatuses();
381 $additional_document_statuses = [0 => 'Не указано', 1 => 'В наличии', 2 => 'Отсутствует']; 381 $additional_document_statuses = [0 => 'Не указано', 1 => 'В наличии', 2 => 'Отсутствует'];
382 $info_blocks = infobloks::query()->OrderBy('name')->get(); 382 $info_blocks = infobloks::query()->OrderBy('name')->get();
383 383
384 $worker = Worker::query() 384 $worker = Worker::query()
385 ->with('users') 385 ->with('users')
386 ->with('sertificate') 386 ->with('sertificate')
387 ->with('prev_company') 387 ->with('prev_company')
388 ->with('infobloks') 388 ->with('infobloks')
389 ->with('place_worker') 389 ->with('place_worker')
390 ->with('job_titles') 390 ->with('job_titles')
391 ->WhereHas('users', function (Builder $query) use ($id) { 391 ->WhereHas('users', function (Builder $query) use ($id) {
392 $query->Where('id', $id); 392 $query->Where('id', $id);
393 }) 393 })
394 ->first(); 394 ->first();
395 if ($worker->dop_info->count()){ 395 if ($worker->dop_info->count()){
396 $worker->dop_info = $worker->dop_info->keyBy('infoblok_id')->toArray(); 396 $worker->dop_info = $worker->dop_info->keyBy('infoblok_id')->toArray();
397 } 397 }
398 398
399 //dd($worker->dop_info); 399 //dd($worker->dop_info);
400 400
401 if ($request->has('print')) { 401 if ($request->has('print')) {
402 dd($Worker); 402 dd($Worker);
403 } else { 403 } else {
404 return view('workers.cabinet', compact( 'persent', 'Job_titles', 'stat', 404 return view('workers.cabinet', compact( 'persent', 'Job_titles', 'stat',
405 'worker', 'info_blocks', 'status_work', 'additional_document_statuses' 405 'worker', 'info_blocks', 'status_work', 'additional_document_statuses'
406 )); 406 ));
407 } 407 }
408 } 408 }
409 409
410 // Сохранение данных 410 // Сохранение данных
411 public function cabinet_save(Worker $worker, Request $request) 411 public function cabinet_save(Worker $worker, Request $request)
412 { 412 {
413 $id = $worker->id; 413 $id = $worker->id;
414 $params = $request->all(); 414 $params = $request->all();
415 $job_title_id = $request->get('job_title_id'); 415 $job_title_id = $request->get('job_title_id');
416 416
417 $rules = [ 417 $rules = [
418 'surname' => ['required', 'string', 'max:255'], 418 'surname' => ['required', 'string', 'max:255'],
419 'name_man' => ['required', 'string', 'max:255'], 419 'name_man' => ['required', 'string', 'max:255'],
420 'email' => ['required', 'string', 'email', 'max:255'], 420 'email' => ['required', 'string', 'email', 'max:255'],
421 421
422 ]; 422 ];
423 423
424 $messages = [ 424 $messages = [
425 'required' => 'Укажите обязательное поле', 425 'required' => 'Укажите обязательное поле',
426 'min' => [ 426 'min' => [
427 'string' => 'Поле «:attribute» должно быть не меньше :min символов', 427 'string' => 'Поле «:attribute» должно быть не меньше :min символов',
428 'integer' => 'Поле «:attribute» должно быть :min или больше', 428 'integer' => 'Поле «:attribute» должно быть :min или больше',
429 'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт' 429 'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт'
430 ], 430 ],
431 'max' => [ 431 'max' => [
432 'string' => 'Поле «:attribute» должно быть не больше :max символов', 432 'string' => 'Поле «:attribute» должно быть не больше :max символов',
433 'integer' => 'Поле «:attribute» должно быть :max или меньше', 433 'integer' => 'Поле «:attribute» должно быть :max или меньше',
434 'file' => 'Файл «:attribute» должен быть не больше :max Кбайт' 434 'file' => 'Файл «:attribute» должен быть не больше :max Кбайт'
435 ] 435 ]
436 ]; 436 ];
437 437
438 $validator = Validator::make($params, $rules, $messages); 438 $validator = Validator::make($params, $rules, $messages);
439 439
440 if ($validator->fails()) { 440 if ($validator->fails()) {
441 return redirect()->route('worker.cabinet')->withErrors($validator); 441 return redirect()->route('worker.cabinet')->withErrors($validator);
442 } else { 442 } else {
443 443
444 if ($request->has('photo')) { 444 if ($request->has('photo')) {
445 if (!empty($worker->photo)) { 445 if (!empty($worker->photo)) {
446 Storage::delete($worker->photo); 446 Storage::delete($worker->photo);
447 } 447 }
448 $params['photo'] = $request->file('photo')->store("worker/$id", 'public'); 448 $params['photo'] = $request->file('photo')->store("worker/$id", 'public');
449 } 449 }
450 450
451 if ($request->has('file')) { 451 if ($request->has('file')) {
452 if (!empty($worker->file)) { 452 if (!empty($worker->file)) {
453 Storage::delete($worker->file); 453 Storage::delete($worker->file);
454 } 454 }
455 $params['file'] = $request->file('file')->store("worker/$id", 'public'); 455 $params['file'] = $request->file('file')->store("worker/$id", 'public');
456 } 456 }
457 457
458 $worker->update($params); 458 $worker->update($params);
459 $use = User::find($worker->user_id); 459 $use = User::find($worker->user_id);
460 $use->surname = $request->get('surname'); 460 $use->surname = $request->get('surname');
461 $use->name_man = $request->get('name_man'); 461 $use->name_man = $request->get('name_man');
462 $use->surname2 = $request->get('surname2'); 462 $use->surname2 = $request->get('surname2');
463 463
464 $use->save(); 464 $use->save();
465 $worker->job_titles()->sync($job_title_id); 465 $worker->job_titles()->sync($job_title_id);
466 466
467 return redirect()->route('worker.cabinet')->with('success', 'Данные были успешно сохранены'); 467 return redirect()->route('worker.cabinet')->with('success', 'Данные были успешно сохранены');
468 } 468 }
469 } 469 }
470 470
471 public function cabinet_save_foto(Worker $worker, Request $request){ 471 public function cabinet_save_foto(Worker $worker, Request $request){
472 $params = ['photo' => null]; 472 $params = ['photo' => null];
473 473
474 if ($request->has('photo')) { 474 if ($request->has('photo')) {
475 if (!empty($worker->photo)) { 475 if (!empty($worker->photo)) {
476 Storage::delete($worker->photo); 476 Storage::delete($worker->photo);
477 } 477 }
478 $params['photo'] = $request->file('photo')->store("worker/$worker->id", 'public'); 478 $params['photo'] = $request->file('photo')->store("worker/$worker->id", 'public');
479 } 479 }
480 480
481 if ($request->has('file')) { 481 if ($request->has('file')) {
482 if (!empty($worker->file)) { 482 if (!empty($worker->file)) {
483 Storage::delete($worker->file); 483 Storage::delete($worker->file);
484 } 484 }
485 $params['file'] = $request->file('file')->store("worker/$worker->id", 'public'); 485 $params['file'] = $request->file('file')->store("worker/$worker->id", 'public');
486 } 486 }
487 487
488 $worker->update($params); 488 $worker->update($params);
489 489
490 return redirect()->route('worker.cabinet'); 490 return redirect()->route('worker.cabinet');
491 } 491 }
492 492
493 // Сообщения данные 493 // Сообщения данные
494 public function messages($type_message) 494 public function messages($type_message)
495 { 495 {
496 $user_id = Auth()->user()->id; 496 $user_id = Auth()->user()->id;
497 497
498 $chats = Chat::get_user_chats($user_id); 498 $chats = Chat::get_user_chats($user_id);
499 $admin_chat = Chat::get_user_admin_chat($user_id);
499 $user_type = 'worker'; 500 $user_type = 'worker';
500 501
501 return view('workers.messages', compact('chats','user_id', 'user_type')); 502 return view('workers.messages', compact('chats', 'admin_chat','user_id', 'user_type'));
502 } 503 }
503 504
504 // Избранный 505 // Избранный
505 public function favorite() 506 public function favorite()
506 { 507 {
507 return view('workers.favorite'); 508 return view('workers.favorite');
508 } 509 }
509 510
510 // Сменить пароль 511 // Сменить пароль
511 public function new_password() 512 public function new_password()
512 { 513 {
513 $email = Auth()->user()->email; 514 $email = Auth()->user()->email;
514 return view('workers.new_password', compact('email')); 515 return view('workers.new_password', compact('email'));
515 } 516 }
516 517
517 // Обновление пароля 518 // Обновление пароля
518 public function save_new_password(Request $request) { 519 public function save_new_password(Request $request) {
519 $use = Auth()->user(); 520 $use = Auth()->user();
520 $request->validate([ 521 $request->validate([
521 'password' => 'required|string', 522 'password' => 'required|string',
522 'new_password' => 'required|string', 523 'new_password' => 'required|string',
523 'new_password2' => 'required|string' 524 'new_password2' => 'required|string'
524 ]); 525 ]);
525 526
526 if ($request->get('new_password') == $request->get('new_password2')) 527 if ($request->get('new_password') == $request->get('new_password2'))
527 if ($request->get('password') !== $request->get('new_password')) { 528 if ($request->get('password') !== $request->get('new_password')) {
528 $credentials = $request->only('email', 'password'); 529 $credentials = $request->only('email', 'password');
529 if (Auth::attempt($credentials, $request->has('save_me'))) { 530 if (Auth::attempt($credentials, $request->has('save_me'))) {
530 531
531 if (!is_null($use->email_verified_at)){ 532 if (!is_null($use->email_verified_at)){
532 533
533 $user_data = User_Model::find($use->id); 534 $user_data = User_Model::find($use->id);
534 $user_data->update([ 535 $user_data->update([
535 'password' => Hash::make($request->get('new_password')), 536 'password' => Hash::make($request->get('new_password')),
536 'pubpassword' => base64_encode($request->get('new_password')), 537 'pubpassword' => base64_encode($request->get('new_password')),
537 ]); 538 ]);
538 return redirect() 539 return redirect()
539 ->route('worker.new_password') 540 ->route('worker.new_password')
540 ->with('success', 'Поздравляю! Вы обновили свой пароль!'); 541 ->with('success', 'Поздравляю! Вы обновили свой пароль!');
541 } 542 }
542 543
543 return redirect() 544 return redirect()
544 ->route('worker.new_password') 545 ->route('worker.new_password')
545 ->withError('Данная учетная запись не было верифицированна!'); 546 ->withError('Данная учетная запись не было верифицированна!');
546 } 547 }
547 } 548 }
548 549
549 return redirect() 550 return redirect()
550 ->route('worker.new_password') 551 ->route('worker.new_password')
551 ->withErrors('Не совпадение данных, обновите пароли!'); 552 ->withErrors('Не совпадение данных, обновите пароли!');
552 } 553 }
553 554
554 // Удаление профиля форма 555 // Удаление профиля форма
555 public function delete_profile() 556 public function delete_profile()
556 { 557 {
557 $login = Auth()->user()->email; 558 $login = Auth()->user()->email;
558 return view('workers.delete_profile', compact('login')); 559 return view('workers.delete_profile', compact('login'));
559 } 560 }
560 561
561 // Удаление профиля код 562 // Удаление профиля код
562 public function delete_profile_result(Request $request) { 563 public function delete_profile_result(Request $request) {
563 $Answer = $request->all(); 564 $Answer = $request->all();
564 $user_id = Auth()->user()->id; 565 $user_id = Auth()->user()->id;
565 $request->validate([ 566 $request->validate([
566 'password' => 'required|string', 567 'password' => 'required|string',
567 ]); 568 ]);
568 569
569 $credentials = $request->only('email', 'password'); 570 $credentials = $request->only('email', 'password');
570 if (Auth::attempt($credentials)) { 571 if (Auth::attempt($credentials)) {
571 Auth::logout(); 572 Auth::logout();
572 $it = User_Model::find($user_id); 573 $it = User_Model::find($user_id);
573 $it->delete(); 574 $it->delete();
574 return redirect()->route('index')->with('success', 'Вы успешно удалили свой аккаунт'); 575 return redirect()->route('index')->with('success', 'Вы успешно удалили свой аккаунт');
575 } else { 576 } else {
576 return redirect()->route('worker.delete_profile') 577 return redirect()->route('worker.delete_profile')
577 ->withErrors( 'Неверный пароль! Нужен корректный пароль'); 578 ->withErrors( 'Неверный пароль! Нужен корректный пароль');
578 } 579 }
579 } 580 }
580 581
581 // Регистрация соискателя 582 // Регистрация соискателя
582 public function register_worker(Request $request) 583 public function register_worker(Request $request)
583 { 584 {
584 $params = $request->all(); 585 $params = $request->all();
585 $params['is_worker'] = 1; 586 $params['is_worker'] = 1;
586 587
587 $rules = [ 588 $rules = [
588 'surname' => ['required', 'string', 'max:255'], 589 'surname' => ['required', 'string', 'max:255'],
589 'name_man' => ['required', 'string', 'max:255'], 590 'name_man' => ['required', 'string', 'max:255'],
590 'email' => ['required', 'email', 'max:255', 'unique:users'], 591 'email' => ['required', 'email', 'max:255', 'unique:users'],
591 'password' => ['required', 'string', 'min:6'] 592 'password' => ['required', 'string', 'min:6']
592 ]; 593 ];
593 594
594 $messages = [ 595 $messages = [
595 'required' => 'Укажите обязательное поле', 596 'required' => 'Укажите обязательное поле',
596 'min' => [ 597 'min' => [
597 'string' => 'Поле «:attribute» должно быть не меньше :min символов', 598 'string' => 'Поле «:attribute» должно быть не меньше :min символов',
598 'integer' => 'Поле «:attribute» должно быть :min или больше', 599 'integer' => 'Поле «:attribute» должно быть :min или больше',
599 'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт' 600 'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт'
600 ], 601 ],
601 'max' => [ 602 'max' => [
602 'string' => 'Поле «:attribute» должно быть не больше :max символов', 603 'string' => 'Поле «:attribute» должно быть не больше :max символов',
603 'integer' => 'Поле «:attribute» должно быть :max или меньше', 604 'integer' => 'Поле «:attribute» должно быть :max или меньше',
604 'file' => 'Файл «:attribute» должен быть не больше :max Кбайт' 605 'file' => 'Файл «:attribute» должен быть не больше :max Кбайт'
605 ] 606 ]
606 ]; 607 ];
607 608
608 $email = $request->get('email'); 609 $email = $request->get('email');
609 if (!preg_match("/^[a-zA-Z0-9_\-.]+@[a-zA-Z0-9\-]+\.[a-zA-Z0-9\-.]+$/", $email)) { 610 if (!preg_match("/^[a-zA-Z0-9_\-.]+@[a-zA-Z0-9\-]+\.[a-zA-Z0-9\-.]+$/", $email)) {
610 return json_encode(Array("ERROR" => "Error: Отсутствует емайл или некорректный емайл")); 611 return json_encode(Array("ERROR" => "Error: Отсутствует емайл или некорректный емайл"));
611 } 612 }
612 613
613 if ($request->get('password') !== $request->get('confirmed')){ 614 if ($request->get('password') !== $request->get('confirmed')){
614 return json_encode(Array("ERROR" => "Error: Не совпадают пароль и подтверждение пароля")); 615 return json_encode(Array("ERROR" => "Error: Не совпадают пароль и подтверждение пароля"));
615 } 616 }
616 617
617 if (strlen($request->get('password')) < 6) { 618 if (strlen($request->get('password')) < 6) {
618 return json_encode(Array("ERROR" => "Error: Недостаточная длина пароля! Увеличьте себе длину пароля!")); 619 return json_encode(Array("ERROR" => "Error: Недостаточная длина пароля! Увеличьте себе длину пароля!"));
619 } 620 }
620 621
621 /*$haystack = $request->get('password'); 622 /*$haystack = $request->get('password');
622 623
623 $specsumbol = Array('!','~', '#', '$', '%', '^', '&', '*', '(', ')', '-', '=', ';', ':', '<', '>', '?'); 624 $specsumbol = Array('!','~', '#', '$', '%', '^', '&', '*', '(', ')', '-', '=', ';', ':', '<', '>', '?');
624 $alpha = Array('Q', 'W', 'E', 'R', 'T', 'Y', 'U', 'I', 'O', 'P', 'A', 'S', 'D', 'F', 'G', 'H', 'J', 'K', 'L', 'Z', 625 $alpha = Array('Q', 'W', 'E', 'R', 'T', 'Y', 'U', 'I', 'O', 'P', 'A', 'S', 'D', 'F', 'G', 'H', 'J', 'K', 'L', 'Z',
625 'X', 'C', 'V', 'B', 'N', 'M'); 626 'X', 'C', 'V', 'B', 'N', 'M');
626 $lenpwd_bool = true; 627 $lenpwd_bool = true;
627 $spec_bool = false; 628 $spec_bool = false;
628 $alpha_bool = false; 629 $alpha_bool = false;
629 630
630 if (strlen($haystack) < 8) $lenpwd_bool = false; 631 if (strlen($haystack) < 8) $lenpwd_bool = false;
631 632
632 foreach ($specsumbol as $it) { 633 foreach ($specsumbol as $it) {
633 if (strpos($haystack, $it) !== false) { 634 if (strpos($haystack, $it) !== false) {
634 $spec_bool = true; 635 $spec_bool = true;
635 } 636 }
636 } 637 }
637 638
638 foreach ($alpha as $it) { 639 foreach ($alpha as $it) {
639 if (strpos($haystack, $it) !== false) { 640 if (strpos($haystack, $it) !== false) {
640 $alpha_bool = true; 641 $alpha_bool = true;
641 } 642 }
642 } 643 }
643 644
644 if ((!$spec_bool) || (!$alpha_bool)) { 645 if ((!$spec_bool) || (!$alpha_bool)) {
645 return json_encode(Array("ERROR" => "Error: Нет спецсимволов в пароле, латинские буквы заглавные, а также один из символов: !~#$%^&*()-=;,:<>?")); 646 return json_encode(Array("ERROR" => "Error: Нет спецсимволов в пароле, латинские буквы заглавные, а также один из символов: !~#$%^&*()-=;,:<>?"));
646 }*/ 647 }*/
647 648
648 if (($request->has('politik')) && ($request->get('politik') == 1)) { 649 if (($request->has('politik')) && ($request->get('politik') == 1)) {
649 $validator = Validator::make($params, $rules, $messages); 650 $validator = Validator::make($params, $rules, $messages);
650 651
651 if ($validator->fails()) { 652 if ($validator->fails()) {
652 return json_encode(array("ERROR" => "Error1: Регистрация оборвалась ошибкой! Не все обязательные поля заполнены. Либо вы уже были зарегистрированы в системе.")); 653 return json_encode(array("ERROR" => "Error1: Регистрация оборвалась ошибкой! Не все обязательные поля заполнены. Либо вы уже были зарегистрированы в системе."));
653 } else { 654 } else {
654 //dd($params); 655 //dd($params);
655 $user = $this->create($params); 656 $user = $this->create($params);
656 event(new Registered($user)); 657 event(new Registered($user));
657 Auth::guard()->login($user); 658 Auth::guard()->login($user);
658 } 659 }
659 if ($user) { 660 if ($user) {
660 return json_encode(Array("REDIRECT" => redirect()->route('worker.cabinet')->getTargetUrl()));; 661 return json_encode(Array("REDIRECT" => redirect()->route('worker.cabinet')->getTargetUrl()));;
661 } else { 662 } else {
662 return json_encode(Array("ERROR" => "Error2: Данные были утеряны!")); 663 return json_encode(Array("ERROR" => "Error2: Данные были утеряны!"));
663 } 664 }
664 665
665 } else { 666 } else {
666 return json_encode(Array("ERROR" => "Error3: Вы не согласились с политикой конфидициальности!")); 667 return json_encode(Array("ERROR" => "Error3: Вы не согласились с политикой конфидициальности!"));
667 } 668 }
668 } 669 }
669 670
670 // Звездная оценка и ответ 671 // Звездная оценка и ответ
671 public function stars_answer(Request $request) { 672 public function stars_answer(Request $request) {
672 $params = $request->all(); 673 $params = $request->all();
673 $rules = [ 674 $rules = [
674 'message' => ['required', 'string', 'max:255'], 675 'message' => ['required', 'string', 'max:255'],
675 ]; 676 ];
676 677
677 $messages = [ 678 $messages = [
678 'required' => 'Укажите обязательное поле', 679 'required' => 'Укажите обязательное поле',
679 'min' => [ 680 'min' => [
680 'string' => 'Поле «:attribute» должно быть не меньше :min символов', 681 'string' => 'Поле «:attribute» должно быть не меньше :min символов',
681 'integer' => 'Поле «:attribute» должно быть :min или больше', 682 'integer' => 'Поле «:attribute» должно быть :min или больше',
682 'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт' 683 'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт'
683 ], 684 ],
684 'max' => [ 685 'max' => [
685 'string' => 'Поле «:attribute» должно быть не больше :max символов', 686 'string' => 'Поле «:attribute» должно быть не больше :max символов',
686 'integer' => 'Поле «:attribute» должно быть :max или меньше', 687 'integer' => 'Поле «:attribute» должно быть :max или меньше',
687 'file' => 'Файл «:attribute» должен быть не больше :max Кбайт' 688 'file' => 'Файл «:attribute» должен быть не больше :max Кбайт'
688 ] 689 ]
689 ]; 690 ];
690 $response_worker = ResponseWork::create($params); 691 $response_worker = ResponseWork::create($params);
691 return redirect()->route('resume_profile', ['worker' => $request->get('worker_id')])->with('success', 'Ваше сообщение было отправлено!'); 692 return redirect()->route('resume_profile', ['worker' => $request->get('worker_id')])->with('success', 'Ваше сообщение было отправлено!');
692 } 693 }
693 694
694 public function TestWorker() 695 public function TestWorker()
695 { 696 {
696 $Use = new User(); 697 $Use = new User();
697 698
698 $Code_user = $Use->create([ 699 $Code_user = $Use->create([
699 'name' => 'surname name_man', 700 'name' => 'surname name_man',
700 'name_man' => 'name_man', 701 'name_man' => 'name_man',
701 'surname' => 'surname', 702 'surname' => 'surname',
702 'surname2' => 'surname2', 703 'surname2' => 'surname2',
703 'subscribe_email' => '1', 704 'subscribe_email' => '1',
704 'email' => 'email@mail.com', 705 'email' => 'email@mail.com',
705 'telephone' => '1234567890', 706 'telephone' => '1234567890',
706 'password' => Hash::make('password'), 707 'password' => Hash::make('password'),
707 'pubpassword' => base64_encode('password'), 708 'pubpassword' => base64_encode('password'),
708 'email_verified_at' => Carbon::now(), 709 'email_verified_at' => Carbon::now(),
709 'is_worker' => 1, 710 'is_worker' => 1,
710 ]); 711 ]);
711 712
712 if ($Code_user->id > 0) { 713 if ($Code_user->id > 0) {
713 $Worker = new Worker(); 714 $Worker = new Worker();
714 $Worker->user_id = $Code_user->id; 715 $Worker->user_id = $Code_user->id;
715 $Worker->position_work = 1; //'job_titles'; 716 $Worker->position_work = 1; //'job_titles';
716 $Worker->email = 'email@email.com'; 717 $Worker->email = 'email@email.com';
717 $Worker->telephone = '1234567890'; 718 $Worker->telephone = '1234567890';
718 $status = $Worker->save(); 719 $status = $Worker->save();
719 720
720 $Title_Worker = new Title_worker(); 721 $Title_Worker = new Title_worker();
721 $Title_Worker->worker_id = $Worker->id; 722 $Title_Worker->worker_id = $Worker->id;
722 $Title_Worker->job_title_id = 1; 723 $Title_Worker->job_title_id = 1;
723 $Title_Worker->save(); 724 $Title_Worker->save();
724 } 725 }
725 } 726 }
726 727
727 // Создание пользователя 728 // Создание пользователя
728 protected function create(array $data) 729 protected function create(array $data)
729 { 730 {
730 $Use = new User(); 731 $Use = new User();
731 732
732 $Code_user = $Use->create([ 733 $Code_user = $Use->create([
733 'name' => $data['surname']." ".$data['name_man'], 734 'name' => $data['surname']." ".$data['name_man'],
734 'name_man' => $data['name_man'], 735 'name_man' => $data['name_man'],
735 'surname' => $data['surname'], 736 'surname' => $data['surname'],
736 'surname2' => $data['surname2'], 737 'surname2' => $data['surname2'],
737 'subscribe_email' => $data['email'], 738 'subscribe_email' => $data['email'],
738 'email' => $data['email'], 739 'email' => $data['email'],
739 'telephone' => $data['telephone'], 740 'telephone' => $data['telephone'],
740 'password' => Hash::make($data['password']), 741 'password' => Hash::make($data['password']),
741 'pubpassword' => base64_encode($data['password']), 742 'pubpassword' => base64_encode($data['password']),
742 'email_verified_at' => Carbon::now(), 743 'email_verified_at' => Carbon::now(),
743 'is_worker' => $data['is_worker'], 744 'is_worker' => $data['is_worker'],
744 ]); 745 ]);
745 746
746 if ($Code_user->id > 0) { 747 if ($Code_user->id > 0) {
747 $Worker = new Worker(); 748 $Worker = new Worker();
748 $Worker->user_id = $Code_user->id; 749 $Worker->user_id = $Code_user->id;
749 $Worker->position_work = $data['job_titles']; 750 $Worker->position_work = $data['job_titles'];
750 $Worker->email = $data['email']; 751 $Worker->email = $data['email'];
751 $Worker->telephone = $data['telephone']; 752 $Worker->telephone = $data['telephone'];
752 $Worker->save(); 753 $Worker->save();
753 754
754 if (isset($Worker->id)) { 755 if (isset($Worker->id)) {
755 $Title_Worker = new Title_worker(); 756 $Title_Worker = new Title_worker();
756 $Title_Worker->worker_id = $Worker->id; 757 $Title_Worker->worker_id = $Worker->id;
757 $Title_Worker->job_title_id = $data['job_titles']; 758 $Title_Worker->job_title_id = $data['job_titles'];
758 $Title_Worker->save(); 759 $Title_Worker->save();
759 } 760 }
760 761
761 return $Code_user; 762 return $Code_user;
762 } 763 }
763 } 764 }
764 765
765 // Вакансии избранные 766 // Вакансии избранные
766 public function colorado(Request $request) { 767 public function colorado(Request $request) {
767 $IP_address = RusDate::ip_addr_client(); 768 $IP_address = RusDate::ip_addr_client();
768 $Arr = Like_vacancy::Query()->select('code_record')->where('ip_address', '=', $IP_address)->get(); 769 $Arr = Like_vacancy::Query()->select('code_record')->where('ip_address', '=', $IP_address)->get();
769 770
770 if ($Arr->count()) { 771 if ($Arr->count()) {
771 $A = Array(); 772 $A = Array();
772 foreach ($Arr as $it) { 773 foreach ($Arr as $it) {
773 $A[] = $it->code_record; 774 $A[] = $it->code_record;
774 } 775 }
775 776
776 $Query = Ad_employer::query()->whereIn('id', $A); 777 $Query = Ad_employer::query()->whereIn('id', $A);
777 } else { 778 } else {
778 $Query = Ad_employer::query()->where('id', '=', '0'); 779 $Query = Ad_employer::query()->where('id', '=', '0');
779 } 780 }
780 781
781 $Query = $Query->with('jobs')-> 782 $Query = $Query->with('jobs')->
782 with('cat')-> 783 with('cat')->
783 with('employer')-> 784 with('employer')->
784 whereHas('jobs_code', function ($query) use ($request) { 785 whereHas('jobs_code', function ($query) use ($request) {
785 if ($request->ajax()) { 786 if ($request->ajax()) {
786 if (null !== ($request->get('job'))) { 787 if (null !== ($request->get('job'))) {
787 $query->where('job_title_id', $request->get('job')); 788 $query->where('job_title_id', $request->get('job'));
788 } 789 }
789 } 790 }
790 })->select('ad_employers.*'); 791 })->select('ad_employers.*');
791 792
792 $Job_title = Job_title::query()->OrderBy('name')->get(); 793 $Job_title = Job_title::query()->OrderBy('name')->get();
793 794
794 $Query_count = $Query->count(); 795 $Query_count = $Query->count();
795 796
796 $Query = $Query->OrderBy('updated_at')->paginate(3); 797 $Query = $Query->OrderBy('updated_at')->paginate(3);
797 798
798 return view('workers.favorite', compact('Query', 799 return view('workers.favorite', compact('Query',
799 'Query_count', 800 'Query_count',
800 'Job_title')); 801 'Job_title'));
801 802
802 } 803 }
803 804
804 //Переписка 805 //Переписка
805 public function dialog(User_Model $user1, User_Model $user2, Request $request) { 806 public function dialog(Chat $chat, Request $request) {
806 // Получение параметров. 807 // Получение параметров.
807 if ($request->has('ad_employer')){ 808 if ($request->has('ad_employer')){
808 $ad_employer = $request->get('ad_employer'); 809 $ad_employer = $request->get('ad_employer');
809 } else { 810 } else {
810 $ad_employer = 0; 811 $ad_employer = 0;
811 } 812 }
812 813
813 if (isset($user1->id)) { 814 $sender = User_Model::query()->with('workers')->with('employers')->where('id', $chat->user_id)->first();
814 $sender = User_Model::query()->with('workers')-> 815 $companion = User_Model::query()->with('workers')->with('employers')->where('id', $chat->to_user_id)->first();
815 with('employers')-> 816
816 where('id', $user1->id)->first();
817 }
818
819 if (isset($user2->id)) { 817 $Messages = Chat::get_chat_messages($chat);
820 $companion = User_Model::query() 818
821 ->with('workers')
822 ->with('employers')
823 ->where('id', $user2->id)
824 ->first()
825 ;
826 }
827
828 $Messages = Message::query()->
829 where(function($query) use ($user1, $user2) {
830 $query->where('user_id', $user1->id)->where('to_user_id', $user2->id);
831 })->orWhere(function($query) use ($user1, $user2) {
832 $query->where('user_id', $user2->id)->where('to_user_id', $user1->id);
833 })->OrderBy('created_at')
834 ->get()
835 ;
836
837 Message::where('user_id', '=', $user2->id) 819 Message::where('user_id', '=', $chat->to_user_id)
838 ->where('to_user_id', '=', $user1->id) 820 ->where('to_user_id', '=', $chat->user_id)
839 ->update(['flag_new' => 0]); 821 ->update(['flag_new' => 0]);
840 822
841 return view('workers.dialog', compact('companion', 'sender', 'Messages', 'ad_employer')); 823 return view('workers.dialog', compact('companion', 'sender', 'chat', 'Messages', 'ad_employer'));
842 } 824 }
843 825
844 // Даунылоады 826 // Даунылоады
845 public function download(Worker $worker) { 827 public function download(Worker $worker) {
846 $arr_house = ['0' => 'Проверка, проверка, проверка, проверка, проверка...']; 828 $arr_house = ['0' => 'Проверка, проверка, проверка, проверка, проверка...'];
847 view()->share('house',$arr_house); 829 view()->share('house',$arr_house);
848 $pdf = PDF::loadView('layout.pdf', $arr_house)->setPaper('a4', 'landscape'); 830 $pdf = PDF::loadView('layout.pdf', $arr_house)->setPaper('a4', 'landscape');
849 return $pdf->stream(); 831 return $pdf->stream();
850 } 832 }
851 833
852 // Поднятие анкеты 834 // Поднятие анкеты
853 public function up(Worker $worker) { 835 public function up(Worker $worker) {
854 $worker->updated_at = Carbon::now(); 836 $worker->updated_at = Carbon::now();
855 $worker->save(); 837 $worker->save();
856 // 0 838 // 0
857 return redirect()->route('worker.cabinet')->with('success', 'Ваша анкета была поднята выше остальных'); 839 return redirect()->route('worker.cabinet')->with('success', 'Ваша анкета была поднята выше остальных');
858 } 840 }
859 841
860 // Форма сертификате 842 // Форма сертификате
861 public function new_sertificate(Worker $worker) { 843 public function new_sertificate(Worker $worker) {
862 return view('workers.sertificate_add', compact('worker')); 844 return view('workers.sertificate_add', compact('worker'));
863 } 845 }
864 846
865 // Добавление сертификата 847 // Добавление сертификата
866 public function add_serificate(SertificationRequest $request) { 848 public function add_serificate(SertificationRequest $request) {
867 $request->validate([ 849 $request->validate([
868 'name' => 'required|string|max:255', 850 'name' => 'required|string|max:255',
869 'end_begin' => 'required|date|date_format:d.m.Y' 851 'end_begin' => 'required|date|date_format:d.m.Y'
870 ], 852 ],
871 [ 853 [
872 'name' => 'Навание сертификата обязательно для заполнения.', 854 'name' => 'Навание сертификата обязательно для заполнения.',
873 'end_begin' => 'Формат даты должен соответствовать дд.мм.гггг' 855 'end_begin' => 'Формат даты должен соответствовать дд.мм.гггг'
874 ]); 856 ]);
875 857
876 $params = $request->all(); 858 $params = $request->all();
877 859
878 $end_begin = DateTime::createFromFormat('d.m.Y', $params['end_begin']); 860 $end_begin = DateTime::createFromFormat('d.m.Y', $params['end_begin']);
879 $params['end_begin'] = $end_begin->format('Y-m-d'); 861 $params['end_begin'] = $end_begin->format('Y-m-d');
880 862
881 $Sertificate = new sertification(); 863 $Sertificate = new sertification();
882 $Sertificate->create($params); 864 $Sertificate->create($params);
883 865
884 return response()->json([ 866 return response()->json([
885 'success' => true 867 'success' => true
886 ]); 868 ]);
887 } 869 }
888 870
889 // Удалить сертификат 871 // Удалить сертификат
890 public function delete_sertificate(sertification $doc) { 872 public function delete_sertificate(sertification $doc) {
891 $doc->delete(); 873 $doc->delete();
892 874
893 return redirect()->route('worker.cabinet'); 875 return redirect()->route('worker.cabinet');
894 } 876 }
895 877
896 // Редактирование сертификата 878 // Редактирование сертификата
897 public function edit_sertificate(Worker $worker, sertification $doc) { 879 public function edit_sertificate(Worker $worker, sertification $doc) {
898 return view('workers.sertificate_edit', compact('doc', 'worker')); 880 return view('workers.sertificate_edit', compact('doc', 'worker'));
899 } 881 }
900 882
901 // Редактирование обновление сертификата 883 // Редактирование обновление сертификата
902 public function update_serificate(SertificationRequest $request, sertification $doc) { 884 public function update_serificate(SertificationRequest $request, sertification $doc) {
903 $request->validate([ 885 $request->validate([
904 'name' => 'required|string|max:255', 886 'name' => 'required|string|max:255',
905 'end_begin' => 'required|date|date_format:d.m.Y' 887 'end_begin' => 'required|date|date_format:d.m.Y'
906 ], 888 ],
907 [ 889 [
908 'name' => 'Навание сертификата обязательно для заполнения.', 890 'name' => 'Навание сертификата обязательно для заполнения.',
909 'end_begin' => 'Формат даты должен соответствовать дд.мм.гггг' 891 'end_begin' => 'Формат даты должен соответствовать дд.мм.гггг'
910 ]); 892 ]);
911 893
912 $all = $request->all(); 894 $all = $request->all();
913 895
914 $end_begin = DateTime::createFromFormat('d.m.Y', $all['end_begin']); 896 $end_begin = DateTime::createFromFormat('d.m.Y', $all['end_begin']);
915 $all['end_begin'] = $end_begin->format('Y-m-d'); 897 $all['end_begin'] = $end_begin->format('Y-m-d');
916 898
917 $doc->worker_id = $all['worker_id']; 899 $doc->worker_id = $all['worker_id'];
918 $doc->name = $all['name']; 900 $doc->name = $all['name'];
919 $doc->end_begin = $all['end_begin']; 901 $doc->end_begin = $all['end_begin'];
920 $doc->save(); 902 $doc->save();
921 903
922 return redirect()->route('worker.cabinet')->with('success', 'Вы успешно отредактировали запись!'); 904 return redirect()->route('worker.cabinet')->with('success', 'Вы успешно отредактировали запись!');
923 } 905 }
924 906
925 public function edit_diploms(Request $request, Worker $worker) { 907 public function edit_diploms(Request $request, Worker $worker) {
926 $dop_info_data = $request->input('diploms'); 908 $dop_info_data = $request->input('diploms');
927 909
928 if (empty($dop_info_data)) { 910 if (empty($dop_info_data)) {
929 return redirect()->route('worker.additional_documents')->with('error', 'Данные не предоставлены!'); 911 return redirect()->route('worker.additional_documents')->with('error', 'Данные не предоставлены!');
930 } 912 }
931 913
932 foreach ($dop_info_data as $infoblok_id => $status) { 914 foreach ($dop_info_data as $infoblok_id => $status) {
933 Dop_info::updateOrCreate( 915 Dop_info::updateOrCreate(
934 ['worker_id' => $worker->id, 'infoblok_id' => $infoblok_id], 916 ['worker_id' => $worker->id, 'infoblok_id' => $infoblok_id],
935 ['status' => $status] 917 ['status' => $status]
936 ); 918 );
937 } 919 }
938 920
939 return redirect()->route('worker.additional_documents')->with('success', 'Успешно сохранено!'); 921 return redirect()->route('worker.additional_documents')->with('success', 'Успешно сохранено!');
940 } 922 }
941 923
942 public function delete_add_diplom(Request $request, Worker $worker) { 924 public function delete_add_diplom(Request $request, Worker $worker) {
943 $infoblok_id = $request->get('infoblok_id'); 925 $infoblok_id = $request->get('infoblok_id');
944 926
945 if (Dop_info::query()->where('worker_id', $worker->id)->where('infoblok_id', $infoblok_id)->count() > 0) 927 if (Dop_info::query()->where('worker_id', $worker->id)->where('infoblok_id', $infoblok_id)->count() > 0)
946 $id = Dop_info::query()->where('worker_id', $worker->id)->where('infoblok_id', $infoblok_id)->delete(); 928 $id = Dop_info::query()->where('worker_id', $worker->id)->where('infoblok_id', $infoblok_id)->delete();
947 else { 929 else {
948 $params['infoblok_id'] = $infoblok_id; 930 $params['infoblok_id'] = $infoblok_id;
949 $params['worker_id'] = $worker->id; 931 $params['worker_id'] = $worker->id;
950 $params['status'] = $request->get('val'); 932 $params['status'] = $request->get('val');
951 $id = Dop_info::create($params); 933 $id = Dop_info::create($params);
952 //$id = $worker->infobloks()->sync([$infoblok_id]); 934 //$id = $worker->infobloks()->sync([$infoblok_id]);
953 } 935 }
954 936
955 //$Infoblocks = infobloks::query()->get(); 937 //$Infoblocks = infobloks::query()->get();
956 return $id; //redirect()->route('worker.cabinet')->getTargetUrl(); //view('workers.ajax.diploms_dop', compact('worker', 'Infoblocks')); 938 return $id; //redirect()->route('worker.cabinet')->getTargetUrl(); //view('workers.ajax.diploms_dop', compact('worker', 'Infoblocks'));
957 } 939 }
958 940
959 941
960 942
961 // Добавление диплома 943 // Добавление диплома
962 public function add_diplom_ajax(Request $request) { 944 public function add_diplom_ajax(Request $request) {
963 // конец 945 // конец
964 $params = $request->all(); 946 $params = $request->all();
965 $count = Dop_info::query()->where('worker_id', $request->get('worker_id'))->where('infoblok_id', $request->get('infoblok_id'))->count(); 947 $count = Dop_info::query()->where('worker_id', $request->get('worker_id'))->where('infoblok_id', $request->get('infoblok_id'))->count();
966 948
967 if ($count == 0) $dop_info = Dop_info::create($params); 949 if ($count == 0) $dop_info = Dop_info::create($params);
968 $Infoblocks = infobloks::query()->get(); 950 $Infoblocks = infobloks::query()->get();
969 $Worker = Worker::query()->where('id', $request->get('worker_id'))->get(); 951 $Worker = Worker::query()->where('id', $request->get('worker_id'))->get();
970 $data = Dop_info::query()->where('worker_id', $request->has('worker_id')); 952 $data = Dop_info::query()->where('worker_id', $request->has('worker_id'));
971 return view('ajax.dop_info', compact('data', 'Infoblocks', 'Worker')); 953 return view('ajax.dop_info', compact('data', 'Infoblocks', 'Worker'));
972 } 954 }
973 955
974 // Добавление диплома без ajax 956 // Добавление диплома без ajax
975 public function add_diplom(Worker $worker) { 957 public function add_diplom(Worker $worker) {
976 $worker_id = $worker->id; 958 $worker_id = $worker->id;
977 $Infoblocks = infobloks::query()->get(); 959 $Infoblocks = infobloks::query()->get();
978 return view('workers.dop_info', compact('worker_id', 'worker', 'Infoblocks')); 960 return view('workers.dop_info', compact('worker_id', 'worker', 'Infoblocks'));
979 } 961 }
980 // Сохранить 962 // Сохранить
981 // Сохраняю диплом 963 // Сохраняю диплом
982 public function add_diplom_save(Request $request) { 964 public function add_diplom_save(Request $request) {
983 $params = $request->all(); 965 $params = $request->all();
984 $count = Dop_info::query()->where('worker_id', $request->get('worker_id'))->where('infoblok_id', $request->get('infoblok_id'))->count(); 966 $count = Dop_info::query()->where('worker_id', $request->get('worker_id'))->where('infoblok_id', $request->get('infoblok_id'))->count();
985 if ($count == 0) $dop_info = Dop_info::create($params); 967 if ($count == 0) $dop_info = Dop_info::create($params);
986 return redirect()->route('worker.cabinet'); 968 return redirect()->route('worker.cabinet');
987 } 969 }
988 970
989 // Добавление стандартного документа 971 // Добавление стандартного документа
990 public function add_document(Worker $worker) { 972 public function add_document(Worker $worker) {
991 return view('workers.docs', compact('worker')); 973 return view('workers.docs', compact('worker'));
992 } 974 }
993 975
994 //Сохранение стандартого документа 976 //Сохранение стандартого документа
995 public function add_document_save(DocumentsRequest $request) { 977 public function add_document_save(DocumentsRequest $request) {
996 $params = $request->all(); 978 $params = $request->all();
997 place_works::create($params); 979 place_works::create($params);
998 return response()->json(['success' => true]); 980 return response()->json(['success' => true]);
999 } 981 }
1000 982
1001 // Редактирование документа 983 // Редактирование документа
1002 public function edit_document(place_works $doc, Worker $worker) { 984 public function edit_document(place_works $doc, Worker $worker) {
1003 return view('workers.docs-edit', compact('doc', 'worker')); 985 return view('workers.docs-edit', compact('doc', 'worker'));
1004 } 986 }
1005 987
1006 //Сохранение отредактированного документа 988 //Сохранение отредактированного документа
1007 public function edit_document_save(DocumentsRequest $request, place_works $doc) { 989 public function edit_document_save(DocumentsRequest $request, place_works $doc) {
1008 $params = $request->all(); 990 $params = $request->all();
1009 $doc->update($params); 991 $doc->update($params);
1010 992
1011 return redirect()->route('worker.cabinet')->with('success', 'Вы успешно отредактировали запись!'); 993 return redirect()->route('worker.cabinet')->with('success', 'Вы успешно отредактировали запись!');
1012 } 994 }
1013 995
1014 // Удаление документа 996 // Удаление документа
1015 public function delete_document(place_works $doc) { 997 public function delete_document(place_works $doc) {
1016 $doc->delete(); 998 $doc->delete();
1017 return redirect()->route('worker.cabinet')->with('success', 'Вы успешно удалили запись!'); 999 return redirect()->route('worker.cabinet')->with('success', 'Вы успешно удалили запись!');
1018 } 1000 }
1019 1001
1020 //Отправка нового сообщения 1002 //Отправка нового сообщения
1021 public function new_message(Request $request) { 1003 public function new_message(Request $request) {
1022 $params = $request->all(); 1004 $params = $request->all();
1023 1005
1024 $id = $params['send_user_id']; 1006 $id = $params['send_user_id'];
1025 $message_params = [ 1007 $message_params = [
1026 'title' => $params['send_title'], 1008 'title' => $params['send_title'],
1027 'text' => $params['send_text'], 1009 'text' => $params['send_text'],
1028 'ad_employer_id' => $params['send_vacancy'], 1010 'ad_employer_id' => $params['send_vacancy'],
1029 'flag_new' => 1 1011 'flag_new' => 1
1030 ]; 1012 ];
1031 1013
1032 $id_message = Message::add_message( 1014 $id_message = Message::add_message(
1033 $request, 1015 $request,
1034 $params['send_user_id'], 1016 $params['send_user_id'],
1035 $params['send_to_user_id'], 1017 $params['send_to_user_id'],
1036 $message_params, 1018 $message_params,
1037 file_store_path: "worker/$id" 1019 file_store_path: "worker/$id"
1038 ); 1020 );
1039 1021
1040 $data['message_id'] = $id_message; 1022 $data['message_id'] = $id_message;
1041 $data['ad_employer_id'] = $params['send_vacancy']; 1023 $data['ad_employer_id'] = $params['send_vacancy'];
1042 $data['job_title_id'] = $params['send_job_title_id']; 1024 $data['job_title_id'] = $params['send_job_title_id'];
1043 $data['flag'] = 1; 1025 $data['flag'] = 1;
1044 $ad_responce = ad_response::create($data); 1026 $ad_responce = ad_response::create($data);
1045 return redirect()->route('worker.messages', ['type_message' => 'output']); 1027 return redirect()->route('worker.messages', ['type_message' => 'output']);
1046 } 1028 }
1047 1029
1048 1030
1049 public function test123(Request $request) { 1031 public function test123(Request $request) {
1050 $params = $request->all(); 1032 $params = $request->all();
1051 $user1 = $params['user_id']; 1033 $user1 = $params['user_id'];
1052 $user2 = $params['to_user_id']; 1034 $user2 = $params['to_user_id'];
1053 $id_vacancy = $params['ad_employer_id']; 1035 $id_vacancy = $params['ad_employer_id'];
1054 $ad_name = $params['ad_name']; 1036 $ad_name = $params['ad_name'];
1055 1037
1056 $rules = [ 1038 $rules = [
1057 'text' => 'required|min:1|max:150000', 1039 'text' => 'required|min:1|max:150000',
1058 'file' => 'file|mimes:doc,docx,xlsx,csv,txt,xlx,xls,pdf|max:150000' 1040 'file' => 'file|mimes:doc,docx,xlsx,csv,txt,xlx,xls,pdf|max:150000'
1059 ]; 1041 ];
1060 $messages = [ 1042 $messages = [
1061 'required' => 'Укажите обязательное поле', 1043 'required' => 'Укажите обязательное поле',
1062 'min' => [ 1044 'min' => [
1063 'string' => 'Поле «:attribute» должно быть не меньше :min символов', 1045 'string' => 'Поле «:attribute» должно быть не меньше :min символов',
1064 'integer' => 'Поле «:attribute» должно быть :min или больше', 1046 'integer' => 'Поле «:attribute» должно быть :min или больше',
1065 'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт' 1047 'file' => 'Файл «:attribute» должен быть не меньше :min Кбайт'
1066 ], 1048 ],
1067 'max' => [ 1049 'max' => [
1068 'string' => 'Поле «:attribute» должно быть не больше :max символов', 1050 'string' => 'Поле «:attribute» должно быть не больше :max символов',
1069 'integer' => 'Поле «:attribute» должно быть :max или меньше', 1051 'integer' => 'Поле «:attribute» должно быть :max или меньше',
1070 'file' => 'Файл «:attribute» должен быть не больше :max Кбайт' 1052 'file' => 'Файл «:attribute» должен быть не больше :max Кбайт'
1071 ] 1053 ]
1072 ]; 1054 ];
1073 1055
1074 $validator = Validator::make($request->all(), $rules, $messages); 1056 $validator = Validator::make($request->all(), $rules, $messages);
1075 1057
1076 if ($validator->fails()) { 1058 if ($validator->fails()) {
1077 return redirect()->route('worker.dialog', ['user1' => $user1, 'user2' => $user2, 'ad_employer' => $id_vacancy, 'ad_name' => $ad_name]) 1059 return redirect()->route('worker.dialog', ['user1' => $user1, 'user2' => $user2, 'ad_employer' => $id_vacancy, 'ad_name' => $ad_name])
1078 ->withErrors($validator); 1060 ->withErrors($validator);
1079 } else { 1061 } else {
1080 Message::add_message($request, $user1, $user2, $request->all(), file_store_path: 'messages'); 1062 $new_message = Message::add_message($request, $user1, $user2, $request->all(), file_store_path: 'messages');
1081 1063
1082 return redirect()->route('worker.dialog', 1064 return redirect()->route('worker.dialog',
1083 ['user1' => $user1, 'user2' => $user2, 'ad_employer' => $id_vacancy, 'ad_name' => $ad_name]); 1065 ['user1' => $user1, 'user2' => $user2, 'chat' => $new_message->chat_id_from]);
1084 1066
1085 } 1067 }
1086 } 1068 }
1087 1069
1088 // Информация о предыдущих компаниях 1070 // Информация о предыдущих компаниях
1089 public function new_prev_company(Worker $worker) { 1071 public function new_prev_company(Worker $worker) {
1090 return view('workers.prev_company_form', compact('worker')); 1072 return view('workers.prev_company_form', compact('worker'));
1091 } 1073 }
1092 1074
1093 // Добавление контакта компании 1075 // Добавление контакта компании
1094 public function add_prev_company(PrevCompanyRequest $request) { 1076 public function add_prev_company(PrevCompanyRequest $request) {
1095 // Возвращение параметров 1077 // Возвращение параметров
1096 $all = $request->all(); 1078 $all = $request->all();
1097 PrevCompany::create($all); 1079 PrevCompany::create($all);
1098 1080
1099 return response()->json(['success' => true]); 1081 return response()->json(['success' => true]);
1100 } 1082 }
1101 1083
1102 // Редактирование контакта компании 1084 // Редактирование контакта компании
1103 public function edit_prev_company(PrevCompany $doc, Worker $worker) { 1085 public function edit_prev_company(PrevCompany $doc, Worker $worker) {
1104 return view('workers.prev_company_edit_form', compact('doc', 'worker')); 1086 return view('workers.prev_company_edit_form', compact('doc', 'worker'));
1105 } 1087 }
1106 1088
1107 //Сохранение редактирования контакта компании 1089 //Сохранение редактирования контакта компании
1108 public function update_prev_company(PrevCompany $doc, Request $request){ 1090 public function update_prev_company(PrevCompany $doc, Request $request){
1109 $all = $request->all(); 1091 $all = $request->all();
1110 $doc->update($all); 1092 $doc->update($all);
1111 1093
1112 return redirect()->route('worker.cabinet')->with('success', 'Вы успешно отредактировали запись'); 1094 return redirect()->route('worker.cabinet')->with('success', 'Вы успешно отредактировали запись');
1113 } 1095 }
1114 1096
1115 // Удаление контакта предыдущей компании 1097 // Удаление контакта предыдущей компании
1116 public function delete_prev_company(PrevCompany $doc) { 1098 public function delete_prev_company(PrevCompany $doc) {
1117 $doc->delete(); 1099 $doc->delete();
1118 return redirect()->route('worker.cabinet')->with('success', 'Вы успешно удалили запись!'); 1100 return redirect()->route('worker.cabinet')->with('success', 'Вы успешно удалили запись!');
1119 } 1101 }
1120 } 1102 }
1121 1103
app/Mail/MassSendingMessages.php
Diff comments   View file @ 3b5284e
File was created 1 <?php
2
3 namespace App\Mail;
4
5 use App\Models\User;
6 use Illuminate\Bus\Queueable;
7 use Illuminate\Contracts\Queue\ShouldQueue;
8 use Illuminate\Mail\Mailable;
9 use Illuminate\Mail\Mailables\Address;
10 use Illuminate\Mail\Mailables\Content;
11 use Illuminate\Mail\Mailables\Envelope;
12 use Illuminate\Queue\SerializesModels;
13
14 class MassSendingMessages extends Mailable
15 {
16 use Queueable, SerializesModels;
17
18 protected $data;
19
20 public function __construct($data)
21 {
22 $this->data = $data;
23 }
24
25 public function envelope(): Envelope
26 {
27 return new Envelope(
28 subject: 'Запрос на рассылку сообщений',
29 );
30 }
31
32 public function build()
33 {
34
35 // Вернуть все данные
36 return $this->view('emails.added_mass_sending_messages', ['data' => $this->data]);
37 }
38
39
40 public function attachments(): array
41 {
42 return [];
43 }
44 }
45
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 use Carbon\Carbon; 7 use Carbon\Carbon;
8 8
9 class Chat extends Model 9 class Chat extends Model
10 { 10 {
11 use HasFactory; 11 use HasFactory;
12 12
13 protected $fillable = [ 13 protected $fillable = [
14 'user_id', 14 'user_id',
15 'to_user_id', 15 'to_user_id',
16 'is_removed', 16 'is_removed',
17 'is_fixed', 17 'is_fixed',
18 'last_message_date', 18 'last_message_date',
19 'last_message_id', 19 'last_message_id',
20 'fixed_time' 20 'fixed_time',
21 'is_admin_chat'
21 ]; 22 ];
22 23
23 public function user() { 24 public function user() {
24 return $this->belongsTo(User::class, 'to_user_id'); 25 return $this->belongsTo(User::class, 'to_user_id');
25 } 26 }
26 27
27 public function worker() { 28 public function worker() {
28 return $this->belongsTo(Worker::class, 'to_user_id', 'user_id'); 29 return $this->belongsTo(Worker::class, 'to_user_id', 'user_id');
29 } 30 }
30 31
31 public function employer() { 32 public function employer() {
32 return $this->belongsTo(Employer::class, 'to_user_id', 'user_id'); 33 return $this->belongsTo(Employer::class, 'to_user_id', 'user_id');
33 } 34 }
34 35
35 public function last_message() { 36 public function last_message() {
36 return $this->belongsTo(Message::class, 'last_message_id'); 37 return $this->belongsTo(Message::class, 'last_message_id');
37 } 38 }
38 39
39 public function unread_messages() 40 public function unread_messages()
40 { 41 {
41 return $this->hasMany(Message::class, 'user_id', 'to_user_id'); 42 return $this->hasMany(Message::class, 'user_id', 'to_user_id');
42 } 43 }
43 44
44 public static function pin_chat(int $chat_id, $fixed) 45 public static function pin_chat(int $chat_id, $fixed)
45 { 46 {
46 return self::where('id', '=', $chat_id) 47 return self::where('id', '=', $chat_id)
47 ->update([ 48 ->update([
48 'is_fixed' => !empty($fixed) ? 1 : 0, 49 'is_fixed' => !empty($fixed) ? 1 : 0,
49 'fixation_date' => !empty($fixed) ? Carbon::now() : null 50 'fixation_date' => !empty($fixed) ? Carbon::now() : null
50 ]); 51 ]);
51 } 52 }
52 53
53 public static function remove_chat(int $chat_id) 54 public static function remove_chat(int $chat_id)
54 { 55 {
55 return self::where('id', '=', $chat_id) 56 return self::where('id', '=', $chat_id)
56 ->update(['is_removed' => 1]); 57 ->update(['is_removed' => 1]);
57 } 58 }
58 59
59 public static function get_user_chats(int $user_id){ 60 public static function get_user_chats(int $user_id){
60 return Chat::query() 61 return Chat::query()
61 ->with('user') 62 ->with('user')
62 ->with('worker') 63 ->with('worker')
63 ->with('employer') 64 ->with('employer')
64 ->with('last_message') 65 ->with('last_message')
65 ->withCount(['unread_messages' => function ($query) use($user_id) { 66 ->withCount(['unread_messages' => function ($query) use($user_id) {
66 $query->where('to_user_id', '=', $user_id)->where('flag_new', '=', 1); 67 $query->where('to_user_id', '=', $user_id)->where('flag_new', '=', 1);
67 }]) 68 }])
68 ->where('user_id', '=', $user_id) 69 ->where('user_id', '=', $user_id)
69 ->where('is_removed', '=', 0) 70 ->where('is_removed', '=', 0)
70 ->orderByDesc('is_fixed') 71 ->orderByDesc('is_fixed')
71 ->orderByDesc('fixation_date') 72 ->orderByDesc('fixation_date')
72 ->orderByDesc('last_message_date') 73 ->orderByDesc('last_message_date')
73 ->paginate(5) 74 ->paginate(5)
74 ; 75 ;
75 } 76 }
76 77
78 public static function get_user_admin_chat(int $user_id)
79 {
80 return Chat::query()
81 ->with('last_message')
82 ->withCount(['unread_messages' => function ($query) use($user_id) {
83 $query->where('to_user_id', '=', $user_id)->where('flag_new', '=', 1);
84 }])
85 ->where('to_user_id', '=', $user_id)
86 ->where('is_admin_chat', 1)
87 ->first()
88 ;
89 }
90
91 public static function get_chat_messages(Chat $chat){
92 if ($chat->is_admin_chat){
93 return Message::query()
94 ->where('chat_id_to', $chat->id)
95 ->where('to_user_id', $chat->to_user_id)
96 ->orderBy('created_at')
97 ->get()
98 ;
99 } else {
100 return Message::query()
101 ->where(function ($query) use ($chat) {
102 $query->where('chat_id_from', $chat->id)->orWhere('chat_id_to', $chat->id);
103 })
104 ->where(function($query) use ($chat) {
105 $query
106 ->where(function($query) use ($chat) {
107 $query->where('user_id', $chat->user_id)->where('to_user_id', $chat->to_user_id);
108 })
109 ->orWhere(function($query) use ($chat) {
110 $query->where('user_id', $chat->to_user_id)->where('to_user_id', $chat->user_id);
111 })
112 ;
113 })
114 ->OrderBy('created_at')
115 ->get()
116 ;
117 }
118 }
119
77 } 120 }
78 121
app/Models/Message.php
Diff comments   View file @ 3b5284e
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 use Illuminate\Http\Request; 7 use Illuminate\Http\Request;
8 use Illuminate\Support\Facades\Validator; 8 use Illuminate\Support\Facades\Validator;
9 use mysql_xdevapi\Collection;
9 10
10 class Message extends Model 11 class Message extends Model
11 { 12 {
12 use HasFactory; 13 use HasFactory;
13 14
14 protected $fillable = [ 15 protected $fillable = [
15 'user_id', 16 'user_id',
16 'to_user_id', 17 'to_user_id',
17 'title', 18 'title',
18 'text', 19 'text',
19 'file', 20 'file',
20 'flag_new', 21 'flag_new',
21 'ad_employer_id', 22 'ad_employer_id',
22 'job_title_id' 23 'job_title_id',
24 'chat_id_from',
25 'chat_id_to',
26 'reply_message_id',
23 ]; 27 ];
24 28
25 29
26 /* 30 /*
27 * Связь таблицы Message с таблицей User (Отправитель) 31 * Связь таблицы Message с таблицей User (Отправитель)
28 */ 32 */
29 public function user_from() { 33 public function user_from() {
30 return $this->belongsTo(User::class, 'user_id'); 34 return $this->belongsTo(User::class, 'user_id');
31 } 35 }
32 36
33 /* 37 /*
34 * Связь таблицы Message с таблицей User (Получатель) 38 * Связь таблицы Message с таблицей User (Получатель)
35 */ 39 */
36 public function user_to() { 40 public function user_to() {
37 return $this->belongsTo(User::class, 'to_user_id'); 41 return $this->belongsTo(User::class, 'to_user_id');
38 } 42 }
39 43
40 // Связь модели Сообщения (Message) с моделью Вакансии (Ad_employer) 44 // Связь модели Сообщения (Message) с моделью Вакансии (Ad_employer)
41 public function vacancies() { 45 public function vacancies() {
42 return $this->belongsTo(Ad_employer::class, 'ad_employer_id', 'id'); 46 return $this->belongsTo(Ad_employer::class, 'ad_employer_id', 'id');
43 } 47 }
44 48
45 public static function add_message( 49 public static function add_message(
46 Request $request, 50 ?Request $request,
47 int $user_id, 51 int $user_id,
48 int $to_user_id, 52 int $to_user_id,
49 array $message_params, 53 array $message_params,
50 string $file_store_path = '/' 54 string $file_store_path = '/',
55 bool $is_admin_chat = false
51 ) { 56 ) {
52 $message_params['user_id'] = $user_id; 57 $message_params['user_id'] = $user_id;
53 $message_params['to_user_id'] = $to_user_id; 58 $message_params['to_user_id'] = $to_user_id;
54 if ($request->has('file')) { 59 if ($request && $request->has('file')) {
55 $message_params['file'] = $request->file('file')->store($file_store_path, 'public'); 60 $message_params['file'] = $request->file('file')->store($file_store_path, 'public');
56 } 61 }
57 62
63 $chat_form = Chat::firstOrCreate([
64 'user_id' => $is_admin_chat ? 0 : $user_id,
65 'to_user_id' => $to_user_id,
66 'is_removed' => 0,
67 'is_admin_chat' => $is_admin_chat ? 1 : 0,
68 ]);
69 $message_params[$is_admin_chat ? 'chat_id_to' : 'chat_id_from'] = $chat_form->id;
70
71 if (!$is_admin_chat) {
72 $chat_to = Chat::firstOrCreate([
73 'user_id' => $to_user_id,
74 'to_user_id' => $user_id,
75 'is_removed' => 0
76 ]);
77 $message_params['chat_id_to'] = $chat_to->id;
78 }
79
58 $new_message = Message::create($message_params); 80 $new_message = Message::create($message_params);
59 81
60 if (!empty($new_message->id)) { 82 if (!empty($new_message->id)) {
61 Chat::updateOrCreate( 83 $chat_form->update(['last_message_date' => date("Y-m-d H:i:s"), 'last_message_id' => $new_message->id]);
62 ['user_id' => $user_id, 'to_user_id' => $to_user_id], 84
63 ['user_id' => $user_id, 'to_user_id' => $to_user_id, 'last_message_date' => date("Y-m-d H:i:s"), 'last_message_id' => $new_message->id] 85 if (!$is_admin_chat) {
64 ); 86 $chat_to->update(['last_message_date' => date("Y-m-d H:i:s"), 'last_message_id' => $new_message->id]);
65 87 }
66 Chat::updateOrCreate(
67 ['user_id' => $to_user_id, 'to_user_id' => $user_id],
68 ['user_id' => $to_user_id, 'to_user_id' => $user_id, 'last_message_date' => date("Y-m-d H:i:s"), 'last_message_id' => $new_message->id]
69 );
70 } 88 }
71 89
72 return $new_message->id ?? 0; 90 return $new_message ?? false;
91 }
92
93 public function getReplyMessageAttribute()
94 {
95 $reply_message = false;
96 if ($this->attributes['reply_message_id']){
97 $reply_message = self::find($this->attributes['reply_message_id']);
98 }
73 99
100 return $reply_message;
app/Models/MessagesRequests.php
Diff comments   View file @ 3b5284e
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 MessagesRequests extends Model
9 {
10 use HasFactory;
11
12 protected $fillable = [
13 'user_id',
14 'job_titles',
15 'text',
16 'is_rejected',
17 'is_sent'
18 ];
19
20 public function getJobsAttribute()
21 {
22 $job_titles_ids = json_decode($this->attributes['job_titles'], true);
23 return Job_title::whereIn('id', $job_titles_ids)->get();
24 }
25
26 public function user() {
27 return $this->belongsTo(User::class, 'user_id');
28 }
29
30 public static function send_message($message_request_id)
31 {
32 $message_request = MessagesRequests::find($message_request_id);
33 $job_ids = json_decode($message_request->job_titles);
34
35 if (!empty($job_ids)){
36 $workers = Title_worker::select('worker_id')
37 ->whereIN('job_title_id', $job_ids)
38 ->groupBy('worker_id')
39 ->get()
40 ;
41
42 if ($workers->count()){
43 $message_params = [
44 'text' => $message_request->text
45 ];
46 foreach ($workers as $worker){
47 Message::add_message(null, $message_request->user_id, $worker->worker_id, $message_params, file_store_path : '/', is_admin_chat: true);
48 }
49 }
50 }
51
52 $message_request->update(['is_sent' => now()]);
53
54 return true;
55 }
56 }
57
database/migrations/2024_08_05_094303_create_message_requests_table.php
Diff comments   View file @ 3b5284e
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('messages_requests', function (Blueprint $table) {
17 $table->id();
18 $table->bigInteger('user_id')->nullable(false);
19 $table->text('job_titles')->nullable(false);
20 $table->text('text')->nullable();
21 $table->dateTime('is_rejected')->nullable(true);
22 $table->dateTime('is_sent')->nullable(true);
23 $table->timestamps();
24 });
25 }
26
27 /**
28 * Reverse the migrations.
29 *
30 * @return void
31 */
32 public function down()
33 {
34 Schema::dropIfExists('messages_requests');
35 }
36 };
37
database/migrations/2024_08_09_071214_alter_table_messages.php
Diff comments   View file @ 3b5284e
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::table('messages', function (Blueprint $table) {
17 $table->integer('chat_id_from')->nullable(true)->after('to_user_id');
18 $table->integer('chat_id_to')->nullable(true)->after('chat_id_from');
19 $table->integer('reply_message_id')->nullable(true);
20 });
21 }
22
23 /**
24 * Reverse the migrations.
25 *
26 * @return void
27 */
28 public function down()
29 {
30 Schema::table('messages', function (Blueprint $table) {
31 $table->dropColumn('chat_id_from');
32 $table->dropColumn('chat_id_to');
33 $table->dropColumn('reply_message_id');
34 });
35 }
36 };
37
database/migrations/2024_08_09_072423_alter_table_chats.php
Diff comments   View file @ 3b5284e
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::table('chats', function (Blueprint $table) {
17 $table->dateTime('last_message_date')->nullable(true)->change();
18 $table->integer('last_message_id')->nullable(true)->change();
19 $table->boolean('is_admin_chat')->default(false)->after('is_fixed');
20 });
21 }
22
23 /**
24 * Reverse the migrations.
25 *
26 * @return void
27 */
28 public function down()
29 {
30 Schema::table('chats', function (Blueprint $table) {
31 $table->dropColumn('is_admin_chat');
32 });
33 }
34 };
35
public/assets/css/tailwind.output_new.css
Diff comments   View file @ 3b5284e
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 html { 2 html {
3 line-height: 1.15; 3 line-height: 1.15;
4 -webkit-text-size-adjust: 100% 4 -webkit-text-size-adjust: 100%
5 } 5 }
6 body { 6 body {
7 margin: 0 7 margin: 0
8 } 8 }
9 main { 9 main {
10 display: block 10 display: block
11 } 11 }
12 h1 { 12 h1 {
13 font-size: 2em; 13 font-size: 2em;
14 margin: .67em 0 14 margin: .67em 0
15 } 15 }
16 hr { 16 hr {
17 box-sizing: content-box; 17 box-sizing: content-box;
18 height: 0; 18 height: 0;
19 overflow: visible 19 overflow: visible
20 } 20 }
21 pre { 21 pre {
22 font-family: monospace, monospace; 22 font-family: monospace, monospace;
23 font-size: 1em 23 font-size: 1em
24 } 24 }
25 a { 25 a {
26 background-color: transparent 26 background-color: transparent
27 } 27 }
28 abbr[title] { 28 abbr[title] {
29 border-bottom: none; 29 border-bottom: none;
30 text-decoration: underline; 30 text-decoration: underline;
31 -webkit-text-decoration: underline dotted; 31 -webkit-text-decoration: underline dotted;
32 text-decoration: underline dotted 32 text-decoration: underline dotted
33 } 33 }
34 b, strong { 34 b, strong {
35 font-weight: bolder 35 font-weight: bolder
36 } 36 }
37 code, kbd, samp { 37 code, kbd, samp {
38 font-family: monospace, monospace; 38 font-family: monospace, monospace;
39 font-size: 1em 39 font-size: 1em
40 } 40 }
41 small { 41 small {
42 font-size: 80% 42 font-size: 80%
43 } 43 }
44 sub, sup { 44 sub, sup {
45 font-size: 75%; 45 font-size: 75%;
46 line-height: 0; 46 line-height: 0;
47 position: relative; 47 position: relative;
48 vertical-align: baseline 48 vertical-align: baseline
49 } 49 }
50 sub { 50 sub {
51 bottom: -.25em 51 bottom: -.25em
52 } 52 }
53 sup { 53 sup {
54 top: -.5em 54 top: -.5em
55 } 55 }
56 img { 56 img {
57 border-style: none 57 border-style: none
58 } 58 }
59 button, input, optgroup, select, textarea { 59 button, input, optgroup, select, textarea {
60 font-family: inherit; 60 font-family: inherit;
61 font-size: 100%; 61 font-size: 100%;
62 line-height: 1.15; 62 line-height: 1.15;
63 margin: 0 63 margin: 0
64 } 64 }
65 button, input { 65 button, input {
66 overflow: visible 66 overflow: visible
67 } 67 }
68 button, select { 68 button, select {
69 text-transform: none 69 text-transform: none
70 } 70 }
71 [type=button], [type=reset], [type=submit], button { 71 [type=button], [type=reset], [type=submit], button {
72 -webkit-appearance: button 72 -webkit-appearance: button
73 } 73 }
74 [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner { 74 [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
75 border-style: none; 75 border-style: none;
76 padding: 0 76 padding: 0
77 } 77 }
78 [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring { 78 [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
79 outline: 1px dotted ButtonText 79 outline: 1px dotted ButtonText
80 } 80 }
81 fieldset { 81 fieldset {
82 padding: .35em .75em .625em 82 padding: .35em .75em .625em
83 } 83 }
84 legend { 84 legend {
85 box-sizing: border-box; 85 box-sizing: border-box;
86 color: inherit; 86 color: inherit;
87 display: table; 87 display: table;
88 max-width: 100%; 88 max-width: 100%;
89 padding: 0; 89 padding: 0;
90 white-space: normal 90 white-space: normal
91 } 91 }
92 progress { 92 progress {
93 vertical-align: baseline 93 vertical-align: baseline
94 } 94 }
95 textarea { 95 textarea {
96 overflow: auto 96 overflow: auto
97 } 97 }
98 [type=checkbox], [type=radio] { 98 [type=checkbox], [type=radio] {
99 box-sizing: border-box; 99 box-sizing: border-box;
100 padding: 0 100 padding: 0
101 } 101 }
102 [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { 102 [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
103 height: auto 103 height: auto
104 } 104 }
105 [type=search] { 105 [type=search] {
106 -webkit-appearance: textfield; 106 -webkit-appearance: textfield;
107 outline-offset: -2px 107 outline-offset: -2px
108 } 108 }
109 [type=search]::-webkit-search-decoration { 109 [type=search]::-webkit-search-decoration {
110 -webkit-appearance: none 110 -webkit-appearance: none
111 } 111 }
112 ::-webkit-file-upload-button { 112 ::-webkit-file-upload-button {
113 -webkit-appearance: button; 113 -webkit-appearance: button;
114 font: inherit 114 font: inherit
115 } 115 }
116 details { 116 details {
117 display: block 117 display: block
118 } 118 }
119 summary { 119 summary {
120 display: list-item 120 display: list-item
121 } 121 }
122 [hidden], template { 122 [hidden], template {
123 display: none 123 display: none
124 } 124 }
125 blockquote, dd, dl, figure, h1, h2, h3, h4, h5, h6, hr, p, pre { 125 blockquote, dd, dl, figure, h1, h2, h3, h4, h5, h6, hr, p, pre {
126 margin: 0 126 margin: 0
127 } 127 }
128 button { 128 button {
129 background-color: transparent; 129 background-color: transparent;
130 background-image: none; 130 background-image: none;
131 padding: 0 131 padding: 0
132 } 132 }
133 button:focus { 133 button:focus {
134 outline: 1px dotted; 134 outline: 1px dotted;
135 outline: 5px auto -webkit-focus-ring-color 135 outline: 5px auto -webkit-focus-ring-color
136 } 136 }
137 fieldset, ol, ul { 137 fieldset, ol, ul {
138 margin: 0; 138 margin: 0;
139 padding: 0 139 padding: 0
140 } 140 }
141 ol, ul { 141 ol, ul {
142 list-style: none 142 list-style: none
143 } 143 }
144 html { 144 html {
145 font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji; 145 font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
146 line-height: 1.5 146 line-height: 1.5
147 } 147 }
148 *, :after, :before { 148 *, :after, :before {
149 box-sizing: border-box; 149 box-sizing: border-box;
150 border: 0 solid #d5d6d7 150 border: 0 solid #d5d6d7
151 } 151 }
152 hr { 152 hr {
153 border-top-width: 1px 153 border-top-width: 1px
154 } 154 }
155 img { 155 img {
156 border-style: solid 156 border-style: solid
157 } 157 }
158 textarea { 158 textarea {
159 resize: vertical 159 resize: vertical
160 } 160 }
161 input::-moz-placeholder, textarea::-moz-placeholder { 161 input::-moz-placeholder, textarea::-moz-placeholder {
162 color: #a0aec0 162 color: #a0aec0
163 } 163 }
164 input:-ms-input-placeholder, textarea:-ms-input-placeholder { 164 input:-ms-input-placeholder, textarea:-ms-input-placeholder {
165 color: #a0aec0 165 color: #a0aec0
166 } 166 }
167 input::-ms-input-placeholder, textarea::-ms-input-placeholder { 167 input::-ms-input-placeholder, textarea::-ms-input-placeholder {
168 color: #a0aec0 168 color: #a0aec0
169 } 169 }
170 input::placeholder, textarea::placeholder { 170 input::placeholder, textarea::placeholder {
171 color: #a0aec0 171 color: #a0aec0
172 } 172 }
173 [role=button], button { 173 [role=button], button {
174 cursor: pointer 174 cursor: pointer
175 } 175 }
176 table { 176 table {
177 border-collapse: collapse 177 border-collapse: collapse
178 } 178 }
179 h1, h2, h3, h4, h5, h6 { 179 h1, h2, h3, h4, h5, h6 {
180 font-size: inherit; 180 font-size: inherit;
181 font-weight: inherit 181 font-weight: inherit
182 } 182 }
183 a { 183 a {
184 color: inherit; 184 color: inherit;
185 text-decoration: inherit 185 text-decoration: inherit
186 } 186 }
187 button, input, optgroup, select, textarea { 187 button, input, optgroup, select, textarea {
188 padding: 0; 188 padding: 0;
189 line-height: inherit; 189 line-height: inherit;
190 color: inherit 190 color: inherit
191 } 191 }
192 code, kbd, pre, samp { 192 code, kbd, pre, samp {
193 font-family: Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace 193 font-family: Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace
194 } 194 }
195 audio, canvas, embed, iframe, img, object, svg, video { 195 audio, canvas, embed, iframe, img, object, svg, video {
196 display: block; 196 display: block;
197 vertical-align: middle 197 vertical-align: middle
198 } 198 }
199 img, video { 199 img, video {
200 max-width: 100%; 200 max-width: 100%;
201 height: auto 201 height: auto
202 } 202 }
203 .container { 203 .container {
204 width: 100% 204 width: 100%
205 } 205 }
206 @media (min-width:640px) { 206 @media (min-width:640px) {
207 .container { 207 .container {
208 max-width: 640px 208 max-width: 640px
209 } 209 }
210 } 210 }
211 @media (min-width:768px) { 211 @media (min-width:768px) {
212 .container { 212 .container {
213 max-width: 768px 213 max-width: 768px
214 } 214 }
215 } 215 }
216 @media (min-width:1024px) { 216 @media (min-width:1024px) {
217 .container { 217 .container {
218 max-width: 1024px 218 max-width: 1024px
219 } 219 }
220 } 220 }
221 @media (min-width:1280px) { 221 @media (min-width:1280px) {
222 .container { 222 .container {
223 max-width: 1280px 223 max-width: 1280px
224 } 224 }
225 } 225 }
226 .form-input { 226 .form-input {
227 -webkit-appearance: none; 227 -webkit-appearance: none;
228 -moz-appearance: none; 228 -moz-appearance: none;
229 appearance: none; 229 appearance: none;
230 background-color: #fff; 230 background-color: #fff;
231 border-color: #e2e8f0; 231 border-color: #e2e8f0;
232 border-width: 1px; 232 border-width: 1px;
233 border-radius: .25rem; 233 border-radius: .25rem;
234 padding: .5rem .75rem; 234 padding: .5rem .75rem;
235 font-size: 1rem; 235 font-size: 1rem;
236 line-height: 1.5 236 line-height: 1.5
237 } 237 }
238 .form-input::-moz-placeholder { 238 .form-input::-moz-placeholder {
239 color: #9e9e9e; 239 color: #9e9e9e;
240 opacity: 1 240 opacity: 1
241 } 241 }
242 .form-input:-ms-input-placeholder { 242 .form-input:-ms-input-placeholder {
243 color: #9e9e9e; 243 color: #9e9e9e;
244 opacity: 1 244 opacity: 1
245 } 245 }
246 .form-input::-ms-input-placeholder { 246 .form-input::-ms-input-placeholder {
247 color: #9e9e9e; 247 color: #9e9e9e;
248 opacity: 1 248 opacity: 1
249 } 249 }
250 .form-input::placeholder { 250 .form-input::placeholder {
251 color: #9e9e9e; 251 color: #9e9e9e;
252 opacity: 1 252 opacity: 1
253 } 253 }
254 .form-input:focus { 254 .form-input:focus {
255 outline: none; 255 outline: none;
256 box-shadow: 0 0 0 3px rgba(66, 153, 225, .5); 256 box-shadow: 0 0 0 3px rgba(66, 153, 225, .5);
257 border-color: #63b3ed 257 border-color: #63b3ed
258 } 258 }
259 .form-textarea { 259 .form-textarea {
260 -webkit-appearance: none; 260 -webkit-appearance: none;
261 -moz-appearance: none; 261 -moz-appearance: none;
262 appearance: none; 262 appearance: none;
263 background-color: #fff; 263 background-color: #fff;
264 border-color: #e2e8f0; 264 border-color: #e2e8f0;
265 border-width: 1px; 265 border-width: 1px;
266 border-radius: .25rem; 266 border-radius: .25rem;
267 padding: .5rem .75rem; 267 padding: .5rem .75rem;
268 font-size: 1rem; 268 font-size: 1rem;
269 line-height: 1.5 269 line-height: 1.5
270 } 270 }
271 .form-textarea::-moz-placeholder { 271 .form-textarea::-moz-placeholder {
272 color: #9e9e9e; 272 color: #9e9e9e;
273 opacity: 1 273 opacity: 1
274 } 274 }
275 .form-textarea:-ms-input-placeholder { 275 .form-textarea:-ms-input-placeholder {
276 color: #9e9e9e; 276 color: #9e9e9e;
277 opacity: 1 277 opacity: 1
278 } 278 }
279 .form-textarea::-ms-input-placeholder { 279 .form-textarea::-ms-input-placeholder {
280 color: #9e9e9e; 280 color: #9e9e9e;
281 opacity: 1 281 opacity: 1
282 } 282 }
283 .form-textarea::placeholder { 283 .form-textarea::placeholder {
284 color: #9e9e9e; 284 color: #9e9e9e;
285 opacity: 1 285 opacity: 1
286 } 286 }
287 .form-textarea:focus { 287 .form-textarea:focus {
288 outline: none; 288 outline: none;
289 box-shadow: 0 0 0 3px rgba(66, 153, 225, .5); 289 box-shadow: 0 0 0 3px rgba(66, 153, 225, .5);
290 border-color: #63b3ed 290 border-color: #63b3ed
291 } 291 }
292 .form-multiselect { 292 .form-multiselect {
293 -webkit-appearance: none; 293 -webkit-appearance: none;
294 -moz-appearance: none; 294 -moz-appearance: none;
295 appearance: none; 295 appearance: none;
296 background-color: #fff; 296 background-color: #fff;
297 border-color: #e2e8f0; 297 border-color: #e2e8f0;
298 border-width: 1px; 298 border-width: 1px;
299 border-radius: .25rem; 299 border-radius: .25rem;
300 padding: .5rem .75rem; 300 padding: .5rem .75rem;
301 font-size: 1rem; 301 font-size: 1rem;
302 line-height: 1.5 302 line-height: 1.5
303 } 303 }
304 .form-multiselect:focus { 304 .form-multiselect:focus {
305 outline: none; 305 outline: none;
306 box-shadow: 0 0 0 3px rgba(66, 153, 225, .5); 306 box-shadow: 0 0 0 3px rgba(66, 153, 225, .5);
307 border-color: #63b3ed 307 border-color: #63b3ed
308 } 308 }
309 .form-select { 309 .form-select {
310 background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23a0aec0'%3E%3Cpath d='M15.3 9.3a1 1 0 011.4 1.4l-4 4a1 1 0 01-1.4 0l-4-4a1 1 0 011.4-1.4l3.3 3.29 3.3-3.3z'/%3E%3C/svg%3E"); 310 background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23a0aec0'%3E%3Cpath d='M15.3 9.3a1 1 0 011.4 1.4l-4 4a1 1 0 01-1.4 0l-4-4a1 1 0 011.4-1.4l3.3 3.29 3.3-3.3z'/%3E%3C/svg%3E");
311 -webkit-appearance: none; 311 -webkit-appearance: none;
312 -moz-appearance: none; 312 -moz-appearance: none;
313 appearance: none; 313 appearance: none;
314 -webkit-print-color-adjust: exact; 314 -webkit-print-color-adjust: exact;
315 color-adjust: exact; 315 color-adjust: exact;
316 background-repeat: no-repeat; 316 background-repeat: no-repeat;
317 background-color: #fff; 317 background-color: #fff;
318 border-color: #e2e8f0; 318 border-color: #e2e8f0;
319 border-width: 1px; 319 border-width: 1px;
320 border-radius: .25rem; 320 border-radius: .25rem;
321 padding: .5rem 2.5rem .5rem .75rem; 321 padding: .5rem 2.5rem .5rem .75rem;
322 font-size: 1rem; 322 font-size: 1rem;
323 line-height: 1.5; 323 line-height: 1.5;
324 background-position: right .5rem center; 324 background-position: right .5rem center;
325 background-size: 1.5em 1.5em 325 background-size: 1.5em 1.5em
326 } 326 }
327 .form-select::-ms-expand { 327 .form-select::-ms-expand {
328 color: #a0aec0; 328 color: #a0aec0;
329 border: none 329 border: none
330 } 330 }
331 @media not print { 331 @media not print {
332 .form-select::-ms-expand { 332 .form-select::-ms-expand {
333 display: none 333 display: none
334 } 334 }
335 } 335 }
336 @media print and (-ms-high-contrast:active), print and (-ms-high-contrast:none) { 336 @media print and (-ms-high-contrast:active), print and (-ms-high-contrast:none) {
337 .form-select { 337 .form-select {
338 padding-right: .75rem 338 padding-right: .75rem
339 } 339 }
340 } 340 }
341 .form-select:focus { 341 .form-select:focus {
342 outline: none; 342 outline: none;
343 box-shadow: 0 0 0 3px rgba(66, 153, 225, .5); 343 box-shadow: 0 0 0 3px rgba(66, 153, 225, .5);
344 border-color: #63b3ed 344 border-color: #63b3ed
345 } 345 }
346 .form-checkbox { 346 .form-checkbox {
347 -webkit-appearance: none; 347 -webkit-appearance: none;
348 -moz-appearance: none; 348 -moz-appearance: none;
349 appearance: none; 349 appearance: none;
350 -webkit-print-color-adjust: exact; 350 -webkit-print-color-adjust: exact;
351 color-adjust: exact; 351 color-adjust: exact;
352 display: inline-block; 352 display: inline-block;
353 vertical-align: middle; 353 vertical-align: middle;
354 background-origin: border-box; 354 background-origin: border-box;
355 -webkit-user-select: none; 355 -webkit-user-select: none;
356 -moz-user-select: none; 356 -moz-user-select: none;
357 -ms-user-select: none; 357 -ms-user-select: none;
358 user-select: none; 358 user-select: none;
359 flex-shrink: 0; 359 flex-shrink: 0;
360 height: 1em; 360 height: 1em;
361 width: 1em; 361 width: 1em;
362 color: #4299e1; 362 color: #4299e1;
363 background-color: #fff; 363 background-color: #fff;
364 border-color: #e2e8f0; 364 border-color: #e2e8f0;
365 border-width: 1px; 365 border-width: 1px;
366 border-radius: .25rem 366 border-radius: .25rem
367 } 367 }
368 .form-checkbox:checked { 368 .form-checkbox:checked {
369 background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.707 7.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4a1 1 0 00-1.414-1.414L7 8.586 5.707 7.293z'/%3E%3C/svg%3E"); 369 background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.707 7.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4a1 1 0 00-1.414-1.414L7 8.586 5.707 7.293z'/%3E%3C/svg%3E");
370 border-color: transparent; 370 border-color: transparent;
371 background-color: currentColor; 371 background-color: currentColor;
372 background-size: 100% 100%; 372 background-size: 100% 100%;
373 background-position: 50%; 373 background-position: 50%;
374 background-repeat: no-repeat 374 background-repeat: no-repeat
375 } 375 }
376 @media not print { 376 @media not print {
377 .form-checkbox::-ms-check { 377 .form-checkbox::-ms-check {
378 border-width: 1px; 378 border-width: 1px;
379 color: transparent; 379 color: transparent;
380 background: inherit; 380 background: inherit;
381 border-color: inherit; 381 border-color: inherit;
382 border-radius: inherit 382 border-radius: inherit
383 } 383 }
384 } 384 }
385 .form-checkbox:focus { 385 .form-checkbox:focus {
386 outline: none; 386 outline: none;
387 box-shadow: 0 0 0 3px rgba(66, 153, 225, .5); 387 box-shadow: 0 0 0 3px rgba(66, 153, 225, .5);
388 border-color: #63b3ed 388 border-color: #63b3ed
389 } 389 }
390 .form-radio { 390 .form-radio {
391 -webkit-appearance: none; 391 -webkit-appearance: none;
392 -moz-appearance: none; 392 -moz-appearance: none;
393 appearance: none; 393 appearance: none;
394 -webkit-print-color-adjust: exact; 394 -webkit-print-color-adjust: exact;
395 color-adjust: exact; 395 color-adjust: exact;
396 display: inline-block; 396 display: inline-block;
397 vertical-align: middle; 397 vertical-align: middle;
398 background-origin: border-box; 398 background-origin: border-box;
399 -webkit-user-select: none; 399 -webkit-user-select: none;
400 -moz-user-select: none; 400 -moz-user-select: none;
401 -ms-user-select: none; 401 -ms-user-select: none;
402 user-select: none; 402 user-select: none;
403 flex-shrink: 0; 403 flex-shrink: 0;
404 border-radius: 100%; 404 border-radius: 100%;
405 height: 1em; 405 height: 1em;
406 width: 1em; 406 width: 1em;
407 color: #4299e1; 407 color: #4299e1;
408 background-color: #fff; 408 background-color: #fff;
409 border-color: #e2e8f0; 409 border-color: #e2e8f0;
410 border-width: 1px 410 border-width: 1px
411 } 411 }
412 .form-radio:checked { 412 .form-radio:checked {
413 background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E"); 413 background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E");
414 border-color: transparent; 414 border-color: transparent;
415 background-color: currentColor; 415 background-color: currentColor;
416 background-size: 100% 100%; 416 background-size: 100% 100%;
417 background-position: 50%; 417 background-position: 50%;
418 background-repeat: no-repeat 418 background-repeat: no-repeat
419 } 419 }
420 @media not print { 420 @media not print {
421 .form-radio::-ms-check { 421 .form-radio::-ms-check {
422 border-width: 1px; 422 border-width: 1px;
423 color: transparent; 423 color: transparent;
424 background: inherit; 424 background: inherit;
425 border-color: inherit; 425 border-color: inherit;
426 border-radius: inherit 426 border-radius: inherit
427 } 427 }
428 } 428 }
429 .form-radio:focus { 429 .form-radio:focus {
430 outline: none; 430 outline: none;
431 box-shadow: 0 0 0 3px rgba(66, 153, 225, .5); 431 box-shadow: 0 0 0 3px rgba(66, 153, 225, .5);
432 border-color: #63b3ed 432 border-color: #63b3ed
433 } 433 }
434 .space-y-2>:not(template)~:not(template) { 434 .space-y-2>:not(template)~:not(template) {
435 --space-y-reverse: 0; 435 --space-y-reverse: 0;
436 margin-top: calc(0.5rem*(1 - var(--space-y-reverse))); 436 margin-top: calc(0.5rem*(1 - var(--space-y-reverse)));
437 margin-bottom: calc(0.5rem*var(--space-y-reverse)) 437 margin-bottom: calc(0.5rem*var(--space-y-reverse))
438 } 438 }
439 .space-x-3>:not(template)~:not(template) { 439 .space-x-3>:not(template)~:not(template) {
440 --space-x-reverse: 0; 440 --space-x-reverse: 0;
441 margin-right: calc(0.75rem*var(--space-x-reverse)); 441 margin-right: calc(0.75rem*var(--space-x-reverse));
442 margin-left: calc(0.75rem*(1 - var(--space-x-reverse))) 442 margin-left: calc(0.75rem*(1 - var(--space-x-reverse)))
443 } 443 }
444 .space-y-4>:not(template)~:not(template) { 444 .space-y-4>:not(template)~:not(template) {
445 --space-y-reverse: 0; 445 --space-y-reverse: 0;
446 margin-top: calc(1rem*(1 - var(--space-y-reverse))); 446 margin-top: calc(1rem*(1 - var(--space-y-reverse)));
447 margin-bottom: calc(1rem*var(--space-y-reverse)) 447 margin-bottom: calc(1rem*var(--space-y-reverse))
448 } 448 }
449 .space-x-4>:not(template)~:not(template) { 449 .space-x-4>:not(template)~:not(template) {
450 --space-x-reverse: 0; 450 --space-x-reverse: 0;
451 margin-right: calc(1rem*var(--space-x-reverse)); 451 margin-right: calc(1rem*var(--space-x-reverse));
452 margin-left: calc(1rem*(1 - var(--space-x-reverse))) 452 margin-left: calc(1rem*(1 - var(--space-x-reverse)))
453 } 453 }
454 .space-x-6>:not(template)~:not(template) { 454 .space-x-6>:not(template)~:not(template) {
455 --space-x-reverse: 0; 455 --space-x-reverse: 0;
456 margin-right: calc(1.5rem*var(--space-x-reverse)); 456 margin-right: calc(1.5rem*var(--space-x-reverse));
457 margin-left: calc(1.5rem*(1 - var(--space-x-reverse))) 457 margin-left: calc(1.5rem*(1 - var(--space-x-reverse)))
458 } 458 }
459 .divide-y>:not(template)~:not(template) { 459 .divide-y>:not(template)~:not(template) {
460 --divide-y-reverse: 0; 460 --divide-y-reverse: 0;
461 border-top-width: calc(1px*(1 - var(--divide-y-reverse))); 461 border-top-width: calc(1px*(1 - var(--divide-y-reverse)));
462 border-bottom-width: calc(1px*var(--divide-y-reverse)) 462 border-bottom-width: calc(1px*var(--divide-y-reverse))
463 } 463 }
464 .theme-dark .dark\:divide-gray-700>:not(template)~:not(template) { 464 .theme-dark .dark\:divide-gray-700>:not(template)~:not(template) {
465 --divide-opacity: 1; 465 --divide-opacity: 1;
466 border-color: #24262d; 466 border-color: #24262d;
467 border-color: rgba(36, 38, 45, var(--divide-opacity)) 467 border-color: rgba(36, 38, 45, var(--divide-opacity))
468 } 468 }
469 .bg-white { 469 .bg-white {
470 --bg-opacity: 1; 470 --bg-opacity: 1;
471 background-color: #fff; 471 background-color: #fff;
472 background-color: rgba(255, 255, 255, var(--bg-opacity)) 472 background-color: rgba(255, 255, 255, var(--bg-opacity))
473 } 473 }
474 .bg-black { 474 .bg-black {
475 --bg-opacity: 1; 475 --bg-opacity: 1;
476 background-color: #000; 476 background-color: #000;
477 background-color: rgba(0, 0, 0, var(--bg-opacity)) 477 background-color: rgba(0, 0, 0, var(--bg-opacity))
478 } 478 }
479 .bg-gray-50 { 479 .bg-gray-50 {
480 --bg-opacity: 1; 480 --bg-opacity: 1;
481 background-color: #f9fafb; 481 background-color: #f9fafb;
482 background-color: rgba(249, 250, 251, var(--bg-opacity)) 482 background-color: rgba(249, 250, 251, var(--bg-opacity))
483 } 483 }
484 .bg-gray-100 { 484 .bg-gray-100 {
485 --bg-opacity: 1; 485 --bg-opacity: 1;
486 background-color: #f4f5f7; 486 background-color: #f4f5f7;
487 background-color: rgba(244, 245, 247, var(--bg-opacity)) 487 background-color: rgba(244, 245, 247, var(--bg-opacity))
488 } 488 }
489 .bg-red-100 { 489 .bg-red-100 {
490 --bg-opacity: 1; 490 --bg-opacity: 1;
491 background-color: #fde8e8; 491 background-color: #fde8e8;
492 background-color: rgba(253, 232, 232, var(--bg-opacity)) 492 background-color: rgba(253, 232, 232, var(--bg-opacity))
493 } 493 }
494 .bg-red-600 { 494 .bg-red-600 {
495 --bg-opacity: 1; 495 --bg-opacity: 1;
496 background-color: #e02424; 496 background-color: #e02424;
497 background-color: rgba(224, 36, 36, var(--bg-opacity)) 497 background-color: rgba(224, 36, 36, var(--bg-opacity))
498 } 498 }
499 .bg-orange-100 { 499 .bg-orange-100 {
500 --bg-opacity: 1; 500 --bg-opacity: 1;
501 background-color: #feecdc; 501 background-color: #feecdc;
502 background-color: rgba(254, 236, 220, var(--bg-opacity)) 502 background-color: rgba(254, 236, 220, var(--bg-opacity))
503 } 503 }
504 .bg-green-100 { 504 .bg-green-100 {
505 --bg-opacity: 1; 505 --bg-opacity: 1;
506 background-color: #def7ec; 506 background-color: #def7ec;
507 background-color: rgba(222, 247, 236, var(--bg-opacity)) 507 background-color: rgba(222, 247, 236, var(--bg-opacity))
508 } 508 }
509 .bg-teal-100 { 509 .bg-teal-100 {
510 --bg-opacity: 1; 510 --bg-opacity: 1;
511 background-color: #d5f5f6; 511 background-color: #d5f5f6;
512 background-color: rgba(213, 245, 246, var(--bg-opacity)) 512 background-color: rgba(213, 245, 246, var(--bg-opacity))
513 } 513 }
514 .bg-teal-500 { 514 .bg-teal-500 {
515 --bg-opacity: 1; 515 --bg-opacity: 1;
516 background-color: #0694a2; 516 background-color: #0694a2;
517 background-color: rgba(6, 148, 162, var(--bg-opacity)) 517 background-color: rgba(6, 148, 162, var(--bg-opacity))
518 } 518 }
519 .bg-teal-600 { 519 .bg-teal-600 {
520 --bg-opacity: 1; 520 --bg-opacity: 1;
521 background-color: #047481; 521 background-color: #047481;
522 background-color: rgba(4, 116, 129, var(--bg-opacity)) 522 background-color: rgba(4, 116, 129, var(--bg-opacity))
523 } 523 }
524 .bg-green-600 {
525 --bg-opacity: 1;
526 background-color: #44a32b;
527 }
524 .bg-blue-100 { 528 .bg-blue-100 {
525 --bg-opacity: 1; 529 --bg-opacity: 1;
526 background-color: #e1effe; 530 background-color: #e1effe;
527 background-color: rgba(225, 239, 254, var(--bg-opacity)) 531 background-color: rgba(225, 239, 254, var(--bg-opacity))
528 } 532 }
529 .bg-blue-500 { 533 .bg-blue-500 {
530 --bg-opacity: 1; 534 --bg-opacity: 1;
531 background-color: #3f83f8; 535 background-color: #3f83f8;
532 background-color: rgba(63, 131, 248, var(--bg-opacity)) 536 background-color: rgba(63, 131, 248, var(--bg-opacity))
533 } 537 }
534 .bg-blue-600 { 538 .bg-blue-600 {
535 --bg-opacity: 1; 539 --bg-opacity: 1;
536 background-color: #1c64f2; 540 background-color: #1c64f2;
537 background-color: rgba(28, 100, 242, var(--bg-opacity)) 541 background-color: rgba(28, 100, 242, var(--bg-opacity))
538 } 542 }
539 .bg-purple-600 { 543 .bg-purple-600 {
540 --bg-opacity: 1; 544 --bg-opacity: 1;
541 background-color: #7e3af2; 545 background-color: #7e3af2;
542 background-color: rgba(126, 58, 242, var(--bg-opacity)) 546 background-color: rgba(126, 58, 242, var(--bg-opacity))
543 } 547 }
544 .hover\:bg-gray-100:hover { 548 .hover\:bg-gray-100:hover {
545 --bg-opacity: 1; 549 --bg-opacity: 1;
546 background-color: #f4f5f7; 550 background-color: #f4f5f7;
547 background-color: rgba(244, 245, 247, var(--bg-opacity)) 551 background-color: rgba(244, 245, 247, var(--bg-opacity))
548 } 552 }
549 .hover\:bg-purple-700:hover { 553 .hover\:bg-purple-700:hover {
550 --bg-opacity: 1; 554 --bg-opacity: 1;
551 background-color: #6c2bd9; 555 background-color: #6c2bd9;
552 background-color: rgba(108, 43, 217, var(--bg-opacity)) 556 background-color: rgba(108, 43, 217, var(--bg-opacity))
553 } 557 }
554 .focus\:bg-white:focus { 558 .focus\:bg-white:focus {
555 --bg-opacity: 1; 559 --bg-opacity: 1;
556 background-color: #fff; 560 background-color: #fff;
557 background-color: rgba(255, 255, 255, var(--bg-opacity)) 561 background-color: rgba(255, 255, 255, var(--bg-opacity))
558 } 562 }
559 .active\:bg-transparent:active { 563 .active\:bg-transparent:active {
560 background-color: transparent 564 background-color: transparent
561 } 565 }
562 .active\:bg-purple-600:active { 566 .active\:bg-purple-600:active {
563 --bg-opacity: 1; 567 --bg-opacity: 1;
564 background-color: #7e3af2; 568 background-color: #7e3af2;
565 background-color: rgba(126, 58, 242, var(--bg-opacity)) 569 background-color: rgba(126, 58, 242, var(--bg-opacity))
566 } 570 }
567 .theme-dark .dark\:bg-gray-700 { 571 .theme-dark .dark\:bg-gray-700 {
568 --bg-opacity: 1; 572 --bg-opacity: 1;
569 background-color: #24262d; 573 background-color: #24262d;
570 background-color: rgba(36, 38, 45, var(--bg-opacity)) 574 background-color: rgba(36, 38, 45, var(--bg-opacity))
571 } 575 }
572 .theme-dark .dark\:bg-gray-800 { 576 .theme-dark .dark\:bg-gray-800 {
573 --bg-opacity: 1; 577 --bg-opacity: 1;
574 background-color: #1a1c23; 578 background-color: #1a1c23;
575 background-color: rgba(26, 28, 35, var(--bg-opacity)) 579 background-color: rgba(26, 28, 35, var(--bg-opacity))
576 } 580 }
577 .theme-dark .dark\:bg-gray-900 { 581 .theme-dark .dark\:bg-gray-900 {
578 --bg-opacity: 1; 582 --bg-opacity: 1;
579 background-color: #121317; 583 background-color: #121317;
580 background-color: rgba(18, 19, 23, var(--bg-opacity)) 584 background-color: rgba(18, 19, 23, var(--bg-opacity))
581 } 585 }
582 .theme-dark .dark\:bg-red-600 { 586 .theme-dark .dark\:bg-red-600 {
583 --bg-opacity: 1; 587 --bg-opacity: 1;
584 background-color: #e02424; 588 background-color: #e02424;
585 background-color: rgba(224, 36, 36, var(--bg-opacity)) 589 background-color: rgba(224, 36, 36, var(--bg-opacity))
586 } 590 }
587 .theme-dark .dark\:bg-red-700 { 591 .theme-dark .dark\:bg-red-700 {
588 --bg-opacity: 1; 592 --bg-opacity: 1;
589 background-color: #c81e1e; 593 background-color: #c81e1e;
590 background-color: rgba(200, 30, 30, var(--bg-opacity)) 594 background-color: rgba(200, 30, 30, var(--bg-opacity))
591 } 595 }
592 .theme-dark .dark\:bg-orange-500 { 596 .theme-dark .dark\:bg-orange-500 {
593 --bg-opacity: 1; 597 --bg-opacity: 1;
594 background-color: #ff5a1f; 598 background-color: #ff5a1f;
595 background-color: rgba(255, 90, 31, var(--bg-opacity)) 599 background-color: rgba(255, 90, 31, var(--bg-opacity))
596 } 600 }
597 .theme-dark .dark\:bg-orange-600 { 601 .theme-dark .dark\:bg-orange-600 {
598 --bg-opacity: 1; 602 --bg-opacity: 1;
599 background-color: #d03801; 603 background-color: #d03801;
600 background-color: rgba(208, 56, 1, var(--bg-opacity)) 604 background-color: rgba(208, 56, 1, var(--bg-opacity))
601 } 605 }
602 .theme-dark .dark\:bg-green-500 { 606 .theme-dark .dark\:bg-green-500 {
603 --bg-opacity: 1; 607 --bg-opacity: 1;
604 background-color: #0e9f6e; 608 background-color: #0e9f6e;
605 background-color: rgba(14, 159, 110, var(--bg-opacity)) 609 background-color: rgba(14, 159, 110, var(--bg-opacity))
606 } 610 }
607 .theme-dark .dark\:bg-green-700 { 611 .theme-dark .dark\:bg-green-700 {
608 --bg-opacity: 1; 612 --bg-opacity: 1;
609 background-color: #046c4e; 613 background-color: #046c4e;
610 background-color: rgba(4, 108, 78, var(--bg-opacity)) 614 background-color: rgba(4, 108, 78, var(--bg-opacity))
611 } 615 }
612 .theme-dark .dark\:bg-teal-500 { 616 .theme-dark .dark\:bg-teal-500 {
613 --bg-opacity: 1; 617 --bg-opacity: 1;
614 background-color: #0694a2; 618 background-color: #0694a2;
615 background-color: rgba(6, 148, 162, var(--bg-opacity)) 619 background-color: rgba(6, 148, 162, var(--bg-opacity))
616 } 620 }
617 .theme-dark .dark\:bg-blue-500 { 621 .theme-dark .dark\:bg-blue-500 {
618 --bg-opacity: 1; 622 --bg-opacity: 1;
619 background-color: #3f83f8; 623 background-color: #3f83f8;
620 background-color: rgba(63, 131, 248, var(--bg-opacity)) 624 background-color: rgba(63, 131, 248, var(--bg-opacity))
621 } 625 }
622 .theme-dark .dark\:hover\:bg-gray-800:hover { 626 .theme-dark .dark\:hover\:bg-gray-800:hover {
623 --bg-opacity: 1; 627 --bg-opacity: 1;
624 background-color: #1a1c23; 628 background-color: #1a1c23;
625 background-color: rgba(26, 28, 35, var(--bg-opacity)) 629 background-color: rgba(26, 28, 35, var(--bg-opacity))
626 } 630 }
627 .bg-opacity-50 { 631 .bg-opacity-50 {
628 --bg-opacity: 0.5 632 --bg-opacity: 0.5
629 } 633 }
630 .border-transparent { 634 .border-transparent {
631 border-color: transparent 635 border-color: transparent
632 } 636 }
633 .border-white { 637 .border-white {
634 --border-opacity: 1; 638 --border-opacity: 1;
635 border-color: #fff; 639 border-color: #fff;
636 border-color: rgba(255, 255, 255, var(--border-opacity)) 640 border-color: rgba(255, 255, 255, var(--border-opacity))
637 } 641 }
638 .border-gray-100 { 642 .border-gray-100 {
639 --border-opacity: 1; 643 --border-opacity: 1;
640 border-color: #f4f5f7; 644 border-color: #f4f5f7;
641 border-color: rgba(244, 245, 247, var(--border-opacity)) 645 border-color: rgba(244, 245, 247, var(--border-opacity))
642 } 646 }
643 .border-gray-300 { 647 .border-gray-300 {
644 --border-opacity: 1; 648 --border-opacity: 1;
645 border-color: #d5d6d7; 649 border-color: #d5d6d7;
646 border-color: rgba(213, 214, 215, var(--border-opacity)) 650 border-color: rgba(213, 214, 215, var(--border-opacity))
647 } 651 }
648 .border-red-600 { 652 .border-red-600 {
649 --border-opacity: 1; 653 --border-opacity: 1;
650 border-color: #e02424; 654 border-color: #e02424;
651 border-color: rgba(224, 36, 36, var(--border-opacity)) 655 border-color: rgba(224, 36, 36, var(--border-opacity))
652 } 656 }
653 .border-green-600 { 657 .border-green-600 {
654 --border-opacity: 1; 658 --border-opacity: 1;
655 border-color: #057a55; 659 border-color: #057a55;
656 border-color: rgba(5, 122, 85, var(--border-opacity)) 660 border-color: rgba(5, 122, 85, var(--border-opacity))
657 } 661 }
658 .border-purple-600 { 662 .border-purple-600 {
659 --border-opacity: 1; 663 --border-opacity: 1;
660 border-color: #7e3af2; 664 border-color: #7e3af2;
661 border-color: rgba(126, 58, 242, var(--border-opacity)) 665 border-color: rgba(126, 58, 242, var(--border-opacity))
662 } 666 }
663 .focus\:border-gray-500:focus { 667 .focus\:border-gray-500:focus {
664 --border-opacity: 1; 668 --border-opacity: 1;
665 border-color: #707275; 669 border-color: #707275;
666 border-color: rgba(112, 114, 117, var(--border-opacity)) 670 border-color: rgba(112, 114, 117, var(--border-opacity))
667 } 671 }
668 .focus\:border-red-400:focus { 672 .focus\:border-red-400:focus {
669 --border-opacity: 1; 673 --border-opacity: 1;
670 border-color: #f98080; 674 border-color: #f98080;
671 border-color: rgba(249, 128, 128, var(--border-opacity)) 675 border-color: rgba(249, 128, 128, var(--border-opacity))
672 } 676 }
673 .focus\:border-green-400:focus { 677 .focus\:border-green-400:focus {
674 --border-opacity: 1; 678 --border-opacity: 1;
675 border-color: #31c48d; 679 border-color: #31c48d;
676 border-color: rgba(49, 196, 141, var(--border-opacity)) 680 border-color: rgba(49, 196, 141, var(--border-opacity))
677 } 681 }
678 .focus\:border-purple-300:focus { 682 .focus\:border-purple-300:focus {
679 --border-opacity: 1; 683 --border-opacity: 1;
680 border-color: #cabffd; 684 border-color: #cabffd;
681 border-color: rgba(202, 191, 253, var(--border-opacity)) 685 border-color: rgba(202, 191, 253, var(--border-opacity))
682 } 686 }
683 .focus\:border-purple-400:focus { 687 .focus\:border-purple-400:focus {
684 --border-opacity: 1; 688 --border-opacity: 1;
685 border-color: #ac94fa; 689 border-color: #ac94fa;
686 border-color: rgba(172, 148, 250, var(--border-opacity)) 690 border-color: rgba(172, 148, 250, var(--border-opacity))
687 } 691 }
688 .hover\:border-gray-500:hover { 692 .hover\:border-gray-500:hover {
689 --border-opacity: 1; 693 --border-opacity: 1;
690 border-color: #707275; 694 border-color: #707275;
691 border-color: rgba(112, 114, 117, var(--border-opacity)) 695 border-color: rgba(112, 114, 117, var(--border-opacity))
692 } 696 }
693 .theme-dark .dark\:border-gray-600 { 697 .theme-dark .dark\:border-gray-600 {
694 --border-opacity: 1; 698 --border-opacity: 1;
695 border-color: #4c4f52; 699 border-color: #4c4f52;
696 border-color: rgba(76, 79, 82, var(--border-opacity)) 700 border-color: rgba(76, 79, 82, var(--border-opacity))
697 } 701 }
698 .theme-dark .dark\:border-gray-700 { 702 .theme-dark .dark\:border-gray-700 {
699 --border-opacity: 1; 703 --border-opacity: 1;
700 border-color: #24262d; 704 border-color: #24262d;
701 border-color: rgba(36, 38, 45, var(--border-opacity)) 705 border-color: rgba(36, 38, 45, var(--border-opacity))
702 } 706 }
703 .theme-dark .dark\:border-gray-800 { 707 .theme-dark .dark\:border-gray-800 {
704 --border-opacity: 1; 708 --border-opacity: 1;
705 border-color: #1a1c23; 709 border-color: #1a1c23;
706 border-color: rgba(26, 28, 35, var(--border-opacity)) 710 border-color: rgba(26, 28, 35, var(--border-opacity))
707 } 711 }
708 .rounded { 712 .rounded {
709 border-radius: .25rem 713 border-radius: .25rem
710 } 714 }
711 .rounded-md { 715 .rounded-md {
712 border-radius: .375rem 716 border-radius: .375rem
713 } 717 }
714 .rounded-lg { 718 .rounded-lg {
715 border-radius: .5rem 719 border-radius: .5rem
716 } 720 }
717 .rounded-full { 721 .rounded-full {
718 border-radius: 9999px 722 border-radius: 9999px
719 } 723 }
720 .rounded-r-md { 724 .rounded-r-md {
721 border-top-right-radius: .375rem; 725 border-top-right-radius: .375rem;
722 border-bottom-right-radius: .375rem 726 border-bottom-right-radius: .375rem
723 } 727 }
724 .rounded-l-md { 728 .rounded-l-md {
725 border-top-left-radius: .375rem; 729 border-top-left-radius: .375rem;
726 border-bottom-left-radius: .375rem 730 border-bottom-left-radius: .375rem
727 } 731 }
728 .rounded-t-lg { 732 .rounded-t-lg {
729 border-top-left-radius: .5rem 733 border-top-left-radius: .5rem
730 } 734 }
731 .rounded-r-lg, .rounded-t-lg { 735 .rounded-r-lg, .rounded-t-lg {
732 border-top-right-radius: .5rem 736 border-top-right-radius: .5rem
733 } 737 }
734 .rounded-r-lg { 738 .rounded-r-lg {
735 border-bottom-right-radius: .5rem 739 border-bottom-right-radius: .5rem
736 } 740 }
737 .rounded-l-lg { 741 .rounded-l-lg {
738 border-top-left-radius: .5rem; 742 border-top-left-radius: .5rem;
739 border-bottom-left-radius: .5rem 743 border-bottom-left-radius: .5rem
740 } 744 }
741 .rounded-tr-lg { 745 .rounded-tr-lg {
742 border-top-right-radius: .5rem 746 border-top-right-radius: .5rem
743 } 747 }
744 .rounded-br-lg { 748 .rounded-br-lg {
745 border-bottom-right-radius: .5rem 749 border-bottom-right-radius: .5rem
746 } 750 }
747 .border-0 { 751 .border-0 {
748 border-width: 0 752 border-width: 0
749 } 753 }
750 .border-2 { 754 .border-2 {
751 border-width: 2px 755 border-width: 2px
752 } 756 }
753 .border { 757 .border {
754 border-width: 1px 758 border-width: 1px
755 } 759 }
756 .border-r-0 { 760 .border-r-0 {
757 border-right-width: 0 761 border-right-width: 0
758 } 762 }
759 .border-t { 763 .border-t {
760 border-top-width: 1px 764 border-top-width: 1px
761 } 765 }
762 .border-b { 766 .border-b {
763 border-bottom-width: 1px 767 border-bottom-width: 1px
764 } 768 }
765 .cursor-not-allowed { 769 .cursor-not-allowed {
766 cursor: not-allowed 770 cursor: not-allowed
767 } 771 }
768 .block { 772 .block {
769 display: block 773 display: block
770 } 774 }
771 .inline-block { 775 .inline-block {
772 display: inline-block 776 display: inline-block
773 } 777 }
774 .flex { 778 .flex {
775 display: flex 779 display: flex
776 } 780 }
777 .inline-flex { 781 .inline-flex {
778 display: inline-flex 782 display: inline-flex
779 } 783 }
780 .table { 784 .table {
781 display: table 785 display: table
782 } 786 }
783 .grid { 787 .grid {
784 display: grid 788 display: grid
785 } 789 }
786 .hidden { 790 .hidden {
787 display: none 791 display: none
788 } 792 }
789 .theme-dark .dark\:block { 793 .theme-dark .dark\:block {
790 display: block 794 display: block
791 } 795 }
792 .theme-dark .dark\:hidden { 796 .theme-dark .dark\:hidden {
793 display: none 797 display: none
794 } 798 }
795 .flex-col { 799 .flex-col {
796 flex-direction: column 800 flex-direction: column
797 } 801 }
798 .flex-wrap { 802 .flex-wrap {
799 flex-wrap: wrap 803 flex-wrap: wrap
800 } 804 }
801 .items-end { 805 .items-end {
802 align-items: flex-end 806 align-items: flex-end
803 } 807 }
804 .items-center { 808 .items-center {
805 align-items: center 809 align-items: center
806 } 810 }
807 .justify-end { 811 .justify-end {
808 justify-content: flex-end 812 justify-content: flex-end
809 } 813 }
810 .justify-center { 814 .justify-center {
811 justify-content: center 815 justify-content: center
812 } 816 }
813 .justify-between { 817 .justify-between {
814 justify-content: space-between 818 justify-content: space-between
815 } 819 }
816 .flex-1 { 820 .flex-1 {
817 flex: 1 1 0% 821 flex: 1 1 0%
818 } 822 }
819 .flex-shrink-0 { 823 .flex-shrink-0 {
820 flex-shrink: 0 824 flex-shrink: 0
821 } 825 }
822 .font-medium { 826 .font-medium {
823 font-weight: 500 827 font-weight: 500
824 } 828 }
825 .font-semibold { 829 .font-semibold {
826 font-weight: 600 830 font-weight: 600
827 } 831 }
828 .font-bold { 832 .font-bold {
829 font-weight: 700 833 font-weight: 700
830 } 834 }
831 .h-3 { 835 .h-3 {
832 height: .75rem 836 height: .75rem
833 } 837 }
834 .h-4 { 838 .h-4 {
835 height: 1rem 839 height: 1rem
836 } 840 }
837 .h-5 { 841 .h-5 {
838 height: 1.25rem 842 height: 1.25rem
839 } 843 }
840 .h-6 { 844 .h-6 {
841 height: 1.5rem 845 height: 1.5rem
842 } 846 }
843 .h-8 { 847 .h-8 {
844 height: 2rem 848 height: 2rem
845 } 849 }
846 .h-12 { 850 .h-12 {
847 height: 3rem 851 height: 3rem
848 } 852 }
849 .h-32 { 853 .h-32 {
850 height: 8rem 854 height: 8rem
851 } 855 }
852 .h-full { 856 .h-full {
853 height: 100% 857 height: 100%
854 } 858 }
855 .h-screen { 859 .h-screen {
856 height: 100vh 860 height: 100vh
857 } 861 }
858 .text-xs { 862 .text-xs {
859 font-size: .75rem 863 font-size: .75rem
860 } 864 }
861 .text-sm { 865 .text-sm {
862 font-size: .875rem 866 font-size: .875rem
863 } 867 }
864 .text-lg { 868 .text-lg {
865 font-size: 1.125rem 869 font-size: 1.125rem
866 } 870 }
867 .text-xl { 871 .text-xl {
868 font-size: 1.25rem 872 font-size: 1.25rem
869 } 873 }
870 .text-2xl { 874 .text-2xl {
871 font-size: 1.5rem 875 font-size: 1.5rem
872 } 876 }
873 .text-6xl { 877 .text-6xl {
874 font-size: 4rem 878 font-size: 4rem
875 } 879 }
876 .leading-5 { 880 .leading-5 {
877 line-height: 1.25rem 881 line-height: 1.25rem
878 } 882 }
879 .leading-none { 883 .leading-none {
880 line-height: 1 884 line-height: 1
881 } 885 }
882 .leading-tight { 886 .leading-tight {
883 line-height: 1.25 887 line-height: 1.25
884 } 888 }
885 .my-6 { 889 .my-6 {
886 margin-top: 1.5rem; 890 margin-top: 1.5rem;
887 margin-bottom: 1.5rem 891 margin-bottom: 1.5rem
888 } 892 }
889 .my-8 { 893 .my-8 {
890 margin-top: 2rem; 894 margin-top: 2rem;
891 margin-bottom: 2rem 895 margin-bottom: 2rem
892 } 896 }
893 .mx-auto { 897 .mx-auto {
894 margin-left: auto; 898 margin-left: auto;
895 margin-right: auto 899 margin-right: auto
896 } 900 }
897 .-mx-6 { 901 .-mx-6 {
898 margin-left: -1.5rem; 902 margin-left: -1.5rem;
899 margin-right: -1.5rem 903 margin-right: -1.5rem
900 } 904 }
901 .mt-1 { 905 .mt-1 {
902 margin-top: .25rem 906 margin-top: .25rem
903 } 907 }
904 .mr-1 { 908 .mr-1 {
905 margin-right: .25rem 909 margin-right: .25rem
906 } 910 }
907 .mt-2 { 911 .mt-2 {
908 margin-top: .5rem 912 margin-top: .5rem
909 } 913 }
910 .mr-2 { 914 .mr-2 {
911 margin-right: .5rem 915 margin-right: .5rem
912 } 916 }
913 .mb-2 { 917 .mb-2 {
914 margin-bottom: .5rem 918 margin-bottom: .5rem
915 } 919 }
916 .ml-2 { 920 .ml-2 {
917 margin-left: .5rem 921 margin-left: .5rem
918 } 922 }
919 .mr-3 { 923 .mr-3 {
920 margin-right: .75rem 924 margin-right: .75rem
921 } 925 }
922 .ml-3 { 926 .ml-3 {
923 margin-left: .75rem 927 margin-left: .75rem
924 } 928 }
925 .mt-4 { 929 .mt-4 {
926 margin-top: 1rem 930 margin-top: 1rem
927 } 931 }
928 .mr-4 { 932 .mr-4 {
929 margin-right: 1rem 933 margin-right: 1rem
930 } 934 }
931 .mb-4 { 935 .mb-4 {
932 margin-bottom: 1rem 936 margin-bottom: 1rem
933 } 937 }
934 .ml-4 { 938 .ml-4 {
935 margin-left: 1rem 939 margin-left: 1rem
936 } 940 }
937 .mr-5 { 941 .mr-5 {
938 margin-right: 1.25rem 942 margin-right: 1.25rem
939 } 943 }
940 .mt-6 { 944 .mt-6 {
941 margin-top: 1.5rem 945 margin-top: 1.5rem
942 } 946 }
943 .mr-6 { 947 .mr-6 {
944 margin-right: 1.5rem 948 margin-right: 1.5rem
945 } 949 }
946 .mb-6 { 950 .mb-6 {
947 margin-bottom: 1.5rem 951 margin-bottom: 1.5rem
948 } 952 }
949 .ml-6 { 953 .ml-6 {
950 margin-left: 1.5rem 954 margin-left: 1.5rem
951 } 955 }
952 .mt-8 { 956 .mt-8 {
953 margin-top: 2rem 957 margin-top: 2rem
954 } 958 }
955 .mb-8 { 959 .mb-8 {
956 margin-bottom: 2rem 960 margin-bottom: 2rem
957 } 961 }
958 .mt-16 { 962 .mt-16 {
959 margin-top: 4rem 963 margin-top: 4rem
960 } 964 }
961 .-mr-1 { 965 .-mr-1 {
962 margin-right: -.25rem 966 margin-right: -.25rem
963 } 967 }
964 .-ml-1 { 968 .-ml-1 {
965 margin-left: -.25rem 969 margin-left: -.25rem
966 } 970 }
967 .-mb-4 { 971 .-mb-4 {
968 margin-bottom: -1rem 972 margin-bottom: -1rem
969 } 973 }
970 .max-h-0 { 974 .max-h-0 {
971 max-height: 0 975 max-height: 0
972 } 976 }
973 .max-h-xl { 977 .max-h-xl {
974 max-height: 36rem 978 max-height: 36rem
975 } 979 }
976 .max-w-xl { 980 .max-w-xl {
977 /*max-width: 36rem*/ 981 /*max-width: 36rem*/
978 } 982 }
979 .max-w-2xl { 983 .max-w-2xl {
980 max-width: 42rem 984 max-width: 42rem
981 } 985 }
982 .max-w-4xl { 986 .max-w-4xl {
983 max-width: 56rem 987 max-width: 56rem
984 } 988 }
985 .min-h-screen { 989 .min-h-screen {
986 min-height: 100vh 990 min-height: 100vh
987 } 991 }
988 .min-w-0 { 992 .min-w-0 {
989 min-width: 0 993 min-width: 0
990 } 994 }
991 .object-cover { 995 .object-cover {
992 -o-object-fit: cover; 996 -o-object-fit: cover;
993 object-fit: cover 997 object-fit: cover
994 } 998 }
995 .opacity-0 { 999 .opacity-0 {
996 opacity: 0 1000 opacity: 0
997 } 1001 }
998 .opacity-25 { 1002 .opacity-25 {
999 opacity: .25 1003 opacity: .25
1000 } 1004 }
1001 .opacity-50 { 1005 .opacity-50 {
1002 opacity: .5 1006 opacity: .5
1003 } 1007 }
1004 .opacity-100 { 1008 .opacity-100 {
1005 opacity: 1 1009 opacity: 1
1006 } 1010 }
1007 .focus\:outline-none:focus { 1011 .focus\:outline-none:focus {
1008 outline: 0 1012 outline: 0
1009 } 1013 }
1010 .overflow-hidden { 1014 .overflow-hidden {
1011 overflow: hidden 1015 overflow: hidden
1012 } 1016 }
1013 .overflow-x-auto { 1017 .overflow-x-auto {
1014 overflow-x: auto 1018 overflow-x: auto
1015 } 1019 }
1016 .overflow-y-auto { 1020 .overflow-y-auto {
1017 overflow-y: auto 1021 overflow-y: auto
1018 } 1022 }
1019 .p-1 { 1023 .p-1 {
1020 padding: .25rem 1024 padding: .25rem
1021 } 1025 }
1022 .p-2 { 1026 .p-2 {
1023 padding: .5rem 1027 padding: .5rem
1024 } 1028 }
1025 .p-3 { 1029 .p-3 {
1026 padding: .75rem 1030 padding: .75rem
1027 } 1031 }
1028 .p-4 { 1032 .p-4 {
1029 padding: 1rem 1033 padding: 1rem
1030 } 1034 }
1031 .p-6 { 1035 .p-6 {
1032 padding: 1.5rem 1036 padding: 1.5rem
1033 } 1037 }
1034 .py-1 { 1038 .py-1 {
1035 padding-top: .25rem; 1039 padding-top: .25rem;
1036 padding-bottom: .25rem 1040 padding-bottom: .25rem
1037 } 1041 }
1038 .py-2 { 1042 .py-2 {
1039 padding-top: .5rem; 1043 padding-top: .5rem;
1040 padding-bottom: .5rem 1044 padding-bottom: .5rem
1041 } 1045 }
1042 .px-2 { 1046 .px-2 {
1043 padding-left: .5rem; 1047 padding-left: .5rem;
1044 padding-right: .5rem 1048 padding-right: .5rem
1045 } 1049 }
1046 .py-3 { 1050 .py-3 {
1047 padding-top: .75rem; 1051 padding-top: .75rem;
1048 padding-bottom: .75rem 1052 padding-bottom: .75rem
1049 } 1053 }
1050 .px-3 { 1054 .px-3 {
1051 padding-left: .75rem; 1055 padding-left: .75rem;
1052 padding-right: .75rem 1056 padding-right: .75rem
1053 } 1057 }
1054 .py-4 { 1058 .py-4 {
1055 padding-top: 1rem; 1059 padding-top: 1rem;
1056 padding-bottom: 1rem 1060 padding-bottom: 1rem
1057 } 1061 }
1058 .px-4 { 1062 .px-4 {
1059 padding-left: 1rem; 1063 padding-left: 1rem;
1060 padding-right: 1rem 1064 padding-right: 1rem
1061 } 1065 }
1062 .px-5 { 1066 .px-5 {
1063 padding-left: 1.25rem; 1067 padding-left: 1.25rem;
1064 padding-right: 1.25rem 1068 padding-right: 1.25rem
1065 } 1069 }
1066 .px-6 { 1070 .px-6 {
1067 padding-left: 1.5rem; 1071 padding-left: 1.5rem;
1068 padding-right: 1.5rem 1072 padding-right: 1.5rem
1069 } 1073 }
1070 .px-10 { 1074 .px-10 {
1071 padding-left: 2.5rem; 1075 padding-left: 2.5rem;
1072 padding-right: 2.5rem 1076 padding-right: 2.5rem
1073 } 1077 }
1074 .pr-2 { 1078 .pr-2 {
1075 padding-right: .5rem 1079 padding-right: .5rem
1076 } 1080 }
1077 .pl-2 { 1081 .pl-2 {
1078 padding-left: .5rem 1082 padding-left: .5rem
1079 } 1083 }
1080 .pl-8 { 1084 .pl-8 {
1081 padding-left: 2rem 1085 padding-left: 2rem
1082 } 1086 }
1083 .pr-10 { 1087 .pr-10 {
1084 padding-right: 2.5rem 1088 padding-right: 2.5rem
1085 } 1089 }
1086 .pl-10 { 1090 .pl-10 {
1087 padding-left: 2.5rem 1091 padding-left: 2.5rem
1088 } 1092 }
1089 .pb-16 { 1093 .pb-16 {
1090 padding-bottom: 4rem 1094 padding-bottom: 4rem
1091 } 1095 }
1092 .pr-20 { 1096 .pr-20 {
1093 padding-right: 5rem 1097 padding-right: 5rem
1094 } 1098 }
1095 .pl-20 { 1099 .pl-20 {
1096 padding-left: 5rem 1100 padding-left: 5rem
1097 } 1101 }
1098 .placeholder-gray-600::-moz-placeholder { 1102 .placeholder-gray-600::-moz-placeholder {
1099 --placeholder-opacity: 1; 1103 --placeholder-opacity: 1;
1100 color: #4c4f52; 1104 color: #4c4f52;
1101 color: rgba(76, 79, 82, var(--placeholder-opacity)) 1105 color: rgba(76, 79, 82, var(--placeholder-opacity))
1102 } 1106 }
1103 .placeholder-gray-600:-ms-input-placeholder { 1107 .placeholder-gray-600:-ms-input-placeholder {
1104 --placeholder-opacity: 1; 1108 --placeholder-opacity: 1;
1105 color: #4c4f52; 1109 color: #4c4f52;
1106 color: rgba(76, 79, 82, var(--placeholder-opacity)) 1110 color: rgba(76, 79, 82, var(--placeholder-opacity))
1107 } 1111 }
1108 .placeholder-gray-600::-ms-input-placeholder { 1112 .placeholder-gray-600::-ms-input-placeholder {
1109 --placeholder-opacity: 1; 1113 --placeholder-opacity: 1;
1110 color: #4c4f52; 1114 color: #4c4f52;
1111 color: rgba(76, 79, 82, var(--placeholder-opacity)) 1115 color: rgba(76, 79, 82, var(--placeholder-opacity))
1112 } 1116 }
1113 .placeholder-gray-600::placeholder { 1117 .placeholder-gray-600::placeholder {
1114 --placeholder-opacity: 1; 1118 --placeholder-opacity: 1;
1115 color: #4c4f52; 1119 color: #4c4f52;
1116 color: rgba(76, 79, 82, var(--placeholder-opacity)) 1120 color: rgba(76, 79, 82, var(--placeholder-opacity))
1117 } 1121 }
1118 .focus\:placeholder-gray-500:focus::-moz-placeholder { 1122 .focus\:placeholder-gray-500:focus::-moz-placeholder {
1119 --placeholder-opacity: 1; 1123 --placeholder-opacity: 1;
1120 color: #707275; 1124 color: #707275;
1121 color: rgba(112, 114, 117, var(--placeholder-opacity)) 1125 color: rgba(112, 114, 117, var(--placeholder-opacity))
1122 } 1126 }
1123 .focus\:placeholder-gray-500:focus:-ms-input-placeholder { 1127 .focus\:placeholder-gray-500:focus:-ms-input-placeholder {
1124 --placeholder-opacity: 1; 1128 --placeholder-opacity: 1;
1125 color: #707275; 1129 color: #707275;
1126 color: rgba(112, 114, 117, var(--placeholder-opacity)) 1130 color: rgba(112, 114, 117, var(--placeholder-opacity))
1127 } 1131 }
1128 .focus\:placeholder-gray-500:focus::-ms-input-placeholder { 1132 .focus\:placeholder-gray-500:focus::-ms-input-placeholder {
1129 --placeholder-opacity: 1; 1133 --placeholder-opacity: 1;
1130 color: #707275; 1134 color: #707275;
1131 color: rgba(112, 114, 117, var(--placeholder-opacity)) 1135 color: rgba(112, 114, 117, var(--placeholder-opacity))
1132 } 1136 }
1133 .focus\:placeholder-gray-500:focus::placeholder { 1137 .focus\:placeholder-gray-500:focus::placeholder {
1134 --placeholder-opacity: 1; 1138 --placeholder-opacity: 1;
1135 color: #707275; 1139 color: #707275;
1136 color: rgba(112, 114, 117, var(--placeholder-opacity)) 1140 color: rgba(112, 114, 117, var(--placeholder-opacity))
1137 } 1141 }
1138 .theme-dark .dark\:placeholder-gray-500::-moz-placeholder { 1142 .theme-dark .dark\:placeholder-gray-500::-moz-placeholder {
1139 --placeholder-opacity: 1; 1143 --placeholder-opacity: 1;
1140 color: #707275; 1144 color: #707275;
1141 color: rgba(112, 114, 117, var(--placeholder-opacity)) 1145 color: rgba(112, 114, 117, var(--placeholder-opacity))
1142 } 1146 }
1143 .theme-dark .dark\:placeholder-gray-500:-ms-input-placeholder { 1147 .theme-dark .dark\:placeholder-gray-500:-ms-input-placeholder {
1144 --placeholder-opacity: 1; 1148 --placeholder-opacity: 1;
1145 color: #707275; 1149 color: #707275;
1146 color: rgba(112, 114, 117, var(--placeholder-opacity)) 1150 color: rgba(112, 114, 117, var(--placeholder-opacity))
1147 } 1151 }
1148 .theme-dark .dark\:placeholder-gray-500::-ms-input-placeholder { 1152 .theme-dark .dark\:placeholder-gray-500::-ms-input-placeholder {
1149 --placeholder-opacity: 1; 1153 --placeholder-opacity: 1;
1150 color: #707275; 1154 color: #707275;
1151 color: rgba(112, 114, 117, var(--placeholder-opacity)) 1155 color: rgba(112, 114, 117, var(--placeholder-opacity))
1152 } 1156 }
1153 .theme-dark .dark\:placeholder-gray-500::placeholder { 1157 .theme-dark .dark\:placeholder-gray-500::placeholder {
1154 --placeholder-opacity: 1; 1158 --placeholder-opacity: 1;
1155 color: #707275; 1159 color: #707275;
1156 color: rgba(112, 114, 117, var(--placeholder-opacity)) 1160 color: rgba(112, 114, 117, var(--placeholder-opacity))
1157 } 1161 }
1158 .theme-dark .dark\:focus\:placeholder-gray-600:focus::-moz-placeholder { 1162 .theme-dark .dark\:focus\:placeholder-gray-600:focus::-moz-placeholder {
1159 --placeholder-opacity: 1; 1163 --placeholder-opacity: 1;
1160 color: #4c4f52; 1164 color: #4c4f52;
1161 color: rgba(76, 79, 82, var(--placeholder-opacity)) 1165 color: rgba(76, 79, 82, var(--placeholder-opacity))
1162 } 1166 }
1163 .theme-dark .dark\:focus\:placeholder-gray-600:focus:-ms-input-placeholder { 1167 .theme-dark .dark\:focus\:placeholder-gray-600:focus:-ms-input-placeholder {
1164 --placeholder-opacity: 1; 1168 --placeholder-opacity: 1;
1165 color: #4c4f52; 1169 color: #4c4f52;
1166 color: rgba(76, 79, 82, var(--placeholder-opacity)) 1170 color: rgba(76, 79, 82, var(--placeholder-opacity))
1167 } 1171 }
1168 .theme-dark .dark\:focus\:placeholder-gray-600:focus::-ms-input-placeholder { 1172 .theme-dark .dark\:focus\:placeholder-gray-600:focus::-ms-input-placeholder {
1169 --placeholder-opacity: 1; 1173 --placeholder-opacity: 1;
1170 color: #4c4f52; 1174 color: #4c4f52;
1171 color: rgba(76, 79, 82, var(--placeholder-opacity)) 1175 color: rgba(76, 79, 82, var(--placeholder-opacity))
1172 } 1176 }
1173 .theme-dark .dark\:focus\:placeholder-gray-600:focus::placeholder { 1177 .theme-dark .dark\:focus\:placeholder-gray-600:focus::placeholder {
1174 --placeholder-opacity: 1; 1178 --placeholder-opacity: 1;
1175 color: #4c4f52; 1179 color: #4c4f52;
1176 color: rgba(76, 79, 82, var(--placeholder-opacity)) 1180 color: rgba(76, 79, 82, var(--placeholder-opacity))
1177 } 1181 }
1178 .pointer-events-none { 1182 .pointer-events-none {
1179 pointer-events: none 1183 pointer-events: none
1180 } 1184 }
1181 .fixed { 1185 .fixed {
1182 position: fixed 1186 position: fixed
1183 } 1187 }
1184 .absolute { 1188 .absolute {
1185 position: absolute 1189 position: absolute
1186 } 1190 }
1187 .relative { 1191 .relative {
1188 position: relative 1192 position: relative
1189 } 1193 }
1190 .inset-0 { 1194 .inset-0 {
1191 right: 0; 1195 right: 0;
1192 left: 0 1196 left: 0
1193 } 1197 }
1194 .inset-0, .inset-y-0 { 1198 .inset-0, .inset-y-0 {
1195 top: 0; 1199 top: 0;
1196 bottom: 0 1200 bottom: 0
1197 } 1201 }
1198 .top-0 { 1202 .top-0 {
1199 top: 0 1203 top: 0
1200 } 1204 }
1201 .right-0 { 1205 .right-0 {
1202 right: 0 1206 right: 0
1203 } 1207 }
1204 .left-0 { 1208 .left-0 {
1205 left: 0 1209 left: 0
1206 } 1210 }
1207 .shadow-xs { 1211 .shadow-xs {
1208 box-shadow: 0 0 0 1px rgba(0, 0, 0, .05) 1212 box-shadow: 0 0 0 1px rgba(0, 0, 0, .05)
1209 } 1213 }
1210 .shadow { 1214 .shadow {
1211 box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06) 1215 box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06)
1212 } 1216 }
1213 .shadow-md { 1217 .shadow-md {
1214 box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06) 1218 box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06)
1215 } 1219 }
1216 .shadow-xl { 1220 .shadow-xl {
1217 box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04) 1221 box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04)
1218 } 1222 }
1219 .shadow-inner { 1223 .shadow-inner {
1220 box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06) 1224 box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06)
1221 } 1225 }
1222 .fill-current { 1226 .fill-current {
1223 fill: currentColor 1227 fill: currentColor
1224 } 1228 }
1225 .text-left { 1229 .text-left {
1226 text-align: left 1230 text-align: left
1227 } 1231 }
1228 .text-center { 1232 .text-center {
1229 text-align: center 1233 text-align: center
1230 } 1234 }
1231 .text-white { 1235 .text-white {
1232 --text-opacity: 1; 1236 --text-opacity: 1;
1233 color: #fff; 1237 color: #fff;
1234 color: rgba(255, 255, 255, var(--text-opacity)) 1238 color: rgba(255, 255, 255, var(--text-opacity))
1235 } 1239 }
1236 .text-black { 1240 .text-black {
1237 --text-opacity: 1; 1241 --text-opacity: 1;
1238 color: #000; 1242 color: #000;
1239 color: rgba(0, 0, 0, var(--text-opacity)) 1243 color: rgba(0, 0, 0, var(--text-opacity))
1240 } 1244 }
1241 .text-gray-400 { 1245 .text-gray-400 {
1242 --text-opacity: 1; 1246 --text-opacity: 1;
1243 color: #9e9e9e; 1247 color: #9e9e9e;
1244 color: rgba(158, 158, 158, var(--text-opacity)) 1248 color: rgba(158, 158, 158, var(--text-opacity))
1245 } 1249 }
1246 .text-gray-500 { 1250 .text-gray-500 {
1247 --text-opacity: 1; 1251 --text-opacity: 1;
1248 color: #707275; 1252 color: #707275;
1249 color: rgba(112, 114, 117, var(--text-opacity)) 1253 color: rgba(112, 114, 117, var(--text-opacity))
1250 } 1254 }
1251 .text-gray-600 { 1255 .text-gray-600 {
1252 --text-opacity: 1; 1256 --text-opacity: 1;
1253 color: #4c4f52; 1257 color: #4c4f52;
1254 color: rgba(76, 79, 82, var(--text-opacity)) 1258 color: rgba(76, 79, 82, var(--text-opacity))
1255 } 1259 }
1256 .text-gray-700 { 1260 .text-gray-700 {
1257 --text-opacity: 1; 1261 --text-opacity: 1;
1258 color: #24262d; 1262 color: #24262d;
1259 color: rgba(36, 38, 45, var(--text-opacity)) 1263 color: rgba(36, 38, 45, var(--text-opacity))
1260 } 1264 }
1261 .text-gray-800 { 1265 .text-gray-800 {
1262 --text-opacity: 1; 1266 --text-opacity: 1;
1263 color: #1a1c23; 1267 color: #1a1c23;
1264 color: rgba(26, 28, 35, var(--text-opacity)) 1268 color: rgba(26, 28, 35, var(--text-opacity))
1265 } 1269 }
1266 .text-red-600 { 1270 .text-red-600 {
1267 --text-opacity: 1; 1271 --text-opacity: 1;
1268 color: #e02424; 1272 color: #e02424;
1269 color: rgba(224, 36, 36, var(--text-opacity)) 1273 color: rgba(224, 36, 36, var(--text-opacity))
1270 } 1274 }
1271 .text-red-700 { 1275 .text-red-700 {
1272 --text-opacity: 1; 1276 --text-opacity: 1;
1273 color: #c81e1e; 1277 color: #c81e1e;
1274 color: rgba(200, 30, 30, var(--text-opacity)) 1278 color: rgba(200, 30, 30, var(--text-opacity))
1275 } 1279 }
1276 .text-orange-500 { 1280 .text-orange-500 {
1277 --text-opacity: 1; 1281 --text-opacity: 1;
1278 color: #ff5a1f; 1282 color: #ff5a1f;
1279 color: rgba(255, 90, 31, var(--text-opacity)) 1283 color: rgba(255, 90, 31, var(--text-opacity))
1280 } 1284 }
1281 .text-orange-700 { 1285 .text-orange-700 {
1282 --text-opacity: 1; 1286 --text-opacity: 1;
1283 color: #b43403; 1287 color: #b43403;
1284 color: rgba(180, 52, 3, var(--text-opacity)) 1288 color: rgba(180, 52, 3, var(--text-opacity))
1285 } 1289 }
1286 .text-green-500 { 1290 .text-green-500 {
1287 --text-opacity: 1; 1291 --text-opacity: 1;
1288 color: #0e9f6e; 1292 color: #0e9f6e;
1289 color: rgba(14, 159, 110, var(--text-opacity)) 1293 color: rgba(14, 159, 110, var(--text-opacity))
1290 } 1294 }
1291 .text-green-600 { 1295 .text-green-600 {
1292 --text-opacity: 1; 1296 --text-opacity: 1;
1293 color: #057a55; 1297 color: #057a55;
1294 color: rgba(5, 122, 85, var(--text-opacity)) 1298 color: rgba(5, 122, 85, var(--text-opacity))
1295 } 1299 }
1296 .text-green-700 { 1300 .text-green-700 {
1297 --text-opacity: 1; 1301 --text-opacity: 1;
1298 color: #046c4e; 1302 color: #046c4e;
1299 color: rgba(4, 108, 78, var(--text-opacity)) 1303 color: rgba(4, 108, 78, var(--text-opacity))
1300 } 1304 }
1301 .text-teal-500 { 1305 .text-teal-500 {
1302 --text-opacity: 1; 1306 --text-opacity: 1;
1303 color: #0694a2; 1307 color: #0694a2;
1304 color: rgba(6, 148, 162, var(--text-opacity)) 1308 color: rgba(6, 148, 162, var(--text-opacity))
1305 } 1309 }
1306 .text-blue-500 { 1310 .text-blue-500 {
1307 --text-opacity: 1; 1311 --text-opacity: 1;
1308 color: #3f83f8; 1312 color: #3f83f8;
1309 color: rgba(63, 131, 248, var(--text-opacity)) 1313 color: rgba(63, 131, 248, var(--text-opacity))
1310 } 1314 }
1311 .text-purple-100 { 1315 .text-purple-100 {
1312 --text-opacity: 1; 1316 --text-opacity: 1;
1313 color: #edebfe; 1317 color: #edebfe;
1314 color: rgba(237, 235, 254, var(--text-opacity)) 1318 color: rgba(237, 235, 254, var(--text-opacity))
1315 } 1319 }
1316 .text-purple-200 { 1320 .text-purple-200 {
1317 --text-opacity: 1; 1321 --text-opacity: 1;
1318 color: #dcd7fe; 1322 color: #dcd7fe;
1319 color: rgba(220, 215, 254, var(--text-opacity)) 1323 color: rgba(220, 215, 254, var(--text-opacity))
1320 } 1324 }
1321 .text-purple-600 { 1325 .text-purple-600 {
1322 --text-opacity: 1; 1326 --text-opacity: 1;
1323 color: #7e3af2; 1327 color: #7e3af2;
1324 color: rgba(126, 58, 242, var(--text-opacity)) 1328 color: rgba(126, 58, 242, var(--text-opacity))
1325 } 1329 }
1326 .focus-within\:text-purple-500:focus-within { 1330 .focus-within\:text-purple-500:focus-within {
1327 --text-opacity: 1; 1331 --text-opacity: 1;
1328 color: #9061f9; 1332 color: #9061f9;
1329 color: rgba(144, 97, 249, var(--text-opacity)) 1333 color: rgba(144, 97, 249, var(--text-opacity))
1330 } 1334 }
1331 .focus-within\:text-purple-600:focus-within { 1335 .focus-within\:text-purple-600:focus-within {
1332 --text-opacity: 1; 1336 --text-opacity: 1;
1333 color: #7e3af2; 1337 color: #7e3af2;
1334 color: rgba(126, 58, 242, var(--text-opacity)) 1338 color: rgba(126, 58, 242, var(--text-opacity))
1335 } 1339 }
1336 .hover\:text-gray-700:hover { 1340 .hover\:text-gray-700:hover {
1337 --text-opacity: 1; 1341 --text-opacity: 1;
1338 color: #24262d; 1342 color: #24262d;
1339 color: rgba(36, 38, 45, var(--text-opacity)) 1343 color: rgba(36, 38, 45, var(--text-opacity))
1340 } 1344 }
1341 .hover\:text-gray-800:hover { 1345 .hover\:text-gray-800:hover {
1342 --text-opacity: 1; 1346 --text-opacity: 1;
1343 color: #1a1c23; 1347 color: #1a1c23;
1344 color: rgba(26, 28, 35, var(--text-opacity)) 1348 color: rgba(26, 28, 35, var(--text-opacity))
1345 } 1349 }
1346 .active\:text-gray-500:active { 1350 .active\:text-gray-500:active {
1347 --text-opacity: 1; 1351 --text-opacity: 1;
1348 color: #707275; 1352 color: #707275;
1349 color: rgba(112, 114, 117, var(--text-opacity)) 1353 color: rgba(112, 114, 117, var(--text-opacity))
1350 } 1354 }
1351 .theme-dark .dark\:text-white { 1355 .theme-dark .dark\:text-white {
1352 --text-opacity: 1; 1356 --text-opacity: 1;
1353 color: #fff; 1357 color: #fff;
1354 color: rgba(255, 255, 255, var(--text-opacity)) 1358 color: rgba(255, 255, 255, var(--text-opacity))
1355 } 1359 }
1356 .theme-dark .dark\:text-gray-100 { 1360 .theme-dark .dark\:text-gray-100 {
1357 --text-opacity: 1; 1361 --text-opacity: 1;
1358 color: #f4f5f7; 1362 color: #f4f5f7;
1359 color: rgba(244, 245, 247, var(--text-opacity)) 1363 color: rgba(244, 245, 247, var(--text-opacity))
1360 } 1364 }
1361 .theme-dark .dark\:text-gray-200 { 1365 .theme-dark .dark\:text-gray-200 {
1362 --text-opacity: 1; 1366 --text-opacity: 1;
1363 color: #e5e7eb; 1367 color: #e5e7eb;
1364 color: rgba(229, 231, 235, var(--text-opacity)) 1368 color: rgba(229, 231, 235, var(--text-opacity))
1365 } 1369 }
1366 .theme-dark .dark\:text-gray-300 { 1370 .theme-dark .dark\:text-gray-300 {
1367 --text-opacity: 1; 1371 --text-opacity: 1;
1368 color: #d5d6d7; 1372 color: #d5d6d7;
1369 color: rgba(213, 214, 215, var(--text-opacity)) 1373 color: rgba(213, 214, 215, var(--text-opacity))
1370 } 1374 }
1371 .theme-dark .dark\:text-gray-400 { 1375 .theme-dark .dark\:text-gray-400 {
1372 --text-opacity: 1; 1376 --text-opacity: 1;
1373 color: #9e9e9e; 1377 color: #9e9e9e;
1374 color: rgba(158, 158, 158, var(--text-opacity)) 1378 color: rgba(158, 158, 158, var(--text-opacity))
1375 } 1379 }
1376 .theme-dark .dark\:text-red-100 { 1380 .theme-dark .dark\:text-red-100 {
1377 --text-opacity: 1; 1381 --text-opacity: 1;
1378 color: #fde8e8; 1382 color: #fde8e8;
1379 color: rgba(253, 232, 232, var(--text-opacity)) 1383 color: rgba(253, 232, 232, var(--text-opacity))
1380 } 1384 }
1381 .theme-dark .dark\:text-red-400 { 1385 .theme-dark .dark\:text-red-400 {
1382 --text-opacity: 1; 1386 --text-opacity: 1;
1383 color: #f98080; 1387 color: #f98080;
1384 color: rgba(249, 128, 128, var(--text-opacity)) 1388 color: rgba(249, 128, 128, var(--text-opacity))
1385 } 1389 }
1386 .theme-dark .dark\:text-orange-100 { 1390 .theme-dark .dark\:text-orange-100 {
1387 --text-opacity: 1; 1391 --text-opacity: 1;
1388 color: #feecdc; 1392 color: #feecdc;
1389 color: rgba(254, 236, 220, var(--text-opacity)) 1393 color: rgba(254, 236, 220, var(--text-opacity))
1390 } 1394 }
1391 .theme-dark .dark\:text-green-100 { 1395 .theme-dark .dark\:text-green-100 {
1392 --text-opacity: 1; 1396 --text-opacity: 1;
1393 color: #def7ec; 1397 color: #def7ec;
1394 color: rgba(222, 247, 236, var(--text-opacity)) 1398 color: rgba(222, 247, 236, var(--text-opacity))
1395 } 1399 }
1396 .theme-dark .dark\:text-green-400 { 1400 .theme-dark .dark\:text-green-400 {
1397 --text-opacity: 1; 1401 --text-opacity: 1;
1398 color: #31c48d; 1402 color: #31c48d;
1399 color: rgba(49, 196, 141, var(--text-opacity)) 1403 color: rgba(49, 196, 141, var(--text-opacity))
1400 } 1404 }
1401 .theme-dark .dark\:text-teal-100 { 1405 .theme-dark .dark\:text-teal-100 {
1402 --text-opacity: 1; 1406 --text-opacity: 1;
1403 color: #d5f5f6; 1407 color: #d5f5f6;
1404 color: rgba(213, 245, 246, var(--text-opacity)) 1408 color: rgba(213, 245, 246, var(--text-opacity))
1405 } 1409 }
1406 .theme-dark .dark\:text-blue-100 { 1410 .theme-dark .dark\:text-blue-100 {
1407 --text-opacity: 1; 1411 --text-opacity: 1;
1408 color: #e1effe; 1412 color: #e1effe;
1409 color: rgba(225, 239, 254, var(--text-opacity)) 1413 color: rgba(225, 239, 254, var(--text-opacity))
1410 } 1414 }
1411 .theme-dark .dark\:text-purple-300 { 1415 .theme-dark .dark\:text-purple-300 {
1412 --text-opacity: 1; 1416 --text-opacity: 1;
1413 color: #cabffd; 1417 color: #cabffd;
1414 color: rgba(202, 191, 253, var(--text-opacity)) 1418 color: rgba(202, 191, 253, var(--text-opacity))
1415 } 1419 }
1416 .theme-dark .dark\:text-purple-400 { 1420 .theme-dark .dark\:text-purple-400 {
1417 --text-opacity: 1; 1421 --text-opacity: 1;
1418 color: #ac94fa; 1422 color: #ac94fa;
1419 color: rgba(172, 148, 250, var(--text-opacity)) 1423 color: rgba(172, 148, 250, var(--text-opacity))
1420 } 1424 }
1421 .theme-dark .dark\:focus-within\:text-purple-400:focus-within { 1425 .theme-dark .dark\:focus-within\:text-purple-400:focus-within {
1422 --text-opacity: 1; 1426 --text-opacity: 1;
1423 color: #ac94fa; 1427 color: #ac94fa;
1424 color: rgba(172, 148, 250, var(--text-opacity)) 1428 color: rgba(172, 148, 250, var(--text-opacity))
1425 } 1429 }
1426 .theme-dark .dark\:hover\:text-gray-200:hover { 1430 .theme-dark .dark\:hover\:text-gray-200:hover {
1427 --text-opacity: 1; 1431 --text-opacity: 1;
1428 color: #e5e7eb; 1432 color: #e5e7eb;
1429 color: rgba(229, 231, 235, var(--text-opacity)) 1433 color: rgba(229, 231, 235, var(--text-opacity))
1430 } 1434 }
1431 .uppercase { 1435 .uppercase {
1432 text-transform: uppercase 1436 text-transform: uppercase
1433 } 1437 }
1434 .hover\:underline:hover, .underline { 1438 .hover\:underline:hover, .underline {
1435 text-decoration: underline 1439 text-decoration: underline
1436 } 1440 }
1437 .tracking-wide { 1441 .tracking-wide {
1438 letter-spacing: .025em 1442 letter-spacing: .025em
1439 } 1443 }
1440 .align-middle { 1444 .align-middle {
1441 vertical-align: middle 1445 vertical-align: middle
1442 } 1446 }
1443 .whitespace-no-wrap { 1447 .whitespace-no-wrap {
1444 white-space: nowrap 1448 white-space: nowrap
1445 } 1449 }
1446 .w-1 { 1450 .w-1 {
1447 width: .25rem 1451 width: .25rem
1448 } 1452 }
1449 .w-3 { 1453 .w-3 {
1450 width: .75rem 1454 width: .75rem
1451 } 1455 }
1452 .w-4 { 1456 .w-4 {
1453 width: 1rem 1457 width: 1rem
1454 } 1458 }
1455 .w-5 { 1459 .w-5 {
1456 width: 1.25rem 1460 width: 1.25rem
1457 } 1461 }
1458 .w-6 { 1462 .w-6 {
1459 width: 1.5rem 1463 width: 1.5rem
1460 } 1464 }
1461 .w-8 { 1465 .w-8 {
1462 width: 2rem 1466 width: 2rem
1463 } 1467 }
1464 .w-12 { 1468 .w-12 {
1465 width: 3rem 1469 width: 3rem
1466 } 1470 }
1467 .w-56 { 1471 .w-56 {
1468 width: 14rem 1472 width: 14rem
1469 } 1473 }
1470 .w-64 { 1474 .w-64 {
1471 width: 16rem 1475 width: 16rem
1472 } 1476 }
1473 .w-full { 1477 .w-full {
1474 width: 100% 1478 width: 100%
1475 } 1479 }
1476 .z-10 { 1480 .z-10 {
1477 z-index: 10 1481 z-index: 10
1478 } 1482 }
1479 .z-20 { 1483 .z-20 {
1480 z-index: 20 1484 z-index: 20
1481 } 1485 }
1482 .z-30 { 1486 .z-30 {
1483 z-index: 30 1487 z-index: 30
1484 } 1488 }
1485 .gap-6 { 1489 .gap-6 {
1486 grid-gap: 1.5rem; 1490 grid-gap: 1.5rem;
1487 gap: 1.5rem 1491 gap: 1.5rem
1488 } 1492 }
1489 .col-span-2 { 1493 .col-span-2 {
1490 grid-column: span 2/span 2 1494 grid-column: span 2/span 2
1491 } 1495 }
1492 .col-span-3 { 1496 .col-span-3 {
1493 grid-column: span 3/span 3 1497 grid-column: span 3/span 3
1494 } 1498 }
1495 .col-span-4 { 1499 .col-span-4 {
1496 grid-column: span 4/span 4 1500 grid-column: span 4/span 4
1497 } 1501 }
1498 .transform { 1502 .transform {
1499 --transform-translate-x: 0; 1503 --transform-translate-x: 0;
1500 --transform-translate-y: 0; 1504 --transform-translate-y: 0;
1501 --transform-rotate: 0; 1505 --transform-rotate: 0;
1502 --transform-skew-x: 0; 1506 --transform-skew-x: 0;
1503 --transform-skew-y: 0; 1507 --transform-skew-y: 0;
1504 --transform-scale-x: 1; 1508 --transform-scale-x: 1;
1505 --transform-scale-y: 1; 1509 --transform-scale-y: 1;
1506 transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y)) 1510 transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y))
1507 } 1511 }
1508 .translate-x-1 { 1512 .translate-x-1 {
1509 --transform-translate-x: 0.25rem 1513 --transform-translate-x: 0.25rem
1510 } 1514 }
1511 .-translate-x-20 { 1515 .-translate-x-20 {
1512 --transform-translate-x: -5rem 1516 --transform-translate-x: -5rem
1513 } 1517 }
1514 .-translate-y-1 { 1518 .-translate-y-1 {
1515 --transform-translate-y: -0.25rem 1519 --transform-translate-y: -0.25rem
1516 } 1520 }
1517 .translate-y-1\/2 { 1521 .translate-y-1\/2 {
1518 --transform-translate-y: 50% 1522 --transform-translate-y: 50%
1519 } 1523 }
1520 .transition-all { 1524 .transition-all {
1521 transition-property: all 1525 transition-property: all
1522 } 1526 }
1523 .transition { 1527 .transition {
1524 transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform 1528 transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform
1525 } 1529 }
1526 .transition-colors { 1530 .transition-colors {
1527 transition-property: background-color, border-color, color, fill, stroke 1531 transition-property: background-color, border-color, color, fill, stroke
1528 } 1532 }
1529 .ease-in { 1533 .ease-in {
1530 transition-timing-function: cubic-bezier(.4, 0, 1, 1) 1534 transition-timing-function: cubic-bezier(.4, 0, 1, 1)
1531 } 1535 }
1532 .ease-out { 1536 .ease-out {
1533 transition-timing-function: cubic-bezier(0, 0, .2, 1) 1537 transition-timing-function: cubic-bezier(0, 0, .2, 1)
1534 } 1538 }
1535 .ease-in-out { 1539 .ease-in-out {
1536 transition-timing-function: cubic-bezier(.4, 0, .2, 1) 1540 transition-timing-function: cubic-bezier(.4, 0, .2, 1)
1537 } 1541 }
1538 .duration-150 { 1542 .duration-150 {
1539 transition-duration: .15s 1543 transition-duration: .15s
1540 } 1544 }
1541 .duration-300 { 1545 .duration-300 {
1542 transition-duration: .3s 1546 transition-duration: .3s
1543 } 1547 }
1544 .focus\:shadow-outline-gray:focus { 1548 .focus\:shadow-outline-gray:focus {
1545 box-shadow: 0 0 0 3px rgba(213, 214, 215, .45) 1549 box-shadow: 0 0 0 3px rgba(213, 214, 215, .45)
1546 } 1550 }
1547 .focus\:shadow-outline-red:focus { 1551 .focus\:shadow-outline-red:focus {
1548 box-shadow: 0 0 0 3px rgba(248, 180, 180, .45) 1552 box-shadow: 0 0 0 3px rgba(248, 180, 180, .45)
1549 } 1553 }
1550 .focus\:shadow-outline-green:focus { 1554 .focus\:shadow-outline-green:focus {
1551 box-shadow: 0 0 0 3px rgba(132, 225, 188, .45) 1555 box-shadow: 0 0 0 3px rgba(132, 225, 188, .45)
1552 } 1556 }
1553 .focus\:shadow-outline-purple:focus { 1557 .focus\:shadow-outline-purple:focus {
1554 box-shadow: 0 0 0 3px rgba(202, 191, 253, .45) 1558 box-shadow: 0 0 0 3px rgba(202, 191, 253, .45)
1555 } 1559 }
1556 .theme-dark .dark\:focus\:shadow-outline-gray:focus { 1560 .theme-dark .dark\:focus\:shadow-outline-gray:focus {
1557 box-shadow: 0 0 0 3px rgba(213, 214, 215, .45) 1561 box-shadow: 0 0 0 3px rgba(213, 214, 215, .45)
1558 } 1562 }
1559 @media (min-width:640px) { 1563 @media (min-width:640px) {
1560 .sm\:space-y-0>:not(template)~:not(template) { 1564 .sm\:space-y-0>:not(template)~:not(template) {
1561 --space-y-reverse: 0; 1565 --space-y-reverse: 0;
1562 margin-top: calc(0px*(1 - var(--space-y-reverse))); 1566 margin-top: calc(0px*(1 - var(--space-y-reverse)));
1563 margin-bottom: calc(0px*var(--space-y-reverse)) 1567 margin-bottom: calc(0px*var(--space-y-reverse))
1564 } 1568 }
1565 .sm\:space-x-6>:not(template)~:not(template) { 1569 .sm\:space-x-6>:not(template)~:not(template) {
1566 --space-x-reverse: 0; 1570 --space-x-reverse: 0;
1567 margin-right: calc(1.5rem*var(--space-x-reverse)); 1571 margin-right: calc(1.5rem*var(--space-x-reverse));
1568 margin-left: calc(1.5rem*(1 - var(--space-x-reverse))) 1572 margin-left: calc(1.5rem*(1 - var(--space-x-reverse)))
1569 } 1573 }
1570 .sm\:rounded-lg { 1574 .sm\:rounded-lg {
1571 border-radius: .5rem 1575 border-radius: .5rem
1572 } 1576 }
1573 .sm\:flex-row { 1577 .sm\:flex-row {
1574 flex-direction: row 1578 flex-direction: row
1575 } 1579 }
1576 .sm\:items-center { 1580 .sm\:items-center {
1577 align-items: center 1581 align-items: center
1578 } 1582 }
1579 .sm\:justify-end { 1583 .sm\:justify-end {
1580 justify-content: flex-end 1584 justify-content: flex-end
1581 } 1585 }
1582 .sm\:justify-center { 1586 .sm\:justify-center {
1583 justify-content: center 1587 justify-content: center
1584 } 1588 }
1585 .sm\:m-4 { 1589 .sm\:m-4 {
1586 margin: 1rem 1590 margin: 1rem
1587 } 1591 }
1588 .sm\:mt-auto { 1592 .sm\:mt-auto {
1589 margin-top: auto 1593 margin-top: auto
1590 } 1594 }
1591 .sm\:max-w-xl { 1595 .sm\:max-w-xl {
1592 max-width: 36rem 1596 max-width: 36rem
1593 } 1597 }
1594 .sm\:p-12 { 1598 .sm\:p-12 {
1595 padding: 3rem 1599 padding: 3rem
1596 } 1600 }
1597 .sm\:py-2 { 1601 .sm\:py-2 {
1598 padding-top: .5rem; 1602 padding-top: .5rem;
1599 padding-bottom: .5rem 1603 padding-bottom: .5rem
1600 } 1604 }
1601 .sm\:px-4 { 1605 .sm\:px-4 {
1602 padding-left: 1rem; 1606 padding-left: 1rem;
1603 padding-right: 1rem 1607 padding-right: 1rem
1604 } 1608 }
1605 .sm\:w-auto { 1609 .sm\:w-auto {
1606 width: auto 1610 width: auto
1607 } 1611 }
1608 .sm\:grid-cols-9 { 1612 .sm\:grid-cols-9 {
1609 grid-template-columns: repeat(9, minmax(0, 1fr)) 1613 grid-template-columns: repeat(9, minmax(0, 1fr))
1610 } 1614 }
1611 } 1615 }
1612 @media (min-width:768px) { 1616 @media (min-width:768px) {
1613 .md\:space-x-4>:not(template)~:not(template) { 1617 .md\:space-x-4>:not(template)~:not(template) {
1614 --space-x-reverse: 0; 1618 --space-x-reverse: 0;
1615 margin-right: calc(1rem*var(--space-x-reverse)); 1619 margin-right: calc(1rem*var(--space-x-reverse));
1616 margin-left: calc(1rem*(1 - var(--space-x-reverse))) 1620 margin-left: calc(1rem*(1 - var(--space-x-reverse)))
1617 } 1621 }
1618 .md\:block { 1622 .md\:block {
1619 display: block 1623 display: block
1620 } 1624 }
1621 .md\:hidden { 1625 .md\:hidden {
1622 display: none 1626 display: none
1623 } 1627 }
1624 .md\:flex-row { 1628 .md\:flex-row {
1625 flex-direction: row 1629 flex-direction: row
1626 } 1630 }
1627 .md\:items-end { 1631 .md\:items-end {
1628 align-items: flex-end 1632 align-items: flex-end
1629 } 1633 }
1630 .md\:h-auto { 1634 .md\:h-auto {
1631 height: auto 1635 height: auto
1632 } 1636 }
1633 .md\:w-1\/2 { 1637 .md\:w-1\/2 {
1634 width: 50% 1638 width: 50%
1635 } 1639 }
1636 .md\:grid-cols-2 { 1640 .md\:grid-cols-2 {
1637 grid-template-columns: repeat(2, minmax(0, 1fr)) 1641 grid-template-columns: repeat(2, minmax(0, 1fr))
1638 } 1642 }
1639 } 1643 }
1640 @media (min-width:1024px) { 1644 @media (min-width:1024px) {
1641 .lg\:mr-32 { 1645 .lg\:mr-32 {
1642 margin-right: 8rem 1646 margin-right: 8rem
1643 } 1647 }
1644 } 1648 }
1645 @media (min-width:1280px) { 1649 @media (min-width:1280px) {
1646 .xl\:grid-cols-4 { 1650 .xl\:grid-cols-4 {
1647 grid-template-columns: repeat(4, minmax(0, 1fr)) 1651 grid-template-columns: repeat(4, minmax(0, 1fr))
1648 } 1652 }
1649 } 1653 }
1650 1654
public/css/general.css
Diff comments   View file @ 3b5284e
File was created 1 /* Диалог модал */
2 .modal-dialog{
3 border-radius: 10px;
4 }
5 .modal-dialog .modal-dialog-footer{
6 display: flex;
7 justify-content: space-between;
8 }
9 .modal-dialog .modal-dialog-footer.center{
10 display: flex;
11 justify-content: center;
12 }
13 .modal-dialog .modal-dialog-title h2{
14 font-weight: bold;
15 font-size: 24px;
16 text-align: center;
17 }
18 .modal-dialog .modal-dialog-body{
19 padding-top: 20px;
20 padding-bottom: 20px;
21 }
22 .modal-dialog .modal-dialog-footer .button-admin{
23 padding: 5px 10px;
24 border: 1px #000 solid;
25 border-radius: 8px;
26 }
27 /* Конец Диалог модал */
28
29 .button-loader {
30 border: 2px solid #f3f3f3;
31 -webkit-animation: spin 1s linear infinite;
32 animation: spin 1s linear infinite;
33 border-top: 2px solid #555;
34 border-radius: 50%;
35 width: 20px;
36 height: 20px;
37 margin-right: 10px;
38 }
39 @keyframes spin {
40 0% { transform: rotate(0deg); }
41 100% { transform: rotate(360deg); }
42 }
43 .error-block{
44 color:red;
45 padding: 0;
46 width: 100%;
47 }
48
49 .review-image-modal{
50 cursor: pointer;
51 }
52
public/css/style_may2024.css
Diff comments   View file @ 3b5284e
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 @import url(general.css);
13 html { 14 html {
14 line-height: 1.15; /* 1 */ 15 line-height: 1.15; /* 1 */
15 -webkit-text-size-adjust: 100%; /* 2 */ 16 -webkit-text-size-adjust: 100%; /* 2 */
16 } 17 }
17 18
18 /* Sections 19 /* Sections
19 ========================================================================== */ 20 ========================================================================== */
20 /** 21 /**
21 * Remove the margin in all browsers. 22 * Remove the margin in all browsers.
22 */ 23 */
23 body { 24 body {
24 margin: 0; 25 margin: 0;
25 } 26 }
26 27
27 /** 28 /**
28 * Render the `main` element consistently in IE. 29 * Render the `main` element consistently in IE.
29 */ 30 */
30 main { 31 main {
31 display: block; 32 display: block;
32 } 33 }
33 34
34 /** 35 /**
35 * Correct the font size and margin on `h1` elements within `section` and 36 * Correct the font size and margin on `h1` elements within `section` and
36 * `article` contexts in Chrome, Firefox, and Safari. 37 * `article` contexts in Chrome, Firefox, and Safari.
37 */ 38 */
38 h1 { 39 h1 {
39 font-size: 2em; 40 font-size: 2em;
40 margin: 0.67em 0; 41 margin: 0.67em 0;
41 } 42 }
42 43
43 /* Grouping content 44 /* Grouping content
44 ========================================================================== */ 45 ========================================================================== */
45 /** 46 /**
46 * 1. Add the correct box sizing in Firefox. 47 * 1. Add the correct box sizing in Firefox.
47 * 2. Show the overflow in Edge and IE. 48 * 2. Show the overflow in Edge and IE.
48 */ 49 */
49 hr { 50 hr {
50 -webkit-box-sizing: content-box; 51 -webkit-box-sizing: content-box;
51 box-sizing: content-box; /* 1 */ 52 box-sizing: content-box; /* 1 */
52 height: 0; /* 1 */ 53 height: 0; /* 1 */
53 overflow: visible; /* 2 */ 54 overflow: visible; /* 2 */
54 } 55 }
55 56
56 /** 57 /**
57 * 1. Correct the inheritance and scaling of font size in all browsers. 58 * 1. Correct the inheritance and scaling of font size in all browsers.
58 * 2. Correct the odd `em` font sizing in all browsers. 59 * 2. Correct the odd `em` font sizing in all browsers.
59 */ 60 */
60 pre { 61 pre {
61 font-family: monospace, monospace; /* 1 */ 62 font-family: monospace, monospace; /* 1 */
62 font-size: 1em; /* 2 */ 63 font-size: 1em; /* 2 */
63 } 64 }
64 65
65 /* Text-level semantics 66 /* Text-level semantics
66 ========================================================================== */ 67 ========================================================================== */
67 /** 68 /**
68 * Remove the gray background on active links in IE 10. 69 * Remove the gray background on active links in IE 10.
69 */ 70 */
70 a { 71 a {
71 background-color: transparent; 72 background-color: transparent;
72 } 73 }
73 74
74 /** 75 /**
75 * 1. Remove the bottom border in Chrome 57- 76 * 1. Remove the bottom border in Chrome 57-
76 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. 77 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
77 */ 78 */
78 abbr[title] { 79 abbr[title] {
79 border-bottom: none; /* 1 */ 80 border-bottom: none; /* 1 */
80 text-decoration: underline; /* 2 */ 81 text-decoration: underline; /* 2 */
81 -webkit-text-decoration: underline dotted; 82 -webkit-text-decoration: underline dotted;
82 text-decoration: underline dotted; /* 2 */ 83 text-decoration: underline dotted; /* 2 */
83 } 84 }
84 85
85 /** 86 /**
86 * Add the correct font weight in Chrome, Edge, and Safari. 87 * Add the correct font weight in Chrome, Edge, and Safari.
87 */ 88 */
88 b, 89 b,
89 strong { 90 strong {
90 font-weight: bolder; 91 font-weight: bolder;
91 } 92 }
92 93
93 /** 94 /**
94 * 1. Correct the inheritance and scaling of font size in all browsers. 95 * 1. Correct the inheritance and scaling of font size in all browsers.
95 * 2. Correct the odd `em` font sizing in all browsers. 96 * 2. Correct the odd `em` font sizing in all browsers.
96 */ 97 */
97 code, 98 code,
98 kbd, 99 kbd,
99 samp { 100 samp {
100 font-family: monospace, monospace; /* 1 */ 101 font-family: monospace, monospace; /* 1 */
101 font-size: 1em; /* 2 */ 102 font-size: 1em; /* 2 */
102 } 103 }
103 104
104 /** 105 /**
105 * Add the correct font size in all browsers. 106 * Add the correct font size in all browsers.
106 */ 107 */
107 small { 108 small {
108 font-size: 80%; 109 font-size: 80%;
109 } 110 }
110 111
111 /** 112 /**
112 * Prevent `sub` and `sup` elements from affecting the line height in 113 * Prevent `sub` and `sup` elements from affecting the line height in
113 * all browsers. 114 * all browsers.
114 */ 115 */
115 sub, 116 sub,
116 sup { 117 sup {
117 font-size: 75%; 118 font-size: 75%;
118 line-height: 0; 119 line-height: 0;
119 position: relative; 120 position: relative;
120 vertical-align: baseline; 121 vertical-align: baseline;
121 } 122 }
122 123
123 sub { 124 sub {
124 bottom: -0.25em; 125 bottom: -0.25em;
125 } 126 }
126 127
127 sup { 128 sup {
128 top: -0.5em; 129 top: -0.5em;
129 } 130 }
130 131
131 /* Embedded content 132 /* Embedded content
132 ========================================================================== */ 133 ========================================================================== */
133 /** 134 /**
134 * Remove the border on images inside links in IE 10. 135 * Remove the border on images inside links in IE 10.
135 */ 136 */
136 img { 137 img {
137 border-style: none; 138 border-style: none;
138 } 139 }
139 140
140 /* Forms 141 /* Forms
141 ========================================================================== */ 142 ========================================================================== */
142 /** 143 /**
143 * 1. Change the font styles in all browsers. 144 * 1. Change the font styles in all browsers.
144 * 2. Remove the margin in Firefox and Safari. 145 * 2. Remove the margin in Firefox and Safari.
145 */ 146 */
146 button, 147 button,
147 input, 148 input,
148 optgroup, 149 optgroup,
149 select, 150 select,
150 textarea { 151 textarea {
151 font-family: inherit; /* 1 */ 152 font-family: inherit; /* 1 */
152 font-size: 100%; /* 1 */ 153 font-size: 100%; /* 1 */
153 line-height: 1.15; /* 1 */ 154 line-height: 1.15; /* 1 */
154 margin: 0; /* 2 */ 155 margin: 0; /* 2 */
155 } 156 }
156 157
157 /** 158 /**
158 * Show the overflow in IE. 159 * Show the overflow in IE.
159 * 1. Show the overflow in Edge. 160 * 1. Show the overflow in Edge.
160 */ 161 */
161 button, 162 button,
162 input { /* 1 */ 163 input { /* 1 */
163 overflow: visible; 164 overflow: visible;
164 } 165 }
165 166
166 /** 167 /**
167 * Remove the inheritance of text transform in Edge, Firefox, and IE. 168 * Remove the inheritance of text transform in Edge, Firefox, and IE.
168 * 1. Remove the inheritance of text transform in Firefox. 169 * 1. Remove the inheritance of text transform in Firefox.
169 */ 170 */
170 button, 171 button,
171 select { /* 1 */ 172 select { /* 1 */
172 text-transform: none; 173 text-transform: none;
173 } 174 }
174 175
175 /** 176 /**
176 * Correct the inability to style clickable types in iOS and Safari. 177 * Correct the inability to style clickable types in iOS and Safari.
177 */ 178 */
178 button, 179 button,
179 [type=button], 180 [type=button],
180 [type=reset], 181 [type=reset],
181 [type=submit] { 182 [type=submit] {
182 -webkit-appearance: button; 183 -webkit-appearance: button;
183 } 184 }
184 185
185 /** 186 /**
186 * Remove the inner border and padding in Firefox. 187 * Remove the inner border and padding in Firefox.
187 */ 188 */
188 button::-moz-focus-inner, 189 button::-moz-focus-inner,
189 [type=button]::-moz-focus-inner, 190 [type=button]::-moz-focus-inner,
190 [type=reset]::-moz-focus-inner, 191 [type=reset]::-moz-focus-inner,
191 [type=submit]::-moz-focus-inner { 192 [type=submit]::-moz-focus-inner {
192 border-style: none; 193 border-style: none;
193 padding: 0; 194 padding: 0;
194 } 195 }
195 196
196 /** 197 /**
197 * Restore the focus styles unset by the previous rule. 198 * Restore the focus styles unset by the previous rule.
198 */ 199 */
199 button:-moz-focusring, 200 button:-moz-focusring,
200 [type=button]:-moz-focusring, 201 [type=button]:-moz-focusring,
201 [type=reset]:-moz-focusring, 202 [type=reset]:-moz-focusring,
202 [type=submit]:-moz-focusring { 203 [type=submit]:-moz-focusring {
203 outline: 1px dotted ButtonText; 204 outline: 1px dotted ButtonText;
204 } 205 }
205 206
206 /** 207 /**
207 * Correct the padding in Firefox. 208 * Correct the padding in Firefox.
208 */ 209 */
209 fieldset { 210 fieldset {
210 padding: 0.35em 0.75em 0.625em; 211 padding: 0.35em 0.75em 0.625em;
211 } 212 }
212 213
213 /** 214 /**
214 * 1. Correct the text wrapping in Edge and IE. 215 * 1. Correct the text wrapping in Edge and IE.
215 * 2. Correct the color inheritance from `fieldset` elements in IE. 216 * 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 217 * 3. Remove the padding so developers are not caught out when they zero out
217 * `fieldset` elements in all browsers. 218 * `fieldset` elements in all browsers.
218 */ 219 */
219 legend { 220 legend {
220 -webkit-box-sizing: border-box; 221 -webkit-box-sizing: border-box;
221 box-sizing: border-box; /* 1 */ 222 box-sizing: border-box; /* 1 */
222 color: inherit; /* 2 */ 223 color: inherit; /* 2 */
223 display: table; /* 1 */ 224 display: table; /* 1 */
224 max-width: 100%; /* 1 */ 225 max-width: 100%; /* 1 */
225 padding: 0; /* 3 */ 226 padding: 0; /* 3 */
226 white-space: normal; /* 1 */ 227 white-space: normal; /* 1 */
227 } 228 }
228 229
229 /** 230 /**
230 * Add the correct vertical alignment in Chrome, Firefox, and Opera. 231 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
231 */ 232 */
232 progress { 233 progress {
233 vertical-align: baseline; 234 vertical-align: baseline;
234 } 235 }
235 236
236 /** 237 /**
237 * Remove the default vertical scrollbar in IE 10+. 238 * Remove the default vertical scrollbar in IE 10+.
238 */ 239 */
239 textarea { 240 textarea {
240 overflow: auto; 241 overflow: auto;
241 } 242 }
242 243
243 /** 244 /**
244 * 1. Add the correct box sizing in IE 10. 245 * 1. Add the correct box sizing in IE 10.
245 * 2. Remove the padding in IE 10. 246 * 2. Remove the padding in IE 10.
246 */ 247 */
247 [type=checkbox], 248 [type=checkbox],
248 [type=radio] { 249 [type=radio] {
249 -webkit-box-sizing: border-box; 250 -webkit-box-sizing: border-box;
250 box-sizing: border-box; /* 1 */ 251 box-sizing: border-box; /* 1 */
251 padding: 0; /* 2 */ 252 padding: 0; /* 2 */
252 } 253 }
253 254
254 /** 255 /**
255 * Correct the cursor style of increment and decrement buttons in Chrome. 256 * Correct the cursor style of increment and decrement buttons in Chrome.
256 */ 257 */
257 [type=number]::-webkit-inner-spin-button, 258 [type=number]::-webkit-inner-spin-button,
258 [type=number]::-webkit-outer-spin-button { 259 [type=number]::-webkit-outer-spin-button {
259 height: auto; 260 height: auto;
260 } 261 }
261 262
262 /** 263 /**
263 * 1. Correct the odd appearance in Chrome and Safari. 264 * 1. Correct the odd appearance in Chrome and Safari.
264 * 2. Correct the outline style in Safari. 265 * 2. Correct the outline style in Safari.
265 */ 266 */
266 [type=search] { 267 [type=search] {
267 -webkit-appearance: textfield; /* 1 */ 268 -webkit-appearance: textfield; /* 1 */
268 outline-offset: -2px; /* 2 */ 269 outline-offset: -2px; /* 2 */
269 } 270 }
270 271
271 /** 272 /**
272 * Remove the inner padding in Chrome and Safari on macOS. 273 * Remove the inner padding in Chrome and Safari on macOS.
273 */ 274 */
274 [type=search]::-webkit-search-decoration { 275 [type=search]::-webkit-search-decoration {
275 -webkit-appearance: none; 276 -webkit-appearance: none;
276 } 277 }
277 278
278 /** 279 /**
279 * 1. Correct the inability to style clickable types in iOS and Safari. 280 * 1. Correct the inability to style clickable types in iOS and Safari.
280 * 2. Change font properties to `inherit` in Safari. 281 * 2. Change font properties to `inherit` in Safari.
281 */ 282 */
282 ::-webkit-file-upload-button { 283 ::-webkit-file-upload-button {
283 -webkit-appearance: button; /* 1 */ 284 -webkit-appearance: button; /* 1 */
284 font: inherit; /* 2 */ 285 font: inherit; /* 2 */
285 } 286 }
286 287
287 /* Interactive 288 /* Interactive
288 ========================================================================== */ 289 ========================================================================== */
289 /* 290 /*
290 * Add the correct display in Edge, IE 10+, and Firefox. 291 * Add the correct display in Edge, IE 10+, and Firefox.
291 */ 292 */
292 details { 293 details {
293 display: block; 294 display: block;
294 } 295 }
295 296
296 /* 297 /*
297 * Add the correct display in all browsers. 298 * Add the correct display in all browsers.
298 */ 299 */
299 summary { 300 summary {
300 display: list-item; 301 display: list-item;
301 } 302 }
302 303
303 /* Misc 304 /* Misc
304 ========================================================================== */ 305 ========================================================================== */
305 /** 306 /**
306 * Add the correct display in IE 10+. 307 * Add the correct display in IE 10+.
307 */ 308 */
308 template { 309 template {
309 display: none; 310 display: none;
310 } 311 }
311 312
312 /** 313 /**
313 * Add the correct display in IE 10. 314 * Add the correct display in IE 10.
314 */ 315 */
315 [hidden] { 316 [hidden] {
316 display: none; 317 display: none;
317 } 318 }
318 319
319 .green { 320 .green {
320 color: #377d87; 321 color: #377d87;
321 } 322 }
322 323
323 .red { 324 .red {
324 color: #eb5757; 325 color: #eb5757;
325 } 326 }
326 327
327 .rotate180 { 328 .rotate180 {
328 -webkit-transform: rotate(180deg); 329 -webkit-transform: rotate(180deg);
329 -ms-transform: rotate(180deg); 330 -ms-transform: rotate(180deg);
330 transform: rotate(180deg); 331 transform: rotate(180deg);
331 } 332 }
332 333
333 ::-moz-selection { 334 ::-moz-selection {
334 color: #000; 335 color: #000;
335 background: #acc0e6; 336 background: #acc0e6;
336 } 337 }
337 338
338 ::selection { 339 ::selection {
339 color: #000; 340 color: #000;
340 background: #acc0e6; 341 background: #acc0e6;
341 } 342 }
342 343
343 ::-webkit-scrollbar { 344 ::-webkit-scrollbar {
344 width: 8px; 345 width: 8px;
345 height: 8px; 346 height: 8px;
346 } 347 }
347 348
348 ::-webkit-scrollbar-track { 349 ::-webkit-scrollbar-track {
349 border-radius: 999px; 350 border-radius: 999px;
350 background-color: #fff; 351 background-color: #fff;
351 } 352 }
352 353
353 ::-webkit-scrollbar-thumb { 354 ::-webkit-scrollbar-thumb {
354 border-radius: 999px; 355 border-radius: 999px;
355 background-color: #377d87; 356 background-color: #377d87;
356 } 357 }
357 358
358 ::-webkit-input-placeholder { 359 ::-webkit-input-placeholder {
359 color: #9c9d9d; 360 color: #9c9d9d;
360 opacity: 1; 361 opacity: 1;
361 } 362 }
362 363
363 :focus::-webkit-input-placeholder { 364 :focus::-webkit-input-placeholder {
364 color: transparent; 365 color: transparent;
365 } 366 }
366 367
367 :-ms-input-placeholder { 368 :-ms-input-placeholder {
368 color: #9c9d9d; 369 color: #9c9d9d;
369 opacity: 1; 370 opacity: 1;
370 } 371 }
371 372
372 :focus:-ms-input-placeholder { 373 :focus:-ms-input-placeholder {
373 color: transparent; 374 color: transparent;
374 } 375 }
375 376
376 ::-ms-input-placeholder { 377 ::-ms-input-placeholder {
377 color: #9c9d9d; 378 color: #9c9d9d;
378 opacity: 1; 379 opacity: 1;
379 } 380 }
380 381
381 :focus::-ms-input-placeholder { 382 :focus::-ms-input-placeholder {
382 color: transparent; 383 color: transparent;
383 } 384 }
384 385
385 ::-moz-placeholder { 386 ::-moz-placeholder {
386 color: #9c9d9d; 387 color: #9c9d9d;
387 opacity: 1; 388 opacity: 1;
388 } 389 }
389 390
390 :focus::-moz-placeholder { 391 :focus::-moz-placeholder {
391 color: transparent; 392 color: transparent;
392 } 393 }
393 394
394 ::-webkit-input-placeholder { 395 ::-webkit-input-placeholder {
395 color: #9c9d9d; 396 color: #9c9d9d;
396 opacity: 1; 397 opacity: 1;
397 } 398 }
398 399
399 ::-moz-placeholder { 400 ::-moz-placeholder {
400 color: #9c9d9d; 401 color: #9c9d9d;
401 opacity: 1; 402 opacity: 1;
402 } 403 }
403 404
404 :-ms-input-placeholder { 405 :-ms-input-placeholder {
405 color: #9c9d9d; 406 color: #9c9d9d;
406 opacity: 1; 407 opacity: 1;
407 } 408 }
408 409
409 ::-ms-input-placeholder { 410 ::-ms-input-placeholder {
410 color: #9c9d9d; 411 color: #9c9d9d;
411 opacity: 1; 412 opacity: 1;
412 } 413 }
413 414
414 ::placeholder { 415 ::placeholder {
415 color: #9c9d9d; 416 color: #9c9d9d;
416 opacity: 1; 417 opacity: 1;
417 } 418 }
418 419
419 :focus::-webkit-input-placeholder { 420 :focus::-webkit-input-placeholder {
420 color: transparent; 421 color: transparent;
421 } 422 }
422 423
423 :focus::-moz-placeholder { 424 :focus::-moz-placeholder {
424 color: transparent; 425 color: transparent;
425 } 426 }
426 427
427 :focus:-ms-input-placeholder { 428 :focus:-ms-input-placeholder {
428 color: transparent; 429 color: transparent;
429 } 430 }
430 431
431 :focus::-ms-input-placeholder { 432 :focus::-ms-input-placeholder {
432 color: transparent; 433 color: transparent;
433 } 434 }
434 435
435 :focus::placeholder { 436 :focus::placeholder {
436 color: transparent; 437 color: transparent;
437 } 438 }
438 439
439 *, 440 *,
440 *:before, 441 *:before,
441 *:after { 442 *:after {
442 -webkit-box-sizing: border-box; 443 -webkit-box-sizing: border-box;
443 box-sizing: border-box; 444 box-sizing: border-box;
444 -webkit-appearance: none; 445 -webkit-appearance: none;
445 -moz-appearance: none; 446 -moz-appearance: none;
446 appearance: none; 447 appearance: none;
447 outline: none; 448 outline: none;
448 -webkit-box-shadow: none; 449 -webkit-box-shadow: none;
449 box-shadow: none; 450 box-shadow: none;
450 } 451 }
451 452
452 a, 453 a,
453 button, 454 button,
454 select { 455 select {
455 color: inherit; 456 color: inherit;
456 } 457 }
457 458
458 a { 459 a {
459 text-decoration: none; 460 text-decoration: none;
460 } 461 }
461 462
462 a, 463 a,
463 input[type=button], 464 input[type=button],
464 input[type=submit], 465 input[type=submit],
465 button { 466 button {
466 -webkit-user-select: none; 467 -webkit-user-select: none;
467 -moz-user-select: none; 468 -moz-user-select: none;
468 -ms-user-select: none; 469 -ms-user-select: none;
469 user-select: none; 470 user-select: none;
470 -webkit-transition: 0.3s; 471 -webkit-transition: 0.3s;
471 transition: 0.3s; 472 transition: 0.3s;
472 cursor: pointer; 473 cursor: pointer;
473 } 474 }
474 475
475 [type=tel] { 476 [type=tel] {
476 letter-spacing: 1px; 477 letter-spacing: 1px;
477 } 478 }
478 479
479 .br, 480 .br,
480 img, 481 img,
481 svg { 482 svg {
482 display: block; 483 display: block;
483 } 484 }
484 485
485 .float-left { 486 .float-left {
486 float: left; 487 float: left;
487 } 488 }
488 489
489 .float-right { 490 .float-right {
490 float: right; 491 float: right;
491 } 492 }
492 493
493 .clear-both:after { 494 .clear-both:after {
494 content: ""; 495 content: "";
495 display: block; 496 display: block;
496 clear: both; 497 clear: both;
497 } 498 }
498 499
499 h1, 500 h1,
500 h2, 501 h2,
501 h3, 502 h3,
502 h4, 503 h4,
503 h5, 504 h5,
504 h6 { 505 h6 {
505 margin: 0; 506 margin: 0;
506 } 507 }
507 508
508 #body { 509 #body {
509 font-family: "Circe", sans-serif; 510 font-family: "Circe", sans-serif;
510 color: #000; 511 color: #000;
511 background: #fff; 512 background: #fff;
512 display: -webkit-box; 513 display: -webkit-box;
513 display: -ms-flexbox; 514 display: -ms-flexbox;
514 display: flex; 515 display: flex;
515 -webkit-box-orient: vertical; 516 -webkit-box-orient: vertical;
516 -webkit-box-direction: normal; 517 -webkit-box-direction: normal;
517 -ms-flex-direction: column; 518 -ms-flex-direction: column;
518 flex-direction: column; 519 flex-direction: column;
519 -webkit-box-pack: justify; 520 -webkit-box-pack: justify;
520 -ms-flex-pack: justify; 521 -ms-flex-pack: justify;
521 justify-content: space-between; 522 justify-content: space-between;
522 gap: 50px; 523 gap: 50px;
523 min-width: 320px; 524 min-width: 320px;
524 min-height: 100vh; 525 min-height: 100vh;
525 line-height: 1.25; 526 line-height: 1.25;
526 } 527 }
527 @media (min-width: 768px) { 528 @media (min-width: 768px) {
528 #body { 529 #body {
529 gap: 60px; 530 gap: 60px;
530 } 531 }
531 } 532 }
532 #body.pdf { 533 #body.pdf {
533 gap: 0; 534 gap: 0;
534 } 535 }
535 536
536 .container { 537 .container {
537 width: 100%; 538 width: 100%;
538 max-width: 1280px; 539 max-width: 1280px;
539 margin-left: auto; 540 margin-left: auto;
540 margin-right: auto; 541 margin-right: auto;
541 padding-left: 10px; 542 padding-left: 10px;
542 padding-right: 10px; 543 padding-right: 10px;
543 } 544 }
544 @media (min-width: 768px) { 545 @media (min-width: 768px) {
545 .container { 546 .container {
546 padding-left: 20px; 547 padding-left: 20px;
547 padding-right: 20px; 548 padding-right: 20px;
548 } 549 }
549 } 550 }
550 551
551 .to-top { 552 .to-top {
552 position: fixed; 553 position: fixed;
553 right: 10px; 554 right: 10px;
554 bottom: 10px; 555 bottom: 10px;
555 border-radius: 999px; 556 border-radius: 999px;
556 display: -webkit-box; 557 display: -webkit-box;
557 display: -ms-flexbox; 558 display: -ms-flexbox;
558 display: flex; 559 display: flex;
559 -webkit-box-pack: center; 560 -webkit-box-pack: center;
560 -ms-flex-pack: center; 561 -ms-flex-pack: center;
561 justify-content: center; 562 justify-content: center;
562 -webkit-box-align: center; 563 -webkit-box-align: center;
563 -ms-flex-align: center; 564 -ms-flex-align: center;
564 align-items: center; 565 align-items: center;
565 color: #fff; 566 color: #fff;
566 background: #377d87; 567 background: #377d87;
567 width: 40px; 568 width: 40px;
568 height: 40px; 569 height: 40px;
569 -webkit-transition: 0.3s; 570 -webkit-transition: 0.3s;
570 transition: 0.3s; 571 transition: 0.3s;
571 margin-right: -100px; 572 margin-right: -100px;
572 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 573 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
573 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 574 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
574 z-index: 99; 575 z-index: 99;
575 border: 1px solid #377d87; 576 border: 1px solid #377d87;
576 } 577 }
577 .to-top:hover { 578 .to-top:hover {
578 background: #fff; 579 background: #fff;
579 color: #377d87; 580 color: #377d87;
580 } 581 }
581 .to-top svg { 582 .to-top svg {
582 width: 10px; 583 width: 10px;
583 height: 10px; 584 height: 10px;
584 } 585 }
585 @media (min-width: 768px) { 586 @media (min-width: 768px) {
586 .to-top { 587 .to-top {
587 width: 50px; 588 width: 50px;
588 height: 50px; 589 height: 50px;
589 right: 20px; 590 right: 20px;
590 bottom: 20px; 591 bottom: 20px;
591 } 592 }
592 .to-top svg { 593 .to-top svg {
593 width: 12px; 594 width: 12px;
594 height: 12px; 595 height: 12px;
595 } 596 }
596 } 597 }
597 598
598 .begin .to-top { 599 .begin .to-top {
599 margin-right: 0; 600 margin-right: 0;
600 } 601 }
601 602
602 .socials { 603 .socials {
603 display: -webkit-box; 604 display: -webkit-box;
604 display: -ms-flexbox; 605 display: -ms-flexbox;
605 display: flex; 606 display: flex;
606 -webkit-box-align: center; 607 -webkit-box-align: center;
607 -ms-flex-align: center; 608 -ms-flex-align: center;
608 align-items: center; 609 align-items: center;
609 -webkit-box-pack: center; 610 -webkit-box-pack: center;
610 -ms-flex-pack: center; 611 -ms-flex-pack: center;
611 justify-content: center; 612 justify-content: center;
612 gap: 8px; 613 gap: 8px;
613 } 614 }
614 .socials a { 615 .socials a {
615 display: -webkit-box; 616 display: -webkit-box;
616 display: -ms-flexbox; 617 display: -ms-flexbox;
617 display: flex; 618 display: flex;
618 -webkit-box-align: center; 619 -webkit-box-align: center;
619 -ms-flex-align: center; 620 -ms-flex-align: center;
620 align-items: center; 621 align-items: center;
621 -webkit-box-pack: center; 622 -webkit-box-pack: center;
622 -ms-flex-pack: center; 623 -ms-flex-pack: center;
623 justify-content: center; 624 justify-content: center;
624 border: 1px solid #377d87; 625 border: 1px solid #377d87;
625 color: #377d87; 626 color: #377d87;
626 border-radius: 999px; 627 border-radius: 999px;
627 width: 38px; 628 width: 38px;
628 height: 38px; 629 height: 38px;
629 } 630 }
630 .socials a:hover { 631 .socials a:hover {
631 background: #377d87; 632 background: #377d87;
632 color: #fff; 633 color: #fff;
633 } 634 }
634 .socials svg { 635 .socials svg {
635 width: 12px; 636 width: 12px;
636 height: 12px; 637 height: 12px;
637 } 638 }
638 639
639 .nls { 640 .nls {
640 display: -webkit-box; 641 display: -webkit-box;
641 display: -ms-flexbox; 642 display: -ms-flexbox;
642 display: flex; 643 display: flex;
643 color: #000; 644 color: #000;
644 text-align: left; 645 text-align: left;
645 } 646 }
646 .nls:hover { 647 .nls:hover {
647 color: #377d87; 648 color: #377d87;
648 } 649 }
649 .nls svg { 650 .nls svg {
650 width: 30px; 651 width: 30px;
651 height: 40px; 652 height: 40px;
652 } 653 }
653 @media (min-width: 768px) { 654 @media (min-width: 768px) {
654 .nls svg { 655 .nls svg {
655 width: 24px; 656 width: 24px;
656 height: 31px; 657 height: 31px;
657 } 658 }
658 } 659 }
659 .nls span { 660 .nls span {
660 width: calc(100% - 30px); 661 width: calc(100% - 30px);
661 padding-left: 12px; 662 padding-left: 12px;
662 display: -webkit-box; 663 display: -webkit-box;
663 display: -ms-flexbox; 664 display: -ms-flexbox;
664 display: flex; 665 display: flex;
665 -webkit-box-orient: vertical; 666 -webkit-box-orient: vertical;
666 -webkit-box-direction: normal; 667 -webkit-box-direction: normal;
667 -ms-flex-direction: column; 668 -ms-flex-direction: column;
668 flex-direction: column; 669 flex-direction: column;
669 -webkit-box-pack: center; 670 -webkit-box-pack: center;
670 -ms-flex-pack: center; 671 -ms-flex-pack: center;
671 justify-content: center; 672 justify-content: center;
672 font-size: 12px; 673 font-size: 12px;
673 line-height: 1.4; 674 line-height: 1.4;
674 } 675 }
675 @media (min-width: 768px) { 676 @media (min-width: 768px) {
676 .nls span { 677 .nls span {
677 width: calc(100% - 24px); 678 width: calc(100% - 24px);
678 } 679 }
679 } 680 }
680 .nls b { 681 .nls b {
681 font-weight: 400; 682 font-weight: 400;
682 } 683 }
683 684
684 .title, 685 .title,
685 h1 { 686 h1 {
686 margin: 0; 687 margin: 0;
687 font-weight: 700; 688 font-weight: 700;
688 font-size: 32px; 689 font-size: 32px;
689 } 690 }
690 @media (min-width: 768px) { 691 @media (min-width: 768px) {
691 .title, 692 .title,
692 h1 { 693 h1 {
693 font-size: 40px; 694 font-size: 40px;
694 } 695 }
695 } 696 }
696 @media (min-width: 992px) { 697 @media (min-width: 992px) {
697 .title, 698 .title,
698 h1 { 699 h1 {
699 font-size: 48px; 700 font-size: 48px;
700 } 701 }
701 } 702 }
702 @media (min-width: 1280px) { 703 @media (min-width: 1280px) {
703 .title, 704 .title,
704 h1 { 705 h1 {
705 font-size: 64px; 706 font-size: 64px;
706 } 707 }
707 } 708 }
708 709
709 .swiper-pagination { 710 .swiper-pagination {
710 display: -webkit-box; 711 display: -webkit-box;
711 display: -ms-flexbox; 712 display: -ms-flexbox;
712 display: flex; 713 display: flex;
713 -webkit-box-pack: center; 714 -webkit-box-pack: center;
714 -ms-flex-pack: center; 715 -ms-flex-pack: center;
715 justify-content: center; 716 justify-content: center;
716 -webkit-box-align: center; 717 -webkit-box-align: center;
717 -ms-flex-align: center; 718 -ms-flex-align: center;
718 align-items: center; 719 align-items: center;
719 position: static; 720 position: static;
720 margin-top: 20px; 721 margin-top: 20px;
721 gap: 8px; 722 gap: 8px;
722 } 723 }
723 @media (min-width: 768px) { 724 @media (min-width: 768px) {
724 .swiper-pagination { 725 .swiper-pagination {
725 margin-top: 30px; 726 margin-top: 30px;
726 } 727 }
727 } 728 }
728 .swiper-pagination-bullet { 729 .swiper-pagination-bullet {
729 width: 16px; 730 width: 16px;
730 height: 16px; 731 height: 16px;
731 opacity: 1; 732 opacity: 1;
732 border: 1px solid #cdcece; 733 border: 1px solid #cdcece;
733 -webkit-transition: 0.3s; 734 -webkit-transition: 0.3s;
734 transition: 0.3s; 735 transition: 0.3s;
735 background: transparent; 736 background: transparent;
736 display: -webkit-box; 737 display: -webkit-box;
737 display: -ms-flexbox; 738 display: -ms-flexbox;
738 display: flex; 739 display: flex;
739 -webkit-box-pack: center; 740 -webkit-box-pack: center;
740 -ms-flex-pack: center; 741 -ms-flex-pack: center;
741 justify-content: center; 742 justify-content: center;
742 -webkit-box-align: center; 743 -webkit-box-align: center;
743 -ms-flex-align: center; 744 -ms-flex-align: center;
744 align-items: center; 745 align-items: center;
745 margin: 0 !important; 746 margin: 0 !important;
746 } 747 }
747 .swiper-pagination-bullet:before { 748 .swiper-pagination-bullet:before {
748 content: ""; 749 content: "";
749 width: 6px; 750 width: 6px;
750 height: 6px; 751 height: 6px;
751 border-radius: 999px; 752 border-radius: 999px;
752 background: #377d87; 753 background: #377d87;
753 opacity: 0; 754 opacity: 0;
754 -webkit-transition: 0.3s; 755 -webkit-transition: 0.3s;
755 transition: 0.3s; 756 transition: 0.3s;
756 } 757 }
757 .swiper-pagination-bullet:hover { 758 .swiper-pagination-bullet:hover {
758 border-color: #377d87; 759 border-color: #377d87;
759 } 760 }
760 .swiper-pagination-bullet-active { 761 .swiper-pagination-bullet-active {
761 border-color: #377d87; 762 border-color: #377d87;
762 } 763 }
763 .swiper-pagination-bullet-active:before { 764 .swiper-pagination-bullet-active:before {
764 opacity: 1; 765 opacity: 1;
765 } 766 }
766 767
767 .navs { 768 .navs {
768 display: -webkit-box; 769 display: -webkit-box;
769 display: -ms-flexbox; 770 display: -ms-flexbox;
770 display: flex; 771 display: flex;
771 -webkit-box-align: center; 772 -webkit-box-align: center;
772 -ms-flex-align: center; 773 -ms-flex-align: center;
773 align-items: center; 774 align-items: center;
774 -webkit-box-pack: justify; 775 -webkit-box-pack: justify;
775 -ms-flex-pack: justify; 776 -ms-flex-pack: justify;
776 justify-content: space-between; 777 justify-content: space-between;
777 gap: 20px; 778 gap: 20px;
778 width: 80px; 779 width: 80px;
779 } 780 }
780 .navs button { 781 .navs button {
781 color: #377d87; 782 color: #377d87;
782 background: none; 783 background: none;
783 border: none; 784 border: none;
784 padding: 0; 785 padding: 0;
785 } 786 }
786 .navs button[disabled] { 787 .navs button[disabled] {
787 cursor: not-allowed; 788 cursor: not-allowed;
788 color: #cddee1; 789 color: #cddee1;
789 } 790 }
790 .navs svg { 791 .navs svg {
791 width: 14px; 792 width: 14px;
792 height: 28px; 793 height: 28px;
793 } 794 }
794 795
795 .select { 796 .select {
796 position: relative; 797 position: relative;
797 } 798 }
798 .select2 { 799 .select2 {
799 width: 100% !important; 800 width: 100% !important;
800 } 801 }
801 .select2-container { 802 .select2-container {
802 font-size: 12px; 803 font-size: 12px;
803 } 804 }
804 @media (min-width: 768px) { 805 @media (min-width: 768px) {
805 .select2-container { 806 .select2-container {
806 font-size: 16px; 807 font-size: 16px;
807 } 808 }
808 } 809 }
809 .select2-container--open .select2-selection { 810 .select2-container--open .select2-selection {
810 border-color: #377d87 !important; 811 border-color: #377d87 !important;
811 } 812 }
812 .select2-container--open .select2-selection__arrow svg { 813 .select2-container--open .select2-selection__arrow svg {
813 -webkit-transform: rotate(180deg); 814 -webkit-transform: rotate(180deg);
814 -ms-transform: rotate(180deg); 815 -ms-transform: rotate(180deg);
815 transform: rotate(180deg); 816 transform: rotate(180deg);
816 } 817 }
817 .select2-selection { 818 .select2-selection {
818 min-height: 30px !important; 819 min-height: 30px !important;
819 border-radius: 8px !important; 820 border-radius: 8px !important;
820 border-color: #e7e7e7 !important; 821 border-color: #e7e7e7 !important;
821 -webkit-transition: 0.3s; 822 -webkit-transition: 0.3s;
822 transition: 0.3s; 823 transition: 0.3s;
823 } 824 }
824 @media (min-width: 768px) { 825 @media (min-width: 768px) {
825 .select2-selection { 826 .select2-selection {
826 min-height: 50px !important; 827 min-height: 50px !important;
827 } 828 }
828 } 829 }
829 .select2-selection__rendered { 830 .select2-selection__rendered {
830 line-height: 28px !important; 831 line-height: 28px !important;
831 padding: 0 30px 0 10px !important; 832 padding: 0 30px 0 10px !important;
832 } 833 }
833 @media (min-width: 768px) { 834 @media (min-width: 768px) {
834 .select2-selection__rendered { 835 .select2-selection__rendered {
835 line-height: 48px !important; 836 line-height: 48px !important;
836 padding: 0 46px 0 20px !important; 837 padding: 0 46px 0 20px !important;
837 } 838 }
838 } 839 }
839 .select2-selection--multiple .select2-selection__rendered { 840 .select2-selection--multiple .select2-selection__rendered {
840 display: -webkit-box !important; 841 display: -webkit-box !important;
841 display: -ms-flexbox !important; 842 display: -ms-flexbox !important;
842 display: flex !important; 843 display: flex !important;
843 -webkit-box-align: center; 844 -webkit-box-align: center;
844 -ms-flex-align: center; 845 -ms-flex-align: center;
845 align-items: center; 846 align-items: center;
846 -ms-flex-wrap: wrap; 847 -ms-flex-wrap: wrap;
847 flex-wrap: wrap; 848 flex-wrap: wrap;
848 gap: 10px; 849 gap: 10px;
849 padding-top: 10px !important; 850 padding-top: 10px !important;
850 padding-bottom: 10px !important; 851 padding-bottom: 10px !important;
851 } 852 }
852 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice { 853 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
853 margin: 0; 854 margin: 0;
854 } 855 }
855 .select2-selection__arrow { 856 .select2-selection__arrow {
856 top: 0 !important; 857 top: 0 !important;
857 right: 0 !important; 858 right: 0 !important;
858 width: 30px !important; 859 width: 30px !important;
859 height: 100% !important; 860 height: 100% !important;
860 display: -webkit-box; 861 display: -webkit-box;
861 display: -ms-flexbox; 862 display: -ms-flexbox;
862 display: flex; 863 display: flex;
863 -webkit-box-pack: center; 864 -webkit-box-pack: center;
864 -ms-flex-pack: center; 865 -ms-flex-pack: center;
865 justify-content: center; 866 justify-content: center;
866 -webkit-box-align: center; 867 -webkit-box-align: center;
867 -ms-flex-align: center; 868 -ms-flex-align: center;
868 align-items: center; 869 align-items: center;
869 color: #377d87; 870 color: #377d87;
870 } 871 }
871 @media (min-width: 768px) { 872 @media (min-width: 768px) {
872 .select2-selection__arrow { 873 .select2-selection__arrow {
873 width: 50px !important; 874 width: 50px !important;
874 } 875 }
875 } 876 }
876 .select2-selection__arrow svg { 877 .select2-selection__arrow svg {
877 width: 12px; 878 width: 12px;
878 height: 12px; 879 height: 12px;
879 -webkit-transition: 0.3s; 880 -webkit-transition: 0.3s;
880 transition: 0.3s; 881 transition: 0.3s;
881 } 882 }
882 @media (min-width: 768px) { 883 @media (min-width: 768px) {
883 .select2-selection__arrow svg { 884 .select2-selection__arrow svg {
884 width: 14px; 885 width: 14px;
885 height: 14px; 886 height: 14px;
886 } 887 }
887 } 888 }
888 .select2-selection__choice { 889 .select2-selection__choice {
889 display: -webkit-box; 890 display: -webkit-box;
890 display: -ms-flexbox; 891 display: -ms-flexbox;
891 display: flex; 892 display: flex;
892 -webkit-box-orient: horizontal; 893 -webkit-box-orient: horizontal;
893 -webkit-box-direction: reverse; 894 -webkit-box-direction: reverse;
894 -ms-flex-direction: row-reverse; 895 -ms-flex-direction: row-reverse;
895 flex-direction: row-reverse; 896 flex-direction: row-reverse;
896 -webkit-box-align: center; 897 -webkit-box-align: center;
897 -ms-flex-align: center; 898 -ms-flex-align: center;
898 align-items: center; 899 align-items: center;
899 -webkit-box-pack: center; 900 -webkit-box-pack: center;
900 -ms-flex-pack: center; 901 -ms-flex-pack: center;
901 justify-content: center; 902 justify-content: center;
902 gap: 4px; 903 gap: 4px;
903 padding: 0 4px 0 6px !important; 904 padding: 0 4px 0 6px !important;
904 background: #377d87 !important; 905 background: #377d87 !important;
905 border: none !important; 906 border: none !important;
906 border-radius: 6px !important; 907 border-radius: 6px !important;
907 line-height: 1 !important; 908 line-height: 1 !important;
908 color: #fff; 909 color: #fff;
909 height: 24px; 910 height: 24px;
910 } 911 }
911 @media (min-width: 768px) { 912 @media (min-width: 768px) {
912 .select2-selection__choice { 913 .select2-selection__choice {
913 height: 32px; 914 height: 32px;
914 gap: 6px; 915 gap: 6px;
915 padding: 0 6px 0 10px !important; 916 padding: 0 6px 0 10px !important;
916 border-radius: 8px !important; 917 border-radius: 8px !important;
917 } 918 }
918 } 919 }
919 .select2-selection__choice__remove { 920 .select2-selection__choice__remove {
920 width: 14px; 921 width: 14px;
921 height: 14px; 922 height: 14px;
922 padding-top: 4px; 923 padding-top: 4px;
923 display: -webkit-box !important; 924 display: -webkit-box !important;
924 display: -ms-flexbox !important; 925 display: -ms-flexbox !important;
925 display: flex !important; 926 display: flex !important;
926 -webkit-box-pack: center; 927 -webkit-box-pack: center;
927 -ms-flex-pack: center; 928 -ms-flex-pack: center;
928 justify-content: center; 929 justify-content: center;
929 -webkit-box-align: center; 930 -webkit-box-align: center;
930 -ms-flex-align: center; 931 -ms-flex-align: center;
931 align-items: center; 932 align-items: center;
932 color: #fff !important; 933 color: #fff !important;
933 font-weight: 400 !important; 934 font-weight: 400 !important;
934 font-size: 26px; 935 font-size: 26px;
935 } 936 }
936 .select2-search { 937 .select2-search {
937 display: none; 938 display: none;
938 } 939 }
939 .select2-dropdown { 940 .select2-dropdown {
940 z-index: 99999; 941 z-index: 99999;
941 border: none; 942 border: none;
942 border-radius: 0; 943 border-radius: 0;
943 background: none; 944 background: none;
944 padding: 5px 0; 945 padding: 5px 0;
945 } 946 }
946 @media (min-width: 768px) { 947 @media (min-width: 768px) {
947 .select2-dropdown { 948 .select2-dropdown {
948 padding: 10px 0; 949 padding: 10px 0;
949 } 950 }
950 } 951 }
951 .select2-results { 952 .select2-results {
952 background: #fff; 953 background: #fff;
953 border-radius: 8px; 954 border-radius: 8px;
954 border: 1px solid #377d87; 955 border: 1px solid #377d87;
955 overflow: hidden; 956 overflow: hidden;
956 } 957 }
957 @media (min-width: 768px) { 958 @media (min-width: 768px) {
958 .select2-results__option { 959 .select2-results__option {
959 padding: 10px 14px; 960 padding: 10px 14px;
960 } 961 }
961 } 962 }
962 .select2-results__option--highlighted { 963 .select2-results__option--highlighted {
963 background: #377d87 !important; 964 background: #377d87 !important;
964 } 965 }
965 @media (min-width: 768px) { 966 @media (min-width: 768px) {
966 .select_search .select2-selection__rendered { 967 .select_search .select2-selection__rendered {
967 padding-left: 60px !important; 968 padding-left: 60px !important;
968 } 969 }
969 } 970 }
970 .select_search .select__icon { 971 .select_search .select__icon {
971 display: none; 972 display: none;
972 height: 28px; 973 height: 28px;
973 -webkit-box-align: center; 974 -webkit-box-align: center;
974 -ms-flex-align: center; 975 -ms-flex-align: center;
975 align-items: center; 976 align-items: center;
976 padding-right: 12px; 977 padding-right: 12px;
977 z-index: 2; 978 z-index: 2;
978 position: absolute; 979 position: absolute;
979 top: 50%; 980 top: 50%;
980 left: 15px; 981 left: 15px;
981 margin-top: -14px; 982 margin-top: -14px;
982 } 983 }
983 @media (min-width: 768px) { 984 @media (min-width: 768px) {
984 .select_search .select__icon { 985 .select_search .select__icon {
985 display: -webkit-box; 986 display: -webkit-box;
986 display: -ms-flexbox; 987 display: -ms-flexbox;
987 display: flex; 988 display: flex;
988 } 989 }
989 } 990 }
990 .select_search .select__icon:after { 991 .select_search .select__icon:after {
991 content: ""; 992 content: "";
992 width: 1px; 993 width: 1px;
993 height: 100%; 994 height: 100%;
994 border-radius: 999px; 995 border-radius: 999px;
995 position: absolute; 996 position: absolute;
996 top: 0; 997 top: 0;
997 right: 0; 998 right: 0;
998 background: #cecece; 999 background: #cecece;
999 } 1000 }
1000 .select_search .select__icon svg { 1001 .select_search .select__icon svg {
1001 color: #9c9d9d; 1002 color: #9c9d9d;
1002 width: 20px; 1003 width: 20px;
1003 height: 20px; 1004 height: 20px;
1004 } 1005 }
1005 1006
1006 .form-group { 1007 .form-group {
1007 display: -webkit-box; 1008 display: -webkit-box;
1008 display: -ms-flexbox; 1009 display: -ms-flexbox;
1009 display: flex; 1010 display: flex;
1010 -webkit-box-orient: vertical; 1011 -webkit-box-orient: vertical;
1011 -webkit-box-direction: normal; 1012 -webkit-box-direction: normal;
1012 -ms-flex-direction: column; 1013 -ms-flex-direction: column;
1013 flex-direction: column; 1014 flex-direction: column;
1014 gap: 4px; 1015 gap: 4px;
1015 } 1016 }
1016 .form-group__label { 1017 .form-group__label {
1017 font-size: 12px; 1018 font-size: 12px;
1018 } 1019 }
1019 @media (min-width: 768px) { 1020 @media (min-width: 768px) {
1020 .form-group__label { 1021 .form-group__label {
1021 font-size: 16px; 1022 font-size: 16px;
1022 } 1023 }
1023 } 1024 }
1024 .form-group__item { 1025 .form-group__item {
1025 display: -webkit-box; 1026 display: -webkit-box;
1026 display: -ms-flexbox; 1027 display: -ms-flexbox;
1027 display: flex; 1028 display: flex;
1028 -webkit-box-orient: vertical; 1029 -webkit-box-orient: vertical;
1029 -webkit-box-direction: normal; 1030 -webkit-box-direction: normal;
1030 -ms-flex-direction: column; 1031 -ms-flex-direction: column;
1031 flex-direction: column; 1032 flex-direction: column;
1032 position: relative; 1033 position: relative;
1033 } 1034 }
1034 1035
1035 .input { 1036 .input {
1036 display: block; 1037 display: block;
1037 height: 30px; 1038 height: 30px;
1038 border: 1px solid #cecece; 1039 border: 1px solid #cecece;
1039 background: #fff; 1040 background: #fff;
1040 font-size: 12px; 1041 font-size: 12px;
1041 border-radius: 8px; 1042 border-radius: 8px;
1042 padding: 0 10px; 1043 padding: 0 10px;
1043 color: #000; 1044 color: #000;
1044 -webkit-transition: 0.3s; 1045 -webkit-transition: 0.3s;
1045 transition: 0.3s; 1046 transition: 0.3s;
1046 position: relative; 1047 position: relative;
1047 z-index: 1; 1048 z-index: 1;
1048 } 1049 }
1049 @media (min-width: 768px) { 1050 @media (min-width: 768px) {
1050 .input { 1051 .input {
1051 padding: 0 20px; 1052 padding: 0 20px;
1052 height: 44px; 1053 height: 44px;
1053 font-size: 16px; 1054 font-size: 16px;
1054 } 1055 }
1055 } 1056 }
1056 .input:focus { 1057 .input:focus {
1057 border-color: #377d87; 1058 border-color: #377d87;
1058 } 1059 }
1059 .input[disabled] { 1060 .input[disabled] {
1060 color: #9c9d9d; 1061 color: #9c9d9d;
1061 background: #e7e7e7; 1062 background: #e7e7e7;
1062 } 1063 }
1063 .input[type=date] { 1064 .input[type=date] {
1064 text-transform: uppercase; 1065 text-transform: uppercase;
1065 } 1066 }
1066 1067
1067 .textarea { 1068 .textarea {
1068 resize: none; 1069 resize: none;
1069 display: block; 1070 display: block;
1070 width: 100%; 1071 width: 100%;
1071 border-radius: 8px; 1072 border-radius: 8px;
1072 border: 1px solid #cecece; 1073 border: 1px solid #cecece;
1073 background: #fff; 1074 background: #fff;
1074 -webkit-transition: 0.3s; 1075 -webkit-transition: 0.3s;
1075 transition: 0.3s; 1076 transition: 0.3s;
1076 font-size: 12px; 1077 font-size: 12px;
1077 line-height: 1.4; 1078 line-height: 1.4;
1078 padding: 10px; 1079 padding: 10px;
1079 aspect-ratio: 8/3; 1080 aspect-ratio: 8/3;
1080 max-height: 250px; 1081 max-height: 250px;
1081 } 1082 }
1082 @media (min-width: 768px) { 1083 @media (min-width: 768px) {
1083 .textarea { 1084 .textarea {
1084 padding: 20px; 1085 padding: 20px;
1085 font-size: 16px; 1086 font-size: 16px;
1086 height: 280px; 1087 height: 280px;
1087 } 1088 }
1088 } 1089 }
1089 .textarea:focus { 1090 .textarea:focus {
1090 border-color: #377d87; 1091 border-color: #377d87;
1091 } 1092 }
1092 1093
1093 .button { 1094 .button {
1094 display: -webkit-box; 1095 display: -webkit-box;
1095 display: -ms-flexbox; 1096 display: -ms-flexbox;
1096 display: flex; 1097 display: flex;
1097 -webkit-box-pack: center; 1098 -webkit-box-pack: center;
1098 -ms-flex-pack: center; 1099 -ms-flex-pack: center;
1099 justify-content: center; 1100 justify-content: center;
1100 -webkit-box-align: center; 1101 -webkit-box-align: center;
1101 -ms-flex-align: center; 1102 -ms-flex-align: center;
1102 align-items: center; 1103 align-items: center;
1103 color: #fff; 1104 color: #fff;
1104 background: #377d87; 1105 background: #377d87;
1105 height: 30px; 1106 height: 30px;
1106 border-radius: 8px; 1107 border-radius: 8px;
1107 padding: 0 12px; 1108 padding: 0 12px;
1108 border: 1px solid #377d87; 1109 border: 1px solid #377d87;
1109 font-weight: 700; 1110 font-weight: 700;
1110 font-size: 12px; 1111 font-size: 12px;
1111 text-align: center; 1112 text-align: center;
1112 line-height: 1; 1113 line-height: 1;
1113 gap: 6px; 1114 gap: 6px;
1114 -webkit-transition: 0.3s; 1115 -webkit-transition: 0.3s;
1115 transition: 0.3s; 1116 transition: 0.3s;
1116 cursor: pointer; 1117 cursor: pointer;
1117 } 1118 }
1118 @media (min-width: 768px) { 1119 @media (min-width: 768px) {
1119 .button { 1120 .button {
1120 padding: 0 24px; 1121 padding: 0 24px;
1121 font-size: 16px; 1122 font-size: 16px;
1122 height: 44px; 1123 height: 44px;
1123 gap: 12px; 1124 gap: 12px;
1124 } 1125 }
1125 } 1126 }
1126 @media (min-width: 992px) { 1127 @media (min-width: 992px) {
1127 .button { 1128 .button {
1128 padding: 0 36px; 1129 padding: 0 36px;
1129 } 1130 }
1130 } 1131 }
1131 .button:hover { 1132 .button:hover {
1132 background: transparent; 1133 background: transparent;
1133 color: #377d87; 1134 color: #377d87;
1134 } 1135 }
1135 .button img, 1136 .button img,
1136 .button svg { 1137 .button svg {
1137 width: 12px; 1138 width: 12px;
1138 height: 12px; 1139 height: 12px;
1139 } 1140 }
1140 @media (min-width: 768px) { 1141 @media (min-width: 768px) {
1141 .button img, 1142 .button img,
1142 .button svg { 1143 .button svg {
1143 width: 18px; 1144 width: 18px;
1144 height: 18px; 1145 height: 18px;
1145 } 1146 }
1146 } 1147 }
1147 .button_more span + span { 1148 .button_more span + span {
1148 display: none; 1149 display: none;
1149 } 1150 }
1150 .button_more.active span { 1151 .button_more.active span {
1151 display: none; 1152 display: none;
1152 } 1153 }
1153 .button_more.active span + span { 1154 .button_more.active span + span {
1154 display: block; 1155 display: block;
1155 } 1156 }
1156 .button_light { 1157 .button_light {
1157 background: transparent; 1158 background: transparent;
1158 color: #377d87; 1159 color: #377d87;
1159 } 1160 }
1160 .button_light:hover { 1161 .button_light:hover {
1161 background: #377d87; 1162 background: #377d87;
1162 color: #fff; 1163 color: #fff;
1163 } 1164 }
1164 .button_whited { 1165 .button_whited {
1165 background: #fff; 1166 background: #fff;
1166 color: #377d87; 1167 color: #377d87;
1167 border-color: #fff; 1168 border-color: #fff;
1168 } 1169 }
1169 .button_whited:hover { 1170 .button_whited:hover {
1170 background: #377d87; 1171 background: #377d87;
1171 color: #fff; 1172 color: #fff;
1172 } 1173 }
1173 1174
1174 .search { 1175 .search {
1175 width: 100%; 1176 width: 100%;
1176 position: relative; 1177 position: relative;
1177 background: #fff; 1178 background: #fff;
1178 border-radius: 8px; 1179 border-radius: 8px;
1179 } 1180 }
1180 .search span { 1181 .search span {
1181 display: none; 1182 display: none;
1182 height: 28px; 1183 height: 28px;
1183 -webkit-box-align: center; 1184 -webkit-box-align: center;
1184 -ms-flex-align: center; 1185 -ms-flex-align: center;
1185 align-items: center; 1186 align-items: center;
1186 padding-right: 12px; 1187 padding-right: 12px;
1187 z-index: 1; 1188 z-index: 1;
1188 position: absolute; 1189 position: absolute;
1189 top: 50%; 1190 top: 50%;
1190 left: 15px; 1191 left: 15px;
1191 margin-top: -14px; 1192 margin-top: -14px;
1192 } 1193 }
1193 @media (min-width: 768px) { 1194 @media (min-width: 768px) {
1194 .search span { 1195 .search span {
1195 display: -webkit-box; 1196 display: -webkit-box;
1196 display: -ms-flexbox; 1197 display: -ms-flexbox;
1197 display: flex; 1198 display: flex;
1198 } 1199 }
1199 } 1200 }
1200 .search span:after { 1201 .search span:after {
1201 content: ""; 1202 content: "";
1202 width: 1px; 1203 width: 1px;
1203 height: 100%; 1204 height: 100%;
1204 border-radius: 999px; 1205 border-radius: 999px;
1205 position: absolute; 1206 position: absolute;
1206 top: 0; 1207 top: 0;
1207 right: 0; 1208 right: 0;
1208 background: #cecece; 1209 background: #cecece;
1209 } 1210 }
1210 .search span svg { 1211 .search span svg {
1211 color: #9c9d9d; 1212 color: #9c9d9d;
1212 width: 20px; 1213 width: 20px;
1213 height: 20px; 1214 height: 20px;
1214 } 1215 }
1215 .search input { 1216 .search input {
1216 width: 100%; 1217 width: 100%;
1217 padding-right: 150px; 1218 padding-right: 150px;
1218 position: relative; 1219 position: relative;
1219 z-index: 2; 1220 z-index: 2;
1220 background: none; 1221 background: none;
1221 } 1222 }
1222 @media (min-width: 768px) { 1223 @media (min-width: 768px) {
1223 .search input { 1224 .search input {
1224 padding-left: 60px; 1225 padding-left: 60px;
1225 padding-right: 220px; 1226 padding-right: 220px;
1226 } 1227 }
1227 } 1228 }
1228 .search button { 1229 .search button {
1229 width: 140px; 1230 width: 140px;
1230 position: absolute; 1231 position: absolute;
1231 padding: 0; 1232 padding: 0;
1232 top: 0; 1233 top: 0;
1233 right: 0; 1234 right: 0;
1234 z-index: 3; 1235 z-index: 3;
1235 } 1236 }
1236 @media (min-width: 768px) { 1237 @media (min-width: 768px) {
1237 .search button { 1238 .search button {
1238 width: 200px; 1239 width: 200px;
1239 } 1240 }
1240 } 1241 }
1241 1242
1242 .breadcrumbs { 1243 .breadcrumbs {
1243 display: -webkit-box; 1244 display: -webkit-box;
1244 display: -ms-flexbox; 1245 display: -ms-flexbox;
1245 display: flex; 1246 display: flex;
1246 -webkit-box-align: center; 1247 -webkit-box-align: center;
1247 -ms-flex-align: center; 1248 -ms-flex-align: center;
1248 align-items: center; 1249 align-items: center;
1249 -ms-flex-wrap: wrap; 1250 -ms-flex-wrap: wrap;
1250 flex-wrap: wrap; 1251 flex-wrap: wrap;
1251 gap: 12px 6px; 1252 gap: 12px 6px;
1252 margin: 0; 1253 margin: 0;
1253 padding: 0; 1254 padding: 0;
1254 font-size: 11px; 1255 font-size: 11px;
1255 color: #cecece; 1256 color: #cecece;
1256 line-height: 1; 1257 line-height: 1;
1257 } 1258 }
1258 @media (min-width: 992px) { 1259 @media (min-width: 992px) {
1259 .breadcrumbs { 1260 .breadcrumbs {
1260 font-size: 13px; 1261 font-size: 13px;
1261 } 1262 }
1262 } 1263 }
1263 @media (min-width: 1280px) { 1264 @media (min-width: 1280px) {
1264 .breadcrumbs { 1265 .breadcrumbs {
1265 font-size: 16px; 1266 font-size: 16px;
1266 } 1267 }
1267 } 1268 }
1268 .breadcrumbs li { 1269 .breadcrumbs li {
1269 display: -webkit-box; 1270 display: -webkit-box;
1270 display: -ms-flexbox; 1271 display: -ms-flexbox;
1271 display: flex; 1272 display: flex;
1272 -webkit-box-align: center; 1273 -webkit-box-align: center;
1273 -ms-flex-align: center; 1274 -ms-flex-align: center;
1274 align-items: center; 1275 align-items: center;
1275 gap: 6px; 1276 gap: 6px;
1276 } 1277 }
1277 .breadcrumbs li:before { 1278 .breadcrumbs li:before {
1278 content: ""; 1279 content: "";
1279 width: 4px; 1280 width: 4px;
1280 height: 4px; 1281 height: 4px;
1281 background: #cecece; 1282 background: #cecece;
1282 border-radius: 999px; 1283 border-radius: 999px;
1283 position: relative; 1284 position: relative;
1284 top: -1px; 1285 top: -1px;
1285 } 1286 }
1286 .breadcrumbs li:first-child:before { 1287 .breadcrumbs li:first-child:before {
1287 display: none; 1288 display: none;
1288 } 1289 }
1289 .breadcrumbs li:last-child:before { 1290 .breadcrumbs li:last-child:before {
1290 background: #377d87; 1291 background: #377d87;
1291 } 1292 }
1292 .breadcrumbs a:hover { 1293 .breadcrumbs a:hover {
1293 color: #377d87; 1294 color: #377d87;
1294 } 1295 }
1295 .breadcrumbs b { 1296 .breadcrumbs b {
1296 color: #377d87; 1297 color: #377d87;
1297 font-weight: 700; 1298 font-weight: 700;
1298 } 1299 }
1299 1300
1300 .pagination { 1301 .pagination {
1301 display: -webkit-box; 1302 display: -webkit-box;
1302 display: -ms-flexbox; 1303 display: -ms-flexbox;
1303 display: flex; 1304 display: flex;
1304 -webkit-box-align: center; 1305 -webkit-box-align: center;
1305 -ms-flex-align: center; 1306 -ms-flex-align: center;
1306 align-items: center; 1307 align-items: center;
1307 -webkit-box-pack: center; 1308 -webkit-box-pack: center;
1308 -ms-flex-pack: center; 1309 -ms-flex-pack: center;
1309 justify-content: center; 1310 justify-content: center;
1310 -ms-flex-wrap: wrap; 1311 -ms-flex-wrap: wrap;
1311 flex-wrap: wrap; 1312 flex-wrap: wrap;
1312 line-height: 1; 1313 line-height: 1;
1313 color: #000; 1314 color: #000;
1314 font-size: 12px; 1315 font-size: 12px;
1315 margin: 0 auto; 1316 margin: 0 auto;
1316 } 1317 }
1317 @media (min-width: 768px) { 1318 @media (min-width: 768px) {
1318 .pagination { 1319 .pagination {
1319 font-size: 14px; 1320 font-size: 14px;
1320 gap: 3px; 1321 gap: 3px;
1321 } 1322 }
1322 } 1323 }
1323 .pagination__item { 1324 .pagination__item {
1324 width: 40px; 1325 width: 40px;
1325 height: 40px; 1326 height: 40px;
1326 display: -webkit-box; 1327 display: -webkit-box;
1327 display: -ms-flexbox; 1328 display: -ms-flexbox;
1328 display: flex; 1329 display: flex;
1329 -webkit-box-pack: center; 1330 -webkit-box-pack: center;
1330 -ms-flex-pack: center; 1331 -ms-flex-pack: center;
1331 justify-content: center; 1332 justify-content: center;
1332 -webkit-box-align: center; 1333 -webkit-box-align: center;
1333 -ms-flex-align: center; 1334 -ms-flex-align: center;
1334 align-items: center; 1335 align-items: center;
1335 background: none; 1336 background: none;
1336 padding: 0; 1337 padding: 0;
1337 border: 1px solid transparent; 1338 border: 1px solid transparent;
1338 border-radius: 8px; 1339 border-radius: 8px;
1339 } 1340 }
1340 .pagination__item:hover { 1341 .pagination__item:hover {
1341 -webkit-transition: 0s; 1342 -webkit-transition: 0s;
1342 transition: 0s; 1343 transition: 0s;
1343 color: #377d87; 1344 color: #377d87;
1344 font-weight: 700; 1345 font-weight: 700;
1345 } 1346 }
1346 .pagination__item.active { 1347 .pagination__item.active {
1347 font-weight: 700; 1348 font-weight: 700;
1348 color: #fff; 1349 color: #fff;
1349 background: #377d87; 1350 background: #377d87;
1350 border-color: #377d87; 1351 border-color: #377d87;
1351 } 1352 }
1352 .pagination__dots { 1353 .pagination__dots {
1353 width: 40px; 1354 width: 40px;
1354 height: 40px; 1355 height: 40px;
1355 display: -webkit-box; 1356 display: -webkit-box;
1356 display: -ms-flexbox; 1357 display: -ms-flexbox;
1357 display: flex; 1358 display: flex;
1358 -webkit-box-pack: center; 1359 -webkit-box-pack: center;
1359 -ms-flex-pack: center; 1360 -ms-flex-pack: center;
1360 justify-content: center; 1361 justify-content: center;
1361 -webkit-box-align: center; 1362 -webkit-box-align: center;
1362 -ms-flex-align: center; 1363 -ms-flex-align: center;
1363 align-items: center; 1364 align-items: center;
1364 } 1365 }
1365 .pagination__dots svg { 1366 .pagination__dots svg {
1366 width: 15px; 1367 width: 15px;
1367 height: 15px; 1368 height: 15px;
1368 } 1369 }
1369 .pagination__nav { 1370 .pagination__nav {
1370 width: 40px; 1371 width: 40px;
1371 height: 40px; 1372 height: 40px;
1372 display: none; 1373 display: none;
1373 -webkit-box-pack: center; 1374 -webkit-box-pack: center;
1374 -ms-flex-pack: center; 1375 -ms-flex-pack: center;
1375 justify-content: center; 1376 justify-content: center;
1376 -webkit-box-align: center; 1377 -webkit-box-align: center;
1377 -ms-flex-align: center; 1378 -ms-flex-align: center;
1378 align-items: center; 1379 align-items: center;
1379 background: none; 1380 background: none;
1380 padding: 0; 1381 padding: 0;
1381 border: 1px solid #cddee1; 1382 border: 1px solid #cddee1;
1382 color: #377d87; 1383 color: #377d87;
1383 border-radius: 8px; 1384 border-radius: 8px;
1384 } 1385 }
1385 @media (min-width: 768px) { 1386 @media (min-width: 768px) {
1386 .pagination__nav { 1387 .pagination__nav {
1387 display: -webkit-box; 1388 display: -webkit-box;
1388 display: -ms-flexbox; 1389 display: -ms-flexbox;
1389 display: flex; 1390 display: flex;
1390 } 1391 }
1391 } 1392 }
1392 .pagination__nav:hover { 1393 .pagination__nav:hover {
1393 border-color: #377d87; 1394 border-color: #377d87;
1394 background: #377d87; 1395 background: #377d87;
1395 color: #fff; 1396 color: #fff;
1396 } 1397 }
1397 .pagination__nav svg { 1398 .pagination__nav svg {
1398 width: 10px; 1399 width: 10px;
1399 height: 10px; 1400 height: 10px;
1400 } 1401 }
1401 .pagination__nav_prev { 1402 .pagination__nav_prev {
1402 margin-right: 37px; 1403 margin-right: 37px;
1403 } 1404 }
1404 .pagination__nav_prev svg { 1405 .pagination__nav_prev svg {
1405 -webkit-transform: rotate(180deg); 1406 -webkit-transform: rotate(180deg);
1406 -ms-transform: rotate(180deg); 1407 -ms-transform: rotate(180deg);
1407 transform: rotate(180deg); 1408 transform: rotate(180deg);
1408 } 1409 }
1409 .pagination__nav_next { 1410 .pagination__nav_next {
1410 margin-left: 37px; 1411 margin-left: 37px;
1411 } 1412 }
1412 1413
1413 .filters { 1414 .filters {
1414 display: -webkit-box; 1415 display: -webkit-box;
1415 display: -ms-flexbox; 1416 display: -ms-flexbox;
1416 display: flex; 1417 display: flex;
1417 -webkit-box-orient: vertical; 1418 -webkit-box-orient: vertical;
1418 -webkit-box-direction: normal; 1419 -webkit-box-direction: normal;
1419 -ms-flex-direction: column; 1420 -ms-flex-direction: column;
1420 flex-direction: column; 1421 flex-direction: column;
1421 gap: 10px; 1422 gap: 10px;
1422 } 1423 }
1423 @media (min-width: 768px) { 1424 @media (min-width: 768px) {
1424 .filters { 1425 .filters {
1425 -webkit-box-orient: horizontal; 1426 -webkit-box-orient: horizontal;
1426 -webkit-box-direction: normal; 1427 -webkit-box-direction: normal;
1427 -ms-flex-direction: row; 1428 -ms-flex-direction: row;
1428 flex-direction: row; 1429 flex-direction: row;
1429 -webkit-box-align: center; 1430 -webkit-box-align: center;
1430 -ms-flex-align: center; 1431 -ms-flex-align: center;
1431 align-items: center; 1432 align-items: center;
1432 -webkit-box-pack: justify; 1433 -webkit-box-pack: justify;
1433 -ms-flex-pack: justify; 1434 -ms-flex-pack: justify;
1434 justify-content: space-between; 1435 justify-content: space-between;
1435 } 1436 }
1436 } 1437 }
1437 .filters__label { 1438 .filters__label {
1438 color: #377d87; 1439 color: #377d87;
1439 font-size: 12px; 1440 font-size: 12px;
1440 font-weight: 700; 1441 font-weight: 700;
1441 } 1442 }
1442 @media (min-width: 768px) { 1443 @media (min-width: 768px) {
1443 .filters__label { 1444 .filters__label {
1444 font-size: 16px; 1445 font-size: 16px;
1445 } 1446 }
1446 } 1447 }
1447 @media (min-width: 992px) { 1448 @media (min-width: 992px) {
1448 .filters__label { 1449 .filters__label {
1449 font-size: 18px; 1450 font-size: 18px;
1450 } 1451 }
1451 } 1452 }
1452 .filters__body { 1453 .filters__body {
1453 display: -webkit-box; 1454 display: -webkit-box;
1454 display: -ms-flexbox; 1455 display: -ms-flexbox;
1455 display: flex; 1456 display: flex;
1456 -webkit-box-orient: vertical; 1457 -webkit-box-orient: vertical;
1457 -webkit-box-direction: normal; 1458 -webkit-box-direction: normal;
1458 -ms-flex-direction: column; 1459 -ms-flex-direction: column;
1459 flex-direction: column; 1460 flex-direction: column;
1460 } 1461 }
1461 @media (min-width: 768px) { 1462 @media (min-width: 768px) {
1462 .filters__body { 1463 .filters__body {
1463 -webkit-box-orient: horizontal; 1464 -webkit-box-orient: horizontal;
1464 -webkit-box-direction: normal; 1465 -webkit-box-direction: normal;
1465 -ms-flex-direction: row; 1466 -ms-flex-direction: row;
1466 flex-direction: row; 1467 flex-direction: row;
1467 -webkit-box-align: center; 1468 -webkit-box-align: center;
1468 -ms-flex-align: center; 1469 -ms-flex-align: center;
1469 align-items: center; 1470 align-items: center;
1470 } 1471 }
1471 } 1472 }
1472 @media (min-width: 768px) { 1473 @media (min-width: 768px) {
1473 .filters__select { 1474 .filters__select {
1474 width: 250px; 1475 width: 250px;
1475 } 1476 }
1476 } 1477 }
1477 @media (min-width: 992px) { 1478 @media (min-width: 992px) {
1478 .filters__select { 1479 .filters__select {
1479 width: 310px; 1480 width: 310px;
1480 } 1481 }
1481 } 1482 }
1482 .filters__item { 1483 .filters__item {
1483 display: none; 1484 display: none;
1484 -webkit-box-pack: center; 1485 -webkit-box-pack: center;
1485 -ms-flex-pack: center; 1486 -ms-flex-pack: center;
1486 justify-content: center; 1487 justify-content: center;
1487 -webkit-box-align: center; 1488 -webkit-box-align: center;
1488 -ms-flex-align: center; 1489 -ms-flex-align: center;
1489 align-items: center; 1490 align-items: center;
1490 width: 50px; 1491 width: 50px;
1491 height: 50px; 1492 height: 50px;
1492 padding: 0; 1493 padding: 0;
1493 background: #fff; 1494 background: #fff;
1494 border: 1px solid #377d87; 1495 border: 1px solid #377d87;
1495 color: #377d87; 1496 color: #377d87;
1496 border-radius: 8px; 1497 border-radius: 8px;
1497 margin-left: 20px; 1498 margin-left: 20px;
1498 } 1499 }
1499 @media (min-width: 768px) { 1500 @media (min-width: 768px) {
1500 .filters__item { 1501 .filters__item {
1501 display: -webkit-box; 1502 display: -webkit-box;
1502 display: -ms-flexbox; 1503 display: -ms-flexbox;
1503 display: flex; 1504 display: flex;
1504 } 1505 }
1505 } 1506 }
1506 .filters__item svg { 1507 .filters__item svg {
1507 width: 24px; 1508 width: 24px;
1508 height: 24px; 1509 height: 24px;
1509 } 1510 }
1510 .filters__item.active { 1511 .filters__item.active {
1511 background: #377d87; 1512 background: #377d87;
1512 color: #fff; 1513 color: #fff;
1513 } 1514 }
1514 .filters__item + .filters__item { 1515 .filters__item + .filters__item {
1515 margin-left: 8px; 1516 margin-left: 8px;
1516 } 1517 }
1517 1518
1518 .like, 1519 .like,
1519 .chat { 1520 .chat {
1520 width: 30px; 1521 width: 30px;
1521 height: 30px; 1522 height: 30px;
1522 display: -webkit-box; 1523 display: -webkit-box;
1523 display: -ms-flexbox; 1524 display: -ms-flexbox;
1524 display: flex; 1525 display: flex;
1525 -webkit-box-pack: center; 1526 -webkit-box-pack: center;
1526 -ms-flex-pack: center; 1527 -ms-flex-pack: center;
1527 justify-content: center; 1528 justify-content: center;
1528 -webkit-box-align: center; 1529 -webkit-box-align: center;
1529 -ms-flex-align: center; 1530 -ms-flex-align: center;
1530 align-items: center; 1531 align-items: center;
1531 background: none; 1532 background: none;
1532 border: 1px solid #377d87; 1533 border: 1px solid #377d87;
1533 padding: 0; 1534 padding: 0;
1534 color: #377d87; 1535 color: #377d87;
1535 border-radius: 6px; 1536 border-radius: 6px;
1536 } 1537 }
1537 @media (min-width: 768px) { 1538 @media (min-width: 768px) {
1538 .like, 1539 .like,
1539 .chat { 1540 .chat {
1540 width: 44px; 1541 width: 44px;
1541 height: 44px; 1542 height: 44px;
1542 } 1543 }
1543 } 1544 }
1544 .like.active, 1545 .like.active,
1545 .chat.active { 1546 .chat.active {
1546 background: #377d87; 1547 background: #377d87;
1547 color: #fff; 1548 color: #fff;
1548 } 1549 }
1549 .like svg, 1550 .like svg,
1550 .chat svg { 1551 .chat svg {
1551 width: 14px; 1552 width: 14px;
1552 height: 14px; 1553 height: 14px;
1553 } 1554 }
1554 @media (min-width: 768px) { 1555 @media (min-width: 768px) {
1555 .like svg, 1556 .like svg,
1556 .chat svg { 1557 .chat svg {
1557 width: 20px; 1558 width: 20px;
1558 height: 20px; 1559 height: 20px;
1559 } 1560 }
1560 } 1561 }
1561 1562
1562 .like.active { 1563 .like.active {
1563 background: #eb5757; 1564 background: #eb5757;
1564 border-color: #eb5757; 1565 border-color: #eb5757;
1565 } 1566 }
1566 1567
1567 .checkbox { 1568 .checkbox {
1568 display: -webkit-box; 1569 display: -webkit-box;
1569 display: -ms-flexbox; 1570 display: -ms-flexbox;
1570 display: flex; 1571 display: flex;
1571 -webkit-box-align: start; 1572 -webkit-box-align: start;
1572 -ms-flex-align: start; 1573 -ms-flex-align: start;
1573 align-items: flex-start; 1574 align-items: flex-start;
1574 cursor: pointer; 1575 cursor: pointer;
1575 position: relative; 1576 position: relative;
1576 } 1577 }
1577 .checkbox__input { 1578 .checkbox__input {
1578 position: absolute; 1579 position: absolute;
1579 z-index: 1; 1580 z-index: 1;
1580 width: 14px; 1581 width: 14px;
1581 height: 14px; 1582 height: 14px;
1582 padding: 0; 1583 padding: 0;
1583 background: none; 1584 background: none;
1584 border: none; 1585 border: none;
1585 opacity: 0; 1586 opacity: 0;
1586 } 1587 }
1587 @media (min-width: 768px) { 1588 @media (min-width: 768px) {
1588 .checkbox__input { 1589 .checkbox__input {
1589 width: 20px; 1590 width: 20px;
1590 height: 20px; 1591 height: 20px;
1591 } 1592 }
1592 } 1593 }
1593 .checkbox__icon { 1594 .checkbox__icon {
1594 width: 14px; 1595 width: 14px;
1595 height: 14px; 1596 height: 14px;
1596 border: 1px solid #cfcfcf; 1597 border: 1px solid #cfcfcf;
1597 background: #fff; 1598 background: #fff;
1598 color: #fff; 1599 color: #fff;
1599 display: -webkit-box; 1600 display: -webkit-box;
1600 display: -ms-flexbox; 1601 display: -ms-flexbox;
1601 display: flex; 1602 display: flex;
1602 -webkit-box-pack: center; 1603 -webkit-box-pack: center;
1603 -ms-flex-pack: center; 1604 -ms-flex-pack: center;
1604 justify-content: center; 1605 justify-content: center;
1605 -webkit-box-align: center; 1606 -webkit-box-align: center;
1606 -ms-flex-align: center; 1607 -ms-flex-align: center;
1607 align-items: center; 1608 align-items: center;
1608 border-radius: 4px; 1609 border-radius: 4px;
1609 -webkit-transition: 0.3s; 1610 -webkit-transition: 0.3s;
1610 transition: 0.3s; 1611 transition: 0.3s;
1611 position: relative; 1612 position: relative;
1612 z-index: 2; 1613 z-index: 2;
1613 } 1614 }
1614 @media (min-width: 768px) { 1615 @media (min-width: 768px) {
1615 .checkbox__icon { 1616 .checkbox__icon {
1616 width: 20px; 1617 width: 20px;
1617 height: 20px; 1618 height: 20px;
1618 } 1619 }
1619 } 1620 }
1620 .checkbox__icon svg { 1621 .checkbox__icon svg {
1621 width: 8px; 1622 width: 8px;
1622 height: 8px; 1623 height: 8px;
1623 opacity: 0; 1624 opacity: 0;
1624 } 1625 }
1625 @media (min-width: 768px) { 1626 @media (min-width: 768px) {
1626 .checkbox__icon svg { 1627 .checkbox__icon svg {
1627 width: 10px; 1628 width: 10px;
1628 height: 10px; 1629 height: 10px;
1629 } 1630 }
1630 } 1631 }
1631 .checkbox__input:checked + .checkbox__icon { 1632 .checkbox__input:checked + .checkbox__icon {
1632 border-color: #377d87; 1633 border-color: #377d87;
1633 background: #377d87; 1634 background: #377d87;
1634 } 1635 }
1635 .checkbox__input:checked + .checkbox__icon svg { 1636 .checkbox__input:checked + .checkbox__icon svg {
1636 opacity: 1; 1637 opacity: 1;
1637 } 1638 }
1638 .checkbox__text { 1639 .checkbox__text {
1639 width: calc(100% - 14px); 1640 width: calc(100% - 14px);
1640 padding-left: 6px; 1641 padding-left: 6px;
1641 font-size: 12px; 1642 font-size: 12px;
1642 line-height: 1; 1643 line-height: 1;
1643 display: -webkit-box; 1644 display: -webkit-box;
1644 display: -ms-flexbox; 1645 display: -ms-flexbox;
1645 display: flex; 1646 display: flex;
1646 -webkit-box-align: center; 1647 -webkit-box-align: center;
1647 -ms-flex-align: center; 1648 -ms-flex-align: center;
1648 align-items: center; 1649 align-items: center;
1649 min-height: 14px; 1650 min-height: 14px;
1650 } 1651 }
1651 @media (min-width: 768px) { 1652 @media (min-width: 768px) {
1652 .checkbox__text { 1653 .checkbox__text {
1653 width: calc(100% - 20px); 1654 width: calc(100% - 20px);
1654 padding-left: 12px; 1655 padding-left: 12px;
1655 font-size: 15px; 1656 font-size: 15px;
1656 min-height: 20px; 1657 min-height: 20px;
1657 } 1658 }
1658 } 1659 }
1659 .checkbox__text a { 1660 .checkbox__text a {
1660 color: #377d87; 1661 color: #377d87;
1661 text-decoration: underline; 1662 text-decoration: underline;
1662 } 1663 }
1663 1664
1664 .file { 1665 .file {
1665 display: -webkit-box; 1666 display: -webkit-box;
1666 display: -ms-flexbox; 1667 display: -ms-flexbox;
1667 display: flex; 1668 display: flex;
1668 -webkit-box-orient: vertical; 1669 -webkit-box-orient: vertical;
1669 -webkit-box-direction: normal; 1670 -webkit-box-direction: normal;
1670 -ms-flex-direction: column; 1671 -ms-flex-direction: column;
1671 flex-direction: column; 1672 flex-direction: column;
1672 } 1673 }
1673 .file__input input { 1674 .file__input input {
1674 display: none; 1675 display: none;
1675 } 1676 }
1676 .file__list { 1677 .file__list {
1677 display: -webkit-box; 1678 display: -webkit-box;
1678 display: -ms-flexbox; 1679 display: -ms-flexbox;
1679 display: flex; 1680 display: flex;
1680 -webkit-box-orient: vertical; 1681 -webkit-box-orient: vertical;
1681 -webkit-box-direction: normal; 1682 -webkit-box-direction: normal;
1682 -ms-flex-direction: column; 1683 -ms-flex-direction: column;
1683 flex-direction: column; 1684 flex-direction: column;
1684 } 1685 }
1685 .file__list-item { 1686 .file__list-item {
1686 display: -webkit-box; 1687 display: -webkit-box;
1687 display: -ms-flexbox; 1688 display: -ms-flexbox;
1688 display: flex; 1689 display: flex;
1689 -webkit-box-align: start; 1690 -webkit-box-align: start;
1690 -ms-flex-align: start; 1691 -ms-flex-align: start;
1691 align-items: flex-start; 1692 align-items: flex-start;
1692 margin-top: 16px; 1693 margin-top: 16px;
1693 } 1694 }
1694 .file__list-item-left { 1695 .file__list-item-left {
1695 width: calc(100% - 16px); 1696 width: calc(100% - 16px);
1696 min-height: 16px; 1697 min-height: 16px;
1697 color: #9c9d9d; 1698 color: #9c9d9d;
1698 font-size: 12px; 1699 font-size: 12px;
1699 display: -webkit-box; 1700 display: -webkit-box;
1700 display: -ms-flexbox; 1701 display: -ms-flexbox;
1701 display: flex; 1702 display: flex;
1702 -webkit-box-align: start; 1703 -webkit-box-align: start;
1703 -ms-flex-align: start; 1704 -ms-flex-align: start;
1704 align-items: flex-start; 1705 align-items: flex-start;
1705 } 1706 }
1706 @media (min-width: 768px) { 1707 @media (min-width: 768px) {
1707 .file__list-item-left { 1708 .file__list-item-left {
1708 width: auto; 1709 width: auto;
1709 max-width: calc(100% - 16px); 1710 max-width: calc(100% - 16px);
1710 font-size: 16px; 1711 font-size: 16px;
1711 } 1712 }
1712 } 1713 }
1713 .file__list-item-left svg { 1714 .file__list-item-left svg {
1714 width: 16px; 1715 width: 16px;
1715 height: 16px; 1716 height: 16px;
1716 } 1717 }
1717 .file__list-item-left span { 1718 .file__list-item-left span {
1718 width: calc(100% - 16px); 1719 width: calc(100% - 16px);
1719 min-height: 16px; 1720 min-height: 16px;
1720 display: -webkit-box; 1721 display: -webkit-box;
1721 display: -ms-flexbox; 1722 display: -ms-flexbox;
1722 display: flex; 1723 display: flex;
1723 -webkit-box-align: center; 1724 -webkit-box-align: center;
1724 -ms-flex-align: center; 1725 -ms-flex-align: center;
1725 align-items: center; 1726 align-items: center;
1726 padding: 0 8px; 1727 padding: 0 8px;
1727 } 1728 }
1728 .file__list-item-right { 1729 .file__list-item-right {
1729 display: -webkit-box; 1730 display: -webkit-box;
1730 display: -ms-flexbox; 1731 display: -ms-flexbox;
1731 display: flex; 1732 display: flex;
1732 -webkit-box-pack: center; 1733 -webkit-box-pack: center;
1733 -ms-flex-pack: center; 1734 -ms-flex-pack: center;
1734 justify-content: center; 1735 justify-content: center;
1735 -webkit-box-align: center; 1736 -webkit-box-align: center;
1736 -ms-flex-align: center; 1737 -ms-flex-align: center;
1737 align-items: center; 1738 align-items: center;
1738 padding: 0; 1739 padding: 0;
1739 background: none; 1740 background: none;
1740 border: none; 1741 border: none;
1741 width: 16px; 1742 width: 16px;
1742 height: 16px; 1743 height: 16px;
1743 color: #377d87; 1744 color: #377d87;
1744 } 1745 }
1745 .file__list-item-right:hover { 1746 .file__list-item-right:hover {
1746 color: #000; 1747 color: #000;
1747 } 1748 }
1748 .file__list-item-right svg { 1749 .file__list-item-right svg {
1749 width: 10px; 1750 width: 10px;
1750 height: 10px; 1751 height: 10px;
1751 } 1752 }
1752 .file__list-item + .file__list-item { 1753 .file__list-item + .file__list-item {
1753 margin-top: 10px; 1754 margin-top: 10px;
1754 } 1755 }
1755 1756
1756 .rate { 1757 .rate {
1757 display: -webkit-box; 1758 display: -webkit-box;
1758 display: -ms-flexbox; 1759 display: -ms-flexbox;
1759 display: flex; 1760 display: flex;
1760 -webkit-box-align: center; 1761 -webkit-box-align: center;
1761 -ms-flex-align: center; 1762 -ms-flex-align: center;
1762 align-items: center; 1763 align-items: center;
1763 gap: 10px; 1764 gap: 10px;
1764 } 1765 }
1765 @media (min-width: 768px) { 1766 @media (min-width: 768px) {
1766 .rate { 1767 .rate {
1767 gap: 20px; 1768 gap: 20px;
1768 } 1769 }
1769 } 1770 }
1770 .rate__label { 1771 .rate__label {
1771 font-size: 12px; 1772 font-size: 12px;
1772 font-weight: 700; 1773 font-weight: 700;
1773 line-height: 1; 1774 line-height: 1;
1774 } 1775 }
1775 @media (min-width: 768px) { 1776 @media (min-width: 768px) {
1776 .rate__label { 1777 .rate__label {
1777 font-size: 18px; 1778 font-size: 18px;
1778 } 1779 }
1779 } 1780 }
1780 .rate__stars { 1781 .rate__stars {
1781 display: -webkit-box; 1782 display: -webkit-box;
1782 display: -ms-flexbox; 1783 display: -ms-flexbox;
1783 display: flex; 1784 display: flex;
1784 -webkit-box-orient: vertical; 1785 -webkit-box-orient: vertical;
1785 -webkit-box-direction: normal; 1786 -webkit-box-direction: normal;
1786 -ms-flex-direction: column; 1787 -ms-flex-direction: column;
1787 flex-direction: column; 1788 flex-direction: column;
1788 } 1789 }
1789 1790
1790 .back { 1791 .back {
1791 display: -webkit-box; 1792 display: -webkit-box;
1792 display: -ms-flexbox; 1793 display: -ms-flexbox;
1793 display: flex; 1794 display: flex;
1794 -webkit-box-align: center; 1795 -webkit-box-align: center;
1795 -ms-flex-align: center; 1796 -ms-flex-align: center;
1796 align-items: center; 1797 align-items: center;
1797 font-size: 14px; 1798 font-size: 14px;
1798 color: #377d87; 1799 color: #377d87;
1799 font-weight: 700; 1800 font-weight: 700;
1800 } 1801 }
1801 @media (min-width: 768px) { 1802 @media (min-width: 768px) {
1802 .back { 1803 .back {
1803 font-size: 18px; 1804 font-size: 18px;
1804 } 1805 }
1805 } 1806 }
1806 .back:hover { 1807 .back:hover {
1807 color: #4d88d9; 1808 color: #4d88d9;
1808 } 1809 }
1809 .back svg { 1810 .back svg {
1810 width: 16px; 1811 width: 16px;
1811 height: 16px; 1812 height: 16px;
1812 } 1813 }
1813 @media (min-width: 768px) { 1814 @media (min-width: 768px) {
1814 .back svg { 1815 .back svg {
1815 width: 26px; 1816 width: 26px;
1816 height: 26px; 1817 height: 26px;
1817 } 1818 }
1818 } 1819 }
1819 .back span { 1820 .back span {
1820 width: calc(100% - 16px); 1821 width: calc(100% - 16px);
1821 padding-left: 10px; 1822 padding-left: 10px;
1822 } 1823 }
1823 @media (min-width: 768px) { 1824 @media (min-width: 768px) {
1824 .back span { 1825 .back span {
1825 width: calc(100% - 26px); 1826 width: calc(100% - 26px);
1826 padding-left: 20px; 1827 padding-left: 20px;
1827 } 1828 }
1828 } 1829 }
1829 1830
1830 .callback { 1831 .callback {
1831 display: -webkit-box; 1832 display: -webkit-box;
1832 display: -ms-flexbox; 1833 display: -ms-flexbox;
1833 display: flex; 1834 display: flex;
1834 -webkit-box-orient: vertical; 1835 -webkit-box-orient: vertical;
1835 -webkit-box-direction: normal; 1836 -webkit-box-direction: normal;
1836 -ms-flex-direction: column; 1837 -ms-flex-direction: column;
1837 flex-direction: column; 1838 flex-direction: column;
1838 gap: 16px; 1839 gap: 16px;
1839 } 1840 }
1840 @media (min-width: 992px) { 1841 @media (min-width: 992px) {
1841 .callback { 1842 .callback {
1842 -webkit-box-orient: horizontal; 1843 -webkit-box-orient: horizontal;
1843 -webkit-box-direction: normal; 1844 -webkit-box-direction: normal;
1844 -ms-flex-direction: row; 1845 -ms-flex-direction: row;
1845 flex-direction: row; 1846 flex-direction: row;
1846 -webkit-box-pack: justify; 1847 -webkit-box-pack: justify;
1847 -ms-flex-pack: justify; 1848 -ms-flex-pack: justify;
1848 justify-content: space-between; 1849 justify-content: space-between;
1849 -ms-flex-wrap: wrap; 1850 -ms-flex-wrap: wrap;
1850 flex-wrap: wrap; 1851 flex-wrap: wrap;
1851 gap: 20px 0; 1852 gap: 20px 0;
1852 } 1853 }
1853 } 1854 }
1854 .callback__body { 1855 .callback__body {
1855 display: -webkit-box; 1856 display: -webkit-box;
1856 display: -ms-flexbox; 1857 display: -ms-flexbox;
1857 display: flex; 1858 display: flex;
1858 -webkit-box-orient: vertical; 1859 -webkit-box-orient: vertical;
1859 -webkit-box-direction: normal; 1860 -webkit-box-direction: normal;
1860 -ms-flex-direction: column; 1861 -ms-flex-direction: column;
1861 flex-direction: column; 1862 flex-direction: column;
1862 gap: 16px; 1863 gap: 16px;
1863 } 1864 }
1864 @media (min-width: 992px) { 1865 @media (min-width: 992px) {
1865 .callback__body { 1866 .callback__body {
1866 width: calc(50% - 10px); 1867 width: calc(50% - 10px);
1867 gap: 10px; 1868 gap: 10px;
1868 } 1869 }
1869 } 1870 }
1870 @media (min-width: 992px) { 1871 @media (min-width: 992px) {
1871 .callback__textarea { 1872 .callback__textarea {
1872 width: calc(50% - 10px); 1873 width: calc(50% - 10px);
1873 height: auto; 1874 height: auto;
1874 } 1875 }
1875 } 1876 }
1876 .callback__bottom { 1877 .callback__bottom {
1877 display: -webkit-box; 1878 display: -webkit-box;
1878 display: -ms-flexbox; 1879 display: -ms-flexbox;
1879 display: flex; 1880 display: flex;
1880 -webkit-box-orient: vertical; 1881 -webkit-box-orient: vertical;
1881 -webkit-box-direction: normal; 1882 -webkit-box-direction: normal;
1882 -ms-flex-direction: column; 1883 -ms-flex-direction: column;
1883 flex-direction: column; 1884 flex-direction: column;
1884 gap: 16px; 1885 gap: 16px;
1885 } 1886 }
1886 @media (min-width: 768px) { 1887 @media (min-width: 768px) {
1887 .callback__bottom { 1888 .callback__bottom {
1888 -webkit-box-align: start; 1889 -webkit-box-align: start;
1889 -ms-flex-align: start; 1890 -ms-flex-align: start;
1890 align-items: flex-start; 1891 align-items: flex-start;
1891 } 1892 }
1892 } 1893 }
1893 @media (min-width: 992px) { 1894 @media (min-width: 992px) {
1894 .callback__bottom { 1895 .callback__bottom {
1895 width: 100%; 1896 width: 100%;
1896 gap: 20px; 1897 gap: 20px;
1897 } 1898 }
1898 } 1899 }
1899 1900
1900 .error .input, 1901 .error .input,
1901 .error .textarea { 1902 .error .textarea {
1902 border-color: #eb5757; 1903 border-color: #eb5757;
1903 } 1904 }
1904 .error label { 1905 .error label {
1905 display: block; 1906 display: block;
1906 } 1907 }
1907 1908
1908 .eye { 1909 .eye {
1909 position: absolute; 1910 position: absolute;
1910 z-index: 2; 1911 z-index: 2;
1911 top: 50%; 1912 top: 50%;
1912 -webkit-transform: translate(0, -50%); 1913 -webkit-transform: translate(0, -50%);
1913 -ms-transform: translate(0, -50%); 1914 -ms-transform: translate(0, -50%);
1914 transform: translate(0, -50%); 1915 transform: translate(0, -50%);
1915 right: 10px; 1916 right: 10px;
1916 aspect-ratio: 1/1; 1917 aspect-ratio: 1/1;
1917 width: 16px; 1918 width: 16px;
1918 padding: 0; 1919 padding: 0;
1919 border: none; 1920 border: none;
1920 background: none; 1921 background: none;
1921 color: #9c9d9d; 1922 color: #9c9d9d;
1922 } 1923 }
1923 @media (min-width: 768px) { 1924 @media (min-width: 768px) {
1924 .eye { 1925 .eye {
1925 width: 24px; 1926 width: 24px;
1926 right: 20px; 1927 right: 20px;
1927 } 1928 }
1928 } 1929 }
1929 .eye svg { 1930 .eye svg {
1930 position: absolute; 1931 position: absolute;
1931 top: 0; 1932 top: 0;
1932 left: 0; 1933 left: 0;
1933 width: 100%; 1934 width: 100%;
1934 height: 100%; 1935 height: 100%;
1935 } 1936 }
1936 .eye svg + svg { 1937 .eye svg + svg {
1937 display: none; 1938 display: none;
1938 } 1939 }
1939 .eye.active { 1940 .eye.active {
1940 color: #377d87; 1941 color: #377d87;
1941 } 1942 }
1942 .eye.active svg { 1943 .eye.active svg {
1943 display: none; 1944 display: none;
1944 } 1945 }
1945 .eye.active svg + svg { 1946 .eye.active svg + svg {
1946 display: block; 1947 display: block;
1947 } 1948 }
1948 1949
1949 .del { 1950 .del {
1950 width: 32px; 1951 width: 32px;
1951 aspect-ratio: 1/1; 1952 aspect-ratio: 1/1;
1952 background: #377d87; 1953 background: #377d87;
1953 color: #fff; 1954 color: #fff;
1954 display: -webkit-box; 1955 display: -webkit-box;
1955 display: -ms-flexbox; 1956 display: -ms-flexbox;
1956 display: flex; 1957 display: flex;
1957 -webkit-box-pack: center; 1958 -webkit-box-pack: center;
1958 -ms-flex-pack: center; 1959 -ms-flex-pack: center;
1959 justify-content: center; 1960 justify-content: center;
1960 -webkit-box-align: center; 1961 -webkit-box-align: center;
1961 -ms-flex-align: center; 1962 -ms-flex-align: center;
1962 align-items: center; 1963 align-items: center;
1963 border-radius: 8px; 1964 border-radius: 8px;
1964 padding: 0; 1965 padding: 0;
1965 border: 1px solid #377d87; 1966 border: 1px solid #377d87;
1966 } 1967 }
1967 .del:hover { 1968 .del:hover {
1968 background: #fff; 1969 background: #fff;
1969 color: #377d87; 1970 color: #377d87;
1970 } 1971 }
1971 .del svg { 1972 .del svg {
1972 width: 50%; 1973 width: 50%;
1973 aspect-ratio: 1/1; 1974 aspect-ratio: 1/1;
1974 } 1975 }
1975 1976
1976 .notify { 1977 .notify {
1977 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 1978 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
1978 padding: 6px 12px; 1979 padding: 6px 12px;
1979 border-radius: 8px; 1980 border-radius: 8px;
1980 display: -webkit-box; 1981 display: -webkit-box;
1981 display: -ms-flexbox; 1982 display: -ms-flexbox;
1982 display: flex; 1983 display: flex;
1983 -webkit-box-align: start; 1984 -webkit-box-align: start;
1984 -ms-flex-align: start; 1985 -ms-flex-align: start;
1985 align-items: flex-start; 1986 align-items: flex-start;
1986 } 1987 }
1987 @media (min-width: 768px) { 1988 @media (min-width: 768px) {
1988 .notify { 1989 .notify {
1989 padding: 12px 20px; 1990 padding: 12px 20px;
1990 } 1991 }
1991 } 1992 }
1992 .notify_red { 1993 .notify_red {
1993 background: #f9cdcd; 1994 background: #f9cdcd;
1994 } 1995 }
1995 .notify svg { 1996 .notify svg {
1996 color: #4d88d9; 1997 color: #4d88d9;
1997 width: 20px; 1998 width: 20px;
1998 aspect-ratio: 1/1; 1999 aspect-ratio: 1/1;
1999 } 2000 }
2000 .notify span { 2001 .notify span {
2001 font-size: 12px; 2002 font-size: 12px;
2002 padding-left: 10px; 2003 padding-left: 10px;
2003 min-height: 20px; 2004 min-height: 20px;
2004 display: -webkit-box; 2005 display: -webkit-box;
2005 display: -ms-flexbox; 2006 display: -ms-flexbox;
2006 display: flex; 2007 display: flex;
2007 -webkit-box-align: center; 2008 -webkit-box-align: center;
2008 -ms-flex-align: center; 2009 -ms-flex-align: center;
2009 align-items: center; 2010 align-items: center;
2010 } 2011 }
2011 @media (min-width: 768px) { 2012 @media (min-width: 768px) {
2012 .notify span { 2013 .notify span {
2013 font-size: 16px; 2014 font-size: 16px;
2014 } 2015 }
2015 } 2016 }
2016 2017
2017 .table { 2018 .table {
2018 margin: 0 -10px; 2019 margin: 0 -10px;
2019 display: -webkit-box; 2020 display: -webkit-box;
2020 display: -ms-flexbox; 2021 display: -ms-flexbox;
2021 display: flex; 2022 display: flex;
2022 -webkit-box-orient: vertical; 2023 -webkit-box-orient: vertical;
2023 -webkit-box-direction: reverse; 2024 -webkit-box-direction: reverse;
2024 -ms-flex-direction: column-reverse; 2025 -ms-flex-direction: column-reverse;
2025 flex-direction: column-reverse; 2026 flex-direction: column-reverse;
2026 -webkit-box-align: center; 2027 -webkit-box-align: center;
2027 -ms-flex-align: center; 2028 -ms-flex-align: center;
2028 align-items: center; 2029 align-items: center;
2029 gap: 20px; 2030 gap: 20px;
2030 } 2031 }
2031 @media (min-width: 768px) { 2032 @media (min-width: 768px) {
2032 .table { 2033 .table {
2033 margin: 0; 2034 margin: 0;
2034 gap: 30px; 2035 gap: 30px;
2035 } 2036 }
2036 } 2037 }
2037 .table__button { 2038 .table__button {
2038 display: none; 2039 display: none;
2039 } 2040 }
2040 .table_spoiler .table__button { 2041 .table_spoiler .table__button {
2041 display: -webkit-box; 2042 display: -webkit-box;
2042 display: -ms-flexbox; 2043 display: -ms-flexbox;
2043 display: flex; 2044 display: flex;
2044 } 2045 }
2045 .table__scroll { 2046 .table__scroll {
2046 overflow: hidden; 2047 overflow: hidden;
2047 overflow-x: auto; 2048 overflow-x: auto;
2048 padding: 0 10px; 2049 padding: 0 10px;
2049 width: 100%; 2050 width: 100%;
2050 } 2051 }
2051 @media (min-width: 768px) { 2052 @media (min-width: 768px) {
2052 .table__scroll { 2053 .table__scroll {
2053 padding: 0; 2054 padding: 0;
2054 } 2055 }
2055 } 2056 }
2056 .table__body { 2057 .table__body {
2057 border-radius: 8px; 2058 border-radius: 8px;
2058 overflow: hidden; 2059 overflow: hidden;
2059 } 2060 }
2060 .table__body_min-width { 2061 .table__body_min-width {
2061 min-width: 580px; 2062 min-width: 580px;
2062 } 2063 }
2063 .table table { 2064 .table table {
2064 border-collapse: collapse; 2065 border-collapse: collapse;
2065 width: 100%; 2066 width: 100%;
2066 font-size: 12px; 2067 font-size: 12px;
2067 border-radius: 8px; 2068 border-radius: 8px;
2068 } 2069 }
2069 @media (min-width: 768px) { 2070 @media (min-width: 768px) {
2070 .table table { 2071 .table table {
2071 font-size: 14px; 2072 font-size: 14px;
2072 } 2073 }
2073 } 2074 }
2074 @media (min-width: 1280px) { 2075 @media (min-width: 1280px) {
2075 .table table { 2076 .table table {
2076 font-size: 16px; 2077 font-size: 16px;
2077 } 2078 }
2078 } 2079 }
2079 .table thead tr th, 2080 .table thead tr th,
2080 .table thead tr td { 2081 .table thead tr td {
2081 background: #377d87; 2082 background: #377d87;
2082 color: #fff; 2083 color: #fff;
2083 font-weight: 700; 2084 font-weight: 700;
2084 border-top-color: #377d87; 2085 border-top-color: #377d87;
2085 } 2086 }
2086 .table thead tr th:first-child, 2087 .table thead tr th:first-child,
2087 .table thead tr td:first-child { 2088 .table thead tr td:first-child {
2088 border-left-color: #377d87; 2089 border-left-color: #377d87;
2089 } 2090 }
2090 .table thead tr th:last-child, 2091 .table thead tr th:last-child,
2091 .table thead tr td:last-child { 2092 .table thead tr td:last-child {
2092 border-right-color: #377d87; 2093 border-right-color: #377d87;
2093 } 2094 }
2094 .table_spoiler tr { 2095 .table_spoiler tr {
2095 /*display: none;*/ 2096 /*display: none;*/
2096 } 2097 }
2097 .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) { 2098 .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) {
2098 display: table-row; 2099 display: table-row;
2099 } 2100 }
2100 .table_spoiler.active tr { 2101 .table_spoiler.active tr {
2101 display: table-row; 2102 display: table-row;
2102 } 2103 }
2103 .table th, 2104 .table th,
2104 .table td { 2105 .table td {
2105 text-align: left; 2106 text-align: left;
2106 padding: 10px; 2107 padding: 10px;
2107 border: 1px solid #cecece; 2108 border: 1px solid #cecece;
2108 } 2109 }
2109 @media (min-width: 768px) { 2110 @media (min-width: 768px) {
2110 .table td { 2111 .table td {
2111 padding: 14px 10px; 2112 padding: 14px 10px;
2112 } 2113 }
2113 } 2114 }
2114 .table__status { 2115 .table__status {
2115 color: #9c9d9d; 2116 color: #9c9d9d;
2116 display: -webkit-box; 2117 display: -webkit-box;
2117 display: -ms-flexbox; 2118 display: -ms-flexbox;
2118 display: flex; 2119 display: flex;
2119 -webkit-box-align: center; 2120 -webkit-box-align: center;
2120 -ms-flex-align: center; 2121 -ms-flex-align: center;
2121 align-items: center; 2122 align-items: center;
2122 gap: 6px; 2123 gap: 6px;
2123 position: relative; 2124 position: relative;
2124 padding-left: 14px; 2125 padding-left: 14px;
2125 } 2126 }
2126 .table__status i { 2127 .table__status i {
2127 background: #9c9d9d; 2128 background: #9c9d9d;
2128 width: 8px; 2129 width: 8px;
2129 aspect-ratio: 1/1; 2130 aspect-ratio: 1/1;
2130 border-radius: 999px; 2131 border-radius: 999px;
2131 position: absolute; 2132 position: absolute;
2132 top: 4px; 2133 top: 4px;
2133 left: 0; 2134 left: 0;
2134 } 2135 }
2135 .table__status.green { 2136 .table__status.green {
2136 color: #377d87; 2137 color: #377d87;
2137 } 2138 }
2138 .table__status.green i { 2139 .table__status.green i {
2139 background: #377d87; 2140 background: #377d87;
2140 } 2141 }
2141 .table__link { 2142 .table__link {
2142 display: -webkit-box; 2143 display: -webkit-box;
2143 display: -ms-flexbox; 2144 display: -ms-flexbox;
2144 display: flex; 2145 display: flex;
2145 -webkit-box-align: center; 2146 -webkit-box-align: center;
2146 -ms-flex-align: center; 2147 -ms-flex-align: center;
2147 align-items: center; 2148 align-items: center;
2148 gap: 4px; 2149 gap: 4px;
2149 color: #4d88d9; 2150 color: #4d88d9;
2150 } 2151 }
2151 @media (min-width: 768px) { 2152 @media (min-width: 768px) {
2152 .table__link { 2153 .table__link {
2153 gap: 6px; 2154 gap: 6px;
2154 } 2155 }
2155 } 2156 }
2156 .table__link:hover { 2157 .table__link:hover {
2157 color: #000; 2158 color: #000;
2158 } 2159 }
2159 .table__link svg { 2160 .table__link svg {
2160 width: 12px; 2161 width: 12px;
2161 aspect-ratio: 1/1; 2162 aspect-ratio: 1/1;
2162 } 2163 }
2163 @media (min-width: 768px) { 2164 @media (min-width: 768px) {
2164 .table__link svg { 2165 .table__link svg {
2165 width: 16px; 2166 width: 16px;
2166 } 2167 }
2167 } 2168 }
2168 .table__controls { 2169 .table__controls {
2169 display: -webkit-box; 2170 display: -webkit-box;
2170 display: -ms-flexbox; 2171 display: -ms-flexbox;
2171 display: flex; 2172 display: flex;
2172 -webkit-box-align: center; 2173 -webkit-box-align: center;
2173 -ms-flex-align: center; 2174 -ms-flex-align: center;
2174 align-items: center; 2175 align-items: center;
2175 gap: 8px; 2176 gap: 8px;
2176 } 2177 }
2177 @media (min-width: 1280px) { 2178 @media (min-width: 1280px) {
2178 .table__controls { 2179 .table__controls {
2179 gap: 12px; 2180 gap: 12px;
2180 } 2181 }
2181 } 2182 }
2182 .table__controls-item { 2183 .table__controls-item {
2183 width: 24px; 2184 width: 24px;
2184 aspect-ratio: 1/1; 2185 aspect-ratio: 1/1;
2185 display: -webkit-box; 2186 display: -webkit-box;
2186 display: -ms-flexbox; 2187 display: -ms-flexbox;
2187 display: flex; 2188 display: flex;
2188 -webkit-box-pack: center; 2189 -webkit-box-pack: center;
2189 -ms-flex-pack: center; 2190 -ms-flex-pack: center;
2190 justify-content: center; 2191 justify-content: center;
2191 -webkit-box-align: center; 2192 -webkit-box-align: center;
2192 -ms-flex-align: center; 2193 -ms-flex-align: center;
2193 align-items: center; 2194 align-items: center;
2194 border: 1px solid #377d87; 2195 border: 1px solid #377d87;
2195 border-radius: 8px; 2196 border-radius: 8px;
2196 color: #377d87; 2197 color: #377d87;
2197 background: none; 2198 background: none;
2198 padding: 0; 2199 padding: 0;
2199 } 2200 }
2200 @media (min-width: 1280px) { 2201 @media (min-width: 1280px) {
2201 .table__controls-item { 2202 .table__controls-item {
2202 width: 30px; 2203 width: 30px;
2203 } 2204 }
2204 } 2205 }
2205 .table__controls-item:hover { 2206 .table__controls-item:hover {
2206 background: #377d87; 2207 background: #377d87;
2207 color: #fff; 2208 color: #fff;
2208 } 2209 }
2209 .table__controls-item svg { 2210 .table__controls-item svg {
2210 width: 60%; 2211 width: 60%;
2211 aspect-ratio: 1/1; 2212 aspect-ratio: 1/1;
2212 } 2213 }
2213 .table__controls-item:nth-of-type(4) svg { 2214 .table__controls-item:nth-of-type(4) svg {
2214 width: 80%; 2215 width: 80%;
2215 } 2216 }
2216 2217
2217 .gl-star-rating--stars:before, .gl-star-rating--stars:after { 2218 .gl-star-rating--stars:before, .gl-star-rating--stars:after {
2218 display: none; 2219 display: none;
2219 } 2220 }
2220 .gl-star-rating--stars span { 2221 .gl-star-rating--stars span {
2221 width: 22px !important; 2222 width: 22px !important;
2222 height: 22px !important; 2223 height: 22px !important;
2223 background-size: 22px 22px !important; 2224 background-size: 22px 22px !important;
2224 } 2225 }
2225 @media (min-width: 768px) { 2226 @media (min-width: 768px) {
2226 .gl-star-rating--stars span { 2227 .gl-star-rating--stars span {
2227 width: 30px !important; 2228 width: 30px !important;
2228 height: 30px !important; 2229 height: 30px !important;
2229 background-size: 30px 30px !important; 2230 background-size: 30px 30px !important;
2230 } 2231 }
2231 } 2232 }
2232 2233
2233 .more { 2234 .more {
2234 display: -webkit-box; 2235 display: -webkit-box;
2235 display: -ms-flexbox; 2236 display: -ms-flexbox;
2236 display: flex; 2237 display: flex;
2237 -webkit-box-orient: vertical; 2238 -webkit-box-orient: vertical;
2238 -webkit-box-direction: normal; 2239 -webkit-box-direction: normal;
2239 -ms-flex-direction: column; 2240 -ms-flex-direction: column;
2240 flex-direction: column; 2241 flex-direction: column;
2241 -webkit-box-align: center; 2242 -webkit-box-align: center;
2242 -ms-flex-align: center; 2243 -ms-flex-align: center;
2243 align-items: center; 2244 align-items: center;
2244 } 2245 }
2245 .more_mt { 2246 .more_mt {
2246 margin-top: 20px; 2247 margin-top: 20px;
2247 } 2248 }
2248 .more .button { 2249 .more .button {
2249 min-width: 100px; 2250 min-width: 100px;
2250 padding: 0; 2251 padding: 0;
2251 } 2252 }
2252 @media (min-width: 768px) { 2253 @media (min-width: 768px) {
2253 .more .button { 2254 .more .button {
2254 min-width: 180px; 2255 min-width: 180px;
2255 } 2256 }
2256 } 2257 }
2257 2258
2258 .header { 2259 .header {
2259 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 2260 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
2260 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 2261 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
2261 background: #fff; 2262 background: #fff;
2262 position: relative; 2263 position: relative;
2263 z-index: 5; 2264 z-index: 5;
2264 overflow: hidden; 2265 overflow: hidden;
2265 } 2266 }
2266 @media (min-width: 768px) { 2267 @media (min-width: 768px) {
2267 .header { 2268 .header {
2268 -webkit-box-shadow: none; 2269 -webkit-box-shadow: none;
2269 box-shadow: none; 2270 box-shadow: none;
2270 } 2271 }
2271 } 2272 }
2272 .header__body { 2273 .header__body {
2273 height: 42px; 2274 height: 42px;
2274 display: -webkit-box; 2275 display: -webkit-box;
2275 display: -ms-flexbox; 2276 display: -ms-flexbox;
2276 display: flex; 2277 display: flex;
2277 -webkit-box-pack: justify; 2278 -webkit-box-pack: justify;
2278 -ms-flex-pack: justify; 2279 -ms-flex-pack: justify;
2279 justify-content: space-between; 2280 justify-content: space-between;
2280 -webkit-box-align: center; 2281 -webkit-box-align: center;
2281 -ms-flex-align: center; 2282 -ms-flex-align: center;
2282 align-items: center; 2283 align-items: center;
2283 } 2284 }
2284 @media (min-width: 768px) { 2285 @media (min-width: 768px) {
2285 .header__body { 2286 .header__body {
2286 height: 70px; 2287 height: 70px;
2287 } 2288 }
2288 } 2289 }
2289 .header__left { 2290 .header__left {
2290 display: -webkit-box; 2291 display: -webkit-box;
2291 display: -ms-flexbox; 2292 display: -ms-flexbox;
2292 display: flex; 2293 display: flex;
2293 -webkit-box-align: center; 2294 -webkit-box-align: center;
2294 -ms-flex-align: center; 2295 -ms-flex-align: center;
2295 align-items: center; 2296 align-items: center;
2296 gap: 40px; 2297 gap: 40px;
2297 } 2298 }
2298 .header__right { 2299 .header__right {
2299 display: -webkit-box; 2300 display: -webkit-box;
2300 display: -ms-flexbox; 2301 display: -ms-flexbox;
2301 display: flex; 2302 display: flex;
2302 -webkit-box-align: center; 2303 -webkit-box-align: center;
2303 -ms-flex-align: center; 2304 -ms-flex-align: center;
2304 align-items: center; 2305 align-items: center;
2305 gap: 14px; 2306 gap: 14px;
2306 } 2307 }
2307 @media (min-width: 768px) { 2308 @media (min-width: 768px) {
2308 .header__right { 2309 .header__right {
2309 gap: 20px; 2310 gap: 20px;
2310 } 2311 }
2311 } 2312 }
2312 .header__right-line { 2313 .header__right-line {
2313 width: 1px; 2314 width: 1px;
2314 height: 32px; 2315 height: 32px;
2315 background: #e6e7e7; 2316 background: #e6e7e7;
2316 border-radius: 999px; 2317 border-radius: 999px;
2317 } 2318 }
2318 @media (min-width: 992px) { 2319 @media (min-width: 992px) {
2319 .header__right-line { 2320 .header__right-line {
2320 display: none; 2321 display: none;
2321 } 2322 }
2322 } 2323 }
2323 .header__logo { 2324 .header__logo {
2324 display: -webkit-box; 2325 display: -webkit-box;
2325 display: -ms-flexbox; 2326 display: -ms-flexbox;
2326 display: flex; 2327 display: flex;
2327 -webkit-box-align: center; 2328 -webkit-box-align: center;
2328 -ms-flex-align: center; 2329 -ms-flex-align: center;
2329 align-items: center; 2330 align-items: center;
2330 -webkit-box-pack: center; 2331 -webkit-box-pack: center;
2331 -ms-flex-pack: center; 2332 -ms-flex-pack: center;
2332 justify-content: center; 2333 justify-content: center;
2333 color: #377d87; 2334 color: #377d87;
2334 } 2335 }
2335 .header__logo svg { 2336 .header__logo svg {
2336 width: 105px; 2337 width: 105px;
2337 height: 31px; 2338 height: 31px;
2338 } 2339 }
2339 @media (min-width: 768px) { 2340 @media (min-width: 768px) {
2340 .header__logo svg { 2341 .header__logo svg {
2341 width: 182px; 2342 width: 182px;
2342 height: 54px; 2343 height: 54px;
2343 } 2344 }
2344 } 2345 }
2345 .header__menu { 2346 .header__menu {
2346 display: none; 2347 display: none;
2347 -webkit-box-align: center; 2348 -webkit-box-align: center;
2348 -ms-flex-align: center; 2349 -ms-flex-align: center;
2349 align-items: center; 2350 align-items: center;
2350 gap: 20px; 2351 gap: 20px;
2351 } 2352 }
2352 @media (min-width: 768px) { 2353 @media (min-width: 768px) {
2353 .header__menu { 2354 .header__menu {
2354 display: -webkit-box; 2355 display: -webkit-box;
2355 display: -ms-flexbox; 2356 display: -ms-flexbox;
2356 display: flex; 2357 display: flex;
2357 } 2358 }
2358 } 2359 }
2359 .header__menu-item:hover { 2360 .header__menu-item:hover {
2360 color: #377d87; 2361 color: #377d87;
2361 } 2362 }
2362 .header__notifs { 2363 .header__notifs {
2363 display: -webkit-box; 2364 display: -webkit-box;
2364 display: -ms-flexbox; 2365 display: -ms-flexbox;
2365 display: flex; 2366 display: flex;
2366 -webkit-box-align: center; 2367 -webkit-box-align: center;
2367 -ms-flex-align: center; 2368 -ms-flex-align: center;
2368 align-items: center; 2369 align-items: center;
2369 -webkit-box-pack: center; 2370 -webkit-box-pack: center;
2370 -ms-flex-pack: center; 2371 -ms-flex-pack: center;
2371 justify-content: center; 2372 justify-content: center;
2372 color: #377d87; 2373 color: #377d87;
2373 padding: 0; 2374 padding: 0;
2374 border: none; 2375 border: none;
2375 background: none; 2376 background: none;
2376 width: 24px; 2377 width: 24px;
2377 height: 24px; 2378 height: 24px;
2378 } 2379 }
2379 @media (min-width: 992px) { 2380 @media (min-width: 992px) {
2380 .header__notifs { 2381 .header__notifs {
2381 width: auto; 2382 width: auto;
2382 height: auto; 2383 height: auto;
2383 color: #000; 2384 color: #000;
2384 line-height: 1.4; 2385 line-height: 1.4;
2385 } 2386 }
2386 } 2387 }
2387 @media (min-width: 992px) { 2388 @media (min-width: 992px) {
2388 .header__notifs:hover { 2389 .header__notifs:hover {
2389 color: #377d87; 2390 color: #377d87;
2390 } 2391 }
2391 } 2392 }
2392 .header__notifs svg { 2393 .header__notifs svg {
2393 width: 20px; 2394 width: 20px;
2394 height: 20px; 2395 height: 20px;
2395 } 2396 }
2396 @media (min-width: 992px) { 2397 @media (min-width: 992px) {
2397 .header__notifs svg { 2398 .header__notifs svg {
2398 display: none; 2399 display: none;
2399 } 2400 }
2400 } 2401 }
2401 .header__notifs span { 2402 .header__notifs span {
2402 display: none; 2403 display: none;
2403 } 2404 }
2404 @media (min-width: 992px) { 2405 @media (min-width: 992px) {
2405 .header__notifs span { 2406 .header__notifs span {
2406 display: inline; 2407 display: inline;
2407 } 2408 }
2408 } 2409 }
2409 .header__notifs_actived { 2410 .header__notifs_actived {
2410 position: relative; 2411 position: relative;
2411 } 2412 }
2412 @media (min-width: 992px) { 2413 @media (min-width: 992px) {
2413 .header__notifs_actived { 2414 .header__notifs_actived {
2414 padding-right: 12px; 2415 padding-right: 12px;
2415 } 2416 }
2416 } 2417 }
2417 .header__notifs_actived:after { 2418 .header__notifs_actived:after {
2418 content: ""; 2419 content: "";
2419 border: 1px solid #fff; 2420 border: 1px solid #fff;
2420 background: #377d87; 2421 background: #377d87;
2421 border-radius: 999px; 2422 border-radius: 999px;
2422 width: 10px; 2423 width: 10px;
2423 height: 10px; 2424 height: 10px;
2424 position: absolute; 2425 position: absolute;
2425 z-index: 1; 2426 z-index: 1;
2426 top: 0; 2427 top: 0;
2427 right: 0; 2428 right: 0;
2428 } 2429 }
2429 @media (min-width: 992px) { 2430 @media (min-width: 992px) {
2430 .header__notifs_actived:after { 2431 .header__notifs_actived:after {
2431 width: 8px; 2432 width: 8px;
2432 height: 8px; 2433 height: 8px;
2433 border: none; 2434 border: none;
2434 } 2435 }
2435 } 2436 }
2436 .header__burger { 2437 .header__burger {
2437 display: -webkit-box; 2438 display: -webkit-box;
2438 display: -ms-flexbox; 2439 display: -ms-flexbox;
2439 display: flex; 2440 display: flex;
2440 -webkit-box-align: center; 2441 -webkit-box-align: center;
2441 -ms-flex-align: center; 2442 -ms-flex-align: center;
2442 align-items: center; 2443 align-items: center;
2443 -webkit-box-pack: center; 2444 -webkit-box-pack: center;
2444 -ms-flex-pack: center; 2445 -ms-flex-pack: center;
2445 justify-content: center; 2446 justify-content: center;
2446 width: 24px; 2447 width: 24px;
2447 height: 24px; 2448 height: 24px;
2448 color: #377d87; 2449 color: #377d87;
2449 padding: 0; 2450 padding: 0;
2450 border: none; 2451 border: none;
2451 background: none; 2452 background: none;
2452 } 2453 }
2453 @media (min-width: 992px) { 2454 @media (min-width: 992px) {
2454 .header__burger { 2455 .header__burger {
2455 display: none; 2456 display: none;
2456 } 2457 }
2457 } 2458 }
2458 .header__burger svg { 2459 .header__burger svg {
2459 width: 20px; 2460 width: 20px;
2460 height: 20px; 2461 height: 20px;
2461 } 2462 }
2462 .header__burger svg + svg { 2463 .header__burger svg + svg {
2463 display: none; 2464 display: none;
2464 } 2465 }
2465 .header__sign { 2466 .header__sign {
2466 display: none; 2467 display: none;
2467 } 2468 }
2468 @media (min-width: 992px) { 2469 @media (min-width: 992px) {
2469 .header__sign { 2470 .header__sign {
2470 display: -webkit-box; 2471 display: -webkit-box;
2471 display: -ms-flexbox; 2472 display: -ms-flexbox;
2472 display: flex; 2473 display: flex;
2473 } 2474 }
2474 } 2475 }
2475 2476
2476 .mob-menu { 2477 .mob-menu {
2477 display: none; 2478 display: none;
2478 position: fixed; 2479 position: fixed;
2479 bottom: 0; 2480 bottom: 0;
2480 left: 0; 2481 left: 0;
2481 width: 100vw; 2482 width: 100vw;
2482 height: calc(100vh - 42px); 2483 height: calc(100vh - 42px);
2483 z-index: 4; 2484 z-index: 4;
2484 background: #fff; 2485 background: #fff;
2485 overflow: hidden; 2486 overflow: hidden;
2486 overflow-y: auto; 2487 overflow-y: auto;
2487 padding: 50px 0; 2488 padding: 50px 0;
2488 } 2489 }
2489 .mob-menu__bottom { 2490 .mob-menu__bottom {
2490 display: -webkit-box; 2491 display: -webkit-box;
2491 display: -ms-flexbox; 2492 display: -ms-flexbox;
2492 display: flex; 2493 display: flex;
2493 -webkit-box-orient: vertical; 2494 -webkit-box-orient: vertical;
2494 -webkit-box-direction: normal; 2495 -webkit-box-direction: normal;
2495 -ms-flex-direction: column; 2496 -ms-flex-direction: column;
2496 flex-direction: column; 2497 flex-direction: column;
2497 -webkit-box-align: center; 2498 -webkit-box-align: center;
2498 -ms-flex-align: center; 2499 -ms-flex-align: center;
2499 align-items: center; 2500 align-items: center;
2500 margin-top: 80px; 2501 margin-top: 80px;
2501 } 2502 }
2502 .mob-menu__bottom .button { 2503 .mob-menu__bottom .button {
2503 min-width: 120px; 2504 min-width: 120px;
2504 } 2505 }
2505 .mob-menu__bottom-link { 2506 .mob-menu__bottom-link {
2506 text-decoration: underline; 2507 text-decoration: underline;
2507 margin-top: 50px; 2508 margin-top: 50px;
2508 } 2509 }
2509 .mob-menu__bottom-link:hover { 2510 .mob-menu__bottom-link:hover {
2510 color: #377d87; 2511 color: #377d87;
2511 } 2512 }
2512 .mob-menu__bottom-link + .mob-menu__bottom-link { 2513 .mob-menu__bottom-link + .mob-menu__bottom-link {
2513 margin-top: 10px; 2514 margin-top: 10px;
2514 } 2515 }
2515 .mob-menu__bottom .socials { 2516 .mob-menu__bottom .socials {
2516 margin-top: 35px; 2517 margin-top: 35px;
2517 } 2518 }
2518 .mob-menu .footer__mobile-menu { 2519 .mob-menu .footer__mobile-menu {
2519 opacity: 1; 2520 opacity: 1;
2520 height: auto; 2521 height: auto;
2521 overflow: visible; 2522 overflow: visible;
2522 } 2523 }
2523 .mob-menu .footer__mobile-menu-item button { 2524 .mob-menu .footer__mobile-menu-item button {
2524 -webkit-box-align: center; 2525 -webkit-box-align: center;
2525 -ms-flex-align: center; 2526 -ms-flex-align: center;
2526 align-items: center; 2527 align-items: center;
2527 } 2528 }
2528 .mob-menu .footer__mobile-menu-item div { 2529 .mob-menu .footer__mobile-menu-item div {
2529 font-size: 20px; 2530 font-size: 20px;
2530 } 2531 }
2531 .mob-menu .footer__mobile-contacts a { 2532 .mob-menu .footer__mobile-contacts a {
2532 font-size: 20px; 2533 font-size: 20px;
2533 font-weight: 700; 2534 font-weight: 700;
2534 color: #000; 2535 color: #000;
2535 text-decoration: none; 2536 text-decoration: none;
2536 } 2537 }
2537 .mob-menu .footer__mobile-contacts a:hover { 2538 .mob-menu .footer__mobile-contacts a:hover {
2538 color: #377d87; 2539 color: #377d87;
2539 } 2540 }
2540 .mob-menu .footer__mobile-menu-item button b, 2541 .mob-menu .footer__mobile-menu-item button b,
2541 .mob-menu .footer__mobile-contacts a { 2542 .mob-menu .footer__mobile-contacts a {
2542 font-size: 30px; 2543 font-size: 30px;
2543 } 2544 }
2544 2545
2545 .menu-is-actived { 2546 .menu-is-actived {
2546 overflow: hidden; 2547 overflow: hidden;
2547 } 2548 }
2548 @media (min-width: 992px) { 2549 @media (min-width: 992px) {
2549 .menu-is-actived { 2550 .menu-is-actived {
2550 overflow: auto; 2551 overflow: auto;
2551 } 2552 }
2552 } 2553 }
2553 .menu-is-actived .header__burger svg { 2554 .menu-is-actived .header__burger svg {
2554 display: none; 2555 display: none;
2555 } 2556 }
2556 .menu-is-actived .header__burger svg + svg { 2557 .menu-is-actived .header__burger svg + svg {
2557 display: block; 2558 display: block;
2558 } 2559 }
2559 .menu-is-actived .mob-menu { 2560 .menu-is-actived .mob-menu {
2560 display: block; 2561 display: block;
2561 } 2562 }
2562 @media (min-width: 992px) { 2563 @media (min-width: 992px) {
2563 .menu-is-actived .mob-menu { 2564 .menu-is-actived .mob-menu {
2564 display: none; 2565 display: none;
2565 } 2566 }
2566 } 2567 }
2567 2568
2568 .footer { 2569 .footer {
2569 -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25); 2570 -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25);
2570 box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25); 2571 box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25);
2571 background: #fff; 2572 background: #fff;
2572 position: relative; 2573 position: relative;
2573 z-index: 1; 2574 z-index: 1;
2574 overflow: hidden; 2575 overflow: hidden;
2575 } 2576 }
2576 .footer__mobile { 2577 .footer__mobile {
2577 display: -webkit-box; 2578 display: -webkit-box;
2578 display: -ms-flexbox; 2579 display: -ms-flexbox;
2579 display: flex; 2580 display: flex;
2580 -webkit-box-orient: vertical; 2581 -webkit-box-orient: vertical;
2581 -webkit-box-direction: normal; 2582 -webkit-box-direction: normal;
2582 -ms-flex-direction: column; 2583 -ms-flex-direction: column;
2583 flex-direction: column; 2584 flex-direction: column;
2584 padding: 25px 0 30px 0; 2585 padding: 25px 0 30px 0;
2585 } 2586 }
2586 @media (min-width: 768px) { 2587 @media (min-width: 768px) {
2587 .footer__mobile { 2588 .footer__mobile {
2588 padding: 30px 0; 2589 padding: 30px 0;
2589 } 2590 }
2590 } 2591 }
2591 @media (min-width: 992px) { 2592 @media (min-width: 992px) {
2592 .footer__mobile { 2593 .footer__mobile {
2593 display: none; 2594 display: none;
2594 } 2595 }
2595 } 2596 }
2596 .footer__mobile-toper { 2597 .footer__mobile-toper {
2597 display: -webkit-box; 2598 display: -webkit-box;
2598 display: -ms-flexbox; 2599 display: -ms-flexbox;
2599 display: flex; 2600 display: flex;
2600 -webkit-box-pack: justify; 2601 -webkit-box-pack: justify;
2601 -ms-flex-pack: justify; 2602 -ms-flex-pack: justify;
2602 justify-content: space-between; 2603 justify-content: space-between;
2603 -webkit-box-align: center; 2604 -webkit-box-align: center;
2604 -ms-flex-align: center; 2605 -ms-flex-align: center;
2605 align-items: center; 2606 align-items: center;
2606 padding: 0; 2607 padding: 0;
2607 border: none; 2608 border: none;
2608 background: none; 2609 background: none;
2609 } 2610 }
2610 .footer__mobile-toper a, 2611 .footer__mobile-toper a,
2611 .footer__mobile-toper b { 2612 .footer__mobile-toper b {
2612 display: -webkit-box; 2613 display: -webkit-box;
2613 display: -ms-flexbox; 2614 display: -ms-flexbox;
2614 display: flex; 2615 display: flex;
2615 -webkit-box-pack: center; 2616 -webkit-box-pack: center;
2616 -ms-flex-pack: center; 2617 -ms-flex-pack: center;
2617 justify-content: center; 2618 justify-content: center;
2618 -webkit-box-align: center; 2619 -webkit-box-align: center;
2619 -ms-flex-align: center; 2620 -ms-flex-align: center;
2620 align-items: center; 2621 align-items: center;
2621 color: #377d87; 2622 color: #377d87;
2622 } 2623 }
2623 .footer__mobile-toper a svg, 2624 .footer__mobile-toper a svg,
2624 .footer__mobile-toper b svg { 2625 .footer__mobile-toper b svg {
2625 width: 137px; 2626 width: 137px;
2626 height: 40px; 2627 height: 40px;
2627 } 2628 }
2628 .footer__mobile-toper span { 2629 .footer__mobile-toper span {
2629 width: 40px; 2630 width: 40px;
2630 height: 40px; 2631 height: 40px;
2631 display: -webkit-box; 2632 display: -webkit-box;
2632 display: -ms-flexbox; 2633 display: -ms-flexbox;
2633 display: flex; 2634 display: flex;
2634 -webkit-box-pack: center; 2635 -webkit-box-pack: center;
2635 -ms-flex-pack: center; 2636 -ms-flex-pack: center;
2636 justify-content: center; 2637 justify-content: center;
2637 -webkit-box-align: center; 2638 -webkit-box-align: center;
2638 -ms-flex-align: center; 2639 -ms-flex-align: center;
2639 align-items: center; 2640 align-items: center;
2640 background: #377d87; 2641 background: #377d87;
2641 color: #fff; 2642 color: #fff;
2642 border-radius: 999px; 2643 border-radius: 999px;
2643 } 2644 }
2644 .footer__mobile-toper span svg { 2645 .footer__mobile-toper span svg {
2645 width: 10px; 2646 width: 10px;
2646 height: 10px; 2647 height: 10px;
2647 -webkit-transition: 0.3s; 2648 -webkit-transition: 0.3s;
2648 transition: 0.3s; 2649 transition: 0.3s;
2649 } 2650 }
2650 .footer__mobile-toper.active span svg { 2651 .footer__mobile-toper.active span svg {
2651 -webkit-transform: rotate(180deg); 2652 -webkit-transform: rotate(180deg);
2652 -ms-transform: rotate(180deg); 2653 -ms-transform: rotate(180deg);
2653 transform: rotate(180deg); 2654 transform: rotate(180deg);
2654 } 2655 }
2655 .footer__mobile-menu { 2656 .footer__mobile-menu {
2656 height: 0; 2657 height: 0;
2657 opacity: 0; 2658 opacity: 0;
2658 overflow: hidden; 2659 overflow: hidden;
2659 -webkit-transition: 0.3s; 2660 -webkit-transition: 0.3s;
2660 transition: 0.3s; 2661 transition: 0.3s;
2661 display: -webkit-box; 2662 display: -webkit-box;
2662 display: -ms-flexbox; 2663 display: -ms-flexbox;
2663 display: flex; 2664 display: flex;
2664 -webkit-box-orient: vertical; 2665 -webkit-box-orient: vertical;
2665 -webkit-box-direction: normal; 2666 -webkit-box-direction: normal;
2666 -ms-flex-direction: column; 2667 -ms-flex-direction: column;
2667 flex-direction: column; 2668 flex-direction: column;
2668 gap: 30px; 2669 gap: 30px;
2669 } 2670 }
2670 @media (min-width: 768px) { 2671 @media (min-width: 768px) {
2671 .footer__mobile-menu { 2672 .footer__mobile-menu {
2672 display: grid; 2673 display: grid;
2673 grid-template-columns: 1fr 1fr; 2674 grid-template-columns: 1fr 1fr;
2674 gap: 100px; 2675 gap: 100px;
2675 } 2676 }
2676 } 2677 }
2677 .footer__mobile-menu-item { 2678 .footer__mobile-menu-item {
2678 display: -webkit-box; 2679 display: -webkit-box;
2679 display: -ms-flexbox; 2680 display: -ms-flexbox;
2680 display: flex; 2681 display: flex;
2681 -webkit-box-orient: vertical; 2682 -webkit-box-orient: vertical;
2682 -webkit-box-direction: normal; 2683 -webkit-box-direction: normal;
2683 -ms-flex-direction: column; 2684 -ms-flex-direction: column;
2684 flex-direction: column; 2685 flex-direction: column;
2685 } 2686 }
2686 .footer__mobile-menu-item button { 2687 .footer__mobile-menu-item button {
2687 display: -webkit-box; 2688 display: -webkit-box;
2688 display: -ms-flexbox; 2689 display: -ms-flexbox;
2689 display: flex; 2690 display: flex;
2690 -webkit-box-align: start; 2691 -webkit-box-align: start;
2691 -ms-flex-align: start; 2692 -ms-flex-align: start;
2692 align-items: flex-start; 2693 align-items: flex-start;
2693 padding: 0; 2694 padding: 0;
2694 border: none; 2695 border: none;
2695 background: none; 2696 background: none;
2696 } 2697 }
2697 .footer__mobile-menu-item button.active { 2698 .footer__mobile-menu-item button.active {
2698 color: #377d87; 2699 color: #377d87;
2699 } 2700 }
2700 .footer__mobile-menu-item button b { 2701 .footer__mobile-menu-item button b {
2701 width: calc(100% - 24px); 2702 width: calc(100% - 24px);
2702 padding-right: 12px; 2703 padding-right: 12px;
2703 min-height: 24px; 2704 min-height: 24px;
2704 display: -webkit-box; 2705 display: -webkit-box;
2705 display: -ms-flexbox; 2706 display: -ms-flexbox;
2706 display: flex; 2707 display: flex;
2707 -webkit-box-align: center; 2708 -webkit-box-align: center;
2708 -ms-flex-align: center; 2709 -ms-flex-align: center;
2709 align-items: center; 2710 align-items: center;
2710 font-size: 20px; 2711 font-size: 20px;
2711 font-weight: 700; 2712 font-weight: 700;
2712 } 2713 }
2713 .footer__mobile-menu-item button span { 2714 .footer__mobile-menu-item button span {
2714 width: 24px; 2715 width: 24px;
2715 height: 24px; 2716 height: 24px;
2716 display: -webkit-box; 2717 display: -webkit-box;
2717 display: -ms-flexbox; 2718 display: -ms-flexbox;
2718 display: flex; 2719 display: flex;
2719 -webkit-box-pack: center; 2720 -webkit-box-pack: center;
2720 -ms-flex-pack: center; 2721 -ms-flex-pack: center;
2721 justify-content: center; 2722 justify-content: center;
2722 -webkit-box-align: center; 2723 -webkit-box-align: center;
2723 -ms-flex-align: center; 2724 -ms-flex-align: center;
2724 align-items: center; 2725 align-items: center;
2725 padding: 0; 2726 padding: 0;
2726 border: none; 2727 border: none;
2727 background: none; 2728 background: none;
2728 } 2729 }
2729 .footer__mobile-menu-item button svg { 2730 .footer__mobile-menu-item button svg {
2730 width: 12px; 2731 width: 12px;
2731 height: 12px; 2732 height: 12px;
2732 -webkit-transition: 0.3s; 2733 -webkit-transition: 0.3s;
2733 transition: 0.3s; 2734 transition: 0.3s;
2734 -webkit-transform: rotate(180deg); 2735 -webkit-transform: rotate(180deg);
2735 -ms-transform: rotate(180deg); 2736 -ms-transform: rotate(180deg);
2736 transform: rotate(180deg); 2737 transform: rotate(180deg);
2737 } 2738 }
2738 .footer__mobile-menu-item button.active svg { 2739 .footer__mobile-menu-item button.active svg {
2739 -webkit-transform: rotate(0deg); 2740 -webkit-transform: rotate(0deg);
2740 -ms-transform: rotate(0deg); 2741 -ms-transform: rotate(0deg);
2741 transform: rotate(0deg); 2742 transform: rotate(0deg);
2742 } 2743 }
2743 .footer__mobile-menu-item div { 2744 .footer__mobile-menu-item div {
2744 height: 0; 2745 height: 0;
2745 opacity: 0; 2746 opacity: 0;
2746 overflow: hidden; 2747 overflow: hidden;
2747 -webkit-transition: 0.3s; 2748 -webkit-transition: 0.3s;
2748 transition: 0.3s; 2749 transition: 0.3s;
2749 display: -webkit-box; 2750 display: -webkit-box;
2750 display: -ms-flexbox; 2751 display: -ms-flexbox;
2751 display: flex; 2752 display: flex;
2752 -webkit-box-orient: vertical; 2753 -webkit-box-orient: vertical;
2753 -webkit-box-direction: normal; 2754 -webkit-box-direction: normal;
2754 -ms-flex-direction: column; 2755 -ms-flex-direction: column;
2755 flex-direction: column; 2756 flex-direction: column;
2756 gap: 15px; 2757 gap: 15px;
2757 } 2758 }
2758 .footer__mobile-menu-item div a:hover { 2759 .footer__mobile-menu-item div a:hover {
2759 color: #377d87; 2760 color: #377d87;
2760 } 2761 }
2761 .footer__mobile-menu-item .active + div { 2762 .footer__mobile-menu-item .active + div {
2762 opacity: 1; 2763 opacity: 1;
2763 height: auto; 2764 height: auto;
2764 overflow: visible; 2765 overflow: visible;
2765 padding-top: 15px; 2766 padding-top: 15px;
2766 } 2767 }
2767 .active + .footer__mobile-menu { 2768 .active + .footer__mobile-menu {
2768 opacity: 1; 2769 opacity: 1;
2769 height: auto; 2770 height: auto;
2770 overflow: visible; 2771 overflow: visible;
2771 padding-top: 35px; 2772 padding-top: 35px;
2772 } 2773 }
2773 .footer__mobile-contacts { 2774 .footer__mobile-contacts {
2774 display: -webkit-box; 2775 display: -webkit-box;
2775 display: -ms-flexbox; 2776 display: -ms-flexbox;
2776 display: flex; 2777 display: flex;
2777 -webkit-box-pack: justify; 2778 -webkit-box-pack: justify;
2778 -ms-flex-pack: justify; 2779 -ms-flex-pack: justify;
2779 justify-content: space-between; 2780 justify-content: space-between;
2780 -webkit-box-align: start; 2781 -webkit-box-align: start;
2781 -ms-flex-align: start; 2782 -ms-flex-align: start;
2782 align-items: flex-start; 2783 align-items: flex-start;
2783 -ms-flex-wrap: wrap; 2784 -ms-flex-wrap: wrap;
2784 flex-wrap: wrap; 2785 flex-wrap: wrap;
2785 margin-top: 30px; 2786 margin-top: 30px;
2786 } 2787 }
2787 .footer__mobile-contacts b { 2788 .footer__mobile-contacts b {
2788 font-size: 20px; 2789 font-size: 20px;
2789 font-weight: 700; 2790 font-weight: 700;
2790 width: 100%; 2791 width: 100%;
2791 margin-bottom: 20px; 2792 margin-bottom: 20px;
2792 } 2793 }
2793 .footer__mobile-contacts a { 2794 .footer__mobile-contacts a {
2794 color: #377d87; 2795 color: #377d87;
2795 text-decoration: underline; 2796 text-decoration: underline;
2796 } 2797 }
2797 .footer__mobile-contacts a + a { 2798 .footer__mobile-contacts a + a {
2798 color: #000; 2799 color: #000;
2799 } 2800 }
2800 .footer__mobile-bottom { 2801 .footer__mobile-bottom {
2801 display: -webkit-box; 2802 display: -webkit-box;
2802 display: -ms-flexbox; 2803 display: -ms-flexbox;
2803 display: flex; 2804 display: flex;
2804 -webkit-box-orient: vertical; 2805 -webkit-box-orient: vertical;
2805 -webkit-box-direction: normal; 2806 -webkit-box-direction: normal;
2806 -ms-flex-direction: column; 2807 -ms-flex-direction: column;
2807 flex-direction: column; 2808 flex-direction: column;
2808 -webkit-box-align: center; 2809 -webkit-box-align: center;
2809 -ms-flex-align: center; 2810 -ms-flex-align: center;
2810 align-items: center; 2811 align-items: center;
2811 text-align: center; 2812 text-align: center;
2812 gap: 20px; 2813 gap: 20px;
2813 margin-top: 100px; 2814 margin-top: 100px;
2814 } 2815 }
2815 .footer__mobile-links { 2816 .footer__mobile-links {
2816 display: -webkit-box; 2817 display: -webkit-box;
2817 display: -ms-flexbox; 2818 display: -ms-flexbox;
2818 display: flex; 2819 display: flex;
2819 -webkit-box-orient: vertical; 2820 -webkit-box-orient: vertical;
2820 -webkit-box-direction: normal; 2821 -webkit-box-direction: normal;
2821 -ms-flex-direction: column; 2822 -ms-flex-direction: column;
2822 flex-direction: column; 2823 flex-direction: column;
2823 -webkit-box-align: center; 2824 -webkit-box-align: center;
2824 -ms-flex-align: center; 2825 -ms-flex-align: center;
2825 align-items: center; 2826 align-items: center;
2826 gap: 10px; 2827 gap: 10px;
2827 } 2828 }
2828 .footer__mobile-links a:hover { 2829 .footer__mobile-links a:hover {
2829 color: #377d87; 2830 color: #377d87;
2830 } 2831 }
2831 .footer__mobile-links span { 2832 .footer__mobile-links span {
2832 width: 60px; 2833 width: 60px;
2833 height: 1px; 2834 height: 1px;
2834 background: #377d87; 2835 background: #377d87;
2835 } 2836 }
2836 .footer__main { 2837 .footer__main {
2837 display: none; 2838 display: none;
2838 padding: 55px 0 20px 0; 2839 padding: 55px 0 20px 0;
2839 -webkit-box-orient: vertical; 2840 -webkit-box-orient: vertical;
2840 -webkit-box-direction: normal; 2841 -webkit-box-direction: normal;
2841 -ms-flex-direction: column; 2842 -ms-flex-direction: column;
2842 flex-direction: column; 2843 flex-direction: column;
2843 gap: 70px; 2844 gap: 70px;
2844 } 2845 }
2845 @media (min-width: 992px) { 2846 @media (min-width: 992px) {
2846 .footer__main { 2847 .footer__main {
2847 display: -webkit-box; 2848 display: -webkit-box;
2848 display: -ms-flexbox; 2849 display: -ms-flexbox;
2849 display: flex; 2850 display: flex;
2850 } 2851 }
2851 } 2852 }
2852 .footer__main-body { 2853 .footer__main-body {
2853 display: -webkit-box; 2854 display: -webkit-box;
2854 display: -ms-flexbox; 2855 display: -ms-flexbox;
2855 display: flex; 2856 display: flex;
2856 -webkit-box-pack: justify; 2857 -webkit-box-pack: justify;
2857 -ms-flex-pack: justify; 2858 -ms-flex-pack: justify;
2858 justify-content: space-between; 2859 justify-content: space-between;
2859 -webkit-box-align: start; 2860 -webkit-box-align: start;
2860 -ms-flex-align: start; 2861 -ms-flex-align: start;
2861 align-items: flex-start; 2862 align-items: flex-start;
2862 } 2863 }
2863 .footer__main-logo { 2864 .footer__main-logo {
2864 display: -webkit-box; 2865 display: -webkit-box;
2865 display: -ms-flexbox; 2866 display: -ms-flexbox;
2866 display: flex; 2867 display: flex;
2867 -webkit-box-pack: center; 2868 -webkit-box-pack: center;
2868 -ms-flex-pack: center; 2869 -ms-flex-pack: center;
2869 justify-content: center; 2870 justify-content: center;
2870 -webkit-box-align: center; 2871 -webkit-box-align: center;
2871 -ms-flex-align: center; 2872 -ms-flex-align: center;
2872 align-items: center; 2873 align-items: center;
2873 color: #377d87; 2874 color: #377d87;
2874 } 2875 }
2875 .footer__main-logo svg { 2876 .footer__main-logo svg {
2876 width: 182px; 2877 width: 182px;
2877 height: 54px; 2878 height: 54px;
2878 } 2879 }
2879 .footer__main-title { 2880 .footer__main-title {
2880 font-size: 20px; 2881 font-size: 20px;
2881 font-weight: 700; 2882 font-weight: 700;
2882 margin-bottom: 16px; 2883 margin-bottom: 16px;
2883 } 2884 }
2884 .footer__main-col { 2885 .footer__main-col {
2885 display: -webkit-box; 2886 display: -webkit-box;
2886 display: -ms-flexbox; 2887 display: -ms-flexbox;
2887 display: flex; 2888 display: flex;
2888 -webkit-box-orient: vertical; 2889 -webkit-box-orient: vertical;
2889 -webkit-box-direction: normal; 2890 -webkit-box-direction: normal;
2890 -ms-flex-direction: column; 2891 -ms-flex-direction: column;
2891 flex-direction: column; 2892 flex-direction: column;
2892 -webkit-box-align: start; 2893 -webkit-box-align: start;
2893 -ms-flex-align: start; 2894 -ms-flex-align: start;
2894 align-items: flex-start; 2895 align-items: flex-start;
2895 } 2896 }
2896 .footer__main-col nav { 2897 .footer__main-col nav {
2897 display: -webkit-box; 2898 display: -webkit-box;
2898 display: -ms-flexbox; 2899 display: -ms-flexbox;
2899 display: flex; 2900 display: flex;
2900 -webkit-box-orient: vertical; 2901 -webkit-box-orient: vertical;
2901 -webkit-box-direction: normal; 2902 -webkit-box-direction: normal;
2902 -ms-flex-direction: column; 2903 -ms-flex-direction: column;
2903 flex-direction: column; 2904 flex-direction: column;
2904 -webkit-box-align: start; 2905 -webkit-box-align: start;
2905 -ms-flex-align: start; 2906 -ms-flex-align: start;
2906 align-items: flex-start; 2907 align-items: flex-start;
2907 gap: 8px; 2908 gap: 8px;
2908 } 2909 }
2909 .footer__main-col nav a:hover { 2910 .footer__main-col nav a:hover {
2910 color: #377d87; 2911 color: #377d87;
2911 } 2912 }
2912 .footer__main-contacts { 2913 .footer__main-contacts {
2913 display: -webkit-box; 2914 display: -webkit-box;
2914 display: -ms-flexbox; 2915 display: -ms-flexbox;
2915 display: flex; 2916 display: flex;
2916 -webkit-box-orient: vertical; 2917 -webkit-box-orient: vertical;
2917 -webkit-box-direction: normal; 2918 -webkit-box-direction: normal;
2918 -ms-flex-direction: column; 2919 -ms-flex-direction: column;
2919 flex-direction: column; 2920 flex-direction: column;
2920 -webkit-box-align: start; 2921 -webkit-box-align: start;
2921 -ms-flex-align: start; 2922 -ms-flex-align: start;
2922 align-items: flex-start; 2923 align-items: flex-start;
2923 gap: 16px; 2924 gap: 16px;
2924 margin-bottom: 16px; 2925 margin-bottom: 16px;
2925 } 2926 }
2926 .footer__main-contacts a { 2927 .footer__main-contacts a {
2927 color: #377d87; 2928 color: #377d87;
2928 text-decoration: underline; 2929 text-decoration: underline;
2929 } 2930 }
2930 .footer__main-contacts a + a { 2931 .footer__main-contacts a + a {
2931 color: #000; 2932 color: #000;
2932 } 2933 }
2933 .footer__main-copy { 2934 .footer__main-copy {
2934 display: -webkit-box; 2935 display: -webkit-box;
2935 display: -ms-flexbox; 2936 display: -ms-flexbox;
2936 display: flex; 2937 display: flex;
2937 -webkit-box-pack: justify; 2938 -webkit-box-pack: justify;
2938 -ms-flex-pack: justify; 2939 -ms-flex-pack: justify;
2939 justify-content: space-between; 2940 justify-content: space-between;
2940 -webkit-box-align: center; 2941 -webkit-box-align: center;
2941 -ms-flex-align: center; 2942 -ms-flex-align: center;
2942 align-items: center; 2943 align-items: center;
2943 font-size: 14px; 2944 font-size: 14px;
2944 line-height: 1.4; 2945 line-height: 1.4;
2945 } 2946 }
2946 .footer__main-copy nav { 2947 .footer__main-copy nav {
2947 display: -webkit-box; 2948 display: -webkit-box;
2948 display: -ms-flexbox; 2949 display: -ms-flexbox;
2949 display: flex; 2950 display: flex;
2950 -webkit-box-align: center; 2951 -webkit-box-align: center;
2951 -ms-flex-align: center; 2952 -ms-flex-align: center;
2952 align-items: center; 2953 align-items: center;
2953 gap: 10px; 2954 gap: 10px;
2954 } 2955 }
2955 .footer__main-copy nav a:hover { 2956 .footer__main-copy nav a:hover {
2956 color: #377d87; 2957 color: #377d87;
2957 } 2958 }
2958 .footer__main-copy nav span { 2959 .footer__main-copy nav span {
2959 width: 1px; 2960 width: 1px;
2960 height: 20px; 2961 height: 20px;
2961 background: #000; 2962 background: #000;
2962 } 2963 }
2963 2964
2964 .main { 2965 .main {
2965 position: relative; 2966 position: relative;
2966 overflow: hidden; 2967 overflow: hidden;
2967 padding: 30px 0; 2968 padding: 30px 0;
2968 } 2969 }
2969 @media (min-width: 768px) { 2970 @media (min-width: 768px) {
2970 .main { 2971 .main {
2971 padding: 40px 0; 2972 padding: 40px 0;
2972 } 2973 }
2973 } 2974 }
2974 @media (min-width: 992px) { 2975 @media (min-width: 992px) {
2975 .main { 2976 .main {
2976 padding: 50px 0; 2977 padding: 50px 0;
2977 } 2978 }
2978 } 2979 }
2979 @media (min-width: 1280px) { 2980 @media (min-width: 1280px) {
2980 .main { 2981 .main {
2981 padding: 60px 0; 2982 padding: 60px 0;
2982 } 2983 }
2983 } 2984 }
2984 .main h2 { 2985 .main h2 {
2985 margin: 0; 2986 margin: 0;
2986 font-weight: 700; 2987 font-weight: 700;
2987 font-size: 30px; 2988 font-size: 30px;
2988 } 2989 }
2989 @media (min-width: 768px) { 2990 @media (min-width: 768px) {
2990 .main h2 { 2991 .main h2 {
2991 font-size: 44px; 2992 font-size: 44px;
2992 } 2993 }
2993 } 2994 }
2994 .main h3 { 2995 .main h3 {
2995 margin: 0; 2996 margin: 0;
2996 font-weight: 700; 2997 font-weight: 700;
2997 font-size: 22px; 2998 font-size: 22px;
2998 } 2999 }
2999 @media (min-width: 768px) { 3000 @media (min-width: 768px) {
3000 .main h3 { 3001 .main h3 {
3001 font-size: 28px; 3002 font-size: 28px;
3002 } 3003 }
3003 } 3004 }
3004 .main p { 3005 .main p {
3005 margin: 0; 3006 margin: 0;
3006 font-size: 14px; 3007 font-size: 14px;
3007 line-height: 1.4; 3008 line-height: 1.4;
3008 } 3009 }
3009 @media (min-width: 768px) { 3010 @media (min-width: 768px) {
3010 .main p { 3011 .main p {
3011 font-size: 18px; 3012 font-size: 18px;
3012 } 3013 }
3013 } 3014 }
3014 .main p a { 3015 .main p a {
3015 color: #4d88d9; 3016 color: #4d88d9;
3016 } 3017 }
3017 .main p a:hover { 3018 .main p a:hover {
3018 color: #377d87; 3019 color: #377d87;
3019 } 3020 }
3020 .main__breadcrumbs { 3021 .main__breadcrumbs {
3021 margin-bottom: 20px; 3022 margin-bottom: 20px;
3022 } 3023 }
3023 @media (min-width: 768px) { 3024 @media (min-width: 768px) {
3024 .main__breadcrumbs { 3025 .main__breadcrumbs {
3025 margin-bottom: 40px; 3026 margin-bottom: 40px;
3026 } 3027 }
3027 } 3028 }
3028 .main__content { 3029 .main__content {
3029 display: -webkit-box; 3030 display: -webkit-box;
3030 display: -ms-flexbox; 3031 display: -ms-flexbox;
3031 display: flex; 3032 display: flex;
3032 -webkit-box-orient: vertical; 3033 -webkit-box-orient: vertical;
3033 -webkit-box-direction: normal; 3034 -webkit-box-direction: normal;
3034 -ms-flex-direction: column; 3035 -ms-flex-direction: column;
3035 flex-direction: column; 3036 flex-direction: column;
3036 gap: 20px; 3037 gap: 20px;
3037 font-size: 14px; 3038 font-size: 14px;
3038 } 3039 }
3039 @media (min-width: 992px) { 3040 @media (min-width: 992px) {
3040 .main__content { 3041 .main__content {
3041 font-size: 18px; 3042 font-size: 18px;
3042 gap: 32px; 3043 gap: 32px;
3043 } 3044 }
3044 } 3045 }
3045 .main__content-item { 3046 .main__content-item {
3046 display: -webkit-box; 3047 display: -webkit-box;
3047 display: -ms-flexbox; 3048 display: -ms-flexbox;
3048 display: flex; 3049 display: flex;
3049 -webkit-box-orient: vertical; 3050 -webkit-box-orient: vertical;
3050 -webkit-box-direction: normal; 3051 -webkit-box-direction: normal;
3051 -ms-flex-direction: column; 3052 -ms-flex-direction: column;
3052 flex-direction: column; 3053 flex-direction: column;
3053 gap: 16px; 3054 gap: 16px;
3054 } 3055 }
3055 .main__content h1, 3056 .main__content h1,
3056 .main__content h2, 3057 .main__content h2,
3057 .main__content h3, 3058 .main__content h3,
3058 .main__content h4, 3059 .main__content h4,
3059 .main__content h5, 3060 .main__content h5,
3060 .main__content h6 { 3061 .main__content h6 {
3061 color: #000; 3062 color: #000;
3062 } 3063 }
3063 .main__content ul, 3064 .main__content ul,
3064 .main__content ol { 3065 .main__content ol {
3065 padding: 0; 3066 padding: 0;
3066 margin: 0; 3067 margin: 0;
3067 padding-left: 20px; 3068 padding-left: 20px;
3068 display: -webkit-box; 3069 display: -webkit-box;
3069 display: -ms-flexbox; 3070 display: -ms-flexbox;
3070 display: flex; 3071 display: flex;
3071 -webkit-box-orient: vertical; 3072 -webkit-box-orient: vertical;
3072 -webkit-box-direction: normal; 3073 -webkit-box-direction: normal;
3073 -ms-flex-direction: column; 3074 -ms-flex-direction: column;
3074 flex-direction: column; 3075 flex-direction: column;
3075 gap: 8px; 3076 gap: 8px;
3076 } 3077 }
3077 @media (min-width: 992px) { 3078 @media (min-width: 992px) {
3078 .main__content ul, 3079 .main__content ul,
3079 .main__content ol { 3080 .main__content ol {
3080 gap: 16px; 3081 gap: 16px;
3081 padding-left: 30px; 3082 padding-left: 30px;
3082 } 3083 }
3083 } 3084 }
3084 .main__content li ul, 3085 .main__content li ul,
3085 .main__content li ol { 3086 .main__content li ol {
3086 margin-top: 8px; 3087 margin-top: 8px;
3087 } 3088 }
3088 @media (min-width: 992px) { 3089 @media (min-width: 992px) {
3089 .main__content li ul, 3090 .main__content li ul,
3090 .main__content li ol { 3091 .main__content li ol {
3091 margin-top: 16px; 3092 margin-top: 16px;
3092 } 3093 }
3093 } 3094 }
3094 .main__content li ul li, 3095 .main__content li ul li,
3095 .main__content li ol li { 3096 .main__content li ol li {
3096 list-style-type: disc; 3097 list-style-type: disc;
3097 } 3098 }
3098 .main__gallery { 3099 .main__gallery {
3099 display: -webkit-box; 3100 display: -webkit-box;
3100 display: -ms-flexbox; 3101 display: -ms-flexbox;
3101 display: flex; 3102 display: flex;
3102 -webkit-box-orient: vertical; 3103 -webkit-box-orient: vertical;
3103 -webkit-box-direction: normal; 3104 -webkit-box-direction: normal;
3104 -ms-flex-direction: column; 3105 -ms-flex-direction: column;
3105 flex-direction: column; 3106 flex-direction: column;
3106 gap: 20px; 3107 gap: 20px;
3107 } 3108 }
3108 @media (min-width: 768px) { 3109 @media (min-width: 768px) {
3109 .main__gallery { 3110 .main__gallery {
3110 display: grid; 3111 display: grid;
3111 grid-template-columns: repeat(2, 1fr); 3112 grid-template-columns: repeat(2, 1fr);
3112 } 3113 }
3113 } 3114 }
3114 @media (min-width: 992px) { 3115 @media (min-width: 992px) {
3115 .main__gallery { 3116 .main__gallery {
3116 grid-template-columns: repeat(3, 1fr); 3117 grid-template-columns: repeat(3, 1fr);
3117 } 3118 }
3118 } 3119 }
3119 .main__gallery-item { 3120 .main__gallery-item {
3120 width: 100%; 3121 width: 100%;
3121 aspect-ratio: 400/224; 3122 aspect-ratio: 400/224;
3122 border-radius: 30px; 3123 border-radius: 30px;
3123 position: relative; 3124 position: relative;
3124 overflow: hidden; 3125 overflow: hidden;
3125 } 3126 }
3126 .main__gallery-item:hover { 3127 .main__gallery-item:hover {
3127 -webkit-filter: brightness(1.1); 3128 -webkit-filter: brightness(1.1);
3128 filter: brightness(1.1); 3129 filter: brightness(1.1);
3129 } 3130 }
3130 .main__gallery-item img { 3131 .main__gallery-item img {
3131 position: absolute; 3132 position: absolute;
3132 top: 0; 3133 top: 0;
3133 left: 0; 3134 left: 0;
3134 width: 100%; 3135 width: 100%;
3135 height: 100%; 3136 height: 100%;
3136 -o-object-fit: cover; 3137 -o-object-fit: cover;
3137 object-fit: cover; 3138 object-fit: cover;
3138 } 3139 }
3139 .main__employers { 3140 .main__employers {
3140 display: -webkit-box; 3141 display: -webkit-box;
3141 display: -ms-flexbox; 3142 display: -ms-flexbox;
3142 display: flex; 3143 display: flex;
3143 -webkit-box-orient: vertical; 3144 -webkit-box-orient: vertical;
3144 -webkit-box-direction: normal; 3145 -webkit-box-direction: normal;
3145 -ms-flex-direction: column; 3146 -ms-flex-direction: column;
3146 flex-direction: column; 3147 flex-direction: column;
3147 gap: 10px; 3148 gap: 10px;
3148 } 3149 }
3149 @media (min-width: 768px) { 3150 @media (min-width: 768px) {
3150 .main__employers { 3151 .main__employers {
3151 gap: 30px; 3152 gap: 30px;
3152 } 3153 }
3153 } 3154 }
3154 .main__employers-body { 3155 .main__employers-body {
3155 display: none; 3156 display: none;
3156 -webkit-box-orient: vertical; 3157 -webkit-box-orient: vertical;
3157 -webkit-box-direction: normal; 3158 -webkit-box-direction: normal;
3158 -ms-flex-direction: column; 3159 -ms-flex-direction: column;
3159 flex-direction: column; 3160 flex-direction: column;
3160 gap: 20px; 3161 gap: 20px;
3161 } 3162 }
3162 @media (min-width: 992px) { 3163 @media (min-width: 992px) {
3163 .main__employers-body { 3164 .main__employers-body {
3164 gap: 30px; 3165 gap: 30px;
3165 } 3166 }
3166 } 3167 }
3167 .main__employers-body.showed { 3168 .main__employers-body.showed {
3168 display: -webkit-box; 3169 display: -webkit-box;
3169 display: -ms-flexbox; 3170 display: -ms-flexbox;
3170 display: flex; 3171 display: flex;
3171 } 3172 }
3172 .main__employers-item { 3173 .main__employers-item {
3173 display: -webkit-box; 3174 display: -webkit-box;
3174 display: -ms-flexbox; 3175 display: -ms-flexbox;
3175 display: flex; 3176 display: flex;
3176 -webkit-box-orient: vertical; 3177 -webkit-box-orient: vertical;
3177 -webkit-box-direction: normal; 3178 -webkit-box-direction: normal;
3178 -ms-flex-direction: column; 3179 -ms-flex-direction: column;
3179 flex-direction: column; 3180 flex-direction: column;
3180 border: 1px solid #cecece; 3181 border: 1px solid #cecece;
3181 border-radius: 8px; 3182 border-radius: 8px;
3182 position: relative; 3183 position: relative;
3183 overflow: hidden; 3184 overflow: hidden;
3184 padding: 10px; 3185 padding: 10px;
3185 padding-top: 50px; 3186 padding-top: 50px;
3186 padding-bottom: 30px; 3187 padding-bottom: 30px;
3187 } 3188 }
3188 @media (min-width: 768px) { 3189 @media (min-width: 768px) {
3189 .main__employers-item { 3190 .main__employers-item {
3190 -webkit-box-orient: horizontal; 3191 -webkit-box-orient: horizontal;
3191 -webkit-box-direction: normal; 3192 -webkit-box-direction: normal;
3192 -ms-flex-direction: row; 3193 -ms-flex-direction: row;
3193 flex-direction: row; 3194 flex-direction: row;
3194 -webkit-box-align: center; 3195 -webkit-box-align: center;
3195 -ms-flex-align: center; 3196 -ms-flex-align: center;
3196 align-items: center; 3197 align-items: center;
3197 -webkit-box-pack: justify; 3198 -webkit-box-pack: justify;
3198 -ms-flex-pack: justify; 3199 -ms-flex-pack: justify;
3199 justify-content: space-between; 3200 justify-content: space-between;
3200 padding: 55px 20px; 3201 padding: 55px 20px;
3201 } 3202 }
3202 } 3203 }
3203 @media (min-width: 1280px) { 3204 @media (min-width: 1280px) {
3204 .main__employers-item { 3205 .main__employers-item {
3205 padding-left: 55px; 3206 padding-left: 55px;
3206 } 3207 }
3207 } 3208 }
3208 .main__employers-item-inner { 3209 .main__employers-item-inner {
3209 display: -webkit-box; 3210 display: -webkit-box;
3210 display: -ms-flexbox; 3211 display: -ms-flexbox;
3211 display: flex; 3212 display: flex;
3212 -webkit-box-orient: vertical; 3213 -webkit-box-orient: vertical;
3213 -webkit-box-direction: normal; 3214 -webkit-box-direction: normal;
3214 -ms-flex-direction: column; 3215 -ms-flex-direction: column;
3215 flex-direction: column; 3216 flex-direction: column;
3216 } 3217 }
3217 @media (min-width: 768px) { 3218 @media (min-width: 768px) {
3218 .main__employers-item-inner { 3219 .main__employers-item-inner {
3219 width: calc(100% - 200px); 3220 width: calc(100% - 200px);
3220 padding-right: 40px; 3221 padding-right: 40px;
3221 } 3222 }
3222 } 3223 }
3223 @media (min-width: 992px) { 3224 @media (min-width: 992px) {
3224 .main__employers-item-inner { 3225 .main__employers-item-inner {
3225 -webkit-box-orient: horizontal; 3226 -webkit-box-orient: horizontal;
3226 -webkit-box-direction: normal; 3227 -webkit-box-direction: normal;
3227 -ms-flex-direction: row; 3228 -ms-flex-direction: row;
3228 flex-direction: row; 3229 flex-direction: row;
3229 -webkit-box-align: center; 3230 -webkit-box-align: center;
3230 -ms-flex-align: center; 3231 -ms-flex-align: center;
3231 align-items: center; 3232 align-items: center;
3232 } 3233 }
3233 } 3234 }
3234 .main__employers-item-pic { 3235 .main__employers-item-pic {
3235 height: 30px; 3236 height: 30px;
3236 position: absolute; 3237 position: absolute;
3237 top: 10px; 3238 top: 10px;
3238 left: 10px; 3239 left: 10px;
3239 } 3240 }
3240 @media (min-width: 768px) { 3241 @media (min-width: 768px) {
3241 .main__employers-item-pic { 3242 .main__employers-item-pic {
3242 position: static; 3243 position: static;
3243 width: 150px; 3244 width: 150px;
3244 height: auto; 3245 height: auto;
3245 max-height: 150px; 3246 max-height: 150px;
3246 -o-object-fit: contain; 3247 -o-object-fit: contain;
3247 object-fit: contain; 3248 object-fit: contain;
3248 } 3249 }
3249 } 3250 }
3250 .main__employers-item-body { 3251 .main__employers-item-body {
3251 font-size: 12px; 3252 font-size: 12px;
3252 display: -webkit-box; 3253 display: -webkit-box;
3253 display: -ms-flexbox; 3254 display: -ms-flexbox;
3254 display: flex; 3255 display: flex;
3255 -webkit-box-orient: vertical; 3256 -webkit-box-orient: vertical;
3256 -webkit-box-direction: normal; 3257 -webkit-box-direction: normal;
3257 -ms-flex-direction: column; 3258 -ms-flex-direction: column;
3258 flex-direction: column; 3259 flex-direction: column;
3259 gap: 10px; 3260 gap: 10px;
3260 } 3261 }
3261 @media (min-width: 768px) { 3262 @media (min-width: 768px) {
3262 .main__employers-item-body { 3263 .main__employers-item-body {
3263 font-size: 16px; 3264 font-size: 16px;
3264 padding-top: 20px; 3265 padding-top: 20px;
3265 } 3266 }
3266 } 3267 }
3267 @media (min-width: 992px) { 3268 @media (min-width: 992px) {
3268 .main__employers-item-body { 3269 .main__employers-item-body {
3269 width: calc(100% - 150px); 3270 width: calc(100% - 150px);
3270 padding: 0; 3271 padding: 0;
3271 padding-left: 40px; 3272 padding-left: 40px;
3272 } 3273 }
3273 } 3274 }
3274 .main__employers-item-body b { 3275 .main__employers-item-body b {
3275 font-weight: 700; 3276 font-weight: 700;
3276 } 3277 }
3277 @media (min-width: 768px) { 3278 @media (min-width: 768px) {
3278 .main__employers-item-body b { 3279 .main__employers-item-body b {
3279 font-size: 20px; 3280 font-size: 20px;
3280 } 3281 }
3281 } 3282 }
3282 .main__employers-item-body i { 3283 .main__employers-item-body i {
3283 font-style: normal; 3284 font-style: normal;
3284 color: #000; 3285 color: #000;
3285 } 3286 }
3286 .main__employers-item-more { 3287 .main__employers-item-more {
3287 position: absolute; 3288 position: absolute;
3288 top: 10px; 3289 top: 10px;
3289 right: 10px; 3290 right: 10px;
3290 } 3291 }
3291 @media (min-width: 768px) { 3292 @media (min-width: 768px) {
3292 .main__employers-item-more { 3293 .main__employers-item-more {
3293 width: 200px; 3294 width: 200px;
3294 padding: 0; 3295 padding: 0;
3295 position: static; 3296 position: static;
3296 } 3297 }
3297 } 3298 }
3298 .main__employers-item-label { 3299 .main__employers-item-label {
3299 background: #4d88d9; 3300 background: #4d88d9;
3300 color: #fff; 3301 color: #fff;
3301 border-radius: 6px; 3302 border-radius: 6px;
3302 width: 100%; 3303 width: 100%;
3303 height: 20px; 3304 height: 20px;
3304 display: -webkit-box; 3305 display: -webkit-box;
3305 display: -ms-flexbox; 3306 display: -ms-flexbox;
3306 display: flex; 3307 display: flex;
3307 -webkit-box-align: center; 3308 -webkit-box-align: center;
3308 -ms-flex-align: center; 3309 -ms-flex-align: center;
3309 align-items: center; 3310 align-items: center;
3310 padding: 0 12px; 3311 padding: 0 12px;
3311 position: absolute; 3312 position: absolute;
3312 bottom: 0; 3313 bottom: 0;
3313 left: 0; 3314 left: 0;
3314 font-size: 12px; 3315 font-size: 12px;
3315 line-height: 1; 3316 line-height: 1;
3316 } 3317 }
3317 @media (min-width: 768px) { 3318 @media (min-width: 768px) {
3318 .main__employers-item-label { 3319 .main__employers-item-label {
3319 max-width: 350px; 3320 max-width: 350px;
3320 height: 30px; 3321 height: 30px;
3321 font-size: 15px; 3322 font-size: 15px;
3322 } 3323 }
3323 } 3324 }
3324 .main__employers-item-label svg { 3325 .main__employers-item-label svg {
3325 width: 8px; 3326 width: 8px;
3326 height: 8px; 3327 height: 8px;
3327 } 3328 }
3328 @media (min-width: 768px) { 3329 @media (min-width: 768px) {
3329 .main__employers-item-label svg { 3330 .main__employers-item-label svg {
3330 width: 12px; 3331 width: 12px;
3331 height: 12px; 3332 height: 12px;
3332 } 3333 }
3333 } 3334 }
3334 .main__employers-item-label span { 3335 .main__employers-item-label span {
3335 overflow: hidden; 3336 overflow: hidden;
3336 display: -webkit-box; 3337 display: -webkit-box;
3337 -webkit-box-orient: vertical; 3338 -webkit-box-orient: vertical;
3338 -webkit-line-clamp: 1; 3339 -webkit-line-clamp: 1;
3339 width: calc(100% - 8px); 3340 width: calc(100% - 8px);
3340 padding-left: 6px; 3341 padding-left: 6px;
3341 } 3342 }
3342 .main__employers-one { 3343 .main__employers-one {
3343 display: -webkit-box; 3344 display: -webkit-box;
3344 display: -ms-flexbox; 3345 display: -ms-flexbox;
3345 display: flex; 3346 display: flex;
3346 -webkit-box-orient: vertical; 3347 -webkit-box-orient: vertical;
3347 -webkit-box-direction: normal; 3348 -webkit-box-direction: normal;
3348 -ms-flex-direction: column; 3349 -ms-flex-direction: column;
3349 flex-direction: column; 3350 flex-direction: column;
3350 gap: 20px; 3351 gap: 20px;
3351 } 3352 }
3352 .main__employers-two { 3353 .main__employers-two {
3353 display: -webkit-box; 3354 display: -webkit-box;
3354 display: -ms-flexbox; 3355 display: -ms-flexbox;
3355 display: flex; 3356 display: flex;
3356 -webkit-box-orient: vertical; 3357 -webkit-box-orient: vertical;
3357 -webkit-box-direction: normal; 3358 -webkit-box-direction: normal;
3358 -ms-flex-direction: column; 3359 -ms-flex-direction: column;
3359 flex-direction: column; 3360 flex-direction: column;
3360 gap: 20px; 3361 gap: 20px;
3361 } 3362 }
3362 @media (min-width: 768px) { 3363 @media (min-width: 768px) {
3363 .main__employers-two { 3364 .main__employers-two {
3364 -webkit-box-orient: horizontal; 3365 -webkit-box-orient: horizontal;
3365 -webkit-box-direction: normal; 3366 -webkit-box-direction: normal;
3366 -ms-flex-direction: row; 3367 -ms-flex-direction: row;
3367 flex-direction: row; 3368 flex-direction: row;
3368 -ms-flex-wrap: wrap; 3369 -ms-flex-wrap: wrap;
3369 flex-wrap: wrap; 3370 flex-wrap: wrap;
3370 -webkit-box-align: start; 3371 -webkit-box-align: start;
3371 -ms-flex-align: start; 3372 -ms-flex-align: start;
3372 align-items: flex-start; 3373 align-items: flex-start;
3373 -webkit-box-pack: justify; 3374 -webkit-box-pack: justify;
3374 -ms-flex-pack: justify; 3375 -ms-flex-pack: justify;
3375 justify-content: space-between; 3376 justify-content: space-between;
3376 gap: 20px 0; 3377 gap: 20px 0;
3377 } 3378 }
3378 } 3379 }
3379 .main__employers-two .main__employers-item { 3380 .main__employers-two .main__employers-item {
3380 width: calc(50% - 10px); 3381 width: calc(50% - 10px);
3381 -webkit-box-orient: vertical; 3382 -webkit-box-orient: vertical;
3382 -webkit-box-direction: normal; 3383 -webkit-box-direction: normal;
3383 -ms-flex-direction: column; 3384 -ms-flex-direction: column;
3384 flex-direction: column; 3385 flex-direction: column;
3385 -webkit-box-align: stretch; 3386 -webkit-box-align: stretch;
3386 -ms-flex-align: stretch; 3387 -ms-flex-align: stretch;
3387 align-items: stretch; 3388 align-items: stretch;
3388 padding-top: 30px; 3389 padding-top: 30px;
3389 } 3390 }
3390 .main__employers-two .main__employers-item-inner { 3391 .main__employers-two .main__employers-item-inner {
3391 width: 100%; 3392 width: 100%;
3392 padding: 0; 3393 padding: 0;
3393 } 3394 }
3394 .main__employers-two .main__employers-item-more { 3395 .main__employers-two .main__employers-item-more {
3395 position: static; 3396 position: static;
3396 margin-top: 20px; 3397 margin-top: 20px;
3397 } 3398 }
3398 @media (min-width: 992px) { 3399 @media (min-width: 992px) {
3399 .main__employers-two .main__employers-item-more { 3400 .main__employers-two .main__employers-item-more {
3400 margin-left: 190px; 3401 margin-left: 190px;
3401 } 3402 }
3402 } 3403 }
3403 .main__employers-two .main__employers-item-label { 3404 .main__employers-two .main__employers-item-label {
3404 max-width: none; 3405 max-width: none;
3405 } 3406 }
3406 .main__employer-page { 3407 .main__employer-page {
3407 display: -webkit-box; 3408 display: -webkit-box;
3408 display: -ms-flexbox; 3409 display: -ms-flexbox;
3409 display: flex; 3410 display: flex;
3410 -webkit-box-orient: vertical; 3411 -webkit-box-orient: vertical;
3411 -webkit-box-direction: normal; 3412 -webkit-box-direction: normal;
3412 -ms-flex-direction: column; 3413 -ms-flex-direction: column;
3413 flex-direction: column; 3414 flex-direction: column;
3414 gap: 20px; 3415 gap: 20px;
3415 } 3416 }
3416 @media (min-width: 768px) { 3417 @media (min-width: 768px) {
3417 .main__employer-page { 3418 .main__employer-page {
3418 gap: 30px; 3419 gap: 30px;
3419 } 3420 }
3420 } 3421 }
3421 .main__employer-page-title { 3422 .main__employer-page-title {
3422 color: #000; 3423 color: #000;
3423 margin: 0; 3424 margin: 0;
3424 font-size: 30px; 3425 font-size: 30px;
3425 } 3426 }
3426 @media (min-width: 768px) { 3427 @media (min-width: 768px) {
3427 .main__employer-page-title { 3428 .main__employer-page-title {
3428 font-size: 36px; 3429 font-size: 36px;
3429 } 3430 }
3430 } 3431 }
3431 @media (min-width: 992px) { 3432 @media (min-width: 992px) {
3432 .main__employer-page-title { 3433 .main__employer-page-title {
3433 font-size: 44px; 3434 font-size: 44px;
3434 } 3435 }
3435 } 3436 }
3436 .main__employer-page-item { 3437 .main__employer-page-item {
3437 display: -webkit-box; 3438 display: -webkit-box;
3438 display: -ms-flexbox; 3439 display: -ms-flexbox;
3439 display: flex; 3440 display: flex;
3440 -webkit-box-orient: vertical; 3441 -webkit-box-orient: vertical;
3441 -webkit-box-direction: normal; 3442 -webkit-box-direction: normal;
3442 -ms-flex-direction: column; 3443 -ms-flex-direction: column;
3443 flex-direction: column; 3444 flex-direction: column;
3444 gap: 4px; 3445 gap: 4px;
3445 font-size: 12px; 3446 font-size: 12px;
3446 line-height: 1.4; 3447 line-height: 1.4;
3447 width: 190px; 3448 width: 190px;
3448 } 3449 }
3449 .main__employer-page-item.main__employer-page-description{ 3450 .main__employer-page-item.main__employer-page-description{
3450 width: unset; 3451 width: unset;
3451 } 3452 }
3452 @media (min-width: 768px) { 3453 @media (min-width: 768px) {
3453 .main__employer-page-item { 3454 .main__employer-page-item {
3454 font-size: 18px; 3455 font-size: 18px;
3455 gap: 8px; 3456 gap: 8px;
3456 } 3457 }
3457 } 3458 }
3458 .main__employer-page-item b { 3459 .main__employer-page-item b {
3459 color: #377d87; 3460 color: #377d87;
3460 font-size: 14px; 3461 font-size: 14px;
3461 } 3462 }
3462 @media (min-width: 768px) { 3463 @media (min-width: 768px) {
3463 .main__employer-page-item b { 3464 .main__employer-page-item b {
3464 font-size: 18px; 3465 font-size: 18px;
3465 } 3466 }
3466 } 3467 }
3467 .main__employer-page-item span { 3468 .main__employer-page-item span {
3468 color: #000; 3469 color: #000;
3469 } 3470 }
3470 .main__employer-page-info { 3471 .main__employer-page-info {
3471 display: -webkit-box; 3472 display: -webkit-box;
3472 display: -ms-flexbox; 3473 display: -ms-flexbox;
3473 display: flex; 3474 display: flex;
3474 -webkit-box-orient: vertical; 3475 -webkit-box-orient: vertical;
3475 -webkit-box-direction: normal; 3476 -webkit-box-direction: normal;
3476 -ms-flex-direction: column; 3477 -ms-flex-direction: column;
3477 flex-direction: column; 3478 flex-direction: column;
3478 gap: 20px; 3479 gap: 20px;
3479 } 3480 }
3480 .main__employer-page-info.row2{ 3481 .main__employer-page-info.row2{
3481 justify-content: flex-start; 3482 justify-content: flex-start;
3482 } 3483 }
3483 .main__employer-page-info.row2 .main__employer-page-item{ 3484 .main__employer-page-info.row2 .main__employer-page-item{
3484 width: 25%; 3485 width: 25%;
3485 } 3486 }
3486 @media (min-width: 768px) { 3487 @media (min-width: 768px) {
3487 .main__employer-page-info { 3488 .main__employer-page-info {
3488 display: grid; 3489 display: grid;
3489 grid-template-columns: repeat(2, 1fr); 3490 grid-template-columns: repeat(2, 1fr);
3490 gap: 30px 40px; 3491 gap: 30px 40px;
3491 } 3492 }
3492 } 3493 }
3493 @media (min-width: 1280px) { 3494 @media (min-width: 1280px) {
3494 .main__employer-page-info { 3495 .main__employer-page-info {
3495 display: -webkit-box; 3496 display: -webkit-box;
3496 display: -ms-flexbox; 3497 display: -ms-flexbox;
3497 display: flex; 3498 display: flex;
3498 -webkit-box-orient: horizontal; 3499 -webkit-box-orient: horizontal;
3499 -webkit-box-direction: normal; 3500 -webkit-box-direction: normal;
3500 -ms-flex-direction: row; 3501 -ms-flex-direction: row;
3501 flex-direction: row; 3502 flex-direction: row;
3502 -webkit-box-align: start; 3503 -webkit-box-align: start;
3503 -ms-flex-align: start; 3504 -ms-flex-align: start;
3504 align-items: flex-start; 3505 align-items: flex-start;
3505 -webkit-box-pack: justify; 3506 -webkit-box-pack: justify;
3506 -ms-flex-pack: justify; 3507 -ms-flex-pack: justify;
3507 justify-content: space-between; 3508 justify-content: space-between;
3508 padding-right: 160px; 3509 padding-right: 160px;
3509 } 3510 }
3510 } 3511 }
3511 @media (min-width: 768px) { 3512 @media (min-width: 768px) {
3512 .main__employer-page-info .main__employer-page-item b, 3513 .main__employer-page-info .main__employer-page-item b,
3513 .main__employer-page-info .main__employer-page-item span { 3514 .main__employer-page-info .main__employer-page-item span {
3514 max-width: 300px; 3515 max-width: 300px;
3515 } 3516 }
3516 } 3517 }
3517 .main__employer-page-tabs { 3518 .main__employer-page-tabs {
3518 display: -webkit-box; 3519 display: -webkit-box;
3519 display: -ms-flexbox; 3520 display: -ms-flexbox;
3520 display: flex; 3521 display: flex;
3521 -webkit-box-align: center; 3522 -webkit-box-align: center;
3522 -ms-flex-align: center; 3523 -ms-flex-align: center;
3523 align-items: center; 3524 align-items: center;
3524 gap: 20px; 3525 gap: 20px;
3525 } 3526 }
3526 @media (min-width: 768px) { 3527 @media (min-width: 768px) {
3527 .main__employer-page-tabs { 3528 .main__employer-page-tabs {
3528 margin-top: 20px; 3529 margin-top: 20px;
3529 } 3530 }
3530 } 3531 }
3531 .main__employer-page-tabs-item { 3532 .main__employer-page-tabs-item {
3532 font-size: 22px; 3533 font-size: 22px;
3533 font-weight: 700; 3534 font-weight: 700;
3534 border: none; 3535 border: none;
3535 background: none; 3536 background: none;
3536 padding: 0; 3537 padding: 0;
3537 color: #9c9d9d; 3538 color: #9c9d9d;
3538 text-decoration: underline; 3539 text-decoration: underline;
3539 text-decoration-thickness: 1px; 3540 text-decoration-thickness: 1px;
3540 } 3541 }
3541 @media (min-width: 768px) { 3542 @media (min-width: 768px) {
3542 .main__employer-page-tabs-item { 3543 .main__employer-page-tabs-item {
3543 font-size: 24px; 3544 font-size: 24px;
3544 } 3545 }
3545 } 3546 }
3546 .main__employer-page-tabs-item.active { 3547 .main__employer-page-tabs-item.active {
3547 color: #377d87; 3548 color: #377d87;
3548 } 3549 }
3549 .main__employer-page-body { 3550 .main__employer-page-body {
3550 display: -webkit-box; 3551 display: -webkit-box;
3551 display: -ms-flexbox; 3552 display: -ms-flexbox;
3552 display: flex; 3553 display: flex;
3553 -webkit-box-orient: vertical; 3554 -webkit-box-orient: vertical;
3554 -webkit-box-direction: normal; 3555 -webkit-box-direction: normal;
3555 -ms-flex-direction: column; 3556 -ms-flex-direction: column;
3556 flex-direction: column; 3557 flex-direction: column;
3557 margin-top: 10px; 3558 margin-top: 10px;
3558 } 3559 }
3559 @media (min-width: 768px) { 3560 @media (min-width: 768px) {
3560 .main__employer-page-body { 3561 .main__employer-page-body {
3561 margin-top: 30px; 3562 margin-top: 30px;
3562 } 3563 }
3563 } 3564 }
3564 .main__employer-page-body-item { 3565 .main__employer-page-body-item {
3565 display: none; 3566 display: none;
3566 -webkit-box-orient: vertical; 3567 -webkit-box-orient: vertical;
3567 -webkit-box-direction: normal; 3568 -webkit-box-direction: normal;
3568 -ms-flex-direction: column; 3569 -ms-flex-direction: column;
3569 flex-direction: column; 3570 flex-direction: column;
3570 gap: 20px; 3571 gap: 20px;
3571 } 3572 }
3572 .main__employer-page-body-item.showed { 3573 .main__employer-page-body-item.showed {
3573 display: -webkit-box; 3574 display: -webkit-box;
3574 display: -ms-flexbox; 3575 display: -ms-flexbox;
3575 display: flex; 3576 display: flex;
3576 } 3577 }
3577 .main__employer-page-one { 3578 .main__employer-page-one {
3578 display: -webkit-box; 3579 display: -webkit-box;
3579 display: -ms-flexbox; 3580 display: -ms-flexbox;
3580 display: flex; 3581 display: flex;
3581 -webkit-box-orient: vertical; 3582 -webkit-box-orient: vertical;
3582 -webkit-box-direction: normal; 3583 -webkit-box-direction: normal;
3583 -ms-flex-direction: column; 3584 -ms-flex-direction: column;
3584 flex-direction: column; 3585 flex-direction: column;
3585 gap: 20px; 3586 gap: 20px;
3586 } 3587 }
3587 @media (min-width: 768px) { 3588 @media (min-width: 768px) {
3588 .main__employer-page-one { 3589 .main__employer-page-one {
3589 display: grid; 3590 display: grid;
3590 grid-template-columns: repeat(2, 1fr); 3591 grid-template-columns: repeat(2, 1fr);
3591 } 3592 }
3592 } 3593 }
3593 @media (min-width: 992px) { 3594 @media (min-width: 992px) {
3594 .main__employer-page-one { 3595 .main__employer-page-one {
3595 grid-template-columns: repeat(3, 1fr); 3596 grid-template-columns: repeat(3, 1fr);
3596 } 3597 }
3597 } 3598 }
3598 @media (min-width: 1280px) { 3599 @media (min-width: 1280px) {
3599 .main__employer-page-one { 3600 .main__employer-page-one {
3600 grid-template-columns: repeat(4, 1fr); 3601 grid-template-columns: repeat(4, 1fr);
3601 gap: 30px 20px; 3602 gap: 30px 20px;
3602 } 3603 }
3603 } 3604 }
3604 .main__employer-page-one-item { 3605 .main__employer-page-one-item {
3605 display: -webkit-box; 3606 display: -webkit-box;
3606 display: -ms-flexbox; 3607 display: -ms-flexbox;
3607 display: flex; 3608 display: flex;
3608 -webkit-box-orient: vertical; 3609 -webkit-box-orient: vertical;
3609 -webkit-box-direction: normal; 3610 -webkit-box-direction: normal;
3610 -ms-flex-direction: column; 3611 -ms-flex-direction: column;
3611 flex-direction: column; 3612 flex-direction: column;
3612 gap: 10px; 3613 gap: 10px;
3613 font-size: 12px; 3614 font-size: 12px;
3614 position: relative; 3615 position: relative;
3615 } 3616 }
3616 @media (min-width: 1280px) { 3617 @media (min-width: 1280px) {
3617 .main__employer-page-one-item { 3618 .main__employer-page-one-item {
3618 font-size: 18px; 3619 font-size: 18px;
3619 } 3620 }
3620 } 3621 }
3621 .main__employer-page-one-item img { 3622 .main__employer-page-one-item img {
3622 border-radius: 10px; 3623 border-radius: 10px;
3623 -o-object-fit: cover; 3624 -o-object-fit: cover;
3624 object-fit: cover; 3625 object-fit: cover;
3625 width: 100%; 3626 width: 100%;
3626 max-height: 250px; 3627 max-height: 250px;
3627 aspect-ratio: 247/174; 3628 aspect-ratio: 247/174;
3628 } 3629 }
3629 @media (min-width: 1280px) { 3630 @media (min-width: 1280px) {
3630 .main__employer-page-one-item img { 3631 .main__employer-page-one-item img {
3631 margin-bottom: 10px; 3632 margin-bottom: 10px;
3632 } 3633 }
3633 } 3634 }
3634 .main__employer-page-one-item b { 3635 .main__employer-page-one-item b {
3635 font-weight: 700; 3636 font-weight: 700;
3636 color: #377d87; 3637 color: #377d87;
3637 } 3638 }
3638 .main__employer-page-one-item span { 3639 .main__employer-page-one-item span {
3639 color: #000; 3640 color: #000;
3640 } 3641 }
3641 .main__employer-page-one-item i { 3642 .main__employer-page-one-item i {
3642 font-style: normal; 3643 font-style: normal;
3643 color: #377d87; 3644 color: #377d87;
3644 } 3645 }
3645 .main__employer-page-one-item .del { 3646 .main__employer-page-one-item .del {
3646 position: absolute; 3647 position: absolute;
3647 z-index: 1; 3648 z-index: 1;
3648 top: 8px; 3649 top: 8px;
3649 left: 8px; 3650 left: 8px;
3650 } 3651 }
3651 .main__employer-page-two { 3652 .main__employer-page-two {
3652 display: -webkit-box; 3653 display: -webkit-box;
3653 display: -ms-flexbox; 3654 display: -ms-flexbox;
3654 display: flex; 3655 display: flex;
3655 -webkit-box-orient: vertical; 3656 -webkit-box-orient: vertical;
3656 -webkit-box-direction: normal; 3657 -webkit-box-direction: normal;
3657 -ms-flex-direction: column; 3658 -ms-flex-direction: column;
3658 flex-direction: column; 3659 flex-direction: column;
3659 -webkit-box-align: center; 3660 -webkit-box-align: center;
3660 -ms-flex-align: center; 3661 -ms-flex-align: center;
3661 align-items: center; 3662 align-items: center;
3662 gap: 20px; 3663 gap: 20px;
3663 } 3664 }
3664 .main__employer-page-two-item { 3665 .main__employer-page-two-item {
3665 width: 100%; 3666 width: 100%;
3666 display: -webkit-box; 3667 display: -webkit-box;
3667 display: -ms-flexbox; 3668 display: -ms-flexbox;
3668 display: flex; 3669 display: flex;
3669 -webkit-box-orient: vertical; 3670 -webkit-box-orient: vertical;
3670 -webkit-box-direction: normal; 3671 -webkit-box-direction: normal;
3671 -ms-flex-direction: column; 3672 -ms-flex-direction: column;
3672 flex-direction: column; 3673 flex-direction: column;
3673 gap: 16px; 3674 gap: 16px;
3674 padding: 20px 10px; 3675 padding: 20px 10px;
3675 border-radius: 12px; 3676 border-radius: 12px;
3676 border: 1px solid #cecece; 3677 border: 1px solid #cecece;
3677 position: relative; 3678 position: relative;
3678 overflow: hidden; 3679 overflow: hidden;
3679 font-size: 12px; 3680 font-size: 12px;
3680 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 3681 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
3681 } 3682 }
3682 @media (min-width: 768px) { 3683 @media (min-width: 768px) {
3683 .main__employer-page-two-item { 3684 .main__employer-page-two-item {
3684 font-size: 14px; 3685 font-size: 14px;
3685 padding: 20px; 3686 padding: 20px;
3686 gap: 24px; 3687 gap: 24px;
3687 padding-bottom: 35px; 3688 padding-bottom: 35px;
3688 } 3689 }
3689 } 3690 }
3690 @media (min-width: 992px) { 3691 @media (min-width: 992px) {
3691 .main__employer-page-two-item { 3692 .main__employer-page-two-item {
3692 font-size: 16px; 3693 font-size: 16px;
3693 } 3694 }
3694 } 3695 }
3695 @media (min-width: 1280px) { 3696 @media (min-width: 1280px) {
3696 .main__employer-page-two-item { 3697 .main__employer-page-two-item {
3697 font-size: 18px; 3698 font-size: 18px;
3698 } 3699 }
3699 } 3700 }
3700 .main__employer-page-two-item-toper { 3701 .main__employer-page-two-item-toper {
3701 display: -webkit-box; 3702 display: -webkit-box;
3702 display: -ms-flexbox; 3703 display: -ms-flexbox;
3703 display: flex; 3704 display: flex;
3704 -webkit-box-align: center; 3705 -webkit-box-align: center;
3705 -ms-flex-align: center; 3706 -ms-flex-align: center;
3706 align-items: center; 3707 align-items: center;
3707 font-size: 22px; 3708 font-size: 22px;
3708 font-weight: 700; 3709 font-weight: 700;
3709 color: #000; 3710 color: #000;
3710 } 3711 }
3711 @media (min-width: 768px) { 3712 @media (min-width: 768px) {
3712 .main__employer-page-two-item-toper { 3713 .main__employer-page-two-item-toper {
3713 font-size: 30px; 3714 font-size: 30px;
3714 } 3715 }
3715 } 3716 }
3716 .main__employer-page-two-item-toper img { 3717 .main__employer-page-two-item-toper img {
3717 width: 60px; 3718 width: 60px;
3718 aspect-ratio: 1/1; 3719 aspect-ratio: 1/1;
3719 -o-object-fit: contain; 3720 -o-object-fit: contain;
3720 object-fit: contain; 3721 object-fit: contain;
3721 } 3722 }
3722 .main__employer-page-two-item-toper span { 3723 .main__employer-page-two-item-toper span {
3723 width: calc(100% - 60px); 3724 width: calc(100% - 60px);
3724 padding-left: 10px; 3725 padding-left: 10px;
3725 } 3726 }
3726 @media (min-width: 768px) { 3727 @media (min-width: 768px) {
3727 .main__employer-page-two-item-toper span { 3728 .main__employer-page-two-item-toper span {
3728 padding-left: 20px; 3729 padding-left: 20px;
3729 } 3730 }
3730 } 3731 }
3731 .main__employer-page-two-item-title { 3732 .main__employer-page-two-item-title {
3732 font-size: 18px; 3733 font-size: 18px;
3733 font-weight: 700; 3734 font-weight: 700;
3734 color: #377d87; 3735 color: #377d87;
3735 } 3736 }
3736 @media (min-width: 768px) { 3737 @media (min-width: 768px) {
3737 .main__employer-page-two-item-title { 3738 .main__employer-page-two-item-title {
3738 font-size: 24px; 3739 font-size: 24px;
3739 } 3740 }
3740 } 3741 }
3741 .main__employer-page-two-item-text { 3742 .main__employer-page-two-item-text {
3742 display: -webkit-box; 3743 display: -webkit-box;
3743 display: -ms-flexbox; 3744 display: -ms-flexbox;
3744 display: flex; 3745 display: flex;
3745 -webkit-box-orient: vertical; 3746 -webkit-box-orient: vertical;
3746 -webkit-box-direction: normal; 3747 -webkit-box-direction: normal;
3747 -ms-flex-direction: column; 3748 -ms-flex-direction: column;
3748 flex-direction: column; 3749 flex-direction: column;
3749 gap: 10px; 3750 gap: 10px;
3750 } 3751 }
3751 .main__employer-page-two-item-text-name { 3752 .main__employer-page-two-item-text-name {
3752 font-weight: 700; 3753 font-weight: 700;
3753 } 3754 }
3754 .main__employer-page-two-item-text-body { 3755 .main__employer-page-two-item-text-body {
3755 color: #000; 3756 color: #000;
3756 display: -webkit-box; 3757 display: -webkit-box;
3757 display: -ms-flexbox; 3758 display: -ms-flexbox;
3758 display: flex; 3759 display: flex;
3759 -webkit-box-orient: vertical; 3760 -webkit-box-orient: vertical;
3760 -webkit-box-direction: normal; 3761 -webkit-box-direction: normal;
3761 -ms-flex-direction: column; 3762 -ms-flex-direction: column;
3762 flex-direction: column; 3763 flex-direction: column;
3763 gap: 6px; 3764 gap: 6px;
3764 padding: 0 10px; 3765 padding: 0 10px;
3765 } 3766 }
3766 .main__employer-page-two-item-text-body p { 3767 .main__employer-page-two-item-text-body p {
3767 margin: 0; 3768 margin: 0;
3768 } 3769 }
3769 .main__employer-page-two-item-text-body ul { 3770 .main__employer-page-two-item-text-body ul {
3770 margin: 0; 3771 margin: 0;
3771 padding: 0; 3772 padding: 0;
3772 padding-left: 16px; 3773 padding-left: 16px;
3773 display: -webkit-box; 3774 display: -webkit-box;
3774 display: -ms-flexbox; 3775 display: -ms-flexbox;
3775 display: flex; 3776 display: flex;
3776 -webkit-box-orient: vertical; 3777 -webkit-box-orient: vertical;
3777 -webkit-box-direction: normal; 3778 -webkit-box-direction: normal;
3778 -ms-flex-direction: column; 3779 -ms-flex-direction: column;
3779 flex-direction: column; 3780 flex-direction: column;
3780 gap: 6px; 3781 gap: 6px;
3781 } 3782 }
3782 @media (min-width: 768px) { 3783 @media (min-width: 768px) {
3783 .main__employer-page-two-item-text-body ul { 3784 .main__employer-page-two-item-text-body ul {
3784 margin: 0 5px; 3785 margin: 0 5px;
3785 } 3786 }
3786 } 3787 }
3787 .main__employer-page-two-item-text-body ul span, 3788 .main__employer-page-two-item-text-body ul span,
3788 .main__employer-page-two-item-text-body ul a { 3789 .main__employer-page-two-item-text-body ul a {
3789 color: #000; 3790 color: #000;
3790 position: relative; 3791 position: relative;
3791 } 3792 }
3792 .main__employer-page-two-item-text-body ul a:hover { 3793 .main__employer-page-two-item-text-body ul a:hover {
3793 color: #377d87; 3794 color: #377d87;
3794 } 3795 }
3795 .main__employer-page-two-item-text-body p + ul { 3796 .main__employer-page-two-item-text-body p + ul {
3796 margin-top: 10px; 3797 margin-top: 10px;
3797 } 3798 }
3798 .main__employer-page-two-item-text-links { 3799 .main__employer-page-two-item-text-links {
3799 display: -webkit-box; 3800 display: -webkit-box;
3800 display: -ms-flexbox; 3801 display: -ms-flexbox;
3801 display: flex; 3802 display: flex;
3802 -webkit-box-orient: vertical; 3803 -webkit-box-orient: vertical;
3803 -webkit-box-direction: normal; 3804 -webkit-box-direction: normal;
3804 -ms-flex-direction: column; 3805 -ms-flex-direction: column;
3805 flex-direction: column; 3806 flex-direction: column;
3806 -webkit-box-align: start; 3807 -webkit-box-align: start;
3807 -ms-flex-align: start; 3808 -ms-flex-align: start;
3808 align-items: flex-start; 3809 align-items: flex-start;
3809 gap: 10px; 3810 gap: 10px;
3810 padding: 0 10px; 3811 padding: 0 10px;
3811 font-weight: 700; 3812 font-weight: 700;
3812 margin-top: 5px; 3813 margin-top: 5px;
3813 } 3814 }
3814 @media (min-width: 768px) { 3815 @media (min-width: 768px) {
3815 .main__employer-page-two-item-text-links { 3816 .main__employer-page-two-item-text-links {
3816 gap: 20px; 3817 gap: 20px;
3817 } 3818 }
3818 } 3819 }
3819 .main__employer-page-two-item-text-links a { 3820 .main__employer-page-two-item-text-links a {
3820 color: #4d88d9; 3821 color: #4d88d9;
3821 } 3822 }
3822 .main__employer-page-two-item-text-links a:hover { 3823 .main__employer-page-two-item-text-links a:hover {
3823 color: #377d87; 3824 color: #377d87;
3824 } 3825 }
3825 .main__employer-page-two-item-tags { 3826 .main__employer-page-two-item-tags {
3826 color: #4d88d9; 3827 color: #4d88d9;
3827 font-weight: 500; 3828 font-weight: 500;
3828 display: -webkit-box; 3829 display: -webkit-box;
3829 display: -ms-flexbox; 3830 display: -ms-flexbox;
3830 display: flex; 3831 display: flex;
3831 -webkit-box-align: center; 3832 -webkit-box-align: center;
3832 -ms-flex-align: center; 3833 -ms-flex-align: center;
3833 align-items: center; 3834 align-items: center;
3834 -ms-flex-wrap: wrap; 3835 -ms-flex-wrap: wrap;
3835 flex-wrap: wrap; 3836 flex-wrap: wrap;
3836 gap: 10px 20px; 3837 gap: 10px 20px;
3837 } 3838 }
3838 @media (min-width: 768px) { 3839 @media (min-width: 768px) {
3839 .main__employer-page-two-item-tags { 3840 .main__employer-page-two-item-tags {
3840 font-size: 14px; 3841 font-size: 14px;
3841 } 3842 }
3842 } 3843 }
3843 .main__employer-page-two-item-buttons { 3844 .main__employer-page-two-item-buttons {
3844 display: grid; 3845 display: grid;
3845 grid-template-columns: repeat(2, 1fr); 3846 grid-template-columns: repeat(2, 1fr);
3846 gap: 20px; 3847 gap: 20px;
3847 } 3848 }
3848 @media (min-width: 768px) { 3849 @media (min-width: 768px) {
3849 .main__employer-page-two-item-button { 3850 .main__employer-page-two-item-button {
3850 position: absolute; 3851 position: absolute;
3851 bottom: 20px; 3852 bottom: 20px;
3852 left: 20px; 3853 left: 20px;
3853 width: 200px; 3854 width: 200px;
3854 padding: 0; 3855 padding: 0;
3855 } 3856 }
3856 } 3857 }
3857 @media (min-width: 768px) { 3858 @media (min-width: 768px) {
3858 .main__employer-page-two-item-button + .main__employer-page-two-item-button { 3859 .main__employer-page-two-item-button + .main__employer-page-two-item-button {
3859 left: auto; 3860 left: auto;
3860 right: 20px; 3861 right: 20px;
3861 } 3862 }
3862 } 3863 }
3863 .main__employer-page-two-item-bottom { 3864 .main__employer-page-two-item-bottom {
3864 display: -webkit-box; 3865 display: -webkit-box;
3865 display: -ms-flexbox; 3866 display: -ms-flexbox;
3866 display: flex; 3867 display: flex;
3867 -webkit-box-align: center; 3868 -webkit-box-align: center;
3868 -ms-flex-align: center; 3869 -ms-flex-align: center;
3869 align-items: center; 3870 align-items: center;
3870 -webkit-box-pack: justify; 3871 -webkit-box-pack: justify;
3871 -ms-flex-pack: justify; 3872 -ms-flex-pack: justify;
3872 justify-content: space-between; 3873 justify-content: space-between;
3873 } 3874 }
3874 .main__employer-page-two-item-bottom-date { 3875 .main__employer-page-two-item-bottom-date {
3875 color: #000; 3876 color: #000;
3876 } 3877 }
3877 @media (min-width: 768px) { 3878 @media (min-width: 768px) {
3878 .main__employer-page-two-item-bottom-date { 3879 .main__employer-page-two-item-bottom-date {
3879 position: absolute; 3880 position: absolute;
3880 bottom: 20px; 3881 bottom: 20px;
3881 right: 240px; 3882 right: 240px;
3882 height: 42px; 3883 height: 42px;
3883 display: -webkit-box; 3884 display: -webkit-box;
3884 display: -ms-flexbox; 3885 display: -ms-flexbox;
3885 display: flex; 3886 display: flex;
3886 -webkit-box-align: center; 3887 -webkit-box-align: center;
3887 -ms-flex-align: center; 3888 -ms-flex-align: center;
3888 align-items: center; 3889 align-items: center;
3889 } 3890 }
3890 } 3891 }
3891 @media (min-width: 992px) { 3892 @media (min-width: 992px) {
3892 .main__employer-page-two-item-bottom-date { 3893 .main__employer-page-two-item-bottom-date {
3893 font-size: 16px; 3894 font-size: 16px;
3894 } 3895 }
3895 } 3896 }
3896 @media (min-width: 768px) { 3897 @media (min-width: 768px) {
3897 .main__employer-page-two-item-bottom-like { 3898 .main__employer-page-two-item-bottom-like {
3898 position: absolute; 3899 position: absolute;
3899 bottom: 20px; 3900 bottom: 20px;
3900 left: 240px; 3901 left: 240px;
3901 } 3902 }
3902 } 3903 }
3903 @media (min-width: 768px) { 3904 @media (min-width: 768px) {
3904 .main__employer-page-two-more { 3905 .main__employer-page-two-more {
3905 margin-top: 10px; 3906 margin-top: 10px;
3906 padding: 0; 3907 padding: 0;
3907 width: 200px; 3908 width: 200px;
3908 } 3909 }
3909 } 3910 }
3910 .main__employer-page-two .main__employer-page-two-item { 3911 .main__employer-page-two .main__employer-page-two-item {
3911 /*display: none;*/ 3912 /*display: none;*/
3912 } 3913 }
3913 .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) { 3914 .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) {
3914 display: -webkit-box; 3915 display: -webkit-box;
3915 display: -ms-flexbox; 3916 display: -ms-flexbox;
3916 display: flex; 3917 display: flex;
3917 } 3918 }
3918 .main__employer-page-two.active .main__employer-page-two-item { 3919 .main__employer-page-two.active .main__employer-page-two-item {
3919 display: -webkit-box; 3920 display: -webkit-box;
3920 display: -ms-flexbox; 3921 display: -ms-flexbox;
3921 display: flex; 3922 display: flex;
3922 } 3923 }
3923 .main__resume-base { 3924 .main__resume-base {
3924 display: -webkit-box; 3925 display: -webkit-box;
3925 display: -ms-flexbox; 3926 display: -ms-flexbox;
3926 display: flex; 3927 display: flex;
3927 -webkit-box-orient: vertical; 3928 -webkit-box-orient: vertical;
3928 -webkit-box-direction: normal; 3929 -webkit-box-direction: normal;
3929 -ms-flex-direction: column; 3930 -ms-flex-direction: column;
3930 flex-direction: column; 3931 flex-direction: column;
3931 color: #000; 3932 color: #000;
3932 } 3933 }
3933 .main__resume-base-body { 3934 .main__resume-base-body {
3934 display: none; 3935 display: none;
3935 -webkit-box-orient: vertical; 3936 -webkit-box-orient: vertical;
3936 -webkit-box-direction: normal; 3937 -webkit-box-direction: normal;
3937 -ms-flex-direction: column; 3938 -ms-flex-direction: column;
3938 flex-direction: column; 3939 flex-direction: column;
3939 margin-top: 10px; 3940 margin-top: 10px;
3940 } 3941 }
3941 @media (min-width: 768px) { 3942 @media (min-width: 768px) {
3942 .main__resume-base-body { 3943 .main__resume-base-body {
3943 margin-top: 30px; 3944 margin-top: 30px;
3944 } 3945 }
3945 } 3946 }
3946 .main__resume-base-body.showed { 3947 .main__resume-base-body.showed {
3947 display: -webkit-box; 3948 display: -webkit-box;
3948 display: -ms-flexbox; 3949 display: -ms-flexbox;
3949 display: flex; 3950 display: flex;
3950 } 3951 }
3951 .main__resume-base-body-one { 3952 .main__resume-base-body-one {
3952 display: -webkit-box; 3953 display: -webkit-box;
3953 display: -ms-flexbox; 3954 display: -ms-flexbox;
3954 display: flex; 3955 display: flex;
3955 -webkit-box-orient: vertical; 3956 -webkit-box-orient: vertical;
3956 -webkit-box-direction: normal; 3957 -webkit-box-direction: normal;
3957 -ms-flex-direction: column; 3958 -ms-flex-direction: column;
3958 flex-direction: column; 3959 flex-direction: column;
3959 -webkit-box-align: center; 3960 -webkit-box-align: center;
3960 -ms-flex-align: center; 3961 -ms-flex-align: center;
3961 align-items: center; 3962 align-items: center;
3962 gap: 20px; 3963 gap: 20px;
3963 } 3964 }
3964 @media (min-width: 768px) { 3965 @media (min-width: 768px) {
3965 .main__resume-base-body-one { 3966 .main__resume-base-body-one {
3966 gap: 30px; 3967 gap: 30px;
3967 } 3968 }
3968 } 3969 }
3969 .main__resume-base-body-two { 3970 .main__resume-base-body-two {
3970 display: -webkit-box; 3971 display: -webkit-box;
3971 display: -ms-flexbox; 3972 display: -ms-flexbox;
3972 display: flex; 3973 display: flex;
3973 -webkit-box-orient: vertical; 3974 -webkit-box-orient: vertical;
3974 -webkit-box-direction: normal; 3975 -webkit-box-direction: normal;
3975 -ms-flex-direction: column; 3976 -ms-flex-direction: column;
3976 flex-direction: column; 3977 flex-direction: column;
3977 gap: 20px; 3978 gap: 20px;
3978 } 3979 }
3979 @media (min-width: 768px) { 3980 @media (min-width: 768px) {
3980 .main__resume-base-body-two { 3981 .main__resume-base-body-two {
3981 -webkit-box-orient: horizontal; 3982 -webkit-box-orient: horizontal;
3982 -webkit-box-direction: normal; 3983 -webkit-box-direction: normal;
3983 -ms-flex-direction: row; 3984 -ms-flex-direction: row;
3984 flex-direction: row; 3985 flex-direction: row;
3985 -webkit-box-pack: justify; 3986 -webkit-box-pack: justify;
3986 -ms-flex-pack: justify; 3987 -ms-flex-pack: justify;
3987 justify-content: space-between; 3988 justify-content: space-between;
3988 -webkit-box-align: start; 3989 -webkit-box-align: start;
3989 -ms-flex-align: start; 3990 -ms-flex-align: start;
3990 align-items: flex-start; 3991 align-items: flex-start;
3991 -ms-flex-wrap: wrap; 3992 -ms-flex-wrap: wrap;
3992 flex-wrap: wrap; 3993 flex-wrap: wrap;
3993 gap: 30px 0; 3994 gap: 30px 0;
3994 } 3995 }
3995 } 3996 }
3996 @media (min-width: 768px) { 3997 @media (min-width: 768px) {
3997 .main__resume-base-body-two .main__resume-base-body-item { 3998 .main__resume-base-body-two .main__resume-base-body-item {
3998 width: calc(50% - 10px); 3999 width: calc(50% - 10px);
3999 } 4000 }
4000 } 4001 }
4001 .main__resume-base-body-two .main__resume-base-body-item-wrapper { 4002 .main__resume-base-body-two .main__resume-base-body-item-wrapper {
4002 -webkit-box-orient: vertical; 4003 -webkit-box-orient: vertical;
4003 -webkit-box-direction: normal; 4004 -webkit-box-direction: normal;
4004 -ms-flex-direction: column; 4005 -ms-flex-direction: column;
4005 flex-direction: column; 4006 flex-direction: column;
4006 } 4007 }
4007 .main__resume-base-body-item { 4008 .main__resume-base-body-item {
4008 width: 100%; 4009 width: 100%;
4009 display: -webkit-box; 4010 display: -webkit-box;
4010 display: -ms-flexbox; 4011 display: -ms-flexbox;
4011 display: flex; 4012 display: flex;
4012 -webkit-box-orient: vertical; 4013 -webkit-box-orient: vertical;
4013 -webkit-box-direction: normal; 4014 -webkit-box-direction: normal;
4014 -ms-flex-direction: column; 4015 -ms-flex-direction: column;
4015 flex-direction: column; 4016 flex-direction: column;
4016 gap: 20px; 4017 gap: 20px;
4017 position: relative; 4018 position: relative;
4018 border: 1px solid #377d87; 4019 border: 1px solid #377d87;
4019 border-radius: 8px; 4020 border-radius: 8px;
4020 padding: 10px; 4021 padding: 10px;
4021 -webkit-box-align: center; 4022 -webkit-box-align: center;
4022 -ms-flex-align: center; 4023 -ms-flex-align: center;
4023 align-items: center; 4024 align-items: center;
4024 } 4025 }
4025 @media (min-width: 768px) { 4026 @media (min-width: 768px) {
4026 .main__resume-base-body-item { 4027 .main__resume-base-body-item {
4027 padding: 20px; 4028 padding: 20px;
4028 } 4029 }
4029 } 4030 }
4030 .main__resume-base-body-item-buttons { 4031 .main__resume-base-body-item-buttons {
4031 margin-top: 10px; 4032 margin-top: 10px;
4032 } 4033 }
4033 .main__resume-base-body-item-buttons button, a.main__resume-base-body-item-link{ 4034 .main__resume-base-body-item-buttons button, a.main__resume-base-body-item-link{
4034 width: 100%; 4035 width: 100%;
4035 margin-bottom: 10px; 4036 margin-bottom: 10px;
4036 } 4037 }
4037 .main__resume-base-body-item-buttons a.main__resume-base-body-item-link{ 4038 .main__resume-base-body-item-buttons a.main__resume-base-body-item-link{
4038 background: #377d87; 4039 background: #377d87;
4039 color: #fff; 4040 color: #fff;
4040 } 4041 }
4041 .main__resume-base-body-item-buttons .chat.active{ 4042 .main__resume-base-body-item-buttons .chat.active{
4042 background: #fff; 4043 background: #fff;
4043 color: #377d87; 4044 color: #377d87;
4044 } 4045 }
4045 .main__resume-base-body-item-buttons button.like.active{ 4046 .main__resume-base-body-item-buttons button.like.active{
4046 background-color: #ffffff; 4047 background-color: #ffffff;
4047 color: #eb5757; 4048 color: #eb5757;
4048 } 4049 }
4049 .main__resume-base-body-item-buttons button span{ 4050 .main__resume-base-body-item-buttons button span{
4050 margin-left: 10px; 4051 margin-left: 10px;
4051 } 4052 }
4052 .main__resume-base-body-item-buttons .like .in-favorites{ 4053 .main__resume-base-body-item-buttons .like .in-favorites{
4053 display: none; 4054 display: none;
4054 } 4055 }
4055 .main__resume-base-body-item-buttons .like.active .in-favorites{ 4056 .main__resume-base-body-item-buttons .like.active .in-favorites{
4056 display: block; 4057 display: block;
4057 color: #eb5757; 4058 color: #eb5757;
4058 } 4059 }
4059 .main__resume-base-body-item-buttons .like.active .to-favorites{ 4060 .main__resume-base-body-item-buttons .like.active .to-favorites{
4060 display: none; 4061 display: none;
4061 } 4062 }
4062 .main__resume-base-body-item-wrapper { 4063 .main__resume-base-body-item-wrapper {
4063 display: -webkit-box; 4064 display: -webkit-box;
4064 display: -ms-flexbox; 4065 display: -ms-flexbox;
4065 display: flex; 4066 display: flex;
4066 -webkit-box-orient: vertical; 4067 -webkit-box-orient: vertical;
4067 -webkit-box-direction: normal; 4068 -webkit-box-direction: normal;
4068 -ms-flex-direction: column; 4069 -ms-flex-direction: column;
4069 flex-direction: column; 4070 flex-direction: column;
4070 -webkit-box-align: start; 4071 -webkit-box-align: start;
4071 -ms-flex-align: start; 4072 -ms-flex-align: start;
4072 align-items: flex-start; 4073 align-items: flex-start;
4073 gap: 20px; 4074 gap: 20px;
4074 width: 100%; 4075 width: 100%;
4075 } 4076 }
4076 @media (min-width: 768px) { 4077 @media (min-width: 768px) {
4077 .main__resume-base-body-item-wrapper { 4078 .main__resume-base-body-item-wrapper {
4078 -webkit-box-orient: horizontal; 4079 -webkit-box-orient: horizontal;
4079 -webkit-box-direction: normal; 4080 -webkit-box-direction: normal;
4080 -ms-flex-direction: row; 4081 -ms-flex-direction: row;
4081 flex-direction: row; 4082 flex-direction: row;
4082 } 4083 }
4083 } 4084 }
4084 .main__resume-base-body-item-photo { 4085 .main__resume-base-body-item-photo {
4085 width: 180px; 4086 width: 180px;
4086 aspect-ratio: 1/1; 4087 aspect-ratio: 1/1;
4087 -o-object-fit: cover; 4088 -o-object-fit: cover;
4088 object-fit: cover; 4089 object-fit: cover;
4089 border-radius: 8px; 4090 border-radius: 8px;
4090 } 4091 }
4091 @media (min-width: 768px) { 4092 @media (min-width: 768px) {
4092 .main__resume-base-body-item-photo { 4093 .main__resume-base-body-item-photo {
4093 width: 210px; 4094 width: 210px;
4094 } 4095 }
4095 } 4096 }
4096 .main__resume-base-body-item-inner { 4097 .main__resume-base-body-item-inner {
4097 display: -webkit-box; 4098 display: -webkit-box;
4098 display: -ms-flexbox; 4099 display: -ms-flexbox;
4099 display: flex; 4100 display: flex;
4100 -webkit-box-orient: vertical; 4101 -webkit-box-orient: vertical;
4101 -webkit-box-direction: normal; 4102 -webkit-box-direction: normal;
4102 -ms-flex-direction: column; 4103 -ms-flex-direction: column;
4103 flex-direction: column; 4104 flex-direction: column;
4104 gap: 10px; 4105 gap: 10px;
4105 width: 100%; 4106 width: 100%;
4106 row-gap: 10px; 4107 row-gap: 10px;
4107 } 4108 }
4108 .main__resume-base-body-item-inner .horizontal{ 4109 .main__resume-base-body-item-inner .horizontal{
4109 -webkit-box-orient: horizontal; 4110 -webkit-box-orient: horizontal;
4110 -ms-flex-direction: unset; 4111 -ms-flex-direction: unset;
4111 flex-direction: row; 4112 flex-direction: row;
4112 align-items: start; 4113 align-items: start;
4113 } 4114 }
4114 .main__resume-base-item-status{ 4115 .main__resume-base-item-status{
4115 width: fit-content; 4116 width: fit-content;
4116 background-color: #e6e6e6; 4117 background-color: #e6e6e6;
4117 font-weight: bold; 4118 font-weight: bold;
4118 padding: 5px 10px; 4119 padding: 5px 10px;
4119 border-radius: 8px; 4120 border-radius: 8px;
4120 } 4121 }
4121 .main__resume-base-item-status.looking-for-job{ 4122 .main__resume-base-item-status.looking-for-job{
4122 background-color: #eb5757; 4123 background-color: #eb5757;
4123 color: #fff; 4124 color: #fff;
4124 } 4125 }
4125 .main__resume-base-item-updated-at{ 4126 .main__resume-base-item-updated-at{
4126 padding: 5px 10px; 4127 padding: 5px 10px;
4127 border-radius: 8px; 4128 border-radius: 8px;
4128 border: 1px #e6e6e6 solid; 4129 border: 1px #e6e6e6 solid;
4129 } 4130 }
4130 @media (min-width: 768px) { 4131 @media (min-width: 768px) {
4131 .main__resume-base-body-item-inner { 4132 .main__resume-base-body-item-inner {
4132 gap: 16px; 4133 gap: 16px;
4133 padding-right: 50px; 4134 padding-right: 50px;
4134 } 4135 }
4135 } 4136 }
4136 @media (min-width: 992px) { 4137 @media (min-width: 992px) {
4137 .main__resume-base-body-item-inner { 4138 .main__resume-base-body-item-inner {
4138 display: grid; 4139 display: grid;
4139 grid-template-columns: repeat(2, 1fr); 4140 grid-template-columns: repeat(2, 1fr);
4140 gap: 30px; 4141 gap: 30px;
4141 row-gap: 10px; 4142 row-gap: 10px;
4142 } 4143 }
4143 } 4144 }
4144 .main__resume-base-body-item-inner div { 4145 .main__resume-base-body-item-inner div {
4145 display: -webkit-box; 4146 display: -webkit-box;
4146 display: -ms-flexbox; 4147 display: -ms-flexbox;
4147 display: flex; 4148 display: flex;
4148 -webkit-box-orient: vertical; 4149 -webkit-box-orient: vertical;
4149 -webkit-box-direction: normal; 4150 -webkit-box-direction: normal;
4150 -ms-flex-direction: column; 4151 -ms-flex-direction: column;
4151 flex-direction: column; 4152 flex-direction: column;
4152 gap: 4px; 4153 gap: 4px;
4153 font-size: 12px; 4154 font-size: 12px;
4154 } 4155 }
4155 @media (min-width: 768px) { 4156 @media (min-width: 768px) {
4156 .main__resume-base-body-item-inner div { 4157 .main__resume-base-body-item-inner div {
4157 font-size: 16px; 4158 font-size: 16px;
4158 } 4159 }
4159 } 4160 }
4160 .main__resume-base-body-item-inner b { 4161 .main__resume-base-body-item-inner b {
4161 color: #377d87; 4162 color: #377d87;
4162 font-size: 14px; 4163 font-size: 14px;
4163 } 4164 }
4164 @media (min-width: 768px) { 4165 @media (min-width: 768px) {
4165 .main__resume-base-body-item-inner b { 4166 .main__resume-base-body-item-inner b {
4166 font-size: 18px; 4167 font-size: 18px;
4167 } 4168 }
4168 } 4169 }
4169 .main__resume-base-body-item-link { 4170 .main__resume-base-body-item-link {
4170 width: 100%; 4171 width: 100%;
4171 padding: 0; 4172 padding: 0;
4172 } 4173 }
4173 @media (min-width: 768px) { 4174 @media (min-width: 768px) {
4174 .main__resume-base-body-item-link { 4175 .main__resume-base-body-item-link {
4175 width: 200px; 4176 width: 200px;
4176 } 4177 }
4177 } 4178 }
4178 .main__spoiler { 4179 .main__spoiler {
4179 overflow: hidden; 4180 overflow: hidden;
4180 border-radius: 8px; 4181 border-radius: 8px;
4181 display: -webkit-box; 4182 display: -webkit-box;
4182 display: -ms-flexbox; 4183 display: -ms-flexbox;
4183 display: flex; 4184 display: flex;
4184 -webkit-box-orient: vertical; 4185 -webkit-box-orient: vertical;
4185 -webkit-box-direction: normal; 4186 -webkit-box-direction: normal;
4186 -ms-flex-direction: column; 4187 -ms-flex-direction: column;
4187 flex-direction: column; 4188 flex-direction: column;
4188 } 4189 }
4189 .main__spoiler-toper { 4190 .main__spoiler-toper {
4190 background: #377d87; 4191 background: #377d87;
4191 height: 30px; 4192 height: 30px;
4192 display: -webkit-box; 4193 display: -webkit-box;
4193 display: -ms-flexbox; 4194 display: -ms-flexbox;
4194 display: flex; 4195 display: flex;
4195 -webkit-box-align: center; 4196 -webkit-box-align: center;
4196 -ms-flex-align: center; 4197 -ms-flex-align: center;
4197 align-items: center; 4198 align-items: center;
4198 -webkit-box-pack: center; 4199 -webkit-box-pack: center;
4199 -ms-flex-pack: center; 4200 -ms-flex-pack: center;
4200 justify-content: center; 4201 justify-content: center;
4201 color: #fff; 4202 color: #fff;
4202 font-size: 12px; 4203 font-size: 12px;
4203 font-weight: 700; 4204 font-weight: 700;
4204 padding: 0 30px; 4205 padding: 0 30px;
4205 border: none; 4206 border: none;
4206 position: relative; 4207 position: relative;
4207 } 4208 }
4208 @media (min-width: 768px) { 4209 @media (min-width: 768px) {
4209 .main__spoiler-toper { 4210 .main__spoiler-toper {
4210 font-size: 18px; 4211 font-size: 18px;
4211 height: 50px; 4212 height: 50px;
4212 padding: 0 60px; 4213 padding: 0 60px;
4213 } 4214 }
4214 } 4215 }
4215 .main__spoiler-toper:before, .main__spoiler-toper:after { 4216 .main__spoiler-toper:before, .main__spoiler-toper:after {
4216 content: ""; 4217 content: "";
4217 background: #fff; 4218 background: #fff;
4218 border-radius: 999px; 4219 border-radius: 999px;
4219 width: 10px; 4220 width: 10px;
4220 height: 1px; 4221 height: 1px;
4221 position: absolute; 4222 position: absolute;
4222 top: 50%; 4223 top: 50%;
4223 right: 10px; 4224 right: 10px;
4224 -webkit-transition: 0.3s; 4225 -webkit-transition: 0.3s;
4225 transition: 0.3s; 4226 transition: 0.3s;
4226 -webkit-transform: translate(0, -50%); 4227 -webkit-transform: translate(0, -50%);
4227 -ms-transform: translate(0, -50%); 4228 -ms-transform: translate(0, -50%);
4228 transform: translate(0, -50%); 4229 transform: translate(0, -50%);
4229 } 4230 }
4230 @media (min-width: 768px) { 4231 @media (min-width: 768px) {
4231 .main__spoiler-toper:before, .main__spoiler-toper:after { 4232 .main__spoiler-toper:before, .main__spoiler-toper:after {
4232 width: 20px; 4233 width: 20px;
4233 height: 2px; 4234 height: 2px;
4234 right: 20px; 4235 right: 20px;
4235 } 4236 }
4236 } 4237 }
4237 .main__spoiler-toper:after { 4238 .main__spoiler-toper:after {
4238 -webkit-transform: rotate(90deg); 4239 -webkit-transform: rotate(90deg);
4239 -ms-transform: rotate(90deg); 4240 -ms-transform: rotate(90deg);
4240 transform: rotate(90deg); 4241 transform: rotate(90deg);
4241 } 4242 }
4242 .main__spoiler-toper.active:after { 4243 .main__spoiler-toper.active:after {
4243 -webkit-transform: rotate(0deg); 4244 -webkit-transform: rotate(0deg);
4244 -ms-transform: rotate(0deg); 4245 -ms-transform: rotate(0deg);
4245 transform: rotate(0deg); 4246 transform: rotate(0deg);
4246 } 4247 }
4247 .main__spoiler-body { 4248 .main__spoiler-body {
4248 opacity: 0; 4249 opacity: 0;
4249 height: 0; 4250 height: 0;
4250 overflow: hidden; 4251 overflow: hidden;
4251 border-radius: 0 0 8px 8px; 4252 border-radius: 0 0 8px 8px;
4252 background: #fff; 4253 background: #fff;
4253 } 4254 }
4254 .main__spoiler-body table { 4255 .main__spoiler-body table {
4255 width: calc(100% + 2px); 4256 width: calc(100% + 2px);
4256 margin-left: -1px; 4257 margin-left: -1px;
4257 margin-bottom: -1px; 4258 margin-bottom: -1px;
4258 } 4259 }
4259 @media (min-width: 992px) { 4260 @media (min-width: 992px) {
4260 .main__spoiler-body table td { 4261 .main__spoiler-body table td {
4261 width: 50%; 4262 width: 50%;
4262 } 4263 }
4263 } 4264 }
4264 @media (min-width: 992px) { 4265 @media (min-width: 992px) {
4265 .main__spoiler-body table td + td { 4266 .main__spoiler-body table td + td {
4266 width: 50%; 4267 width: 50%;
4267 } 4268 }
4268 } 4269 }
4269 .active + .main__spoiler-body { 4270 .active + .main__spoiler-body {
4270 -webkit-transition: 0.3s; 4271 -webkit-transition: 0.3s;
4271 transition: 0.3s; 4272 transition: 0.3s;
4272 opacity: 1; 4273 opacity: 1;
4273 height: auto; 4274 height: auto;
4274 border: 1px solid #cecece; 4275 border: 1px solid #cecece;
4275 border-top: none; 4276 border-top: none;
4276 } 4277 }
4277 .main__table { 4278 .main__table {
4278 border-collapse: collapse; 4279 border-collapse: collapse;
4279 table-layout: fixed; 4280 table-layout: fixed;
4280 font-size: 12px; 4281 font-size: 12px;
4281 width: 100%; 4282 width: 100%;
4282 background: #fff; 4283 background: #fff;
4283 } 4284 }
4284 @media (min-width: 768px) { 4285 @media (min-width: 768px) {
4285 .main__table { 4286 .main__table {
4286 font-size: 16px; 4287 font-size: 16px;
4287 } 4288 }
4288 } 4289 }
4289 .main__table td { 4290 .main__table td {
4290 border: 1px solid #cecece; 4291 border: 1px solid #cecece;
4291 padding: 4px 8px; 4292 padding: 4px 8px;
4292 vertical-align: top; 4293 vertical-align: top;
4293 } 4294 }
4294 @media (min-width: 768px) { 4295 @media (min-width: 768px) {
4295 .main__table td { 4296 .main__table td {
4296 padding: 8px 16px; 4297 padding: 8px 16px;
4297 } 4298 }
4298 } 4299 }
4299 .main__table td b { 4300 .main__table td b {
4300 font-weight: 700; 4301 font-weight: 700;
4301 } 4302 }
4302 .main__table_three { 4303 .main__table_three {
4303 table-layout: auto; 4304 table-layout: auto;
4304 } 4305 }
4305 .main__table_three td { 4306 .main__table_three td {
4306 width: 25% !important; 4307 width: 25% !important;
4307 } 4308 }
4308 .main__table_three td:last-child { 4309 .main__table_three td:last-child {
4309 width: 50% !important; 4310 width: 50% !important;
4310 } 4311 }
4311 .main__table b { 4312 .main__table b {
4312 display: block; 4313 display: block;
4313 } 4314 }
4314 .main__table a { 4315 .main__table a {
4315 color: #377d87; 4316 color: #377d87;
4316 text-decoration: underline; 4317 text-decoration: underline;
4317 } 4318 }
4318 .main__table a:hover { 4319 .main__table a:hover {
4319 color: #000; 4320 color: #000;
4320 } 4321 }
4321 .main__resume-profile-about { 4322 .main__resume-profile-about {
4322 padding-top: 20px; 4323 padding-top: 20px;
4323 padding-bottom: 30px; 4324 padding-bottom: 30px;
4324 position: relative; 4325 position: relative;
4325 margin-top: 30px; 4326 margin-top: 30px;
4326 display: -webkit-box; 4327 display: -webkit-box;
4327 display: -ms-flexbox; 4328 display: -ms-flexbox;
4328 display: flex; 4329 display: flex;
4329 -webkit-box-orient: vertical; 4330 -webkit-box-orient: vertical;
4330 -webkit-box-direction: normal; 4331 -webkit-box-direction: normal;
4331 -ms-flex-direction: column; 4332 -ms-flex-direction: column;
4332 flex-direction: column; 4333 flex-direction: column;
4333 -webkit-box-align: start; 4334 -webkit-box-align: start;
4334 -ms-flex-align: start; 4335 -ms-flex-align: start;
4335 align-items: flex-start; 4336 align-items: flex-start;
4336 gap: 10px; 4337 gap: 10px;
4337 } 4338 }
4338 @media (min-width: 992px) { 4339 @media (min-width: 992px) {
4339 .main__resume-profile-about { 4340 .main__resume-profile-about {
4340 padding: 50px 0; 4341 padding: 50px 0;
4341 } 4342 }
4342 } 4343 }
4343 .main__resume-profile-about:before { 4344 .main__resume-profile-about:before {
4344 content: ""; 4345 content: "";
4345 position: absolute; 4346 position: absolute;
4346 z-index: 1; 4347 z-index: 1;
4347 top: 0; 4348 top: 0;
4348 left: 50%; 4349 left: 50%;
4349 width: 20000px; 4350 width: 20000px;
4350 height: 100%; 4351 height: 100%;
4351 margin-left: -10000px; 4352 margin-left: -10000px;
4352 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 4353 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
4353 } 4354 }
4354 .main__resume-profile-about-title { 4355 .main__resume-profile-about-title {
4355 position: relative; 4356 position: relative;
4356 z-index: 2; 4357 z-index: 2;
4357 color: #000; 4358 color: #000;
4358 } 4359 }
4359 .main__resume-profile-about-buttons{ 4360 .main__resume-profile-about-buttons{
4360 display: flex; 4361 display: flex;
4361 width: 100%; 4362 width: 100%;
4362 position: relative; 4363 position: relative;
4363 z-index: 2; 4364 z-index: 2;
4364 } 4365 }
4365 .main__resume-profile-about-buttons .like{ 4366 .main__resume-profile-about-buttons .like{
4366 width: 200px; 4367 width: 200px;
4367 } 4368 }
4368 .main__resume-profile-about-buttons .like.active{ 4369 .main__resume-profile-about-buttons .like.active{
4369 background: #fff; 4370 background: #fff;
4370 color: #eb5757; 4371 color: #eb5757;
4371 } 4372 }
4372 .main__resume-profile-about-buttons .like .in-favorites{ 4373 .main__resume-profile-about-buttons .like .in-favorites{
4373 display: none; 4374 display: none;
4374 } 4375 }
4375 .main__resume-profile-about-buttons .like.active .in-favorites{ 4376 .main__resume-profile-about-buttons .like.active .in-favorites{
4376 display: block; 4377 display: block;
4377 color: #eb5757; 4378 color: #eb5757;
4378 } 4379 }
4379 .main__resume-profile-about-buttons .like.active .to-favorites{ 4380 .main__resume-profile-about-buttons .like.active .to-favorites{
4380 display: none; 4381 display: none;
4381 } 4382 }
4382 .main__resume-profile-about-text { 4383 .main__resume-profile-about-text {
4383 position: relative; 4384 position: relative;
4384 z-index: 2; 4385 z-index: 2;
4385 } 4386 }
4386 .main__resume-profile-info { 4387 .main__resume-profile-info {
4387 display: -webkit-box; 4388 display: -webkit-box;
4388 display: -ms-flexbox; 4389 display: -ms-flexbox;
4389 display: flex; 4390 display: flex;
4390 -webkit-box-orient: vertical; 4391 -webkit-box-orient: vertical;
4391 -webkit-box-direction: normal; 4392 -webkit-box-direction: normal;
4392 -ms-flex-direction: column; 4393 -ms-flex-direction: column;
4393 flex-direction: column; 4394 flex-direction: column;
4394 gap: 20px; 4395 gap: 20px;
4395 margin-top: 30px; 4396 margin-top: 30px;
4396 } 4397 }
4397 @media (min-width: 992px) { 4398 @media (min-width: 992px) {
4398 .main__resume-profile-info { 4399 .main__resume-profile-info {
4399 margin-top: 50px; 4400 margin-top: 50px;
4400 gap: 30px; 4401 gap: 30px;
4401 } 4402 }
4402 } 4403 }
4403 .main__resume-profile-info-title { 4404 .main__resume-profile-info-title {
4404 color: #000; 4405 color: #000;
4405 } 4406 }
4406 .main__resume-profile-info-body { 4407 .main__resume-profile-info-body {
4407 display: -webkit-box; 4408 display: -webkit-box;
4408 display: -ms-flexbox; 4409 display: -ms-flexbox;
4409 display: flex; 4410 display: flex;
4410 -webkit-box-orient: vertical; 4411 -webkit-box-orient: vertical;
4411 -webkit-box-direction: normal; 4412 -webkit-box-direction: normal;
4412 -ms-flex-direction: column; 4413 -ms-flex-direction: column;
4413 flex-direction: column; 4414 flex-direction: column;
4414 gap: 20px; 4415 gap: 20px;
4415 } 4416 }
4416 @media (min-width: 992px) { 4417 @media (min-width: 992px) {
4417 .main__resume-profile-info-body { 4418 .main__resume-profile-info-body {
4418 gap: 30px; 4419 gap: 30px;
4419 } 4420 }
4420 } 4421 }
4421 .main__resume-profile-info-body-item { 4422 .main__resume-profile-info-body-item {
4422 display: -webkit-box; 4423 display: -webkit-box;
4423 display: -ms-flexbox; 4424 display: -ms-flexbox;
4424 display: flex; 4425 display: flex;
4425 -webkit-box-orient: vertical; 4426 -webkit-box-orient: vertical;
4426 -webkit-box-direction: normal; 4427 -webkit-box-direction: normal;
4427 -ms-flex-direction: column; 4428 -ms-flex-direction: column;
4428 flex-direction: column; 4429 flex-direction: column;
4429 gap: 10px; 4430 gap: 10px;
4430 } 4431 }
4431 @media (min-width: 768px) { 4432 @media (min-width: 768px) {
4432 .main__resume-profile-info-body-item { 4433 .main__resume-profile-info-body-item {
4433 gap: 20px; 4434 gap: 20px;
4434 } 4435 }
4435 } 4436 }
4436 .main__resume-profile-info-body-subtitle { 4437 .main__resume-profile-info-body-subtitle {
4437 color: #4d88d9; 4438 color: #4d88d9;
4438 } 4439 }
4439 .main__resume-profile-info-body-inner { 4440 .main__resume-profile-info-body-inner {
4440 display: -webkit-box; 4441 display: -webkit-box;
4441 display: -ms-flexbox; 4442 display: -ms-flexbox;
4442 display: flex; 4443 display: flex;
4443 -webkit-box-orient: vertical; 4444 -webkit-box-orient: vertical;
4444 -webkit-box-direction: normal; 4445 -webkit-box-direction: normal;
4445 -ms-flex-direction: column; 4446 -ms-flex-direction: column;
4446 flex-direction: column; 4447 flex-direction: column;
4447 gap: 20px; 4448 gap: 20px;
4448 margin: 0; 4449 margin: 0;
4449 padding: 0; 4450 padding: 0;
4450 font-size: 12px; 4451 font-size: 12px;
4451 } 4452 }
4452 @media (min-width: 768px) { 4453 @media (min-width: 768px) {
4453 .main__resume-profile-info-body-inner { 4454 .main__resume-profile-info-body-inner {
4454 display: grid; 4455 display: grid;
4455 grid-template-columns: repeat(2, 1fr); 4456 grid-template-columns: repeat(2, 1fr);
4456 } 4457 }
4457 } 4458 }
4458 @media (min-width: 992px) { 4459 @media (min-width: 992px) {
4459 .main__resume-profile-info-body-inner { 4460 .main__resume-profile-info-body-inner {
4460 grid-template-columns: repeat(3, 1fr); 4461 grid-template-columns: repeat(3, 1fr);
4461 font-size: 16px; 4462 font-size: 16px;
4462 } 4463 }
4463 } 4464 }
4464 .main__resume-profile-info-body-inner li { 4465 .main__resume-profile-info-body-inner li {
4465 display: -webkit-box; 4466 display: -webkit-box;
4466 display: -ms-flexbox; 4467 display: -ms-flexbox;
4467 display: flex; 4468 display: flex;
4468 -webkit-box-orient: vertical; 4469 -webkit-box-orient: vertical;
4469 -webkit-box-direction: normal; 4470 -webkit-box-direction: normal;
4470 -ms-flex-direction: column; 4471 -ms-flex-direction: column;
4471 flex-direction: column; 4472 flex-direction: column;
4472 gap: 6px; 4473 gap: 6px;
4473 } 4474 }
4474 @media (min-width: 992px) { 4475 @media (min-width: 992px) {
4475 .main__resume-profile-info-body-inner li { 4476 .main__resume-profile-info-body-inner li {
4476 gap: 8px; 4477 gap: 8px;
4477 } 4478 }
4478 } 4479 }
4479 .main__resume-profile-info-body-inner b { 4480 .main__resume-profile-info-body-inner b {
4480 color: #377d87; 4481 color: #377d87;
4481 font-size: 14px; 4482 font-size: 14px;
4482 } 4483 }
4483 @media (min-width: 992px) { 4484 @media (min-width: 992px) {
4484 .main__resume-profile-info-body-inner b { 4485 .main__resume-profile-info-body-inner b {
4485 font-size: 18px; 4486 font-size: 18px;
4486 } 4487 }
4487 } 4488 }
4488 .main__resume-profile-info-body-inner span { 4489 .main__resume-profile-info-body-inner span {
4489 display: -webkit-box; 4490 display: -webkit-box;
4490 display: -ms-flexbox; 4491 display: -ms-flexbox;
4491 display: flex; 4492 display: flex;
4492 -webkit-box-orient: vertical; 4493 -webkit-box-orient: vertical;
4493 -webkit-box-direction: normal; 4494 -webkit-box-direction: normal;
4494 -ms-flex-direction: column; 4495 -ms-flex-direction: column;
4495 flex-direction: column; 4496 flex-direction: column;
4496 gap: 4px; 4497 gap: 4px;
4497 } 4498 }
4498 @media (min-width: 992px) { 4499 @media (min-width: 992px) {
4499 .main__resume-profile-info-body-inner span { 4500 .main__resume-profile-info-body-inner span {
4500 gap: 6px; 4501 gap: 6px;
4501 } 4502 }
4502 } 4503 }
4503 .main__resume-profile-review { 4504 .main__resume-profile-review {
4504 display: -webkit-box; 4505 display: -webkit-box;
4505 display: -ms-flexbox; 4506 display: -ms-flexbox;
4506 display: flex; 4507 display: flex;
4507 -webkit-box-orient: vertical; 4508 -webkit-box-orient: vertical;
4508 -webkit-box-direction: normal; 4509 -webkit-box-direction: normal;
4509 -ms-flex-direction: column; 4510 -ms-flex-direction: column;
4510 flex-direction: column; 4511 flex-direction: column;
4511 gap: 20px; 4512 gap: 20px;
4512 padding: 20px 10px; 4513 padding: 20px 10px;
4513 margin-top: 30px; 4514 margin-top: 30px;
4514 border-radius: 16px; 4515 border-radius: 16px;
4515 border: 1px solid #cecece; 4516 border: 1px solid #cecece;
4516 background: #fff; 4517 background: #fff;
4517 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 4518 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4518 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 4519 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4519 } 4520 }
4520 @media (min-width: 992px) { 4521 @media (min-width: 992px) {
4521 .main__resume-profile-review { 4522 .main__resume-profile-review {
4522 margin-top: 50px; 4523 margin-top: 50px;
4523 padding: 50px 40px; 4524 padding: 50px 40px;
4524 gap: 30px; 4525 gap: 30px;
4525 } 4526 }
4526 } 4527 }
4527 .main__resume-profile-review-title { 4528 .main__resume-profile-review-title {
4528 color: #000; 4529 color: #000;
4529 } 4530 }
4530 .main__resume-profile-review-body { 4531 .main__resume-profile-review-body {
4531 display: -webkit-box; 4532 display: -webkit-box;
4532 display: -ms-flexbox; 4533 display: -ms-flexbox;
4533 display: flex; 4534 display: flex;
4534 -webkit-box-orient: vertical; 4535 -webkit-box-orient: vertical;
4535 -webkit-box-direction: normal; 4536 -webkit-box-direction: normal;
4536 -ms-flex-direction: column; 4537 -ms-flex-direction: column;
4537 flex-direction: column; 4538 flex-direction: column;
4538 -webkit-box-align: start; 4539 -webkit-box-align: start;
4539 -ms-flex-align: start; 4540 -ms-flex-align: start;
4540 align-items: flex-start; 4541 align-items: flex-start;
4541 gap: 10px; 4542 gap: 10px;
4542 } 4543 }
4543 .main__resume-profile-review-body .textarea { 4544 .main__resume-profile-review-body .textarea {
4544 width: 100%; 4545 width: 100%;
4545 } 4546 }
4546 .main__resume-profile-review-body .button { 4547 .main__resume-profile-review-body .button {
4547 margin-top: 10px; 4548 margin-top: 10px;
4548 } 4549 }
4549 .main__vacancies { 4550 .main__vacancies {
4550 display: -webkit-box; 4551 display: -webkit-box;
4551 display: -ms-flexbox; 4552 display: -ms-flexbox;
4552 display: flex; 4553 display: flex;
4553 -webkit-box-orient: vertical; 4554 -webkit-box-orient: vertical;
4554 -webkit-box-direction: normal; 4555 -webkit-box-direction: normal;
4555 -ms-flex-direction: column; 4556 -ms-flex-direction: column;
4556 flex-direction: column; 4557 flex-direction: column;
4557 -webkit-box-align: center; 4558 -webkit-box-align: center;
4558 -ms-flex-align: center; 4559 -ms-flex-align: center;
4559 align-items: center; 4560 align-items: center;
4560 gap: 20px; 4561 gap: 20px;
4561 } 4562 }
4562 @media (min-width: 768px) { 4563 @media (min-width: 768px) {
4563 .main__vacancies { 4564 .main__vacancies {
4564 gap: 30px; 4565 gap: 30px;
4565 } 4566 }
4566 } 4567 }
4567 .main__vacancies-title { 4568 .main__vacancies-title {
4568 color: #000; 4569 color: #000;
4569 width: 100%; 4570 width: 100%;
4570 } 4571 }
4571 .main__vacancies-filters { 4572 .main__vacancies-filters {
4572 width: 100%; 4573 width: 100%;
4573 } 4574 }
4574 .main__vacancies-item { 4575 .main__vacancies-item {
4575 width: 100%; 4576 width: 100%;
4576 background: none; 4577 background: none;
4577 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 4578 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4578 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 4579 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4579 } 4580 }
4580 .main__vacancies-item-page { 4581 .main__vacancies-item-page {
4581 border: none; 4582 border: none;
4582 -webkit-box-shadow: none; 4583 -webkit-box-shadow: none;
4583 box-shadow: none; 4584 box-shadow: none;
4584 background: none; 4585 background: none;
4585 margin: 0 -10px; 4586 margin: 0 -10px;
4586 } 4587 }
4587 @media (min-width: 768px) { 4588 @media (min-width: 768px) {
4588 .main__vacancies-item-page { 4589 .main__vacancies-item-page {
4589 margin: 0 -20px; 4590 margin: 0 -20px;
4590 } 4591 }
4591 } 4592 }
4592 .main__vacancies-thing { 4593 .main__vacancies-thing {
4593 width: 100%; 4594 width: 100%;
4594 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 4595 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
4595 padding: 20px 10px; 4596 padding: 20px 10px;
4596 padding-bottom: 30px; 4597 padding-bottom: 30px;
4597 display: -webkit-box; 4598 display: -webkit-box;
4598 display: -ms-flexbox; 4599 display: -ms-flexbox;
4599 display: flex; 4600 display: flex;
4600 -webkit-box-orient: vertical; 4601 -webkit-box-orient: vertical;
4601 -webkit-box-direction: normal; 4602 -webkit-box-direction: normal;
4602 -ms-flex-direction: column; 4603 -ms-flex-direction: column;
4603 flex-direction: column; 4604 flex-direction: column;
4604 gap: 24px; 4605 gap: 24px;
4605 border-radius: 12px; 4606 border-radius: 12px;
4606 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 4607 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4607 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 4608 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4608 } 4609 }
4609 @media (min-width: 992px) { 4610 @media (min-width: 992px) {
4610 .main__vacancies-thing { 4611 .main__vacancies-thing {
4611 padding: 30px 20px; 4612 padding: 30px 20px;
4612 -webkit-box-orient: horizontal; 4613 -webkit-box-orient: horizontal;
4613 -webkit-box-direction: normal; 4614 -webkit-box-direction: normal;
4614 -ms-flex-direction: row; 4615 -ms-flex-direction: row;
4615 flex-direction: row; 4616 flex-direction: row;
4616 -webkit-box-align: start; 4617 -webkit-box-align: start;
4617 -ms-flex-align: start; 4618 -ms-flex-align: start;
4618 align-items: flex-start; 4619 align-items: flex-start;
4619 gap: 0; 4620 gap: 0;
4620 } 4621 }
4621 } 4622 }
4622 @media (min-width: 1280px) { 4623 @media (min-width: 1280px) {
4623 .main__vacancies-thing { 4624 .main__vacancies-thing {
4624 padding: 50px 20px; 4625 padding: 50px 20px;
4625 } 4626 }
4626 } 4627 }
4627 .main__vacancies-thing-pic { 4628 .main__vacancies-thing-pic {
4628 position: relative; 4629 position: relative;
4629 z-index: 2; 4630 z-index: 2;
4630 width: 100%; 4631 width: 100%;
4631 aspect-ratio: 42/34; 4632 aspect-ratio: 42/34;
4632 -o-object-fit: cover; 4633 -o-object-fit: cover;
4633 object-fit: cover; 4634 object-fit: cover;
4634 border-radius: 8px; 4635 border-radius: 8px;
4635 max-height: 340px; 4636 max-height: 340px;
4636 } 4637 }
4637 @media (min-width: 992px) { 4638 @media (min-width: 992px) {
4638 .main__vacancies-thing-pic { 4639 .main__vacancies-thing-pic {
4639 width: 380px; 4640 width: 380px;
4640 } 4641 }
4641 } 4642 }
4642 @media (min-width: 1280px) { 4643 @media (min-width: 1280px) {
4643 .main__vacancies-thing-pic { 4644 .main__vacancies-thing-pic {
4644 width: 420px; 4645 width: 420px;
4645 } 4646 }
4646 } 4647 }
4647 .main__vacancies-thing-body { 4648 .main__vacancies-thing-body {
4648 display: -webkit-box; 4649 display: -webkit-box;
4649 display: -ms-flexbox; 4650 display: -ms-flexbox;
4650 display: flex; 4651 display: flex;
4651 -webkit-box-orient: vertical; 4652 -webkit-box-orient: vertical;
4652 -webkit-box-direction: normal; 4653 -webkit-box-direction: normal;
4653 -ms-flex-direction: column; 4654 -ms-flex-direction: column;
4654 flex-direction: column; 4655 flex-direction: column;
4655 -webkit-box-align: start; 4656 -webkit-box-align: start;
4656 -ms-flex-align: start; 4657 -ms-flex-align: start;
4657 align-items: flex-start; 4658 align-items: flex-start;
4658 gap: 16px; 4659 gap: 16px;
4659 color: #000; 4660 color: #000;
4660 } 4661 }
4661 @media (min-width: 992px) { 4662 @media (min-width: 992px) {
4662 .main__vacancies-thing-body { 4663 .main__vacancies-thing-body {
4663 width: calc(100% - 380px); 4664 width: calc(100% - 380px);
4664 padding-left: 20px; 4665 padding-left: 20px;
4665 } 4666 }
4666 } 4667 }
4667 @media (min-width: 1280px) { 4668 @media (min-width: 1280px) {
4668 .main__vacancies-thing-body { 4669 .main__vacancies-thing-body {
4669 width: calc(100% - 420px); 4670 width: calc(100% - 420px);
4670 gap: 20px; 4671 gap: 20px;
4671 } 4672 }
4672 } 4673 }
4673 .main__vacancies-thing-body > * { 4674 .main__vacancies-thing-body > * {
4674 width: 100%; 4675 width: 100%;
4675 } 4676 }
4676 .main__vacancies-thing-body .button { 4677 .main__vacancies-thing-body .button {
4677 width: auto; 4678 width: auto;
4678 } 4679 }
4679 @media (min-width: 768px) { 4680 @media (min-width: 768px) {
4680 .main__vacancies-thing-body .button { 4681 .main__vacancies-thing-body .button {
4681 min-width: 200px; 4682 min-width: 200px;
4682 } 4683 }
4683 } 4684 }
4684 .main__vacancies-thing-scroll { 4685 .main__vacancies-thing-scroll {
4685 display: -webkit-box; 4686 display: -webkit-box;
4686 display: -ms-flexbox; 4687 display: -ms-flexbox;
4687 display: flex; 4688 display: flex;
4688 -webkit-box-orient: vertical; 4689 -webkit-box-orient: vertical;
4689 -webkit-box-direction: normal; 4690 -webkit-box-direction: normal;
4690 -ms-flex-direction: column; 4691 -ms-flex-direction: column;
4691 flex-direction: column; 4692 flex-direction: column;
4692 -webkit-box-align: start; 4693 -webkit-box-align: start;
4693 -ms-flex-align: start; 4694 -ms-flex-align: start;
4694 align-items: flex-start; 4695 align-items: flex-start;
4695 gap: 16px; 4696 gap: 16px;
4696 overflow: hidden; 4697 overflow: hidden;
4697 overflow-y: auto; 4698 overflow-y: auto;
4698 max-height: 180px; 4699 max-height: 180px;
4699 padding-right: 10px; 4700 padding-right: 10px;
4700 } 4701 }
4701 @media (min-width: 768px) { 4702 @media (min-width: 768px) {
4702 .main__vacancies-thing-scroll { 4703 .main__vacancies-thing-scroll {
4703 max-height: 210px; 4704 max-height: 210px;
4704 padding-right: 20px; 4705 padding-right: 20px;
4705 } 4706 }
4706 } 4707 }
4707 @media (min-width: 992px) { 4708 @media (min-width: 992px) {
4708 .main__vacancies-thing-scroll { 4709 .main__vacancies-thing-scroll {
4709 max-height: 175px; 4710 max-height: 175px;
4710 } 4711 }
4711 } 4712 }
4712 @media (min-width: 1280px) { 4713 @media (min-width: 1280px) {
4713 .main__vacancies-thing-scroll { 4714 .main__vacancies-thing-scroll {
4714 max-height: 200px; 4715 max-height: 200px;
4715 gap: 20px; 4716 gap: 20px;
4716 } 4717 }
4717 } 4718 }
4718 .main__cond { 4719 .main__cond {
4719 display: -webkit-box; 4720 display: -webkit-box;
4720 display: -ms-flexbox; 4721 display: -ms-flexbox;
4721 display: flex; 4722 display: flex;
4722 -webkit-box-orient: vertical; 4723 -webkit-box-orient: vertical;
4723 -webkit-box-direction: normal; 4724 -webkit-box-direction: normal;
4724 -ms-flex-direction: column; 4725 -ms-flex-direction: column;
4725 flex-direction: column; 4726 flex-direction: column;
4726 gap: 50px; 4727 gap: 50px;
4727 } 4728 }
4728 .main__cond > div { 4729 .main__cond > div {
4729 display: -webkit-box; 4730 display: -webkit-box;
4730 display: -ms-flexbox; 4731 display: -ms-flexbox;
4731 display: flex; 4732 display: flex;
4732 -webkit-box-orient: vertical; 4733 -webkit-box-orient: vertical;
4733 -webkit-box-direction: normal; 4734 -webkit-box-direction: normal;
4734 -ms-flex-direction: column; 4735 -ms-flex-direction: column;
4735 flex-direction: column; 4736 flex-direction: column;
4736 gap: 10px; 4737 gap: 10px;
4737 } 4738 }
4738 .main__cond-label { 4739 .main__cond-label {
4739 border-radius: 16px; 4740 border-radius: 16px;
4740 border: 1px solid #cecece; 4741 border: 1px solid #cecece;
4741 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 4742 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4742 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 4743 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
4743 padding: 30px 20px; 4744 padding: 30px 20px;
4744 font-weight: 700; 4745 font-weight: 700;
4745 color: #000; 4746 color: #000;
4746 line-height: 2; 4747 line-height: 2;
4747 text-align: center; 4748 text-align: center;
4748 } 4749 }
4749 @media (min-width: 992px) { 4750 @media (min-width: 992px) {
4750 .main__cond-label { 4751 .main__cond-label {
4751 font-size: 30px; 4752 font-size: 30px;
4752 } 4753 }
4753 } 4754 }
4754 .main__cond-icons { 4755 .main__cond-icons {
4755 padding: 0; 4756 padding: 0;
4756 margin: 0; 4757 margin: 0;
4757 display: -webkit-box; 4758 display: -webkit-box;
4758 display: -ms-flexbox; 4759 display: -ms-flexbox;
4759 display: flex; 4760 display: flex;
4760 -webkit-box-orient: vertical; 4761 -webkit-box-orient: vertical;
4761 -webkit-box-direction: normal; 4762 -webkit-box-direction: normal;
4762 -ms-flex-direction: column; 4763 -ms-flex-direction: column;
4763 flex-direction: column; 4764 flex-direction: column;
4764 gap: 25px; 4765 gap: 25px;
4765 margin-top: 10px; 4766 margin-top: 10px;
4766 } 4767 }
4767 @media (min-width: 768px) { 4768 @media (min-width: 768px) {
4768 .main__cond-icons { 4769 .main__cond-icons {
4769 display: grid; 4770 display: grid;
4770 grid-template-columns: repeat(2, 1fr); 4771 grid-template-columns: repeat(2, 1fr);
4771 gap: 60px; 4772 gap: 60px;
4772 margin-top: 20px; 4773 margin-top: 20px;
4773 } 4774 }
4774 } 4775 }
4775 @media (min-width: 1280px) { 4776 @media (min-width: 1280px) {
4776 .main__cond-icons { 4777 .main__cond-icons {
4777 grid-template-columns: repeat(3, 1fr); 4778 grid-template-columns: repeat(3, 1fr);
4778 } 4779 }
4779 } 4780 }
4780 .main__cond-icons li { 4781 .main__cond-icons li {
4781 display: -webkit-box; 4782 display: -webkit-box;
4782 display: -ms-flexbox; 4783 display: -ms-flexbox;
4783 display: flex; 4784 display: flex;
4784 -webkit-box-orient: vertical; 4785 -webkit-box-orient: vertical;
4785 -webkit-box-direction: normal; 4786 -webkit-box-direction: normal;
4786 -ms-flex-direction: column; 4787 -ms-flex-direction: column;
4787 flex-direction: column; 4788 flex-direction: column;
4788 -webkit-box-align: start; 4789 -webkit-box-align: start;
4789 -ms-flex-align: start; 4790 -ms-flex-align: start;
4790 align-items: flex-start; 4791 align-items: flex-start;
4791 gap: 20px; 4792 gap: 20px;
4792 font-size: 12px; 4793 font-size: 12px;
4793 line-height: 1.4; 4794 line-height: 1.4;
4794 color: #000; 4795 color: #000;
4795 } 4796 }
4796 @media (min-width: 768px) { 4797 @media (min-width: 768px) {
4797 .main__cond-icons li { 4798 .main__cond-icons li {
4798 font-size: 14px; 4799 font-size: 14px;
4799 } 4800 }
4800 } 4801 }
4801 @media (min-width: 992px) { 4802 @media (min-width: 992px) {
4802 .main__cond-icons li { 4803 .main__cond-icons li {
4803 font-size: 16px; 4804 font-size: 16px;
4804 line-height: 1.6; 4805 line-height: 1.6;
4805 } 4806 }
4806 } 4807 }
4807 @media (min-width: 1280px) { 4808 @media (min-width: 1280px) {
4808 .main__cond-icons li { 4809 .main__cond-icons li {
4809 font-size: 18px; 4810 font-size: 18px;
4810 } 4811 }
4811 } 4812 }
4812 .main__cond-icons li span { 4813 .main__cond-icons li span {
4813 width: 48px; 4814 width: 48px;
4814 height: 48px; 4815 height: 48px;
4815 display: -webkit-box; 4816 display: -webkit-box;
4816 display: -ms-flexbox; 4817 display: -ms-flexbox;
4817 display: flex; 4818 display: flex;
4818 -webkit-box-align: center; 4819 -webkit-box-align: center;
4819 -ms-flex-align: center; 4820 -ms-flex-align: center;
4820 align-items: center; 4821 align-items: center;
4821 } 4822 }
4822 .main__cond-icons li span img { 4823 .main__cond-icons li span img {
4823 max-width: 48px; 4824 max-width: 48px;
4824 } 4825 }
4825 .main__cond-callback { 4826 .main__cond-callback {
4826 margin-top: 10px; 4827 margin-top: 10px;
4827 } 4828 }
4828 .main__ads { 4829 .main__ads {
4829 display: -webkit-box; 4830 display: -webkit-box;
4830 display: -ms-flexbox; 4831 display: -ms-flexbox;
4831 display: flex; 4832 display: flex;
4832 -webkit-box-orient: vertical; 4833 -webkit-box-orient: vertical;
4833 -webkit-box-direction: normal; 4834 -webkit-box-direction: normal;
4834 -ms-flex-direction: column; 4835 -ms-flex-direction: column;
4835 flex-direction: column; 4836 flex-direction: column;
4836 gap: 30px; 4837 gap: 30px;
4837 margin: 30px 0; 4838 margin: 30px 0;
4838 } 4839 }
4839 @media (min-width: 992px) { 4840 @media (min-width: 992px) {
4840 .main__ads { 4841 .main__ads {
4841 margin: 60px 0; 4842 margin: 60px 0;
4842 } 4843 }
4843 } 4844 }
4844 .main__ads-item { 4845 .main__ads-item {
4845 display: -webkit-box; 4846 display: -webkit-box;
4846 display: -ms-flexbox; 4847 display: -ms-flexbox;
4847 display: flex; 4848 display: flex;
4848 -webkit-box-orient: vertical; 4849 -webkit-box-orient: vertical;
4849 -webkit-box-direction: normal; 4850 -webkit-box-direction: normal;
4850 -ms-flex-direction: column; 4851 -ms-flex-direction: column;
4851 flex-direction: column; 4852 flex-direction: column;
4852 gap: 16px; 4853 gap: 16px;
4853 } 4854 }
4854 @media (min-width: 992px) { 4855 @media (min-width: 992px) {
4855 .main__ads-item { 4856 .main__ads-item {
4856 -webkit-box-orient: horizontal; 4857 -webkit-box-orient: horizontal;
4857 -webkit-box-direction: normal; 4858 -webkit-box-direction: normal;
4858 -ms-flex-direction: row; 4859 -ms-flex-direction: row;
4859 flex-direction: row; 4860 flex-direction: row;
4860 gap: 0; 4861 gap: 0;
4861 } 4862 }
4862 } 4863 }
4863 .main__ads-item-pic { 4864 .main__ads-item-pic {
4864 width: 100%; 4865 width: 100%;
4865 max-width: 440px; 4866 max-width: 440px;
4866 max-height: 200px; 4867 max-height: 200px;
4867 aspect-ratio: 3/2; 4868 aspect-ratio: 3/2;
4868 position: relative; 4869 position: relative;
4869 overflow: hidden; 4870 overflow: hidden;
4870 border-radius: 12px; 4871 border-radius: 12px;
4871 } 4872 }
4872 @media (min-width: 992px) { 4873 @media (min-width: 992px) {
4873 .main__ads-item-pic { 4874 .main__ads-item-pic {
4874 width: 200px; 4875 width: 200px;
4875 aspect-ratio: 1/1; 4876 aspect-ratio: 1/1;
4876 } 4877 }
4877 } 4878 }
4878 .main__ads-item-pic img { 4879 .main__ads-item-pic img {
4879 z-index: 1; 4880 z-index: 1;
4880 position: absolute; 4881 position: absolute;
4881 top: 0; 4882 top: 0;
4882 left: 0; 4883 left: 0;
4883 width: 100%; 4884 width: 100%;
4884 height: 100%; 4885 height: 100%;
4885 -o-object-fit: cover; 4886 -o-object-fit: cover;
4886 object-fit: cover; 4887 object-fit: cover;
4887 } 4888 }
4888 .main__ads-item-pic span { 4889 .main__ads-item-pic span {
4889 z-index: 2; 4890 z-index: 2;
4890 width: 30px; 4891 width: 30px;
4891 height: 30px; 4892 height: 30px;
4892 border-radius: 6px; 4893 border-radius: 6px;
4893 background: #4d88d9; 4894 background: #4d88d9;
4894 display: -webkit-box; 4895 display: -webkit-box;
4895 display: -ms-flexbox; 4896 display: -ms-flexbox;
4896 display: flex; 4897 display: flex;
4897 -webkit-box-pack: center; 4898 -webkit-box-pack: center;
4898 -ms-flex-pack: center; 4899 -ms-flex-pack: center;
4899 justify-content: center; 4900 justify-content: center;
4900 -webkit-box-align: center; 4901 -webkit-box-align: center;
4901 -ms-flex-align: center; 4902 -ms-flex-align: center;
4902 align-items: center; 4903 align-items: center;
4903 position: absolute; 4904 position: absolute;
4904 top: 10px; 4905 top: 10px;
4905 left: 10px; 4906 left: 10px;
4906 color: #fff; 4907 color: #fff;
4907 } 4908 }
4908 @media (min-width: 992px) { 4909 @media (min-width: 992px) {
4909 .main__ads-item-pic span { 4910 .main__ads-item-pic span {
4910 width: 42px; 4911 width: 42px;
4911 height: 42px; 4912 height: 42px;
4912 } 4913 }
4913 } 4914 }
4914 .main__ads-item-pic span svg { 4915 .main__ads-item-pic span svg {
4915 width: 12px; 4916 width: 12px;
4916 height: 12px; 4917 height: 12px;
4917 } 4918 }
4918 @media (min-width: 992px) { 4919 @media (min-width: 992px) {
4919 .main__ads-item-pic span svg { 4920 .main__ads-item-pic span svg {
4920 width: 20px; 4921 width: 20px;
4921 height: 20px; 4922 height: 20px;
4922 } 4923 }
4923 } 4924 }
4924 .main__ads-item-body { 4925 .main__ads-item-body {
4925 display: -webkit-box; 4926 display: -webkit-box;
4926 display: -ms-flexbox; 4927 display: -ms-flexbox;
4927 display: flex; 4928 display: flex;
4928 -webkit-box-orient: vertical; 4929 -webkit-box-orient: vertical;
4929 -webkit-box-direction: normal; 4930 -webkit-box-direction: normal;
4930 -ms-flex-direction: column; 4931 -ms-flex-direction: column;
4931 flex-direction: column; 4932 flex-direction: column;
4932 -webkit-box-align: start; 4933 -webkit-box-align: start;
4933 -ms-flex-align: start; 4934 -ms-flex-align: start;
4934 align-items: flex-start; 4935 align-items: flex-start;
4935 gap: 10px; 4936 gap: 10px;
4936 font-size: 12px; 4937 font-size: 12px;
4937 } 4938 }
4938 @media (min-width: 992px) { 4939 @media (min-width: 992px) {
4939 .main__ads-item-body { 4940 .main__ads-item-body {
4940 width: calc(100% - 200px); 4941 width: calc(100% - 200px);
4941 padding-left: 40px; 4942 padding-left: 40px;
4942 -webkit-box-pack: center; 4943 -webkit-box-pack: center;
4943 -ms-flex-pack: center; 4944 -ms-flex-pack: center;
4944 justify-content: center; 4945 justify-content: center;
4945 font-size: 16px; 4946 font-size: 16px;
4946 gap: 20px; 4947 gap: 20px;
4947 } 4948 }
4948 } 4949 }
4949 .main__ads-item-body b { 4950 .main__ads-item-body b {
4950 width: 100%; 4951 width: 100%;
4951 font-weight: 700; 4952 font-weight: 700;
4952 font-size: 14px; 4953 font-size: 14px;
4953 } 4954 }
4954 @media (min-width: 992px) { 4955 @media (min-width: 992px) {
4955 .main__ads-item-body b { 4956 .main__ads-item-body b {
4956 font-size: 20px; 4957 font-size: 20px;
4957 } 4958 }
4958 } 4959 }
4959 .main__ads-item-body span { 4960 .main__ads-item-body span {
4960 width: 100%; 4961 width: 100%;
4961 } 4962 }
4962 4963
4963 .work { 4964 .work {
4964 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 4965 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
4965 color: #000; 4966 color: #000;
4966 padding-top: 70px; 4967 padding-top: 70px;
4967 padding-bottom: 10px; 4968 padding-bottom: 10px;
4968 position: relative; 4969 position: relative;
4969 overflow: hidden; 4970 overflow: hidden;
4970 } 4971 }
4971 @media (min-width: 768px) { 4972 @media (min-width: 768px) {
4972 .work { 4973 .work {
4973 padding-bottom: 25px; 4974 padding-bottom: 25px;
4974 } 4975 }
4975 } 4976 }
4976 @media (min-width: 1280px) { 4977 @media (min-width: 1280px) {
4977 .work { 4978 .work {
4978 padding-top: 80px; 4979 padding-top: 80px;
4979 padding-bottom: 25px; 4980 padding-bottom: 25px;
4980 } 4981 }
4981 } 4982 }
4982 .work__pic { 4983 .work__pic {
4983 position: absolute; 4984 position: absolute;
4984 height: calc(100% - 40px); 4985 height: calc(100% - 40px);
4985 z-index: 1; 4986 z-index: 1;
4986 display: none; 4987 display: none;
4987 bottom: 0; 4988 bottom: 0;
4988 left: 50%; 4989 left: 50%;
4989 margin-left: 40px; 4990 margin-left: 40px;
4990 } 4991 }
4991 @media (min-width: 992px) { 4992 @media (min-width: 992px) {
4992 .work__pic { 4993 .work__pic {
4993 display: block; 4994 display: block;
4994 } 4995 }
4995 } 4996 }
4996 @media (min-width: 1280px) { 4997 @media (min-width: 1280px) {
4997 .work__pic { 4998 .work__pic {
4998 margin-left: 80px; 4999 margin-left: 80px;
4999 } 5000 }
5000 } 5001 }
5001 .work__body { 5002 .work__body {
5002 position: relative; 5003 position: relative;
5003 z-index: 2; 5004 z-index: 2;
5004 display: -webkit-box; 5005 display: -webkit-box;
5005 display: -ms-flexbox; 5006 display: -ms-flexbox;
5006 display: flex; 5007 display: flex;
5007 -webkit-box-orient: vertical; 5008 -webkit-box-orient: vertical;
5008 -webkit-box-direction: normal; 5009 -webkit-box-direction: normal;
5009 -ms-flex-direction: column; 5010 -ms-flex-direction: column;
5010 flex-direction: column; 5011 flex-direction: column;
5011 -webkit-box-align: center; 5012 -webkit-box-align: center;
5012 -ms-flex-align: center; 5013 -ms-flex-align: center;
5013 align-items: center; 5014 align-items: center;
5014 } 5015 }
5015 @media (min-width: 768px) { 5016 @media (min-width: 768px) {
5016 .work__body { 5017 .work__body {
5017 -webkit-box-align: start; 5018 -webkit-box-align: start;
5018 -ms-flex-align: start; 5019 -ms-flex-align: start;
5019 align-items: flex-start; 5020 align-items: flex-start;
5020 } 5021 }
5021 } 5022 }
5022 @media (min-width: 992px) { 5023 @media (min-width: 992px) {
5023 .work__body { 5024 .work__body {
5024 max-width: 600px; 5025 max-width: 600px;
5025 } 5026 }
5026 } 5027 }
5027 .work__title { 5028 .work__title {
5028 width: 100%; 5029 width: 100%;
5029 font-size: 40px; 5030 font-size: 40px;
5030 font-weight: 700; 5031 font-weight: 700;
5031 line-height: 1; 5032 line-height: 1;
5032 } 5033 }
5033 @media (min-width: 768px) { 5034 @media (min-width: 768px) {
5034 .work__title { 5035 .work__title {
5035 font-size: 64px; 5036 font-size: 64px;
5036 line-height: 94px; 5037 line-height: 94px;
5037 } 5038 }
5038 } 5039 }
5039 .work__text { 5040 .work__text {
5040 width: 100%; 5041 width: 100%;
5041 font-size: 12px; 5042 font-size: 12px;
5042 margin-top: 10px; 5043 margin-top: 10px;
5043 } 5044 }
5044 @media (min-width: 768px) { 5045 @media (min-width: 768px) {
5045 .work__text { 5046 .work__text {
5046 font-size: 18px; 5047 font-size: 18px;
5047 margin-top: 20px; 5048 margin-top: 20px;
5048 line-height: 1.4; 5049 line-height: 1.4;
5049 } 5050 }
5050 } 5051 }
5051 .work__list { 5052 .work__list {
5052 width: 100%; 5053 width: 100%;
5053 display: -webkit-box; 5054 display: -webkit-box;
5054 display: -ms-flexbox; 5055 display: -ms-flexbox;
5055 display: flex; 5056 display: flex;
5056 -webkit-box-orient: vertical; 5057 -webkit-box-orient: vertical;
5057 -webkit-box-direction: normal; 5058 -webkit-box-direction: normal;
5058 -ms-flex-direction: column; 5059 -ms-flex-direction: column;
5059 flex-direction: column; 5060 flex-direction: column;
5060 gap: 5px; 5061 gap: 5px;
5061 font-size: 14px; 5062 font-size: 14px;
5062 font-weight: 700; 5063 font-weight: 700;
5063 margin-top: 15px; 5064 margin-top: 15px;
5064 } 5065 }
5065 @media (min-width: 768px) { 5066 @media (min-width: 768px) {
5066 .work__list { 5067 .work__list {
5067 font-size: 18px; 5068 font-size: 18px;
5068 gap: 8px; 5069 gap: 8px;
5069 margin-top: 30px; 5070 margin-top: 30px;
5070 } 5071 }
5071 } 5072 }
5072 .work__list div { 5073 .work__list div {
5073 position: relative; 5074 position: relative;
5074 padding-left: 10px; 5075 padding-left: 10px;
5075 } 5076 }
5076 @media (min-width: 768px) { 5077 @media (min-width: 768px) {
5077 .work__list div { 5078 .work__list div {
5078 padding-left: 16px; 5079 padding-left: 16px;
5079 } 5080 }
5080 } 5081 }
5081 .work__list div:before { 5082 .work__list div:before {
5082 content: ""; 5083 content: "";
5083 width: 4px; 5084 width: 4px;
5084 height: 4px; 5085 height: 4px;
5085 background: #000; 5086 background: #000;
5086 border-radius: 999px; 5087 border-radius: 999px;
5087 position: absolute; 5088 position: absolute;
5088 top: 5px; 5089 top: 5px;
5089 left: 0; 5090 left: 0;
5090 } 5091 }
5091 @media (min-width: 768px) { 5092 @media (min-width: 768px) {
5092 .work__list div:before { 5093 .work__list div:before {
5093 top: 8px; 5094 top: 8px;
5094 } 5095 }
5095 } 5096 }
5096 .work__form { 5097 .work__form {
5097 margin-top: 20px; 5098 margin-top: 20px;
5098 } 5099 }
5099 @media (min-width: 768px) { 5100 @media (min-width: 768px) {
5100 .work__form { 5101 .work__form {
5101 margin-top: 30px; 5102 margin-top: 30px;
5102 } 5103 }
5103 } 5104 }
5104 .work__search { 5105 .work__search {
5105 width: 100%; 5106 width: 100%;
5106 max-width: 180px; 5107 max-width: 180px;
5107 margin-top: 20px; 5108 margin-top: 20px;
5108 } 5109 }
5109 @media (min-width: 768px) { 5110 @media (min-width: 768px) {
5110 .work__search { 5111 .work__search {
5111 max-width: 270px; 5112 max-width: 270px;
5112 margin-top: 50px; 5113 margin-top: 50px;
5113 } 5114 }
5114 } 5115 }
5115 .work__get { 5116 .work__get {
5116 width: 100%; 5117 width: 100%;
5117 display: -webkit-box; 5118 display: -webkit-box;
5118 display: -ms-flexbox; 5119 display: -ms-flexbox;
5119 display: flex; 5120 display: flex;
5120 -webkit-box-align: start; 5121 -webkit-box-align: start;
5121 -ms-flex-align: start; 5122 -ms-flex-align: start;
5122 align-items: flex-start; 5123 align-items: flex-start;
5123 -ms-flex-wrap: wrap; 5124 -ms-flex-wrap: wrap;
5124 flex-wrap: wrap; 5125 flex-wrap: wrap;
5125 margin-top: 48px; 5126 margin-top: 48px;
5126 } 5127 }
5127 .work__get b { 5128 .work__get b {
5128 width: 100%; 5129 width: 100%;
5129 margin-bottom: 10px; 5130 margin-bottom: 10px;
5130 font-size: 14px; 5131 font-size: 14px;
5131 } 5132 }
5132 @media (min-width: 768px) { 5133 @media (min-width: 768px) {
5133 .work__get b { 5134 .work__get b {
5134 font-size: 18px; 5135 font-size: 18px;
5135 } 5136 }
5136 } 5137 }
5137 .work__get a { 5138 .work__get a {
5138 display: -webkit-box; 5139 display: -webkit-box;
5139 display: -ms-flexbox; 5140 display: -ms-flexbox;
5140 display: flex; 5141 display: flex;
5141 -webkit-box-align: center; 5142 -webkit-box-align: center;
5142 -ms-flex-align: center; 5143 -ms-flex-align: center;
5143 align-items: center; 5144 align-items: center;
5144 -webkit-box-pack: center; 5145 -webkit-box-pack: center;
5145 -ms-flex-pack: center; 5146 -ms-flex-pack: center;
5146 justify-content: center; 5147 justify-content: center;
5147 margin-right: 20px; 5148 margin-right: 20px;
5148 } 5149 }
5149 .work__get a img { 5150 .work__get a img {
5150 -webkit-transition: 0.3s; 5151 -webkit-transition: 0.3s;
5151 transition: 0.3s; 5152 transition: 0.3s;
5152 width: 111px; 5153 width: 111px;
5153 } 5154 }
5154 @media (min-width: 768px) { 5155 @media (min-width: 768px) {
5155 .work__get a img { 5156 .work__get a img {
5156 width: 131px; 5157 width: 131px;
5157 } 5158 }
5158 } 5159 }
5159 .work__get a:hover img { 5160 .work__get a:hover img {
5160 -webkit-transform: scale(1.1); 5161 -webkit-transform: scale(1.1);
5161 -ms-transform: scale(1.1); 5162 -ms-transform: scale(1.1);
5162 transform: scale(1.1); 5163 transform: scale(1.1);
5163 } 5164 }
5164 .work__get a + a { 5165 .work__get a + a {
5165 margin-right: 0; 5166 margin-right: 0;
5166 } 5167 }
5167 5168
5168 .numbers { 5169 .numbers {
5169 padding: 30px 0; 5170 padding: 30px 0;
5170 background: #377d87 url("../images/bg.svg") no-repeat 100% calc(100% + 80px); 5171 background: #377d87 url("../images/bg.svg") no-repeat 100% calc(100% + 80px);
5171 color: #fff; 5172 color: #fff;
5172 } 5173 }
5173 @media (min-width: 1280px) { 5174 @media (min-width: 1280px) {
5174 .numbers { 5175 .numbers {
5175 padding: 100px 0; 5176 padding: 100px 0;
5176 background-position: 100% 100%; 5177 background-position: 100% 100%;
5177 background-size: auto 500px; 5178 background-size: auto 500px;
5178 } 5179 }
5179 } 5180 }
5180 .numbers__body { 5181 .numbers__body {
5181 display: -webkit-box; 5182 display: -webkit-box;
5182 display: -ms-flexbox; 5183 display: -ms-flexbox;
5183 display: flex; 5184 display: flex;
5184 -webkit-box-orient: vertical; 5185 -webkit-box-orient: vertical;
5185 -webkit-box-direction: normal; 5186 -webkit-box-direction: normal;
5186 -ms-flex-direction: column; 5187 -ms-flex-direction: column;
5187 flex-direction: column; 5188 flex-direction: column;
5188 gap: 30px; 5189 gap: 30px;
5189 } 5190 }
5190 @media (min-width: 768px) { 5191 @media (min-width: 768px) {
5191 .numbers__body { 5192 .numbers__body {
5192 display: grid; 5193 display: grid;
5193 grid-template-columns: 1fr 1fr 1fr; 5194 grid-template-columns: 1fr 1fr 1fr;
5194 } 5195 }
5195 } 5196 }
5196 .numbers__item { 5197 .numbers__item {
5197 font-size: 12px; 5198 font-size: 12px;
5198 display: -webkit-box; 5199 display: -webkit-box;
5199 display: -ms-flexbox; 5200 display: -ms-flexbox;
5200 display: flex; 5201 display: flex;
5201 -webkit-box-orient: vertical; 5202 -webkit-box-orient: vertical;
5202 -webkit-box-direction: normal; 5203 -webkit-box-direction: normal;
5203 -ms-flex-direction: column; 5204 -ms-flex-direction: column;
5204 flex-direction: column; 5205 flex-direction: column;
5205 line-height: 1.4; 5206 line-height: 1.4;
5206 } 5207 }
5207 @media (min-width: 1280px) { 5208 @media (min-width: 1280px) {
5208 .numbers__item { 5209 .numbers__item {
5209 font-size: 16px; 5210 font-size: 16px;
5210 line-height: 20px; 5211 line-height: 20px;
5211 } 5212 }
5212 } 5213 }
5213 .numbers__item b { 5214 .numbers__item b {
5214 font-size: 40px; 5215 font-size: 40px;
5215 font-weight: 700; 5216 font-weight: 700;
5216 border-bottom: 1px solid #fff; 5217 border-bottom: 1px solid #fff;
5217 line-height: 1; 5218 line-height: 1;
5218 } 5219 }
5219 @media (min-width: 1280px) { 5220 @media (min-width: 1280px) {
5220 .numbers__item b { 5221 .numbers__item b {
5221 font-size: 100px; 5222 font-size: 100px;
5222 line-height: 147px; 5223 line-height: 147px;
5223 } 5224 }
5224 } 5225 }
5225 .numbers__item span { 5226 .numbers__item span {
5226 font-weight: 700; 5227 font-weight: 700;
5227 font-size: 14px; 5228 font-size: 14px;
5228 margin: 10px 0; 5229 margin: 10px 0;
5229 line-height: 1; 5230 line-height: 1;
5230 } 5231 }
5231 @media (min-width: 1280px) { 5232 @media (min-width: 1280px) {
5232 .numbers__item span { 5233 .numbers__item span {
5233 font-size: 24px; 5234 font-size: 24px;
5234 margin-top: 30px; 5235 margin-top: 30px;
5235 } 5236 }
5236 } 5237 }
5237 5238
5238 .vacancies { 5239 .vacancies {
5239 padding: 50px 0; 5240 padding: 50px 0;
5240 } 5241 }
5241 @media (min-width: 1280px) { 5242 @media (min-width: 1280px) {
5242 .vacancies { 5243 .vacancies {
5243 padding: 100px 0; 5244 padding: 100px 0;
5244 } 5245 }
5245 } 5246 }
5246 .vacancies__body { 5247 .vacancies__body {
5247 display: -webkit-box; 5248 display: -webkit-box;
5248 display: -ms-flexbox; 5249 display: -ms-flexbox;
5249 display: flex; 5250 display: flex;
5250 -webkit-box-orient: vertical; 5251 -webkit-box-orient: vertical;
5251 -webkit-box-direction: reverse; 5252 -webkit-box-direction: reverse;
5252 -ms-flex-direction: column-reverse; 5253 -ms-flex-direction: column-reverse;
5253 flex-direction: column-reverse; 5254 flex-direction: column-reverse;
5254 gap: 20px; 5255 gap: 20px;
5255 width: 100%; 5256 width: 100%;
5256 margin-top: 20px; 5257 margin-top: 20px;
5257 } 5258 }
5258 @media (min-width: 992px) { 5259 @media (min-width: 992px) {
5259 .vacancies__body { 5260 .vacancies__body {
5260 margin-top: 30px; 5261 margin-top: 30px;
5261 gap: 30px; 5262 gap: 30px;
5262 } 5263 }
5263 } 5264 }
5264 .vacancies__more { 5265 .vacancies__more {
5265 width: 100%; 5266 width: 100%;
5266 } 5267 }
5267 @media (min-width: 768px) { 5268 @media (min-width: 768px) {
5268 .vacancies__more { 5269 .vacancies__more {
5269 width: auto; 5270 width: auto;
5270 margin: 0 auto; 5271 margin: 0 auto;
5271 } 5272 }
5272 } 5273 }
5273 .vacancies__list { 5274 .vacancies__list {
5274 display: -webkit-box; 5275 display: -webkit-box;
5275 display: -ms-flexbox; 5276 display: -ms-flexbox;
5276 display: flex; 5277 display: flex;
5277 -webkit-box-orient: vertical; 5278 -webkit-box-orient: vertical;
5278 -webkit-box-direction: normal; 5279 -webkit-box-direction: normal;
5279 -ms-flex-direction: column; 5280 -ms-flex-direction: column;
5280 flex-direction: column; 5281 flex-direction: column;
5281 gap: 15px; 5282 gap: 15px;
5282 } 5283 }
5283 @media (min-width: 768px) { 5284 @media (min-width: 768px) {
5284 .vacancies__list { 5285 .vacancies__list {
5285 display: grid; 5286 display: grid;
5286 grid-template-columns: repeat(2, 1fr); 5287 grid-template-columns: repeat(2, 1fr);
5287 } 5288 }
5288 } 5289 }
5289 @media (min-width: 992px) { 5290 @media (min-width: 992px) {
5290 .vacancies__list { 5291 .vacancies__list {
5291 display: grid; 5292 display: grid;
5292 grid-template-columns: repeat(3, 1fr); 5293 grid-template-columns: repeat(3, 1fr);
5293 gap: 20px; 5294 gap: 20px;
5294 } 5295 }
5295 } 5296 }
5296 @media (min-width: 1280px) { 5297 @media (min-width: 1280px) {
5297 .vacancies__list { 5298 .vacancies__list {
5298 grid-template-columns: repeat(4, 1fr); 5299 grid-template-columns: repeat(4, 1fr);
5299 } 5300 }
5300 } 5301 }
5301 .vacancies__list-label { 5302 .vacancies__list-label {
5302 font-weight: 700; 5303 font-weight: 700;
5303 font-size: 22px; 5304 font-size: 22px;
5304 } 5305 }
5305 .vacancies__list-col { 5306 .vacancies__list-col {
5306 display: -webkit-box; 5307 display: -webkit-box;
5307 display: -ms-flexbox; 5308 display: -ms-flexbox;
5308 display: flex; 5309 display: flex;
5309 -webkit-box-orient: vertical; 5310 -webkit-box-orient: vertical;
5310 -webkit-box-direction: normal; 5311 -webkit-box-direction: normal;
5311 -ms-flex-direction: column; 5312 -ms-flex-direction: column;
5312 flex-direction: column; 5313 flex-direction: column;
5313 gap: 15px; 5314 gap: 15px;
5314 margin-top: 15px; 5315 margin-top: 15px;
5315 margin-bottom: 30px; 5316 margin-bottom: 30px;
5316 } 5317 }
5317 @media (min-width: 768px) { 5318 @media (min-width: 768px) {
5318 .vacancies__list-col { 5319 .vacancies__list-col {
5319 margin-top: 0; 5320 margin-top: 0;
5320 } 5321 }
5321 } 5322 }
5322 .vacancies__list-col:first-child { 5323 .vacancies__list-col:first-child {
5323 margin-top: 0; 5324 margin-top: 0;
5324 } 5325 }
5325 .vacancies__item { 5326 .vacancies__item {
5326 display: none; 5327 display: none;
5327 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 5328 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
5328 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 5329 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
5329 border-radius: 12px; 5330 border-radius: 12px;
5330 background: #fff; 5331 background: #fff;
5331 border: 1px solid #e6e7e7; 5332 border: 1px solid #e6e7e7;
5332 overflow: hidden; 5333 overflow: hidden;
5333 } 5334 }
5334 .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) { 5335 .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) {
5335 display: -webkit-box; 5336 display: -webkit-box;
5336 display: -ms-flexbox; 5337 display: -ms-flexbox;
5337 display: flex; 5338 display: flex;
5338 } 5339 }
5339 .vacancies__item > span { 5340 .vacancies__item > span {
5340 border-left: 10px solid #377d87; 5341 border-left: 10px solid #377d87;
5341 padding: 20px 14px; 5342 padding: 20px 14px;
5342 display: -webkit-box; 5343 display: -webkit-box;
5343 display: -ms-flexbox; 5344 display: -ms-flexbox;
5344 display: flex; 5345 display: flex;
5345 -webkit-box-orient: vertical; 5346 -webkit-box-orient: vertical;
5346 -webkit-box-direction: normal; 5347 -webkit-box-direction: normal;
5347 -ms-flex-direction: column; 5348 -ms-flex-direction: column;
5348 flex-direction: column; 5349 flex-direction: column;
5349 -webkit-box-align: start; 5350 -webkit-box-align: start;
5350 -ms-flex-align: start; 5351 -ms-flex-align: start;
5351 align-items: flex-start; 5352 align-items: flex-start;
5352 gap: 5px; 5353 gap: 5px;
5353 -webkit-box-pack: justify; 5354 -webkit-box-pack: justify;
5354 -ms-flex-pack: justify; 5355 -ms-flex-pack: justify;
5355 justify-content: space-between; 5356 justify-content: space-between;
5356 } 5357 }
5357 @media (min-width: 992px) { 5358 @media (min-width: 992px) {
5358 .vacancies__item > span { 5359 .vacancies__item > span {
5359 gap: 10px; 5360 gap: 10px;
5360 } 5361 }
5361 } 5362 }
5362 .vacancies__item b { 5363 .vacancies__item b {
5363 font-weight: 700; 5364 font-weight: 700;
5364 font-size: 14px; 5365 font-size: 14px;
5365 } 5366 }
5366 @media (min-width: 992px) { 5367 @media (min-width: 992px) {
5367 .vacancies__item b { 5368 .vacancies__item b {
5368 font-size: 20px; 5369 font-size: 20px;
5369 } 5370 }
5370 } 5371 }
5371 .vacancies__item:hover b { 5372 .vacancies__item:hover b {
5372 color: #377d87; 5373 color: #377d87;
5373 } 5374 }
5374 .vacancies__item u { 5375 .vacancies__item u {
5375 text-decoration: none; 5376 text-decoration: none;
5376 font-size: 14px; 5377 font-size: 14px;
5377 } 5378 }
5378 @media (min-width: 992px) { 5379 @media (min-width: 992px) {
5379 .vacancies__item u { 5380 .vacancies__item u {
5380 font-size: 18px; 5381 font-size: 18px;
5381 } 5382 }
5382 } 5383 }
5383 .vacancies__item i { 5384 .vacancies__item i {
5384 font-size: 12px; 5385 font-size: 12px;
5385 font-style: normal; 5386 font-style: normal;
5386 border-bottom: 1px dashed #377d87; 5387 border-bottom: 1px dashed #377d87;
5387 } 5388 }
5388 @media (min-width: 992px) { 5389 @media (min-width: 992px) {
5389 .vacancies__item i { 5390 .vacancies__item i {
5390 font-size: 16px; 5391 font-size: 16px;
5391 } 5392 }
5392 } 5393 }
5393 .vacancies__item i span { 5394 .vacancies__item i span {
5394 font-weight: 700; 5395 font-weight: 700;
5395 color: #377d87; 5396 color: #377d87;
5396 } 5397 }
5397 .vacancies__body.active .vacancies__list .vacancies__item { 5398 .vacancies__body.active .vacancies__list .vacancies__item {
5398 display: -webkit-box; 5399 display: -webkit-box;
5399 display: -ms-flexbox; 5400 display: -ms-flexbox;
5400 display: flex; 5401 display: flex;
5401 } 5402 }
5402 5403
5403 .employer { 5404 .employer {
5404 padding-bottom: 50px; 5405 padding-bottom: 50px;
5405 } 5406 }
5406 @media (min-width: 768px) { 5407 @media (min-width: 768px) {
5407 .employer { 5408 .employer {
5408 padding-bottom: 100px; 5409 padding-bottom: 100px;
5409 } 5410 }
5410 } 5411 }
5411 .employer .swiper { 5412 .employer .swiper {
5412 margin: 20px 0; 5413 margin: 20px 0;
5413 } 5414 }
5414 @media (min-width: 768px) { 5415 @media (min-width: 768px) {
5415 .employer .swiper { 5416 .employer .swiper {
5416 display: none; 5417 display: none;
5417 } 5418 }
5418 } 5419 }
5419 .employer__item { 5420 .employer__item {
5420 display: -webkit-box; 5421 display: -webkit-box;
5421 display: -ms-flexbox; 5422 display: -ms-flexbox;
5422 display: flex; 5423 display: flex;
5423 -webkit-box-orient: vertical; 5424 -webkit-box-orient: vertical;
5424 -webkit-box-direction: normal; 5425 -webkit-box-direction: normal;
5425 -ms-flex-direction: column; 5426 -ms-flex-direction: column;
5426 flex-direction: column; 5427 flex-direction: column;
5427 gap: 30px; 5428 gap: 30px;
5428 } 5429 }
5429 .employer__item a { 5430 .employer__item a {
5430 display: -webkit-box; 5431 display: -webkit-box;
5431 display: -ms-flexbox; 5432 display: -ms-flexbox;
5432 display: flex; 5433 display: flex;
5433 -webkit-box-orient: vertical; 5434 -webkit-box-orient: vertical;
5434 -webkit-box-direction: normal; 5435 -webkit-box-direction: normal;
5435 -ms-flex-direction: column; 5436 -ms-flex-direction: column;
5436 flex-direction: column; 5437 flex-direction: column;
5437 -webkit-box-align: center; 5438 -webkit-box-align: center;
5438 -ms-flex-align: center; 5439 -ms-flex-align: center;
5439 align-items: center; 5440 align-items: center;
5440 } 5441 }
5441 .employer__item img { 5442 .employer__item img {
5442 width: 100%; 5443 width: 100%;
5443 aspect-ratio: 295/98; 5444 aspect-ratio: 295/98;
5444 -o-object-fit: contain; 5445 -o-object-fit: contain;
5445 object-fit: contain; 5446 object-fit: contain;
5446 } 5447 }
5447 .employer__body { 5448 .employer__body {
5448 display: none; 5449 display: none;
5449 grid-template-columns: 1fr 1fr; 5450 grid-template-columns: 1fr 1fr;
5450 gap: 30px; 5451 gap: 30px;
5451 margin-top: 30px; 5452 margin-top: 30px;
5452 margin-bottom: 40px; 5453 margin-bottom: 40px;
5453 } 5454 }
5454 @media (min-width: 768px) { 5455 @media (min-width: 768px) {
5455 .employer__body { 5456 .employer__body {
5456 display: grid; 5457 display: grid;
5457 } 5458 }
5458 } 5459 }
5459 @media (min-width: 992px) { 5460 @media (min-width: 992px) {
5460 .employer__body { 5461 .employer__body {
5461 grid-template-columns: 1fr 1fr 1fr; 5462 grid-template-columns: 1fr 1fr 1fr;
5462 } 5463 }
5463 } 5464 }
5464 @media (min-width: 1280px) { 5465 @media (min-width: 1280px) {
5465 .employer__body { 5466 .employer__body {
5466 grid-template-columns: 1fr 1fr 1fr 1fr; 5467 grid-template-columns: 1fr 1fr 1fr 1fr;
5467 } 5468 }
5468 } 5469 }
5469 .employer__body a { 5470 .employer__body a {
5470 display: -webkit-box; 5471 display: -webkit-box;
5471 display: -ms-flexbox; 5472 display: -ms-flexbox;
5472 display: flex; 5473 display: flex;
5473 -webkit-box-pack: center; 5474 -webkit-box-pack: center;
5474 -ms-flex-pack: center; 5475 -ms-flex-pack: center;
5475 justify-content: center; 5476 justify-content: center;
5476 -webkit-box-align: center; 5477 -webkit-box-align: center;
5477 -ms-flex-align: center; 5478 -ms-flex-align: center;
5478 align-items: center; 5479 align-items: center;
5479 height: 98px; 5480 height: 98px;
5480 } 5481 }
5481 .employer__body img { 5482 .employer__body img {
5482 max-width: 100%; 5483 max-width: 100%;
5483 max-height: 98px; 5484 max-height: 98px;
5484 -o-object-fit: contain; 5485 -o-object-fit: contain;
5485 object-fit: contain; 5486 object-fit: contain;
5486 } 5487 }
5487 .employer__more { 5488 .employer__more {
5488 height: 38px; 5489 height: 38px;
5489 } 5490 }
5490 @media (min-width: 768px) { 5491 @media (min-width: 768px) {
5491 .employer__more { 5492 .employer__more {
5492 width: 250px; 5493 width: 250px;
5493 margin: 0 auto; 5494 margin: 0 auto;
5494 height: 44px; 5495 height: 44px;
5495 } 5496 }
5496 } 5497 }
5497 5498
5498 .about { 5499 .about {
5499 background: #acc0e6 url("../images/space.svg") no-repeat 0 0; 5500 background: #acc0e6 url("../images/space.svg") no-repeat 0 0;
5500 background-size: cover; 5501 background-size: cover;
5501 padding: 30px 0; 5502 padding: 30px 0;
5502 padding-bottom: 70px; 5503 padding-bottom: 70px;
5503 } 5504 }
5504 @media (min-width: 768px) { 5505 @media (min-width: 768px) {
5505 .about { 5506 .about {
5506 padding-top: 40px; 5507 padding-top: 40px;
5507 background-size: auto calc(100% - 10px); 5508 background-size: auto calc(100% - 10px);
5508 } 5509 }
5509 } 5510 }
5510 @media (min-width: 1280px) { 5511 @media (min-width: 1280px) {
5511 .about { 5512 .about {
5512 padding: 100px 0; 5513 padding: 100px 0;
5513 } 5514 }
5514 } 5515 }
5515 .about__wrapper { 5516 .about__wrapper {
5516 display: -webkit-box; 5517 display: -webkit-box;
5517 display: -ms-flexbox; 5518 display: -ms-flexbox;
5518 display: flex; 5519 display: flex;
5519 -webkit-box-orient: vertical; 5520 -webkit-box-orient: vertical;
5520 -webkit-box-direction: normal; 5521 -webkit-box-direction: normal;
5521 -ms-flex-direction: column; 5522 -ms-flex-direction: column;
5522 flex-direction: column; 5523 flex-direction: column;
5523 position: relative; 5524 position: relative;
5524 } 5525 }
5525 .about__title { 5526 .about__title {
5526 color: #fff; 5527 color: #fff;
5527 line-height: 1.2; 5528 line-height: 1.2;
5528 } 5529 }
5529 @media (min-width: 1280px) { 5530 @media (min-width: 1280px) {
5530 .about__title { 5531 .about__title {
5531 position: absolute; 5532 position: absolute;
5532 top: -45px; 5533 top: -45px;
5533 left: 0; 5534 left: 0;
5534 } 5535 }
5535 } 5536 }
5536 .about__body { 5537 .about__body {
5537 display: -webkit-box; 5538 display: -webkit-box;
5538 display: -ms-flexbox; 5539 display: -ms-flexbox;
5539 display: flex; 5540 display: flex;
5540 -webkit-box-orient: vertical; 5541 -webkit-box-orient: vertical;
5541 -webkit-box-direction: normal; 5542 -webkit-box-direction: normal;
5542 -ms-flex-direction: column; 5543 -ms-flex-direction: column;
5543 flex-direction: column; 5544 flex-direction: column;
5544 } 5545 }
5545 @media (min-width: 1280px) { 5546 @media (min-width: 1280px) {
5546 .about__body { 5547 .about__body {
5547 padding-left: 495px; 5548 padding-left: 495px;
5548 } 5549 }
5549 } 5550 }
5550 .about__line { 5551 .about__line {
5551 background: #fff; 5552 background: #fff;
5552 width: 100%; 5553 width: 100%;
5553 height: 1px; 5554 height: 1px;
5554 max-width: 400px; 5555 max-width: 400px;
5555 margin-top: 10px; 5556 margin-top: 10px;
5556 } 5557 }
5557 .about__item { 5558 .about__item {
5558 display: -webkit-box; 5559 display: -webkit-box;
5559 display: -ms-flexbox; 5560 display: -ms-flexbox;
5560 display: flex; 5561 display: flex;
5561 -webkit-box-orient: vertical; 5562 -webkit-box-orient: vertical;
5562 -webkit-box-direction: normal; 5563 -webkit-box-direction: normal;
5563 -ms-flex-direction: column; 5564 -ms-flex-direction: column;
5564 flex-direction: column; 5565 flex-direction: column;
5565 margin-top: 10px; 5566 margin-top: 10px;
5566 max-width: 600px; 5567 max-width: 600px;
5567 } 5568 }
5568 @media (min-width: 768px) { 5569 @media (min-width: 768px) {
5569 .about__item { 5570 .about__item {
5570 margin-top: 20px; 5571 margin-top: 20px;
5571 } 5572 }
5572 } 5573 }
5573 @media (min-width: 1280px) { 5574 @media (min-width: 1280px) {
5574 .about__item { 5575 .about__item {
5575 margin-top: 30px; 5576 margin-top: 30px;
5576 } 5577 }
5577 } 5578 }
5578 .about__item b { 5579 .about__item b {
5579 font-size: 20px; 5580 font-size: 20px;
5580 font-weight: 700; 5581 font-weight: 700;
5581 } 5582 }
5582 .about__item span { 5583 .about__item span {
5583 font-size: 13px; 5584 font-size: 13px;
5584 line-height: 1.4; 5585 line-height: 1.4;
5585 margin-top: 6px; 5586 margin-top: 6px;
5586 } 5587 }
5587 @media (min-width: 1280px) { 5588 @media (min-width: 1280px) {
5588 .about__item span { 5589 .about__item span {
5589 font-size: 16px; 5590 font-size: 16px;
5590 margin-top: 12px; 5591 margin-top: 12px;
5591 } 5592 }
5592 } 5593 }
5593 .about__item a { 5594 .about__item a {
5594 text-decoration: underline; 5595 text-decoration: underline;
5595 } 5596 }
5596 .about__item + .about__item { 5597 .about__item + .about__item {
5597 margin-top: 30px; 5598 margin-top: 30px;
5598 } 5599 }
5599 @media (min-width: 992px) { 5600 @media (min-width: 992px) {
5600 .about__item + .about__item { 5601 .about__item + .about__item {
5601 margin-top: 40px; 5602 margin-top: 40px;
5602 } 5603 }
5603 } 5604 }
5604 .about__button { 5605 .about__button {
5605 margin-top: 20px; 5606 margin-top: 20px;
5606 height: 38px; 5607 height: 38px;
5607 padding: 0; 5608 padding: 0;
5608 } 5609 }
5609 @media (min-width: 768px) { 5610 @media (min-width: 768px) {
5610 .about__button { 5611 .about__button {
5611 max-width: 200px; 5612 max-width: 200px;
5612 height: 42px; 5613 height: 42px;
5613 margin-top: 30px; 5614 margin-top: 30px;
5614 } 5615 }
5615 } 5616 }
5616 5617
5617 .news { 5618 .news {
5618 padding: 50px 0; 5619 padding: 50px 0;
5619 overflow: hidden; 5620 overflow: hidden;
5620 } 5621 }
5621 @media (min-width: 1280px) { 5622 @media (min-width: 1280px) {
5622 .news { 5623 .news {
5623 padding: 100px 0; 5624 padding: 100px 0;
5624 padding-bottom: 0; 5625 padding-bottom: 0;
5625 } 5626 }
5626 } 5627 }
5627 .news__toper { 5628 .news__toper {
5628 display: -webkit-box; 5629 display: -webkit-box;
5629 display: -ms-flexbox; 5630 display: -ms-flexbox;
5630 display: flex; 5631 display: flex;
5631 -webkit-box-pack: justify; 5632 -webkit-box-pack: justify;
5632 -ms-flex-pack: justify; 5633 -ms-flex-pack: justify;
5633 justify-content: space-between; 5634 justify-content: space-between;
5634 -webkit-box-align: center; 5635 -webkit-box-align: center;
5635 -ms-flex-align: center; 5636 -ms-flex-align: center;
5636 align-items: center; 5637 align-items: center;
5637 } 5638 }
5638 @media (min-width: 1280px) { 5639 @media (min-width: 1280px) {
5639 .news__toper .title { 5640 .news__toper .title {
5640 width: calc(100% - 160px); 5641 width: calc(100% - 160px);
5641 } 5642 }
5642 } 5643 }
5643 .news__toper .navs { 5644 .news__toper .navs {
5644 display: none; 5645 display: none;
5645 } 5646 }
5646 @media (min-width: 1280px) { 5647 @media (min-width: 1280px) {
5647 .news__toper .navs { 5648 .news__toper .navs {
5648 display: -webkit-box; 5649 display: -webkit-box;
5649 display: -ms-flexbox; 5650 display: -ms-flexbox;
5650 display: flex; 5651 display: flex;
5651 } 5652 }
5652 } 5653 }
5653 .news .swiper { 5654 .news .swiper {
5654 margin-top: 20px; 5655 margin-top: 20px;
5655 } 5656 }
5656 @media (min-width: 768px) { 5657 @media (min-width: 768px) {
5657 .news .swiper { 5658 .news .swiper {
5658 overflow: visible; 5659 overflow: visible;
5659 } 5660 }
5660 } 5661 }
5661 @media (min-width: 992px) { 5662 @media (min-width: 992px) {
5662 .news .swiper { 5663 .news .swiper {
5663 margin-top: 40px; 5664 margin-top: 40px;
5664 } 5665 }
5665 } 5666 }
5666 .news__item { 5667 .news__item {
5667 display: -webkit-box; 5668 display: -webkit-box;
5668 display: -ms-flexbox; 5669 display: -ms-flexbox;
5669 display: flex; 5670 display: flex;
5670 -webkit-box-orient: vertical; 5671 -webkit-box-orient: vertical;
5671 -webkit-box-direction: normal; 5672 -webkit-box-direction: normal;
5672 -ms-flex-direction: column; 5673 -ms-flex-direction: column;
5673 flex-direction: column; 5674 flex-direction: column;
5674 line-height: 1.4; 5675 line-height: 1.4;
5675 } 5676 }
5676 .news__item-pic { 5677 .news__item-pic {
5677 width: 100%; 5678 width: 100%;
5678 aspect-ratio: 3/2; 5679 aspect-ratio: 3/2;
5679 border-radius: 12px; 5680 border-radius: 12px;
5680 border: 1px solid #e6e7e7; 5681 border: 1px solid #e6e7e7;
5681 -o-object-fit: cover; 5682 -o-object-fit: cover;
5682 object-fit: cover; 5683 object-fit: cover;
5683 min-height: 200px; 5684 min-height: 200px;
5684 } 5685 }
5685 @media (min-width: 1280px) { 5686 @media (min-width: 1280px) {
5686 .news__item-pic { 5687 .news__item-pic {
5687 aspect-ratio: 4/2; 5688 aspect-ratio: 4/2;
5688 } 5689 }
5689 } 5690 }
5690 .news__item-body { 5691 .news__item-body {
5691 display: -webkit-box; 5692 display: -webkit-box;
5692 display: -ms-flexbox; 5693 display: -ms-flexbox;
5693 display: flex; 5694 display: flex;
5694 -webkit-box-orient: vertical; 5695 -webkit-box-orient: vertical;
5695 -webkit-box-direction: normal; 5696 -webkit-box-direction: normal;
5696 -ms-flex-direction: column; 5697 -ms-flex-direction: column;
5697 flex-direction: column; 5698 flex-direction: column;
5698 padding-top: 15px; 5699 padding-top: 15px;
5699 } 5700 }
5700 @media (min-width: 768px) { 5701 @media (min-width: 768px) {
5701 .news__item-body { 5702 .news__item-body {
5702 padding: 20px; 5703 padding: 20px;
5703 padding-top: 30px; 5704 padding-top: 30px;
5704 margin-top: -15px; 5705 margin-top: -15px;
5705 border-radius: 0 0 12px 12px; 5706 border-radius: 0 0 12px 12px;
5706 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15); 5707 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
5707 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15); 5708 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
5708 } 5709 }
5709 } 5710 }
5710 .news__item-date { 5711 .news__item-date {
5711 font-size: 14px; 5712 font-size: 14px;
5712 font-weight: 700; 5713 font-weight: 700;
5713 color: #377d87; 5714 color: #377d87;
5714 } 5715 }
5715 .news__item-title { 5716 .news__item-title {
5716 font-size: 20px; 5717 font-size: 20px;
5717 font-weight: 700; 5718 font-weight: 700;
5718 line-height: 1.2; 5719 line-height: 1.2;
5719 margin-top: 5px; 5720 margin-top: 5px;
5720 } 5721 }
5721 .news__item-text { 5722 .news__item-text {
5722 color: #000; 5723 color: #000;
5723 font-size: 13px; 5724 font-size: 13px;
5724 margin-top: 10px; 5725 margin-top: 10px;
5725 overflow: hidden; 5726 overflow: hidden;
5726 display: -webkit-box; 5727 display: -webkit-box;
5727 -webkit-box-orient: vertical; 5728 -webkit-box-orient: vertical;
5728 -webkit-line-clamp: 4; 5729 -webkit-line-clamp: 4;
5729 } 5730 }
5730 @media (min-width: 1280px) { 5731 @media (min-width: 1280px) {
5731 .news__item-text { 5732 .news__item-text {
5732 font-size: 16px; 5733 font-size: 16px;
5733 } 5734 }
5734 } 5735 }
5735 .news__item-more { 5736 .news__item-more {
5736 height: 42px; 5737 height: 42px;
5737 margin-top: 20px; 5738 margin-top: 20px;
5738 } 5739 }
5739 @media (min-width: 1280px) { 5740 @media (min-width: 1280px) {
5740 .news__item-more { 5741 .news__item-more {
5741 height: 44px; 5742 height: 44px;
5742 max-width: 190px; 5743 max-width: 190px;
5743 } 5744 }
5744 } 5745 }
5745 .news__all { 5746 .news__all {
5746 height: 42px; 5747 height: 42px;
5747 margin: 0 auto; 5748 margin: 0 auto;
5748 margin-top: 20px; 5749 margin-top: 20px;
5749 padding: 0; 5750 padding: 0;
5750 display: none; 5751 display: none;
5751 } 5752 }
5752 @media (min-width: 768px) { 5753 @media (min-width: 768px) {
5753 .news__all { 5754 .news__all {
5754 max-width: 170px; 5755 max-width: 170px;
5755 margin-top: 30px; 5756 margin-top: 30px;
5756 display: -webkit-box; 5757 display: -webkit-box;
5757 display: -ms-flexbox; 5758 display: -ms-flexbox;
5758 display: flex; 5759 display: flex;
5759 } 5760 }
5760 } 5761 }
5761 @media (min-width: 1280px) { 5762 @media (min-width: 1280px) {
5762 .news__all { 5763 .news__all {
5763 height: 44px; 5764 height: 44px;
5764 } 5765 }
5765 } 5766 }
5766 .news__items { 5767 .news__items {
5767 display: grid; 5768 display: grid;
5768 gap: 20px; 5769 gap: 20px;
5769 margin-bottom: 10px; 5770 margin-bottom: 10px;
5770 } 5771 }
5771 @media (min-width: 768px) { 5772 @media (min-width: 768px) {
5772 .news__items { 5773 .news__items {
5773 grid-template-columns: 1fr 1fr; 5774 grid-template-columns: 1fr 1fr;
5774 } 5775 }
5775 } 5776 }
5776 @media (min-width: 992px) { 5777 @media (min-width: 992px) {
5777 .news__items { 5778 .news__items {
5778 grid-template-columns: 1fr 1fr 1fr; 5779 grid-template-columns: 1fr 1fr 1fr;
5779 } 5780 }
5780 } 5781 }
5781 5782
5782 main + .news { 5783 main + .news {
5783 padding: 0; 5784 padding: 0;
5784 } 5785 }
5785 5786
5786 .info { 5787 .info {
5787 position: relative; 5788 position: relative;
5788 overflow: hidden; 5789 overflow: hidden;
5789 } 5790 }
5790 @media (min-width: 1280px) { 5791 @media (min-width: 1280px) {
5791 .info { 5792 .info {
5792 margin-bottom: -25px; 5793 margin-bottom: -25px;
5793 } 5794 }
5794 } 5795 }
5795 .info__pic { 5796 .info__pic {
5796 display: none; 5797 display: none;
5797 z-index: 1; 5798 z-index: 1;
5798 position: absolute; 5799 position: absolute;
5799 top: 0; 5800 top: 0;
5800 left: 50%; 5801 left: 50%;
5801 height: 100%; 5802 height: 100%;
5802 margin-left: 130px; 5803 margin-left: 130px;
5803 } 5804 }
5804 @media (min-width: 992px) { 5805 @media (min-width: 992px) {
5805 .info__pic { 5806 .info__pic {
5806 display: block; 5807 display: block;
5807 } 5808 }
5808 } 5809 }
5809 @media (min-width: 1280px) { 5810 @media (min-width: 1280px) {
5810 .info__pic { 5811 .info__pic {
5811 width: 610px; 5812 width: 610px;
5812 height: auto; 5813 height: auto;
5813 margin-left: 10px; 5814 margin-left: 10px;
5814 } 5815 }
5815 } 5816 }
5816 .info__body { 5817 .info__body {
5817 z-index: 2; 5818 z-index: 2;
5818 position: relative; 5819 position: relative;
5819 display: -webkit-box; 5820 display: -webkit-box;
5820 display: -ms-flexbox; 5821 display: -ms-flexbox;
5821 display: flex; 5822 display: flex;
5822 -webkit-box-orient: vertical; 5823 -webkit-box-orient: vertical;
5823 -webkit-box-direction: normal; 5824 -webkit-box-direction: normal;
5824 -ms-flex-direction: column; 5825 -ms-flex-direction: column;
5825 flex-direction: column; 5826 flex-direction: column;
5826 } 5827 }
5827 @media (min-width: 1280px) { 5828 @media (min-width: 1280px) {
5828 .info__body { 5829 .info__body {
5829 padding-top: 100px; 5830 padding-top: 100px;
5830 min-height: 600px; 5831 min-height: 600px;
5831 } 5832 }
5832 } 5833 }
5833 @media (min-width: 1280px) { 5834 @media (min-width: 1280px) {
5834 .info__title { 5835 .info__title {
5835 max-width: 520px; 5836 max-width: 520px;
5836 line-height: 1; 5837 line-height: 1;
5837 } 5838 }
5838 } 5839 }
5839 .info__item { 5840 .info__item {
5840 margin-top: 20px; 5841 margin-top: 20px;
5841 display: -webkit-box; 5842 display: -webkit-box;
5842 display: -ms-flexbox; 5843 display: -ms-flexbox;
5843 display: flex; 5844 display: flex;
5844 -webkit-box-orient: vertical; 5845 -webkit-box-orient: vertical;
5845 -webkit-box-direction: normal; 5846 -webkit-box-direction: normal;
5846 -ms-flex-direction: column; 5847 -ms-flex-direction: column;
5847 flex-direction: column; 5848 flex-direction: column;
5848 gap: 20px; 5849 gap: 20px;
5849 } 5850 }
5850 @media (min-width: 992px) { 5851 @media (min-width: 992px) {
5851 .info__item { 5852 .info__item {
5852 max-width: 610px; 5853 max-width: 610px;
5853 } 5854 }
5854 } 5855 }
5855 .info__item + .info__item { 5856 .info__item + .info__item {
5856 margin-top: 60px; 5857 margin-top: 60px;
5857 } 5858 }
5858 .info__text { 5859 .info__text {
5859 color: #000; 5860 color: #000;
5860 font-size: 13px; 5861 font-size: 13px;
5861 line-height: 1.4; 5862 line-height: 1.4;
5862 } 5863 }
5863 @media (min-width: 768px) { 5864 @media (min-width: 768px) {
5864 .info__text { 5865 .info__text {
5865 font-size: 16px; 5866 font-size: 16px;
5866 } 5867 }
5867 } 5868 }
5868 @media (min-width: 1280px) { 5869 @media (min-width: 1280px) {
5869 .info__text { 5870 .info__text {
5870 font-size: 18px; 5871 font-size: 18px;
5871 } 5872 }
5872 } 5873 }
5873 .info__link { 5874 .info__link {
5874 border-radius: 8px; 5875 border-radius: 8px;
5875 display: -webkit-box; 5876 display: -webkit-box;
5876 display: -ms-flexbox; 5877 display: -ms-flexbox;
5877 display: flex; 5878 display: flex;
5878 -webkit-box-pack: center; 5879 -webkit-box-pack: center;
5879 -ms-flex-pack: center; 5880 -ms-flex-pack: center;
5880 justify-content: center; 5881 justify-content: center;
5881 -webkit-box-align: center; 5882 -webkit-box-align: center;
5882 -ms-flex-align: center; 5883 -ms-flex-align: center;
5883 align-items: center; 5884 align-items: center;
5884 line-height: 1; 5885 line-height: 1;
5885 height: 40px; 5886 height: 40px;
5886 font-size: 12px; 5887 font-size: 12px;
5887 font-weight: 700; 5888 font-weight: 700;
5888 gap: 8px; 5889 gap: 8px;
5889 color: #fff; 5890 color: #fff;
5890 background: #377d87; 5891 background: #377d87;
5891 } 5892 }
5892 .info__link:hover { 5893 .info__link:hover {
5893 -webkit-filter: grayscale(50%); 5894 -webkit-filter: grayscale(50%);
5894 filter: grayscale(50%); 5895 filter: grayscale(50%);
5895 } 5896 }
5896 @media (min-width: 768px) { 5897 @media (min-width: 768px) {
5897 .info__link { 5898 .info__link {
5898 height: 44px; 5899 height: 44px;
5899 font-size: 16px; 5900 font-size: 16px;
5900 gap: 10px; 5901 gap: 10px;
5901 max-width: 300px; 5902 max-width: 300px;
5902 } 5903 }
5903 } 5904 }
5904 @media (min-width: 992px) { 5905 @media (min-width: 992px) {
5905 .info__link { 5906 .info__link {
5906 max-width: 210px; 5907 max-width: 210px;
5907 } 5908 }
5908 } 5909 }
5909 .info__link svg { 5910 .info__link svg {
5910 width: 16px; 5911 width: 16px;
5911 height: 16px; 5912 height: 16px;
5912 } 5913 }
5913 @media (min-width: 768px) { 5914 @media (min-width: 768px) {
5914 .info__link svg { 5915 .info__link svg {
5915 width: 20px; 5916 width: 20px;
5916 height: 20px; 5917 height: 20px;
5917 } 5918 }
5918 } 5919 }
5919 5920
5920 .thing { 5921 .thing {
5921 padding-top: 15px; 5922 padding-top: 15px;
5922 padding-bottom: 30px; 5923 padding-bottom: 30px;
5923 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 5924 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
5924 color: #000; 5925 color: #000;
5925 overflow: hidden; 5926 overflow: hidden;
5926 position: relative; 5927 position: relative;
5927 } 5928 }
5928 @media (min-width: 992px) { 5929 @media (min-width: 992px) {
5929 .thing { 5930 .thing {
5930 padding-top: 20px; 5931 padding-top: 20px;
5931 padding-bottom: 60px; 5932 padding-bottom: 60px;
5932 } 5933 }
5933 } 5934 }
5934 @media (min-width: 1280px) { 5935 @media (min-width: 1280px) {
5935 .thing { 5936 .thing {
5936 padding-bottom: 90px; 5937 padding-bottom: 90px;
5937 } 5938 }
5938 } 5939 }
5939 .thing_pdf { 5940 .thing_pdf {
5940 padding: 30px 0; 5941 padding: 30px 0;
5941 } 5942 }
5942 @media (min-width: 992px) { 5943 @media (min-width: 992px) {
5943 .thing_pdf { 5944 .thing_pdf {
5944 padding: 60px 0; 5945 padding: 60px 0;
5945 } 5946 }
5946 } 5947 }
5947 @media (min-width: 1280px) { 5948 @media (min-width: 1280px) {
5948 .thing_pdf { 5949 .thing_pdf {
5949 padding: 90px 0; 5950 padding: 90px 0;
5950 } 5951 }
5951 } 5952 }
5952 .thing__body { 5953 .thing__body {
5953 display: -webkit-box; 5954 display: -webkit-box;
5954 display: -ms-flexbox; 5955 display: -ms-flexbox;
5955 display: flex; 5956 display: flex;
5956 -webkit-box-orient: vertical; 5957 -webkit-box-orient: vertical;
5957 -webkit-box-direction: normal; 5958 -webkit-box-direction: normal;
5958 -ms-flex-direction: column; 5959 -ms-flex-direction: column;
5959 flex-direction: column; 5960 flex-direction: column;
5960 -webkit-box-align: start; 5961 -webkit-box-align: start;
5961 -ms-flex-align: start; 5962 -ms-flex-align: start;
5962 align-items: flex-start; 5963 align-items: flex-start;
5963 } 5964 }
5964 .thing__breadcrumbs { 5965 .thing__breadcrumbs {
5965 width: 100%; 5966 width: 100%;
5966 margin-bottom: 40px; 5967 margin-bottom: 40px;
5967 position: relative; 5968 position: relative;
5968 z-index: 2; 5969 z-index: 2;
5969 } 5970 }
5970 @media (min-width: 768px) { 5971 @media (min-width: 768px) {
5971 .thing__breadcrumbs { 5972 .thing__breadcrumbs {
5972 margin-bottom: 60px; 5973 margin-bottom: 60px;
5973 } 5974 }
5974 } 5975 }
5975 .thing__date { 5976 .thing__date {
5976 color: #000; 5977 color: #000;
5977 font-size: 14px; 5978 font-size: 14px;
5978 font-weight: 700; 5979 font-weight: 700;
5979 line-height: 21px; 5980 line-height: 21px;
5980 margin-bottom: 10px; 5981 margin-bottom: 10px;
5981 } 5982 }
5982 @media (min-width: 768px) { 5983 @media (min-width: 768px) {
5983 .thing__date { 5984 .thing__date {
5984 font-size: 18px; 5985 font-size: 18px;
5985 line-height: 27px; 5986 line-height: 27px;
5986 } 5987 }
5987 } 5988 }
5988 .thing__title { 5989 .thing__title {
5989 width: 100%; 5990 width: 100%;
5990 font-size: 32px; 5991 font-size: 32px;
5991 font-weight: 700; 5992 font-weight: 700;
5992 margin: 0; 5993 margin: 0;
5993 max-width: 780px; 5994 max-width: 780px;
5994 position: relative; 5995 position: relative;
5995 z-index: 2; 5996 z-index: 2;
5996 line-height: 1.1; 5997 line-height: 1.1;
5997 } 5998 }
5998 @media (min-width: 768px) { 5999 @media (min-width: 768px) {
5999 .thing__title { 6000 .thing__title {
6000 font-size: 40px; 6001 font-size: 40px;
6001 } 6002 }
6002 } 6003 }
6003 @media (min-width: 1280px) { 6004 @media (min-width: 1280px) {
6004 .thing__title { 6005 .thing__title {
6005 font-size: 64px; 6006 font-size: 64px;
6006 } 6007 }
6007 } 6008 }
6008 .thing__text { 6009 .thing__text {
6009 width: 100%; 6010 width: 100%;
6010 font-weight: 700; 6011 font-weight: 700;
6011 font-size: 14px; 6012 font-size: 14px;
6012 line-height: 1.4; 6013 line-height: 1.4;
6013 margin: 15px 0 0 0; 6014 margin: 15px 0 0 0;
6014 max-width: 780px; 6015 max-width: 780px;
6015 position: relative; 6016 position: relative;
6016 z-index: 2; 6017 z-index: 2;
6017 } 6018 }
6018 @media (min-width: 768px) { 6019 @media (min-width: 768px) {
6019 .thing__text { 6020 .thing__text {
6020 margin-top: 15px; 6021 margin-top: 15px;
6021 } 6022 }
6022 } 6023 }
6023 @media (min-width: 992px) { 6024 @media (min-width: 992px) {
6024 .thing__text { 6025 .thing__text {
6025 font-weight: 400; 6026 font-weight: 400;
6026 font-size: 18px; 6027 font-size: 18px;
6027 } 6028 }
6028 } 6029 }
6029 .thing__search { 6030 .thing__search {
6030 width: 100%; 6031 width: 100%;
6031 max-width: 640px; 6032 max-width: 640px;
6032 margin-top: 20px; 6033 margin-top: 20px;
6033 position: relative; 6034 position: relative;
6034 z-index: 2; 6035 z-index: 2;
6035 } 6036 }
6036 @media (min-width: 768px) { 6037 @media (min-width: 768px) {
6037 .thing__search { 6038 .thing__search {
6038 margin-top: 30px; 6039 margin-top: 30px;
6039 } 6040 }
6040 } 6041 }
6041 .thing__badge { 6042 .thing__badge {
6042 position: relative; 6043 position: relative;
6043 z-index: 2; 6044 z-index: 2;
6044 display: -webkit-box; 6045 display: -webkit-box;
6045 display: -ms-flexbox; 6046 display: -ms-flexbox;
6046 display: flex; 6047 display: flex;
6047 -webkit-box-align: center; 6048 -webkit-box-align: center;
6048 -ms-flex-align: center; 6049 -ms-flex-align: center;
6049 align-items: center; 6050 align-items: center;
6050 gap: 5px; 6051 gap: 5px;
6051 padding: 0 12px; 6052 padding: 0 12px;
6052 background: #4d88d9; 6053 background: #4d88d9;
6053 color: #fff; 6054 color: #fff;
6054 font-size: 12px; 6055 font-size: 12px;
6055 line-height: 1; 6056 line-height: 1;
6056 height: 26px; 6057 height: 26px;
6057 border-radius: 999px; 6058 border-radius: 999px;
6058 margin-bottom: 20px; 6059 margin-bottom: 20px;
6059 } 6060 }
6060 @media (min-width: 992px) { 6061 @media (min-width: 992px) {
6061 .thing__badge { 6062 .thing__badge {
6062 font-size: 16px; 6063 font-size: 16px;
6063 gap: 10px; 6064 gap: 10px;
6064 padding: 0 24px; 6065 padding: 0 24px;
6065 height: 42px; 6066 height: 42px;
6066 margin-bottom: 30px; 6067 margin-bottom: 30px;
6067 } 6068 }
6068 } 6069 }
6069 .thing__badge svg { 6070 .thing__badge svg {
6070 width: 12px; 6071 width: 12px;
6071 height: 12px; 6072 height: 12px;
6072 } 6073 }
6073 @media (min-width: 992px) { 6074 @media (min-width: 992px) {
6074 .thing__badge svg { 6075 .thing__badge svg {
6075 width: 20px; 6076 width: 20px;
6076 height: 20px; 6077 height: 20px;
6077 } 6078 }
6078 } 6079 }
6079 .thing__pic { 6080 .thing__pic {
6080 width: 60px; 6081 width: 60px;
6081 aspect-ratio: 1/1; 6082 aspect-ratio: 1/1;
6082 -o-object-fit: contain; 6083 -o-object-fit: contain;
6083 object-fit: contain; 6084 object-fit: contain;
6084 position: relative; 6085 position: relative;
6085 z-index: 1; 6086 z-index: 1;
6086 margin-bottom: 15px; 6087 margin-bottom: 15px;
6087 } 6088 }
6088 @media (min-width: 768px) { 6089 @media (min-width: 768px) {
6089 .thing__pic { 6090 .thing__pic {
6090 width: 160px; 6091 width: 160px;
6091 position: absolute; 6092 position: absolute;
6092 top: 15px; 6093 top: 15px;
6093 right: 20px; 6094 right: 20px;
6094 } 6095 }
6095 } 6096 }
6096 @media (min-width: 992px) { 6097 @media (min-width: 992px) {
6097 .thing__pic { 6098 .thing__pic {
6098 width: 330px; 6099 width: 330px;
6099 top: 50%; 6100 top: 50%;
6100 -webkit-transform: translate(0, -50%); 6101 -webkit-transform: translate(0, -50%);
6101 -ms-transform: translate(0, -50%); 6102 -ms-transform: translate(0, -50%);
6102 transform: translate(0, -50%); 6103 transform: translate(0, -50%);
6103 } 6104 }
6104 } 6105 }
6105 @media (min-width: 1280px) { 6106 @media (min-width: 1280px) {
6106 .thing__pic { 6107 .thing__pic {
6107 right: auto; 6108 right: auto;
6108 left: 50%; 6109 left: 50%;
6109 margin-left: 200px; 6110 margin-left: 200px;
6110 } 6111 }
6111 } 6112 }
6112 .thing__pic_two { 6113 .thing__pic_two {
6113 -o-object-fit: cover; 6114 -o-object-fit: cover;
6114 object-fit: cover; 6115 object-fit: cover;
6115 border-radius: 30px; 6116 border-radius: 30px;
6116 aspect-ratio: 44/37; 6117 aspect-ratio: 44/37;
6117 width: 100%; 6118 width: 100%;
6118 max-width: 440px; 6119 max-width: 440px;
6119 } 6120 }
6120 @media (min-width: 768px) { 6121 @media (min-width: 768px) {
6121 .thing__pic_two { 6122 .thing__pic_two {
6122 position: static; 6123 position: static;
6123 -webkit-transform: translate(0, 0); 6124 -webkit-transform: translate(0, 0);
6124 -ms-transform: translate(0, 0); 6125 -ms-transform: translate(0, 0);
6125 transform: translate(0, 0); 6126 transform: translate(0, 0);
6126 } 6127 }
6127 } 6128 }
6128 @media (min-width: 1280px) { 6129 @media (min-width: 1280px) {
6129 .thing__pic_two { 6130 .thing__pic_two {
6130 position: absolute; 6131 position: absolute;
6131 -webkit-transform: translate(0, -50%); 6132 -webkit-transform: translate(0, -50%);
6132 -ms-transform: translate(0, -50%); 6133 -ms-transform: translate(0, -50%);
6133 transform: translate(0, -50%); 6134 transform: translate(0, -50%);
6134 } 6135 }
6135 } 6136 }
6136 .thing__buttons { 6137 .thing__buttons {
6137 width: 100%; 6138 width: 100%;
6138 position: relative; 6139 position: relative;
6139 z-index: 2; 6140 z-index: 2;
6140 display: -webkit-box; 6141 display: -webkit-box;
6141 display: -ms-flexbox; 6142 display: -ms-flexbox;
6142 display: flex; 6143 display: flex;
6143 -webkit-box-align: center; 6144 -webkit-box-align: center;
6144 -ms-flex-align: center; 6145 -ms-flex-align: center;
6145 align-items: center; 6146 align-items: center;
6146 gap: 20px; 6147 gap: 20px;
6147 margin-top: 15px; 6148 margin-top: 15px;
6148 } 6149 }
6149 @media (min-width: 992px) { 6150 @media (min-width: 992px) {
6150 .thing__buttons { 6151 .thing__buttons {
6151 margin-top: 30px; 6152 margin-top: 30px;
6152 gap: 30px; 6153 gap: 30px;
6153 } 6154 }
6154 } 6155 }
6155 @media (min-width: 992px) { 6156 @media (min-width: 992px) {
6156 .thing__buttons .button { 6157 .thing__buttons .button {
6157 padding: 0 22px; 6158 padding: 0 22px;
6158 } 6159 }
6159 } 6160 }
6160 .thing__checkbox { 6161 .thing__checkbox {
6161 margin-top: 20px; 6162 margin-top: 20px;
6162 } 6163 }
6163 .thing__checkbox .checkbox__icon { 6164 .thing__checkbox .checkbox__icon {
6164 border-color: #377d87; 6165 border-color: #377d87;
6165 } 6166 }
6166 .thing__checkbox .checkbox__text { 6167 .thing__checkbox .checkbox__text {
6167 color: #377d87; 6168 color: #377d87;
6168 } 6169 }
6169 .thing__profile { 6170 .thing__profile {
6170 display: -webkit-box; 6171 display: -webkit-box;
6171 display: -ms-flexbox; 6172 display: -ms-flexbox;
6172 display: flex; 6173 display: flex;
6173 -webkit-box-orient: vertical; 6174 -webkit-box-orient: vertical;
6174 -webkit-box-direction: normal; 6175 -webkit-box-direction: normal;
6175 -ms-flex-direction: column; 6176 -ms-flex-direction: column;
6176 flex-direction: column; 6177 flex-direction: column;
6177 } 6178 }
6178 @media (min-width: 768px) { 6179 @media (min-width: 768px) {
6179 .thing__profile { 6180 .thing__profile {
6180 -webkit-box-orient: horizontal; 6181 -webkit-box-orient: horizontal;
6181 -webkit-box-direction: normal; 6182 -webkit-box-direction: normal;
6182 -ms-flex-direction: row; 6183 -ms-flex-direction: row;
6183 flex-direction: row; 6184 flex-direction: row;
6184 -webkit-box-align: start; 6185 -webkit-box-align: start;
6185 -ms-flex-align: start; 6186 -ms-flex-align: start;
6186 align-items: flex-start; 6187 align-items: flex-start;
6187 } 6188 }
6188 } 6189 }
6189 .thing__profile-photo { 6190 .thing__profile-photo {
6190 width: 210px; 6191 width: 210px;
6191 border-radius: 8px; 6192 border-radius: 8px;
6192 aspect-ratio: 1/1; 6193 aspect-ratio: 1/1;
6193 } 6194 }
6194 .thing__profile-body { 6195 .thing__profile-body {
6195 display: -webkit-box; 6196 display: -webkit-box;
6196 display: -ms-flexbox; 6197 display: -ms-flexbox;
6197 display: flex; 6198 display: flex;
6198 -webkit-box-orient: vertical; 6199 -webkit-box-orient: vertical;
6199 -webkit-box-direction: normal; 6200 -webkit-box-direction: normal;
6200 -ms-flex-direction: column; 6201 -ms-flex-direction: column;
6201 flex-direction: column; 6202 flex-direction: column;
6202 margin-top: 15px; 6203 margin-top: 15px;
6203 } 6204 }
6204 @media (min-width: 768px) { 6205 @media (min-width: 768px) {
6205 .thing__profile-body { 6206 .thing__profile-body {
6206 width: calc(100% - 210px); 6207 width: calc(100% - 210px);
6207 padding-left: 35px; 6208 padding-left: 35px;
6208 } 6209 }
6209 } 6210 }
6210 .thing__profile .thing__title { 6211 .thing__profile .thing__title {
6211 max-width: none; 6212 max-width: none;
6212 } 6213 }
6213 @media (min-width: 768px) { 6214 @media (min-width: 768px) {
6214 .thing__profile .thing__title { 6215 .thing__profile .thing__title {
6215 margin-top: -20px; 6216 margin-top: -20px;
6216 } 6217 }
6217 } 6218 }
6218 .thing__profile .thing__text { 6219 .thing__profile .thing__text {
6219 max-width: none; 6220 max-width: none;
6220 } 6221 }
6221 .thing__bottom { 6222 .thing__bottom {
6222 display: -webkit-box; 6223 display: -webkit-box;
6223 display: -ms-flexbox; 6224 display: -ms-flexbox;
6224 display: flex; 6225 display: flex;
6225 -webkit-box-align: center; 6226 -webkit-box-align: center;
6226 -ms-flex-align: center; 6227 -ms-flex-align: center;
6227 align-items: center; 6228 align-items: center;
6228 gap: 15px; 6229 gap: 15px;
6229 margin-top: 15px; 6230 margin-top: 15px;
6230 } 6231 }
6231 @media (min-width: 768px) { 6232 @media (min-width: 768px) {
6232 .thing__bottom { 6233 .thing__bottom {
6233 margin-top: 30px; 6234 margin-top: 30px;
6234 } 6235 }
6235 } 6236 }
6236 .thing__select { 6237 .thing__select {
6237 width: 100%; 6238 width: 100%;
6238 max-width: 640px; 6239 max-width: 640px;
6239 margin-top: 20px; 6240 margin-top: 20px;
6240 } 6241 }
6241 @media (min-width: 768px) { 6242 @media (min-width: 768px) {
6242 .thing__select { 6243 .thing__select {
6243 margin-top: 30px; 6244 margin-top: 30px;
6244 } 6245 }
6245 } 6246 }
6246 6247
6247 .page-404 { 6248 .page-404 {
6248 background: url(../images/bg-3.svg) no-repeat 100%/cover; 6249 background: url(../images/bg-3.svg) no-repeat 100%/cover;
6249 overflow: hidden; 6250 overflow: hidden;
6250 } 6251 }
6251 .page-404__body { 6252 .page-404__body {
6252 display: -webkit-box; 6253 display: -webkit-box;
6253 display: -ms-flexbox; 6254 display: -ms-flexbox;
6254 display: flex; 6255 display: flex;
6255 -webkit-box-orient: vertical; 6256 -webkit-box-orient: vertical;
6256 -webkit-box-direction: normal; 6257 -webkit-box-direction: normal;
6257 -ms-flex-direction: column; 6258 -ms-flex-direction: column;
6258 flex-direction: column; 6259 flex-direction: column;
6259 -webkit-box-align: center; 6260 -webkit-box-align: center;
6260 -ms-flex-align: center; 6261 -ms-flex-align: center;
6261 align-items: center; 6262 align-items: center;
6262 -webkit-box-pack: center; 6263 -webkit-box-pack: center;
6263 -ms-flex-pack: center; 6264 -ms-flex-pack: center;
6264 justify-content: center; 6265 justify-content: center;
6265 text-align: center; 6266 text-align: center;
6266 padding: 60px 0; 6267 padding: 60px 0;
6267 color: #000; 6268 color: #000;
6268 font-size: 12px; 6269 font-size: 12px;
6269 gap: 10px; 6270 gap: 10px;
6270 line-height: 1.4; 6271 line-height: 1.4;
6271 } 6272 }
6272 @media (min-width: 768px) { 6273 @media (min-width: 768px) {
6273 .page-404__body { 6274 .page-404__body {
6274 font-size: 18px; 6275 font-size: 18px;
6275 padding: 120px 0; 6276 padding: 120px 0;
6276 gap: 20px; 6277 gap: 20px;
6277 } 6278 }
6278 } 6279 }
6279 @media (min-width: 1280px) { 6280 @media (min-width: 1280px) {
6280 .page-404__body { 6281 .page-404__body {
6281 padding: 180px 0; 6282 padding: 180px 0;
6282 text-align: left; 6283 text-align: left;
6283 } 6284 }
6284 } 6285 }
6285 .page-404__numb { 6286 .page-404__numb {
6286 font-size: 114px; 6287 font-size: 114px;
6287 line-height: 1; 6288 line-height: 1;
6288 color: #377d87; 6289 color: #377d87;
6289 font-weight: 700; 6290 font-weight: 700;
6290 } 6291 }
6291 @media (min-width: 768px) { 6292 @media (min-width: 768px) {
6292 .page-404__numb { 6293 .page-404__numb {
6293 font-size: 184px; 6294 font-size: 184px;
6294 } 6295 }
6295 } 6296 }
6296 @media (min-width: 768px) { 6297 @media (min-width: 768px) {
6297 .page-404__title { 6298 .page-404__title {
6298 font-weight: 700; 6299 font-weight: 700;
6299 font-size: 44px; 6300 font-size: 44px;
6300 } 6301 }
6301 } 6302 }
6302 @media (min-width: 1280px) { 6303 @media (min-width: 1280px) {
6303 .page-404__title { 6304 .page-404__title {
6304 width: 710px; 6305 width: 710px;
6305 position: relative; 6306 position: relative;
6306 left: 200px; 6307 left: 200px;
6307 } 6308 }
6308 } 6309 }
6309 @media (min-width: 1280px) { 6310 @media (min-width: 1280px) {
6310 .page-404__subtitle { 6311 .page-404__subtitle {
6311 width: 710px; 6312 width: 710px;
6312 position: relative; 6313 position: relative;
6313 left: 200px; 6314 left: 200px;
6314 } 6315 }
6315 } 6316 }
6316 .page-404__button { 6317 .page-404__button {
6317 margin-top: 10px; 6318 margin-top: 10px;
6318 } 6319 }
6319 @media (min-width: 1280px) { 6320 @media (min-width: 1280px) {
6320 .page-404__button { 6321 .page-404__button {
6321 position: relative; 6322 position: relative;
6322 left: -45px; 6323 left: -45px;
6323 } 6324 }
6324 } 6325 }
6325 6326
6326 .cookies { 6327 .cookies {
6327 display: none; 6328 display: none;
6328 -webkit-box-align: end; 6329 -webkit-box-align: end;
6329 -ms-flex-align: end; 6330 -ms-flex-align: end;
6330 align-items: flex-end; 6331 align-items: flex-end;
6331 padding: 10px; 6332 padding: 10px;
6332 padding-top: 0; 6333 padding-top: 0;
6333 height: 0; 6334 height: 0;
6334 position: fixed; 6335 position: fixed;
6335 z-index: 999; 6336 z-index: 999;
6336 bottom: 0; 6337 bottom: 0;
6337 left: 0; 6338 left: 0;
6338 width: 100%; 6339 width: 100%;
6339 } 6340 }
6340 .cookies-is-actived .cookies { 6341 .cookies-is-actived .cookies {
6341 display: -webkit-box; 6342 display: -webkit-box;
6342 display: -ms-flexbox; 6343 display: -ms-flexbox;
6343 display: flex; 6344 display: flex;
6344 } 6345 }
6345 .cookies__body { 6346 .cookies__body {
6346 border-radius: 6px; 6347 border-radius: 6px;
6347 border: 1px solid #377d87; 6348 border: 1px solid #377d87;
6348 background: #fff; 6349 background: #fff;
6349 padding: 15px; 6350 padding: 15px;
6350 padding-right: 50px; 6351 padding-right: 50px;
6351 position: relative; 6352 position: relative;
6352 max-width: 940px; 6353 max-width: 940px;
6353 margin: 0 auto; 6354 margin: 0 auto;
6354 } 6355 }
6355 @media (min-width: 768px) { 6356 @media (min-width: 768px) {
6356 .cookies__body { 6357 .cookies__body {
6357 padding: 25px; 6358 padding: 25px;
6358 padding-right: 50px; 6359 padding-right: 50px;
6359 border-radius: 12px; 6360 border-radius: 12px;
6360 } 6361 }
6361 } 6362 }
6362 @media (min-width: 992px) { 6363 @media (min-width: 992px) {
6363 .cookies__body { 6364 .cookies__body {
6364 padding: 40px 60px; 6365 padding: 40px 60px;
6365 } 6366 }
6366 } 6367 }
6367 .cookies__close { 6368 .cookies__close {
6368 display: -webkit-box; 6369 display: -webkit-box;
6369 display: -ms-flexbox; 6370 display: -ms-flexbox;
6370 display: flex; 6371 display: flex;
6371 -webkit-box-pack: center; 6372 -webkit-box-pack: center;
6372 -ms-flex-pack: center; 6373 -ms-flex-pack: center;
6373 justify-content: center; 6374 justify-content: center;
6374 -webkit-box-align: center; 6375 -webkit-box-align: center;
6375 -ms-flex-align: center; 6376 -ms-flex-align: center;
6376 align-items: center; 6377 align-items: center;
6377 color: #377d87; 6378 color: #377d87;
6378 padding: 0; 6379 padding: 0;
6379 border: none; 6380 border: none;
6380 background: none; 6381 background: none;
6381 position: absolute; 6382 position: absolute;
6382 top: 15px; 6383 top: 15px;
6383 right: 15px; 6384 right: 15px;
6384 } 6385 }
6385 .cookies__close:hover { 6386 .cookies__close:hover {
6386 color: #000; 6387 color: #000;
6387 } 6388 }
6388 .cookies__close svg { 6389 .cookies__close svg {
6389 width: 16px; 6390 width: 16px;
6390 height: 16px; 6391 height: 16px;
6391 } 6392 }
6392 .cookies__text { 6393 .cookies__text {
6393 font-size: 12px; 6394 font-size: 12px;
6394 color: #377d87; 6395 color: #377d87;
6395 line-height: 1.4; 6396 line-height: 1.4;
6396 } 6397 }
6397 @media (min-width: 768px) { 6398 @media (min-width: 768px) {
6398 .cookies__text { 6399 .cookies__text {
6399 font-size: 16px; 6400 font-size: 16px;
6400 font-weight: 700; 6401 font-weight: 700;
6401 } 6402 }
6402 } 6403 }
6403 6404
6404 .fancybox-active { 6405 .fancybox-active {
6405 overflow: hidden; 6406 overflow: hidden;
6406 } 6407 }
6407 .fancybox-is-open .fancybox-bg { 6408 .fancybox-is-open .fancybox-bg {
6408 background: #080b0b; 6409 background: #080b0b;
6409 opacity: 0.6; 6410 opacity: 0.6;
6410 z-index: 9999; 6411 z-index: 9999;
6411 } 6412 }
6412 .fancybox-slide { 6413 .fancybox-slide {
6413 padding: 0; 6414 padding: 0;
6414 } 6415 }
6415 @media (min-width: 992px) { 6416 @media (min-width: 992px) {
6416 .fancybox-slide { 6417 .fancybox-slide {
6417 padding: 30px; 6418 padding: 30px;
6418 } 6419 }
6419 } 6420 }
6420 .fancybox-slide--html .fancybox-close-small { 6421 .fancybox-slide--html .fancybox-close-small {
6421 padding: 0; 6422 padding: 0;
6422 opacity: 1; 6423 opacity: 1;
6423 color: #377d87; 6424 color: #377d87;
6424 } 6425 }
6425 @media (min-width: 768px) { 6426 @media (min-width: 768px) {
6426 .fancybox-slide--html .fancybox-close-small { 6427 .fancybox-slide--html .fancybox-close-small {
6427 top: 10px; 6428 top: 10px;
6428 right: 10px; 6429 right: 10px;
6429 } 6430 }
6430 } 6431 }
6431 .fancybox-slide--html .fancybox-close-small:hover { 6432 .fancybox-slide--html .fancybox-close-small:hover {
6432 color: #000; 6433 color: #000;
6433 } 6434 }
6434 6435
6435 .modal { 6436 .modal {
6436 width: 100%; 6437 width: 100%;
6437 max-width: 820px; 6438 max-width: 820px;
6438 padding: 0; 6439 padding: 0;
6439 background: #fff; 6440 background: #fff;
6440 z-index: 99999; 6441 z-index: 99999;
6441 } 6442 }
6442 @media (min-width: 992px) { 6443 @media (min-width: 992px) {
6443 .modal { 6444 .modal {
6444 border-radius: 10px; 6445 border-radius: 10px;
6445 border: 1px solid #377d87; 6446 border: 1px solid #377d87;
6446 } 6447 }
6447 } 6448 }
6448 .modal_bg { 6449 .modal_bg {
6449 background: #fff url(../images/bg-4.svg) no-repeat calc(50% + 100px) 100%; 6450 background: #fff url(../images/bg-4.svg) no-repeat calc(50% + 100px) 100%;
6450 } 6451 }
6451 @media (min-width: 768px) { 6452 @media (min-width: 768px) {
6452 .modal_bg { 6453 .modal_bg {
6453 background-position: 100% 100%; 6454 background-position: 100% 100%;
6454 } 6455 }
6455 } 6456 }
6456 .modal__body { 6457 .modal__body {
6457 padding: 40px 15px; 6458 padding: 40px 15px;
6458 padding-bottom: 30px; 6459 padding-bottom: 30px;
6459 display: -webkit-box; 6460 display: -webkit-box;
6460 display: -ms-flexbox; 6461 display: -ms-flexbox;
6461 display: flex; 6462 display: flex;
6462 -webkit-box-orient: vertical; 6463 -webkit-box-orient: vertical;
6463 -webkit-box-direction: normal; 6464 -webkit-box-direction: normal;
6464 -ms-flex-direction: column; 6465 -ms-flex-direction: column;
6465 flex-direction: column; 6466 flex-direction: column;
6466 -webkit-box-align: center; 6467 -webkit-box-align: center;
6467 -ms-flex-align: center; 6468 -ms-flex-align: center;
6468 align-items: center; 6469 align-items: center;
6469 -webkit-box-pack: center; 6470 -webkit-box-pack: center;
6470 -ms-flex-pack: center; 6471 -ms-flex-pack: center;
6471 justify-content: center; 6472 justify-content: center;
6472 width: 100%; 6473 width: 100%;
6473 min-height: 100vh; 6474 min-height: 100vh;
6474 overflow: hidden; 6475 overflow: hidden;
6475 font-size: 12px; 6476 font-size: 12px;
6476 } 6477 }
6477 @media (min-width: 768px) { 6478 @media (min-width: 768px) {
6478 .modal__body { 6479 .modal__body {
6479 font-size: 16px; 6480 font-size: 16px;
6480 padding-left: 22px; 6481 padding-left: 22px;
6481 padding-right: 22px; 6482 padding-right: 22px;
6482 } 6483 }
6483 } 6484 }
6484 @media (min-width: 992px) { 6485 @media (min-width: 992px) {
6485 .modal__body { 6486 .modal__body {
6486 min-height: 450px; 6487 min-height: 450px;
6487 padding: 60px 80px; 6488 padding: 60px 80px;
6488 padding-bottom: 40px; 6489 padding-bottom: 40px;
6489 } 6490 }
6490 } 6491 }
6491 @media (min-width: 768px) { 6492 @media (min-width: 768px) {
6492 .modal__body .left { 6493 .modal__body .left {
6493 text-align: left; 6494 text-align: left;
6494 } 6495 }
6495 } 6496 }
6496 .modal__title { 6497 .modal__title {
6497 width: 100%; 6498 width: 100%;
6498 font-size: 22px; 6499 font-size: 22px;
6499 font-weight: 700; 6500 font-weight: 700;
6500 text-align: center; 6501 text-align: center;
6501 color: #000; 6502 color: #000;
6502 } 6503 }
6503 @media (min-width: 768px) { 6504 @media (min-width: 768px) {
6504 .modal__title { 6505 .modal__title {
6505 font-size: 32px; 6506 font-size: 32px;
6506 } 6507 }
6507 } 6508 }
6508 @media (min-width: 992px) { 6509 @media (min-width: 992px) {
6509 .modal__title { 6510 .modal__title {
6510 font-size: 44px; 6511 font-size: 44px;
6511 } 6512 }
6512 } 6513 }
6513 .modal__text { 6514 .modal__text {
6514 width: 100%; 6515 width: 100%;
6515 text-align: center; 6516 text-align: center;
6516 margin-top: 10px; 6517 margin-top: 10px;
6517 color: #000; 6518 color: #000;
6518 } 6519 }
6519 @media (min-width: 768px) { 6520 @media (min-width: 768px) {
6520 .modal__text { 6521 .modal__text {
6521 margin-top: 20px; 6522 margin-top: 20px;
6522 } 6523 }
6523 } 6524 }
6524 .modal__text span { 6525 .modal__text span {
6525 color: #9c9d9d; 6526 color: #9c9d9d;
6526 } 6527 }
6527 .modal__text a { 6528 .modal__text a {
6528 font-weight: 700; 6529 font-weight: 700;
6529 color: #377d87; 6530 color: #377d87;
6530 } 6531 }
6531 .modal__text a:hover { 6532 .modal__text a:hover {
6532 color: #000; 6533 color: #000;
6533 } 6534 }
6534 .modal__button { 6535 .modal__button {
6535 margin-top: 20px; 6536 margin-top: 20px;
6536 } 6537 }
6537 @media (min-width: 768px) { 6538 @media (min-width: 768px) {
6538 .modal__button { 6539 .modal__button {
6539 min-width: 200px; 6540 min-width: 200px;
6540 margin-top: 30px; 6541 margin-top: 30px;
6541 } 6542 }
6542 } 6543 }
6543 .modal__buttons { 6544 .modal__buttons {
6544 display: grid; 6545 display: grid;
6545 grid-template-columns: repeat(2, 1fr); 6546 grid-template-columns: repeat(2, 1fr);
6546 gap: 20px; 6547 gap: 20px;
6547 margin-top: 20px; 6548 margin-top: 20px;
6548 } 6549 }
6549 @media (min-width: 768px) { 6550 @media (min-width: 768px) {
6550 .modal__buttons { 6551 .modal__buttons {
6551 gap: 30px; 6552 gap: 30px;
6552 margin-top: 30px; 6553 margin-top: 30px;
6553 } 6554 }
6554 } 6555 }
6555 .modal__form { 6556 .modal__form {
6556 width: 100%; 6557 width: 100%;
6557 display: -webkit-box; 6558 display: -webkit-box;
6558 display: -ms-flexbox; 6559 display: -ms-flexbox;
6559 display: flex; 6560 display: flex;
6560 -webkit-box-orient: vertical; 6561 -webkit-box-orient: vertical;
6561 -webkit-box-direction: normal; 6562 -webkit-box-direction: normal;
6562 -ms-flex-direction: column; 6563 -ms-flex-direction: column;
6563 flex-direction: column; 6564 flex-direction: column;
6564 gap: 16px; 6565 gap: 16px;
6565 margin-top: 10px; 6566 margin-top: 10px;
6566 } 6567 }
6567 @media (min-width: 768px) { 6568 @media (min-width: 768px) {
6568 .modal__form { 6569 .modal__form {
6569 margin-top: 20px; 6570 margin-top: 20px;
6570 } 6571 }
6571 } 6572 }
6572 .modal__form-item { 6573 .modal__form-item {
6573 display: -webkit-box; 6574 display: -webkit-box;
6574 display: -ms-flexbox; 6575 display: -ms-flexbox;
6575 display: flex; 6576 display: flex;
6576 -webkit-box-orient: vertical; 6577 -webkit-box-orient: vertical;
6577 -webkit-box-direction: normal; 6578 -webkit-box-direction: normal;
6578 -ms-flex-direction: column; 6579 -ms-flex-direction: column;
6579 flex-direction: column; 6580 flex-direction: column;
6580 -webkit-box-align: center; 6581 -webkit-box-align: center;
6581 -ms-flex-align: center; 6582 -ms-flex-align: center;
6582 align-items: center; 6583 align-items: center;
6583 gap: 4px; 6584 gap: 4px;
6584 } 6585 }
6585 .modal__form-item > .input { 6586 .modal__form-item > .input {
6586 width: 100%; 6587 width: 100%;
6587 } 6588 }
6588 .modal__form-item > .textarea { 6589 .modal__form-item > .textarea {
6589 width: 100%; 6590 width: 100%;
6590 height: 175px; 6591 height: 175px;
6591 } 6592 }
6592 @media (min-width: 768px) { 6593 @media (min-width: 768px) {
6593 .modal__form-item > .textarea { 6594 .modal__form-item > .textarea {
6594 height: 195px; 6595 height: 195px;
6595 } 6596 }
6596 } 6597 }
6597 .modal__form-item > .file { 6598 .modal__form-item > .file {
6598 width: 100%; 6599 width: 100%;
6599 } 6600 }
6600 .modal__form-item > .button { 6601 .modal__form-item > .button {
6601 min-width: 120px; 6602 min-width: 120px;
6602 } 6603 }
6603 .modal__form-item > label { 6604 .modal__form-item > label {
6604 width: 100%; 6605 width: 100%;
6605 display: none; 6606 display: none;
6606 color: #eb5757; 6607 color: #eb5757;
6607 padding: 0 10px; 6608 padding: 0 10px;
6608 font-size: 12px; 6609 font-size: 12px;
6609 } 6610 }
6610 @media (min-width: 768px) { 6611 @media (min-width: 768px) {
6611 .modal__form-item > label { 6612 .modal__form-item > label {
6612 padding: 0 20px; 6613 padding: 0 20px;
6613 font-size: 16px; 6614 font-size: 16px;
6614 } 6615 }
6615 } 6616 }
6616 .modal__sign { 6617 .modal__sign {
6617 display: -webkit-box; 6618 display: -webkit-box;
6618 display: -ms-flexbox; 6619 display: -ms-flexbox;
6619 display: flex; 6620 display: flex;
6620 -webkit-box-orient: vertical; 6621 -webkit-box-orient: vertical;
6621 -webkit-box-direction: normal; 6622 -webkit-box-direction: normal;
6622 -ms-flex-direction: column; 6623 -ms-flex-direction: column;
6623 flex-direction: column; 6624 flex-direction: column;
6624 gap: 20px; 6625 gap: 20px;
6625 margin-top: 10px; 6626 margin-top: 10px;
6626 margin-bottom: 20px; 6627 margin-bottom: 20px;
6627 width: 100%; 6628 width: 100%;
6628 } 6629 }
6629 @media (min-width: 768px) { 6630 @media (min-width: 768px) {
6630 .modal__sign { 6631 .modal__sign {
6631 margin-top: 20px; 6632 margin-top: 20px;
6632 margin-bottom: 40px; 6633 margin-bottom: 40px;
6633 } 6634 }
6634 } 6635 }
6635 .modal__sign-item { 6636 .modal__sign-item {
6636 display: -webkit-box; 6637 display: -webkit-box;
6637 display: -ms-flexbox; 6638 display: -ms-flexbox;
6638 display: flex; 6639 display: flex;
6639 -webkit-box-orient: vertical; 6640 -webkit-box-orient: vertical;
6640 -webkit-box-direction: normal; 6641 -webkit-box-direction: normal;
6641 -ms-flex-direction: column; 6642 -ms-flex-direction: column;
6642 flex-direction: column; 6643 flex-direction: column;
6643 -webkit-box-align: center; 6644 -webkit-box-align: center;
6644 -ms-flex-align: center; 6645 -ms-flex-align: center;
6645 align-items: center; 6646 align-items: center;
6646 position: relative; 6647 position: relative;
6647 } 6648 }
6648 .modal__sign-item > .input { 6649 .modal__sign-item > .input {
6649 width: 100%; 6650 width: 100%;
6650 padding-right: 36px; 6651 padding-right: 36px;
6651 position: relative; 6652 position: relative;
6652 z-index: 1; 6653 z-index: 1;
6653 } 6654 }
6654 @media (min-width: 768px) { 6655 @media (min-width: 768px) {
6655 .modal__sign-item > .input { 6656 .modal__sign-item > .input {
6656 height: 52px; 6657 height: 52px;
6657 padding-right: 60px; 6658 padding-right: 60px;
6658 } 6659 }
6659 } 6660 }
6660 .modal__sign-item > .textarea { 6661 .modal__sign-item > .textarea {
6661 width: 100%; 6662 width: 100%;
6662 } 6663 }
6663 .modal__sign-bottom { 6664 .modal__sign-bottom {
6664 display: -webkit-box; 6665 display: -webkit-box;
6665 display: -ms-flexbox; 6666 display: -ms-flexbox;
6666 display: flex; 6667 display: flex;
6667 -webkit-box-pack: justify; 6668 -webkit-box-pack: justify;
6668 -ms-flex-pack: justify; 6669 -ms-flex-pack: justify;
6669 justify-content: space-between; 6670 justify-content: space-between;
6670 -webkit-box-align: center; 6671 -webkit-box-align: center;
6671 -ms-flex-align: center; 6672 -ms-flex-align: center;
6672 align-items: center; 6673 align-items: center;
6673 width: 100%; 6674 width: 100%;
6674 } 6675 }
6675 .modal__sign-bottom-link { 6676 .modal__sign-bottom-link {
6676 font-weight: 700; 6677 font-weight: 700;
6677 color: #377d87; 6678 color: #377d87;
6678 } 6679 }
6679 .modal__tabs { 6680 .modal__tabs {
6680 width: 100%; 6681 width: 100%;
6681 display: grid; 6682 display: grid;
6682 grid-template-columns: repeat(2, 1fr); 6683 grid-template-columns: repeat(2, 1fr);
6683 gap: 16px; 6684 gap: 16px;
6684 margin-top: 10px; 6685 margin-top: 10px;
6685 } 6686 }
6686 @media (min-width: 768px) { 6687 @media (min-width: 768px) {
6687 .modal__tabs { 6688 .modal__tabs {
6688 gap: 24px; 6689 gap: 24px;
6689 margin-top: 20px; 6690 margin-top: 20px;
6690 } 6691 }
6691 } 6692 }
6692 .modal__tabs-item.active { 6693 .modal__tabs-item.active {
6693 background: #377d87; 6694 background: #377d87;
6694 color: #fff; 6695 color: #fff;
6695 } 6696 }
6696 .modal__reg { 6697 .modal__reg {
6697 display: none; 6698 display: none;
6698 -webkit-box-orient: vertical; 6699 -webkit-box-orient: vertical;
6699 -webkit-box-direction: normal; 6700 -webkit-box-direction: normal;
6700 -ms-flex-direction: column; 6701 -ms-flex-direction: column;
6701 flex-direction: column; 6702 flex-direction: column;
6702 -webkit-box-align: center; 6703 -webkit-box-align: center;
6703 -ms-flex-align: center; 6704 -ms-flex-align: center;
6704 align-items: center; 6705 align-items: center;
6705 gap: 10px; 6706 gap: 10px;
6706 width: 100%; 6707 width: 100%;
6707 margin-top: 10px; 6708 margin-top: 10px;
6708 margin-bottom: 20px; 6709 margin-bottom: 20px;
6709 } 6710 }
6710 @media (min-width: 768px) { 6711 @media (min-width: 768px) {
6711 .modal__reg { 6712 .modal__reg {
6712 margin-top: 20px; 6713 margin-top: 20px;
6713 margin-bottom: 30px; 6714 margin-bottom: 30px;
6714 gap: 20px; 6715 gap: 20px;
6715 } 6716 }
6716 } 6717 }
6717 .modal__reg.showed { 6718 .modal__reg.showed {
6718 display: -webkit-box; 6719 display: -webkit-box;
6719 display: -ms-flexbox; 6720 display: -ms-flexbox;
6720 display: flex; 6721 display: flex;
6721 } 6722 }
6722 .modal__reg-item { 6723 .modal__reg-item {
6723 width: 100%; 6724 width: 100%;
6724 display: -webkit-box; 6725 display: -webkit-box;
6725 display: -ms-flexbox; 6726 display: -ms-flexbox;
6726 display: flex; 6727 display: flex;
6727 -webkit-box-orient: vertical; 6728 -webkit-box-orient: vertical;
6728 -webkit-box-direction: normal; 6729 -webkit-box-direction: normal;
6729 -ms-flex-direction: column; 6730 -ms-flex-direction: column;
6730 flex-direction: column; 6731 flex-direction: column;
6731 } 6732 }
6732 .modal__reg-item > .captcha { 6733 .modal__reg-item > .captcha {
6733 width: 100%; 6734 width: 100%;
6734 max-width: 300px; 6735 max-width: 300px;
6735 } 6736 }
6736 6737
6737 .messages { 6738 .messages {
6738 display: -webkit-box; 6739 display: -webkit-box;
6739 display: -ms-flexbox; 6740 display: -ms-flexbox;
6740 display: flex; 6741 display: flex;
6741 -webkit-box-orient: vertical; 6742 -webkit-box-orient: vertical;
6742 -webkit-box-direction: reverse; 6743 -webkit-box-direction: reverse;
6743 -ms-flex-direction: column-reverse; 6744 -ms-flex-direction: column-reverse;
6744 flex-direction: column-reverse; 6745 flex-direction: column-reverse;
6745 -webkit-box-align: center; 6746 -webkit-box-align: center;
6746 -ms-flex-align: center; 6747 -ms-flex-align: center;
6747 align-items: center; 6748 align-items: center;
6748 gap: 20px; 6749 gap: 20px;
6749 } 6750 }
6750 .messages__body { 6751 .messages__body {
6751 width: 100%; 6752 width: 100%;
6752 max-height: 800px; 6753 max-height: 800px;
6753 overflow: auto; 6754 overflow: auto;
6754 padding: 5px; 6755 padding: 5px;
6755 } 6756 }
6756 .messages__item { 6757 .messages__item {
6757 -webkit-box-align: center; 6758 -webkit-box-align: center;
6758 -ms-flex-align: center; 6759 -ms-flex-align: center;
6759 align-items: center; 6760 align-items: center;
6760 border-radius: 8px; 6761 border-radius: 8px;
6761 border: 1px solid #e7e7e7; 6762 border: 1px solid #e7e7e7;
6762 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 6763 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
6763 padding: 0px; 6764 padding: 0px;
6764 font-size: 12px; 6765 font-size: 12px;
6765 display: flex; 6766 display: flex;
6766 justify-content: space-between; 6767 justify-content: space-between;
6767 margin-bottom: 20px; 6768 margin-bottom: 20px;
6768 } 6769 }
6769 @media (min-width: 768px) { 6770 @media (min-width: 768px) {
6770 .messages__item { 6771 .messages__item {
6771 font-size: 18px; 6772 font-size: 18px;
6772 } 6773 }
6773 } 6774 }
6774 .messages__item-info { 6775 .messages__item-info {
6775 display: -webkit-box; 6776 display: -webkit-box;
6776 display: -ms-flexbox; 6777 display: -ms-flexbox;
6777 display: flex; 6778 display: flex;
6778 -webkit-box-align: center; 6779 -webkit-box-align: center;
6779 -ms-flex-align: center; 6780 -ms-flex-align: center;
6780 align-items: center; 6781 align-items: center;
6781 width: calc(100% - 90px); 6782 width: calc(100% - 90px);
6782 padding: 20px; 6783 padding: 20px;
6783 } 6784 }
6784 @media (min-width: 768px) { 6785 @media (min-width: 768px) {
6785 .messages__item-info { 6786 .messages__item-info {
6786 width: calc(100% - 150px); 6787 width: calc(100% - 150px);
6787 } 6788 }
6788 } 6789 }
6789 .messages__item-photo { 6790 .messages__item-photo {
6790 position: relative; 6791 position: relative;
6791 aspect-ratio: 1/1; 6792 aspect-ratio: 1/1;
6792 overflow: hidden; 6793 overflow: hidden;
6793 background: #9c9d9d; 6794 background: #9c9d9d;
6794 color: #fff; 6795 color: #fff;
6795 width: 36px; 6796 width: 36px;
6796 border-radius: 6px; 6797 border-radius: 6px;
6797 display: -webkit-box; 6798 display: -webkit-box;
6798 display: -ms-flexbox; 6799 display: -ms-flexbox;
6799 display: flex; 6800 display: flex;
6800 -webkit-box-pack: center; 6801 -webkit-box-pack: center;
6801 -ms-flex-pack: center; 6802 -ms-flex-pack: center;
6802 justify-content: center; 6803 justify-content: center;
6803 -webkit-box-align: center; 6804 -webkit-box-align: center;
6804 -ms-flex-align: center; 6805 -ms-flex-align: center;
6805 align-items: center; 6806 align-items: center;
6806 } 6807 }
6807 @media (min-width: 768px) { 6808 @media (min-width: 768px) {
6808 .messages__item-photo { 6809 .messages__item-photo {
6809 width: 52px; 6810 width: 52px;
6810 } 6811 }
6811 } 6812 }
6812 .messages__item-photo svg { 6813 .messages__item-photo svg {
6813 width: 50%; 6814 width: 50%;
6814 position: relative; 6815 position: relative;
6815 z-index: 1; 6816 z-index: 1;
6816 } 6817 }
6817 .messages__item-photo img { 6818 .messages__item-photo img {
6818 position: absolute; 6819 position: absolute;
6819 z-index: 2; 6820 z-index: 2;
6820 top: 0; 6821 top: 0;
6821 left: 0; 6822 left: 0;
6822 width: 100%; 6823 width: 100%;
6823 height: 100%; 6824 height: 100%;
6824 -o-object-fit: cover; 6825 -o-object-fit: cover;
6825 object-fit: cover; 6826 object-fit: cover;
6826 } 6827 }
6827 .messages__item-text { 6828 .messages__item-text {
6828 width: calc(100% - 36px); 6829 width: calc(100% - 36px);
6829 padding-left: 6px; 6830 padding-left: 6px;
6830 color: #000; 6831 color: #000;
6831 display: -webkit-box; 6832 display: -webkit-box;
6832 display: -ms-flexbox; 6833 display: -ms-flexbox;
6833 display: flex; 6834 display: flex;
6834 -webkit-box-orient: vertical; 6835 -webkit-box-orient: vertical;
6835 -webkit-box-direction: normal; 6836 -webkit-box-direction: normal;
6836 -ms-flex-direction: column; 6837 -ms-flex-direction: column;
6837 flex-direction: column; 6838 flex-direction: column;
6838 gap: 4px; 6839 gap: 4px;
6839 } 6840 }
6840 @media (min-width: 768px) { 6841 @media (min-width: 768px) {
6841 .messages__item-text { 6842 .messages__item-text {
6842 padding-left: 20px; 6843 padding-left: 20px;
6843 width: calc(100% - 52px); 6844 width: calc(100% - 52px);
6844 gap: 8px; 6845 gap: 8px;
6845 } 6846 }
6846 } 6847 }
6847 .messages__item-text span { 6848 .messages__item-text span {
6848 color: #000; 6849 color: #000;
6849 } 6850 }
6850 .messages__item-actions{ 6851 .messages__item-actions{
6851 padding: 20px; 6852 padding: 20px;
6852 } 6853 }
6853 .messages__item-buttons{ 6854 .messages__item-buttons{
6854 float: right; 6855 float: right;
6855 display: flex; 6856 display: flex;
6856 align-items: center; 6857 align-items: center;
6857 } 6858 }
6858 .messages__item-buttons button{ 6859 .messages__item-buttons button{
6859 padding: 0; 6860 padding: 0;
6860 background: unset; 6861 background: unset;
6861 border: unset; 6862 border: unset;
6862 } 6863 }
6863 .messages__item-buttons button svg{ 6864 .messages__item-buttons button svg{
6864 width: 25px; 6865 width: 25px;
6865 height: 25px; 6866 height: 25px;
6866 color: gray; 6867 color: gray;
6867 } 6868 }
6868 .messages__item-buttons button svg path{ 6869 .messages__item-buttons button svg path{
6869 stroke: gray; 6870 stroke: gray;
6870 } 6871 }
6871 .messages__item-buttons button:hover svg{ 6872 .messages__item-buttons button:hover svg{
6872 color: black; 6873 color: black;
6873 } 6874 }
6874 .messages__item-buttons button:hover svg path{ 6875 .messages__item-buttons button:hover svg path{
6875 stroke: black; 6876 stroke: black;
6876 } 6877 }
6877 .messages__item-buttons button.pin-on:hover svg#pin_off path{ 6878 .messages__item-buttons button.pin-on:hover svg#pin_off path{
6878 fill: black; 6879 fill: black;
6879 } 6880 }
6880 .messages__item-buttons button.pin-on svg{ 6881 .messages__item-buttons button.pin-on svg{
6881 fill: gray; 6882 fill: gray;
6882 } 6883 }
6883 .messages__item-date { 6884 .messages__item-date {
6884 color: #00000070; 6885 color: #00000070;
6885 width: 90px; 6886 width: 90px;
6886 text-align: right; 6887 text-align: right;
6887 font-size: 14px; 6888 font-size: 14px;
6888 margin-bottom: 8px; 6889 margin-bottom: 8px;
6889 } 6890 }
6890 6891
6891 .messages.active .messages__item { 6892 .messages.active .messages__item {
6892 display: -webkit-box; 6893 display: -webkit-box;
6893 display: -ms-flexbox; 6894 display: -ms-flexbox;
6894 display: flex; 6895 display: flex;
6895 } 6896 }
6896 6897
6897 .responses { 6898 .responses {
6898 display: -webkit-box; 6899 display: -webkit-box;
6899 display: -ms-flexbox; 6900 display: -ms-flexbox;
6900 display: flex; 6901 display: flex;
6901 -webkit-box-orient: vertical; 6902 -webkit-box-orient: vertical;
6902 -webkit-box-direction: reverse; 6903 -webkit-box-direction: reverse;
6903 -ms-flex-direction: column-reverse; 6904 -ms-flex-direction: column-reverse;
6904 flex-direction: column-reverse; 6905 flex-direction: column-reverse;
6905 -webkit-box-align: center; 6906 -webkit-box-align: center;
6906 -ms-flex-align: center; 6907 -ms-flex-align: center;
6907 align-items: center; 6908 align-items: center;
6908 gap: 20px; 6909 gap: 20px;
6909 } 6910 }
6910 .responses__body { 6911 .responses__body {
6911 width: 100%; 6912 width: 100%;
6912 display: -webkit-box; 6913 display: -webkit-box;
6913 display: -ms-flexbox; 6914 display: -ms-flexbox;
6914 display: flex; 6915 display: flex;
6915 -webkit-box-orient: vertical; 6916 -webkit-box-orient: vertical;
6916 -webkit-box-direction: normal; 6917 -webkit-box-direction: normal;
6917 -ms-flex-direction: column; 6918 -ms-flex-direction: column;
6918 flex-direction: column; 6919 flex-direction: column;
6919 gap: 20px; 6920 gap: 20px;
6920 } 6921 }
6921 .responses__item { 6922 .responses__item {
6922 display: none; 6923 display: none;
6923 -webkit-box-orient: vertical; 6924 -webkit-box-orient: vertical;
6924 -webkit-box-direction: normal; 6925 -webkit-box-direction: normal;
6925 -ms-flex-direction: column; 6926 -ms-flex-direction: column;
6926 flex-direction: column; 6927 flex-direction: column;
6927 gap: 20px; 6928 gap: 20px;
6928 border-radius: 8px; 6929 border-radius: 8px;
6929 border: 1px solid #e7e7e7; 6930 border: 1px solid #e7e7e7;
6930 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 6931 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
6931 padding: 20px 10px; 6932 padding: 20px 10px;
6932 font-size: 12px; 6933 font-size: 12px;
6933 position: relative; 6934 position: relative;
6934 } 6935 }
6935 @media (min-width: 768px) { 6936 @media (min-width: 768px) {
6936 .responses__item { 6937 .responses__item {
6937 padding: 20px; 6938 padding: 20px;
6938 font-size: 16px; 6939 font-size: 16px;
6939 } 6940 }
6940 } 6941 }
6941 .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) { 6942 .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) {
6942 display: -webkit-box; 6943 display: -webkit-box;
6943 display: -ms-flexbox; 6944 display: -ms-flexbox;
6944 display: flex; 6945 display: flex;
6945 } 6946 }
6946 .responses__item-date { 6947 .responses__item-date {
6947 color: #000; 6948 color: #000;
6948 } 6949 }
6949 @media (min-width: 992px) { 6950 @media (min-width: 992px) {
6950 .responses__item-date { 6951 .responses__item-date {
6951 position: absolute; 6952 position: absolute;
6952 top: 20px; 6953 top: 20px;
6953 right: 20px; 6954 right: 20px;
6954 } 6955 }
6955 } 6956 }
6956 .responses__item-wrapper { 6957 .responses__item-wrapper {
6957 display: -webkit-box; 6958 display: -webkit-box;
6958 display: -ms-flexbox; 6959 display: -ms-flexbox;
6959 display: flex; 6960 display: flex;
6960 -webkit-box-orient: vertical; 6961 -webkit-box-orient: vertical;
6961 -webkit-box-direction: normal; 6962 -webkit-box-direction: normal;
6962 -ms-flex-direction: column; 6963 -ms-flex-direction: column;
6963 flex-direction: column; 6964 flex-direction: column;
6964 gap: 20px; 6965 gap: 20px;
6965 } 6966 }
6966 .responses__item-inner { 6967 .responses__item-inner {
6967 display: -webkit-box; 6968 display: -webkit-box;
6968 display: -ms-flexbox; 6969 display: -ms-flexbox;
6969 display: flex; 6970 display: flex;
6970 -webkit-box-orient: vertical; 6971 -webkit-box-orient: vertical;
6971 -webkit-box-direction: normal; 6972 -webkit-box-direction: normal;
6972 -ms-flex-direction: column; 6973 -ms-flex-direction: column;
6973 flex-direction: column; 6974 flex-direction: column;
6974 gap: 10px; 6975 gap: 10px;
6975 } 6976 }
6976 @media (min-width: 768px) { 6977 @media (min-width: 768px) {
6977 .responses__item-inner { 6978 .responses__item-inner {
6978 gap: 20px; 6979 gap: 20px;
6979 } 6980 }
6980 } 6981 }
6981 @media (min-width: 1280px) { 6982 @media (min-width: 1280px) {
6982 .responses__item-inner { 6983 .responses__item-inner {
6983 width: calc(100% - 150px); 6984 width: calc(100% - 150px);
6984 } 6985 }
6985 } 6986 }
6986 .responses__item-row { 6987 .responses__item-row {
6987 display: grid; 6988 display: grid;
6988 grid-template-columns: 1fr 1fr; 6989 grid-template-columns: 1fr 1fr;
6989 gap: 20px; 6990 gap: 20px;
6990 color: #000; 6991 color: #000;
6991 text-align: right; 6992 text-align: right;
6992 } 6993 }
6993 @media (min-width: 992px) { 6994 @media (min-width: 992px) {
6994 .responses__item-row { 6995 .responses__item-row {
6995 display: -webkit-box; 6996 display: -webkit-box;
6996 display: -ms-flexbox; 6997 display: -ms-flexbox;
6997 display: flex; 6998 display: flex;
6998 -webkit-box-orient: vertical; 6999 -webkit-box-orient: vertical;
6999 -webkit-box-direction: normal; 7000 -webkit-box-direction: normal;
7000 -ms-flex-direction: column; 7001 -ms-flex-direction: column;
7001 flex-direction: column; 7002 flex-direction: column;
7002 gap: 6px; 7003 gap: 6px;
7003 text-align: left; 7004 text-align: left;
7004 } 7005 }
7005 } 7006 }
7006 .responses__item-row span { 7007 .responses__item-row span {
7007 color: #000; 7008 color: #000;
7008 text-align: left; 7009 text-align: left;
7009 } 7010 }
7010 .responses__item-buttons { 7011 .responses__item-buttons {
7011 display: -webkit-box; 7012 display: -webkit-box;
7012 display: -ms-flexbox; 7013 display: -ms-flexbox;
7013 display: flex; 7014 display: flex;
7014 -webkit-box-orient: vertical; 7015 -webkit-box-orient: vertical;
7015 -webkit-box-direction: normal; 7016 -webkit-box-direction: normal;
7016 -ms-flex-direction: column; 7017 -ms-flex-direction: column;
7017 flex-direction: column; 7018 flex-direction: column;
7018 gap: 10px; 7019 gap: 10px;
7019 } 7020 }
7020 @media (min-width: 768px) { 7021 @media (min-width: 768px) {
7021 .responses__item-buttons { 7022 .responses__item-buttons {
7022 display: grid; 7023 display: grid;
7023 grid-template-columns: 1fr 1fr; 7024 grid-template-columns: 1fr 1fr;
7024 } 7025 }
7025 } 7026 }
7026 @media (min-width: 1280px) { 7027 @media (min-width: 1280px) {
7027 .responses__item-buttons { 7028 .responses__item-buttons {
7028 grid-template-columns: 1fr 1fr 1fr 1fr; 7029 grid-template-columns: 1fr 1fr 1fr 1fr;
7029 } 7030 }
7030 } 7031 }
7031 .responses__item-buttons .button.active { 7032 .responses__item-buttons .button.active {
7032 background: #377d87; 7033 background: #377d87;
7033 color: #fff; 7034 color: #fff;
7034 } 7035 }
7035 .responses.active .responses__item { 7036 .responses.active .responses__item {
7036 display: -webkit-box; 7037 display: -webkit-box;
7037 display: -ms-flexbox; 7038 display: -ms-flexbox;
7038 display: flex; 7039 display: flex;
7039 } 7040 }
7040 7041
7041 .chatbox { 7042 .chatbox {
7042 display: -webkit-box; 7043 display: -webkit-box;
7043 display: -ms-flexbox; 7044 display: -ms-flexbox;
7044 display: flex; 7045 display: flex;
7045 -webkit-box-orient: vertical; 7046 -webkit-box-orient: vertical;
7046 -webkit-box-direction: normal; 7047 -webkit-box-direction: normal;
7047 -ms-flex-direction: column; 7048 -ms-flex-direction: column;
7048 flex-direction: column; 7049 flex-direction: column;
7049 gap: 20px; 7050 gap: 20px;
7050 } 7051 }
7051 @media (min-width: 768px) { 7052 @media (min-width: 768px) {
7052 .chatbox { 7053 .chatbox {
7053 gap: 30px; 7054 gap: 30px;
7054 } 7055 }
7055 } 7056 }
7056 @media (min-width: 1280px) { 7057 @media (min-width: 1280px) {
7057 .chatbox { 7058 .chatbox {
7058 gap: 40px; 7059 gap: 40px;
7059 } 7060 }
7060 } 7061 }
7061 .chatbox__toper { 7062 .chatbox__toper {
7062 display: -webkit-box; 7063 display: -webkit-box;
7063 display: -ms-flexbox; 7064 display: -ms-flexbox;
7064 display: flex; 7065 display: flex;
7065 -webkit-box-orient: vertical; 7066 -webkit-box-orient: vertical;
7066 -webkit-box-direction: normal; 7067 -webkit-box-direction: normal;
7067 -ms-flex-direction: column; 7068 -ms-flex-direction: column;
7068 flex-direction: column; 7069 flex-direction: column;
7069 gap: 10px; 7070 gap: 10px;
7070 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 7071 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
7071 border: 1px solid #e7e7e7; 7072 border: 1px solid #e7e7e7;
7072 border-radius: 8px; 7073 border-radius: 8px;
7073 padding: 10px; 7074 padding: 10px;
7074 } 7075 }
7075 @media (min-width: 768px) { 7076 @media (min-width: 768px) {
7076 .chatbox__toper { 7077 .chatbox__toper {
7077 -webkit-box-orient: horizontal; 7078 -webkit-box-orient: horizontal;
7078 -webkit-box-direction: normal; 7079 -webkit-box-direction: normal;
7079 -ms-flex-direction: row; 7080 -ms-flex-direction: row;
7080 flex-direction: row; 7081 flex-direction: row;
7081 -webkit-box-align: center; 7082 -webkit-box-align: center;
7082 -ms-flex-align: center; 7083 -ms-flex-align: center;
7083 align-items: center; 7084 align-items: center;
7084 -webkit-box-pack: justify; 7085 -webkit-box-pack: justify;
7085 -ms-flex-pack: justify; 7086 -ms-flex-pack: justify;
7086 justify-content: space-between; 7087 justify-content: space-between;
7087 } 7088 }
7088 } 7089 }
7089 .chatbox__toper-info { 7090 .chatbox__toper-info {
7090 font-size: 12px; 7091 font-size: 12px;
7091 } 7092 }
7092 @media (min-width: 768px) { 7093 @media (min-width: 768px) {
7093 .chatbox__toper-info { 7094 .chatbox__toper-info {
7094 font-size: 16px; 7095 font-size: 16px;
7095 width: calc(100% - 230px); 7096 width: calc(100% - 230px);
7096 } 7097 }
7097 } 7098 }
7098 @media (min-width: 768px) { 7099 @media (min-width: 768px) {
7099 .chatbox__toper-button { 7100 .chatbox__toper-button {
7100 width: 210px; 7101 width: 210px;
7101 padding: 0; 7102 padding: 0;
7102 } 7103 }
7103 } 7104 }
7104 .chatbox__list { 7105 .chatbox__list {
7105 display: -webkit-box; 7106 display: -webkit-box;
7106 display: -ms-flexbox; 7107 display: -ms-flexbox;
7107 display: flex; 7108 display: flex;
7108 -webkit-box-orient: vertical; 7109 -webkit-box-orient: vertical;
7109 -webkit-box-direction: normal; 7110 -webkit-box-direction: normal;
7110 -ms-flex-direction: column; 7111 -ms-flex-direction: column;
7111 flex-direction: column; 7112 flex-direction: column;
7112 gap: 10px; 7113 gap: 10px;
7113 max-height: 400px; 7114 max-height: 400px;
7114 overflow: auto; 7115 overflow: auto;
7115 } 7116 }
7116 @media (min-width: 768px) { 7117 @media (min-width: 768px) {
7117 .chatbox__list { 7118 .chatbox__list {
7118 gap: 20px; 7119 gap: 20px;
7119 } 7120 }
7120 } 7121 }
7121 @media (min-width: 1280px) { 7122 @media (min-width: 1280px) {
7122 .chatbox__list { 7123 .chatbox__list {
7123 gap: 40px; 7124 gap: 40px;
7124 } 7125 }
7125 } 7126 }
7126 .chatbox__item { 7127 .chatbox__item {
7127 display: -webkit-box; 7128 display: -webkit-box;
7128 display: -ms-flexbox; 7129 display: -ms-flexbox;
7129 display: flex; 7130 display: flex;
7130 -webkit-box-align: start; 7131 -webkit-box-align: start;
7131 -ms-flex-align: start; 7132 -ms-flex-align: start;
7132 align-items: flex-start; 7133 align-items: flex-start;
7133 -webkit-box-pack: justify; 7134 -webkit-box-pack: justify;
7134 -ms-flex-pack: justify; 7135 -ms-flex-pack: justify;
7135 justify-content: space-between; 7136 justify-content: space-between;
7136 -ms-flex-wrap: wrap; 7137 -ms-flex-wrap: wrap;
7137 flex-wrap: wrap; 7138 flex-wrap: wrap;
7138 color: #000; 7139 color: #000;
7139 font-size: 12px; 7140 font-size: 12px;
7140 } 7141 }
7141 @media (min-width: 768px) { 7142 @media (min-width: 768px) {
7142 .chatbox__item { 7143 .chatbox__item {
7143 font-size: 16px; 7144 font-size: 16px;
7144 } 7145 }
7145 } 7146 }
7146 .chatbox__item_reverse { 7147 .chatbox__item_reverse {
7147 -webkit-box-orient: horizontal; 7148 -webkit-box-orient: horizontal;
7148 -webkit-box-direction: reverse; 7149 -webkit-box-direction: reverse;
7149 -ms-flex-direction: row-reverse; 7150 -ms-flex-direction: row-reverse;
7150 flex-direction: row-reverse; 7151 flex-direction: row-reverse;
7151 } 7152 }
7152 .chatbox__item-photo { 7153 .chatbox__item-photo {
7153 position: relative; 7154 position: relative;
7154 aspect-ratio: 1/1; 7155 aspect-ratio: 1/1;
7155 overflow: hidden; 7156 overflow: hidden;
7156 background: #9c9d9d; 7157 background: #9c9d9d;
7157 color: #fff; 7158 color: #fff;
7158 width: 44px; 7159 width: 44px;
7159 border-radius: 6px; 7160 border-radius: 6px;
7160 display: -webkit-box; 7161 display: -webkit-box;
7161 display: -ms-flexbox; 7162 display: -ms-flexbox;
7162 display: flex; 7163 display: flex;
7163 -webkit-box-pack: center; 7164 -webkit-box-pack: center;
7164 -ms-flex-pack: center; 7165 -ms-flex-pack: center;
7165 justify-content: center; 7166 justify-content: center;
7166 -webkit-box-align: center; 7167 -webkit-box-align: center;
7167 -ms-flex-align: center; 7168 -ms-flex-align: center;
7168 align-items: center; 7169 align-items: center;
7169 } 7170 }
7170 .chatbox__item-photo svg { 7171 .chatbox__item-photo svg {
7171 width: 50%; 7172 width: 50%;
7172 position: relative; 7173 position: relative;
7173 z-index: 1; 7174 z-index: 1;
7174 } 7175 }
7175 .chatbox__item-photo img { 7176 .chatbox__item-photo img {
7176 position: absolute; 7177 position: absolute;
7177 z-index: 2; 7178 z-index: 2;
7178 top: 0; 7179 top: 0;
7179 left: 0; 7180 left: 0;
7180 width: 100%; 7181 width: 100%;
7181 height: 100%; 7182 height: 100%;
7182 -o-object-fit: cover; 7183 -o-object-fit: cover;
7183 object-fit: cover; 7184 object-fit: cover;
7184 } 7185 }
7185 .chatbox__item-body { 7186 .chatbox__item-body {
7186 width: calc(100% - 54px); 7187 width: calc(100% - 54px);
7187 display: -webkit-box; 7188 display: -webkit-box;
7188 display: -ms-flexbox; 7189 display: -ms-flexbox;
7189 display: flex; 7190 display: flex;
7190 -webkit-box-orient: vertical; 7191 -webkit-box-orient: vertical;
7191 -webkit-box-direction: normal; 7192 -webkit-box-direction: normal;
7192 -ms-flex-direction: column; 7193 -ms-flex-direction: column;
7193 flex-direction: column; 7194 flex-direction: column;
7194 -webkit-box-align: start; 7195 -webkit-box-align: start;
7195 -ms-flex-align: start; 7196 -ms-flex-align: start;
7196 align-items: flex-start; 7197 align-items: flex-start;
7197 } 7198 }
7198 @media (min-width: 768px) { 7199 @media (min-width: 768px) {
7199 .chatbox__item-body { 7200 .chatbox__item-body {
7200 width: calc(100% - 60px); 7201 width: calc(100% - 60px);
7201 } 7202 }
7202 } 7203 }
7203 .chatbox__item_reverse .chatbox__item-body { 7204 .chatbox__item_reverse .chatbox__item-body {
7204 -webkit-box-align: end; 7205 -webkit-box-align: end;
7205 -ms-flex-align: end; 7206 -ms-flex-align: end;
7206 align-items: flex-end; 7207 align-items: flex-end;
7207 } 7208 }
7208 .chatbox__item-text { 7209 .chatbox__item-text {
7209 border-radius: 8px; 7210 border-radius: 8px;
7210 background: #fff; 7211 background: #fff;
7211 -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2); 7212 -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
7212 box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2); 7213 box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
7213 padding: 10px; 7214 padding: 10px;
7214 line-height: 1.6; 7215 line-height: 1.6;
7215 } 7216 }
7217 .chatbox__item-text .admin-chat-answer{
7218 padding: 2px 5px;
7219 height: auto;
7220 float: right;
7221 margin-left: 10px;
7222 }
7223 .chatbox__item-text .reply-message{
7224 border-left: 1px grey solid;
7225 padding-left: 11px;
7226 font-size: 12px;
7227 font-style: italic;
7228 margin-top: 10px;
7229 }
7216 .chatbox__item-time { 7230 .chatbox__item-time {
7217 width: 100%; 7231 width: 100%;
7218 padding-left: 54px; 7232 padding-left: 54px;
7219 margin-top: 10px; 7233 margin-top: 10px;
7220 color: #9c9d9d; 7234 color: #9c9d9d;
7221 } 7235 }
7222 .chatbox__item_reverse .chatbox__item-time { 7236 .chatbox__item_reverse .chatbox__item-time {
7223 text-align: right; 7237 text-align: right;
7224 } 7238 }
7225 .chatbox__bottom { 7239 .chatbox__bottom {
7226 background: #4d88d9; 7240 background: #4d88d9;
7227 padding: 10px; 7241 padding: 10px;
7228 border-radius: 8px; 7242 border-radius: 8px;
7229 display: -webkit-box; 7243 display: -webkit-box;
7230 display: -ms-flexbox; 7244 display: -ms-flexbox;
7231 display: flex; 7245 display: flex;
7232 -webkit-box-align: center; 7246 -webkit-box-align: center;
7233 -ms-flex-align: center; 7247 -ms-flex-align: center;
7234 align-items: center; 7248 align-items: center;
7235 -webkit-box-pack: justify; 7249 -webkit-box-pack: justify;
7236 -ms-flex-pack: justify; 7250 -ms-flex-pack: justify;
7237 justify-content: space-between; 7251 justify-content: space-between;
7238 } 7252 }
7239 @media (min-width: 768px) { 7253 @media (min-width: 768px) {
7240 .chatbox__bottom { 7254 .chatbox__bottom {
7241 padding: 16px 20px; 7255 padding: 16px 20px;
7242 } 7256 }
7243 } 7257 }
7244 .chatbox__bottom-file { 7258 .chatbox__bottom-file {
7245 width: 20px; 7259 width: 20px;
7246 aspect-ratio: 1/1; 7260 aspect-ratio: 1/1;
7247 display: -webkit-box; 7261 display: -webkit-box;
7248 display: -ms-flexbox; 7262 display: -ms-flexbox;
7249 display: flex; 7263 display: flex;
7250 -webkit-box-pack: center; 7264 -webkit-box-pack: center;
7251 -ms-flex-pack: center; 7265 -ms-flex-pack: center;
7252 justify-content: center; 7266 justify-content: center;
7253 -webkit-box-align: center; 7267 -webkit-box-align: center;
7254 -ms-flex-align: center; 7268 -ms-flex-align: center;
7255 align-items: center; 7269 align-items: center;
7256 background: #fff; 7270 background: #fff;
7257 color: #4d88d9; 7271 color: #4d88d9;
7258 border-radius: 8px; 7272 border-radius: 8px;
7259 } 7273 }
7260 @media (min-width: 768px) { 7274 @media (min-width: 768px) {
7261 .chatbox__bottom-file { 7275 .chatbox__bottom-file {
7262 width: 48px; 7276 width: 48px;
7263 } 7277 }
7264 } 7278 }
7265 .chatbox__bottom-file:hover { 7279 .chatbox__bottom-file:hover {
7266 color: #377d87; 7280 color: #377d87;
7267 } 7281 }
7268 .chatbox__bottom-file input { 7282 .chatbox__bottom-file input {
7269 display: none; 7283 display: none;
7270 } 7284 }
7271 .chatbox__bottom-file svg { 7285 .chatbox__bottom-file svg {
7272 width: 50%; 7286 width: 50%;
7273 aspect-ratio: 1/1; 7287 aspect-ratio: 1/1;
7274 } 7288 }
7275 @media (min-width: 768px) { 7289 @media (min-width: 768px) {
7276 .chatbox__bottom-file svg { 7290 .chatbox__bottom-file svg {
7277 width: 40%; 7291 width: 40%;
7278 } 7292 }
7279 } 7293 }
7280 .chatbox__bottom-text { 7294 .chatbox__bottom-text {
7281 width: calc(100% - 60px); 7295 width: calc(100% - 60px);
7282 height: 20px; 7296 height: 20px;
7283 border-color: #fff; 7297 border-color: #fff;
7284 } 7298 }
7285 @media (min-width: 768px) { 7299 @media (min-width: 768px) {
7286 .chatbox__bottom-text { 7300 .chatbox__bottom-text {
7287 width: calc(100% - 128px); 7301 width: calc(100% - 128px);
7288 height: 48px; 7302 height: 48px;
7289 } 7303 }
7290 } 7304 }
7291 .chatbox__bottom-text:focus { 7305 .chatbox__bottom-text:focus {
7292 border-color: #fff; 7306 border-color: #fff;
7293 } 7307 }
7294 .chatbox__bottom-send { 7308 .chatbox__bottom-send {
7295 width: 20px; 7309 width: 20px;
7296 aspect-ratio: 1/1; 7310 aspect-ratio: 1/1;
7297 display: -webkit-box; 7311 display: -webkit-box;
7298 display: -ms-flexbox; 7312 display: -ms-flexbox;
7299 display: flex; 7313 display: flex;
7300 -webkit-box-pack: center; 7314 -webkit-box-pack: center;
7301 -ms-flex-pack: center; 7315 -ms-flex-pack: center;
7302 justify-content: center; 7316 justify-content: center;
7303 -webkit-box-align: center; 7317 -webkit-box-align: center;
7304 -ms-flex-align: center; 7318 -ms-flex-align: center;
7305 align-items: center; 7319 align-items: center;
7306 padding: 0; 7320 padding: 0;
7307 background: #fff; 7321 background: #fff;
7308 border: none; 7322 border: none;
7309 color: #4d88d9; 7323 color: #4d88d9;
7310 border-radius: 999px; 7324 border-radius: 999px;
7311 } 7325 }
7312 @media (min-width: 768px) { 7326 @media (min-width: 768px) {
7313 .chatbox__bottom-send { 7327 .chatbox__bottom-send {
7314 width: 48px; 7328 width: 48px;
7315 } 7329 }
7316 } 7330 }
7317 .chatbox__bottom-send:hover { 7331 .chatbox__bottom-send:hover {
7318 color: #377d87; 7332 color: #377d87;
7319 } 7333 }
7320 .chatbox__bottom-send svg { 7334 .chatbox__bottom-send svg {
7321 width: 50%; 7335 width: 50%;
7322 aspect-ratio: 1/1; 7336 aspect-ratio: 1/1;
7323 position: relative; 7337 position: relative;
7324 left: 1px; 7338 left: 1px;
7325 } 7339 }
7326 @media (min-width: 768px) { 7340 @media (min-width: 768px) {
7327 .chatbox__bottom-send svg { 7341 .chatbox__bottom-send svg {
7328 width: 40%; 7342 width: 40%;
7329 left: 2px; 7343 left: 2px;
7330 } 7344 }
7331 } 7345 }
7332 7346
7333 .cvs { 7347 .cvs {
7334 display: -webkit-box; 7348 display: -webkit-box;
7335 display: -ms-flexbox; 7349 display: -ms-flexbox;
7336 display: flex; 7350 display: flex;
7337 -webkit-box-orient: vertical; 7351 -webkit-box-orient: vertical;
7338 -webkit-box-direction: reverse; 7352 -webkit-box-direction: reverse;
7339 -ms-flex-direction: column-reverse; 7353 -ms-flex-direction: column-reverse;
7340 flex-direction: column-reverse; 7354 flex-direction: column-reverse;
7341 -webkit-box-align: center; 7355 -webkit-box-align: center;
7342 -ms-flex-align: center; 7356 -ms-flex-align: center;
7343 align-items: center; 7357 align-items: center;
7344 gap: 20px; 7358 gap: 20px;
7345 } 7359 }
7346 .cvs__body { 7360 .cvs__body {
7347 display: -webkit-box; 7361 display: -webkit-box;
7348 display: -ms-flexbox; 7362 display: -ms-flexbox;
7349 display: flex; 7363 display: flex;
7350 -webkit-box-orient: vertical; 7364 -webkit-box-orient: vertical;
7351 -webkit-box-direction: normal; 7365 -webkit-box-direction: normal;
7352 -ms-flex-direction: column; 7366 -ms-flex-direction: column;
7353 flex-direction: column; 7367 flex-direction: column;
7354 gap: 20px; 7368 gap: 20px;
7355 width: 100%; 7369 width: 100%;
7356 } 7370 }
7357 @media (min-width: 768px) { 7371 @media (min-width: 768px) {
7358 .cvs__body { 7372 .cvs__body {
7359 gap: 30px; 7373 gap: 30px;
7360 } 7374 }
7361 } 7375 }
7362 .cvs__item { 7376 .cvs__item {
7363 display: none; 7377 display: none;
7364 -webkit-box-orient: vertical; 7378 -webkit-box-orient: vertical;
7365 -webkit-box-direction: normal; 7379 -webkit-box-direction: normal;
7366 -ms-flex-direction: column; 7380 -ms-flex-direction: column;
7367 flex-direction: column; 7381 flex-direction: column;
7368 gap: 10px; 7382 gap: 10px;
7369 border-radius: 8px; 7383 border-radius: 8px;
7370 border: 1px solid #e7e7e7; 7384 border: 1px solid #e7e7e7;
7371 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 7385 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
7372 padding: 10px; 7386 padding: 10px;
7373 font-size: 12px; 7387 font-size: 12px;
7374 position: relative; 7388 position: relative;
7375 } 7389 }
7376 @media (min-width: 768px) { 7390 @media (min-width: 768px) {
7377 .cvs__item { 7391 .cvs__item {
7378 gap: 0; 7392 gap: 0;
7379 padding: 20px; 7393 padding: 20px;
7380 font-size: 16px; 7394 font-size: 16px;
7381 -webkit-box-orient: horizontal; 7395 -webkit-box-orient: horizontal;
7382 -webkit-box-direction: normal; 7396 -webkit-box-direction: normal;
7383 -ms-flex-direction: row; 7397 -ms-flex-direction: row;
7384 flex-direction: row; 7398 flex-direction: row;
7385 -webkit-box-align: start; 7399 -webkit-box-align: start;
7386 -ms-flex-align: start; 7400 -ms-flex-align: start;
7387 align-items: flex-start; 7401 align-items: flex-start;
7388 -ms-flex-wrap: wrap; 7402 -ms-flex-wrap: wrap;
7389 flex-wrap: wrap; 7403 flex-wrap: wrap;
7390 } 7404 }
7391 } 7405 }
7392 .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) { 7406 .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) {
7393 display: -webkit-box; 7407 display: -webkit-box;
7394 display: -ms-flexbox; 7408 display: -ms-flexbox;
7395 display: flex; 7409 display: flex;
7396 } 7410 }
7397 .cvs__item-like { 7411 .cvs__item-like {
7398 width: unset; 7412 width: unset;
7399 padding: 5px 10px; 7413 padding: 5px 10px;
7400 margin-right: 10px; 7414 margin-right: 10px;
7401 } 7415 }
7402 .cvs__item .cvs__item-buttons .chat{ 7416 .cvs__item .cvs__item-buttons .chat{
7403 width: unset; 7417 width: unset;
7404 padding: 5px 10px; 7418 padding: 5px 10px;
7405 margin-right: 10px; 7419 margin-right: 10px;
7406 } 7420 }
7407 .cvs__item-like.active{ 7421 .cvs__item-like.active{
7408 background: #ffffff; 7422 background: #ffffff;
7409 color: #eb5757; 7423 color: #eb5757;
7410 } 7424 }
7411 .cvs__item-like .in-favorites{ 7425 .cvs__item-like .in-favorites{
7412 display: none; 7426 display: none;
7413 } 7427 }
7414 .cvs__item-like.active .in-favorites{ 7428 .cvs__item-like.active .in-favorites{
7415 display: block; 7429 display: block;
7416 color: #eb5757; 7430 color: #eb5757;
7417 } 7431 }
7418 .cvs__item-like.active .to-favorites{ 7432 .cvs__item-like.active .to-favorites{
7419 display: none; 7433 display: none;
7420 } 7434 }
7421 .cvs__item .cvs__item-header{ 7435 .cvs__item .cvs__item-header{
7422 display: flex; 7436 display: flex;
7423 width: 100%; 7437 width: 100%;
7424 justify-content: space-between; 7438 justify-content: space-between;
7425 } 7439 }
7426 .cvs__item-photo { 7440 .cvs__item-photo {
7427 position: relative; 7441 position: relative;
7428 aspect-ratio: 1/1; 7442 aspect-ratio: 1/1;
7429 overflow: hidden; 7443 overflow: hidden;
7430 background: #9c9d9d; 7444 background: #9c9d9d;
7431 color: #fff; 7445 color: #fff;
7432 width: 36px; 7446 width: 36px;
7433 border-radius: 6px; 7447 border-radius: 6px;
7434 display: -webkit-box; 7448 display: -webkit-box;
7435 display: -ms-flexbox; 7449 display: -ms-flexbox;
7436 display: flex; 7450 display: flex;
7437 -webkit-box-pack: center; 7451 -webkit-box-pack: center;
7438 -ms-flex-pack: center; 7452 -ms-flex-pack: center;
7439 justify-content: center; 7453 justify-content: center;
7440 -webkit-box-align: center; 7454 -webkit-box-align: center;
7441 -ms-flex-align: center; 7455 -ms-flex-align: center;
7442 align-items: center; 7456 align-items: center;
7443 } 7457 }
7444 @media (min-width: 768px) { 7458 @media (min-width: 768px) {
7445 .cvs__item-photo { 7459 .cvs__item-photo {
7446 width: 68px; 7460 width: 68px;
7447 } 7461 }
7448 } 7462 }
7449 .cvs__item-photo svg { 7463 .cvs__item-photo svg {
7450 width: 50%; 7464 width: 50%;
7451 position: relative; 7465 position: relative;
7452 z-index: 1; 7466 z-index: 1;
7453 } 7467 }
7454 .cvs__item-photo img { 7468 .cvs__item-photo img {
7455 position: absolute; 7469 position: absolute;
7456 z-index: 2; 7470 z-index: 2;
7457 top: 0; 7471 top: 0;
7458 left: 0; 7472 left: 0;
7459 width: 100%; 7473 width: 100%;
7460 height: 100%; 7474 height: 100%;
7461 -o-object-fit: cover; 7475 -o-object-fit: cover;
7462 object-fit: cover; 7476 object-fit: cover;
7463 } 7477 }
7464 .cvs__item-text { 7478 .cvs__item-text {
7465 display: -webkit-box; 7479 display: -webkit-box;
7466 display: -ms-flexbox; 7480 display: -ms-flexbox;
7467 display: flex; 7481 display: flex;
7468 -webkit-box-orient: vertical; 7482 -webkit-box-orient: vertical;
7469 -webkit-box-direction: normal; 7483 -webkit-box-direction: normal;
7470 -ms-flex-direction: column; 7484 -ms-flex-direction: column;
7471 flex-direction: column; 7485 flex-direction: column;
7472 gap: 10px; 7486 gap: 10px;
7473 width: 100%; 7487 width: 100%;
7474 margin-top: 30px; 7488 margin-top: 30px;
7475 } 7489 }
7476 .cvs__item .cvs__item-buttons{ 7490 .cvs__item .cvs__item-buttons{
7477 display: flex; 7491 display: flex;
7478 align-items: start; 7492 align-items: start;
7479 } 7493 }
7480 .cvs.active .cvs__item { 7494 .cvs.active .cvs__item {
7481 display: -webkit-box; 7495 display: -webkit-box;
7482 display: -ms-flexbox; 7496 display: -ms-flexbox;
7483 display: flex; 7497 display: flex;
7484 } 7498 }
7485 .cvs__item-text .cvs__item-text-row{ 7499 .cvs__item-text .cvs__item-text-row{
7486 display: flex; 7500 display: flex;
7487 justify-content: space-between; 7501 justify-content: space-between;
7488 width: 100%; 7502 width: 100%;
7489 } 7503 }
7490 .cvs__item-text .cvs__item-text-row > div{ 7504 .cvs__item-text .cvs__item-text-row > div{
7491 width: 50%; 7505 width: 50%;
7492 } 7506 }
7493 .cvs__item-text .cvs__item-text-row b{ 7507 .cvs__item-text .cvs__item-text-row b{
7494 color: #377d87; 7508 color: #377d87;
7495 font-size: 18px; 7509 font-size: 18px;
7496 } 7510 }
7497 .cvs__item-text .cvs__item-text-status { 7511 .cvs__item-text .cvs__item-text-status {
7498 width: fit-content; 7512 width: fit-content;
7499 background-color: #e6e6e6; 7513 background-color: #e6e6e6;
7500 font-weight: bold; 7514 font-weight: bold;
7501 padding: 5px 10px; 7515 padding: 5px 10px;
7502 border-radius: 8px; 7516 border-radius: 8px;
7503 margin-right: 30px; 7517 margin-right: 30px;
7504 } 7518 }
7505 .cvs__item-text .cvs__item-text-status.looking-for-job { 7519 .cvs__item-text .cvs__item-text-status.looking-for-job {
7506 background-color: #eb5757; 7520 background-color: #eb5757;
7507 color: #fff; 7521 color: #fff;
7508 } 7522 }
7509 .cvs__item-text .cvs__item-text-updated-at{ 7523 .cvs__item-text .cvs__item-text-updated-at{
7510 padding: 5px 10px; 7524 padding: 5px 10px;
7511 border-radius: 8px; 7525 border-radius: 8px;
7512 border: 1px #e6e6e6 solid; 7526 border: 1px #e6e6e6 solid;
7513 } 7527 }
7514 .faqs { 7528 .faqs {
7515 display: -webkit-box; 7529 display: -webkit-box;
7516 display: -ms-flexbox; 7530 display: -ms-flexbox;
7517 display: flex; 7531 display: flex;
7518 -webkit-box-orient: vertical; 7532 -webkit-box-orient: vertical;
7519 -webkit-box-direction: reverse; 7533 -webkit-box-direction: reverse;
7520 -ms-flex-direction: column-reverse; 7534 -ms-flex-direction: column-reverse;
7521 flex-direction: column-reverse; 7535 flex-direction: column-reverse;
7522 -webkit-box-align: center; 7536 -webkit-box-align: center;
7523 -ms-flex-align: center; 7537 -ms-flex-align: center;
7524 align-items: center; 7538 align-items: center;
7525 gap: 20px; 7539 gap: 20px;
7526 } 7540 }
7527 .faqs__body { 7541 .faqs__body {
7528 display: -webkit-box; 7542 display: -webkit-box;
7529 display: -ms-flexbox; 7543 display: -ms-flexbox;
7530 display: flex; 7544 display: flex;
7531 -webkit-box-orient: vertical; 7545 -webkit-box-orient: vertical;
7532 -webkit-box-direction: normal; 7546 -webkit-box-direction: normal;
7533 -ms-flex-direction: column; 7547 -ms-flex-direction: column;
7534 flex-direction: column; 7548 flex-direction: column;
7535 gap: 20px; 7549 gap: 20px;
7536 width: 100%; 7550 width: 100%;
7537 } 7551 }
7538 .faqs__item { 7552 .faqs__item {
7539 display: none; 7553 display: none;
7540 -webkit-box-orient: vertical; 7554 -webkit-box-orient: vertical;
7541 -webkit-box-direction: normal; 7555 -webkit-box-direction: normal;
7542 -ms-flex-direction: column; 7556 -ms-flex-direction: column;
7543 flex-direction: column; 7557 flex-direction: column;
7544 border-radius: 8px; 7558 border-radius: 8px;
7545 -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);
7546 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);
7547 background: #fff; 7561 background: #fff;
7548 padding: 10px; 7562 padding: 10px;
7549 font-size: 12px; 7563 font-size: 12px;
7550 } 7564 }
7551 @media (min-width: 768px) { 7565 @media (min-width: 768px) {
7552 .faqs__item { 7566 .faqs__item {
7553 padding: 20px; 7567 padding: 20px;
7554 font-size: 16px; 7568 font-size: 16px;
7555 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 7569 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
7556 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 7570 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
7557 } 7571 }
7558 } 7572 }
7559 .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) { 7573 .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) {
7560 display: -webkit-box; 7574 display: -webkit-box;
7561 display: -ms-flexbox; 7575 display: -ms-flexbox;
7562 display: flex; 7576 display: flex;
7563 } 7577 }
7564 .faqs__item-button { 7578 .faqs__item-button {
7565 background: none; 7579 background: none;
7566 padding: 0; 7580 padding: 0;
7567 border: none; 7581 border: none;
7568 display: -webkit-box; 7582 display: -webkit-box;
7569 display: -ms-flexbox; 7583 display: -ms-flexbox;
7570 display: flex; 7584 display: flex;
7571 -webkit-box-align: center; 7585 -webkit-box-align: center;
7572 -ms-flex-align: center; 7586 -ms-flex-align: center;
7573 align-items: center; 7587 align-items: center;
7574 color: #000; 7588 color: #000;
7575 text-align: left; 7589 text-align: left;
7576 font-size: 14px; 7590 font-size: 14px;
7577 font-weight: 700; 7591 font-weight: 700;
7578 } 7592 }
7579 @media (min-width: 768px) { 7593 @media (min-width: 768px) {
7580 .faqs__item-button { 7594 .faqs__item-button {
7581 font-size: 20px; 7595 font-size: 20px;
7582 } 7596 }
7583 } 7597 }
7584 .faqs__item-button span { 7598 .faqs__item-button span {
7585 width: calc(100% - 16px); 7599 width: calc(100% - 16px);
7586 padding-right: 16px; 7600 padding-right: 16px;
7587 } 7601 }
7588 .faqs__item-button i { 7602 .faqs__item-button i {
7589 display: -webkit-box; 7603 display: -webkit-box;
7590 display: -ms-flexbox; 7604 display: -ms-flexbox;
7591 display: flex; 7605 display: flex;
7592 -webkit-box-pack: center; 7606 -webkit-box-pack: center;
7593 -ms-flex-pack: center; 7607 -ms-flex-pack: center;
7594 justify-content: center; 7608 justify-content: center;
7595 -webkit-box-align: center; 7609 -webkit-box-align: center;
7596 -ms-flex-align: center; 7610 -ms-flex-align: center;
7597 align-items: center; 7611 align-items: center;
7598 width: 16px; 7612 width: 16px;
7599 aspect-ratio: 1/1; 7613 aspect-ratio: 1/1;
7600 color: #377d87; 7614 color: #377d87;
7601 -webkit-transition: 0.3s; 7615 -webkit-transition: 0.3s;
7602 transition: 0.3s; 7616 transition: 0.3s;
7603 } 7617 }
7604 .faqs__item-button i svg { 7618 .faqs__item-button i svg {
7605 width: 16px; 7619 width: 16px;
7606 aspect-ratio: 1/1; 7620 aspect-ratio: 1/1;
7607 -webkit-transform: rotate(90deg); 7621 -webkit-transform: rotate(90deg);
7608 -ms-transform: rotate(90deg); 7622 -ms-transform: rotate(90deg);
7609 transform: rotate(90deg); 7623 transform: rotate(90deg);
7610 } 7624 }
7611 .faqs__item-button.active i { 7625 .faqs__item-button.active i {
7612 -webkit-transform: rotate(180deg); 7626 -webkit-transform: rotate(180deg);
7613 -ms-transform: rotate(180deg); 7627 -ms-transform: rotate(180deg);
7614 transform: rotate(180deg); 7628 transform: rotate(180deg);
7615 } 7629 }
7616 .faqs__item-body { 7630 .faqs__item-body {
7617 display: -webkit-box; 7631 display: -webkit-box;
7618 display: -ms-flexbox; 7632 display: -ms-flexbox;
7619 display: flex; 7633 display: flex;
7620 -webkit-box-orient: vertical; 7634 -webkit-box-orient: vertical;
7621 -webkit-box-direction: normal; 7635 -webkit-box-direction: normal;
7622 -ms-flex-direction: column; 7636 -ms-flex-direction: column;
7623 flex-direction: column; 7637 flex-direction: column;
7624 gap: 10px; 7638 gap: 10px;
7625 opacity: 0; 7639 opacity: 0;
7626 height: 0; 7640 height: 0;
7627 overflow: hidden; 7641 overflow: hidden;
7628 font-size: 12px; 7642 font-size: 12px;
7629 line-height: 1.4; 7643 line-height: 1.4;
7630 } 7644 }
7631 @media (min-width: 768px) { 7645 @media (min-width: 768px) {
7632 .faqs__item-body { 7646 .faqs__item-body {
7633 font-size: 16px; 7647 font-size: 16px;
7634 gap: 20px; 7648 gap: 20px;
7635 } 7649 }
7636 } 7650 }
7637 .faqs__item-body p { 7651 .faqs__item-body p {
7638 margin: 0; 7652 margin: 0;
7639 } 7653 }
7640 .active + .faqs__item-body { 7654 .active + .faqs__item-body {
7641 opacity: 1; 7655 opacity: 1;
7642 height: auto; 7656 height: auto;
7643 -webkit-transition: 0.3s; 7657 -webkit-transition: 0.3s;
7644 transition: 0.3s; 7658 transition: 0.3s;
7645 padding-top: 10px; 7659 padding-top: 10px;
7646 } 7660 }
7647 @media (min-width: 768px) { 7661 @media (min-width: 768px) {
7648 .active + .faqs__item-body { 7662 .active + .faqs__item-body {
7649 padding-top: 20px; 7663 padding-top: 20px;
7650 } 7664 }
7651 } 7665 }
7652 .faqs.active .faqs__item { 7666 .faqs.active .faqs__item {
7653 display: -webkit-box; 7667 display: -webkit-box;
7654 display: -ms-flexbox; 7668 display: -ms-flexbox;
7655 display: flex; 7669 display: flex;
7656 } 7670 }
7657 7671
7658 .cabinet { 7672 .cabinet {
7659 padding: 20px 0; 7673 padding: 20px 0;
7660 padding-bottom: 40px; 7674 padding-bottom: 40px;
7661 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 7675 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
7662 } 7676 }
7663 @media (min-width: 992px) { 7677 @media (min-width: 992px) {
7664 .cabinet { 7678 .cabinet {
7665 padding: 30px 0; 7679 padding: 30px 0;
7666 padding-bottom: 60px; 7680 padding-bottom: 60px;
7667 } 7681 }
7668 } 7682 }
7669 .cabinet__breadcrumbs { 7683 .cabinet__breadcrumbs {
7670 margin-bottom: 50px; 7684 margin-bottom: 50px;
7671 } 7685 }
7672 .cabinet__wrapper { 7686 .cabinet__wrapper {
7673 display: -webkit-box; 7687 display: -webkit-box;
7674 display: -ms-flexbox; 7688 display: -ms-flexbox;
7675 display: flex; 7689 display: flex;
7676 -webkit-box-orient: vertical; 7690 -webkit-box-orient: vertical;
7677 -webkit-box-direction: normal; 7691 -webkit-box-direction: normal;
7678 -ms-flex-direction: column; 7692 -ms-flex-direction: column;
7679 flex-direction: column; 7693 flex-direction: column;
7680 } 7694 }
7681 @media (min-width: 992px) { 7695 @media (min-width: 992px) {
7682 .cabinet__wrapper { 7696 .cabinet__wrapper {
7683 -webkit-box-orient: horizontal; 7697 -webkit-box-orient: horizontal;
7684 -webkit-box-direction: normal; 7698 -webkit-box-direction: normal;
7685 -ms-flex-direction: row; 7699 -ms-flex-direction: row;
7686 flex-direction: row; 7700 flex-direction: row;
7687 -webkit-box-align: start; 7701 -webkit-box-align: start;
7688 -ms-flex-align: start; 7702 -ms-flex-align: start;
7689 align-items: flex-start; 7703 align-items: flex-start;
7690 -webkit-box-pack: justify; 7704 -webkit-box-pack: justify;
7691 -ms-flex-pack: justify; 7705 -ms-flex-pack: justify;
7692 justify-content: space-between; 7706 justify-content: space-between;
7693 } 7707 }
7694 } 7708 }
7695 .cabinet__side { 7709 .cabinet__side {
7696 border-radius: 8px; 7710 border-radius: 8px;
7697 background: #fff; 7711 background: #fff;
7698 padding: 20px 10px; 7712 padding: 20px 10px;
7699 display: -webkit-box; 7713 display: -webkit-box;
7700 display: -ms-flexbox; 7714 display: -ms-flexbox;
7701 display: flex; 7715 display: flex;
7702 -webkit-box-orient: vertical; 7716 -webkit-box-orient: vertical;
7703 -webkit-box-direction: normal; 7717 -webkit-box-direction: normal;
7704 -ms-flex-direction: column; 7718 -ms-flex-direction: column;
7705 flex-direction: column; 7719 flex-direction: column;
7706 gap: 30px; 7720 gap: 30px;
7707 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 7721 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
7708 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 7722 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
7709 } 7723 }
7710 @media (min-width: 768px) { 7724 @media (min-width: 768px) {
7711 .cabinet__side { 7725 .cabinet__side {
7712 padding: 30px 20px; 7726 padding: 30px 20px;
7713 margin-bottom: 50px; 7727 margin-bottom: 50px;
7714 } 7728 }
7715 } 7729 }
7716 @media (min-width: 992px) { 7730 @media (min-width: 992px) {
7717 .cabinet__side { 7731 .cabinet__side {
7718 width: 340px; 7732 width: 340px;
7719 margin: 0; 7733 margin: 0;
7720 position: sticky; 7734 position: sticky;
7721 top: 6px; 7735 top: 6px;
7722 } 7736 }
7723 } 7737 }
7724 @media (min-width: 1280px) { 7738 @media (min-width: 1280px) {
7725 .cabinet__side { 7739 .cabinet__side {
7726 width: 400px; 7740 width: 400px;
7727 } 7741 }
7728 } 7742 }
7729 .cabinet__side-item { 7743 .cabinet__side-item {
7730 display: -webkit-box; 7744 display: -webkit-box;
7731 display: -ms-flexbox; 7745 display: -ms-flexbox;
7732 display: flex; 7746 display: flex;
7733 -webkit-box-orient: vertical; 7747 -webkit-box-orient: vertical;
7734 -webkit-box-direction: normal; 7748 -webkit-box-direction: normal;
7735 -ms-flex-direction: column; 7749 -ms-flex-direction: column;
7736 flex-direction: column; 7750 flex-direction: column;
7737 gap: 20px; 7751 gap: 20px;
7738 } 7752 }
7739 .cabinet__side-toper { 7753 .cabinet__side-toper {
7740 display: -webkit-box; 7754 display: -webkit-box;
7741 display: -ms-flexbox; 7755 display: -ms-flexbox;
7742 display: flex; 7756 display: flex;
7743 -webkit-box-align: center; 7757 -webkit-box-align: center;
7744 -ms-flex-align: center; 7758 -ms-flex-align: center;
7745 align-items: center; 7759 align-items: center;
7746 } 7760 }
7747 .cabinet__side-toper-pic { 7761 .cabinet__side-toper-pic {
7748 width: 70px; 7762 width: 70px;
7749 aspect-ratio: 1/1; 7763 aspect-ratio: 1/1;
7750 overflow: hidden; 7764 overflow: hidden;
7751 border-radius: 8px; 7765 border-radius: 8px;
7752 color: #fff; 7766 color: #fff;
7753 background: #9c9d9d; 7767 background: #9c9d9d;
7754 display: -webkit-box; 7768 display: -webkit-box;
7755 display: -ms-flexbox; 7769 display: -ms-flexbox;
7756 display: flex; 7770 display: flex;
7757 -webkit-box-align: center; 7771 -webkit-box-align: center;
7758 -ms-flex-align: center; 7772 -ms-flex-align: center;
7759 align-items: center; 7773 align-items: center;
7760 -webkit-box-pack: center; 7774 -webkit-box-pack: center;
7761 -ms-flex-pack: center; 7775 -ms-flex-pack: center;
7762 justify-content: center; 7776 justify-content: center;
7763 position: relative; 7777 position: relative;
7764 } 7778 }
7765 .cabinet__side-toper-pic img { 7779 .cabinet__side-toper-pic img {
7766 width: 100%; 7780 width: 100%;
7767 height: 100%; 7781 height: 100%;
7768 -o-object-fit: cover; 7782 -o-object-fit: cover;
7769 object-fit: cover; 7783 object-fit: cover;
7770 position: absolute; 7784 position: absolute;
7771 z-index: 2; 7785 z-index: 2;
7772 top: 0; 7786 top: 0;
7773 left: 0; 7787 left: 0;
7774 aspect-ratio: 1/1; 7788 aspect-ratio: 1/1;
7775 -o-object-fit: contain; 7789 -o-object-fit: contain;
7776 object-fit: contain; 7790 object-fit: contain;
7777 } 7791 }
7778 .cabinet__side-toper-pic svg { 7792 .cabinet__side-toper-pic svg {
7779 width: 50%; 7793 width: 50%;
7780 aspect-ratio: 1/1; 7794 aspect-ratio: 1/1;
7781 } 7795 }
7782 .cabinet__side-toper b { 7796 .cabinet__side-toper b {
7783 width: calc(100% - 70px); 7797 width: calc(100% - 70px);
7784 font-size: 14px; 7798 font-size: 14px;
7785 font-weight: 700; 7799 font-weight: 700;
7786 padding-left: 16px; 7800 padding-left: 16px;
7787 } 7801 }
7788 @media (min-width: 768px) { 7802 @media (min-width: 768px) {
7789 .cabinet__side-toper b { 7803 .cabinet__side-toper b {
7790 font-size: 20px; 7804 font-size: 20px;
7791 } 7805 }
7792 } 7806 }
7793 .cabinet__menu { 7807 .cabinet__menu {
7794 display: -webkit-box; 7808 display: -webkit-box;
7795 display: -ms-flexbox; 7809 display: -ms-flexbox;
7796 display: flex; 7810 display: flex;
7797 -webkit-box-orient: vertical; 7811 -webkit-box-orient: vertical;
7798 -webkit-box-direction: normal; 7812 -webkit-box-direction: normal;
7799 -ms-flex-direction: column; 7813 -ms-flex-direction: column;
7800 flex-direction: column; 7814 flex-direction: column;
7801 } 7815 }
7802 .cabinet__menu-toper { 7816 .cabinet__menu-toper {
7803 display: -webkit-box; 7817 display: -webkit-box;
7804 display: -ms-flexbox; 7818 display: -ms-flexbox;
7805 display: flex; 7819 display: flex;
7806 -webkit-box-align: center; 7820 -webkit-box-align: center;
7807 -ms-flex-align: center; 7821 -ms-flex-align: center;
7808 align-items: center; 7822 align-items: center;
7809 -webkit-box-pack: justify; 7823 -webkit-box-pack: justify;
7810 -ms-flex-pack: justify; 7824 -ms-flex-pack: justify;
7811 justify-content: space-between; 7825 justify-content: space-between;
7812 padding: 0 16px; 7826 padding: 0 16px;
7813 padding-right: 12px; 7827 padding-right: 12px;
7814 border: none; 7828 border: none;
7815 border-radius: 8px; 7829 border-radius: 8px;
7816 background: #377d87; 7830 background: #377d87;
7817 color: #fff; 7831 color: #fff;
7818 } 7832 }
7819 @media (min-width: 768px) { 7833 @media (min-width: 768px) {
7820 .cabinet__menu-toper { 7834 .cabinet__menu-toper {
7821 padding: 0 20px; 7835 padding: 0 20px;
7822 } 7836 }
7823 } 7837 }
7824 @media (min-width: 992px) { 7838 @media (min-width: 992px) {
7825 .cabinet__menu-toper { 7839 .cabinet__menu-toper {
7826 display: none; 7840 display: none;
7827 } 7841 }
7828 } 7842 }
7829 .cabinet__menu-toper-text { 7843 .cabinet__menu-toper-text {
7830 width: calc(100% - 16px); 7844 width: calc(100% - 16px);
7831 display: -webkit-box; 7845 display: -webkit-box;
7832 display: -ms-flexbox; 7846 display: -ms-flexbox;
7833 display: flex; 7847 display: flex;
7834 -webkit-box-align: center; 7848 -webkit-box-align: center;
7835 -ms-flex-align: center; 7849 -ms-flex-align: center;
7836 align-items: center; 7850 align-items: center;
7837 } 7851 }
7838 @media (min-width: 768px) { 7852 @media (min-width: 768px) {
7839 .cabinet__menu-toper-text { 7853 .cabinet__menu-toper-text {
7840 width: calc(100% - 20px); 7854 width: calc(100% - 20px);
7841 } 7855 }
7842 } 7856 }
7843 .cabinet__menu-toper-text i { 7857 .cabinet__menu-toper-text i {
7844 width: 16px; 7858 width: 16px;
7845 height: 16px; 7859 height: 16px;
7846 display: -webkit-box; 7860 display: -webkit-box;
7847 display: -ms-flexbox; 7861 display: -ms-flexbox;
7848 display: flex; 7862 display: flex;
7849 -webkit-box-align: center; 7863 -webkit-box-align: center;
7850 -ms-flex-align: center; 7864 -ms-flex-align: center;
7851 align-items: center; 7865 align-items: center;
7852 -webkit-box-pack: center; 7866 -webkit-box-pack: center;
7853 -ms-flex-pack: center; 7867 -ms-flex-pack: center;
7854 justify-content: center; 7868 justify-content: center;
7855 } 7869 }
7856 @media (min-width: 768px) { 7870 @media (min-width: 768px) {
7857 .cabinet__menu-toper-text i { 7871 .cabinet__menu-toper-text i {
7858 width: 22px; 7872 width: 22px;
7859 height: 22px; 7873 height: 22px;
7860 } 7874 }
7861 } 7875 }
7862 .cabinet__menu-toper-text svg { 7876 .cabinet__menu-toper-text svg {
7863 width: 16px; 7877 width: 16px;
7864 height: 16px; 7878 height: 16px;
7865 } 7879 }
7866 @media (min-width: 768px) { 7880 @media (min-width: 768px) {
7867 .cabinet__menu-toper-text svg { 7881 .cabinet__menu-toper-text svg {
7868 width: 22px; 7882 width: 22px;
7869 height: 22px; 7883 height: 22px;
7870 } 7884 }
7871 } 7885 }
7872 .cabinet__menu-toper-text span { 7886 .cabinet__menu-toper-text span {
7873 display: -webkit-box; 7887 display: -webkit-box;
7874 display: -ms-flexbox; 7888 display: -ms-flexbox;
7875 display: flex; 7889 display: flex;
7876 -webkit-box-align: center; 7890 -webkit-box-align: center;
7877 -ms-flex-align: center; 7891 -ms-flex-align: center;
7878 align-items: center; 7892 align-items: center;
7879 padding: 0 10px; 7893 padding: 0 10px;
7880 min-height: 30px; 7894 min-height: 30px;
7881 font-size: 12px; 7895 font-size: 12px;
7882 width: calc(100% - 16px); 7896 width: calc(100% - 16px);
7883 } 7897 }
7884 @media (min-width: 768px) { 7898 @media (min-width: 768px) {
7885 .cabinet__menu-toper-text span { 7899 .cabinet__menu-toper-text span {
7886 width: calc(100% - 22px); 7900 width: calc(100% - 22px);
7887 font-size: 20px; 7901 font-size: 20px;
7888 min-height: 52px; 7902 min-height: 52px;
7889 padding: 0 16px; 7903 padding: 0 16px;
7890 } 7904 }
7891 } 7905 }
7892 .cabinet__menu-toper-arrow { 7906 .cabinet__menu-toper-arrow {
7893 width: 16px; 7907 width: 16px;
7894 height: 16px; 7908 height: 16px;
7895 display: -webkit-box; 7909 display: -webkit-box;
7896 display: -ms-flexbox; 7910 display: -ms-flexbox;
7897 display: flex; 7911 display: flex;
7898 -webkit-box-pack: center; 7912 -webkit-box-pack: center;
7899 -ms-flex-pack: center; 7913 -ms-flex-pack: center;
7900 justify-content: center; 7914 justify-content: center;
7901 -webkit-box-align: center; 7915 -webkit-box-align: center;
7902 -ms-flex-align: center; 7916 -ms-flex-align: center;
7903 align-items: center; 7917 align-items: center;
7904 -webkit-transition: 0.3s; 7918 -webkit-transition: 0.3s;
7905 transition: 0.3s; 7919 transition: 0.3s;
7906 } 7920 }
7907 @media (min-width: 768px) { 7921 @media (min-width: 768px) {
7908 .cabinet__menu-toper-arrow { 7922 .cabinet__menu-toper-arrow {
7909 width: 20px; 7923 width: 20px;
7910 height: 20px; 7924 height: 20px;
7911 } 7925 }
7912 } 7926 }
7913 .cabinet__menu-toper-arrow svg { 7927 .cabinet__menu-toper-arrow svg {
7914 width: 12px; 7928 width: 12px;
7915 height: 12px; 7929 height: 12px;
7916 -webkit-transform: rotate(90deg); 7930 -webkit-transform: rotate(90deg);
7917 -ms-transform: rotate(90deg); 7931 -ms-transform: rotate(90deg);
7918 transform: rotate(90deg); 7932 transform: rotate(90deg);
7919 } 7933 }
7920 @media (min-width: 768px) { 7934 @media (min-width: 768px) {
7921 .cabinet__menu-toper-arrow svg { 7935 .cabinet__menu-toper-arrow svg {
7922 width: 20px; 7936 width: 20px;
7923 height: 20px; 7937 height: 20px;
7924 } 7938 }
7925 } 7939 }
7926 .cabinet__menu-toper.active .cabinet__menu-toper-arrow { 7940 .cabinet__menu-toper.active .cabinet__menu-toper-arrow {
7927 -webkit-transform: rotate(180deg); 7941 -webkit-transform: rotate(180deg);
7928 -ms-transform: rotate(180deg); 7942 -ms-transform: rotate(180deg);
7929 transform: rotate(180deg); 7943 transform: rotate(180deg);
7930 } 7944 }
7931 .cabinet__menu-body { 7945 .cabinet__menu-body {
7932 opacity: 0; 7946 opacity: 0;
7933 height: 0; 7947 height: 0;
7934 overflow: hidden; 7948 overflow: hidden;
7935 display: -webkit-box; 7949 display: -webkit-box;
7936 display: -ms-flexbox; 7950 display: -ms-flexbox;
7937 display: flex; 7951 display: flex;
7938 -webkit-box-orient: vertical; 7952 -webkit-box-orient: vertical;
7939 -webkit-box-direction: normal; 7953 -webkit-box-direction: normal;
7940 -ms-flex-direction: column; 7954 -ms-flex-direction: column;
7941 flex-direction: column; 7955 flex-direction: column;
7942 } 7956 }
7943 @media (min-width: 992px) { 7957 @media (min-width: 992px) {
7944 .cabinet__menu-body { 7958 .cabinet__menu-body {
7945 opacity: 1; 7959 opacity: 1;
7946 height: auto; 7960 height: auto;
7947 } 7961 }
7948 } 7962 }
7949 .active + .cabinet__menu-body { 7963 .active + .cabinet__menu-body {
7950 opacity: 1; 7964 opacity: 1;
7951 height: auto; 7965 height: auto;
7952 -webkit-transition: 0.3s; 7966 -webkit-transition: 0.3s;
7953 transition: 0.3s; 7967 transition: 0.3s;
7954 } 7968 }
7955 .cabinet__menu-items { 7969 .cabinet__menu-items {
7956 display: -webkit-box; 7970 display: -webkit-box;
7957 display: -ms-flexbox; 7971 display: -ms-flexbox;
7958 display: flex; 7972 display: flex;
7959 -webkit-box-orient: vertical; 7973 -webkit-box-orient: vertical;
7960 -webkit-box-direction: normal; 7974 -webkit-box-direction: normal;
7961 -ms-flex-direction: column; 7975 -ms-flex-direction: column;
7962 flex-direction: column; 7976 flex-direction: column;
7963 } 7977 }
7964 .cabinet__menu-item { 7978 .cabinet__menu-item {
7965 padding: 8px 16px; 7979 padding: 8px 16px;
7966 border-radius: 8px; 7980 border-radius: 8px;
7967 display: -webkit-box; 7981 display: -webkit-box;
7968 display: -ms-flexbox; 7982 display: -ms-flexbox;
7969 display: flex; 7983 display: flex;
7970 -webkit-box-align: center; 7984 -webkit-box-align: center;
7971 -ms-flex-align: center; 7985 -ms-flex-align: center;
7972 align-items: center; 7986 align-items: center;
7973 } 7987 }
7974 @media (min-width: 768px) { 7988 @media (min-width: 768px) {
7975 .cabinet__menu-item { 7989 .cabinet__menu-item {
7976 padding: 14px 20px; 7990 padding: 14px 20px;
7977 } 7991 }
7978 } 7992 }
7979 .cabinet__menu-item:hover { 7993 .cabinet__menu-item:hover {
7980 color: #377d87; 7994 color: #377d87;
7981 } 7995 }
7982 @media (min-width: 992px) { 7996 @media (min-width: 992px) {
7983 .cabinet__menu-item.active { 7997 .cabinet__menu-item.active {
7984 background: #377d87; 7998 background: #377d87;
7985 color: #fff; 7999 color: #fff;
7986 } 8000 }
7987 } 8001 }
7988 @media (min-width: 992px) { 8002 @media (min-width: 992px) {
7989 .cabinet__menu-item.active svg { 8003 .cabinet__menu-item.active svg {
7990 color: #fff; 8004 color: #fff;
7991 } 8005 }
7992 } 8006 }
7993 @media (min-width: 992px) { 8007 @media (min-width: 992px) {
7994 .cabinet__menu-item.active.red { 8008 .cabinet__menu-item.active.red {
7995 background: #eb5757; 8009 background: #eb5757;
7996 } 8010 }
7997 } 8011 }
7998 .cabinet__menu-item i { 8012 .cabinet__menu-item i {
7999 width: 16px; 8013 width: 16px;
8000 height: 16px; 8014 height: 16px;
8001 color: #377d87; 8015 color: #377d87;
8002 } 8016 }
8003 @media (min-width: 768px) { 8017 @media (min-width: 768px) {
8004 .cabinet__menu-item i { 8018 .cabinet__menu-item i {
8005 width: 22px; 8019 width: 22px;
8006 height: 22px; 8020 height: 22px;
8007 } 8021 }
8008 } 8022 }
8009 .cabinet__menu-item svg { 8023 .cabinet__menu-item svg {
8010 width: 16px; 8024 width: 16px;
8011 height: 16px; 8025 height: 16px;
8012 } 8026 }
8013 @media (min-width: 768px) { 8027 @media (min-width: 768px) {
8014 .cabinet__menu-item svg { 8028 .cabinet__menu-item svg {
8015 width: 22px; 8029 width: 22px;
8016 height: 22px; 8030 height: 22px;
8017 } 8031 }
8018 } 8032 }
8019 .cabinet__menu-item span { 8033 .cabinet__menu-item span {
8020 width: calc(100% - 16px); 8034 width: calc(100% - 16px);
8021 font-size: 12px; 8035 font-size: 12px;
8022 padding-left: 10px; 8036 padding-left: 10px;
8023 } 8037 }
8024 @media (min-width: 768px) { 8038 @media (min-width: 768px) {
8025 .cabinet__menu-item span { 8039 .cabinet__menu-item span {
8026 font-size: 20px; 8040 font-size: 20px;
8027 width: calc(100% - 22px); 8041 width: calc(100% - 22px);
8028 padding-left: 16px; 8042 padding-left: 16px;
8029 } 8043 }
8030 } 8044 }
8031 .cabinet__menu-bottom { 8045 .cabinet__menu-bottom {
8032 display: -webkit-box; 8046 display: -webkit-box;
8033 display: -ms-flexbox; 8047 display: -ms-flexbox;
8034 display: flex; 8048 display: flex;
8035 -webkit-box-orient: vertical; 8049 -webkit-box-orient: vertical;
8036 -webkit-box-direction: normal; 8050 -webkit-box-direction: normal;
8037 -ms-flex-direction: column; 8051 -ms-flex-direction: column;
8038 flex-direction: column; 8052 flex-direction: column;
8039 gap: 10px; 8053 gap: 10px;
8040 margin-top: 10px; 8054 margin-top: 10px;
8041 } 8055 }
8042 @media (min-width: 768px) { 8056 @media (min-width: 768px) {
8043 .cabinet__menu-bottom { 8057 .cabinet__menu-bottom {
8044 gap: 20px; 8058 gap: 20px;
8045 margin-top: 20px; 8059 margin-top: 20px;
8046 } 8060 }
8047 } 8061 }
8048 .cabinet__menu-copy { 8062 .cabinet__menu-copy {
8049 color: #9c9d9d; 8063 color: #9c9d9d;
8050 text-align: center; 8064 text-align: center;
8051 font-size: 12px; 8065 font-size: 12px;
8052 } 8066 }
8053 @media (min-width: 768px) { 8067 @media (min-width: 768px) {
8054 .cabinet__menu-copy { 8068 .cabinet__menu-copy {
8055 font-size: 16px; 8069 font-size: 16px;
8056 } 8070 }
8057 } 8071 }
8058 .cabinet__body { 8072 .cabinet__body {
8059 margin: 0 -10px; 8073 margin: 0 -10px;
8060 margin-top: 50px; 8074 margin-top: 50px;
8061 background: #fff; 8075 background: #fff;
8062 padding: 20px 10px; 8076 padding: 20px 10px;
8063 display: -webkit-box; 8077 display: -webkit-box;
8064 display: -ms-flexbox; 8078 display: -ms-flexbox;
8065 display: flex; 8079 display: flex;
8066 -webkit-box-orient: vertical; 8080 -webkit-box-orient: vertical;
8067 -webkit-box-direction: normal; 8081 -webkit-box-direction: normal;
8068 -ms-flex-direction: column; 8082 -ms-flex-direction: column;
8069 flex-direction: column; 8083 flex-direction: column;
8070 gap: 30px; 8084 gap: 30px;
8071 color: #000; 8085 color: #000;
8072 } 8086 }
8073 @media (min-width: 768px) { 8087 @media (min-width: 768px) {
8074 .cabinet__body { 8088 .cabinet__body {
8075 padding: 30px 20px; 8089 padding: 30px 20px;
8076 margin: 0; 8090 margin: 0;
8077 border-radius: 8px; 8091 border-radius: 8px;
8078 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 8092 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
8079 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 8093 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
8080 } 8094 }
8081 } 8095 }
8082 @media (min-width: 992px) { 8096 @media (min-width: 992px) {
8083 .cabinet__body { 8097 .cabinet__body {
8084 width: calc(100% - 360px); 8098 width: calc(100% - 360px);
8085 } 8099 }
8086 } 8100 }
8087 @media (min-width: 1280px) { 8101 @media (min-width: 1280px) {
8088 .cabinet__body { 8102 .cabinet__body {
8089 width: calc(100% - 420px); 8103 width: calc(100% - 420px);
8090 } 8104 }
8091 } 8105 }
8092 .cabinet__body-item { 8106 .cabinet__body-item {
8093 display: -webkit-box; 8107 display: -webkit-box;
8094 display: -ms-flexbox; 8108 display: -ms-flexbox;
8095 display: flex; 8109 display: flex;
8096 -webkit-box-orient: vertical; 8110 -webkit-box-orient: vertical;
8097 -webkit-box-direction: normal; 8111 -webkit-box-direction: normal;
8098 -ms-flex-direction: column; 8112 -ms-flex-direction: column;
8099 flex-direction: column; 8113 flex-direction: column;
8100 gap: 20px; 8114 gap: 20px;
8101 } 8115 }
8102 .cabinet__title { 8116 .cabinet__title {
8103 font-size: 24px; 8117 font-size: 24px;
8104 margin-bottom: 20px; 8118 margin-bottom: 20px;
8105 } 8119 }
8106 @media (min-width: 768px) { 8120 @media (min-width: 768px) {
8107 .cabinet__title { 8121 .cabinet__title {
8108 font-size: 32px; 8122 font-size: 32px;
8109 } 8123 }
8110 } 8124 }
8111 @media (min-width: 992px) { 8125 @media (min-width: 992px) {
8112 .cabinet__title { 8126 .cabinet__title {
8113 font-size: 40px; 8127 font-size: 40px;
8114 } 8128 }
8115 } 8129 }
8116 .cabinet__subtitle { 8130 .cabinet__subtitle {
8117 font-size: 22px; 8131 font-size: 22px;
8118 margin: 0; 8132 margin: 0;
8119 font-weight: 700; 8133 font-weight: 700;
8120 color: #000; 8134 color: #000;
8121 } 8135 }
8122 @media (min-width: 768px) { 8136 @media (min-width: 768px) {
8123 .cabinet__subtitle { 8137 .cabinet__subtitle {
8124 font-size: 24px; 8138 font-size: 24px;
8125 } 8139 }
8126 } 8140 }
8127 .cabinet__h4 { 8141 .cabinet__h4 {
8128 font-size: 20px; 8142 font-size: 20px;
8129 margin: 0; 8143 margin: 0;
8130 font-weight: 700; 8144 font-weight: 700;
8131 color: #000; 8145 color: #000;
8132 } 8146 }
8133 @media (min-width: 768px) { 8147 @media (min-width: 768px) {
8134 .cabinet__h4 { 8148 .cabinet__h4 {
8135 font-size: 22px; 8149 font-size: 22px;
8136 } 8150 }
8137 } 8151 }
8138 .cabinet__text { 8152 .cabinet__text {
8139 margin: 0; 8153 margin: 0;
8140 font-size: 14px; 8154 font-size: 14px;
8141 } 8155 }
8142 @media (min-width: 768px) { 8156 @media (min-width: 768px) {
8143 .cabinet__text { 8157 .cabinet__text {
8144 font-size: 16px; 8158 font-size: 16px;
8145 } 8159 }
8146 } 8160 }
8147 .cabinet__text b { 8161 .cabinet__text b {
8148 color: #000; 8162 color: #000;
8149 font-size: 18px; 8163 font-size: 18px;
8150 } 8164 }
8151 @media (min-width: 768px) { 8165 @media (min-width: 768px) {
8152 .cabinet__text b { 8166 .cabinet__text b {
8153 font-size: 24px; 8167 font-size: 24px;
8154 } 8168 }
8155 } 8169 }
8156 .cabinet__descr { 8170 .cabinet__descr {
8157 display: -webkit-box; 8171 display: -webkit-box;
8158 display: -ms-flexbox; 8172 display: -ms-flexbox;
8159 display: flex; 8173 display: flex;
8160 -webkit-box-orient: vertical; 8174 -webkit-box-orient: vertical;
8161 -webkit-box-direction: normal; 8175 -webkit-box-direction: normal;
8162 -ms-flex-direction: column; 8176 -ms-flex-direction: column;
8163 flex-direction: column; 8177 flex-direction: column;
8164 gap: 6px; 8178 gap: 6px;
8165 } 8179 }
8166 @media (min-width: 768px) { 8180 @media (min-width: 768px) {
8167 .cabinet__descr { 8181 .cabinet__descr {
8168 gap: 12px; 8182 gap: 12px;
8169 } 8183 }
8170 } 8184 }
8171 .cabinet__avatar { 8185 .cabinet__avatar {
8172 display: -webkit-box; 8186 display: -webkit-box;
8173 display: -ms-flexbox; 8187 display: -ms-flexbox;
8174 display: flex; 8188 display: flex;
8175 -webkit-box-align: start; 8189 -webkit-box-align: start;
8176 -ms-flex-align: start; 8190 -ms-flex-align: start;
8177 align-items: flex-start; 8191 align-items: flex-start;
8178 } 8192 }
8179 @media (min-width: 768px) { 8193 @media (min-width: 768px) {
8180 .cabinet__avatar { 8194 .cabinet__avatar {
8181 -webkit-box-align: center; 8195 -webkit-box-align: center;
8182 -ms-flex-align: center; 8196 -ms-flex-align: center;
8183 align-items: center; 8197 align-items: center;
8184 } 8198 }
8185 } 8199 }
8186 .cabinet__avatar-pic { 8200 .cabinet__avatar-pic {
8187 width: 100px; 8201 width: 100px;
8188 aspect-ratio: 1/1; 8202 aspect-ratio: 1/1;
8189 position: relative; 8203 position: relative;
8190 display: -webkit-box; 8204 display: -webkit-box;
8191 display: -ms-flexbox; 8205 display: -ms-flexbox;
8192 display: flex; 8206 display: flex;
8193 -webkit-box-pack: center; 8207 -webkit-box-pack: center;
8194 -ms-flex-pack: center; 8208 -ms-flex-pack: center;
8195 justify-content: center; 8209 justify-content: center;
8196 -webkit-box-align: center; 8210 -webkit-box-align: center;
8197 -ms-flex-align: center; 8211 -ms-flex-align: center;
8198 align-items: center; 8212 align-items: center;
8199 overflow: hidden; 8213 overflow: hidden;
8200 border-radius: 8px; 8214 border-radius: 8px;
8201 color: #fff; 8215 color: #fff;
8202 background: #9c9d9d; 8216 background: #9c9d9d;
8203 } 8217 }
8204 .cabinet__avatar-pic svg { 8218 .cabinet__avatar-pic svg {
8205 width: 50%; 8219 width: 50%;
8206 aspect-ratio: 1/1; 8220 aspect-ratio: 1/1;
8207 z-index: 1; 8221 z-index: 1;
8208 position: relative; 8222 position: relative;
8209 } 8223 }
8210 .cabinet__avatar-pic img{ 8224 .cabinet__avatar-pic img{
8211 max-width: 100%; 8225 max-width: 100%;
8212 max-height: 100%; 8226 max-height: 100%;
8213 } 8227 }
8214 .cabinet__avatar-form { 8228 .cabinet__avatar-form {
8215 width: calc(100% - 100px); 8229 width: calc(100% - 100px);
8216 padding-left: 15px; 8230 padding-left: 15px;
8217 display: -webkit-box; 8231 display: -webkit-box;
8218 display: -ms-flexbox; 8232 display: -ms-flexbox;
8219 display: flex; 8233 display: flex;
8220 -webkit-box-orient: vertical; 8234 -webkit-box-orient: vertical;
8221 -webkit-box-direction: normal; 8235 -webkit-box-direction: normal;
8222 -ms-flex-direction: column; 8236 -ms-flex-direction: column;
8223 flex-direction: column; 8237 flex-direction: column;
8224 gap: 6px; 8238 gap: 6px;
8225 } 8239 }
8226 .candidate-top-wrapper{ 8240 .candidate-top-wrapper{
8227 display: flex; 8241 display: flex;
8228 } 8242 }
8229 .candidate-top-wrapper .candidate-thumbnail{ 8243 .candidate-top-wrapper .candidate-thumbnail{
8230 width: 100px; 8244 width: 100px;
8231 height: 100px; 8245 height: 100px;
8232 min-width: 100px; 8246 min-width: 100px;
8233 border-radius: 8px; 8247 border-radius: 8px;
8234 overflow: hidden; 8248 overflow: hidden;
8235 } 8249 }
8236 .candidate-top-wrapper .candidate-thumbnail img{ 8250 .candidate-top-wrapper .candidate-thumbnail img{
8237 max-height: 100%; 8251 max-height: 100%;
8238 max-width: 100%; 8252 max-width: 100%;
8239 } 8253 }
8240 .candidate-top-wrapper .candidate-information{ 8254 .candidate-top-wrapper .candidate-information{
8241 padding-left: 20px; 8255 padding-left: 20px;
8242 font-size: 21px; 8256 font-size: 21px;
8243 display: flex; 8257 display: flex;
8244 align-items: center; 8258 align-items: center;
8245 } 8259 }
8246 .candidate-top-wrapper .candidate-information .candidate-title{ 8260 .candidate-top-wrapper .candidate-information .candidate-title{
8247 font-size: inherit; 8261 font-size: inherit;
8248 } 8262 }
8249 .content-single-candidate .education-detail-description{ 8263 .content-single-candidate .education-detail-description{
8250 margin-bottom: 50px; 8264 margin-bottom: 50px;
8251 text-align: justify; 8265 text-align: justify;
8252 } 8266 }
8253 .content-single-candidate .education-detail-description h3.title{ 8267 .content-single-candidate .education-detail-description h3.title{
8254 font-size: 18px; 8268 font-size: 18px;
8255 margin: 0 0 20px; 8269 margin: 0 0 20px;
8256 } 8270 }
8257 .content-single-candidate .education-detail-description .inner{ 8271 .content-single-candidate .education-detail-description .inner{
8258 font-size: 16px; 8272 font-size: 16px;
8259 font-weight: 300; 8273 font-weight: 300;
8260 line-height: 22px; 8274 line-height: 22px;
8261 color: #77838F; 8275 color: #77838F;
8262 } 8276 }
8263 .education-detail-programs h3.title{ 8277 .education-detail-programs h3.title{
8264 font-size: 18px; 8278 font-size: 18px;
8265 margin: 0 0 20px; 8279 margin: 0 0 20px;
8266 } 8280 }
8267 .education-detail-programs .accordion{ 8281 .education-detail-programs .accordion{
8268 margin: 1rem 0; 8282 margin: 1rem 0;
8269 padding: 0; 8283 padding: 0;
8270 list-style: none; 8284 list-style: none;
8271 border-top: 1px solid #ECEDF2; 8285 border-top: 1px solid #ECEDF2;
8272 } 8286 }
8273 .education-detail-programs .accordion.sub{ 8287 .education-detail-programs .accordion.sub{
8274 padding-left: 20px; 8288 padding-left: 20px;
8275 display: none; 8289 display: none;
8276 } 8290 }
8277 .education-detail-programs .accordion-item { 8291 .education-detail-programs .accordion-item {
8278 border-bottom: 1px solid #ECEDF2; 8292 border-bottom: 1px solid #ECEDF2;
8279 } 8293 }
8280 .education-detail-programs .accordion-thumb { 8294 .education-detail-programs .accordion-thumb {
8281 margin: 0; 8295 margin: 0;
8282 padding: 25px 0; 8296 padding: 25px 0;
8283 cursor: pointer; 8297 cursor: pointer;
8284 font-weight: normal; 8298 font-weight: normal;
8285 color: #0E5C69; 8299 color: #0E5C69;
8286 font-size: 16px; 8300 font-size: 16px;
8287 text-transform: uppercase; 8301 text-transform: uppercase;
8288 } 8302 }
8289 .education-detail-programs .accordion-thumb::after { 8303 .education-detail-programs .accordion-thumb::after {
8290 content: ""; 8304 content: "";
8291 display: block; 8305 display: block;
8292 float: right; 8306 float: right;
8293 position: relative; 8307 position: relative;
8294 top: 6px; 8308 top: 6px;
8295 height: 7px; 8309 height: 7px;
8296 width: 7px; 8310 width: 7px;
8297 margin-right: 1rem; 8311 margin-right: 1rem;
8298 margin-left: 0.5rem; 8312 margin-left: 0.5rem;
8299 border-right: 1px solid; 8313 border-right: 1px solid;
8300 border-bottom: 1px solid; 8314 border-bottom: 1px solid;
8301 border-color: #828A96; 8315 border-color: #828A96;
8302 transform: rotate(-45deg); 8316 transform: rotate(-45deg);
8303 transition: transform 0.2s ease-out; 8317 transition: transform 0.2s ease-out;
8304 } 8318 }
8305 .education-detail-programs .accordion-item .accordion-thumb.ui-state-active::after { 8319 .education-detail-programs .accordion-item .accordion-thumb.ui-state-active::after {
8306 transform: rotate(45deg); 8320 transform: rotate(45deg);
8307 } 8321 }
8308 .accordion-sub .accordion-panel{ 8322 .accordion-sub .accordion-panel{
8309 display: none; 8323 display: none;
8310 } 8324 }
8311 .accordion > .accordion-item > .accordion-panel{ 8325 .accordion > .accordion-item > .accordion-panel{
8312 opacity: 1; 8326 opacity: 1;
8313 } 8327 }
8314 .accordion-sub li{ 8328 .accordion-sub li{
8315 list-style-type: none; 8329 list-style-type: none;
8316 } 8330 }
8317 .accordion-sub .accordion-item .accordion-panel{ 8331 .accordion-sub .accordion-item .accordion-panel{
8318 white-space: pre-wrap; 8332 white-space: pre-wrap;
8319 white-space: -moz-pre-wrap; 8333 white-space: -moz-pre-wrap;
8320 white-space: -o-pre-wrap; 8334 white-space: -o-pre-wrap;
8321 } 8335 }
8322 .accordion-sub li:last-child { 8336 .accordion-sub li:last-child {
8323 border-bottom: unset; 8337 border-bottom: unset;
8324 } 8338 }
8325 .education-detail-contacts{ 8339 .education-detail-contacts{
8326 margin-top: 50px; 8340 margin-top: 50px;
8327 } 8341 }
8328 .education-detail-contacts h3.title{ 8342 .education-detail-contacts h3.title{
8329 font-size: 18px; 8343 font-size: 18px;
8330 margin: 0 0 20px; 8344 margin: 0 0 20px;
8331 } 8345 }
8332 .education-detail-contacts .inner > div{ 8346 .education-detail-contacts .inner > div{
8333 display: flex; 8347 display: flex;
8334 align-items: center; 8348 align-items: center;
8335 margin-bottom: 20px; 8349 margin-bottom: 20px;
8336 } 8350 }
8337 .education-detail-contacts .inner > div .icon{ 8351 .education-detail-contacts .inner > div .icon{
8338 margin-right: 20px; 8352 margin-right: 20px;
8339 } 8353 }
8340 @media (min-width: 768px) { 8354 @media (min-width: 768px) {
8341 .cabinet__avatar-form { 8355 .cabinet__avatar-form {
8342 -webkit-box-align: start; 8356 -webkit-box-align: start;
8343 -ms-flex-align: start; 8357 -ms-flex-align: start;
8344 align-items: flex-start; 8358 align-items: flex-start;
8345 padding-left: 30px; 8359 padding-left: 30px;
8346 gap: 12px; 8360 gap: 12px;
8347 } 8361 }
8348 } 8362 }
8349 @media (min-width: 768px) { 8363 @media (min-width: 768px) {
8350 .cabinet__avatar-form .file { 8364 .cabinet__avatar-form .file {
8351 min-width: 215px; 8365 min-width: 215px;
8352 } 8366 }
8353 } 8367 }
8354 .cabinet__inputs { 8368 .cabinet__inputs {
8355 display: -webkit-box; 8369 display: -webkit-box;
8356 display: -ms-flexbox; 8370 display: -ms-flexbox;
8357 display: flex; 8371 display: flex;
8358 -webkit-box-orient: vertical; 8372 -webkit-box-orient: vertical;
8359 -webkit-box-direction: normal; 8373 -webkit-box-direction: normal;
8360 -ms-flex-direction: column; 8374 -ms-flex-direction: column;
8361 flex-direction: column; 8375 flex-direction: column;
8362 gap: 20px; 8376 gap: 20px;
8363 } 8377 }
8364 .cabinet__inputs .cabinet__inputs_to_columns_wrap{ 8378 .cabinet__inputs .cabinet__inputs_to_columns_wrap{
8365 display: flex; 8379 display: flex;
8366 } 8380 }
8367 .cabinet__inputs_to_columns_wrap .cabinet__inputs_to_column{ 8381 .cabinet__inputs_to_columns_wrap .cabinet__inputs_to_column{
8368 width: 50%; 8382 width: 50%;
8369 padding-right: 20px; 8383 padding-right: 20px;
8370 } 8384 }
8371 .cabinet__inputs_to_columns_wrap .cabinet__inputs-item{ 8385 .cabinet__inputs_to_columns_wrap .cabinet__inputs-item{
8372 margin-bottom: 20px; 8386 margin-bottom: 20px;
8373 width: 100%; 8387 width: 100%;
8374 } 8388 }
8375 @media (min-width: 1280px) { 8389 @media (min-width: 1280px) {
8376 .cabinet__inputs { 8390 .cabinet__inputs {
8377 -webkit-box-orient: horizontal; 8391 -webkit-box-orient: horizontal;
8378 -webkit-box-direction: normal; 8392 -webkit-box-direction: normal;
8379 -ms-flex-direction: row; 8393 -ms-flex-direction: row;
8380 flex-direction: row; 8394 flex-direction: row;
8381 -webkit-box-align: end; 8395 -webkit-box-align: end;
8382 -ms-flex-align: end; 8396 -ms-flex-align: end;
8383 align-items: end; 8397 align-items: end;
8384 -webkit-box-pack: justify; 8398 -webkit-box-pack: justify;
8385 -ms-flex-pack: justify; 8399 -ms-flex-pack: justify;
8386 justify-content: space-between; 8400 justify-content: space-between;
8387 -ms-flex-wrap: wrap; 8401 -ms-flex-wrap: wrap;
8388 flex-wrap: wrap; 8402 flex-wrap: wrap;
8389 } 8403 }
8390 } 8404 }
8391 @media (min-width: 1280px) { 8405 @media (min-width: 1280px) {
8392 .cabinet__inputs-item { 8406 .cabinet__inputs-item {
8393 width: calc(50% - 10px); 8407 width: calc(50% - 10px);
8394 } 8408 }
8395 } 8409 }
8396 @media (min-width: 1280px) { 8410 @media (min-width: 1280px) {
8397 .cabinet__inputs-item_fullwidth { 8411 .cabinet__inputs-item_fullwidth {
8398 width: 100%; 8412 width: 100%;
8399 } 8413 }
8400 } 8414 }
8401 @media (min-width: 1280px) { 8415 @media (min-width: 1280px) {
8402 .cabinet__inputs-item_min { 8416 .cabinet__inputs-item_min {
8403 width: calc(15% - 10px); 8417 width: calc(15% - 10px);
8404 } 8418 }
8405 } 8419 }
8406 @media (min-width: 1280px) { 8420 @media (min-width: 1280px) {
8407 .cabinet__inputs-item_max { 8421 .cabinet__inputs-item_max {
8408 width: calc(85% - 10px); 8422 width: calc(85% - 10px);
8409 } 8423 }
8410 } 8424 }
8411 @media (min-width: 768px) { 8425 @media (min-width: 768px) {
8412 .cabinet__inputs-item .button { 8426 .cabinet__inputs-item .button {
8413 width: 100%; 8427 width: 100%;
8414 max-width: 215px; 8428 max-width: 215px;
8415 padding: 0; 8429 padding: 0;
8416 } 8430 }
8417 } 8431 }
8418 @media (max-width: 768px) { 8432 @media (max-width: 768px) {
8419 .cabinet__inputs .cabinet__inputs_to_columns_wrap{ 8433 .cabinet__inputs .cabinet__inputs_to_columns_wrap{
8420 display: block; 8434 display: block;
8421 } 8435 }
8422 .cabinet__inputs_to_columns_wrap .cabinet__inputs_to_column{ 8436 .cabinet__inputs_to_columns_wrap .cabinet__inputs_to_column{
8423 width: 100%; 8437 width: 100%;
8424 } 8438 }
8425 } 8439 }
8426 .cabinet__inputs-item.column-count-3{ 8440 .cabinet__inputs-item.column-count-3{
8427 width: calc(32% - 10px); 8441 width: calc(32% - 10px);
8428 } 8442 }
8429 .cabinet__inputs-item-full-row { 8443 .cabinet__inputs-item-full-row {
8430 width: 100%; 8444 width: 100%;
8431 } 8445 }
8432 .cabinet__inputs-item .buttons { 8446 .cabinet__inputs-item .buttons {
8433 display: grid; 8447 display: grid;
8434 grid-template-columns: 1fr 1fr; 8448 grid-template-columns: 1fr 1fr;
8435 gap: 10px; 8449 gap: 10px;
8436 } 8450 }
8437 .cabinet__inputs-item .form-group__label{ 8451 .cabinet__inputs-item .form-group__label{
8438 font-weight: bold; 8452 font-weight: bold;
8439 } 8453 }
8440 @media (min-width: 768px) { 8454 @media (min-width: 768px) {
8441 .cabinet__inputs-item .buttons { 8455 .cabinet__inputs-item .buttons {
8442 gap: 20px; 8456 gap: 20px;
8443 max-width: 470px; 8457 max-width: 470px;
8444 } 8458 }
8445 } 8459 }
8446 @media (min-width: 992px) { 8460 @media (min-width: 992px) {
8447 .cabinet__inputs-item .buttons { 8461 .cabinet__inputs-item .buttons {
8448 max-width: none; 8462 max-width: none;
8449 } 8463 }
8450 } 8464 }
8451 @media (min-width: 1280px) { 8465 @media (min-width: 1280px) {
8452 .cabinet__inputs-item .buttons { 8466 .cabinet__inputs-item .buttons {
8453 max-width: 470px; 8467 max-width: 470px;
8454 } 8468 }
8455 } 8469 }
8456 .cabinet__inputs-item .buttons .button { 8470 .cabinet__inputs-item .buttons .button {
8457 max-width: none; 8471 max-width: none;
8458 } 8472 }
8459 .cabinet__inputs > .button { 8473 .cabinet__inputs > .button {
8460 padding: 0; 8474 padding: 0;
8461 width: 100%; 8475 width: 100%;
8462 max-width: 140px; 8476 max-width: 140px;
8463 } 8477 }
8464 @media (min-width: 768px) { 8478 @media (min-width: 768px) {
8465 .cabinet__inputs > .button { 8479 .cabinet__inputs > .button {
8466 max-width: 190px; 8480 max-width: 190px;
8467 } 8481 }
8468 } 8482 }
8469 .cabinet__add { 8483 .cabinet__add {
8470 display: -webkit-box; 8484 display: -webkit-box;
8471 display: -ms-flexbox; 8485 display: -ms-flexbox;
8472 display: flex; 8486 display: flex;
8473 -webkit-box-orient: vertical; 8487 -webkit-box-orient: vertical;
8474 -webkit-box-direction: normal; 8488 -webkit-box-direction: normal;
8475 -ms-flex-direction: column; 8489 -ms-flex-direction: column;
8476 flex-direction: column; 8490 flex-direction: column;
8477 gap: 10px; 8491 gap: 10px;
8478 } 8492 }
8479 @media (min-width: 768px) { 8493 @media (min-width: 768px) {
8480 .cabinet__add { 8494 .cabinet__add {
8481 gap: 0; 8495 gap: 0;
8482 -webkit-box-orient: horizontal; 8496 -webkit-box-orient: horizontal;
8483 -webkit-box-direction: normal; 8497 -webkit-box-direction: normal;
8484 -ms-flex-direction: row; 8498 -ms-flex-direction: row;
8485 flex-direction: row; 8499 flex-direction: row;
8486 -webkit-box-align: end; 8500 -webkit-box-align: end;
8487 -ms-flex-align: end; 8501 -ms-flex-align: end;
8488 align-items: flex-end; 8502 align-items: flex-end;
8489 } 8503 }
8490 } 8504 }
8491 .cabinet__add-pic { 8505 .cabinet__add-pic {
8492 border-radius: 4px; 8506 border-radius: 4px;
8493 position: relative; 8507 position: relative;
8494 overflow: hidden; 8508 overflow: hidden;
8495 background: #9c9d9d; 8509 background: #9c9d9d;
8496 color: #fff; 8510 color: #fff;
8497 width: 100px; 8511 width: 100px;
8498 aspect-ratio: 1/1; 8512 aspect-ratio: 1/1;
8499 -webkit-transition: 0.3s; 8513 -webkit-transition: 0.3s;
8500 transition: 0.3s; 8514 transition: 0.3s;
8501 } 8515 }
8502 @media (min-width: 768px) { 8516 @media (min-width: 768px) {
8503 .cabinet__add-pic { 8517 .cabinet__add-pic {
8504 width: 220px; 8518 width: 220px;
8505 border-radius: 8px; 8519 border-radius: 8px;
8506 } 8520 }
8507 } 8521 }
8508 .cabinet__add-pic:hover { 8522 .cabinet__add-pic:hover {
8509 background: #000; 8523 background: #000;
8510 } 8524 }
8511 .cabinet__add-pic input { 8525 .cabinet__add-pic input {
8512 display: none; 8526 display: none;
8513 } 8527 }
8514 .cabinet__add-pic > svg { 8528 .cabinet__add-pic > svg {
8515 width: 20px; 8529 width: 20px;
8516 position: absolute; 8530 position: absolute;
8517 top: 50%; 8531 top: 50%;
8518 left: 50%; 8532 left: 50%;
8519 -webkit-transform: translate(-50%, -50%); 8533 -webkit-transform: translate(-50%, -50%);
8520 -ms-transform: translate(-50%, -50%); 8534 -ms-transform: translate(-50%, -50%);
8521 transform: translate(-50%, -50%); 8535 transform: translate(-50%, -50%);
8522 z-index: 1; 8536 z-index: 1;
8523 } 8537 }
8524 @media (min-width: 768px) { 8538 @media (min-width: 768px) {
8525 .cabinet__add-pic > svg { 8539 .cabinet__add-pic > svg {
8526 width: 50px; 8540 width: 50px;
8527 } 8541 }
8528 } 8542 }
8529 .cabinet__add-pic span { 8543 .cabinet__add-pic span {
8530 display: -webkit-box; 8544 display: -webkit-box;
8531 display: -ms-flexbox; 8545 display: -ms-flexbox;
8532 display: flex; 8546 display: flex;
8533 -webkit-box-align: center; 8547 -webkit-box-align: center;
8534 -ms-flex-align: center; 8548 -ms-flex-align: center;
8535 align-items: center; 8549 align-items: center;
8536 -webkit-box-pack: center; 8550 -webkit-box-pack: center;
8537 -ms-flex-pack: center; 8551 -ms-flex-pack: center;
8538 justify-content: center; 8552 justify-content: center;
8539 width: 100%; 8553 width: 100%;
8540 gap: 4px; 8554 gap: 4px;
8541 font-weight: 700; 8555 font-weight: 700;
8542 font-size: 8px; 8556 font-size: 8px;
8543 line-height: 1; 8557 line-height: 1;
8544 position: absolute; 8558 position: absolute;
8545 top: 50%; 8559 top: 50%;
8546 left: 50%; 8560 left: 50%;
8547 -webkit-transform: translate(-50%, -50%); 8561 -webkit-transform: translate(-50%, -50%);
8548 -ms-transform: translate(-50%, -50%); 8562 -ms-transform: translate(-50%, -50%);
8549 transform: translate(-50%, -50%); 8563 transform: translate(-50%, -50%);
8550 margin-top: 25px; 8564 margin-top: 25px;
8551 } 8565 }
8552 @media (min-width: 768px) { 8566 @media (min-width: 768px) {
8553 .cabinet__add-pic span { 8567 .cabinet__add-pic span {
8554 font-size: 16px; 8568 font-size: 16px;
8555 margin-top: 60px; 8569 margin-top: 60px;
8556 } 8570 }
8557 } 8571 }
8558 .cabinet__add-pic span svg { 8572 .cabinet__add-pic span svg {
8559 width: 7px; 8573 width: 7px;
8560 aspect-ratio: 1/1; 8574 aspect-ratio: 1/1;
8561 } 8575 }
8562 @media (min-width: 768px) { 8576 @media (min-width: 768px) {
8563 .cabinet__add-pic span svg { 8577 .cabinet__add-pic span svg {
8564 width: 16px; 8578 width: 16px;
8565 } 8579 }
8566 } 8580 }
8567 .cabinet__add-body { 8581 .cabinet__add-body {
8568 display: -webkit-box; 8582 display: -webkit-box;
8569 display: -ms-flexbox; 8583 display: -ms-flexbox;
8570 display: flex; 8584 display: flex;
8571 -webkit-box-orient: vertical; 8585 -webkit-box-orient: vertical;
8572 -webkit-box-direction: normal; 8586 -webkit-box-direction: normal;
8573 -ms-flex-direction: column; 8587 -ms-flex-direction: column;
8574 flex-direction: column; 8588 flex-direction: column;
8575 gap: 10px; 8589 gap: 10px;
8576 } 8590 }
8577 @media (min-width: 768px) { 8591 @media (min-width: 768px) {
8578 .cabinet__add-body { 8592 .cabinet__add-body {
8579 gap: 20px; 8593 gap: 20px;
8580 width: calc(100% - 220px); 8594 width: calc(100% - 220px);
8581 padding-left: 20px; 8595 padding-left: 20px;
8582 } 8596 }
8583 } 8597 }
8584 @media (min-width: 768px) { 8598 @media (min-width: 768px) {
8585 .cabinet__add-body .button { 8599 .cabinet__add-body .button {
8586 width: 215px; 8600 width: 215px;
8587 padding: 0; 8601 padding: 0;
8588 } 8602 }
8589 } 8603 }
8590 .cabinet__fleet { 8604 .cabinet__fleet {
8591 display: -webkit-box; 8605 display: -webkit-box;
8592 display: -ms-flexbox; 8606 display: -ms-flexbox;
8593 display: flex; 8607 display: flex;
8594 -webkit-box-orient: vertical; 8608 -webkit-box-orient: vertical;
8595 -webkit-box-direction: normal; 8609 -webkit-box-direction: normal;
8596 -ms-flex-direction: column; 8610 -ms-flex-direction: column;
8597 flex-direction: column; 8611 flex-direction: column;
8598 gap: 20px; 8612 gap: 20px;
8599 } 8613 }
8600 @media (min-width: 768px) { 8614 @media (min-width: 768px) {
8601 .cabinet__fleet { 8615 .cabinet__fleet {
8602 display: grid; 8616 display: grid;
8603 grid-template-columns: repeat(2, 1fr); 8617 grid-template-columns: repeat(2, 1fr);
8604 } 8618 }
8605 } 8619 }
8606 @media (min-width: 1280px) { 8620 @media (min-width: 1280px) {
8607 .cabinet__fleet { 8621 .cabinet__fleet {
8608 grid-template-columns: repeat(3, 1fr); 8622 grid-template-columns: repeat(3, 1fr);
8609 } 8623 }
8610 } 8624 }
8611 @media (min-width: 768px) { 8625 @media (min-width: 768px) {
8612 .cabinet__submit { 8626 .cabinet__submit {
8613 width: 215px; 8627 width: 215px;
8614 padding: 0; 8628 padding: 0;
8615 margin: 0 auto; 8629 margin: 0 auto;
8616 } 8630 }
8617 } 8631 }
8618 .cabinet__filters { 8632 .cabinet__filters {
8619 display: -webkit-box; 8633 display: -webkit-box;
8620 display: -ms-flexbox; 8634 display: -ms-flexbox;
8621 display: flex; 8635 display: flex;
8622 -webkit-box-orient: vertical; 8636 -webkit-box-orient: vertical;
8623 -webkit-box-direction: normal; 8637 -webkit-box-direction: normal;
8624 -ms-flex-direction: column; 8638 -ms-flex-direction: column;
8625 flex-direction: column; 8639 flex-direction: column;
8626 gap: 10px; 8640 gap: 10px;
8627 } 8641 }
8628 .cabinet__export-wrap{ 8642 .cabinet__export-wrap{
8629 padding: 10px; 8643 padding: 10px;
8630 border: 1px #cecece solid; 8644 border: 1px #cecece solid;
8631 border-radius: 8px; 8645 border-radius: 8px;
8632 width: 100%; 8646 width: 100%;
8633 } 8647 }
8634 .cabinet__export-button-wrap{ 8648 .cabinet__export-button-wrap{
8635 max-width: 200px; 8649 max-width: 200px;
8636 margin-bottom: 10px; 8650 margin-bottom: 10px;
8637 } 8651 }
8638 .cabinet__export-options-wrap{ 8652 .cabinet__export-options-wrap{
8639 display: flex; 8653 display: flex;
8640 justify-content: space-between; 8654 justify-content: space-between;
8641 } 8655 }
8642 .job-title-list-wrap{ 8656 .job-title-list-wrap{
8643 margin-top: 5px; 8657 margin-top: 5px;
8644 } 8658 }
8645 .cabinet__export-error{ 8659 .cabinet__export-error{
8646 color: red; 8660 color: red;
8647 } 8661 }
8648 .flot-image-wrap img{ 8662 .flot-image-wrap img{
8649 max-width: 100%; 8663 max-width: 100%;
8650 max-height: 100%; 8664 max-height: 100%;
8651 flex: 0 0 auto; 8665 flex: 0 0 auto;
8652 } 8666 }
8653 .flot-image-wrap{ 8667 .flot-image-wrap{
8654 width: 220px; 8668 width: 220px;
8655 height: 220px; 8669 height: 220px;
8656 display: flex; 8670 display: flex;
8657 justify-content: center; 8671 justify-content: center;
8658 align-items: center; 8672 align-items: center;
8659 } 8673 }
8660 @media (min-width: 768px) { 8674 @media (min-width: 768px) {
8661 .cabinet__filters { 8675 .cabinet__filters {
8662 gap: 20px; 8676 gap: 20px;
8663 } 8677 }
8664 } 8678 }
8665 @media (min-width: 1280px) { 8679 @media (min-width: 1280px) {
8666 .cabinet__filters { 8680 .cabinet__filters {
8667 -webkit-box-orient: horizontal; 8681 -webkit-box-orient: horizontal;
8668 -webkit-box-direction: normal; 8682 -webkit-box-direction: normal;
8669 -ms-flex-direction: row; 8683 -ms-flex-direction: row;
8670 flex-direction: row; 8684 flex-direction: row;
8671 -webkit-box-align: start; 8685 -webkit-box-align: start;
8672 -ms-flex-align: start; 8686 -ms-flex-align: start;
8673 align-items: flex-start; 8687 align-items: flex-start;
8674 -webkit-box-pack: justify; 8688 -webkit-box-pack: justify;
8675 -ms-flex-pack: justify; 8689 -ms-flex-pack: justify;
8676 justify-content: space-between; 8690 justify-content: space-between;
8677 } 8691 }
8678 } 8692 }
8679 .cabinet__filters-item { 8693 .cabinet__filters-item {
8680 display: -webkit-box; 8694 display: -webkit-box;
8681 display: -ms-flexbox; 8695 display: -ms-flexbox;
8682 display: flex; 8696 display: flex;
8683 -webkit-box-orient: vertical; 8697 -webkit-box-orient: vertical;
8684 -webkit-box-direction: normal; 8698 -webkit-box-direction: normal;
8685 -ms-flex-direction: column; 8699 -ms-flex-direction: column;
8686 flex-direction: column; 8700 flex-direction: column;
8687 -webkit-box-align: start; 8701 -webkit-box-align: start;
8688 -ms-flex-align: start; 8702 -ms-flex-align: start;
8689 align-items: flex-start; 8703 align-items: flex-start;
8690 gap: 10px; 8704 gap: 10px;
8691 } 8705 }
8692 @media (min-width: 768px) { 8706 @media (min-width: 768px) {
8693 .cabinet__filters-item { 8707 .cabinet__filters-item {
8694 gap: 20px; 8708 gap: 20px;
8695 } 8709 }
8696 } 8710 }
8697 @media (min-width: 1280px) { 8711 @media (min-width: 1280px) {
8698 .cabinet__filters-item { 8712 .cabinet__filters-item {
8699 width: calc(50% - 10px); 8713 width: calc(50% - 10px);
8700 max-width: 410px; 8714 max-width: 410px;
8701 } 8715 }
8702 } 8716 }
8703 .cabinet__filters-item .button, 8717 .cabinet__filters-item .button,
8704 .cabinet__filters-item .select { 8718 .cabinet__filters-item .select {
8705 width: 100%; 8719 width: 100%;
8706 } 8720 }
8707 @media (min-width: 1280px) { 8721 @media (min-width: 1280px) {
8708 .cabinet__filters-item .button, 8722 .cabinet__filters-item .button,
8709 .cabinet__filters-item .select { 8723 .cabinet__filters-item .select {
8710 width: auto; 8724 width: auto;
8711 } 8725 }
8712 } 8726 }
8713 .cabinet__filters-item + .cabinet__filters-item { 8727 .cabinet__filters-item + .cabinet__filters-item {
8714 -webkit-box-align: end; 8728 -webkit-box-align: end;
8715 -ms-flex-align: end; 8729 -ms-flex-align: end;
8716 align-items: flex-end; 8730 align-items: flex-end;
8717 } 8731 }
8718 @media (min-width: 1280px) { 8732 @media (min-width: 1280px) {
8719 .cabinet__filters-item + .cabinet__filters-item { 8733 .cabinet__filters-item + .cabinet__filters-item {
8720 max-width: 280px; 8734 max-width: 280px;
8721 } 8735 }
8722 } 8736 }
8723 .cabinet__filters .search input { 8737 .cabinet__filters .search input {
8724 padding-right: 135px; 8738 padding-right: 135px;
8725 } 8739 }
8726 .cabinet__filters .search button { 8740 .cabinet__filters .search button {
8727 width: 115px; 8741 width: 115px;
8728 } 8742 }
8729 .cabinet__filters-buttons { 8743 .cabinet__filters-buttons {
8730 display: grid; 8744 display: grid;
8731 grid-template-columns: 1fr 1fr; 8745 grid-template-columns: 1fr 1fr;
8732 gap: 10px; 8746 gap: 10px;
8733 width: 100%; 8747 width: 100%;
8734 } 8748 }
8735 @media (min-width: 768px) { 8749 @media (min-width: 768px) {
8736 .cabinet__filters-buttons { 8750 .cabinet__filters-buttons {
8737 gap: 20px; 8751 gap: 20px;
8738 } 8752 }
8739 } 8753 }
8740 .cabinet__filters-buttons .button { 8754 .cabinet__filters-buttons .button {
8741 padding: 0; 8755 padding: 0;
8742 gap: 5px; 8756 gap: 5px;
8743 } 8757 }
8744 .cabinet__filters-buttons .button.active { 8758 .cabinet__filters-buttons .button.active {
8745 background: #377d87; 8759 background: #377d87;
8746 color: #fff; 8760 color: #fff;
8747 } 8761 }
8748 .cabinet__filters-buttons .button.active:before { 8762 .cabinet__filters-buttons .button.active:before {
8749 content: ""; 8763 content: "";
8750 width: 6px; 8764 width: 6px;
8751 height: 6px; 8765 height: 6px;
8752 background: #fff; 8766 background: #fff;
8753 border-radius: 999px; 8767 border-radius: 999px;
8754 } 8768 }
8755 .cabinet__table-header { 8769 .cabinet__table-header {
8756 display: -webkit-box; 8770 display: -webkit-box;
8757 display: -ms-flexbox; 8771 display: -ms-flexbox;
8758 display: flex; 8772 display: flex;
8759 -webkit-box-pack: justify; 8773 -webkit-box-pack: justify;
8760 -ms-flex-pack: justify; 8774 -ms-flex-pack: justify;
8761 justify-content: space-between; 8775 justify-content: space-between;
8762 -webkit-box-align: center; 8776 -webkit-box-align: center;
8763 -ms-flex-align: center; 8777 -ms-flex-align: center;
8764 align-items: center; 8778 align-items: center;
8765 font-weight: 700; 8779 font-weight: 700;
8766 margin-bottom: -10px; 8780 margin-bottom: -10px;
8767 } 8781 }
8768 .cabinet__table-header div { 8782 .cabinet__table-header div {
8769 font-size: 18px; 8783 font-size: 18px;
8770 } 8784 }
8771 @media (min-width: 768px) { 8785 @media (min-width: 768px) {
8772 .cabinet__table-header div { 8786 .cabinet__table-header div {
8773 font-size: 24px; 8787 font-size: 24px;
8774 } 8788 }
8775 } 8789 }
8776 .cabinet__table-header span { 8790 .cabinet__table-header span {
8777 color: #000; 8791 color: #000;
8778 font-size: 14px; 8792 font-size: 14px;
8779 } 8793 }
8780 @media (min-width: 768px) { 8794 @media (min-width: 768px) {
8781 .cabinet__table-header span { 8795 .cabinet__table-header span {
8782 font-size: 18px; 8796 font-size: 18px;
8783 } 8797 }
8784 } 8798 }
8785 .cabinet__table-header span b { 8799 .cabinet__table-header span b {
8786 color: #377d87; 8800 color: #377d87;
8787 } 8801 }
8788 .cabinet__tabs { 8802 .cabinet__tabs {
8789 display: grid; 8803 display: grid;
8790 grid-template-columns: 1fr 1fr; 8804 grid-template-columns: 1fr 1fr;
8791 gap: 20px; 8805 gap: 20px;
8792 } 8806 }
8793 @media (min-width: 768px) { 8807 @media (min-width: 768px) {
8794 .cabinet__tabs { 8808 .cabinet__tabs {
8795 max-width: 420px; 8809 max-width: 420px;
8796 } 8810 }
8797 } 8811 }
8798 .cabinet__tabs .button.active { 8812 .cabinet__tabs .button.active {
8799 background: #377d87; 8813 background: #377d87;
8800 color: #fff; 8814 color: #fff;
8801 } 8815 }
8802 .cabinet__bodies { 8816 .cabinet__bodies {
8803 display: none; 8817 display: none;
8804 } 8818 }
8805 .cabinet__bodies.showed { 8819 .cabinet__bodies.showed {
8806 display: block; 8820 display: block;
8807 } 8821 }
8808 .cabinet__nots { 8822 .cabinet__nots {
8809 display: -webkit-box; 8823 display: -webkit-box;
8810 display: -ms-flexbox; 8824 display: -ms-flexbox;
8811 display: flex; 8825 display: flex;
8812 -webkit-box-orient: vertical; 8826 -webkit-box-orient: vertical;
8813 -webkit-box-direction: normal; 8827 -webkit-box-direction: normal;
8814 -ms-flex-direction: column; 8828 -ms-flex-direction: column;
8815 flex-direction: column; 8829 flex-direction: column;
8816 -webkit-box-align: start; 8830 -webkit-box-align: start;
8817 -ms-flex-align: start; 8831 -ms-flex-align: start;
8818 align-items: flex-start; 8832 align-items: flex-start;
8819 gap: 10px; 8833 gap: 10px;
8820 } 8834 }
8821 @media (min-width: 768px) { 8835 @media (min-width: 768px) {
8822 .cabinet__nots { 8836 .cabinet__nots {
8823 gap: 20px; 8837 gap: 20px;
8824 } 8838 }
8825 } 8839 }
8826 .cabinet__nots .input { 8840 .cabinet__nots .input {
8827 width: 100%; 8841 width: 100%;
8828 } 8842 }
8829 .cabinet__anketa { 8843 .cabinet__anketa {
8830 display: -webkit-box; 8844 display: -webkit-box;
8831 display: -ms-flexbox; 8845 display: -ms-flexbox;
8832 display: flex; 8846 display: flex;
8833 -webkit-box-orient: vertical; 8847 -webkit-box-orient: vertical;
8834 -webkit-box-direction: normal; 8848 -webkit-box-direction: normal;
8835 -ms-flex-direction: column; 8849 -ms-flex-direction: column;
8836 flex-direction: column; 8850 flex-direction: column;
8837 -webkit-box-pack: justify; 8851 -webkit-box-pack: justify;
8838 -ms-flex-pack: justify; 8852 -ms-flex-pack: justify;
8839 justify-content: space-between; 8853 justify-content: space-between;
8840 gap: 10px; 8854 gap: 10px;
8841 } 8855 }
8842 @media (min-width: 768px) { 8856 @media (min-width: 768px) {
8843 .cabinet__anketa { 8857 .cabinet__anketa {
8844 -webkit-box-orient: horizontal; 8858 -webkit-box-orient: horizontal;
8845 -webkit-box-direction: normal; 8859 -webkit-box-direction: normal;
8846 -ms-flex-direction: row; 8860 -ms-flex-direction: row;
8847 flex-direction: row; 8861 flex-direction: row;
8848 -webkit-box-align: center; 8862 -webkit-box-align: center;
8849 -ms-flex-align: center; 8863 -ms-flex-align: center;
8850 align-items: center; 8864 align-items: center;
8851 } 8865 }
8852 } 8866 }
8853 @media (min-width: 992px) { 8867 @media (min-width: 992px) {
8854 .cabinet__anketa { 8868 .cabinet__anketa {
8855 -webkit-box-orient: vertical; 8869 -webkit-box-orient: vertical;
8856 -webkit-box-direction: normal; 8870 -webkit-box-direction: normal;
8857 -ms-flex-direction: column; 8871 -ms-flex-direction: column;
8858 flex-direction: column; 8872 flex-direction: column;
8859 -webkit-box-align: stretch; 8873 -webkit-box-align: stretch;
8860 -ms-flex-align: stretch; 8874 -ms-flex-align: stretch;
8861 align-items: stretch; 8875 align-items: stretch;
8862 } 8876 }
8863 } 8877 }
8864 @media (min-width: 1280px) { 8878 @media (min-width: 1280px) {
8865 .cabinet__anketa { 8879 .cabinet__anketa {
8866 -webkit-box-orient: horizontal; 8880 -webkit-box-orient: horizontal;
8867 -webkit-box-direction: normal; 8881 -webkit-box-direction: normal;
8868 -ms-flex-direction: row; 8882 -ms-flex-direction: row;
8869 flex-direction: row; 8883 flex-direction: row;
8870 -webkit-box-align: center; 8884 -webkit-box-align: center;
8871 -ms-flex-align: center; 8885 -ms-flex-align: center;
8872 align-items: center; 8886 align-items: center;
8873 -webkit-box-pack: justify; 8887 -webkit-box-pack: justify;
8874 -ms-flex-pack: justify; 8888 -ms-flex-pack: justify;
8875 justify-content: space-between; 8889 justify-content: space-between;
8876 } 8890 }
8877 } 8891 }
8878 .cabinet__anketa-buttons { 8892 .cabinet__anketa-buttons {
8879 display: -webkit-box; 8893 display: -webkit-box;
8880 display: -ms-flexbox; 8894 display: -ms-flexbox;
8881 display: flex; 8895 display: flex;
8882 -webkit-box-orient: vertical; 8896 -webkit-box-orient: vertical;
8883 -webkit-box-direction: normal; 8897 -webkit-box-direction: normal;
8884 -ms-flex-direction: column; 8898 -ms-flex-direction: column;
8885 flex-direction: column; 8899 flex-direction: column;
8886 gap: 10px; 8900 gap: 10px;
8887 } 8901 }
8888 @media (min-width: 768px) { 8902 @media (min-width: 768px) {
8889 .cabinet__anketa-buttons { 8903 .cabinet__anketa-buttons {
8890 display: grid; 8904 display: grid;
8891 grid-template-columns: 1fr 1fr; 8905 grid-template-columns: 1fr 1fr;
8892 gap: 20px; 8906 gap: 20px;
8893 } 8907 }
8894 } 8908 }
8895 .cabinet__stats { 8909 .cabinet__stats {
8896 display: -webkit-box; 8910 display: -webkit-box;
8897 display: -ms-flexbox; 8911 display: -ms-flexbox;
8898 display: flex; 8912 display: flex;
8899 -webkit-box-orient: vertical; 8913 -webkit-box-orient: vertical;
8900 -webkit-box-direction: normal; 8914 -webkit-box-direction: normal;
8901 -ms-flex-direction: column; 8915 -ms-flex-direction: column;
8902 flex-direction: column; 8916 flex-direction: column;
8903 gap: 6px; 8917 gap: 6px;
8904 } 8918 }
8905 @media (min-width: 768px) { 8919 @media (min-width: 768px) {
8906 .cabinet__stats { 8920 .cabinet__stats {
8907 gap: 12px; 8921 gap: 12px;
8908 } 8922 }
8909 } 8923 }
8910 .cabinet__stats-title { 8924 .cabinet__stats-title {
8911 font-size: 14px; 8925 font-size: 14px;
8912 font-weight: 700; 8926 font-weight: 700;
8913 color: #000; 8927 color: #000;
8914 } 8928 }
8915 @media (min-width: 768px) { 8929 @media (min-width: 768px) {
8916 .cabinet__stats-title { 8930 .cabinet__stats-title {
8917 font-size: 24px; 8931 font-size: 24px;
8918 } 8932 }
8919 } 8933 }
8920 .cabinet__stats-body { 8934 .cabinet__stats-body {
8921 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%); 8935 background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
8922 border-radius: 8px; 8936 border-radius: 8px;
8923 padding: 10px; 8937 padding: 10px;
8924 display: grid; 8938 display: grid;
8925 grid-template-columns: 1fr 1fr; 8939 grid-template-columns: 1fr 1fr;
8926 gap: 20px; 8940 gap: 20px;
8927 margin-bottom: 10px; 8941 margin-bottom: 10px;
8928 } 8942 }
8929 @media (min-width: 768px) { 8943 @media (min-width: 768px) {
8930 .cabinet__stats-body { 8944 .cabinet__stats-body {
8931 padding: 10px 20px; 8945 padding: 10px 20px;
8932 } 8946 }
8933 } 8947 }
8934 .cabinet__stats-item { 8948 .cabinet__stats-item {
8935 font-size: 12px; 8949 font-size: 12px;
8936 display: -webkit-box; 8950 display: -webkit-box;
8937 display: -ms-flexbox; 8951 display: -ms-flexbox;
8938 display: flex; 8952 display: flex;
8939 -webkit-box-align: center; 8953 -webkit-box-align: center;
8940 -ms-flex-align: center; 8954 -ms-flex-align: center;
8941 align-items: center; 8955 align-items: center;
8942 line-height: 1; 8956 line-height: 1;
8943 gap: 6px; 8957 gap: 6px;
8944 } 8958 }
8945 @media (min-width: 768px) { 8959 @media (min-width: 768px) {
8946 .cabinet__stats-item { 8960 .cabinet__stats-item {
8947 font-size: 20px; 8961 font-size: 20px;
8948 gap: 10px; 8962 gap: 10px;
8949 } 8963 }
8950 } 8964 }
8951 .cabinet__stats-item svg { 8965 .cabinet__stats-item svg {
8952 width: 20px; 8966 width: 20px;
8953 aspect-ratio: 1/1; 8967 aspect-ratio: 1/1;
8954 color: #377d87; 8968 color: #377d87;
8955 } 8969 }
8956 @media (min-width: 768px) { 8970 @media (min-width: 768px) {
8957 .cabinet__stats-item svg { 8971 .cabinet__stats-item svg {
8958 width: 40px; 8972 width: 40px;
8959 margin-right: 10px; 8973 margin-right: 10px;
8960 } 8974 }
8961 } 8975 }
8962 .cabinet__stats-item span { 8976 .cabinet__stats-item span {
8963 font-weight: 700; 8977 font-weight: 700;
8964 color: #000; 8978 color: #000;
8965 } 8979 }
8966 .cabinet__stats-item b { 8980 .cabinet__stats-item b {
8967 color: #377d87; 8981 color: #377d87;
8968 font-size: 14px; 8982 font-size: 14px;
8969 } 8983 }
8970 @media (min-width: 768px) { 8984 @media (min-width: 768px) {
8971 .cabinet__stats-item b { 8985 .cabinet__stats-item b {
8972 font-size: 24px; 8986 font-size: 24px;
8973 } 8987 }
8974 } 8988 }
8975 .cabinet__stats-subtitle { 8989 .cabinet__stats-subtitle {
8976 font-size: 14px; 8990 font-size: 14px;
8977 font-weight: 700; 8991 font-weight: 700;
8978 color: #377d87; 8992 color: #377d87;
8979 } 8993 }
8980 @media (min-width: 768px) { 8994 @media (min-width: 768px) {
8981 .cabinet__stats-subtitle { 8995 .cabinet__stats-subtitle {
8982 font-size: 18px; 8996 font-size: 18px;
8983 } 8997 }
8984 } 8998 }
8985 .cabinet__stats-line { 8999 .cabinet__stats-line {
8986 width: 100%; 9000 width: 100%;
8987 position: relative; 9001 position: relative;
8988 overflow: hidden; 9002 overflow: hidden;
8989 height: 8px; 9003 height: 8px;
8990 border-radius: 999px; 9004 border-radius: 999px;
8991 background: #cecece; 9005 background: #cecece;
8992 } 9006 }
8993 .cabinet__stats-line span { 9007 .cabinet__stats-line span {
8994 position: absolute; 9008 position: absolute;
8995 top: 0; 9009 top: 0;
8996 left: 0; 9010 left: 0;
8997 width: 100%; 9011 width: 100%;
8998 height: 100%; 9012 height: 100%;
8999 background: #377d87; 9013 background: #377d87;
9000 border-radius: 999px; 9014 border-radius: 999px;
9001 } 9015 }
9002 .cabinet__stats-bottom { 9016 .cabinet__stats-bottom {
9003 color: #000; 9017 color: #000;
9004 font-size: 12px; 9018 font-size: 12px;
9005 } 9019 }
9006 @media (min-width: 768px) { 9020 @media (min-width: 768px) {
9007 .cabinet__stats-bottom { 9021 .cabinet__stats-bottom {
9008 font-size: 16px; 9022 font-size: 16px;
9009 } 9023 }
9010 } 9024 }
9011 .cabinet__works { 9025 .cabinet__works {
9012 display: -webkit-box; 9026 display: -webkit-box;
9013 display: -ms-flexbox; 9027 display: -ms-flexbox;
9014 display: flex; 9028 display: flex;
9015 -webkit-box-orient: vertical; 9029 -webkit-box-orient: vertical;
9016 -webkit-box-direction: normal; 9030 -webkit-box-direction: normal;
9017 -ms-flex-direction: column; 9031 -ms-flex-direction: column;
9018 flex-direction: column; 9032 flex-direction: column;
9019 gap: 20px; 9033 gap: 20px;
9020 } 9034 }
9021 @media (min-width: 768px) { 9035 @media (min-width: 768px) {
9022 .cabinet__works { 9036 .cabinet__works {
9023 gap: 30px; 9037 gap: 30px;
9024 } 9038 }
9025 } 9039 }
9026 .cabinet__works-item { 9040 .cabinet__works-item {
9027 border-bottom: 1px #cccccc solid; 9041 border-bottom: 1px #cccccc solid;
9028 padding-bottom: 35px; 9042 padding-bottom: 35px;
9029 } 9043 }
9030 .cabinet__works-spoiler { 9044 .cabinet__works-spoiler {
9031 display: -webkit-box; 9045 display: -webkit-box;
9032 display: -ms-flexbox; 9046 display: -ms-flexbox;
9033 display: flex; 9047 display: flex;
9034 -webkit-box-align: center; 9048 -webkit-box-align: center;
9035 -ms-flex-align: center; 9049 -ms-flex-align: center;
9036 align-items: center; 9050 align-items: center;
9037 -webkit-box-pack: justify; 9051 -webkit-box-pack: justify;
9038 -ms-flex-pack: justify; 9052 -ms-flex-pack: justify;
9039 justify-content: space-between; 9053 justify-content: space-between;
9040 } 9054 }
9041 .cabinet__works-spoiler-left { 9055 .cabinet__works-spoiler-left {
9042 display: -webkit-box; 9056 display: -webkit-box;
9043 display: -ms-flexbox; 9057 display: -ms-flexbox;
9044 display: flex; 9058 display: flex;
9045 -webkit-box-align: center; 9059 -webkit-box-align: center;
9046 -ms-flex-align: center; 9060 -ms-flex-align: center;
9047 align-items: center; 9061 align-items: center;
9048 width: calc(100% - 22px); 9062 width: calc(100% - 22px);
9049 } 9063 }
9050 .cabinet__works-spoiler-right { 9064 .cabinet__works-spoiler-right {
9051 width: 22px; 9065 width: 22px;
9052 height: 22px; 9066 height: 22px;
9053 display: -webkit-box; 9067 display: -webkit-box;
9054 display: -ms-flexbox; 9068 display: -ms-flexbox;
9055 display: flex; 9069 display: flex;
9056 -webkit-box-align: center; 9070 -webkit-box-align: center;
9057 -ms-flex-align: center; 9071 -ms-flex-align: center;
9058 align-items: center; 9072 align-items: center;
9059 -webkit-box-pack: center; 9073 -webkit-box-pack: center;
9060 -ms-flex-pack: center; 9074 -ms-flex-pack: center;
9061 justify-content: center; 9075 justify-content: center;
9062 color: #377d87; 9076 color: #377d87;
9063 padding: 0; 9077 padding: 0;
9064 background: none; 9078 background: none;
9065 border: none; 9079 border: none;
9066 } 9080 }
9067 .cabinet__works-spoiler-right svg { 9081 .cabinet__works-spoiler-right svg {
9068 width: 60%; 9082 width: 60%;
9069 aspect-ratio: 1/1; 9083 aspect-ratio: 1/1;
9070 -webkit-transform: rotate(90deg); 9084 -webkit-transform: rotate(90deg);
9071 -ms-transform: rotate(90deg); 9085 -ms-transform: rotate(90deg);
9072 transform: rotate(90deg); 9086 transform: rotate(90deg);
9073 -webkit-transition: 0.3s; 9087 -webkit-transition: 0.3s;
9074 transition: 0.3s; 9088 transition: 0.3s;
9075 } 9089 }
9076 .cabinet__works-spoiler.active .cabinet__works-spoiler-right svg { 9090 .cabinet__works-spoiler.active .cabinet__works-spoiler-right svg {
9077 -webkit-transform: rotate(-90deg); 9091 -webkit-transform: rotate(-90deg);
9078 -ms-transform: rotate(-90deg); 9092 -ms-transform: rotate(-90deg);
9079 transform: rotate(-90deg); 9093 transform: rotate(-90deg);
9080 } 9094 }
9081 .cabinet__works-spoiler-buttons { 9095 .cabinet__works-spoiler-buttons {
9082 display: -webkit-box; 9096 display: -webkit-box;
9083 display: -ms-flexbox; 9097 display: -ms-flexbox;
9084 display: flex; 9098 display: flex;
9085 -webkit-box-align: center; 9099 -webkit-box-align: center;
9086 -ms-flex-align: center; 9100 -ms-flex-align: center;
9087 align-items: center; 9101 align-items: center;
9088 -webkit-box-pack: justify; 9102 -webkit-box-pack: justify;
9089 -ms-flex-pack: justify; 9103 -ms-flex-pack: justify;
9090 justify-content: space-between; 9104 justify-content: space-between;
9091 width: 60px; 9105 width: 60px;
9092 } 9106 }
9093 @media (min-width: 768px) { 9107 @media (min-width: 768px) {
9094 .cabinet__works-spoiler-buttons { 9108 .cabinet__works-spoiler-buttons {
9095 width: 74px; 9109 width: 74px;
9096 } 9110 }
9097 } 9111 }
9098 .cabinet__works-spoiler-buttons .button { 9112 .cabinet__works-spoiler-buttons .button {
9099 width: 22px; 9113 width: 22px;
9100 height: 22px; 9114 height: 22px;
9101 padding: 0; 9115 padding: 0;
9102 } 9116 }
9103 @media (min-width: 768px) { 9117 @media (min-width: 768px) {
9104 .cabinet__works-spoiler-buttons .button { 9118 .cabinet__works-spoiler-buttons .button {
9105 width: 30px; 9119 width: 30px;
9106 height: 30px; 9120 height: 30px;
9107 } 9121 }
9108 } 9122 }
9109 .cabinet__works-spoiler-text { 9123 .cabinet__works-spoiler-text {
9110 width: calc(100% - 60px); 9124 width: calc(100% - 60px);
9111 font-size: 17px; 9125 font-size: 17px;
9112 font-weight: 700; 9126 font-weight: 700;
9113 color: #000; 9127 color: #000;
9114 } 9128 }
9115 @media (min-width: 768px) { 9129 @media (min-width: 768px) {
9116 .cabinet__works-spoiler-text { 9130 .cabinet__works-spoiler-text {
9117 width: calc(100% - 74px); 9131 width: calc(100% - 74px);
9118 font-size: 22px; 9132 font-size: 22px;
9119 } 9133 }
9120 } 9134 }
9121 9135
9122 .cabinet__works-add { 9136 .cabinet__works-add {
9123 padding: 0; 9137 padding: 0;
9124 width: 100%; 9138 width: 100%;
9125 max-width: 160px; 9139 max-width: 160px;
9126 } 9140 }
9127 @media (min-width: 768px) { 9141 @media (min-width: 768px) {
9128 .cabinet__works-add { 9142 .cabinet__works-add {
9129 max-width: 220px; 9143 max-width: 220px;
9130 } 9144 }
9131 } 9145 }
9132 .cabinet__buttons { 9146 .cabinet__buttons {
9133 display: -webkit-box; 9147 display: -webkit-box;
9134 display: -ms-flexbox; 9148 display: -ms-flexbox;
9135 display: flex; 9149 display: flex;
9136 -webkit-box-orient: vertical; 9150 -webkit-box-orient: vertical;
9137 -webkit-box-direction: normal; 9151 -webkit-box-direction: normal;
9138 -ms-flex-direction: column; 9152 -ms-flex-direction: column;
9139 flex-direction: column; 9153 flex-direction: column;
9140 -webkit-box-align: center; 9154 -webkit-box-align: center;
9141 -ms-flex-align: center; 9155 -ms-flex-align: center;
9142 align-items: center; 9156 align-items: center;
9143 gap: 10px; 9157 gap: 10px;
9144 } 9158 }
9145 @media (min-width: 768px) { 9159 @media (min-width: 768px) {
9146 .cabinet__buttons { 9160 .cabinet__buttons {
9147 display: grid; 9161 display: grid;
9148 grid-template-columns: 1fr 1fr; 9162 grid-template-columns: 1fr 1fr;
9149 gap: 20px; 9163 gap: 20px;
9150 } 9164 }
9151 } 9165 }
9152 .cabinet__buttons .button, 9166 .cabinet__buttons .button,
9153 .cabinet__buttons .file { 9167 .cabinet__buttons .file {
9154 padding: 0; 9168 padding: 0;
9155 width: 100%; 9169 width: 100%;
9156 max-width: 140px; 9170 max-width: 140px;
9157 } 9171 }
9158 @media (min-width: 768px) { 9172 @media (min-width: 768px) {
9159 .cabinet__buttons .button, 9173 .cabinet__buttons .button,
9160 .cabinet__buttons .file { 9174 .cabinet__buttons .file {
9161 max-width: none; 9175 max-width: none;
9162 } 9176 }
9163 } 9177 }
9164 @media (min-width: 768px) { 9178 @media (min-width: 768px) {
9165 .cabinet__buttons { 9179 .cabinet__buttons {
9166 gap: 20px; 9180 gap: 20px;
9167 } 9181 }
9168 } 9182 }
9169 @media (min-width: 1280px) { 9183 @media (min-width: 1280px) {
9170 .cabinet__buttons { 9184 .cabinet__buttons {
9171 max-width: 400px; 9185 max-width: 400px;
9172 } 9186 }
9173 } 9187 }
9174 .cabinet__buttons_flex{ 9188 .cabinet__buttons_flex{
9175 display: flex; 9189 display: flex;
9176 } 9190 }
9177 .cabinet__buttons_flex > *{ 9191 .cabinet__buttons_flex > *{
9178 margin-right: 10px; 9192 margin-right: 10px;
9179 } 9193 }
9180 .cabinet__vacs { 9194 .cabinet__vacs {
9181 display: -webkit-box; 9195 display: -webkit-box;
9182 display: -ms-flexbox; 9196 display: -ms-flexbox;
9183 display: flex; 9197 display: flex;
9184 -webkit-box-orient: vertical; 9198 -webkit-box-orient: vertical;
9185 -webkit-box-direction: reverse; 9199 -webkit-box-direction: reverse;
9186 -ms-flex-direction: column-reverse; 9200 -ms-flex-direction: column-reverse;
9187 flex-direction: column-reverse; 9201 flex-direction: column-reverse;
9188 -webkit-box-align: center; 9202 -webkit-box-align: center;
9189 -ms-flex-align: center; 9203 -ms-flex-align: center;
9190 align-items: center; 9204 align-items: center;
9191 gap: 20px; 9205 gap: 20px;
9192 } 9206 }
9193 .cabinet__vacs-body { 9207 .cabinet__vacs-body {
9194 display: -webkit-box; 9208 display: -webkit-box;
9195 display: -ms-flexbox; 9209 display: -ms-flexbox;
9196 display: flex; 9210 display: flex;
9197 -webkit-box-orient: vertical; 9211 -webkit-box-orient: vertical;
9198 -webkit-box-direction: normal; 9212 -webkit-box-direction: normal;
9199 -ms-flex-direction: column; 9213 -ms-flex-direction: column;
9200 flex-direction: column; 9214 flex-direction: column;
9201 gap: 20px; 9215 gap: 20px;
9202 width: 100%; 9216 width: 100%;
9203 } 9217 }
9204 @media (min-width: 768px) { 9218 @media (min-width: 768px) {
9205 .cabinet__vacs-body { 9219 .cabinet__vacs-body {
9206 gap: 30px; 9220 gap: 30px;
9207 } 9221 }
9208 } 9222 }
9209 .cabinet__vacs-item { 9223 .cabinet__vacs-item {
9210 display: none; 9224 display: none;
9211 background: #fff; 9225 background: #fff;
9212 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 9226 -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
9213 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); 9227 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
9214 } 9228 }
9215 .cabinet__vacs-item:nth-of-type(1), .cabinet__vacs-item:nth-of-type(2) { 9229 .cabinet__vacs-item:nth-of-type(1), .cabinet__vacs-item:nth-of-type(2) {
9216 display: -webkit-box; 9230 display: -webkit-box;
9217 display: -ms-flexbox; 9231 display: -ms-flexbox;
9218 display: flex; 9232 display: flex;
9219 } 9233 }
9220 .cabinet__vacs.active .cabinet__vacs-item { 9234 .cabinet__vacs.active .cabinet__vacs-item {
9221 display: -webkit-box; 9235 display: -webkit-box;
9222 display: -ms-flexbox; 9236 display: -ms-flexbox;
9223 display: flex; 9237 display: flex;
9224 } 9238 }
9225 .main__employer-page-two-item-text-body img { 9239 .main__employer-page-two-item-text-body img {
9226 display: inline !important; 9240 display: inline !important;
9227 border: none !important; 9241 border: none !important;
9228 box-shadow: none !important; 9242 box-shadow: none !important;
9229 height: 1em !important; 9243 height: 1em !important;
9230 width: 1em !important; 9244 width: 1em !important;
9231 margin: 0 0.07em !important; 9245 margin: 0 0.07em !important;
9232 vertical-align: -0.1em !important; 9246 vertical-align: -0.1em !important;
9233 background: none !important; 9247 background: none !important;
9234 padding: 0 !important; 9248 padding: 0 !important;
9235 } 9249 }
9236 .main__employer-page-two-item-text-body p{ 9250 .main__employer-page-two-item-text-body p{
9237 margin: 0 0 20px; 9251 margin: 0 0 20px;
9238 } 9252 }
9239 #sertificate .one-sertificate{ 9253 #sertificate .one-sertificate{
9240 display: flex; 9254 display: flex;
9241 justify-content: space-between; 9255 justify-content: space-between;
9242 margin-bottom: 15px; 9256 margin-bottom: 15px;
9243 border-bottom: 1px #ccc solid; 9257 border-bottom: 1px #ccc solid;
9244 padding-bottom: 15px; 9258 padding-bottom: 15px;
9245 } 9259 }
9246 #sertificate .one-sertificate .sertificate-field{ 9260 #sertificate .one-sertificate .sertificate-field{
9247 display: block; 9261 display: block;
9248 } 9262 }
9249 #sertificate .one-sertificate .sertificate-field.sertificate-name{ 9263 #sertificate .one-sertificate .sertificate-field.sertificate-name{
9250 width: 50%; 9264 width: 50%;
9251 max-width: 50%; 9265 max-width: 50%;
9252 } 9266 }
9253 #sertificate .one-sertificate .sertificate-field.sertificate-buttons{ 9267 #sertificate .one-sertificate .sertificate-field.sertificate-buttons{
9254 display: flex; 9268 display: flex;
9255 justify-content: space-between; 9269 justify-content: space-between;
9256 } 9270 }
9257 #sertificate .one-sertificate .sertificate-field.sertificate-buttons a{ 9271 #sertificate .one-sertificate .sertificate-field.sertificate-buttons a{
9258 width: 30px; 9272 width: 30px;
9259 height: 30px; 9273 height: 30px;
9260 padding: 5px; 9274 padding: 5px;
9261 } 9275 }
9262 #prev_worker .cabinet__inputs-item-buttons a{ 9276 #prev_worker .cabinet__inputs-item-buttons a{
9263 width: 30px; 9277 width: 30px;
9264 height: 30px; 9278 height: 30px;
9265 padding: 5px; 9279 padding: 5px;
9266 } 9280 }
9267 #prev_worker .cabinet__inputs-item-buttons{ 9281 #prev_worker .cabinet__inputs-item-buttons{
9268 width: 100px; 9282 width: 100px;
9269 } 9283 }
9270 #prev_worker .cabinet__inputs{ 9284 #prev_worker .cabinet__inputs{
9271 -webkit-box-align: start; 9285 -webkit-box-align: start;
9272 -ms-flex-align: start; 9286 -ms-flex-align: start;
9273 align-items: start; 9287 align-items: start;
9274 } 9288 }
9275 #prev_worker .cabinet__inputs-item-buttons flex{ 9289 #prev_worker .cabinet__inputs-item-buttons flex{
9276 justify-content: end; 9290 justify-content: end;
9277 } 9291 }
9278 #prev_worker .cabinet__body-item{ 9292 #prev_worker .cabinet__body-item{
9279 border-bottom: 1px #cccccc solid; 9293 border-bottom: 1px #cccccc solid;
9280 padding-bottom: 25px; 9294 padding-bottom: 25px;
9281 } 9295 }
9282 @media (max-width: 1280px) { 9296 @media (max-width: 1280px) {
9283 #prev_worker .cabinet__inputs-item-buttons{ 9297 #prev_worker .cabinet__inputs-item-buttons{
9284 position: absolute; 9298 position: absolute;
9285 right: 0; 9299 right: 0;
9286 } 9300 }
9287 } 9301 }
9288 body .cke_notifications_area{ 9302 body .cke_notifications_area{
9289 opacity: 0; 9303 opacity: 0;
9290 display: none !important; 9304 display: none !important;
9291 } 9305 }
9292 .unread-messages-count{ 9306 .unread-messages-count{
9293 background-color: #377d87; 9307 background-color: #377d87;
9294 color: #fff; 9308 color: #fff;
9295 padding: 5px 10px; 9309 padding: 5px 10px;
9296 border-radius: 45px; 9310 border-radius: 45px;
9297 } 9311 }
9298 9312
9299 /* Диалог модал */
9300 .modal-dialog{
9301 border-radius: 10px;
9302 }
9303 .modal-dialog .modal-dialog-footer{
9304 display: flex;
9305 justify-content: space-between;
9306 }
9307 .modal-dialog .modal-dialog-footer.center{
9308 display: flex;
9309 justify-content: center;
9310 }
9311
9312 .button-loader {
9313 border: 2px solid #f3f3f3;
9314 -webkit-animation: spin 1s linear infinite;
9315 animation: spin 1s linear infinite;
9316 border-top: 2px solid #555;
9317 border-radius: 50%;
9318 width: 20px;
9319 height: 20px;
9320 }
9321 @keyframes spin {
9322 0% { transform: rotate(0deg); }
9323 100% { transform: rotate(360deg); }
9324 }
9325 .error-block{
9326 color:red;
9327 padding: 0;
9328 width: 100%;
9329 }
resources/views/admin/message/index.blade.php
Diff comments   View file @ 3b5284e
1 @extends('layout.admin', ['title' => 'Админка - Сообщения адмистратора']) 1 @extends('layout.admin', ['title' => 'Админка - Сообщения адмистратора'])
2 2
3 @section('script') 3 @section('script')
4 <script> 4 <script>
5 $(document).ready(function() { 5 $(document).ready(function() {
6 $('.rejecte-button').click(function(){
7 var this_btn = $(this);
8 var wrap = this_btn.closest('tr');
9 var message_id = wrap.data('message-id');
10 var target = wrap.find('.user-name').text();
11
12 $('#rejecte_message').data('message-id', message_id);
13 $('#rejecte_message').find('.user-name').text(target.trim());
14 $('#rejecte_message').find('.message-id').text(message_id);
15 });
16
17 $('.send-button').click(function(){cl(1000);
18 var this_btn = $(this);
19 var wrap = this_btn.closest('tr');
20 var message_id = wrap.data('message-id');
21 var target = wrap.find('.user-name').text();
22
23 $('#send_message').data('message-id', message_id);
24 $('#send_message').find('.user-name').text(target.trim());
25 $('#send_message').find('.message-id').text(message_id);
26 });
27
6 $(document).on('change', '.checkread', function () { 28 $(document).on('change', '.checkread', function () {
7 var this_ = $(this); 29 var this_ = $(this);
8 var value = this_.val(); 30 var value = this_.val();
9 var ajax_block = $('#ajax_block'); 31 var ajax_block = $('#ajax_block');
10 var bool = 0; 32 var bool = 0;
11 33
12 if(this.checked){ 34 if(this.checked){
13 bool = 1; 35 bool = 1;
14 } else { 36 } else {
15 bool = 0; 37 bool = 0;
16 } 38 }
17 39
18 $.ajax({ 40 $.ajax({
19 type: "GET", 41 type: "GET",
20 url: "{{ url()->full()}}", 42 url: "{{ url()->full()}}",
21 data: "id=" + value + "&flag_new=" + bool, 43 data: "id=" + value + "&flag_new=" + bool,
22 success: function (data) { 44 success: function (data) {
23 console.log('Обновление таблицы сообщений администратора '); 45 console.log('Обновление таблицы сообщений администратора ');
24 //data = JSON.parse(data); 46 //data = JSON.parse(data);
25 //console.log(data); 47 //console.log(data);
26 ajax_block.html(data); 48 ajax_block.html(data);
27 }, 49 },
28 headers: { 50 headers: {
29 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') 51 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
30 }, 52 },
31 error: function (data) { 53 error: function (data) {
32 console.log('Error: ' + data); 54 console.log('Error: ' + data);
33 } 55 }
34 }); 56 });
35 }); 57 });
36 58
37 }); 59 });
38 </script> 60 </script>
39 @endsection 61 @endsection
40 62
41 @section('search')
42 @include('admin.find_message')
43 @endsection
44
45 @section('content') 63 @section('content')
46 <div class="w-full overflow-hidden rounded-lg shadow-xs" id="ajax_block"> 64 <div class="w-full overflow-hidden rounded-lg shadow-xs" id="ajax_block">
47 <div class="w-full overflow-x-auto"> 65 <div class="w-full overflow-x-auto">
48 <table class="w-full whitespace-no-wrap"> 66 <table class="w-full whitespace-no-wrap">
49 <thead> 67 <thead>
50 <tr 68 <tr
51 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" 69 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"
52 > 70 >
53 <th class="px-4 py-3">№</th> 71 <th class="px-4 py-3">№</th>
54 <th class="px-4 py-3">От юзера</th> 72 <th class="px-4 py-3">От юзера</th>
55 <th class="px-4 py-3">К юзеру</th> 73 <th class="px-4 py-3">Должности</th>
56 <th class="px-4 py-3">Текст</th> 74 <th class="px-4 py-3">Текст</th>
57 <th class="px-4 py-3">Дата</th> 75 <th class="px-4 py-3">Дата</th>
58 <th class="px-4 py-3">Прочтено</th> 76 <th class="px-4 py-3">Прочтено</th>
59 </tr> 77 </tr>
60 </thead> 78 </thead>
61 <tbody class="bg-white divide-y dark:divide-gray-700 dark:bg-gray-800"> 79 <tbody class="bg-white divide-y dark:divide-gray-700 dark:bg-gray-800">
62 @foreach($Msgs as $msg) 80 @foreach($Msgs as $msg)
63 <tr class="text-gray-700 dark:text-gray-400" 81 <tr class="text-gray-700 dark:text-gray-400" data-message-id="{{ $msg->id }}">
64 @if (isset($msg->user_to->id))
65 @if (($msg->user_to->id == $id_admin) && ($msg->flag_new == 1))
66 style="background-color: #403998;"
67 @endif
68 @endif>
69 <td class="px-4 py-3"> 82 <td class="px-4 py-3">
70 {{$msg->id}} 83 {{ $msg->id }}
71 </td> 84 </td>
72 <td class="px-4 py-3"> 85 <td class="px-4 py-3">
73 @if (isset($msg->user_from->name)) 86 <div class="user-name">
74 {{$msg->user_from->name}} ({{$msg->user_from->id}}) 87 @if (isset($msg->user->name))
75 @else 88 {{$msg->user->name}} ({{$msg->user->id}})
76 Пользователь удален 89 @else
77 @endif 90 Пользователь удален
91 @endif
92 </div>
78 </td> 93 </td>
79 <td class="px-4 py-3"> 94 <td class="px-4 py-3">
80 @if (isset($msg->user_to->name)) 95 @if($msg->job_titles)
81 {{$msg->user_to->name}} ({{$msg->user_to->id}}) 96 @foreach($msg->jobs as $job)
82 @else 97 {{ $job->name }}
83 Пользователь удален 98 @if(!$loop->last)
84 @endif 99 <br>
100 @endif
101 @endforeach
102 @endif
85 </td> 103 </td>
86 <td class="px-4 py-3"> 104 <td class="px-4 py-3">
87 {{$msg->title}} 105 <div>
88 <div class="flex items-center text-sm"> 106 {{ $msg->text }}
89 <textarea cols="7" style="width:250px;">{{ $msg->text }}</textarea>
90 </div> 107 </div>
91 </td> 108 </td>
92 <td class="px-4 py-3 text-sm"> 109 <td class="px-4 py-3 text-sm">
93 {{ date('d.m.Y h:i:s', strtotime($msg->created_at)) }} 110 {{ date('d.m.Y h:i:s', strtotime($msg->created_at)) }}
94 </td> 111 </td>
95 <td class="px-4 py-3 text-sm"> 112 <td class="px-4 py-3">
96 @if (isset($msg->user_to->id)) 113 @if($msg->is_rejected)
97 @if (($msg->user_to->id == $id_admin) && ($msg->flag_new == 1)) 114 Отклонено
98 <input type="checkbox" class="checkread" value="{{$msg->id}}" name="read_{{$msg->id}}"/> 115 @elseif($msg->is_sent)
116 Отправлено
117 @else
118 <div class="">
119 <button class="rejecte-button px-3 py-1 text-sm font-medium leading-5 text-white transition-colors duration-150 bg-red-600 border border-transparent rounded-md active:bg-purple-600 hover:bg-purple-700 focus:outline-none focus:shadow-outline-purple"
120 data-fancybox data-src="#rejecte_message"
121 >
122 Отклонить
123 </button>
124 <button class="send-button px-3 py-1 text-sm font-medium leading-5 text-white transition-colors duration-150 bg-green-600 border border-transparent rounded-md active:bg-purple-600 hover:bg-purple-700 focus:outline-none focus:shadow-outline-purple"
125 data-fancybox data-src="#send_message"
126 >
127 Отправить
128 </button>
129 </div>
99 @endif 130 @endif
100 @endif
101 </td> 131 </td>
102 </tr> 132 </tr>
103 @endforeach 133 @endforeach
104 </tbody> 134 </tbody>
105 </table> 135 </table>
106 </div> 136 </div>
107 137
108 <div 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"> 138 <div 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">
109 <?=$Msgs->appends($_GET)->links('admin.pagginate'); ?> 139 <?=$Msgs->appends($_GET)->links('admin.pagginate'); ?>
110 </div> 140 </div>
111 </div><br> 141 </div><br>
112 142
113 <div class="w-full overflow-hidden rounded-lg shadow-xs" id="ajax_block2"> 143 <div class="w-full overflow-hidden rounded-lg shadow-xs" id="ajax_block2">
114 144
115 <form method="POST" action="{{ route('admin.admin-messages-post') }}" enctype="multipart/form-data"> 145 <form method="POST" action="{{ route('admin.admin-messages-post') }}" enctype="multipart/form-data">
116 @csrf 146 @csrf
117 <div class="px-4 py-3 mb-8 bg-white rounded-lg shadow-md dark:bg-gray-800"> 147 <div class="px-4 py-3 mb-8 bg-white rounded-lg shadow-md dark:bg-gray-800">
118 <h3 class="text-gray-700 dark:text-gray-400">Отправка сообщения</h3> 148 <h3 class="text-gray-700 dark:text-gray-400">Отправка сообщения</h3>
119 <hr> 149 <hr>
120 <label for="ad_employer_id" class="block text-sm"> 150 <label for="ad_employer_id" class="block text-sm">
121 <input type="hidden" name="user_id" id="user_id" value="{{ $id_admin }}"/> 151 <input type="hidden" name="user_id" id="user_id" value="{{ $id_admin }}"/>
122 152
123 <span class="text-gray-700 dark:text-gray-400">Кому:</span> 153 <span class="text-gray-700 dark:text-gray-400">Кому:</span>
124 154
125 <select name="to_user_id" id="to_user_id" class="block change_js 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"> 155 <select name="to_user_id" id="to_user_id" class="block change_js 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">
126 @foreach($users as $user) 156 @foreach($users as $user)
127 <option value="{{ $user->id }}">{{ $user->name }} ({{ $user->id }})</option> 157 <option value="{{ $user->id }}">{{ $user->name }} ({{ $user->id }})</option>
128 @endforeach 158 @endforeach
129 </select> 159 </select>
130 </label><br> 160 </label><br>
131 161
132 <label class="block text-sm"> 162 <label class="block text-sm">
133 <span class="text-gray-700 dark:text-gray-400">Заголовок</span> 163 <span class="text-gray-700 dark:text-gray-400">Заголовок</span>
134 <input name="title" id="title" 164 <input name="title" id="title"
135 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" 165 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"
136 placeholder="Заголовок" value="{{ old('title') ?? '' }}" 166 placeholder="Заголовок" value="{{ old('title') ?? '' }}"
137 /> 167 />
138 @error('title') 168 @error('title')
139 <span class="text-xs text-red-600 dark:text-red-400"> 169 <span class="text-xs text-red-600 dark:text-red-400">
140 {{ $message }} 170 {{ $message }}
141 </span> 171 </span>
142 @enderror 172 @enderror
143 </label><br> 173 </label><br>
144 174
145 <label class="block text-sm"> 175 <label class="block text-sm">
146 <span class="text-gray-700 dark:text-gray-400">Текст</span> 176 <span class="text-gray-700 dark:text-gray-400">Текст</span>
147 <textarea class="block w-full mt-1 text-sm dark:text-gray-300 dark:border-gray-600 dark:bg-gray-700 form-textarea focus:border-purple-400 focus:outline-none focus:shadow-outline-purple dark:focus:shadow-outline-gray" name="text" placeholder="Текст" required 177 <textarea class="block w-full mt-1 text-sm dark:text-gray-300 dark:border-gray-600 dark:bg-gray-700 form-textarea focus:border-purple-400 focus:outline-none focus:shadow-outline-purple dark:focus:shadow-outline-gray" name="text" placeholder="Текст" required
148 rows="4">{{ old('text') ?? '' }}</textarea> 178 rows="4">{{ old('text') ?? '' }}</textarea>
149 @error('text') 179 @error('text')
150 <span class="text-xs text-red-600 dark:text-red-400"> 180 <span class="text-xs text-red-600 dark:text-red-400">
151 {{ $message }} 181 {{ $message }}
152 </span> 182 </span>
153 @enderror 183 @enderror
154 </label><br> 184 </label><br>
155 185
156 186
157 <label class="block text-sm"> 187 <label class="block text-sm">
158 <span class="text-gray-700 dark:text-gray-400">Файл</span> 188 <span class="text-gray-700 dark:text-gray-400">Файл</span>
159 <input type="file" class="block w-full mt-1 text-sm dark:border-gray-600 dark:bg-gray-700 189 <input type="file" class="block w-full mt-1 text-sm dark:border-gray-600 dark:bg-gray-700
160 focus:border-purple-400 focus:outline-none focus:shadow-outline-purple 190 focus:border-purple-400 focus:outline-none focus:shadow-outline-purple
161 dark:text-gray-300 dark:focus:shadow-outline-gray form-input" 191 dark:text-gray-300 dark:focus:shadow-outline-gray form-input"
162 id="file" name="file"> 192 id="file" name="file">
163 @error('file') 193 @error('file')
164 <span class="text-xs text-red-600 dark:text-red-400"> 194 <span class="text-xs text-red-600 dark:text-red-400">
165 {{ $message }} 195 {{ $message }}
166 </span> 196 </span>
167 @enderror 197 @enderror
168 </label><br> 198 </label><br>
169 199
170 <div class="flex flex-col flex-wrap mb-4 space-y-4 md:flex-row md:items-end md:space-x-4"> 200 <div class="flex flex-col flex-wrap mb-4 space-y-4 md:flex-row md:items-end md:space-x-4">
171 <div> 201 <div>
172 <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"> 202 <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">
173 Отправить 203 Отправить
resources/views/chats/chats_list.blade.php
Diff comments   View file @ 3b5284e
1 @if ($chats->count()) 1 @if ($chats->count())
2 @csrf 2 @csrf
3
4 @if($admin_chat)
5 <div class="messages__item hover-shadow admin-chat-wrap">
6 <a class="messages__item-info" href="{{ route($user_type . '.dialog', ['chat' => $admin_chat->id]) }}">
7 @include('svg.logo_icon')
8 <div class="messages__item-text">
9 <div>
10 <b>Администратор сайта</b>
11 </div>
12 <div>
13 {{ $admin_chat->last_message->text }}
14 </div>
15 </div>
16 </a>
17
18 <div class="messages__item-actions" data-chat-id="{{ $admin_chat->id }}">
19 <div class="messages__item-date max-content">{{ date(' H:i, d.m.Y', strtotime($admin_chat->created_at)) }}</div>
20 </div>
21 </div>
22 @endif
23
3 @foreach($chats as $chat) 24 @foreach($chats as $chat)
4 <div class="messages__item hover-shadow {{ intval($chat->is_fixed) == 1 ? 'chat-fixed' : '' }}"> 25 <div class="messages__item hover-shadow {{ intval($chat->is_fixed) == 1 ? 'chat-fixed' : '' }}">
5 <a class="messages__item-info" href="{{ route($user_type . '.dialog', ['user1' => $chat->user_id, 'user2' => $chat->to_user_id, 'ad_employer' => 0]) }}"> 26 <a class="messages__item-info" href="{{ route($user_type . '.dialog', ['chat' => $chat->id]) }}">
6 <div class="messages__item-photo"> 27 <div class="messages__item-photo">
7 @if (isset($chat->employer->logo)) 28 @if (isset($chat->employer->logo))
8 <img src="{{ asset(Storage::url($chat->employer->logo)) }}" alt=""> 29 <img src="{{ asset(Storage::url($chat->employer->logo)) }}" alt="">
9 @elseif(isset($chat->worker->photo)) 30 @elseif(isset($chat->worker->photo))
10 <img src="{{ asset(Storage::url($chat->worker->photo)) }}" alt=""> 31 <img src="{{ asset(Storage::url($chat->worker->photo)) }}" alt="">
11 @else 32 @else
12 <img src="{{ asset('images/default_man.jpg') }}" alt=""> 33 <img src="{{ asset('images/default_man.jpg') }}" alt="">
13 @endif 34 @endif
14 </div> 35 </div>
15 <div class="messages__item-text"> 36 <div class="messages__item-text">
16 <div> 37 <div>
17 <b> 38 <b>
18 @if ($chat->employer && $chat->employer->name_company) 39 @if ($chat->employer && $chat->employer->name_company)
19 {{ $chat->employer->name_company }} 40 {{ $chat->employer->name_company }}
20 @else 41 @else
21 {{ $chat->user->surname . ' ' . $chat->user->name_man . ' ' . $chat->user->surname2 }} 42 {{ $chat->user->surname . ' ' . $chat->user->name_man . ' ' . $chat->user->surname2 }}
22 @endif 43 @endif
23 </b> 44 </b>
24 </div> 45 </div>
25 <div> 46 <div>
26 {{ $chat->last_message->text }} 47 {{ $chat->last_message->text }}
27 </div> 48 </div>
28 </div> 49 </div>
29 </a> 50 </a>
30 51
31 <div class="messages__item-actions" data-chat-id="{{ $chat->id }}"> 52 <div class="messages__item-actions" data-chat-id="{{ $chat->id }}">
32 <div class="messages__item-date max-content">{{ date(' H:i, d.m.Y', strtotime($chat->created_at)) }}</div> 53 <div class="messages__item-date max-content">{{ date(' H:i, d.m.Y', strtotime($chat->created_at)) }}</div>
33 <div class="messages__item-buttons"> 54 <div class="messages__item-buttons">
34 @if($chat->unread_messages_count > 0) 55 @if($chat->unread_messages_count > 0)
35 <div class="unread-messages-count mr-15">{{ $chat->unread_messages_count }}</div> 56 <div class="unread-messages-count mr-15">{{ $chat->unread_messages_count }}</div>
36 @endif 57 @endif
37 58
38 <button class="pin-chat {{ intval($chat->is_fixed) == 1 ? 'pin-on' : 'pin-off' }} mr-15"> 59 <button class="pin-chat {{ intval($chat->is_fixed) == 1 ? 'pin-on' : 'pin-off' }} mr-15">
39 @include('svg.pin_off') 60 @include('svg.pin_off')
40 </button> 61 </button>
41 <button class="remove-chat" data-fancybox data-src="#remove_chat"> 62 <button class="remove-chat" data-fancybox data-src="#remove_chat">
42 <svg> 63 <svg>
43 <use xlink:href="{{ asset('images/sprite.svg#del') }}"></use> 64 <use xlink:href="{{ asset('images/sprite.svg#del') }}"></use>
44 </svg> 65 </svg>
45 </button> 66 </button>
46 </div> 67 </div>
47 <div class="clear"></div> 68 <div class="clear"></div>
48 </div> 69 </div>
49 </div> 70 </div>
50 @endforeach 71 @endforeach
51 <div style="margin-top: 20px"> 72 <div style="margin-top: 20px">
52 {{ $chats->onEachSide(0)->appends($_GET)->links('paginate') }} 73 {{ $chats->onEachSide(0)->appends($_GET)->links('paginate') }}
53 </div><!-- конец --> 74 </div><!-- конец -->
54 @else 75 @else
55 <div class="notify"> 76 <div class="notify">
56 <svg> 77 <svg>
57 <use xlink:href="{{ asset('images/sprite.svg#i') }}"></use> 78 <use xlink:href="{{ asset('images/sprite.svg#i') }}"></use>
58 </svg> 79 </svg>
59 <span>Сообщений не найдено</span> 80 <span>Сообщений не найдено</span>
60 </div> 81 </div>
61 @endif 82 @endif
62 83
63 <script> 84 <script>
64 $(function (){ 85 $(function (){
65 $('.pin-chat').click(function(){ 86 $('.pin-chat').click(function(){
66 var this_btn = $(this); 87 var this_btn = $(this);
67 var chat_id = this_btn.closest('.messages__item-actions').data('chat-id'); 88 var chat_id = this_btn.closest('.messages__item-actions').data('chat-id');
68 var $is_fixed = this_btn.hasClass('pin-on') ? 0 : 1; 89 var $is_fixed = this_btn.hasClass('pin-on') ? 0 : 1;
69 90
70 $.ajax({ 91 $.ajax({
71 type: "POST", 92 type: "POST",
72 url: "{{ route('employer.pin_chat') }}", 93 url: "{{ route('employer.pin_chat') }}",
73 data: { 94 data: {
74 id: chat_id, 95 id: chat_id,
75 is_fixed: $is_fixed 96 is_fixed: $is_fixed
76 }, 97 },
77 headers: { 98 headers: {
78 'X-CSRF-TOKEN': $('[name="_token"]').val() 99 'X-CSRF-TOKEN': $('[name="_token"]').val()
79 }, 100 },
80 success: function(){ 101 success: function(){
81 location.reload(); 102 location.reload();
82 } 103 }
83 }); 104 });
84 }); 105 });
85 106
86 $('.remove-chat').click(function(){ 107 $('.remove-chat').click(function(){
87 var this_btn = $(this); 108 var this_btn = $(this);
88 var chat_id = this_btn.closest('.messages__item-actions').data('chat-id'); 109 var chat_id = this_btn.closest('.messages__item-actions').data('chat-id');
89 var wrap = this_btn.closest('.messages__item'); 110 var wrap = this_btn.closest('.messages__item');
90 var target = wrap.find('.messages__item-target').text(); 111 var target = wrap.find('.messages__item-target').text();
91 112
92 $('#remove_chat').data('chat-id', chat_id); 113 $('#remove_chat').data('chat-id', chat_id);
93 $('#remove_chat').find('.target-chat').text(target.trim()); 114 $('#remove_chat').find('.target-chat').text(target.trim());
94 }); 115 });
95 }); 116 });
96 </script> 117 </script>
97 118
resources/views/emails/added_mass_sending_messages.blade.php
Diff comments   View file @ 3b5284e
File was created 1 <div>
2 Добавлен новый запрос на рассылку от "{{ $data['user']->name }}".
3 </div>
4
resources/views/employers/dialog.blade.php
Diff comments   View file @ 3b5284e
1 @extends('layout.frontend', ['title' => 'Диалог-переписка - РекаМоре']) 1 @extends('layout.frontend', ['title' => 'Диалог-переписка - РекаМоре'])
2 2
3 @section('scripts') 3 @section('scripts')
4 <script> 4 <script>
5 $(function(){ 5 $(function(){
6 var chatbox_div = $('.chatbox__list'); 6 var chatbox_div = $('.chatbox__list');
7 chatbox_div.scrollTop(chatbox_div.prop("scrollHeight")); 7 chatbox_div.scrollTop(chatbox_div.prop("scrollHeight"));
8 }); 8 });
9 9
10 $(document).on('change', '#send_btn', function() { 10 $(document).on('change', '#send_btn', function() {
11 var this_ = $(this); 11 var this_ = $(this);
12 var val_ = this_.val(); 12 var val_ = this_.val();
13 console.log('sort items '+val_); 13 console.log('sort items '+val_);
14 14
15 $.ajax({ 15 $.ajax({
16 type: "GET", 16 type: "GET",
17 url: "{{ route('shipping_companies') }}", 17 url: "{{ route('shipping_companies') }}",
18 data: "sort="+val_+"&block=1", 18 data: "sort="+val_+"&block=1",
19 success: function (data) { 19 success: function (data) {
20 console.log('Выбор сортировки'); 20 console.log('Выбор сортировки');
21 console.log(data); 21 console.log(data);
22 $('#block_1').html(data); 22 $('#block_1').html(data);
23 }, 23 },
24 headers: { 24 headers: {
25 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') 25 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
26 }, 26 },
27 error: function (data) { 27 error: function (data) {
28 data = JSON.stringify(data); 28 data = JSON.stringify(data);
29 console.log('Error: ' + data); 29 console.log('Error: ' + data);
30 } 30 }
31 }); 31 });
32 32
33 $.ajax({ 33 $.ajax({
34 type: "GET", 34 type: "GET",
35 url: "{{ route('shipping_companies') }}", 35 url: "{{ route('shipping_companies') }}",
36 data: "sort="+val_+"&block=2", 36 data: "sort="+val_+"&block=2",
37 success: function (data) { 37 success: function (data) {
38 console.log('Выбор сортировки2'); 38 console.log('Выбор сортировки2');
39 console.log(data); 39 console.log(data);
40 history.pushState({}, '', "{{ route('shipping_companies') }}?sort="+val_+"@if (isset($_GET['page']))&page={{ $_GET['page'] }}@endif"); 40 history.pushState({}, '', "{{ route('shipping_companies') }}?sort="+val_+"@if (isset($_GET['page']))&page={{ $_GET['page'] }}@endif");
41 $('#block_2').html(data); 41 $('#block_2').html(data);
42 }, 42 },
43 headers: { 43 headers: {
44 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') 44 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
45 }, 45 },
46 error: function (data) { 46 error: function (data) {
47 data = JSON.stringify(data); 47 data = JSON.stringify(data);
48 console.log('Error: ' + data); 48 console.log('Error: ' + data);
49 } 49 }
50 }); 50 });
51 }); 51 });
52 </script> 52 </script>
53 @endsection 53 @endsection
54 54
55 @section('content') 55 @section('content')
56 <section class="cabinet"> 56 <section class="cabinet">
57 <div class="container"> 57 <div class="container">
58 <ul class="breadcrumbs cabinet__breadcrumbs"> 58 <ul class="breadcrumbs cabinet__breadcrumbs">
59 <li><a href="{{ route('index') }}">Главная</a></li> 59 <li><a href="{{ route('index') }}">Главная</a></li>
60 <li><b>Личный кабинет</b></li> 60 <li><b>Личный кабинет</b></li>
61 </ul> 61 </ul>
62 <div class="cabinet__wrapper"> 62 <div class="cabinet__wrapper">
63 <div class="cabinet__side"> 63 <div class="cabinet__side">
64 <div class="cabinet__side-toper"> 64 <div class="cabinet__side-toper">
65 @include('employers.emblema') 65 @include('employers.emblema')
66 </div> 66 </div>
67 @include('employers.menu', ['item' => 5]) 67 @include('employers.menu', ['item' => 5])
68 </div> 68 </div>
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 <a href="{{ route('employer.messages', ['type_message' => 'input']) }}" class="back"> 74 <a href="{{ route('employer.messages', ['type_message' => 'input']) }}" class="back">
75 <svg> 75 <svg>
76 <use xlink:href="{{ asset('images/sprite.svg#back') }}"></use> 76 <use xlink:href="{{ asset('images/sprite.svg#back') }}"></use>
77 </svg> 77 </svg>
78 <span> 78 <span>
79 К списку чатов 79 К списку чатов
80 </span> 80 </span>
81 </a> 81 </a>
82 <div class="chatbox"> 82 <div class="chatbox">
83 <div class="chatbox__toper"> 83 <div class="chatbox__toper">
84 @if ($companion->is_worker) 84 @if ($companion->is_worker)
85 <div class="chatbox__toper-info messages__item-info"> 85 <div class="chatbox__toper-info messages__item-info">
86 <div class="messages__item-photo"> 86 <div class="messages__item-photo">
87 <svg> 87 <svg>
88 <use xlink:href="{{ asset('images/sprite.svg#pic') }}"></use> 88 <use xlink:href="{{ asset('images/sprite.svg#pic') }}"></use>
89 </svg> 89 </svg>
90 @if ((isset($companion->workers[0]->photo)) && 90 @if ((isset($companion->workers[0]->photo)) &&
91 (!empty($companion->workers[0]->photo))) 91 (!empty($companion->workers[0]->photo)))
92 <img src="{{ asset(\Illuminate\Support\Facades\Storage::url($companion->workers[0]->photo)) }}" alt=""> 92 <img src="{{ asset(\Illuminate\Support\Facades\Storage::url($companion->workers[0]->photo)) }}" alt="">
93 @else 93 @else
94 <img src="{{ asset('images/default_man.jpg') }}" alt=""> 94 <img src="{{ asset('images/default_man.jpg') }}" alt="">
95 @endif 95 @endif
96 </div> 96 </div>
97 <div class="messages__item-text"> 97 <div class="messages__item-text">
98 <div>{{ $companion->surname." ".$companion->name_man." ".$companion->surname2." (".$companion->id.")" }} </div> 98 <div>{{ $companion->surname." ".$companion->name_man." ".$companion->surname2." (".$companion->id.")" }} </div>
99 </div> 99 </div>
100 </div> 100 </div>
101 @if (isset($companion->workers[0]->id)) 101 @if (isset($companion->workers[0]->id))
102 <a href="{{ route('resume_profile', ['worker' => $companion->workers[0]->id]) }}" class="button chatbox__toper-button"> 102 <a href="{{ route('resume_profile', ['worker' => $companion->workers[0]->id]) }}" class="button chatbox__toper-button">
103 <svg> 103 <svg>
104 <use xlink:href="{{ asset('images/sprite.svg#cabinet-1') }}"></use> 104 <use xlink:href="{{ asset('images/sprite.svg#cabinet-1') }}"></use>
105 </svg> 105 </svg>
106 Перейти в профиль 106 Перейти в профиль
107 </a> 107 </a>
108 @endif 108 @endif
109 @else 109 @else
110 <div class="chatbox__toper-info messages__item-info"> 110 <div class="chatbox__toper-info messages__item-info">
111 <div class="messages__item-photo"> 111 <div class="messages__item-photo">
112 <svg> 112 <svg>
113 <use xlink:href="{{ asset('images/sprite.svg#pic') }}"></use> 113 <use xlink:href="{{ asset('images/sprite.svg#pic') }}"></use>
114 </svg> 114 </svg>
115 @if ((isset($companion->employers[0]->logo)) && 115 @if ((isset($companion->employers[0]->logo)) &&
116 (!empty($companion->employers[0]->logo))) 116 (!empty($companion->employers[0]->logo)))
117 <img src="{{ asset(\Illuminate\Support\Facades\Storage::url($companion->employers[0]->logo)) }}" alt=""> 117 <img src="{{ asset(\Illuminate\Support\Facades\Storage::url($companion->employers[0]->logo)) }}" alt="">
118 @else 118 @else
119 <img src="{{ asset('images/default_man.jpg') }}" alt=""> 119 <img src="{{ asset('images/default_man.jpg') }}" alt="">
120 @endif 120 @endif
121 </div> 121 </div>
122 <div class="messages__item-text"> 122 <div class="messages__item-text">
123 <div>{{ $companion->surname." ".$companion->name_man." ".$companion->surname2." (".$companion->id.")" }} </div> 123 <div>{{ $companion->surname." ".$companion->name_man." ".$companion->surname2." (".$companion->id.")" }} </div>
124 <div><span>Статус:</span> Работодатель или Администратор</div> 124 <div><span>Статус:</span> Работодатель или Администратор</div>
125 </div> 125 </div>
126 </div> 126 </div>
127 @if (isset($companion->employer->id)) 127 @if (isset($companion->employer->id))
128 <a href="" class="button chatbox__toper-button"> 128 <a href="" class="button chatbox__toper-button">
129 <svg> 129 <svg>
130 <use xlink:href="{{ asset('images/sprite.svg#cabinet-1') }}"></use> 130 <use xlink:href="{{ asset('images/sprite.svg#cabinet-1') }}"></use>
131 </svg> 131 </svg>
132 Перейти в профиль 132 Перейти в профиль
133 </a> 133 </a>
134 @endif 134 @endif
135 @endif 135 @endif
136 </div> 136 </div>
137 137
138 <div class="chatbox__list" id="dialogs" name="dialogs"> 138 <div class="chatbox__list" id="dialogs" name="dialogs">
139 @if ($Messages->count()) 139 @if ($Messages->count())
140 @foreach ($Messages as $it) 140 @foreach ($Messages as $it)
141 @if ($it->user_id == $companion->id) 141 @if ($it->user_id == $companion->id)
142 <div class="chatbox__item"> 142 <div class="chatbox__item">
143 <div class="chatbox__item-photo"> 143 <div class="chatbox__item-photo">
144 <svg> 144 <svg>
145 <use xlink:href="{{ asset('images/sprite.svg#pic') }}"></use> 145 <use xlink:href="{{ asset('images/sprite.svg#pic') }}"></use>
146 </svg> 146 </svg>
147 147
148 @if ($companion->is_worker) 148 @if ($companion->is_worker)
149 @if ((isset($companion->workers[0]->photo)) && 149 @if ((isset($companion->workers[0]->photo)) &&
150 (!empty($companion->workers[0]->photo))) 150 (!empty($companion->workers[0]->photo)))
151 <img src="{{ asset(\Illuminate\Support\Facades\Storage::url($companion->workers[0]->photo)) }}" alt=""> 151 <img src="{{ asset(\Illuminate\Support\Facades\Storage::url($companion->workers[0]->photo)) }}" alt="">
152 @else 152 @else
153 <img src="{{ asset('images/default_man.jpg') }}" alt=""> 153 <img src="{{ asset('images/default_man.jpg') }}" alt="">
154 @endif 154 @endif
155 @else 155 @else
156 @if ((isset($companion->employers[0]->logo)) && 156 @if ((isset($companion->employers[0]->logo)) &&
157 (!empty($companion->employers[0]->logo))) 157 (!empty($companion->employers[0]->logo)))
158 <img src="{{ asset(\Illuminate\Support\Facades\Storage::url($companion->employers[0]->logo)) }}" alt=""> 158 <img src="{{ asset(\Illuminate\Support\Facades\Storage::url($companion->employers[0]->logo)) }}" alt="">
159 @else 159 @else
160 <img src="{{ asset('images/default_man.jpg') }}" alt=""> 160 <img src="{{ asset('images/default_man.jpg') }}" alt="">
161 @endif 161 @endif
162 @endif 162 @endif
163 163
164 </div> 164 </div>
165 <div class="chatbox__item-body"> 165 <div class="chatbox__item-body">
166 <div class="chatbox__item-text">{{ $it->text }}</div> 166 <div class="chatbox__item-text">
167 {{ $it->text }}
168 @if($it->reply_message_id)
169 <div class="reply-message">
170 {{ $it->reply_message->text }}
171 </div>
172 @endif
173 </div>
167 </div> 174 </div>
168 <div class="chatbox__item-time">{{ $it->created_at }}</div> 175 <div class="chatbox__item-time">{{ $it->created_at }}</div>
169 </div> 176 </div>
170 @else 177 @else
171 <div class="chatbox__item chatbox__item_reverse"> 178 <div class="chatbox__item chatbox__item_reverse">
172 <div class="chatbox__item-photo"> 179 <div class="chatbox__item-photo">
173 <svg> 180 <svg>
174 <use xlink:href="{{ asset('images/sprite.svg#pic') }}"></use> 181 <use xlink:href="{{ asset('images/sprite.svg#pic') }}"></use>
175 </svg> 182 </svg>
176 183
177 @if ($sender->is_worker) 184 @if ($sender->is_worker)
178 @if ((isset($sender->workers[0]->photo)) && 185 @if ((isset($sender->workers[0]->photo)) &&
179 (!empty($sender->workers[0]->photo))) 186 (!empty($sender->workers[0]->photo)))
180 <img src="{{ asset(\Illuminate\Support\Facades\Storage::url($sender->workers[0]->photo)) }}" alt=""> 187 <img src="{{ asset(\Illuminate\Support\Facades\Storage::url($sender->workers[0]->photo)) }}" alt="">
181 @else 188 @else
182 <img src="{{ asset('images/default_man.jpg') }}" alt=""> 189 <img src="{{ asset('images/default_man.jpg') }}" alt="">
183 @endif 190 @endif
184 @else 191 @else
185 @if ((isset($sender->employers[0]->logo)) && 192 @if ((isset($sender->employers[0]->logo)) &&
186 (!empty($sender->employers[0]->logo))) 193 (!empty($sender->employers[0]->logo)))
187 <img src="{{ asset(\Illuminate\Support\Facades\Storage::url($sender->employers[0]->logo)) }}" alt=""> 194 <img src="{{ asset(\Illuminate\Support\Facades\Storage::url($sender->employers[0]->logo)) }}" alt="">
188 @else 195 @else
189 <img src="{{ asset('images/default_man.jpg') }}" alt=""> 196 <img src="{{ asset('images/default_man.jpg') }}" alt="">
190 @endif 197 @endif
191 @endif 198 @endif
192 199
193 </div> 200 </div>
194 <div class="chatbox__item-body"> 201 <div class="chatbox__item-body">
195 <div class="chatbox__item-text">{{ $it->text }}</div> 202 <div class="chatbox__item-text">{{ $it->text }}</div>
196 @if ((isset($it->file)) && (!empty($it->file))) 203 @if ((isset($it->file)) && (!empty($it->file)))
197 <a href="{{ asset(Storage::url($it->file)) }}" class="chatbox__item-text"> 204 <a href="{{ asset(Storage::url($it->file)) }}" class="chatbox__item-text">
198 <svg> 205 <svg>
199 <use xlink:href="{{ asset('images/sprite.svg#clip') }}"></use> 206 <use xlink:href="{{ asset('images/sprite.svg#clip') }}"></use>
200 </svg> 207 </svg>
201 </a> 208 </a>
202 @endif 209 @endif
203 </div> 210 </div>
204 <div class="chatbox__item-time">{{ $it->created_at }}</div> 211 <div class="chatbox__item-time">{{ $it->created_at }}</div>
205 </div> 212 </div>
206 @endif 213 @endif
207 214
208 @endforeach 215 @endforeach
209 @endif 216 @endif
210 </div> 217 </div>
211 <form action="{{ route('employer.test123') }}" class="chatbox__bottom" enctype="multipart/form-data" method="POST" > 218 <form action="{{ route('employer.test123') }}" class="chatbox__bottom" enctype="multipart/form-data" method="POST" >
212 @csrf 219 @csrf
213 <label class="chatbox__bottom-file"> 220 <label class="chatbox__bottom-file">
214 <input id="file" name="file" type="file"> 221 <input id="file" name="file" type="file">
215 <svg> 222 <svg>
216 <use xlink:href="{{ asset('images/sprite.svg#clip') }}"></use> 223 <use xlink:href="{{ asset('images/sprite.svg#clip') }}"></use>
217 </svg> 224 </svg>
218 </label> 225 </label>
219 <input type="hidden" name="_token" value="{{ csrf_token() }}"/> 226 <input type="hidden" name="_token" value="{{ csrf_token() }}"/>
220 <input type="hidden" id="user_id" name="user_id" value="{{ $sender->id }}"/> 227 <input type="hidden" id="user_id" name="user_id" value="{{ $sender->id }}"/>
221 <input type="hidden" id="to_user_id" name="to_user_id" value="{{ $companion->id }}"/> 228 <input type="hidden" id="to_user_id" name="to_user_id" value="{{ $companion->id }}"/>
222 <input type="hidden" id="ad_employer_id" name="ad_employer_id" value="{{ $ad_employer }}"/> 229 <input type="hidden" id="ad_employer_id" name="ad_employer_id" value="{{ $ad_employer }}"/>
223 <input type="hidden" id="ad_name" name="ad_name" value="@if (isset($_GET['ad_name'])){{ $_GET['ad_name'] }} @endif"/> 230 <input type="hidden" id="ad_name" name="ad_name" value="@if (isset($_GET['ad_name'])){{ $_GET['ad_name'] }} @endif"/>
224 <input id="text" name="text" type="text" class="input chatbox__bottom-text" placeholder="Ответить"> 231 <input id="text" name="text" type="text" class="input chatbox__bottom-text" placeholder="Ответить">
225 <button type="submit" id="send_btn" name="send_btn" class="chatbox__bottom-send"> 232 <button type="submit" id="send_btn" name="send_btn" class="chatbox__bottom-send">
226 <svg> 233 <svg>
227 <use xlink:href="{{ asset('images/sprite.svg#arrow') }}"></use> 234 <use xlink:href="{{ asset('images/sprite.svg#arrow') }}"></use>
228 </svg> 235 </svg>
229 </button> 236 </button>
230 </form> 237 </form>
231 </div> 238 </div>
232 </div> 239 </div>
233 </div> 240 </div>
234 </div> 241 </div>
235 </div> 242 </div>
236 </section> 243 </section>
237 </div> 244 </div>
238 @endsection 245 @endsection
239 246
resources/views/employers/send_all.blade.php
Diff comments   View file @ 3b5284e
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="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('employers.emblema') 17 @include('employers.emblema')
18 </div> 18 </div>
19 19
20 @include('employers.menu', ['item' => 9]) 20 @include('employers.menu', ['item' => 9])
21 </div> 21 </div>
22 22
23 <form class="cabinet__body" action="{{ route('employer.send_all_post') }}" method="POST"> 23 <form class="cabinet__body" action="{{ route('employer.send_all_post') }}" method="POST">
24 @csrf 24 @csrf
25 <div class="cabinet__body-item"> 25 <div class="cabinet__body-item">
26 <div class="cabinet__descr"> 26 <div class="cabinet__descr">
27 <h2 class="title cabinet__title">Рассылка сообщений</h2> 27 <h2 class="title cabinet__title">Рассылка сообщений</h2>
28 @include('messages_error') 28 @include('messages_error')
29 <p class="cabinet__text"><b>Контактные данные</b></p>
30 <p class="cabinet__text">Все поля обязательны для заполнения *</p>
31 </div>
32 <div class="cabinet__inputs">
33 <div class="cabinet__inputs-item form-group">
34 <label class="form-group__label">Название судоходной компании</label>
35 <div class="form-group__item">
36 <input type="text" class="input" name="name_company" placeholder="ООО Река Море" value="{{ old('name_company') ?? $Employer[0]->name_company }}" required>
37 </div>
38 </div>
39
40 <div class="cabinet__inputs-item form-group">
41 <label class="form-group__label">Электронная почта</label>
42 <div class="form-group__item">
43 <input type="email" class="input" name="email" placeholder="info@rekamore.su" value="{{ old('email') ?? $Employer[0]->email }}" required>
44 </div>
45 </div>
46
47 <div class="cabinet__inputs-item form-group">
48 <label class="form-group__label">Номер телефона</label>
49 <div class="form-group__item">
50 <input type="tel" class="input" name="telephone" placeholder="+7 (___) ___-__-__" value="{{ old('telephone') ?? $Employer[0]->telephone }}" required>
51 </div>
52 </div>
53
54 <div class="cabinet__inputs-item form-group">
55 <label class="form-group__label">Адрес (Город)</label>
56 <div class="form-group__item">
57 <input type="text" class="input" name="city" placeholder="Мурманск" value="{{ old('city') ?? $Employer[0]->city }}" required>
58 </div>
59 </div>
60
61 <!--<div class="cabinet__inputs-item form-group">
62 <label class="form-group__label">Адрес компании</label>
63 <div class="form-group__item">
64 <div class="select">
65 <select class="js-select2">
66 <option selected disabled>Выберите должность из списка</option>
67 <option>Вариант 1</option>
68 <option>Вариант 2</option>
69 <option>Вариант 3</option>
70 <option>Вариант 4</option>
71 <option>Вариант 5</option>
72 <option>Вариант 6</option>
73 </select>
74 </div>
75 </div>
76 </div>-->
77 </div> 29 </div>
78 </div> 30 </div>
79 31
80 <div class="cabinet__body-item"> 32 <div class="cabinet__body-item">
81 <div class="cabinet__descr">
82 <p class="cabinet__text"><b>Ваше сообщение</b></p>
83 </div>
84 <div class="cabinet__inputs"> 33 <div class="cabinet__inputs">
85 <div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group"> 34 <div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group">
86 <label class="form-group__label">Тема сообщения</label> 35 <label class="form-group__label">Выберите должность</label>
87 <div class="form-group__item"> 36 <div class="form-group__item">
88 <input type="text" name="text_sms" class="input" value="{{ old('text_sms') ?? '' }}" required> 37 <div class="select">
38 <select class="js-select2" name="job_title_ids[]" id="job_title_ids[]" multiple="multiple">
39 @if ($job_titles->count())
40 @foreach($job_titles as $job_title)
41 <option value="{{ $job_title->id }}">{{ $job_title->name }}</option>
42 @endforeach
43 @endif
44 </select>
45 </div>
89 </div> 46 </div>
90 </div> 47 </div>
91 <div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group"> 48 <div class="cabinet__inputs-item cabinet__inputs-item_fullwidth form-group">
92 <label class="form-group__label">О компании (Приглашение)</label> 49 <label class="form-group__label">Введите текст сообщения</label>
93 <div class="form-group__item"> 50 <div class="form-group__item">
94 <textarea class="textarea" name="message_text" required>{{ old('message_text') ?? '' }}</textarea> 51 <textarea class="textarea" name="message_text" required>{{ old('message_text') ?? '' }}</textarea>
95 </div> 52 </div>
96 </div> 53 </div>
97 </div> 54 </div>
98 <button type="submit" class="button cabinet__submit">Отправить</button> 55 <button type="submit" class="button cabinet__submit">Отправить</button>
99 </div> 56 </div>
100 </form> 57 </form>
resources/views/info_company_new.blade.php
Diff comments   View file @ 3b5284e
1 @extends('layout.frontend', ['title' => 'Описание компании '.$title.'- РекаМоре']) 1 @extends('layout.frontend', ['title' => 'Описание компании '.$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 48
49 $(document).ready(function(){ 49 $(document).ready(function(){
50 var sel = $('#select2-sort_ajax-container'); 50 var sel = $('#select2-sort_ajax-container');
51 var key = getUrlParameter('sort'); 51 var key = getUrlParameter('sort');
52 if (key !=='') { 52 if (key !=='') {
53 console.log(key); 53 console.log(key);
54 switch (key) { 54 switch (key) {
55 case "default": sel.html('Сортировка (по умолчанию)'); break; 55 case "default": sel.html('Сортировка (по умолчанию)'); break;
56 case "name_up": sel.html('По имени (возрастание)'); break; 56 case "name_up": sel.html('По имени (возрастание)'); break;
57 case "name_down": sel.html('По дате (убывание)'); break; 57 case "name_down": sel.html('По дате (убывание)'); break;
58 case "created_at_up": sel.html('По дате (возрастание)'); break; 58 case "created_at_up": sel.html('По дате (возрастание)'); break;
59 case "created_at_down": sel.html('По дате (убывание)'); break; 59 case "created_at_down": sel.html('По дате (убывание)'); break;
60 } 60 }
61 61
62 } 62 }
63 }); 63 });
64 64
65 //end 65 //end
66 $(document).on('click', '.js_send_it_button', function() { 66 $(document).on('click', '.js_send_it_button', function() {
67 var this_ = $(this); 67 var this_ = $(this);
68 var code_user_id = this_.attr('data-uid'); 68 var code_user_id = this_.attr('data-uid');
69 var code_to_user_id = this_.attr('data-tuid'); 69 var code_to_user_id = this_.attr('data-tuid');
70 var code_vacancy = this_.attr('data-vacancy'); 70 var code_vacancy = this_.attr('data-vacancy');
71 var user_id = $('#send_user_id'); 71 var user_id = $('#send_user_id');
72 var to_user_id = $('#send_to_user_id'); 72 var to_user_id = $('#send_to_user_id');
73 var vacancy = $('#send_vacancy'); 73 var vacancy = $('#send_vacancy');
74 74
75 console.log('Клик на кнопки...'); 75 console.log('Клик на кнопки...');
76 76
77 user_id.val(code_user_id); 77 user_id.val(code_user_id);
78 to_user_id.val(code_to_user_id); 78 to_user_id.val(code_to_user_id);
79 vacancy.val(code_vacancy); 79 vacancy.val(code_vacancy);
80 }); 80 });
81 </script> 81 </script>
82 @include('js.favorite-vacancy-45') 82 @include('js.favorite-vacancy-45')
83 @endsection 83 @endsection
84 84
85 @section('content') 85 @section('content')
86 <section class="thing"> 86 <section class="thing">
87 <div class="container"> 87 <div class="container">
88 <div class="thing__body"> 88 <div class="thing__body">
89 <ul class="breadcrumbs thing__breadcrumbs"> 89 <ul class="breadcrumbs thing__breadcrumbs">
90 <li><a href="{{ route('index') }}">Главная</a></li> 90 <li><a href="{{ route('index') }}">Главная</a></li>
91 <li><a href="{{ route('shipping_companies') }}">Работодатели</a></li> 91 <li><a href="{{ route('shipping_companies') }}">Работодатели</a></li>
92 <li><b>@isset($title) {{ $title }} @else Не указано @endif</b></li> 92 <li><b>@isset($title) {{ $title }} @else Не указано @endif</b></li>
93 </ul> 93 </ul>
94 @if ($company[0]->oficial_status == 1) 94 @if ($company[0]->oficial_status == 1)
95 <div class="thing__badge"> 95 <div class="thing__badge">
96 <svg> 96 <svg>
97 <use xlink:href="{{ asset('images/sprite.svg#badge') }}"></use> 97 <use xlink:href="{{ asset('images/sprite.svg#badge') }}"></use>
98 </svg> 98 </svg>
99 Компания проверена 99 Компания проверена
100 </div> 100 </div>
101 @endif 101 @endif
102 102
103 @if (!empty($company[0]->logo)) 103 @if (!empty($company[0]->logo))
104 <a href="{{ asset(Storage::url($company[0]->logo)) }}" data-fancybox="gallery" class="review-image-modal"> 104 <a href="{{ asset(Storage::url($company[0]->logo)) }}" data-fancybox="gallery" class="review-image-modal">
105 <img src="{{ asset(Storage::url($company[0]->logo)) }}" alt="{{ $company[0]->name_company }}" class="thing__pic"> 105 <img src="{{ asset(Storage::url($company[0]->logo)) }}" alt="{{ $company[0]->name_company }}" class="thing__pic">
106 </a> 106 </a>
107 @else 107 @else
108 <a href="{{ asset('images/logo_emp.png') }}" data-fancybox="gallery" class="review-image-modal"> 108 <a href="{{ asset('images/logo_emp.png') }}" data-fancybox="gallery" class="review-image-modal">
109 <img src="{{ asset('images/logo_emp.png') }}" alt="{{ $company[0]->name_company }}" class="thing__pic"> 109 <img src="{{ asset('images/logo_emp.png') }}" alt="{{ $company[0]->name_company }}" class="thing__pic">
110 </a> 110 </a>
111 @endif 111 @endif
112 112
113 <h1 class="thing__title">{{ $company[0]->name_company }}</h1> 113 <h1 class="thing__title">{{ $company[0]->name_company }}</h1>
114 <!--<p class="thing__text"> $company[0]->text !!}</p>--> 114 <!--<p class="thing__text"> $company[0]->text !!}</p>-->
115 <div class="thing__buttons"> 115 <div class="thing__buttons">
116 <button type="button" class="button"> 116 <button type="button" class="button">
117 <svg> 117 <svg>
118 <use xlink:href="{{ asset('images/sprite.svg#grid-1') }}"></use> 118 <use xlink:href="{{ asset('images/sprite.svg#grid-1') }}"></use>
119 </svg> 119 </svg>
120 {{ $company[0]->ads->count() }} вакансии 120 {{ $company[0]->ads->count() }} вакансии
121 </button> 121 </button>
122 @if ($user_id == 0) 122 @if ($user_id == 0)
123 <a data-fancybox data-src="#question" data-options='{"touch":false,"autoFocus":false}' class="js_send_it_button button"> 123 <a data-fancybox data-src="#question" data-options='{"touch":false,"autoFocus":false}' class="js_send_it_button button">
124 Написать сообщение 124 Написать сообщение
125 </a> 125 </a>
126 @else 126 @else
127 <button type="button" data-fancybox data-src="#send" data-vacancy="0" data-uid="{{ $user_id }}" data-tuid="{{ $company[0]->users->id }}" data-options='{"touch":false,"autoFocus":false}' 127 <button type="button" data-fancybox data-src="#send" data-vacancy="0" data-uid="{{ $user_id }}" data-tuid="{{ $company[0]->users->id }}" data-options='{"touch":false,"autoFocus":false}'
128 class="button js_send_it_button"> 128 class="button js_send_it_button">
129 Написать сообщение 129 Написать сообщение
130 </button> 130 </button>
131 @endif 131 @endif
132 </div> 132 </div>
133 </div> 133 </div>
134 </div> 134 </div>
135 </section> 135 </section>
136 <main class="main"> 136 <main class="main">
137 <div class="container"> 137 <div class="container">
138 <div class="main__employer-page"> 138 <div class="main__employer-page">
139 <h2 class="main__employer-page-title">О компании</h2> 139 <h2 class="main__employer-page-title">О компании</h2>
140 <div class="main__employer-page-info"> 140 <div class="main__employer-page-info">
141 <div class="main__employer-page-item"> 141 <div class="main__employer-page-item">
142 <b>Адрес компании</b> 142 <b>Адрес компании</b>
143 <span> 143 <span>
144 {{ $company[0]->address }} 144 {{ $company[0]->address }}
145 </span> 145 </span>
146 </div> 146 </div>
147 <div class="main__employer-page-item"> 147 <div class="main__employer-page-item">
148 <b>Сайт</b> 148 <b>Сайт</b>
149 <span> 149 <span>
150 <a href="{{ $company[0]->site }}">{{ $company[0]->site }}</a> 150 <a href="{{ $company[0]->site }}">{{ $company[0]->site }}</a>
151 </span> 151 </span>
152 </div> 152 </div>
153 <div class="main__employer-page-item"> 153 <div class="main__employer-page-item">
154 <b>Почта</b> 154 <b>Почта</b>
155 <span> 155 <span>
156 <a href="mailto:">{{ $company[0]->email }}</a> 156 <a href="mailto:">{{ $company[0]->email }}</a>
157 </span> 157 </span>
158 </div> 158 </div>
159 <div class="main__employer-page-item"> 159 <div class="main__employer-page-item">
160 <b>Телефон</b> 160 <b>Телефон</b>
161 <span> 161 <span>
162 <a href="tel:{{ $company[0]->telephone }}">{{ $company[0]->telephone }}</a> 162 <a href="tel:{{ $company[0]->telephone }}">{{ $company[0]->telephone }}</a>
163 </span> 163 </span>
164 </div> 164 </div>
165 </div> 165 </div>
166 <div class="main__employer-page-info"> 166 <div class="main__employer-page-info">
167 <div class="main__employer-page-item"></div> 167 <div class="main__employer-page-item"></div>
168 <div class="main__employer-page-item"></div> 168 <div class="main__employer-page-item"></div>
169 <div class="main__employer-page-item"> 169 <div class="main__employer-page-item">
170 <b>Почта (alt)</b> 170 <b>Почта (alt)</b>
171 <span> 171 <span>
172 {{ $company[0]->email_2 }} 172 {{ $company[0]->email_2 }}
173 </span> 173 </span>
174 </div> 174 </div>
175 <div class="main__employer-page-item"> 175 <div class="main__employer-page-item">
176 <b>Телефон (alt)</b> 176 <b>Телефон (alt)</b>
177 <span> 177 <span>
178 <a href="{{ $company[0]->site }}">{{ $company[0]->telephone_2 }}</a> 178 <a href="{{ $company[0]->site }}">{{ $company[0]->telephone_2 }}</a>
179 </span> 179 </span>
180 </div> 180 </div>
181 </div> 181 </div>
182 182
183 <div class="main__employer-page-item main__employer-page-description"> 183 <div class="main__employer-page-item main__employer-page-description">
184 <b>Описание</b> 184 <b>Описание</b>
185 <span> 185 <span>
186 {!! $company[0]->text !!} 186 {!! $company[0]->text !!}
187 </span> 187 </span>
188 </div> 188 </div>
189 189
190 <div> 190 <div>
191 191
192 <div class="main__employer-page-tabs"> 192 <div class="main__employer-page-tabs">
193 <button type="button" class="main__employer-page-tabs-item active" 193 <button type="button" class="main__employer-page-tabs-item active"
194 data-tab="1">Флот</button> 194 data-tab="1">Флот</button>
195 <button type="button" class="main__employer-page-tabs-item" data-tab="2">Вакансии</button> 195 <button type="button" class="main__employer-page-tabs-item" data-tab="2">Вакансии</button>
196 </div> 196 </div>
197 197
198 <div class="main__employer-page-body"> 198 <div class="main__employer-page-body">
199 <div class="main__employer-page-body-item showed" data-body="1"> 199 <div class="main__employer-page-body-item showed" data-body="1">
200 <div class="main__employer-page-one"> 200 <div class="main__employer-page-one">
201 @if ($company[0]->flots->count()) 201 @if ($company[0]->flots->count())
202 @foreach ($company[0]->flots as $flot) 202 @foreach ($company[0]->flots as $flot)
203 <div class="main__employer-page-one-item flot-one-ship"> 203 <div class="main__employer-page-one-item flot-one-ship">
204 @if (!empty($flot->image)) 204 @if (!empty($flot->image))
205 <a href="{{ asset(Storage::url($flot->image)) }}" data-fancybox="gallery" class="review-image-modal"> 205 <a href="{{ asset(Storage::url($flot->image)) }}" data-fancybox="gallery" class="review-image-modal">
206 <img src="{{ asset(Storage::url($flot->image)) }}" alt="{{ $flot->name }}"> 206 <img src="{{ asset(Storage::url($flot->image)) }}" alt="{{ $flot->name }}">
207 </a> 207 </a>
208 @else 208 @else
209 <a href="{{ asset('images/default_ship.jpg') }}" data-fancybox="gallery" class="review-image-modal"> 209 <a href="{{ asset('images/default_ship.jpg') }}" data-fancybox="gallery" class="review-image-modal">
210 <img src="{{ asset('images/default_ship.jpg') }}" alt="{{ $flot->name }}"> 210 <img src="{{ asset('images/default_ship.jpg') }}" alt="{{ $flot->name }}">
211 </a> 211 </a>
212 @endif 212 @endif
213 213
214 <div class="bold font20">{{ $flot->name }}</div> 214 <div class="flot-label"><div class="flot-label-name">Название:</div>{{ $flot->name }}</div>
215 <div class="flot-label"><div class="flot-label-name">DWT</div> {{ $flot->DWT }}</div> 215 <div class="flot-label"><div class="flot-label-name">DWT:</div> {{ $flot->DWT }}</div>
216 <div class="flot-label"><div class="flot-label-name">Мощность</div> {{ $flot->POWER_GD }}</div> 216 <div class="flot-label"><div class="flot-label-name">Мощность:</div> {{ $flot->POWER_GD }}</div>
217 <div class="flot-label"><div class="flot-label-name">IMO</div> {{ $flot->IMO }}</div> 217 <div class="flot-label"><div class="flot-label-name">IMO:</div> {{ $flot->IMO }}</div>
218 </div> 218 </div>
219 @endforeach 219 @endforeach
220 @endif 220 @endif
221 </div> 221 </div>
222 </div> 222 </div>
223 223
224 <div class="main__employer-page-body-item" data-body="2"> 224 <div class="main__employer-page-body-item" data-body="2">
225 <div class="main__employer-page-two"> 225 <div class="main__employer-page-two">
226 @foreach ($ads as $job) 226 @foreach ($ads as $job)
227 <div class="main__employer-page-two-item"> 227 <div class="main__employer-page-two-item">
228 <div class="main__employer-page-two-item-toper"> 228 <div class="main__employer-page-two-item-toper">
229 @if (!empty($company[0]->logo)) 229 @if (!empty($company[0]->logo))
230 <img src="{{ asset(Storage::url($company[0]->logo)) }}" alt="{{ $job->name }}"> 230 <img src="{{ asset(Storage::url($company[0]->logo)) }}" alt="{{ $job->name }}">
231 @else 231 @else
232 <img src="{{ asset('images/default_ship.jpg') }}" alt="{{ $job->name }}"> 232 <img src="{{ asset('images/default_ship.jpg') }}" alt="{{ $job->name }}">
233 @endif 233 @endif
234 <span>{{ $company[0]->name_company }}</span> 234 <span>{{ $company[0]->name_company }}</span>
235 </div> 235 </div>
236 <div class="main__employer-page-two-item-text-body"> 236 <div class="main__employer-page-two-item-text-body">
237 <h3>{{ $job->name }}</h3> 237 <h3>{{ $job->name }}</h3>
238 <span>Описание: 238 <span>Описание:
239 {!! $job->text !!} 239 {!! $job->text !!}
240 </span> 240 </span>
241 </div> 241 </div>
242 242
243 @if ((isset($job->jobs)) && ($job->jobs->count())) 243 @if ((isset($job->jobs)) && ($job->jobs->count()))
244 <div class="main__employer-page-two-item-tags"> 244 <div class="main__employer-page-two-item-tags">
245 @foreach ($job->jobs as $item) 245 @foreach ($job->jobs as $item)
246 <span class="main__employer-page-two-item-tag">#{{ $item->name }}</span> 246 <span class="main__employer-page-two-item-tag">#{{ $item->name }}</span>
247 @endforeach 247 @endforeach
248 </div> 248 </div>
249 @endif 249 @endif
250 <div class="main__employer-page-two-item-buttons"> 250 <div class="main__employer-page-two-item-buttons">
251 251
252 <button type="button" data-fancybox data-src="#send" data-vacancy="{{ $job->id }}" data-uid="{{ $user_id }}" data-tuid="{{ $company[0]->users->id }}" data-options='{"touch":false,"autoFocus":false}' 252 <button type="button" data-fancybox data-src="#send" data-vacancy="{{ $job->id }}" data-uid="{{ $user_id }}" data-tuid="{{ $company[0]->users->id }}" data-options='{"touch":false,"autoFocus":false}'
253 class="button main__employer-page-two-item-button js_send_it_button">Оставить 253 class="button main__employer-page-two-item-button js_send_it_button">Оставить
254 отклик...</button> 254 отклик...</button>
255 255
256 <!--<a href="#" 256 <!--<a href="#"
257 class="button button_light main__employer-page-two-item-button">Подробнее</a>--> 257 class="button button_light main__employer-page-two-item-button">Подробнее</a>-->
258 </div> 258 </div>
259 <div class="main__employer-page-two-item-bottom"> 259 <div class="main__employer-page-two-item-bottom">
260 <div class="main__employer-page-two-item-bottom-date">{{ date('d.m.Y H:i:s', strtotime($job->updated_at)) }}</div> 260 <div class="main__employer-page-two-item-bottom-date">{{ date('d.m.Y H:i:s', strtotime($job->updated_at)) }}</div>
261 <button type="button" id="like{{ $job->id }}" data-val="{{ $job->id }}" 261 <button type="button" id="like{{ $job->id }}" data-val="{{ $job->id }}"
262 class="like main__employer-page-two-item-bottom-like js-toggle js_vac_favorite {{ \App\Classes\LikesClass::get_status_vacancy($job) }}"> 262 class="like main__employer-page-two-item-bottom-like js-toggle js_vac_favorite {{ \App\Classes\LikesClass::get_status_vacancy($job) }}">
263 <svg> 263 <svg>
264 <use xlink:href="{{ asset('images/sprite.svg#heart') }}"></use> 264 <use xlink:href="{{ asset('images/sprite.svg#heart') }}"></use>
265 </svg> 265 </svg>
266 </button> 266 </button>
267 </div> 267 </div>
268 </div> 268 </div>
269 @endforeach 269 @endforeach
270 270
271 <div style="margin-top: 20px"> 271 <div style="margin-top: 20px">
272 {{ $ads->onEachSide(0)->appends($_GET)->links('paginate') }} 272 {{ $ads->onEachSide(0)->appends($_GET)->links('paginate') }}
273 </div> 273 </div>
274 <!--<button type="button" class="button button_light button_more main__employer-page-two-more js-toggle js-parent-toggle"> 274 <!--<button type="button" class="button button_light button_more main__employer-page-two-more js-toggle js-parent-toggle">
275 <span>Показать ещё</span> 275 <span>Показать ещё</span>
276 <span>Скрыть</span> 276 <span>Скрыть</span>
277 </button>--> 277 </button>-->
278 </div> 278 </div>
279 </div> 279 </div>
280 </div> 280 </div>
281 </div> 281 </div>
282 </div> 282 </div>
283 </div> 283 </div>
284 </main> 284 </main>
285 @endsection 285 @endsection
286 286
resources/views/js/favorite-worker.blade.php
Diff comments   View file @ 3b5284e
1 <script> 1 <script>
2 console.log('js выполняется...123');
3
4 $(document).ready(function() { 2 $(document).ready(function() {
5 $(document).on('click', '.js_box_favorit', function () { 3 $(document).on('click', '.js_box_favorit', function () {
6 var _this = $(this); 4 var this_btn = $(this);
7 var id = _this.attr('id'); 5 var id_worker = this_btn.attr('data-val');
8 var id_worker = _this.attr('data-val'); 6 var data = {code_record: id_worker};
9 console.log('active='+id);
10 console.log('is_worker='+id_worker);
11 7
12 if ($( "#"+id ).hasClass( "active" )) { 8 if (this_btn.hasClass('active')){
13 console.log('Download 41... final'); 9 data.delete = 1;
14 $.ajax({ 10 }
15 type: "GET",
16 url: "{{ route('like_resume') }}",
17 data: "code_record=" + id_worker,
18 success: function (data) {
19 console.log('Выбор сортировки');
20 console.log(data);
21 11
22 }, 12 if (this_btn.hasClass('active')){
23 headers: { 13 this_btn.removeClass('active');
24 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') 14 } else{
25 }, 15 this_btn.addClass('active');
26 error: function (data) {
27 data = JSON.stringify(data);
28 console.log('Error: ' + data);
29 }
30 });
31 } else {
32 console.log('Не выполнить условие никогда');
33 $.ajax({
34 type: "GET",
35 url: "{{ route('like_resume') }}",
36 data: "code_record=" + id_worker + "&delete=1",
37 success: function (data) {
38 console.log('Выбор сортировки');
39 console.log(data);
40 },
41 headers: {
42 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
43 },
44 error: function (data) {
45 data = JSON.stringify(data);
46 console.log('Error: ' + data);
47 }
48 });
49 } 16 }
17
18 $.ajax({
19 type: "GET",
20 url: "{{ route('like_resume') }}",
resources/views/layout/admin.blade.php
Diff comments   View file @ 3b5284e
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('./css/admin/admin.css')}}" /> 11 <link rel="stylesheet" href="{{ asset('./css/admin/admin.css')}}" />
12 <link rel="stylesheet" href="{{ asset('./assets/css/tailwind.output_new.css')}}" /> 12 <link rel="stylesheet" href="{{ asset('./assets/css/tailwind.output_new.css')}}" />
13 <link rel="stylesheet" href="{{ asset('./assets/css/tabs.css')}}" /> 13 <link rel="stylesheet" href="{{ asset('./assets/css/tabs.css')}}" />
14 <script 14 <script
15 src="https://cdn.jsdelivr.net/gh/alpinejs/alpine@v2.x.x/dist/alpine.min.js" 15 src="https://cdn.jsdelivr.net/gh/alpinejs/alpine@v2.x.x/dist/alpine.min.js"
16 defer 16 defer
17 ></script> 17 ></script>
18 <script src="{{ asset('./assets/js/init-alpine.js') }}"></script> 18 <script src="{{ asset('./assets/js/init-alpine.js') }}"></script>
19 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.3/Chart.min.css"/> 19 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.3/Chart.min.css"/>
20 <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.3/Chart.min.js" defer></script> 20 <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.3/Chart.min.js" defer></script>
21 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script> 21 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
22 <script src="{{ asset('./assets/js/charts-lines.js') }}" defer></script> 22 <script src="{{ asset('./assets/js/charts-lines.js') }}" defer></script>
23 <script src="{{ asset('./assets/js/charts-pie.js') }}" defer></script> 23 <script src="{{ asset('./assets/js/charts-pie.js') }}" defer></script>
24 <script src="{{ asset('js/jquery.fancybox.js') }}"></script>
25 <script src="{{ asset('./js/func.js') }}"></script>
26 <link rel="stylesheet" href="{{ asset('css/helpers.css') }}">
27 <link rel="stylesheet" href="{{ asset('css/jquery.fancybox.css') }}">
28 <link rel="stylesheet" href="{{ asset('css/general.css') }}">
24 </head> 29 </head>
25 <body> 30 <body>
26 <div class="flex h-screen bg-gray-50 dark:bg-gray-900" :class="{ 'overflow-hidden': isSideMenuOpen }"> 31 <div class="flex h-screen bg-gray-50 dark:bg-gray-900" :class="{ 'overflow-hidden': isSideMenuOpen }">
27 <!-- Desktop sidebar --> 32 <!-- Desktop sidebar -->
28 <aside 33 <aside
29 class="z-20 hidden w-64 overflow-y-auto bg-white dark:bg-gray-800 md:block flex-shrink-0" 34 class="z-20 hidden w-64 overflow-y-auto bg-white dark:bg-gray-800 md:block flex-shrink-0"
30 > 35 >
31 <div class="py-4 text-gray-500 dark:text-gray-400"> 36 <div class="py-4 text-gray-500 dark:text-gray-400">
32 <a class="ml-6 text-lg font-bold text-gray-800 dark:text-gray-200" 37 <a class="ml-6 text-lg font-bold text-gray-800 dark:text-gray-200"
33 href="{{ route('admin.index') }}"> 38 href="{{ route('admin.index') }}">
34 Админка 39 Админка
35 </a> 40 </a>
36 <ul class="mt-6"> 41 <ul class="mt-6">
37 <li class="relative px-6 py-3"> 42 <li class="relative px-6 py-3">
38 <span 43 <span
39 class="absolute inset-y-0 left-0 w-1 bg-purple-600 rounded-tr-lg rounded-br-lg" 44 class="absolute inset-y-0 left-0 w-1 bg-purple-600 rounded-tr-lg rounded-br-lg"
40 aria-hidden="true" 45 aria-hidden="true"
41 ></span> 46 ></span>
42 <a 47 <a
43 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 }}" 48 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 }}"
44 href="{{ route('admin.index') }}" 49 href="{{ route('admin.index') }}"
45 > 50 >
46 <svg 51 <svg
47 class="w-5 h-5" 52 class="w-5 h-5"
48 aria-hidden="true" 53 aria-hidden="true"
49 fill="none" 54 fill="none"
50 stroke-linecap="round" 55 stroke-linecap="round"
51 stroke-linejoin="round" 56 stroke-linejoin="round"
52 stroke-width="2" 57 stroke-width="2"
53 viewBox="0 0 24 24" 58 viewBox="0 0 24 24"
54 stroke="currentColor" 59 stroke="currentColor"
55 > 60 >
56 <path 61 <path
57 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" 62 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"
58 ></path> 63 ></path>
59 </svg> 64 </svg>
60 <span class="ml-4">Главная страница</span> 65 <span class="ml-4">Главная страница</span>
61 </a> 66 </a>
62 </li> 67 </li>
63 </ul> 68 </ul>
64 69
65 <ul> 70 <ul>
66 @foreach ($contents as $cont) 71 @foreach ($contents as $cont)
67 @if ($cont->url_page == "admin/users") 72 @if ($cont->url_page == "admin/users")
68 @if ((($cont->is_admin == 1) && ($admin == 1)) || 73 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
69 (($cont->is_manager == 1) && ($is_manager == 1))) 74 (($cont->is_manager == 1) && ($is_manager == 1)))
70 <li class="relative px-6 py-3"> 75 <li class="relative px-6 py-3">
71 <a 76 <a
72 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 }}" 77 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 }}"
73 href="{{ route('admin.users') }}" 78 href="{{ route('admin.users') }}"
74 > 79 >
75 <svg 80 <svg
76 class="w-5 h-5" 81 class="w-5 h-5"
77 aria-hidden="true" 82 aria-hidden="true"
78 fill="none" 83 fill="none"
79 stroke-linecap="round" 84 stroke-linecap="round"
80 stroke-linejoin="round" 85 stroke-linejoin="round"
81 stroke-width="2" 86 stroke-width="2"
82 viewBox="0 0 24 24" 87 viewBox="0 0 24 24"
83 stroke="currentColor" 88 stroke="currentColor"
84 > 89 >
85 <path 90 <path
86 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" 91 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"
87 ></path> 92 ></path>
88 </svg> 93 </svg>
89 <span class="ml-4">Пользователи</span> 94 <span class="ml-4">Пользователи</span>
90 </a> 95 </a>
91 </li> 96 </li>
92 @endif 97 @endif
93 @endif 98 @endif
94 99
95 @if ($cont->url_page == "admin/admin_roles") 100 @if ($cont->url_page == "admin/admin_roles")
96 @if ((($cont->is_admin == 1) && ($admin == 1)) || 101 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
97 (($cont->is_manager == 1) && ($is_manager == 1))) 102 (($cont->is_manager == 1) && ($is_manager == 1)))
98 <li class="relative px-6 py-3"> 103 <li class="relative px-6 py-3">
99 <a 104 <a
100 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 }}" 105 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 }}"
101 href="{{ route('admin.admin_roles') }}" 106 href="{{ route('admin.admin_roles') }}"
102 > 107 >
103 <svg 108 <svg
104 class="w-5 h-5" 109 class="w-5 h-5"
105 aria-hidden="true" 110 aria-hidden="true"
106 fill="none" 111 fill="none"
107 stroke-linecap="round" 112 stroke-linecap="round"
108 stroke-linejoin="round" 113 stroke-linejoin="round"
109 stroke-width="2" 114 stroke-width="2"
110 viewBox="0 0 24 24" 115 viewBox="0 0 24 24"
111 stroke="currentColor" 116 stroke="currentColor"
112 > 117 >
113 <path 118 <path
114 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" 119 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"
115 ></path> 120 ></path>
116 </svg> 121 </svg>
117 <span class="ml-4">Роли администраторов</span> 122 <span class="ml-4">Роли администраторов</span>
118 </a> 123 </a>
119 </li> 124 </li>
120 @endif 125 @endif
121 @endif 126 @endif
122 127
123 @if ($cont->url_page == "admin/admin-users") 128 @if ($cont->url_page == "admin/admin-users")
124 @if ((($cont->is_admin == 1) && ($admin == 1)) || 129 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
125 (($cont->is_manager == 1) && ($is_manager == 1))) 130 (($cont->is_manager == 1) && ($is_manager == 1)))
126 <li class="relative px-6 py-3"> 131 <li class="relative px-6 py-3">
127 <a 132 <a
128 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') }}" 133 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') }}"
129 > 134 >
130 <svg 135 <svg
131 class="w-5 h-5" 136 class="w-5 h-5"
132 aria-hidden="true" 137 aria-hidden="true"
133 fill="none" 138 fill="none"
134 stroke-linecap="round" 139 stroke-linecap="round"
135 stroke-linejoin="round" 140 stroke-linejoin="round"
136 stroke-width="2" 141 stroke-width="2"
137 viewBox="0 0 24 24" 142 viewBox="0 0 24 24"
138 stroke="currentColor" 143 stroke="currentColor"
139 > 144 >
140 <path 145 <path
141 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" 146 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"
142 ></path> 147 ></path>
143 </svg> 148 </svg>
144 <span class="ml-4">Администраторы</span> 149 <span class="ml-4">Администраторы</span>
145 </a> 150 </a>
146 </li> 151 </li>
147 @endif 152 @endif
148 @endif 153 @endif
149 154
150 @if ($cont->url_page == "admin/employers") 155 @if ($cont->url_page == "admin/employers")
151 @if ((($cont->is_admin == 1) && ($admin == 1)) || 156 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
152 (($cont->is_manager == 1) && ($is_manager == 1))) 157 (($cont->is_manager == 1) && ($is_manager == 1)))
153 <li class="relative px-6 py-3"> 158 <li class="relative px-6 py-3">
154 <a 159 <a
155 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') }}" 160 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') }}"
156 > 161 >
157 <svg 162 <svg
158 class="w-5 h-5" 163 class="w-5 h-5"
159 aria-hidden="true" 164 aria-hidden="true"
160 fill="none" 165 fill="none"
161 stroke-linecap="round" 166 stroke-linecap="round"
162 stroke-linejoin="round" 167 stroke-linejoin="round"
163 stroke-width="2" 168 stroke-width="2"
164 viewBox="0 0 24 24" 169 viewBox="0 0 24 24"
165 stroke="currentColor" 170 stroke="currentColor"
166 > 171 >
167 <path 172 <path
168 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" 173 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"
169 ></path> 174 ></path>
170 </svg> 175 </svg>
171 <span class="ml-4">Работодатели</span> 176 <span class="ml-4">Работодатели</span>
172 </a> 177 </a>
173 </li> 178 </li>
174 @endif 179 @endif
175 @endif 180 @endif
176 181
177 @if ($cont->url_page == "admin/workers") 182 @if ($cont->url_page == "admin/workers")
178 @if ((($cont->is_admin == 1) && ($admin == 1)) || 183 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
179 (($cont->is_manager == 1) && ($is_manager == 1))) 184 (($cont->is_manager == 1) && ($is_manager == 1)))
180 <li class="relative px-6 py-3"> 185 <li class="relative px-6 py-3">
181 <a 186 <a
182 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') }}" 187 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') }}"
183 > 188 >
184 <svg 189 <svg
185 class="w-5 h-5" 190 class="w-5 h-5"
186 aria-hidden="true" 191 aria-hidden="true"
187 fill="none" 192 fill="none"
188 stroke-linecap="round" 193 stroke-linecap="round"
189 stroke-linejoin="round" 194 stroke-linejoin="round"
190 stroke-width="2" 195 stroke-width="2"
191 viewBox="0 0 24 24" 196 viewBox="0 0 24 24"
192 stroke="currentColor" 197 stroke="currentColor"
193 > 198 >
194 <path 199 <path
195 d="M11 3.055A9.001 9.001 0 1020.945 13H11V3.055z" 200 d="M11 3.055A9.001 9.001 0 1020.945 13H11V3.055z"
196 ></path> 201 ></path>
197 <path d="M20.488 9H15V3.512A9.025 9.025 0 0120.488 9z"></path> 202 <path d="M20.488 9H15V3.512A9.025 9.025 0 0120.488 9z"></path>
198 </svg> 203 </svg>
199 <span class="ml-4">Соискатели</span> 204 <span class="ml-4">Соискатели</span>
200 </a> 205 </a>
201 </li> 206 </li>
202 @endif 207 @endif
203 @endif 208 @endif
204 209
205 @if ($cont->url_page == "admin/ad-employers") 210 @if ($cont->url_page == "admin/ad-employers")
206 @if ((($cont->is_admin == 1) && ($admin == 1)) || 211 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
207 (($cont->is_manager == 1) && ($is_manager == 1))) 212 (($cont->is_manager == 1) && ($is_manager == 1)))
208 <li class="relative px-6 py-3"> 213 <li class="relative px-6 py-3">
209 <a 214 <a
210 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') }}" 215 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') }}"
211 > 216 >
212 <svg 217 <svg
213 class="w-5 h-5" 218 class="w-5 h-5"
214 aria-hidden="true" 219 aria-hidden="true"
215 fill="none" 220 fill="none"
216 stroke-linecap="round" 221 stroke-linecap="round"
217 stroke-linejoin="round" 222 stroke-linejoin="round"
218 stroke-width="2" 223 stroke-width="2"
219 viewBox="0 0 24 24" 224 viewBox="0 0 24 24"
220 stroke="currentColor" 225 stroke="currentColor"
221 > 226 >
222 <path 227 <path
223 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" 228 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"
224 ></path> 229 ></path>
225 </svg> 230 </svg>
226 <span class="ml-4">Вакансии</span> 231 <span class="ml-4">Вакансии</span>
227 </a> 232 </a>
228 </li> 233 </li>
229 @endif 234 @endif
230 @endif 235 @endif
231 236
232 @if ($cont->url_page == "admin/messages") 237 @if ($cont->url_page == "admin/messages")
233 @if ((($cont->is_admin == 1) && ($admin == 1)) || 238 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
234 (($cont->is_manager == 1) && ($is_manager == 1))) 239 (($cont->is_manager == 1) && ($is_manager == 1)))
235 <li class="relative px-6 py-3"> 240 <li class="relative px-6 py-3">
236 <a 241 <a
237 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') }}" 242 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') }}"
238 > 243 >
239 <svg 244 <svg
240 class="w-5 h-5" 245 class="w-5 h-5"
241 aria-hidden="true" 246 aria-hidden="true"
242 fill="none" 247 fill="none"
243 stroke-linecap="round" 248 stroke-linecap="round"
244 stroke-linejoin="round" 249 stroke-linejoin="round"
245 stroke-width="2" 250 stroke-width="2"
246 viewBox="0 0 24 24" 251 viewBox="0 0 24 24"
247 stroke="currentColor" 252 stroke="currentColor"
248 > 253 >
249 <path d="M4 6h16M4 10h16M4 14h16M4 18h16"></path> 254 <path d="M4 6h16M4 10h16M4 14h16M4 18h16"></path>
250 </svg> 255 </svg>
251 <span class="ml-4">Сообщения все</span> 256 <span class="ml-4">Сообщения все</span>
252 </a> 257 </a>
253 </li> 258 </li>
254 @endif 259 @endif
255 @endif 260 @endif
256 261
257 @if ($cont->url_page == "admin/admin-messages") 262 @if ($cont->url_page == "admin/admin-messages")
258 @if ((($cont->is_admin == 1) && ($admin == 1)) || 263 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
259 (($cont->is_manager == 1) && ($is_manager == 1))) 264 (($cont->is_manager == 1) && ($is_manager == 1)))
260 <li class="relative px-6 py-3"> 265 <li class="relative px-6 py-3">
261 <a 266 <a
262 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') }}" 267 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') }}"
263 > 268 >
264 <svg 269 <svg
265 class="w-5 h-5" 270 class="w-5 h-5"
266 aria-hidden="true" 271 aria-hidden="true"
267 fill="none" 272 fill="none"
268 stroke-linecap="round" 273 stroke-linecap="round"
269 stroke-linejoin="round" 274 stroke-linejoin="round"
270 stroke-width="2" 275 stroke-width="2"
271 viewBox="0 0 24 24" 276 viewBox="0 0 24 24"
272 stroke="currentColor" 277 stroke="currentColor"
273 > 278 >
274 <path d="M4 6h16M4 10h16M4 14h16M4 18h16"></path> 279 <path d="M4 6h16M4 10h16M4 14h16M4 18h16"></path>
275 </svg> 280 </svg>
276 <span class="ml-4">Заявки на рассылку</span> 281 <span class="ml-4">Заявки на рассылку</span>
277 </a> 282 </a>
278 </li> 283 </li>
279 @endif 284 @endif
280 @endif 285 @endif
281 286
282 @if ($cont->url_page == "admin/groups") 287 @if ($cont->url_page == "admin/groups")
283 @if ((($cont->is_admin == 1) && ($admin == 1)) || 288 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
284 (($cont->is_manager == 1) && ($is_manager == 1))) 289 (($cont->is_manager == 1) && ($is_manager == 1)))
285 <li class="relative px-6 py-3"> 290 <li class="relative px-6 py-3">
286 <a 291 <a
287 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') }}" 292 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') }}"
288 > 293 >
289 <svg 294 <svg
290 class="w-5 h-5" 295 class="w-5 h-5"
291 aria-hidden="true" 296 aria-hidden="true"
292 fill="none" 297 fill="none"
293 stroke-linecap="round" 298 stroke-linecap="round"
294 stroke-linejoin="round" 299 stroke-linejoin="round"
295 stroke-width="2" 300 stroke-width="2"
296 viewBox="0 0 24 24" 301 viewBox="0 0 24 24"
297 stroke="currentColor" 302 stroke="currentColor"
298 > 303 >
299 <path 304 <path
300 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" 305 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"
301 ></path> 306 ></path>
302 </svg> 307 </svg>
303 <span class="ml-4">Группы пользователей</span> 308 <span class="ml-4">Группы пользователей</span>
304 </a> 309 </a>
305 </li> 310 </li>
306 @endif 311 @endif
307 @endif 312 @endif
308 313
309 @if ($cont->url_page == "admin/media") 314 @if ($cont->url_page == "admin/media")
310 @if ((($cont->is_admin == 1) && ($admin == 1)) || 315 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
311 (($cont->is_manager == 1) && ($is_manager == 1))) 316 (($cont->is_manager == 1) && ($is_manager == 1)))
312 <li class="relative px-6 py-3"> 317 <li class="relative px-6 py-3">
313 <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') }}"> 318 <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') }}">
314 <svg 319 <svg
315 class="w-5 h-5" 320 class="w-5 h-5"
316 aria-hidden="true" 321 aria-hidden="true"
317 fill="none" 322 fill="none"
318 stroke-linecap="round" 323 stroke-linecap="round"
319 stroke-linejoin="round" 324 stroke-linejoin="round"
320 stroke-width="2" 325 stroke-width="2"
321 viewBox="0 0 24 24" 326 viewBox="0 0 24 24"
322 stroke="currentColor" 327 stroke="currentColor"
323 > 328 >
324 <path 329 <path
325 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" 330 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"
326 ></path> 331 ></path>
327 </svg> 332 </svg>
328 <span class="ml-4">Медиа</span> 333 <span class="ml-4">Медиа</span>
329 </a> 334 </a>
330 </li> 335 </li>
331 @endif 336 @endif
332 @endif 337 @endif
333 338
334 @if ($cont->url_page == "admin/roles") 339 @if ($cont->url_page == "admin/roles")
335 @if ((($cont->is_admin == 1) && ($admin == 1)) || 340 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
336 (($cont->is_manager == 1) && ($is_manager == 1))) 341 (($cont->is_manager == 1) && ($is_manager == 1)))
337 <li class="relative px-6 py-3"> 342 <li class="relative px-6 py-3">
338 <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') }}"> 343 <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') }}">
339 <svg 344 <svg
340 class="w-5 h-5" 345 class="w-5 h-5"
341 aria-hidden="true" 346 aria-hidden="true"
342 fill="none" 347 fill="none"
343 stroke-linecap="round" 348 stroke-linecap="round"
344 stroke-linejoin="round" 349 stroke-linejoin="round"
345 stroke-width="2" 350 stroke-width="2"
346 viewBox="0 0 24 24" 351 viewBox="0 0 24 24"
347 stroke="currentColor" 352 stroke="currentColor"
348 > 353 >
349 <path 354 <path
350 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" 355 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"
351 ></path> 356 ></path>
352 </svg> 357 </svg>
353 <span class="ml-4">Роли пользователей</span> 358 <span class="ml-4">Роли пользователей</span>
354 </a> 359 </a>
355 </li> 360 </li>
356 @endif 361 @endif
357 @endif 362 @endif
358 363
359 @if ($cont->url_page == "admin/basedata") 364 @if ($cont->url_page == "admin/basedata")
360 @if ((($cont->is_admin == 1) && ($admin == 1)) || 365 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
361 (($cont->is_manager == 1) && ($is_manager == 1))) 366 (($cont->is_manager == 1) && ($is_manager == 1)))
362 <li class="relative px-6 py-3"> 367 <li class="relative px-6 py-3">
363 <a 368 <a
364 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') }}" 369 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') }}"
365 > 370 >
366 <svg 371 <svg
367 class="w-5 h-5" 372 class="w-5 h-5"
368 aria-hidden="true" 373 aria-hidden="true"
369 fill="none" 374 fill="none"
370 stroke-linecap="round" 375 stroke-linecap="round"
371 stroke-linejoin="round" 376 stroke-linejoin="round"
372 stroke-width="2" 377 stroke-width="2"
373 viewBox="0 0 24 24" 378 viewBox="0 0 24 24"
374 stroke="currentColor" 379 stroke="currentColor"
375 > 380 >
376 <path d="M4 6h16M4 10h16M4 14h16M4 18h16"></path> 381 <path d="M4 6h16M4 10h16M4 14h16M4 18h16"></path>
377 </svg> 382 </svg>
378 <span class="ml-4">Базы данных</span> 383 <span class="ml-4">Базы данных</span>
379 </a> 384 </a>
380 </li> 385 </li>
381 @endif 386 @endif
382 @endif 387 @endif
383 388
384 @if ($cont->url_page == "admin/education") 389 @if ($cont->url_page == "admin/education")
385 @if ((($cont->is_admin == 1) && ($admin == 1)) || 390 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
386 (($cont->is_manager == 1) && ($is_manager == 1))) 391 (($cont->is_manager == 1) && ($is_manager == 1)))
387 <li class="relative px-6 py-3"> 392 <li class="relative px-6 py-3">
388 <a 393 <a
389 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') }}" 394 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') }}"
390 > 395 >
391 <svg 396 <svg
392 class="w-5 h-5" 397 class="w-5 h-5"
393 aria-hidden="true" 398 aria-hidden="true"
394 fill="none" 399 fill="none"
395 stroke-linecap="round" 400 stroke-linecap="round"
396 stroke-linejoin="round" 401 stroke-linejoin="round"
397 stroke-width="2" 402 stroke-width="2"
398 viewBox="0 0 24 24" 403 viewBox="0 0 24 24"
399 stroke="currentColor" 404 stroke="currentColor"
400 > 405 >
401 <path 406 <path
402 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" 407 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"
403 ></path> 408 ></path>
404 </svg> 409 </svg>
405 <span class="ml-4">Учебн.заведения</span> 410 <span class="ml-4">Учебн.заведения</span>
406 </a> 411 </a>
407 </li> 412 </li>
408 @endif 413 @endif
409 @endif 414 @endif
410 415
411 @if ($cont->url_page == "admin/statics") 416 @if ($cont->url_page == "admin/statics")
412 @if ((($cont->is_admin == 1) && ($admin == 1)) || 417 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
413 (($cont->is_manager == 1) && ($is_manager == 1))) 418 (($cont->is_manager == 1) && ($is_manager == 1)))
414 <li class="relative px-6 py-3"> 419 <li class="relative px-6 py-3">
415 <a 420 <a
416 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') }}" 421 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') }}"
417 > 422 >
418 <svg 423 <svg
419 class="w-5 h-5" 424 class="w-5 h-5"
420 aria-hidden="true" 425 aria-hidden="true"
421 fill="none" 426 fill="none"
422 stroke-linecap="round" 427 stroke-linecap="round"
423 stroke-linejoin="round" 428 stroke-linejoin="round"
424 stroke-width="2" 429 stroke-width="2"
425 viewBox="0 0 24 24" 430 viewBox="0 0 24 24"
426 stroke="currentColor" 431 stroke="currentColor"
427 > 432 >
428 <path 433 <path
429 d="M11 3.055A9.001 9.001 0 1020.945 13H11V3.055z" 434 d="M11 3.055A9.001 9.001 0 1020.945 13H11V3.055z"
430 ></path> 435 ></path>
431 <path d="M20.488 9H15V3.512A9.025 9.025 0 0120.488 9z"></path> 436 <path d="M20.488 9H15V3.512A9.025 9.025 0 0120.488 9z"></path>
432 </svg> 437 </svg>
433 <span class="ml-4">Статистика</span> 438 <span class="ml-4">Статистика</span>
434 </a> 439 </a>
435 </li> 440 </li>
436 @endif 441 @endif
437 @endif 442 @endif
438 443
439 @if ($cont->url_page == "admin/answers") 444 @if ($cont->url_page == "admin/answers")
440 @if ((($cont->is_admin == 1) && ($admin == 1)) || 445 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
441 (($cont->is_manager == 1) && ($is_manager == 1))) 446 (($cont->is_manager == 1) && ($is_manager == 1)))
442 <li class="relative px-6 py-3"> 447 <li class="relative px-6 py-3">
443 <a 448 <a
444 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') }}" 449 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') }}"
445 > 450 >
446 <svg 451 <svg
447 class="w-5 h-5" 452 class="w-5 h-5"
448 aria-hidden="true" 453 aria-hidden="true"
449 fill="none" 454 fill="none"
450 stroke-linecap="round" 455 stroke-linecap="round"
451 stroke-linejoin="round" 456 stroke-linejoin="round"
452 stroke-width="2" 457 stroke-width="2"
453 viewBox="0 0 24 24" 458 viewBox="0 0 24 24"
454 stroke="currentColor" 459 stroke="currentColor"
455 > 460 >
456 <path d="M4 6h16M4 10h16M4 14h16M4 18h16"></path> 461 <path d="M4 6h16M4 10h16M4 14h16M4 18h16"></path>
457 </svg> 462 </svg>
458 <span class="ml-4">Модерация</span> 463 <span class="ml-4">Модерация</span>
459 </a> 464 </a>
460 </li> 465 </li>
461 @endif 466 @endif
462 @endif 467 @endif
463 468
464 @if ($cont->url_page == "admin/reclames") 469 @if ($cont->url_page == "admin/reclames")
465 @if ((($cont->is_admin == 1) && ($admin == 1)) || 470 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
466 (($cont->is_manager == 1) && ($is_manager == 1))) 471 (($cont->is_manager == 1) && ($is_manager == 1)))
467 <li class="relative px-6 py-3"> 472 <li class="relative px-6 py-3">
468 <a 473 <a
469 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') }}" 474 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') }}"
470 > 475 >
471 <svg 476 <svg
472 class="w-5 h-5" 477 class="w-5 h-5"
473 aria-hidden="true" 478 aria-hidden="true"
474 fill="none" 479 fill="none"
475 stroke-linecap="round" 480 stroke-linecap="round"
476 stroke-linejoin="round" 481 stroke-linejoin="round"
477 stroke-width="2" 482 stroke-width="2"
478 viewBox="0 0 24 24" 483 viewBox="0 0 24 24"
479 stroke="currentColor" 484 stroke="currentColor"
480 > 485 >
481 <path 486 <path
482 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" 487 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"
483 ></path> 488 ></path>
484 </svg> 489 </svg>
485 <span class="ml-4">Реклама</span> 490 <span class="ml-4">Реклама</span>
486 </a> 491 </a>
487 </li> 492 </li>
488 @endif 493 @endif
489 @endif 494 @endif
490 @endforeach 495 @endforeach
491 496
492 497
493 <li class="relative px-6 py-3"> 498 <li class="relative px-6 py-3">
494 <a 499 <a
495 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.news_admin') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.news_admin') }}" 500 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.news_admin') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.news_admin') }}"
496 > 501 >
497 <svg 502 <svg
498 class="w-5 h-5" 503 class="w-5 h-5"
499 aria-hidden="true" 504 aria-hidden="true"
500 fill="none" 505 fill="none"
501 stroke-linecap="round" 506 stroke-linecap="round"
502 stroke-linejoin="round" 507 stroke-linejoin="round"
503 stroke-width="2" 508 stroke-width="2"
504 viewBox="0 0 24 24" 509 viewBox="0 0 24 24"
505 stroke="currentColor" 510 stroke="currentColor"
506 > 511 >
507 <path 512 <path
508 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" 513 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"
509 ></path> 514 ></path>
510 </svg> 515 </svg>
511 <span class="ml-4">Новости</span> 516 <span class="ml-4">Новости</span>
512 </a> 517 </a>
513 </li> 518 </li>
514 <!-- Справочники --> 519 <!-- Справочники -->
515 520
516 <li class="relative px-6 py-3" x-data="{ open1: false }"> 521 <li class="relative px-6 py-3" x-data="{ open1: false }">
517 <button 522 <button
518 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" 523 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"
519 @click="open1=!open1" 524 @click="open1=!open1"
520 aria-haspopup="true"> 525 aria-haspopup="true">
521 <span class="inline-flex items-center"> 526 <span class="inline-flex items-center">
522 <svg 527 <svg
523 class="w-5 h-5" 528 class="w-5 h-5"
524 aria-hidden="true" 529 aria-hidden="true"
525 fill="none" 530 fill="none"
526 stroke-linecap="round" 531 stroke-linecap="round"
527 stroke-linejoin="round" 532 stroke-linejoin="round"
528 stroke-width="2" 533 stroke-width="2"
529 viewBox="0 0 24 24" 534 viewBox="0 0 24 24"
530 stroke="currentColor"> 535 stroke="currentColor">
531 <path 536 <path
532 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" 537 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"
533 ></path> 538 ></path>
534 </svg> 539 </svg>
535 <span class="ml-4">Справочники</span> 540 <span class="ml-4">Справочники</span>
536 </span> 541 </span>
537 <svg 542 <svg
538 class="w-4 h-4" 543 class="w-4 h-4"
539 aria-hidden="true" 544 aria-hidden="true"
540 fill="currentColor" 545 fill="currentColor"
541 viewBox="0 0 20 20" 546 viewBox="0 0 20 20"
542 > 547 >
543 <path 548 <path
544 fill-rule="evenodd" 549 fill-rule="evenodd"
545 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" 550 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"
546 clip-rule="evenodd" 551 clip-rule="evenodd"
547 ></path> 552 ></path>
548 </svg> 553 </svg>
549 </button> 554 </button>
550 <template x-if="open1"> 555 <template x-if="open1">
551 <ul 556 <ul
552 x-transition:enter="transition-all ease-in-out duration-300" 557 x-transition:enter="transition-all ease-in-out duration-300"
553 x-transition:enter-start="opacity-25 max-h-0" 558 x-transition:enter-start="opacity-25 max-h-0"
554 x-transition:enter-end="opacity-100 max-h-xl" 559 x-transition:enter-end="opacity-100 max-h-xl"
555 x-transition:leave="transition-all ease-in-out duration-300" 560 x-transition:leave="transition-all ease-in-out duration-300"
556 x-transition:leave-start="opacity-100 max-h-xl" 561 x-transition:leave-start="opacity-100 max-h-xl"
557 x-transition:leave-end="opacity-0 max-h-0" 562 x-transition:leave-end="opacity-0 max-h-0"
558 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" 563 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"
559 aria-label="submenu" 564 aria-label="submenu"
560 > 565 >
561 @foreach ($contents as $cont) 566 @foreach ($contents as $cont)
562 @if ($cont->url_page == "admin/job-titles") 567 @if ($cont->url_page == "admin/job-titles")
563 @if ((($cont->is_admin == 1) && ($admin == 1)) || 568 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
564 (($cont->is_manager == 1) && ($is_manager == 1))) 569 (($cont->is_manager == 1) && ($is_manager == 1)))
565 <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 }}"> 570 <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 }}">
566 <a class="w-full" href="{{ route('admin.job-titles.index') }}">Должности</a> 571 <a class="w-full" href="{{ route('admin.job-titles.index') }}">Должности</a>
567 </li> 572 </li>
568 @endif 573 @endif
569 @endif 574 @endif
570 575
571 @if ($cont->url_page == "admin/categories") 576 @if ($cont->url_page == "admin/categories")
572 @if ((($cont->is_admin == 1) && ($admin == 1)) || 577 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
573 (($cont->is_manager == 1) && ($is_manager == 1))) 578 (($cont->is_manager == 1) && ($is_manager == 1)))
574 <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 }}"> 579 <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 }}">
575 <a class="w-full" href="{{ route('admin.categories.index') }}">Категории вакансий</a> 580 <a class="w-full" href="{{ route('admin.categories.index') }}">Категории вакансий</a>
576 </li> 581 </li>
577 @endif 582 @endif
578 @endif 583 @endif
579 584
580 @if ($cont->url_page == "admin/category-emp") 585 @if ($cont->url_page == "admin/category-emp")
581 @if ((($cont->is_admin == 1) && ($admin == 1)) || 586 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
582 (($cont->is_manager == 1) && ($is_manager == 1))) 587 (($cont->is_manager == 1) && ($is_manager == 1)))
583 <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 }}"> 588 <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 }}">
584 <a class="w-full" href="{{ route('admin.category-emp.index') }}">Категории работодателей</a> 589 <a class="w-full" href="{{ route('admin.category-emp.index') }}">Категории работодателей</a>
585 </li> 590 </li>
586 @endif 591 @endif
587 @endif 592 @endif
588 593
589 @if ($cont->url_page == "admin/infobloks") 594 @if ($cont->url_page == "admin/infobloks")
590 @if ((($cont->is_admin == 1) && ($admin == 1)) || 595 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
591 (($cont->is_manager == 1) && ($is_manager == 1))) 596 (($cont->is_manager == 1) && ($is_manager == 1)))
592 <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 }}"> 597 <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 }}">
593 <a class="w-full" href="{{ route('admin.infobloks.index') }}">Блоки-Дипломы</a> 598 <a class="w-full" href="{{ route('admin.infobloks.index') }}">Блоки-Дипломы</a>
594 </li> 599 </li>
595 @endif 600 @endif
596 @endif 601 @endif
597 @endforeach 602 @endforeach
598 <!--<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 }}"> 603 <!--<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 }}">
599 <a class="w-full" href=" route('admin.position') }}">Позиция</a> 604 <a class="w-full" href=" route('admin.position') }}">Позиция</a>
600 </li>--> 605 </li>-->
601 </ul> 606 </ul>
602 </template> 607 </template>
603 </li> 608 </li>
604 609
605 <!-- Редактор --> 610 <!-- Редактор -->
606 <li class="relative px-6 py-3"> 611 <li class="relative px-6 py-3">
607 <button 612 <button
608 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" 613 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"
609 @click="togglePagesMenu" 614 @click="togglePagesMenu"
610 aria-haspopup="true"> 615 aria-haspopup="true">
611 <span class="inline-flex items-center"> 616 <span class="inline-flex items-center">
612 <svg 617 <svg
613 class="w-5 h-5" 618 class="w-5 h-5"
614 aria-hidden="true" 619 aria-hidden="true"
615 fill="none" 620 fill="none"
616 stroke-linecap="round" 621 stroke-linecap="round"
617 stroke-linejoin="round" 622 stroke-linejoin="round"
618 stroke-width="2" 623 stroke-width="2"
619 viewBox="0 0 24 24" 624 viewBox="0 0 24 24"
620 stroke="currentColor"> 625 stroke="currentColor">
621 <path 626 <path
622 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" 627 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"
623 ></path> 628 ></path>
624 </svg> 629 </svg>
625 <span class="ml-4">Редактор</span> 630 <span class="ml-4">Редактор</span>
626 </span> 631 </span>
627 <svg 632 <svg
628 class="w-4 h-4" 633 class="w-4 h-4"
629 aria-hidden="true" 634 aria-hidden="true"
630 fill="currentColor" 635 fill="currentColor"
631 viewBox="0 0 20 20" 636 viewBox="0 0 20 20"
632 > 637 >
633 <path 638 <path
634 fill-rule="evenodd" 639 fill-rule="evenodd"
635 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" 640 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"
636 clip-rule="evenodd" 641 clip-rule="evenodd"
637 ></path> 642 ></path>
638 </svg> 643 </svg>
639 </button> 644 </button>
640 <template x-if="isPagesMenuOpen"> 645 <template x-if="isPagesMenuOpen">
641 <ul 646 <ul
642 x-transition:enter="transition-all ease-in-out duration-300" 647 x-transition:enter="transition-all ease-in-out duration-300"
643 x-transition:enter-start="opacity-25 max-h-0" 648 x-transition:enter-start="opacity-25 max-h-0"
644 x-transition:enter-end="opacity-100 max-h-xl" 649 x-transition:enter-end="opacity-100 max-h-xl"
645 x-transition:leave="transition-all ease-in-out duration-300" 650 x-transition:leave="transition-all ease-in-out duration-300"
646 x-transition:leave-start="opacity-100 max-h-xl" 651 x-transition:leave-start="opacity-100 max-h-xl"
647 x-transition:leave-end="opacity-0 max-h-0" 652 x-transition:leave-end="opacity-0 max-h-0"
648 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" 653 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"
649 aria-label="submenu" 654 aria-label="submenu"
650 > 655 >
651 @foreach ($contents as $cont) 656 @foreach ($contents as $cont)
652 @if ($cont->url_page == "admin/editor-site") 657 @if ($cont->url_page == "admin/editor-site")
653 @if ((($cont->is_admin == 1) && ($admin == 1)) || 658 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
654 (($cont->is_manager == 1) && ($is_manager == 1))) 659 (($cont->is_manager == 1) && ($is_manager == 1)))
655 <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 }}"> 660 <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 }}">
656 <a class="w-full" href="{{ route('admin.editor-site') }}">Редактор сайта</a> 661 <a class="w-full" href="{{ route('admin.editor-site') }}">Редактор сайта</a>
657 </li> 662 </li>
658 @endif 663 @endif
659 @endif 664 @endif
660 665
661 @if ($cont->url_page == "admin/edit-blocks") 666 @if ($cont->url_page == "admin/edit-blocks")
662 @if ((($cont->is_admin == 1) && ($admin == 1)) || 667 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
663 (($cont->is_manager == 1) && ($is_manager == 1))) 668 (($cont->is_manager == 1) && ($is_manager == 1)))
664 <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 }}"> 669 <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 }}">
665 <a class="w-full" href="{{ route('admin.edit-blocks') }}">Шапка-футер сайта</a> 670 <a class="w-full" href="{{ route('admin.edit-blocks') }}">Шапка-футер сайта</a>
666 </li> 671 </li>
667 @endif 672 @endif
668 @endif 673 @endif
669 674
670 @if ($cont->url_page == "admin/editor-seo") 675 @if ($cont->url_page == "admin/editor-seo")
671 @if ((($cont->is_admin == 1) && ($admin == 1)) || 676 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
672 (($cont->is_manager == 1) && ($is_manager == 1))) 677 (($cont->is_manager == 1) && ($is_manager == 1)))
673 <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 }}"> 678 <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 }}">
674 <a class="w-full" href="{{ route('admin.editor-seo') }}">SEO сайта</a> 679 <a class="w-full" href="{{ route('admin.editor-seo') }}">SEO сайта</a>
675 </li> 680 </li>
676 @endif 681 @endif
677 @endif 682 @endif
678 683
679 @if ($cont->url_page == "admin/editor-pages") 684 @if ($cont->url_page == "admin/editor-pages")
680 @if ((($cont->is_admin == 1) && ($admin == 1)) || 685 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
681 (($cont->is_manager == 1) && ($is_manager == 1))) 686 (($cont->is_manager == 1) && ($is_manager == 1)))
682 <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 }}"> 687 <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 }}">
683 <a class="w-full" href="{{ route('admin.editor-pages') }}">Редактор страниц</a> 688 <a class="w-full" href="{{ route('admin.editor-pages') }}">Редактор страниц</a>
684 </li> 689 </li>
685 @endif 690 @endif
686 @endif 691 @endif
687 692
688 @if ($cont->url_page == "admin/job-titles-main") 693 @if ($cont->url_page == "admin/job-titles-main")
689 @if ((($cont->is_admin == 1) && ($admin == 1)) || 694 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
690 (($cont->is_manager == 1) && ($is_manager == 1))) 695 (($cont->is_manager == 1) && ($is_manager == 1)))
691 <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 }}"> 696 <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 }}">
692 <a class="w-full" href="{{ route('admin.job-titles-main') }}">Должности на главной</a> 697 <a class="w-full" href="{{ route('admin.job-titles-main') }}">Должности на главной</a>
693 </li> 698 </li>
694 @endif 699 @endif
695 @endif 700 @endif
696 701
697 @if ($cont->url_page == "admin/job-titles-main") 702 @if ($cont->url_page == "admin/job-titles-main")
698 @if ((($cont->is_admin == 1) && ($admin == 1)) || 703 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
699 (($cont->is_manager == 1) && ($is_manager == 1))) 704 (($cont->is_manager == 1) && ($is_manager == 1)))
700 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.counters-main') ? 'dark:text-gray-100' : null }}"> 705 <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.counters-main') ? 'dark:text-gray-100' : null }}">
701 <a class="w-full" href="{{ route('admin.counters-main') }}">Счетчики на главной</a> 706 <a class="w-full" href="{{ route('admin.counters-main') }}">Счетчики на главной</a>
702 </li> 707 </li>
703 @endif 708 @endif
704 @endif 709 @endif
705 710
706 @if ($cont->url_page == "admin/employers-main") 711 @if ($cont->url_page == "admin/employers-main")
707 @if ((($cont->is_admin == 1) && ($admin == 1)) || 712 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
708 (($cont->is_manager == 1) && ($is_manager == 1))) 713 (($cont->is_manager == 1) && ($is_manager == 1)))
709 <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 }}"> 714 <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 }}">
710 <a class="w-full" href="{{ route('admin.employers-main') }}">Работодатели на главной</a> 715 <a class="w-full" href="{{ route('admin.employers-main') }}">Работодатели на главной</a>
711 </li> 716 </li>
712 @endif 717 @endif
713 @endif 718 @endif
714 719
715 @endforeach 720 @endforeach
716 </ul> 721 </ul>
717 </template> 722 </template>
718 </li> 723 </li>
719 </ul> 724 </ul>
720 725
721 <!--<div class="px-6 my-6"> 726 <!--<div class="px-6 my-6">
722 <button 727 <button
723 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" 728 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"
724 > 729 >
725 Create account 730 Create account
726 <span class="ml-2" aria-hidden="true">+</span> 731 <span class="ml-2" aria-hidden="true">+</span>
727 </button> 732 </button>
728 </div>--> 733 </div>-->
729 </div> 734 </div>
730 </aside> 735 </aside>
731 <!-- Mobile sidebar --> 736 <!-- Mobile sidebar -->
732 <!-- Backdrop --> 737 <!-- Backdrop -->
733 <div 738 <div
734 x-show="isSideMenuOpen" 739 x-show="isSideMenuOpen"
735 x-transition:enter="transition ease-in-out duration-150" 740 x-transition:enter="transition ease-in-out duration-150"
736 x-transition:enter-start="opacity-0" 741 x-transition:enter-start="opacity-0"
737 x-transition:enter-end="opacity-100" 742 x-transition:enter-end="opacity-100"
738 x-transition:leave="transition ease-in-out duration-150" 743 x-transition:leave="transition ease-in-out duration-150"
739 x-transition:leave-start="opacity-100" 744 x-transition:leave-start="opacity-100"
740 x-transition:leave-end="opacity-0" 745 x-transition:leave-end="opacity-0"
741 class="fixed inset-0 z-10 flex items-end bg-black bg-opacity-50 sm:items-center sm:justify-center" 746 class="fixed inset-0 z-10 flex items-end bg-black bg-opacity-50 sm:items-center sm:justify-center"
742 ></div> 747 ></div>
743 <aside 748 <aside
744 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" 749 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"
745 x-show="isSideMenuOpen" 750 x-show="isSideMenuOpen"
746 x-transition:enter="transition ease-in-out duration-150" 751 x-transition:enter="transition ease-in-out duration-150"
747 x-transition:enter-start="opacity-0 transform -translate-x-20" 752 x-transition:enter-start="opacity-0 transform -translate-x-20"
748 x-transition:enter-end="opacity-100" 753 x-transition:enter-end="opacity-100"
749 x-transition:leave="transition ease-in-out duration-150" 754 x-transition:leave="transition ease-in-out duration-150"
750 x-transition:leave-start="opacity-100" 755 x-transition:leave-start="opacity-100"
751 x-transition:leave-end="opacity-0 transform -translate-x-20" 756 x-transition:leave-end="opacity-0 transform -translate-x-20"
752 @click.away="closeSideMenu" 757 @click.away="closeSideMenu"
753 @keydown.escape="closeSideMenu" 758 @keydown.escape="closeSideMenu"
754 > 759 >
755 <div class="py-4 text-gray-500 dark:text-gray-400"> 760 <div class="py-4 text-gray-500 dark:text-gray-400">
756 <a 761 <a
757 class="ml-6 text-lg font-bold text-gray-800 dark:text-gray-200" 762 class="ml-6 text-lg font-bold text-gray-800 dark:text-gray-200"
758 href="{{ route('admin.index') }}" 763 href="{{ route('admin.index') }}"
759 > 764 >
760 Админка 765 Админка
761 </a> 766 </a>
762 <ul class="mt-6"> 767 <ul class="mt-6">
763 <li class="relative px-6 py-3"> 768 <li class="relative px-6 py-3">
764 <span 769 <span
765 class="absolute inset-y-0 left-0 w-1 bg-purple-600 rounded-tr-lg rounded-br-lg" 770 class="absolute inset-y-0 left-0 w-1 bg-purple-600 rounded-tr-lg rounded-br-lg"
766 aria-hidden="true" 771 aria-hidden="true"
767 ></span> 772 ></span>
768 <a 773 <a
769 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') }}" 774 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') }}"
770 > 775 >
771 <svg 776 <svg
772 class="w-5 h-5" 777 class="w-5 h-5"
773 aria-hidden="true" 778 aria-hidden="true"
774 fill="none" 779 fill="none"
775 stroke-linecap="round" 780 stroke-linecap="round"
776 stroke-linejoin="round" 781 stroke-linejoin="round"
777 stroke-width="2" 782 stroke-width="2"
778 viewBox="0 0 24 24" 783 viewBox="0 0 24 24"
779 stroke="currentColor" 784 stroke="currentColor"
780 > 785 >
781 <path 786 <path
782 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" 787 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"
783 ></path> 788 ></path>
784 </svg> 789 </svg>
785 <span class="ml-4">Главная страница</span> 790 <span class="ml-4">Главная страница</span>
786 </a> 791 </a>
787 </li> 792 </li>
788 </ul> 793 </ul>
789 <ul> 794 <ul>
790 @foreach ($contents as $cont) 795 @foreach ($contents as $cont)
791 @if ($cont->url_page == "admin/users") 796 @if ($cont->url_page == "admin/users")
792 @if ((($cont->is_admin == 1) && ($admin == 1)) || 797 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
793 (($cont->is_manager == 1) && ($is_manager == 1))) 798 (($cont->is_manager == 1) && ($is_manager == 1)))
794 <li class="relative px-6 py-3"> 799 <li class="relative px-6 py-3">
795 <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') }}"> 800 <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') }}">
796 <svg 801 <svg
797 class="w-5 h-5" 802 class="w-5 h-5"
798 aria-hidden="true" 803 aria-hidden="true"
799 fill="none" 804 fill="none"
800 stroke-linecap="round" 805 stroke-linecap="round"
801 stroke-linejoin="round" 806 stroke-linejoin="round"
802 stroke-width="2" 807 stroke-width="2"
803 viewBox="0 0 24 24" 808 viewBox="0 0 24 24"
804 stroke="currentColor" 809 stroke="currentColor"
805 > 810 >
806 <path 811 <path
807 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" 812 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"
808 ></path> 813 ></path>
809 </svg> 814 </svg>
810 <span class="ml-4">Пользователи</span> 815 <span class="ml-4">Пользователи</span>
811 </a> 816 </a>
812 </li> 817 </li>
813 @endif 818 @endif
814 @endif 819 @endif
815 820
816 @if ($cont->url_page == "admin/admin-users") 821 @if ($cont->url_page == "admin/admin-users")
817 @if ((($cont->is_admin == 1) && ($admin == 1)) || 822 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
818 (($cont->is_manager == 1) && ($is_manager == 1))) 823 (($cont->is_manager == 1) && ($is_manager == 1)))
819 <li class="relative px-6 py-3"> 824 <li class="relative px-6 py-3">
820 <a 825 <a
821 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') }}" 826 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') }}"
822 > 827 >
823 <svg 828 <svg
824 class="w-5 h-5" 829 class="w-5 h-5"
825 aria-hidden="true" 830 aria-hidden="true"
826 fill="none" 831 fill="none"
827 stroke-linecap="round" 832 stroke-linecap="round"
828 stroke-linejoin="round" 833 stroke-linejoin="round"
829 stroke-width="2" 834 stroke-width="2"
830 viewBox="0 0 24 24" 835 viewBox="0 0 24 24"
831 stroke="currentColor" 836 stroke="currentColor"
832 > 837 >
833 <path 838 <path
834 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" 839 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"
835 ></path> 840 ></path>
836 </svg> 841 </svg>
837 <span class="ml-4">Администраторы</span> 842 <span class="ml-4">Администраторы</span>
838 </a> 843 </a>
839 </li> 844 </li>
840 @endif 845 @endif
841 @endif 846 @endif
842 847
843 @if ($cont->url_page == "admin/employers") 848 @if ($cont->url_page == "admin/employers")
844 @if ((($cont->is_admin == 1) && ($admin == 1)) || 849 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
845 (($cont->is_manager == 1) && ($is_manager == 1))) 850 (($cont->is_manager == 1) && ($is_manager == 1)))
846 <li class="relative px-6 py-3"> 851 <li class="relative px-6 py-3">
847 <a 852 <a
848 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') }}" 853 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') }}"
849 > 854 >
850 <svg 855 <svg
851 class="w-5 h-5" 856 class="w-5 h-5"
852 aria-hidden="true" 857 aria-hidden="true"
853 fill="none" 858 fill="none"
854 stroke-linecap="round" 859 stroke-linecap="round"
855 stroke-linejoin="round" 860 stroke-linejoin="round"
856 stroke-width="2" 861 stroke-width="2"
857 viewBox="0 0 24 24" 862 viewBox="0 0 24 24"
858 stroke="currentColor" 863 stroke="currentColor"
859 > 864 >
860 <path 865 <path
861 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" 866 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"
862 ></path> 867 ></path>
863 </svg> 868 </svg>
864 <span class="ml-4">Работодатели</span> 869 <span class="ml-4">Работодатели</span>
865 </a> 870 </a>
866 </li> 871 </li>
867 @endif 872 @endif
868 @endif 873 @endif
869 874
870 @if ($cont->url_page == "admin/workers") 875 @if ($cont->url_page == "admin/workers")
871 @if ((($cont->is_admin == 1) && ($admin == 1)) || 876 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
872 (($cont->is_manager == 1) && ($is_manager == 1))) 877 (($cont->is_manager == 1) && ($is_manager == 1)))
873 <li class="relative px-6 py-3"> 878 <li class="relative px-6 py-3">
874 <a 879 <a
875 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') }}" 880 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') }}"
876 > 881 >
877 <svg 882 <svg
878 class="w-5 h-5" 883 class="w-5 h-5"
879 aria-hidden="true" 884 aria-hidden="true"
880 fill="none" 885 fill="none"
881 stroke-linecap="round" 886 stroke-linecap="round"
882 stroke-linejoin="round" 887 stroke-linejoin="round"
883 stroke-width="2" 888 stroke-width="2"
884 viewBox="0 0 24 24" 889 viewBox="0 0 24 24"
885 stroke="currentColor" 890 stroke="currentColor"
886 > 891 >
887 <path 892 <path
888 d="M11 3.055A9.001 9.001 0 1020.945 13H11V3.055z" 893 d="M11 3.055A9.001 9.001 0 1020.945 13H11V3.055z"
889 ></path> 894 ></path>
890 <path d="M20.488 9H15V3.512A9.025 9.025 0 0120.488 9z"></path> 895 <path d="M20.488 9H15V3.512A9.025 9.025 0 0120.488 9z"></path>
891 </svg> 896 </svg>
892 <span class="ml-4">Соискатели</span> 897 <span class="ml-4">Соискатели</span>
893 </a> 898 </a>
894 </li> 899 </li>
895 @endif 900 @endif
896 @endif 901 @endif
897 902
898 @if ($cont->url_page == "admin/ad-employers") 903 @if ($cont->url_page == "admin/ad-employers")
899 @if ((($cont->is_admin == 1) && ($admin == 1)) || 904 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
900 (($cont->is_manager == 1) && ($is_manager == 1))) 905 (($cont->is_manager == 1) && ($is_manager == 1)))
901 <li class="relative px-6 py-3"> 906 <li class="relative px-6 py-3">
902 <a 907 <a
903 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') }}" 908 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') }}"
904 > 909 >
905 <svg 910 <svg
906 class="w-5 h-5" 911 class="w-5 h-5"
907 aria-hidden="true" 912 aria-hidden="true"
908 fill="none" 913 fill="none"
909 stroke-linecap="round" 914 stroke-linecap="round"
910 stroke-linejoin="round" 915 stroke-linejoin="round"
911 stroke-width="2" 916 stroke-width="2"
912 viewBox="0 0 24 24" 917 viewBox="0 0 24 24"
913 stroke="currentColor" 918 stroke="currentColor"
914 > 919 >
915 <path 920 <path
916 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" 921 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"
917 ></path> 922 ></path>
918 </svg> 923 </svg>
919 <span class="ml-4">Вакансии</span> 924 <span class="ml-4">Вакансии</span>
920 </a> 925 </a>
921 </li> 926 </li>
922 @endif 927 @endif
923 @endif 928 @endif
924 929
925 @if ($cont->url_page == "admin/messages") 930 @if ($cont->url_page == "admin/messages")
926 @if ((($cont->is_admin == 1) && ($admin == 1)) || 931 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
927 (($cont->is_manager == 1) && ($is_manager == 1))) 932 (($cont->is_manager == 1) && ($is_manager == 1)))
928 <li class="relative px-6 py-3"> 933 <li class="relative px-6 py-3">
929 <a 934 <a
930 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') }}" 935 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') }}"
931 > 936 >
932 <svg 937 <svg
933 class="w-5 h-5" 938 class="w-5 h-5"
934 aria-hidden="true" 939 aria-hidden="true"
935 fill="none" 940 fill="none"
936 stroke-linecap="round" 941 stroke-linecap="round"
937 stroke-linejoin="round" 942 stroke-linejoin="round"
938 stroke-width="2" 943 stroke-width="2"
939 viewBox="0 0 24 24" 944 viewBox="0 0 24 24"
940 stroke="currentColor" 945 stroke="currentColor"
941 > 946 >
942 <path d="M4 6h16M4 10h16M4 14h16M4 18h16"></path> 947 <path d="M4 6h16M4 10h16M4 14h16M4 18h16"></path>
943 </svg> 948 </svg>
944 <span class="ml-4">Сообщения все</span> 949 <span class="ml-4">Сообщения все</span>
945 </a> 950 </a>
946 </li> 951 </li>
947 @endif 952 @endif
948 @endif 953 @endif
949 954
950 @if ($cont->url_page == "admin/admin-messages") 955 @if ($cont->url_page == "admin/admin-messages")
951 @if ((($cont->is_admin == 1) && ($admin == 1)) || 956 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
952 (($cont->is_manager == 1) && ($is_manager == 1))) 957 (($cont->is_manager == 1) && ($is_manager == 1)))
953 <li class="relative px-6 py-3"> 958 <li class="relative px-6 py-3">
954 <a 959 <a
955 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') }}" 960 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') }}"
956 > 961 >
957 <svg 962 <svg
958 class="w-5 h-5" 963 class="w-5 h-5"
959 aria-hidden="true" 964 aria-hidden="true"
960 fill="none" 965 fill="none"
961 stroke-linecap="round" 966 stroke-linecap="round"
962 stroke-linejoin="round" 967 stroke-linejoin="round"
963 stroke-width="2" 968 stroke-width="2"
964 viewBox="0 0 24 24" 969 viewBox="0 0 24 24"
965 stroke="currentColor" 970 stroke="currentColor"
966 > 971 >
967 <path d="M4 6h16M4 10h16M4 14h16M4 18h16"></path> 972 <path d="M4 6h16M4 10h16M4 14h16M4 18h16"></path>
968 </svg> 973 </svg>
969 <span class="ml-4">Заявки на рассылку</span> 974 <span class="ml-4">Заявки на рассылку</span>
970 </a> 975 </a>
971 </li> 976 </li>
972 @endif 977 @endif
973 @endif 978 @endif
974 979
975 @if ($cont->url_page == "admin/groups") 980 @if ($cont->url_page == "admin/groups")
976 @if ((($cont->is_admin == 1) && ($admin == 1)) || 981 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
977 (($cont->is_manager == 1) && ($is_manager == 1))) 982 (($cont->is_manager == 1) && ($is_manager == 1)))
978 <li class="relative px-6 py-3"> 983 <li class="relative px-6 py-3">
979 <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') }}"> 984 <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') }}">
980 <svg 985 <svg
981 class="w-5 h-5" 986 class="w-5 h-5"
982 aria-hidden="true" 987 aria-hidden="true"
983 fill="none" 988 fill="none"
984 stroke-linecap="round" 989 stroke-linecap="round"
985 stroke-linejoin="round" 990 stroke-linejoin="round"
986 stroke-width="2" 991 stroke-width="2"
987 viewBox="0 0 24 24" 992 viewBox="0 0 24 24"
988 stroke="currentColor" 993 stroke="currentColor"
989 > 994 >
990 <path 995 <path
991 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" 996 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"
992 ></path> 997 ></path>
993 </svg> 998 </svg>
994 <span class="ml-4">Группы пользователей</span> 999 <span class="ml-4">Группы пользователей</span>
995 </a> 1000 </a>
996 </li> 1001 </li>
997 @endif 1002 @endif
998 @endif 1003 @endif
999 1004
1000 @if ($cont->url_page == "admin/media") 1005 @if ($cont->url_page == "admin/media")
1001 @if ((($cont->is_admin == 1) && ($admin == 1)) || 1006 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
1002 (($cont->is_manager == 1) && ($is_manager == 1))) 1007 (($cont->is_manager == 1) && ($is_manager == 1)))
1003 <li class="relative px-6 py-3"> 1008 <li class="relative px-6 py-3">
1004 <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') }}"> 1009 <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') }}">
1005 <svg 1010 <svg
1006 class="w-5 h-5" 1011 class="w-5 h-5"
1007 aria-hidden="true" 1012 aria-hidden="true"
1008 fill="none" 1013 fill="none"
1009 stroke-linecap="round" 1014 stroke-linecap="round"
1010 stroke-linejoin="round" 1015 stroke-linejoin="round"
1011 stroke-width="2" 1016 stroke-width="2"
1012 viewBox="0 0 24 24" 1017 viewBox="0 0 24 24"
1013 stroke="currentColor" 1018 stroke="currentColor"
1014 > 1019 >
1015 <path 1020 <path
1016 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" 1021 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"
1017 ></path> 1022 ></path>
1018 </svg> 1023 </svg>
1019 <span class="ml-4">Медиа</span> 1024 <span class="ml-4">Медиа</span>
1020 </a> 1025 </a>
1021 </li> 1026 </li>
1022 @endif 1027 @endif
1023 @endif 1028 @endif
1024 1029
1025 @if ($cont->url_page == "admin/roles") 1030 @if ($cont->url_page == "admin/roles")
1026 @if ((($cont->is_admin == 1) && ($admin == 1)) || 1031 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
1027 (($cont->is_manager == 1) && ($is_manager == 1))) 1032 (($cont->is_manager == 1) && ($is_manager == 1)))
1028 1033
1029 <li class="relative px-6 py-3"> 1034 <li class="relative px-6 py-3">
1030 <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') }}"> 1035 <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') }}">
1031 <svg 1036 <svg
1032 class="w-5 h-5" 1037 class="w-5 h-5"
1033 aria-hidden="true" 1038 aria-hidden="true"
1034 fill="none" 1039 fill="none"
1035 stroke-linecap="round" 1040 stroke-linecap="round"
1036 stroke-linejoin="round" 1041 stroke-linejoin="round"
1037 stroke-width="2" 1042 stroke-width="2"
1038 viewBox="0 0 24 24" 1043 viewBox="0 0 24 24"
1039 stroke="currentColor" 1044 stroke="currentColor"
1040 > 1045 >
1041 <path 1046 <path
1042 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" 1047 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"
1043 ></path> 1048 ></path>
1044 </svg> 1049 </svg>
1045 <span class="ml-4">Роли пользователей</span> 1050 <span class="ml-4">Роли пользователей</span>
1046 </a> 1051 </a>
1047 </li> 1052 </li>
1048 @endif 1053 @endif
1049 @endif 1054 @endif
1050 1055
1051 @if ($cont->url_page == "admin/basedata") 1056 @if ($cont->url_page == "admin/basedata")
1052 @if ((($cont->is_admin == 1) && ($admin == 1)) || 1057 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
1053 (($cont->is_manager == 1) && ($is_manager == 1))) 1058 (($cont->is_manager == 1) && ($is_manager == 1)))
1054 <li class="relative px-6 py-3"> 1059 <li class="relative px-6 py-3">
1055 <a 1060 <a
1056 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') }}" 1061 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') }}"
1057 > 1062 >
1058 <svg 1063 <svg
1059 class="w-5 h-5" 1064 class="w-5 h-5"
1060 aria-hidden="true" 1065 aria-hidden="true"
1061 fill="none" 1066 fill="none"
1062 stroke-linecap="round" 1067 stroke-linecap="round"
1063 stroke-linejoin="round" 1068 stroke-linejoin="round"
1064 stroke-width="2" 1069 stroke-width="2"
1065 viewBox="0 0 24 24" 1070 viewBox="0 0 24 24"
1066 stroke="currentColor" 1071 stroke="currentColor"
1067 > 1072 >
1068 <path d="M4 6h16M4 10h16M4 14h16M4 18h16"></path> 1073 <path d="M4 6h16M4 10h16M4 14h16M4 18h16"></path>
1069 </svg> 1074 </svg>
1070 <span class="ml-4">Базы данных</span> 1075 <span class="ml-4">Базы данных</span>
1071 </a> 1076 </a>
1072 </li> 1077 </li>
1073 @endif 1078 @endif
1074 @endif 1079 @endif
1075 1080
1076 @if ($cont->url_page == "admin/education") 1081 @if ($cont->url_page == "admin/education")
1077 @if ((($cont->is_admin == 1) && ($admin == 1)) || 1082 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
1078 (($cont->is_manager == 1) && ($is_manager == 1))) 1083 (($cont->is_manager == 1) && ($is_manager == 1)))
1079 <li class="relative px-6 py-3"> 1084 <li class="relative px-6 py-3">
1080 <a 1085 <a
1081 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') }}" 1086 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') }}"
1082 > 1087 >
1083 <svg 1088 <svg
1084 class="w-5 h-5" 1089 class="w-5 h-5"
1085 aria-hidden="true" 1090 aria-hidden="true"
1086 fill="none" 1091 fill="none"
1087 stroke-linecap="round" 1092 stroke-linecap="round"
1088 stroke-linejoin="round" 1093 stroke-linejoin="round"
1089 stroke-width="2" 1094 stroke-width="2"
1090 viewBox="0 0 24 24" 1095 viewBox="0 0 24 24"
1091 stroke="currentColor" 1096 stroke="currentColor"
1092 > 1097 >
1093 <path 1098 <path
1094 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" 1099 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"
1095 ></path> 1100 ></path>
1096 </svg> 1101 </svg>
1097 <span class="ml-4">Учебн.заведения</span> 1102 <span class="ml-4">Учебн.заведения</span>
1098 </a> 1103 </a>
1099 </li> 1104 </li>
1100 @endif 1105 @endif
1101 @endif 1106 @endif
1102 1107
1103 @if ($cont->url_page == "admin/statics") 1108 @if ($cont->url_page == "admin/statics")
1104 @if ((($cont->is_admin == 1) && ($admin == 1)) || 1109 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
1105 (($cont->is_manager == 1) && ($is_manager == 1))) 1110 (($cont->is_manager == 1) && ($is_manager == 1)))
1106 <li class="relative px-6 py-3"> 1111 <li class="relative px-6 py-3">
1107 <a 1112 <a
1108 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') }}" 1113 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') }}"
1109 > 1114 >
1110 <svg 1115 <svg
1111 class="w-5 h-5" 1116 class="w-5 h-5"
1112 aria-hidden="true" 1117 aria-hidden="true"
1113 fill="none" 1118 fill="none"
1114 stroke-linecap="round" 1119 stroke-linecap="round"
1115 stroke-linejoin="round" 1120 stroke-linejoin="round"
1116 stroke-width="2" 1121 stroke-width="2"
1117 viewBox="0 0 24 24" 1122 viewBox="0 0 24 24"
1118 stroke="currentColor" 1123 stroke="currentColor"
1119 > 1124 >
1120 <path 1125 <path
1121 d="M11 3.055A9.001 9.001 0 1020.945 13H11V3.055z" 1126 d="M11 3.055A9.001 9.001 0 1020.945 13H11V3.055z"
1122 ></path> 1127 ></path>
1123 <path d="M20.488 9H15V3.512A9.025 9.025 0 0120.488 9z"></path> 1128 <path d="M20.488 9H15V3.512A9.025 9.025 0 0120.488 9z"></path>
1124 </svg> 1129 </svg>
1125 <span class="ml-4">Статистика</span> 1130 <span class="ml-4">Статистика</span>
1126 </a> 1131 </a>
1127 </li> 1132 </li>
1128 @endif 1133 @endif
1129 @endif 1134 @endif
1130 1135
1131 @if ($cont->url_page == "admin/messages") 1136 @if ($cont->url_page == "admin/messages")
1132 @if ((($cont->is_admin == 1) && ($admin == 1)) || 1137 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
1133 (($cont->is_manager == 1) && ($is_manager == 1))) 1138 (($cont->is_manager == 1) && ($is_manager == 1)))
1134 <li class="relative px-6 py-3"> 1139 <li class="relative px-6 py-3">
1135 <a 1140 <a
1136 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') }}" 1141 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') }}"
1137 > 1142 >
1138 <svg 1143 <svg
1139 class="w-5 h-5" 1144 class="w-5 h-5"
1140 aria-hidden="true" 1145 aria-hidden="true"
1141 fill="none" 1146 fill="none"
1142 stroke-linecap="round" 1147 stroke-linecap="round"
1143 stroke-linejoin="round" 1148 stroke-linejoin="round"
1144 stroke-width="2" 1149 stroke-width="2"
1145 viewBox="0 0 24 24" 1150 viewBox="0 0 24 24"
1146 stroke="currentColor" 1151 stroke="currentColor"
1147 > 1152 >
1148 <path d="M4 6h16M4 10h16M4 14h16M4 18h16"></path> 1153 <path d="M4 6h16M4 10h16M4 14h16M4 18h16"></path>
1149 </svg> 1154 </svg>
1150 <span class="ml-4">Сообщения все</span> 1155 <span class="ml-4">Сообщения все</span>
1151 </a> 1156 </a>
1152 </li> 1157 </li>
1153 @endif 1158 @endif
1154 @endif 1159 @endif
1155 1160
1156 @if ($cont->url_page == "admin/reclames") 1161 @if ($cont->url_page == "admin/reclames")
1157 @if ((($cont->is_admin == 1) && ($admin == 1)) || 1162 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
1158 (($cont->is_manager == 1) && ($is_manager == 1))) 1163 (($cont->is_manager == 1) && ($is_manager == 1)))
1159 <li class="relative px-6 py-3"> 1164 <li class="relative px-6 py-3">
1160 <a 1165 <a
1161 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') }}" 1166 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') }}"
1162 > 1167 >
1163 <svg 1168 <svg
1164 class="w-5 h-5" 1169 class="w-5 h-5"
1165 aria-hidden="true" 1170 aria-hidden="true"
1166 fill="none" 1171 fill="none"
1167 stroke-linecap="round" 1172 stroke-linecap="round"
1168 stroke-linejoin="round" 1173 stroke-linejoin="round"
1169 stroke-width="2" 1174 stroke-width="2"
1170 viewBox="0 0 24 24" 1175 viewBox="0 0 24 24"
1171 stroke="currentColor" 1176 stroke="currentColor"
1172 > 1177 >
1173 <path 1178 <path
1174 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" 1179 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"
1175 ></path> 1180 ></path>
1176 </svg> 1181 </svg>
1177 <span class="ml-4">Реклама</span> 1182 <span class="ml-4">Реклама</span>
1178 </a> 1183 </a>
1179 </li> 1184 </li>
1180 @endif 1185 @endif
1181 @endif 1186 @endif
1182 @endforeach 1187 @endforeach
1183 1188
1184 <!-- Справочники --> 1189 <!-- Справочники -->
1185 <li class="relative px-6 py-3" x-data="{ open2: false }"> 1190 <li class="relative px-6 py-3" x-data="{ open2: false }">
1186 <button 1191 <button
1187 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" 1192 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"
1188 @click="open2=!open2" 1193 @click="open2=!open2"
1189 aria-haspopup="true"> 1194 aria-haspopup="true">
1190 <span class="inline-flex items-center"> 1195 <span class="inline-flex items-center">
1191 <svg 1196 <svg
1192 class="w-5 h-5" 1197 class="w-5 h-5"
1193 aria-hidden="true" 1198 aria-hidden="true"
1194 fill="none" 1199 fill="none"
1195 stroke-linecap="round" 1200 stroke-linecap="round"
1196 stroke-linejoin="round" 1201 stroke-linejoin="round"
1197 stroke-width="2" 1202 stroke-width="2"
1198 viewBox="0 0 24 24" 1203 viewBox="0 0 24 24"
1199 stroke="currentColor"> 1204 stroke="currentColor">
1200 <path 1205 <path
1201 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" 1206 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"
1202 ></path> 1207 ></path>
1203 </svg> 1208 </svg>
1204 <span class="ml-4">Справочники</span> 1209 <span class="ml-4">Справочники</span>
1205 </span> 1210 </span>
1206 <svg 1211 <svg
1207 class="w-4 h-4" 1212 class="w-4 h-4"
1208 aria-hidden="true" 1213 aria-hidden="true"
1209 fill="currentColor" 1214 fill="currentColor"
1210 viewBox="0 0 20 20" 1215 viewBox="0 0 20 20"
1211 > 1216 >
1212 <path 1217 <path
1213 fill-rule="evenodd" 1218 fill-rule="evenodd"
1214 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" 1219 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"
1215 clip-rule="evenodd" 1220 clip-rule="evenodd"
1216 ></path> 1221 ></path>
1217 </svg> 1222 </svg>
1218 </button> 1223 </button>
1219 <template x-if="open2"> 1224 <template x-if="open2">
1220 <ul 1225 <ul
1221 x-transition:enter="transition-all ease-in-out duration-300" 1226 x-transition:enter="transition-all ease-in-out duration-300"
1222 x-transition:enter-start="opacity-25 max-h-0" 1227 x-transition:enter-start="opacity-25 max-h-0"
1223 x-transition:enter-end="opacity-100 max-h-xl" 1228 x-transition:enter-end="opacity-100 max-h-xl"
1224 x-transition:leave="transition-all ease-in-out duration-300" 1229 x-transition:leave="transition-all ease-in-out duration-300"
1225 x-transition:leave-start="opacity-100 max-h-xl" 1230 x-transition:leave-start="opacity-100 max-h-xl"
1226 x-transition:leave-end="opacity-0 max-h-0" 1231 x-transition:leave-end="opacity-0 max-h-0"
1227 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" 1232 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"
1228 aria-label="submenu" 1233 aria-label="submenu"
1229 > 1234 >
1230 @foreach ($contents as $cont) 1235 @foreach ($contents as $cont)
1231 @if ($cont->url_page == "admin/job-titles") 1236 @if ($cont->url_page == "admin/job-titles")
1232 @if ((($cont->is_admin == 1) && ($admin == 1)) || 1237 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
1233 (($cont->is_manager == 1) && ($is_manager == 1))) 1238 (($cont->is_manager == 1) && ($is_manager == 1)))
1234 <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 }}"> 1239 <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 }}">
1235 <a class="w-full" href="{{ route('admin.job-titles.index') }}">Должности</a> 1240 <a class="w-full" href="{{ route('admin.job-titles.index') }}">Должности</a>
1236 </li> 1241 </li>
1237 @endif 1242 @endif
1238 @endif 1243 @endif
1239 1244
1240 @if ($cont->url_page == "admin/categories") 1245 @if ($cont->url_page == "admin/categories")
1241 @if ((($cont->is_admin == 1) && ($admin == 1)) || 1246 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
1242 (($cont->is_manager == 1) && ($is_manager == 1))) 1247 (($cont->is_manager == 1) && ($is_manager == 1)))
1243 <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 }}"> 1248 <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 }}">
1244 <a class="w-full" href="{{ route('admin.categories.index') }}">Категории вакансий</a> 1249 <a class="w-full" href="{{ route('admin.categories.index') }}">Категории вакансий</a>
1245 </li> 1250 </li>
1246 @endif 1251 @endif
1247 @endif 1252 @endif
1248 1253
1249 @if ($cont->url_page == "admin/category-emp") 1254 @if ($cont->url_page == "admin/category-emp")
1250 @if ((($cont->is_admin == 1) && ($admin == 1)) || 1255 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
1251 (($cont->is_manager == 1) && ($is_manager == 1))) 1256 (($cont->is_manager == 1) && ($is_manager == 1)))
1252 <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 }}"> 1257 <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 }}">
1253 <a class="w-full" href="{{ route('admin.category-emp.index') }}">Категории работодателей</a> 1258 <a class="w-full" href="{{ route('admin.category-emp.index') }}">Категории работодателей</a>
1254 </li> 1259 </li>
1255 @endif 1260 @endif
1256 @endif 1261 @endif
1257 1262
1258 @if ($cont->url_page == "admin/infobloks") 1263 @if ($cont->url_page == "admin/infobloks")
1259 @if ((($cont->is_admin == 1) && ($admin == 1)) || 1264 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
1260 (($cont->is_manager == 1) && ($is_manager == 1))) 1265 (($cont->is_manager == 1) && ($is_manager == 1)))
1261 <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 }}"> 1266 <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 }}">
1262 <a class="w-full" href="{{ route('admin.infobloks.index') }}">Блоки-Дипломы</a> 1267 <a class="w-full" href="{{ route('admin.infobloks.index') }}">Блоки-Дипломы</a>
1263 </li> 1268 </li>
1264 @endif 1269 @endif
1265 @endif 1270 @endif
1266 1271
1267 @if ($cont->url_page == "admin/position") 1272 @if ($cont->url_page == "admin/position")
1268 @if ((($cont->is_admin == 1) && ($admin == 1)) || 1273 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
1269 (($cont->is_manager == 1) && ($is_manager == 1))) 1274 (($cont->is_manager == 1) && ($is_manager == 1)))
1270 <!--<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 }}"> 1275 <!--<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 }}">
1271 <a class="w-full" href=" route('admin.position') }}">Позиция</a> 1276 <a class="w-full" href=" route('admin.position') }}">Позиция</a>
1272 </li>--> 1277 </li>-->
1273 @endif 1278 @endif
1274 @endif 1279 @endif
1275 1280
1276 @endforeach 1281 @endforeach
1277 </ul> 1282 </ul>
1278 </template> 1283 </template>
1279 </li> 1284 </li>
1280 1285
1281 <!-- Редактор --> 1286 <!-- Редактор -->
1282 <li class="relative px-6 py-3"> 1287 <li class="relative px-6 py-3">
1283 <button 1288 <button
1284 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" 1289 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"
1285 @click="togglePagesMenu" 1290 @click="togglePagesMenu"
1286 aria-haspopup="true" 1291 aria-haspopup="true"
1287 > 1292 >
1288 <span class="inline-flex items-center"> 1293 <span class="inline-flex items-center">
1289 <svg 1294 <svg
1290 class="w-5 h-5" 1295 class="w-5 h-5"
1291 aria-hidden="true" 1296 aria-hidden="true"
1292 fill="none" 1297 fill="none"
1293 stroke-linecap="round" 1298 stroke-linecap="round"
1294 stroke-linejoin="round" 1299 stroke-linejoin="round"
1295 stroke-width="2" 1300 stroke-width="2"
1296 viewBox="0 0 24 24" 1301 viewBox="0 0 24 24"
1297 stroke="currentColor" 1302 stroke="currentColor"
1298 > 1303 >
1299 <path 1304 <path
1300 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" 1305 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"
1301 ></path> 1306 ></path>
1302 </svg> 1307 </svg>
1303 <span class="ml-4">Редактор</span> 1308 <span class="ml-4">Редактор</span>
1304 </span> 1309 </span>
1305 <svg 1310 <svg
1306 class="w-4 h-4" 1311 class="w-4 h-4"
1307 aria-hidden="true" 1312 aria-hidden="true"
1308 fill="currentColor" 1313 fill="currentColor"
1309 viewBox="0 0 20 20" 1314 viewBox="0 0 20 20"
1310 > 1315 >
1311 <path 1316 <path
1312 fill-rule="evenodd" 1317 fill-rule="evenodd"
1313 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" 1318 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"
1314 clip-rule="evenodd" 1319 clip-rule="evenodd"
1315 ></path> 1320 ></path>
1316 </svg> 1321 </svg>
1317 </button> 1322 </button>
1318 <template x-if="isPagesMenuOpen"> 1323 <template x-if="isPagesMenuOpen">
1319 <ul 1324 <ul
1320 x-transition:enter="transition-all ease-in-out duration-300" 1325 x-transition:enter="transition-all ease-in-out duration-300"
1321 x-transition:enter-start="opacity-25 max-h-0" 1326 x-transition:enter-start="opacity-25 max-h-0"
1322 x-transition:enter-end="opacity-100 max-h-xl" 1327 x-transition:enter-end="opacity-100 max-h-xl"
1323 x-transition:leave="transition-all ease-in-out duration-300" 1328 x-transition:leave="transition-all ease-in-out duration-300"
1324 x-transition:leave-start="opacity-100 max-h-xl" 1329 x-transition:leave-start="opacity-100 max-h-xl"
1325 x-transition:leave-end="opacity-0 max-h-0" 1330 x-transition:leave-end="opacity-0 max-h-0"
1326 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" 1331 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"
1327 aria-label="submenu" 1332 aria-label="submenu"
1328 > 1333 >
1329 @foreach ($contents as $cont) 1334 @foreach ($contents as $cont)
1330 @if ($cont->url_page == "admin/editor-site") 1335 @if ($cont->url_page == "admin/editor-site")
1331 @if ((($cont->is_admin == 1) && ($admin == 1)) || 1336 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
1332 (($cont->is_manager == 1) && ($is_manager == 1))) 1337 (($cont->is_manager == 1) && ($is_manager == 1)))
1333 <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 }}"> 1338 <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 }}">
1334 <a class="w-full" href="{{ route('admin.editor-site') }}">Редактор сайта</a> 1339 <a class="w-full" href="{{ route('admin.editor-site') }}">Редактор сайта</a>
1335 </li> 1340 </li>
1336 @endif 1341 @endif
1337 @endif 1342 @endif
1338 1343
1339 @if ($cont->url_page == "admin/edit-blocks") 1344 @if ($cont->url_page == "admin/edit-blocks")
1340 @if ((($cont->is_admin == 1) && ($admin == 1)) || 1345 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
1341 (($cont->is_manager == 1) && ($is_manager == 1))) 1346 (($cont->is_manager == 1) && ($is_manager == 1)))
1342 <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 }}"> 1347 <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 }}">
1343 <a class="w-full" href="{{ route('admin.edit-blocks') }}">Шапка-футер сайта</a> 1348 <a class="w-full" href="{{ route('admin.edit-blocks') }}">Шапка-футер сайта</a>
1344 </li> 1349 </li>
1345 @endif 1350 @endif
1346 @endif 1351 @endif
1347 1352
1348 @if ($cont->url_page == "admin/editor-seo") 1353 @if ($cont->url_page == "admin/editor-seo")
1349 @if ((($cont->is_admin == 1) && ($admin == 1)) || 1354 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
1350 (($cont->is_manager == 1) && ($is_manager == 1))) 1355 (($cont->is_manager == 1) && ($is_manager == 1)))
1351 <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 }}"> 1356 <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 }}">
1352 <a class="w-full" href="{{ route('admin.editor-seo') }}">SEO сайта</a> 1357 <a class="w-full" href="{{ route('admin.editor-seo') }}">SEO сайта</a>
1353 </li> 1358 </li>
1354 @endif 1359 @endif
1355 @endif 1360 @endif
1356 1361
1357 @if ($cont->url_page == "admin/editor-pages") 1362 @if ($cont->url_page == "admin/editor-pages")
1358 @if ((($cont->is_admin == 1) && ($admin == 1)) || 1363 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
1359 (($cont->is_manager == 1) && ($is_manager == 1))) 1364 (($cont->is_manager == 1) && ($is_manager == 1)))
1360 <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 }}"> 1365 <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 }}">
1361 <a class="w-full" href="{{ route('admin.editor-pages') }}">Редактор страниц</a> 1366 <a class="w-full" href="{{ route('admin.editor-pages') }}">Редактор страниц</a>
1362 </li> 1367 </li>
1363 @endif 1368 @endif
1364 @endif 1369 @endif
1365 1370
1366 @if ($cont->url_page == "admin/job-titles-main") 1371 @if ($cont->url_page == "admin/job-titles-main")
1367 @if ((($cont->is_admin == 1) && ($admin == 1)) || 1372 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
1368 (($cont->is_manager == 1) && ($is_manager == 1))) 1373 (($cont->is_manager == 1) && ($is_manager == 1)))
1369 <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 }}"> 1374 <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 }}">
1370 <a class="w-full" href="{{ route('admin.job-titles-main') }}">Должности на главной</a> 1375 <a class="w-full" href="{{ route('admin.job-titles-main') }}">Должности на главной</a>
1371 </li> 1376 </li>
1372 @endif 1377 @endif
1373 @endif 1378 @endif
1374 1379
1375 @if ($cont->url_page == "admin/employers-main") 1380 @if ($cont->url_page == "admin/employers-main")
1376 @if ((($cont->is_admin == 1) && ($admin == 1)) || 1381 @if ((($cont->is_admin == 1) && ($admin == 1)) ||
1377 (($cont->is_manager == 1) && ($is_manager == 1))) 1382 (($cont->is_manager == 1) && ($is_manager == 1)))
1378 <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 }}"> 1383 <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 }}">
1379 <a class="w-full" href="{{ route('admin.employers-main') }}">Работодатели на главной</a> 1384 <a class="w-full" href="{{ route('admin.employers-main') }}">Работодатели на главной</a>
1380 </li> 1385 </li>
1381 @endif 1386 @endif
1382 @endif 1387 @endif
1383 1388
1384 @endforeach 1389 @endforeach
1385 </ul> 1390 </ul>
1386 </template> 1391 </template>
1387 </li> 1392 </li>
1388 </ul> 1393 </ul>
1389 <!--<div class="px-6 my-6"> 1394 <!--<div class="px-6 my-6">
1390 <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"> 1395 <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">
1391 Create account 1396 Create account
1392 <span class="ml-2" aria-hidden="true">+</span> 1397 <span class="ml-2" aria-hidden="true">+</span>
1393 </button> 1398 </button>
1394 </div>--> 1399 </div>-->
1395 </div> 1400 </div>
1396 </aside> 1401 </aside>
1397 <div class="flex flex-col flex-1 w-full"> 1402 <div class="flex flex-col flex-1 w-full">
1398 <header class="z-10 py-4 bg-white shadow-md dark:bg-gray-800"> 1403 <header class="z-10 py-4 bg-white shadow-md dark:bg-gray-800">
1399 <div 1404 <div
1400 class="container flex items-center justify-between h-full px-6 mx-auto text-purple-600 dark:text-purple-300" 1405 class="container flex items-center justify-between h-full px-6 mx-auto text-purple-600 dark:text-purple-300"
1401 > 1406 >
1402 <!-- Mobile hamburger --> 1407 <!-- Mobile hamburger -->
1403 <button 1408 <button
1404 class="p-1 mr-5 -ml-1 rounded-md md:hidden focus:outline-none focus:shadow-outline-purple" 1409 class="p-1 mr-5 -ml-1 rounded-md md:hidden focus:outline-none focus:shadow-outline-purple"
1405 @click="toggleSideMenu" 1410 @click="toggleSideMenu"
1406 aria-label="Menu" 1411 aria-label="Menu"
1407 > 1412 >
1408 <svg 1413 <svg
1409 class="w-6 h-6" 1414 class="w-6 h-6"
1410 aria-hidden="true" 1415 aria-hidden="true"
1411 fill="currentColor" 1416 fill="currentColor"
1412 viewBox="0 0 20 20" 1417 viewBox="0 0 20 20"
1413 > 1418 >
1414 <path 1419 <path
1415 fill-rule="evenodd" 1420 fill-rule="evenodd"
1416 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" 1421 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"
1417 clip-rule="evenodd" 1422 clip-rule="evenodd"
1418 ></path> 1423 ></path>
1419 </svg> 1424 </svg>
1420 </button> 1425 </button>
1421 <!-- Search input --> 1426 <!-- Search input -->
1422 <div class="flex justify-center flex-1 lg:mr-32"> 1427 <div class="flex justify-center flex-1 lg:mr-32">
1423 <div 1428 <div
1424 class="relative w-full max-w-xl mr-6 focus-within:text-purple-500" 1429 class="relative w-full max-w-xl mr-6 focus-within:text-purple-500"
1425 > 1430 >
1426 1431
1427 @yield('search') 1432 @yield('search')
1428 </div> 1433 </div>
1429 </div> 1434 </div>
1430 <ul class="flex items-center flex-shrink-0 space-x-6"> 1435 <ul class="flex items-center flex-shrink-0 space-x-6">
1431 <!-- Theme toggler --> 1436 <!-- Theme toggler -->
1432 <li class="flex"> 1437 <li class="flex">
1433 <button 1438 <button
1434 class="rounded-md focus:outline-none focus:shadow-outline-purple" 1439 class="rounded-md focus:outline-none focus:shadow-outline-purple"
1435 @click="toggleTheme" 1440 @click="toggleTheme"
1436 aria-label="Toggle color mode" 1441 aria-label="Toggle color mode"
1437 > 1442 >
1438 <template x-if="!dark"> 1443 <template x-if="!dark">
1439 <svg 1444 <svg
1440 class="w-5 h-5" 1445 class="w-5 h-5"
1441 aria-hidden="true" 1446 aria-hidden="true"
1442 fill="currentColor" 1447 fill="currentColor"
1443 viewBox="0 0 20 20" 1448 viewBox="0 0 20 20"
1444 > 1449 >
1445 <path 1450 <path
1446 d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z" 1451 d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z"
1447 ></path> 1452 ></path>
1448 </svg> 1453 </svg>
1449 </template> 1454 </template>
1450 <template x-if="dark"> 1455 <template x-if="dark">
1451 <svg 1456 <svg
1452 class="w-5 h-5" 1457 class="w-5 h-5"
1453 aria-hidden="true" 1458 aria-hidden="true"
1454 fill="currentColor" 1459 fill="currentColor"
1455 viewBox="0 0 20 20" 1460 viewBox="0 0 20 20"
1456 > 1461 >
1457 <path 1462 <path
1458 fill-rule="evenodd" 1463 fill-rule="evenodd"
1459 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" 1464 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"
1460 clip-rule="evenodd" 1465 clip-rule="evenodd"
1461 ></path> 1466 ></path>
1462 </svg> 1467 </svg>
1463 </template> 1468 </template>
1464 </button> 1469 </button>
1465 </li> 1470 </li>
1466 <!-- Notifications menu --> 1471 <!-- Notifications menu -->
1467 <li class="relative"> 1472 <li class="relative">
1468 <button 1473 <button
1469 class="relative align-middle rounded-md focus:outline-none focus:shadow-outline-purple" 1474 class="relative align-middle rounded-md focus:outline-none focus:shadow-outline-purple"
1470 @click="toggleNotificationsMenu" 1475 @click="toggleNotificationsMenu"
1471 @keydown.escape="closeNotificationsMenu" 1476 @keydown.escape="closeNotificationsMenu"
1472 aria-label="Notifications" 1477 aria-label="Notifications"
1473 aria-haspopup="true" 1478 aria-haspopup="true"
1474 > 1479 >
1475 <svg 1480 <svg
1476 class="w-5 h-5" 1481 class="w-5 h-5"
1477 aria-hidden="true" 1482 aria-hidden="true"
1478 fill="currentColor" 1483 fill="currentColor"
1479 viewBox="0 0 20 20" 1484 viewBox="0 0 20 20"
1480 > 1485 >
1481 <path 1486 <path
1482 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" 1487 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"
1483 ></path> 1488 ></path>
1484 </svg> 1489 </svg>
1485 <!-- Notification badge --> 1490 <!-- Notification badge -->
1486 <span 1491 <span
1487 aria-hidden="true" 1492 aria-hidden="true"
1488 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" 1493 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"
1489 ></span> 1494 ></span>
1490 </button> 1495 </button>
1491 <template x-if="isNotificationsMenuOpen"> 1496 <template x-if="isNotificationsMenuOpen">
1492 <ul 1497 <ul
1493 x-transition:leave="transition ease-in duration-150" 1498 x-transition:leave="transition ease-in duration-150"
1494 x-transition:leave-start="opacity-100" 1499 x-transition:leave-start="opacity-100"
1495 x-transition:leave-end="opacity-0" 1500 x-transition:leave-end="opacity-0"
1496 @click.away="closeNotificationsMenu" 1501 @click.away="closeNotificationsMenu"
1497 @keydown.escape="closeNotificationsMenu" 1502 @keydown.escape="closeNotificationsMenu"
1498 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" 1503 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"
1499 > 1504 >
1500 <li class="flex"> 1505 <li class="flex">
1501 <a 1506 <a
1502 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" 1507 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"
1503 href="{{ route('admin.admin-messages') }}" 1508 href="{{ route('admin.admin-messages') }}"
1504 > 1509 >
1505 <span>Сообщения</span> 1510 <span>Сообщения</span>
1506 @if($MsgCount > 0) 1511 @if($MsgCount > 0)
1507 <span 1512 <span
1508 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" 1513 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"
1509 > 1514 >
1510 1515
1511 {{ $MsgCount }} 1516 {{ $MsgCount }}
1512 </span> 1517 </span>
1513 @endif 1518 @endif
1514 </a> 1519 </a>
1515 </li> 1520 </li>
1516 <!--<li class="flex"> 1521 <!--<li class="flex">
1517 <a 1522 <a
1518 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" 1523 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"
1519 href="#" 1524 href="#"
1520 > 1525 >
1521 <span>Логи</span> 1526 <span>Логи</span>
1522 </a> 1527 </a>
1523 </li>--> 1528 </li>-->
1524 </ul> 1529 </ul>
1525 </template> 1530 </template>
1526 </li> 1531 </li>
1527 <!-- Profile menu --> 1532 <!-- Profile menu -->
1528 <li class="relative"> 1533 <li class="relative">
1529 <button 1534 <button
1530 class="align-middle rounded-full focus:shadow-outline-purple focus:outline-none" 1535 class="align-middle rounded-full focus:shadow-outline-purple focus:outline-none"
1531 @click="toggleProfileMenu" 1536 @click="toggleProfileMenu"
1532 @keydown.escape="closeProfileMenu" 1537 @keydown.escape="closeProfileMenu"
1533 aria-label="Account" 1538 aria-label="Account"
1534 aria-haspopup="true" 1539 aria-haspopup="true"
1535 > 1540 >
1536 <img 1541 <img
1537 class="object-cover w-8 h-8 rounded-full" 1542 class="object-cover w-8 h-8 rounded-full"
1538 src="{{ asset('assets/img/profile.jpg') }}" 1543 src="{{ asset('assets/img/profile.jpg') }}"
1539 alt="" 1544 alt=""
1540 aria-hidden="true" 1545 aria-hidden="true"
1541 /> 1546 />
1542 </button> 1547 </button>
1543 <template x-if="isProfileMenuOpen"> 1548 <template x-if="isProfileMenuOpen">
1544 <ul 1549 <ul
1545 x-transition:leave="transition ease-in duration-150" 1550 x-transition:leave="transition ease-in duration-150"
1546 x-transition:leave-start="opacity-100" 1551 x-transition:leave-start="opacity-100"
1547 x-transition:leave-end="opacity-0" 1552 x-transition:leave-end="opacity-0"
1548 @click.away="closeProfileMenu" 1553 @click.away="closeProfileMenu"
1549 @keydown.escape="closeProfileMenu" 1554 @keydown.escape="closeProfileMenu"
1550 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" 1555 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"
1551 aria-label="submenu" 1556 aria-label="submenu"
1552 > 1557 >
1553 <li class="flex"> 1558 <li class="flex">
1554 <a 1559 <a
1555 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" 1560 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"
1556 href="{{ route('admin.profile') }}" 1561 href="{{ route('admin.profile') }}"
1557 > 1562 >
1558 <svg 1563 <svg
1559 class="w-4 h-4 mr-3" 1564 class="w-4 h-4 mr-3"
1560 aria-hidden="true" 1565 aria-hidden="true"
1561 fill="none" 1566 fill="none"
1562 stroke-linecap="round" 1567 stroke-linecap="round"
1563 stroke-linejoin="round" 1568 stroke-linejoin="round"
1564 stroke-width="2" 1569 stroke-width="2"
1565 viewBox="0 0 24 24" 1570 viewBox="0 0 24 24"
1566 stroke="currentColor" 1571 stroke="currentColor"
1567 > 1572 >
1568 <path 1573 <path
1569 d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z" 1574 d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"
1570 ></path> 1575 ></path>
1571 </svg> 1576 </svg>
1572 <span>Профиль</span> 1577 <span>Профиль</span>
1573 </a> 1578 </a>
1574 </li> 1579 </li>
1575 <li class="flex"> 1580 <li class="flex">
1576 <a 1581 <a
1577 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" 1582 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"
1578 href="{{ route('admin.config') }}" 1583 href="{{ route('admin.config') }}"
1579 > 1584 >
1580 <svg 1585 <svg
1581 class="w-4 h-4 mr-3" 1586 class="w-4 h-4 mr-3"
1582 aria-hidden="true" 1587 aria-hidden="true"
1583 fill="none" 1588 fill="none"
1584 stroke-linecap="round" 1589 stroke-linecap="round"
1585 stroke-linejoin="round" 1590 stroke-linejoin="round"
1586 stroke-width="2" 1591 stroke-width="2"
1587 viewBox="0 0 24 24" 1592 viewBox="0 0 24 24"
1588 stroke="currentColor" 1593 stroke="currentColor"
1589 > 1594 >
1590 <path 1595 <path
1591 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" 1596 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"
1592 ></path> 1597 ></path>
1593 <path d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"></path> 1598 <path d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"></path>
1594 </svg> 1599 </svg>
1595 <span>Настройки</span> 1600 <span>Настройки</span>
1596 </a> 1601 </a>
1597 </li> 1602 </li>
1598 <li class="flex"> 1603 <li class="flex">
1599 <a 1604 <a
1600 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" 1605 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"
1601 href="{{ route('admin.logout') }}" 1606 href="{{ route('admin.logout') }}"
1602 > 1607 >
1603 <svg 1608 <svg
1604 class="w-4 h-4 mr-3" 1609 class="w-4 h-4 mr-3"
1605 aria-hidden="true" 1610 aria-hidden="true"
1606 fill="none" 1611 fill="none"
1607 stroke-linecap="round" 1612 stroke-linecap="round"
1608 stroke-linejoin="round" 1613 stroke-linejoin="round"
1609 stroke-width="2" 1614 stroke-width="2"
1610 viewBox="0 0 24 24" 1615 viewBox="0 0 24 24"
1611 stroke="currentColor" 1616 stroke="currentColor"
1612 > 1617 >
1613 <path 1618 <path
1614 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" 1619 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"
1615 ></path> 1620 ></path>
1616 </svg> 1621 </svg>
1617 <span>Выход</span> 1622 <span>Выход</span>
1618 </a> 1623 </a>
1619 </li> 1624 </li>
1620 </ul> 1625 </ul>
1621 </template> 1626 </template>
1622 </li> 1627 </li>
1623 </ul> 1628 </ul>
1624 </div> 1629 </div>
1625 </header> 1630 </header>
1626 <main class="h-full overflow-y-auto"> 1631 <main class="h-full overflow-y-auto">
1627 <div class="container px-6 mx-auto grid"> 1632 <div class="container px-6 mx-auto grid">
1628 <h2 1633 <h2
1629 class="my-6 text-2xl font-semibold text-gray-700 dark:text-gray-200" 1634 class="my-6 text-2xl font-semibold text-gray-700 dark:text-gray-200"
1630 > 1635 >
1631 {{$title}} 1636 {{$title}}
1632 </h2> 1637 </h2>
1633 <!-- CTA --> 1638 <!-- CTA -->
1634 <a 1639 <a
1635 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" 1640 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"
1636 href="{{ route('admin.admin-users') }}" 1641 href="{{ route('admin.admin-users') }}"
1637 > 1642 >
1638 <div class="flex items-center"> 1643 <div class="flex items-center">
1639 <svg 1644 <svg
1640 class="w-5 h-5 mr-2" 1645 class="w-5 h-5 mr-2"
1641 fill="currentColor" 1646 fill="currentColor"
1642 viewBox="0 0 20 20" 1647 viewBox="0 0 20 20"
1643 > 1648 >
1644 <path 1649 <path
1645 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" 1650 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"
1646 ></path> 1651 ></path>
1647 </svg> 1652 </svg>
1648 <span>Контент для админов</span> 1653 <span>Контент для админов</span>
1649 </div> 1654 </div>
1650 <span>Список админов &RightArrow;</span> 1655 <span>Список админов &RightArrow;</span>
1651 </a> 1656 </a>
1652 1657
1653 @if ($message = Session::get('success')) 1658 @if ($message = Session::get('success'))
1654 <section> 1659 <section>
1655 <div class="alert alert-success alert-dismissible mt-0" role="alert"> 1660 <div class="alert alert-success alert-dismissible mt-0" role="alert">
1656 <button type="button" class="close" data-dismiss="alert" aria-label="Закрыть"> 1661 <button type="button" class="close" data-dismiss="alert" aria-label="Закрыть">
1657 <span aria-hidden="true">&times;</span> 1662 <span aria-hidden="true">&times;</span>
1658 </button> 1663 </button>
1659 {{ $message }} 1664 {{ $message }}
1660 </div> 1665 </div>
1661 </section> 1666 </section>
1662 @endif 1667 @endif
1663 1668
1664 @if ($errors->any()) 1669 @if ($errors->any())
1665 <section> 1670 <section>
1666 <div class="alert alert-danger alert-dismissible mt-4" role="alert"> 1671 <div class="alert alert-danger alert-dismissible mt-4" role="alert">
1667 <button type="button" class="close" data-dismiss="alert" aria-label="Закрыть"> 1672 <button type="button" class="close" data-dismiss="alert" aria-label="Закрыть">
1668 <span aria-hidden="true">&times;</span> 1673 <span aria-hidden="true">&times;</span>
1669 </button> 1674 </button>
1670 <ul class="mb-0"> 1675 <ul class="mb-0">
1671 @foreach ($errors->all() as $error) 1676 @foreach ($errors->all() as $error)
1672 <li>{{ $error }}</li> 1677 <li>{{ $error }}</li>
1673 @endforeach 1678 @endforeach
1674 </ul> 1679 </ul>
1675 </div> 1680 </div>
1676 </section> 1681 </section>
1677 @endif 1682 @endif
1678 1683
1679 @yield('content') 1684 @yield('content')
1680 1685
1681 <!-- Cards 1686 <!-- Cards
1682 <div class="grid gap-6 mb-8 md:grid-cols-2 xl:grid-cols-4"> 1687 <div class="grid gap-6 mb-8 md:grid-cols-2 xl:grid-cols-4">
1683 1688
1684 <div 1689 <div
1685 class="flex items-center p-4 bg-white rounded-lg shadow-xs dark:bg-gray-800" 1690 class="flex items-center p-4 bg-white rounded-lg shadow-xs dark:bg-gray-800"
1686 > 1691 >
1687 <div 1692 <div
1688 class="p-3 mr-4 text-orange-500 bg-orange-100 rounded-full dark:text-orange-100 dark:bg-orange-500" 1693 class="p-3 mr-4 text-orange-500 bg-orange-100 rounded-full dark:text-orange-100 dark:bg-orange-500"
1689 > 1694 >
1690 <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20"> 1695 <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">
1691 <path 1696 <path
1692 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" 1697 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"
1693 ></path> 1698 ></path>
1694 </svg> 1699 </svg>
1695 </div> 1700 </div>
1696 <div> 1701 <div>
1697 <p 1702 <p
1698 class="mb-2 text-sm font-medium text-gray-600 dark:text-gray-400" 1703 class="mb-2 text-sm font-medium text-gray-600 dark:text-gray-400"
1699 > 1704 >
1700 Total clients 1705 Total clients
1701 </p> 1706 </p>
1702 <p 1707 <p
1703 class="text-lg font-semibold text-gray-700 dark:text-gray-200" 1708 class="text-lg font-semibold text-gray-700 dark:text-gray-200"
1704 > 1709 >
1705 6389 1710 6389
1706 </p> 1711 </p>
1707 </div> 1712 </div>
1708 </div> 1713 </div>
1709 1714
1710 <div 1715 <div
1711 class="flex items-center p-4 bg-white rounded-lg shadow-xs dark:bg-gray-800" 1716 class="flex items-center p-4 bg-white rounded-lg shadow-xs dark:bg-gray-800"
1712 > 1717 >
1713 <div 1718 <div
1714 class="p-3 mr-4 text-green-500 bg-green-100 rounded-full dark:text-green-100 dark:bg-green-500" 1719 class="p-3 mr-4 text-green-500 bg-green-100 rounded-full dark:text-green-100 dark:bg-green-500"
1715 > 1720 >
1716 <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20"> 1721 <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">
1717 <path 1722 <path
1718 fill-rule="evenodd" 1723 fill-rule="evenodd"
1719 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" 1724 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"
1720 clip-rule="evenodd" 1725 clip-rule="evenodd"
1721 ></path> 1726 ></path>
1722 </svg> 1727 </svg>
1723 </div> 1728 </div>
1724 <div> 1729 <div>
1725 <p 1730 <p
1726 class="mb-2 text-sm font-medium text-gray-600 dark:text-gray-400" 1731 class="mb-2 text-sm font-medium text-gray-600 dark:text-gray-400"
1727 > 1732 >
1728 Account balance 1733 Account balance
1729 </p> 1734 </p>
1730 <p 1735 <p
1731 class="text-lg font-semibold text-gray-700 dark:text-gray-200" 1736 class="text-lg font-semibold text-gray-700 dark:text-gray-200"
1732 > 1737 >
1733 $ 46,760.89 1738 $ 46,760.89
1734 </p> 1739 </p>
1735 </div> 1740 </div>
1736 </div> 1741 </div>
1737 1742
1738 <div 1743 <div
1739 class="flex items-center p-4 bg-white rounded-lg shadow-xs dark:bg-gray-800" 1744 class="flex items-center p-4 bg-white rounded-lg shadow-xs dark:bg-gray-800"
1740 > 1745 >
1741 <div 1746 <div
1742 class="p-3 mr-4 text-blue-500 bg-blue-100 rounded-full dark:text-blue-100 dark:bg-blue-500" 1747 class="p-3 mr-4 text-blue-500 bg-blue-100 rounded-full dark:text-blue-100 dark:bg-blue-500"
1743 > 1748 >
1744 <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20"> 1749 <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">
1745 <path 1750 <path
1746 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" 1751 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"
1747 ></path> 1752 ></path>
1748 </svg> 1753 </svg>
1749 </div> 1754 </div>
1750 <div> 1755 <div>
1751 <p 1756 <p
1752 class="mb-2 text-sm font-medium text-gray-600 dark:text-gray-400" 1757 class="mb-2 text-sm font-medium text-gray-600 dark:text-gray-400"
1753 > 1758 >
1754 New sales 1759 New sales
1755 </p> 1760 </p>
1756 <p 1761 <p
1757 class="text-lg font-semibold text-gray-700 dark:text-gray-200" 1762 class="text-lg font-semibold text-gray-700 dark:text-gray-200"
1758 > 1763 >
1759 376 1764 376
1760 </p> 1765 </p>
1761 </div> 1766 </div>
1762 </div> 1767 </div>
1763 1768
1764 <div 1769 <div
1765 class="flex items-center p-4 bg-white rounded-lg shadow-xs dark:bg-gray-800" 1770 class="flex items-center p-4 bg-white rounded-lg shadow-xs dark:bg-gray-800"
1766 > 1771 >
1767 <div 1772 <div
1768 class="p-3 mr-4 text-teal-500 bg-teal-100 rounded-full dark:text-teal-100 dark:bg-teal-500" 1773 class="p-3 mr-4 text-teal-500 bg-teal-100 rounded-full dark:text-teal-100 dark:bg-teal-500"
1769 > 1774 >
1770 <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20"> 1775 <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">
1771 <path 1776 <path
1772 fill-rule="evenodd" 1777 fill-rule="evenodd"
1773 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" 1778 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"
1774 clip-rule="evenodd" 1779 clip-rule="evenodd"
1775 ></path> 1780 ></path>
1776 </svg> 1781 </svg>
1777 </div> 1782 </div>
1778 <div> 1783 <div>
1779 <p 1784 <p
1780 class="mb-2 text-sm font-medium text-gray-600 dark:text-gray-400" 1785 class="mb-2 text-sm font-medium text-gray-600 dark:text-gray-400"
1781 > 1786 >
1782 Pending contacts 1787 Pending contacts
1783 </p> 1788 </p>
1784 <p 1789 <p
1785 class="text-lg font-semibold text-gray-700 dark:text-gray-200" 1790 class="text-lg font-semibold text-gray-700 dark:text-gray-200"
1786 > 1791 >
1787 35 1792 35
1788 </p> 1793 </p>
1789 </div> 1794 </div>
1790 </div> 1795 </div>
1791 </div> 1796 </div>
1792 --> 1797 -->
1793 <!-- New Table 1798 <!-- New Table
1794 <div class="w-full overflow-hidden rounded-lg shadow-xs"> 1799 <div class="w-full overflow-hidden rounded-lg shadow-xs">
1795 <div class="w-full overflow-x-auto"> 1800 <div class="w-full overflow-x-auto">
1796 <table class="w-full whitespace-no-wrap"> 1801 <table class="w-full whitespace-no-wrap">
1797 <thead> 1802 <thead>
1798 <tr 1803 <tr
1799 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" 1804 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"
1800 > 1805 >
1801 <th class="px-4 py-3">Client</th> 1806 <th class="px-4 py-3">Client</th>
1802 <th class="px-4 py-3">Amount</th> 1807 <th class="px-4 py-3">Amount</th>
1803 <th class="px-4 py-3">Status</th> 1808 <th class="px-4 py-3">Status</th>
1804 <th class="px-4 py-3">Date</th> 1809 <th class="px-4 py-3">Date</th>
1805 </tr> 1810 </tr>
1806 </thead> 1811 </thead>
1807 <tbody 1812 <tbody
1808 class="bg-white divide-y dark:divide-gray-700 dark:bg-gray-800" 1813 class="bg-white divide-y dark:divide-gray-700 dark:bg-gray-800"
1809 > 1814 >
1810 <tr class="text-gray-700 dark:text-gray-400"> 1815 <tr class="text-gray-700 dark:text-gray-400">
1811 <td class="px-4 py-3"> 1816 <td class="px-4 py-3">
1812 <div class="flex items-center text-sm"> 1817 <div class="flex items-center text-sm">
1813 1818
1814 <div 1819 <div
1815 class="relative hidden w-8 h-8 mr-3 rounded-full md:block" 1820 class="relative hidden w-8 h-8 mr-3 rounded-full md:block"
1816 > 1821 >
1817 <img 1822 <img
1818 class="object-cover w-full h-full rounded-full" 1823 class="object-cover w-full h-full rounded-full"
1819 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" 1824 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"
1820 alt="" 1825 alt=""
1821 loading="lazy" 1826 loading="lazy"
1822 /> 1827 />
1823 <div 1828 <div
1824 class="absolute inset-0 rounded-full shadow-inner" 1829 class="absolute inset-0 rounded-full shadow-inner"
1825 aria-hidden="true" 1830 aria-hidden="true"
1826 ></div> 1831 ></div>
1827 </div> 1832 </div>
1828 <div> 1833 <div>
1829 <p class="font-semibold">Hans Burger</p> 1834 <p class="font-semibold">Hans Burger</p>
1830 <p class="text-xs text-gray-600 dark:text-gray-400"> 1835 <p class="text-xs text-gray-600 dark:text-gray-400">
1831 10x Developer 1836 10x Developer
1832 </p> 1837 </p>
1833 </div> 1838 </div>
1834 </div> 1839 </div>
1835 </td> 1840 </td>
1836 <td class="px-4 py-3 text-sm"> 1841 <td class="px-4 py-3 text-sm">
1837 $ 863.45 1842 $ 863.45
1838 </td> 1843 </td>
1839 <td class="px-4 py-3 text-xs"> 1844 <td class="px-4 py-3 text-xs">
1840 <span 1845 <span
1841 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" 1846 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"
1842 > 1847 >
1843 Approved 1848 Approved
1844 </span> 1849 </span>
1845 </td> 1850 </td>
1846 <td class="px-4 py-3 text-sm"> 1851 <td class="px-4 py-3 text-sm">
1847 6/10/2020 1852 6/10/2020
1848 </td> 1853 </td>
1849 </tr> 1854 </tr>
1850 1855
1851 <tr class="text-gray-700 dark:text-gray-400"> 1856 <tr class="text-gray-700 dark:text-gray-400">
1852 <td class="px-4 py-3"> 1857 <td class="px-4 py-3">
1853 <div class="flex items-center text-sm"> 1858 <div class="flex items-center text-sm">
1854 1859
1855 <div 1860 <div
1856 class="relative hidden w-8 h-8 mr-3 rounded-full md:block" 1861 class="relative hidden w-8 h-8 mr-3 rounded-full md:block"
1857 > 1862 >
1858 <img 1863 <img
1859 class="object-cover w-full h-full rounded-full" 1864 class="object-cover w-full h-full rounded-full"
1860 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" 1865 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"
1861 alt="" 1866 alt=""
1862 loading="lazy" 1867 loading="lazy"
1863 /> 1868 />
1864 <div 1869 <div
1865 class="absolute inset-0 rounded-full shadow-inner" 1870 class="absolute inset-0 rounded-full shadow-inner"
1866 aria-hidden="true" 1871 aria-hidden="true"
1867 ></div> 1872 ></div>
1868 </div> 1873 </div>
1869 <div> 1874 <div>
1870 <p class="font-semibold">Jolina Angelie</p> 1875 <p class="font-semibold">Jolina Angelie</p>
1871 <p class="text-xs text-gray-600 dark:text-gray-400"> 1876 <p class="text-xs text-gray-600 dark:text-gray-400">
1872 Unemployed 1877 Unemployed
1873 </p> 1878 </p>
1874 </div> 1879 </div>
1875 </div> 1880 </div>
1876 </td> 1881 </td>
1877 <td class="px-4 py-3 text-sm"> 1882 <td class="px-4 py-3 text-sm">
1878 $ 369.95 1883 $ 369.95
1879 </td> 1884 </td>
1880 <td class="px-4 py-3 text-xs"> 1885 <td class="px-4 py-3 text-xs">
1881 <span 1886 <span
1882 class="px-2 py-1 font-semibold leading-tight text-orange-700 bg-orange-100 rounded-full dark:text-white dark:bg-orange-600" 1887 class="px-2 py-1 font-semibold leading-tight text-orange-700 bg-orange-100 rounded-full dark:text-white dark:bg-orange-600"
1883 > 1888 >
1884 Pending 1889 Pending
1885 </span> 1890 </span>
1886 </td> 1891 </td>
1887 <td class="px-4 py-3 text-sm"> 1892 <td class="px-4 py-3 text-sm">
1888 6/10/2020 1893 6/10/2020
1889 </td> 1894 </td>
1890 </tr> 1895 </tr>
1891 1896
1892 <tr class="text-gray-700 dark:text-gray-400"> 1897 <tr class="text-gray-700 dark:text-gray-400">
1893 <td class="px-4 py-3"> 1898 <td class="px-4 py-3">
1894 <div class="flex items-center text-sm"> 1899 <div class="flex items-center text-sm">
1895 1900
1896 <div 1901 <div
1897 class="relative hidden w-8 h-8 mr-3 rounded-full md:block" 1902 class="relative hidden w-8 h-8 mr-3 rounded-full md:block"
1898 > 1903 >
1899 <img 1904 <img
1900 class="object-cover w-full h-full rounded-full" 1905 class="object-cover w-full h-full rounded-full"
1901 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" 1906 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"
1902 alt="" 1907 alt=""
1903 loading="lazy" 1908 loading="lazy"
1904 /> 1909 />
1905 <div 1910 <div
1906 class="absolute inset-0 rounded-full shadow-inner" 1911 class="absolute inset-0 rounded-full shadow-inner"
1907 aria-hidden="true" 1912 aria-hidden="true"
1908 ></div> 1913 ></div>
1909 </div> 1914 </div>
1910 <div> 1915 <div>
1911 <p class="font-semibold">Sarah Curry</p> 1916 <p class="font-semibold">Sarah Curry</p>
1912 <p class="text-xs text-gray-600 dark:text-gray-400"> 1917 <p class="text-xs text-gray-600 dark:text-gray-400">
1913 Designer 1918 Designer
1914 </p> 1919 </p>
1915 </div> 1920 </div>
1916 </div> 1921 </div>
1917 </td> 1922 </td>
1918 <td class="px-4 py-3 text-sm"> 1923 <td class="px-4 py-3 text-sm">
1919 $ 86.00 1924 $ 86.00
1920 </td> 1925 </td>
1921 <td class="px-4 py-3 text-xs"> 1926 <td class="px-4 py-3 text-xs">
1922 <span 1927 <span
1923 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" 1928 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"
1924 > 1929 >
1925 Denied 1930 Denied
1926 </span> 1931 </span>
1927 </td> 1932 </td>
1928 <td class="px-4 py-3 text-sm"> 1933 <td class="px-4 py-3 text-sm">
1929 6/10/2020 1934 6/10/2020
1930 </td> 1935 </td>
1931 </tr> 1936 </tr>
1932 1937
1933 <tr class="text-gray-700 dark:text-gray-400"> 1938 <tr class="text-gray-700 dark:text-gray-400">
1934 <td class="px-4 py-3"> 1939 <td class="px-4 py-3">
1935 <div class="flex items-center text-sm"> 1940 <div class="flex items-center text-sm">
1936 1941
1937 <div 1942 <div
1938 class="relative hidden w-8 h-8 mr-3 rounded-full md:block" 1943 class="relative hidden w-8 h-8 mr-3 rounded-full md:block"
1939 > 1944 >
1940 <img 1945 <img
1941 class="object-cover w-full h-full rounded-full" 1946 class="object-cover w-full h-full rounded-full"
1942 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" 1947 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"
1943 alt="" 1948 alt=""
1944 loading="lazy" 1949 loading="lazy"
1945 /> 1950 />
1946 <div 1951 <div
1947 class="absolute inset-0 rounded-full shadow-inner" 1952 class="absolute inset-0 rounded-full shadow-inner"
1948 aria-hidden="true" 1953 aria-hidden="true"
1949 ></div> 1954 ></div>
1950 </div> 1955 </div>
1951 <div> 1956 <div>
1952 <p class="font-semibold">Rulia Joberts</p> 1957 <p class="font-semibold">Rulia Joberts</p>
1953 <p class="text-xs text-gray-600 dark:text-gray-400"> 1958 <p class="text-xs text-gray-600 dark:text-gray-400">
1954 Actress 1959 Actress
1955 </p> 1960 </p>
1956 </div> 1961 </div>
1957 </div> 1962 </div>
1958 </td> 1963 </td>
1959 <td class="px-4 py-3 text-sm"> 1964 <td class="px-4 py-3 text-sm">
1960 $ 1276.45 1965 $ 1276.45
1961 </td> 1966 </td>
1962 <td class="px-4 py-3 text-xs"> 1967 <td class="px-4 py-3 text-xs">
1963 <span 1968 <span
1964 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" 1969 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"
1965 > 1970 >
1966 Approved 1971 Approved
1967 </span> 1972 </span>
1968 </td> 1973 </td>
1969 <td class="px-4 py-3 text-sm"> 1974 <td class="px-4 py-3 text-sm">
1970 6/10/2020 1975 6/10/2020
1971 </td> 1976 </td>
1972 </tr> 1977 </tr>
1973 1978
1974 <tr class="text-gray-700 dark:text-gray-400"> 1979 <tr class="text-gray-700 dark:text-gray-400">
1975 <td class="px-4 py-3"> 1980 <td class="px-4 py-3">
1976 <div class="flex items-center text-sm"> 1981 <div class="flex items-center text-sm">
1977 1982
1978 <div 1983 <div
1979 class="relative hidden w-8 h-8 mr-3 rounded-full md:block" 1984 class="relative hidden w-8 h-8 mr-3 rounded-full md:block"
1980 > 1985 >
1981 <img 1986 <img
1982 class="object-cover w-full h-full rounded-full" 1987 class="object-cover w-full h-full rounded-full"
1983 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" 1988 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"
1984 alt="" 1989 alt=""
1985 loading="lazy" 1990 loading="lazy"
1986 /> 1991 />
1987 <div 1992 <div
1988 class="absolute inset-0 rounded-full shadow-inner" 1993 class="absolute inset-0 rounded-full shadow-inner"
1989 aria-hidden="true" 1994 aria-hidden="true"
1990 ></div> 1995 ></div>
1991 </div> 1996 </div>
1992 <div> 1997 <div>
1993 <p class="font-semibold">Wenzel Dashington</p> 1998 <p class="font-semibold">Wenzel Dashington</p>
1994 <p class="text-xs text-gray-600 dark:text-gray-400"> 1999 <p class="text-xs text-gray-600 dark:text-gray-400">
1995 Actor 2000 Actor
1996 </p> 2001 </p>
1997 </div> 2002 </div>
1998 </div> 2003 </div>
1999 </td> 2004 </td>
2000 <td class="px-4 py-3 text-sm"> 2005 <td class="px-4 py-3 text-sm">
2001 $ 863.45 2006 $ 863.45
2002 </td> 2007 </td>
2003 <td class="px-4 py-3 text-xs"> 2008 <td class="px-4 py-3 text-xs">
2004 <span 2009 <span
2005 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" 2010 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"
2006 > 2011 >
2007 Expired 2012 Expired
2008 </span> 2013 </span>
2009 </td> 2014 </td>
2010 <td class="px-4 py-3 text-sm"> 2015 <td class="px-4 py-3 text-sm">
2011 6/10/2020 2016 6/10/2020
2012 </td> 2017 </td>
2013 </tr> 2018 </tr>
2014 2019
2015 <tr class="text-gray-700 dark:text-gray-400"> 2020 <tr class="text-gray-700 dark:text-gray-400">
2016 <td class="px-4 py-3"> 2021 <td class="px-4 py-3">
2017 <div class="flex items-center text-sm"> 2022 <div class="flex items-center text-sm">
2018 2023
2019 <div 2024 <div
2020 class="relative hidden w-8 h-8 mr-3 rounded-full md:block" 2025 class="relative hidden w-8 h-8 mr-3 rounded-full md:block"
2021 > 2026 >
2022 <img 2027 <img
2023 class="object-cover w-full h-full rounded-full" 2028 class="object-cover w-full h-full rounded-full"
2024 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" 2029 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"
2025 alt="" 2030 alt=""
2026 loading="lazy" 2031 loading="lazy"
2027 /> 2032 />
2028 <div 2033 <div
2029 class="absolute inset-0 rounded-full shadow-inner" 2034 class="absolute inset-0 rounded-full shadow-inner"
2030 aria-hidden="true" 2035 aria-hidden="true"
2031 ></div> 2036 ></div>
2032 </div> 2037 </div>
2033 <div> 2038 <div>
2034 <p class="font-semibold">Dave Li</p> 2039 <p class="font-semibold">Dave Li</p>
2035 <p class="text-xs text-gray-600 dark:text-gray-400"> 2040 <p class="text-xs text-gray-600 dark:text-gray-400">
2036 Influencer 2041 Influencer
2037 </p> 2042 </p>
2038 </div> 2043 </div>
2039 </div> 2044 </div>
2040 </td> 2045 </td>
2041 <td class="px-4 py-3 text-sm"> 2046 <td class="px-4 py-3 text-sm">
2042 $ 863.45 2047 $ 863.45
2043 </td> 2048 </td>
2044 <td class="px-4 py-3 text-xs"> 2049 <td class="px-4 py-3 text-xs">
2045 <span 2050 <span
2046 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" 2051 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"
2047 > 2052 >
2048 Approved 2053 Approved
2049 </span> 2054 </span>
2050 </td> 2055 </td>
2051 <td class="px-4 py-3 text-sm"> 2056 <td class="px-4 py-3 text-sm">
2052 6/10/2020 2057 6/10/2020
2053 </td> 2058 </td>
2054 </tr> 2059 </tr>
2055 2060
2056 <tr class="text-gray-700 dark:text-gray-400"> 2061 <tr class="text-gray-700 dark:text-gray-400">
2057 <td class="px-4 py-3"> 2062 <td class="px-4 py-3">
2058 <div class="flex items-center text-sm"> 2063 <div class="flex items-center text-sm">
2059 2064
2060 <div 2065 <div
2061 class="relative hidden w-8 h-8 mr-3 rounded-full md:block" 2066 class="relative hidden w-8 h-8 mr-3 rounded-full md:block"
2062 > 2067 >
2063 <img 2068 <img
2064 class="object-cover w-full h-full rounded-full" 2069 class="object-cover w-full h-full rounded-full"
2065 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" 2070 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"
2066 alt="" 2071 alt=""
2067 loading="lazy" 2072 loading="lazy"
2068 /> 2073 />
2069 <div 2074 <div
2070 class="absolute inset-0 rounded-full shadow-inner" 2075 class="absolute inset-0 rounded-full shadow-inner"
2071 aria-hidden="true" 2076 aria-hidden="true"
2072 ></div> 2077 ></div>
2073 </div> 2078 </div>
2074 <div> 2079 <div>
2075 <p class="font-semibold">Maria Ramovic</p> 2080 <p class="font-semibold">Maria Ramovic</p>
2076 <p class="text-xs text-gray-600 dark:text-gray-400"> 2081 <p class="text-xs text-gray-600 dark:text-gray-400">
2077 Runner 2082 Runner
2078 </p> 2083 </p>
2079 </div> 2084 </div>
2080 </div> 2085 </div>
2081 </td> 2086 </td>
2082 <td class="px-4 py-3 text-sm"> 2087 <td class="px-4 py-3 text-sm">
2083 $ 863.45 2088 $ 863.45
2084 </td> 2089 </td>
2085 <td class="px-4 py-3 text-xs"> 2090 <td class="px-4 py-3 text-xs">
2086 <span 2091 <span
2087 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" 2092 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"
2088 > 2093 >
2089 Approved 2094 Approved
2090 </span> 2095 </span>
2091 </td> 2096 </td>
2092 <td class="px-4 py-3 text-sm"> 2097 <td class="px-4 py-3 text-sm">
2093 6/10/2020 2098 6/10/2020
2094 </td> 2099 </td>
2095 </tr> 2100 </tr>
2096 2101
2097 <tr class="text-gray-700 dark:text-gray-400"> 2102 <tr class="text-gray-700 dark:text-gray-400">
2098 <td class="px-4 py-3"> 2103 <td class="px-4 py-3">
2099 <div class="flex items-center text-sm"> 2104 <div class="flex items-center text-sm">
2100 2105
2101 <div 2106 <div
2102 class="relative hidden w-8 h-8 mr-3 rounded-full md:block" 2107 class="relative hidden w-8 h-8 mr-3 rounded-full md:block"
2103 > 2108 >
2104 <img 2109 <img
2105 class="object-cover w-full h-full rounded-full" 2110 class="object-cover w-full h-full rounded-full"
2106 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" 2111 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"
2107 alt="" 2112 alt=""
2108 loading="lazy" 2113 loading="lazy"
2109 /> 2114 />
2110 <div 2115 <div
2111 class="absolute inset-0 rounded-full shadow-inner" 2116 class="absolute inset-0 rounded-full shadow-inner"
2112 aria-hidden="true" 2117 aria-hidden="true"
2113 ></div> 2118 ></div>
2114 </div> 2119 </div>
2115 <div> 2120 <div>
2116 <p class="font-semibold">Hitney Wouston</p> 2121 <p class="font-semibold">Hitney Wouston</p>
2117 <p class="text-xs text-gray-600 dark:text-gray-400"> 2122 <p class="text-xs text-gray-600 dark:text-gray-400">
2118 Singer 2123 Singer
2119 </p> 2124 </p>
2120 </div> 2125 </div>
2121 </div> 2126 </div>
2122 </td> 2127 </td>
2123 <td class="px-4 py-3 text-sm"> 2128 <td class="px-4 py-3 text-sm">
2124 $ 863.45 2129 $ 863.45
2125 </td> 2130 </td>
2126 <td class="px-4 py-3 text-xs"> 2131 <td class="px-4 py-3 text-xs">
2127 <span 2132 <span
2128 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" 2133 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"
2129 > 2134 >
2130 Approved 2135 Approved
2131 </span> 2136 </span>
2132 </td> 2137 </td>
2133 <td class="px-4 py-3 text-sm"> 2138 <td class="px-4 py-3 text-sm">
2134 6/10/2020 2139 6/10/2020
2135 </td> 2140 </td>
2136 </tr> 2141 </tr>
2137 2142
2138 <tr class="text-gray-700 dark:text-gray-400"> 2143 <tr class="text-gray-700 dark:text-gray-400">
2139 <td class="px-4 py-3"> 2144 <td class="px-4 py-3">
2140 <div class="flex items-center text-sm"> 2145 <div class="flex items-center text-sm">
2141 2146
2142 <div 2147 <div
2143 class="relative hidden w-8 h-8 mr-3 rounded-full md:block" 2148 class="relative hidden w-8 h-8 mr-3 rounded-full md:block"
2144 > 2149 >
2145 <img 2150 <img
2146 class="object-cover w-full h-full rounded-full" 2151 class="object-cover w-full h-full rounded-full"
2147 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" 2152 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"
2148 alt="" 2153 alt=""
2149 loading="lazy" 2154 loading="lazy"
2150 /> 2155 />
2151 <div 2156 <div
2152 class="absolute inset-0 rounded-full shadow-inner" 2157 class="absolute inset-0 rounded-full shadow-inner"
2153 aria-hidden="true" 2158 aria-hidden="true"
2154 ></div> 2159 ></div>
2155 </div> 2160 </div>
2156 <div> 2161 <div>
2157 <p class="font-semibold">Hans Burger</p> 2162 <p class="font-semibold">Hans Burger</p>
2158 <p class="text-xs text-gray-600 dark:text-gray-400"> 2163 <p class="text-xs text-gray-600 dark:text-gray-400">
2159 10x Developer 2164 10x Developer
2160 </p> 2165 </p>
2161 </div> 2166 </div>
2162 </div> 2167 </div>
2163 </td> 2168 </td>
2164 <td class="px-4 py-3 text-sm"> 2169 <td class="px-4 py-3 text-sm">
2165 $ 863.45 2170 $ 863.45
2166 </td> 2171 </td>
2167 <td class="px-4 py-3 text-xs"> 2172 <td class="px-4 py-3 text-xs">
2168 <span 2173 <span
2169 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" 2174 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"
2170 > 2175 >
2171 Approved 2176 Approved
2172 </span> 2177 </span>
2173 </td> 2178 </td>
2174 <td class="px-4 py-3 text-sm"> 2179 <td class="px-4 py-3 text-sm">
2175 6/10/2020 2180 6/10/2020
2176 </td> 2181 </td>
2177 </tr> 2182 </tr>
2178 </tbody> 2183 </tbody>
2179 </table> 2184 </table>
2180 </div> 2185 </div>
2181 <div 2186 <div
2182 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" 2187 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"
2183 > 2188 >
2184 <span class="flex items-center col-span-3"> 2189 <span class="flex items-center col-span-3">
2185 Showing 21-30 of 100 2190 Showing 21-30 of 100
2186 </span> 2191 </span>
2187 <span class="col-span-2"></span> 2192 <span class="col-span-2"></span>
2188 2193
2189 <span class="flex col-span-4 mt-2 sm:mt-auto sm:justify-end"> 2194 <span class="flex col-span-4 mt-2 sm:mt-auto sm:justify-end">
2190 <nav aria-label="Table navigation"> 2195 <nav aria-label="Table navigation">
2191 <ul class="inline-flex items-center"> 2196 <ul class="inline-flex items-center">
2192 <li> 2197 <li>
2193 <button 2198 <button
2194 class="px-3 py-1 rounded-md rounded-l-lg focus:outline-none focus:shadow-outline-purple" 2199 class="px-3 py-1 rounded-md rounded-l-lg focus:outline-none focus:shadow-outline-purple"
2195 aria-label="Previous" 2200 aria-label="Previous"
2196 > 2201 >
2197 <svg 2202 <svg
2198 aria-hidden="true" 2203 aria-hidden="true"
2199 class="w-4 h-4 fill-current" 2204 class="w-4 h-4 fill-current"
2200 viewBox="0 0 20 20" 2205 viewBox="0 0 20 20"
2201 > 2206 >
2202 <path 2207 <path
2203 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" 2208 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"
2204 clip-rule="evenodd" 2209 clip-rule="evenodd"
2205 fill-rule="evenodd" 2210 fill-rule="evenodd"
2206 ></path> 2211 ></path>
2207 </svg> 2212 </svg>
2208 </button> 2213 </button>
2209 </li> 2214 </li>
2210 <li> 2215 <li>
2211 <button 2216 <button
2212 class="px-3 py-1 rounded-md focus:outline-none focus:shadow-outline-purple" 2217 class="px-3 py-1 rounded-md focus:outline-none focus:shadow-outline-purple"
2213 > 2218 >
2214 1 2219 1
2215 </button> 2220 </button>
2216 </li> 2221 </li>
2217 <li> 2222 <li>
2218 <button 2223 <button
2219 class="px-3 py-1 rounded-md focus:outline-none focus:shadow-outline-purple" 2224 class="px-3 py-1 rounded-md focus:outline-none focus:shadow-outline-purple"
2220 > 2225 >
2221 2 2226 2
2222 </button> 2227 </button>
2223 </li> 2228 </li>
2224 <li> 2229 <li>
2225 <button 2230 <button
2226 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" 2231 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"
2227 > 2232 >
2228 3 2233 3
2229 </button> 2234 </button>
2230 </li> 2235 </li>
2231 <li> 2236 <li>
2232 <button 2237 <button
2233 class="px-3 py-1 rounded-md focus:outline-none focus:shadow-outline-purple" 2238 class="px-3 py-1 rounded-md focus:outline-none focus:shadow-outline-purple"
2234 > 2239 >
2235 4 2240 4
2236 </button> 2241 </button>
2237 </li> 2242 </li>
2238 <li> 2243 <li>
2239 <span class="px-3 py-1">...</span> 2244 <span class="px-3 py-1">...</span>
2240 </li> 2245 </li>
2241 <li> 2246 <li>
2242 <button 2247 <button
2243 class="px-3 py-1 rounded-md focus:outline-none focus:shadow-outline-purple" 2248 class="px-3 py-1 rounded-md focus:outline-none focus:shadow-outline-purple"
2244 > 2249 >
2245 8 2250 8
2246 </button> 2251 </button>
2247 </li> 2252 </li>
2248 <li> 2253 <li>
2249 <button 2254 <button
2250 class="px-3 py-1 rounded-md focus:outline-none focus:shadow-outline-purple" 2255 class="px-3 py-1 rounded-md focus:outline-none focus:shadow-outline-purple"
2251 > 2256 >
2252 9 2257 9
2253 </button> 2258 </button>
2254 </li> 2259 </li>
2255 <li> 2260 <li>
2256 <button 2261 <button
2257 class="px-3 py-1 rounded-md rounded-r-lg focus:outline-none focus:shadow-outline-purple" 2262 class="px-3 py-1 rounded-md rounded-r-lg focus:outline-none focus:shadow-outline-purple"
2258 aria-label="Next" 2263 aria-label="Next"
2259 > 2264 >
2260 <svg 2265 <svg
2261 class="w-4 h-4 fill-current" 2266 class="w-4 h-4 fill-current"
2262 aria-hidden="true" 2267 aria-hidden="true"
2263 viewBox="0 0 20 20" 2268 viewBox="0 0 20 20"
2264 > 2269 >
2265 <path 2270 <path
2266 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" 2271 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"
2267 clip-rule="evenodd" 2272 clip-rule="evenodd"
2268 fill-rule="evenodd" 2273 fill-rule="evenodd"
2269 ></path> 2274 ></path>
2270 </svg> 2275 </svg>
2271 </button> 2276 </button>
2272 </li> 2277 </li>
2273 </ul> 2278 </ul>
2274 </nav> 2279 </nav>
2275 </span> 2280 </span>
2276 </div> 2281 </div>
2277 </div> 2282 </div>
2278 --> 2283 -->
2279 <!-- Charts --> 2284 <!-- Charts -->
2280 <!-- 2285 <!--
2281 <h2 class="my-6 text-2xl font-semibold text-gray-700 dark:text-gray-200"> 2286 <h2 class="my-6 text-2xl font-semibold text-gray-700 dark:text-gray-200">
2282 Графики 2287 Графики
2283 </h2> 2288 </h2>
2284 <div class="grid gap-6 mb-8 md:grid-cols-2"> 2289 <div class="grid gap-6 mb-8 md:grid-cols-2">
2285 <div 2290 <div
2286 class="min-w-0 p-4 bg-white rounded-lg shadow-xs dark:bg-gray-800" 2291 class="min-w-0 p-4 bg-white rounded-lg shadow-xs dark:bg-gray-800"
2287 > 2292 >
2288 <h4 class="mb-4 font-semibold text-gray-800 dark:text-gray-300"> 2293 <h4 class="mb-4 font-semibold text-gray-800 dark:text-gray-300">
2289 Revenue 2294 Revenue
2290 </h4> 2295 </h4>
2291 <canvas id="pie"></canvas> 2296 <canvas id="pie"></canvas>
2292 <div 2297 <div
2293 class="flex justify-center mt-4 space-x-3 text-sm text-gray-600 dark:text-gray-400" 2298 class="flex justify-center mt-4 space-x-3 text-sm text-gray-600 dark:text-gray-400"
2294 > 2299 >
2295 2300
2296 <div class="flex items-center"> 2301 <div class="flex items-center">
2297 <span 2302 <span
2298 class="inline-block w-3 h-3 mr-1 bg-blue-500 rounded-full" 2303 class="inline-block w-3 h-3 mr-1 bg-blue-500 rounded-full"
2299 ></span> 2304 ></span>
2300 <span>Shirts</span> 2305 <span>Shirts</span>
2301 </div> 2306 </div>
2302 <div class="flex items-center"> 2307 <div class="flex items-center">
2303 <span 2308 <span
2304 class="inline-block w-3 h-3 mr-1 bg-teal-600 rounded-full" 2309 class="inline-block w-3 h-3 mr-1 bg-teal-600 rounded-full"
2305 ></span> 2310 ></span>
2306 <span>Shoes</span> 2311 <span>Shoes</span>
2307 </div> 2312 </div>
2308 <div class="flex items-center"> 2313 <div class="flex items-center">
2309 <span 2314 <span
2310 class="inline-block w-3 h-3 mr-1 bg-purple-600 rounded-full" 2315 class="inline-block w-3 h-3 mr-1 bg-purple-600 rounded-full"
2311 ></span> 2316 ></span>
2312 <span>Bags</span> 2317 <span>Bags</span>
2313 </div> 2318 </div>
2314 </div> 2319 </div>
2315 </div> 2320 </div>
2316 <div 2321 <div
2317 class="min-w-0 p-4 bg-white rounded-lg shadow-xs dark:bg-gray-800" 2322 class="min-w-0 p-4 bg-white rounded-lg shadow-xs dark:bg-gray-800"
2318 > 2323 >
2319 <h4 class="mb-4 font-semibold text-gray-800 dark:text-gray-300"> 2324 <h4 class="mb-4 font-semibold text-gray-800 dark:text-gray-300">
2320 Traffic 2325 Traffic
2321 </h4> 2326 </h4>
2322 <canvas id="line"></canvas> 2327 <canvas id="line"></canvas>
2323 <div 2328 <div
2324 class="flex justify-center mt-4 space-x-3 text-sm text-gray-600 dark:text-gray-400" 2329 class="flex justify-center mt-4 space-x-3 text-sm text-gray-600 dark:text-gray-400"
2325 > 2330 >
2326 2331
2327 <div class="flex items-center"> 2332 <div class="flex items-center">
2328 <span 2333 <span
2329 class="inline-block w-3 h-3 mr-1 bg-teal-600 rounded-full" 2334 class="inline-block w-3 h-3 mr-1 bg-teal-600 rounded-full"
2330 ></span> 2335 ></span>
2331 <span>Organic</span> 2336 <span>Organic</span>
2332 </div> 2337 </div>
2333 <div class="flex items-center"> 2338 <div class="flex items-center">
2334 <span 2339 <span
2335 class="inline-block w-3 h-3 mr-1 bg-purple-600 rounded-full" 2340 class="inline-block w-3 h-3 mr-1 bg-purple-600 rounded-full"
2336 ></span> 2341 ></span>
2337 <span>Paid</span> 2342 <span>Paid</span>
2338 </div> 2343 </div>
2339 </div> 2344 </div>
2340 </div> 2345 </div>
2341 </div> 2346 </div>
2342 --> 2347 -->
2343 </div> 2348 </div>
2344 </main> 2349 </main>
2345 </div> 2350 </div>
2346 </div> 2351 </div>
2347 @yield('modal') 2352 @yield('modal')
2348 </body> 2353 </body>
2349 @yield('script') 2354 @yield('script')
2350 </html> 2355 </html>
2351 2356
resources/views/modals/admin/messages/rejecte_message.blade.php
Diff comments   View file @ 3b5284e
File was created 1 <div class="hide">
2 <div id="rejecte_message" class="modal-dialog">
3 <div class="modal-dialog-title">
4 <h2>Отклонить сообщение</h2>
5 </div>
6 <div class="modal-dialog-body">
7 <p>Вы действительно хотите отклонить сообщение №<span class="message-id"></span> от "<b><span class="user-name"></span></b>"?</p>
8 </div>
9 <div class="modal-dialog-footer">
10 @include('modals.admin.modal_buttons.red', ['adm_modal_btn_class' => 'rejecte-message-button', 'adm_modal_btn_title' => 'Отклонить'])
11 @include('modals.admin.modal_buttons.close', ['adm_modal_btn_title' => 'Закрыть'])
12 </div>
13 </div>
14 </div>
15
16 <script>
17 $(function(){
18 $('.rejecte-message-button').click(function(){
19 spinStart($(this));
20 var wrap = $(this).closest('#rejecte_message');
21 var message_id = wrap.data('message-id');
22
23 $.ajax({
24 type: "POST",
25 url: "{{ route('admin.reject_message') }}",
26 data: {
27 id: message_id
28 },
29 headers: {
30 'X-CSRF-TOKEN': $('[name="_token"]').val()
31 },
32 success: function(){
33 location.reload();
34 }
35 });
36 });
37 });
38 </script>
39
resources/views/modals/admin/messages/send_message.blade.php
Diff comments   View file @ 3b5284e
File was created 1 <div class="hide">
2 <div id="send_message" class="modal-dialog">
3 <div class="modal-dialog-title">
4 <h2>Отправить сообщение</h2>
5 </div>
6 <div class="modal-dialog-body">
7 <p>Вы действительно хотите отправить сообщение №<span class="message-id"></span> от "<b><span class="user-name"></span></b>"?</p>
8 </div>
9 <div class="modal-dialog-footer">
10 @include('modals.admin.modal_buttons.green', ['adm_modal_btn_class' => 'send-message-button', 'adm_modal_btn_title' => 'Отправить'])
11 @include('modals.admin.modal_buttons.close', ['adm_modal_btn_title' => 'Закрыть'])
12 </div>
13 </div>
14 </div>
15
16 <script>
17 $(function(){
18 $('.send-message-button').click(function(){
19 spinStart($(this));
20 var wrap = $(this).closest('#send_message');
21 var message_id = wrap.data('message-id');
22
23 $.ajax({
24 type: "POST",
25 url: "{{ route('admin.send_message') }}",
26 data: {
27 id: message_id
28 },
29 headers: {
30 'X-CSRF-TOKEN': $('[name="_token"]').val()
31 },
32 success: function(){
33 location.reload();
34 }
35 });
36 });
37 });
38 </script>
39
resources/views/modals/admin/modal_buttons/close.blade.php
Diff comments   View file @ 3b5284e
File was created 1 <button type="button" class="px-3 py-1 text-sm font-medium leading-5 transition-colors duration-150 bg-white border border-transparent rounded-md border-gray-300"
2 onclick="$.fancybox.close();">
3 {{ $adm_modal_btn_title ?? 'Закрыть' }}
4 </button>
5
resources/views/modals/admin/modal_buttons/green.blade.php
Diff comments   View file @ 3b5284e
File was created 1 <button type="button" class="{{ $adm_modal_btn_class }} flex px-3 py-1 text-sm font-medium leading-5 text-white transition-colors duration-150 bg-green-600 border border-transparent rounded-md active:bg-purple-600 hover:bg-purple-700 focus:outline-none focus:shadow-outline-purple">
2 {{ $adm_modal_btn_title }}
3 </button>
4
resources/views/modals/admin/modal_buttons/red.blade.php
Diff comments   View file @ 3b5284e
File was created 1 <button type="button" class="{{ $adm_modal_btn_class }} flex px-3 py-1 text-sm font-medium leading-5 text-white transition-colors duration-150 bg-red-600 border border-transparent rounded-md active:bg-purple-600 hover:bg-purple-700 focus:outline-none focus:shadow-outline-purple">
2 {{ $adm_modal_btn_title }}
3 </button>
4
resources/views/modals/chats/answer_from_admin_chat.blade.php
Diff comments   View file @ 3b5284e
File was created 1 <div class="hide">
2 <div id="answer_from_admin_chat_modal" class="modal-dialog">
3 <div class="modal-dialog-title">
4 <h2>Ответить работодателю</h2>
5 </div>
6 <div class="modal-dialog-body">
7 <textarea class="textarea" name="text" placeholder="" required></textarea>
8 </div>
9 <div class="modal-dialog-footer">
10 <button type="button" class="button answer-from-admin-chat-button">Отправить</button>
11 <button type="button" class="button button_light" onclick="$.fancybox.close();">Закрыть</button>
12 </div>
13 </div>
14 </div>
15
16 <script>
17 $(function (){
18 $('.answer-from-admin-chat-button').click(function(){
19 spinStart($(this));
20 var wrap = $(this).closest('#answer_from_admin_chat_modal');
21 var to_user_id = wrap.data('to-user-id');
22 var reply_message_id = wrap.data('message-id');
23 var textarea = wrap.find('[name="text"]');
24 var text = textarea.val()
25
26 textarea.removeClass('border-red');
27 if (!text.trim()){
28 textarea.addClass('border-red');
29 return;
30 }
31
32 $.ajax({
33 type: "POST",
34 url: "{{ route('send_message') }}",
35 data: {
36 to_user_id: to_user_id,
37 reply_message_id: reply_message_id,
38 text: text
39 },
40 dataType: 'json',
41 headers: {
42 'X-CSRF-TOKEN': $('[name="_token"]').val()
43 },
44 success: function(res){
45 if (res && res.success && res.url_redirect){
46 window.location.replace(res.url_redirect);
47 } else{
48 location.reload();
49 }
50 }
51 });
52 });
53 });
54 </script>
55
resources/views/resume.blade.php
Diff comments   View file @ 3b5284e
1 @extends('layout.frontend', ['title' => 'База резюме - РекаМоре']) 1 @extends('layout.frontend', ['title' => 'База резюме - РекаМоре'])
2 2
3 @section('scripts') 3 @section('scripts')
4 <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script> 4 <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
5 <script> 5 <script>
6 console.log('Test system'); 6 console.log('Test system');
7 $(document).on('change', '#jobs', function() { 7 $(document).on('change', '#jobs', function() {
8 var val = $(this).val(); 8 var val = $(this).val();
9 var main_oskar = $('#main_ockar'); 9 var main_oskar = $('#main_ockar');
10 10
11 console.log('Code='+val); 11 console.log('Code='+val);
12 console.log('Click change...'); 12 console.log('Click change...');
13 $.ajax({ 13 $.ajax({
14 type: "GET", 14 type: "GET",
15 url: "", 15 url: "",
16 data: "job="+val, 16 data: "job="+val,
17 success: function (data) { 17 success: function (data) {
18 console.log('Выбор сделан!'); 18 console.log('Выбор сделан!');
19 console.log(data); 19 console.log(data);
20 main_oskar.html(data); 20 main_oskar.html(data);
21 }, 21 },
22 headers: { 22 headers: {
23 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') 23 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
24 }, 24 },
25 error: function (data) { 25 error: function (data) {
26 data = JSON.stringify(data); 26 data = JSON.stringify(data);
27 console.log('Error: ' + data); 27 console.log('Error: ' + data);
28 } 28 }
29 }); 29 });
30 }); 30 });
31 </script> 31 </script>
32 32
33 <script> 33 <script>
34 $(document).ready(function() { 34 $(document).ready(function() {
35 $(document).on('click', '.js_box_favorites', function () {
36 var _this = $(this);
37 var id_worker = _this.attr('data-val');
38 35
39 if (_this.hasClass('active')) {
40 add_in_array(id_worker);
41 console.log('Добавлено в избранное id=' + id_worker);
42 } else {
43 delete_in_array(id_worker);
44 console.log('Удалено из избранных id='+id_worker)
45 }
46 var str = $.cookie('favorite_worker');
47 console.log("Вывод куков "+str);
48
49 });
50 }); 36 });
51 37
52 //помеченный элемент 38 //помеченный элемент
53 function selected_item(obj) { 39 function selected_item(obj) {
54 var arr = read_array(); 40 var arr = read_array();
55 var index = arr.indexOf(obj); 41 var index = arr.indexOf(obj);
56 42
57 if (index > 0) 43 if (index > 0)
58 return "active"; 44 return "active";
59 else 45 else
60 return ""; 46 return "";
61 } 47 }
62 48
63 // запись элемента массива в cookie 49 // запись элемента массива в cookie
64 function add_in_array(obj){ 50 function add_in_array(obj){
65 var arr = read_array();//получаем текущее состояние массива 51 var arr = read_array();//получаем текущее состояние массива
66 arr[arr.length]=obj; //добавляем элемент в конец 52 arr[arr.length]=obj; //добавляем элемент в конец
67 //var str = JSON.stringify(arr);//конвертируем в строку 53 //var str = JSON.stringify(arr);//конвертируем в строку
68 //$.cookie('arr',str);//записываем массив в куки 54 //$.cookie('arr',str);//записываем массив в куки
69 $.cookie('favorite_worker', JSON.stringify(arr)); 55 $.cookie('favorite_worker', JSON.stringify(arr));
70 56
71 } 57 }
72 58
73 // удаление элемента из массива в cookie 59 // удаление элемента из массива в cookie
74 function delete_in_array(obj) { 60 function delete_in_array(obj) {
75 var arr = read_array(); 61 var arr = read_array();
76 var unique = [...new Set(arr)] 62 var unique = [...new Set(arr)]
77 var index = unique.indexOf(obj); 63 var index = unique.indexOf(obj);
78 64
79 unique.splice(index, 1); 65 unique.splice(index, 1);
80 66
81 //var str = JSON.stringify(arr);//конвертируем в строку 67 //var str = JSON.stringify(arr);//конвертируем в строку
82 //$.cookie('arr',str);//записываем массив в куки 68 //$.cookie('arr',str);//записываем массив в куки
83 $.cookie('favorite_worker', JSON.stringify(unique)); 69 $.cookie('favorite_worker', JSON.stringify(unique));
84 70
85 } 71 }
86 72
87 function read_array(){ 73 function read_array(){
88 var dataArr=$.cookie('favorite_worker');//считываем данные из куков 74 var dataArr=$.cookie('favorite_worker');//считываем данные из куков
89 75
90 //если массив не был обнаружен, иницилизируем его 76 //если массив не был обнаружен, иницилизируем его
91 if(dataArr===null){ 77 if(dataArr===null){
92 dataArr = init_array(); //возвращаем инициализированный пустой маасив 78 dataArr = init_array(); //возвращаем инициализированный пустой маасив
93 } 79 }
94 //возвращаем полученный массив 80 //возвращаем полученный массив
95 //return JSON.parse(dataArr); 81 //return JSON.parse(dataArr);
96 return JSON.parse(dataArr); 82 return JSON.parse(dataArr);
97 } 83 }
98 84
99 //другими словами создаем пустой массив 85 //другими словами создаем пустой массив
100 function init_array(){ 86 function init_array(){
101 //var str = JSON.stringify(new Array());//конвертируем в строку 87 //var str = JSON.stringify(new Array());//конвертируем в строку
102 var str = JSON.stringify(new Array()); 88 var str = JSON.stringify(new Array());
103 $.cookie('favorite_worker',str);//записываем массив в куки 89 $.cookie('favorite_worker',str);//записываем массив в куки
104 90
105 return str; 91 return str;
106 } 92 }
107 </script> 93 </script>
108 <script> 94 <script>
109 $(document).on('click', '.js_it_button', function() { 95 $(document).on('click', '.js_it_button', function() {
110 var this_ = $(this); 96 var this_ = $(this);
111 var code_user_id = this_.attr('data-uid'); 97 var code_user_id = this_.attr('data-uid');
112 var code_to_user_id = this_.attr('data-tuid'); 98 var code_to_user_id = this_.attr('data-tuid');
113 var code_vacancy = this_.attr('data-vacancy'); 99 var code_vacancy = this_.attr('data-vacancy');
114 var user_id = $('#_user_id'); 100 var user_id = $('#_user_id');
115 var to_user_id = $('#_to_user_id'); 101 var to_user_id = $('#_to_user_id');
116 var vacancy = $('#_vacancy'); 102 var vacancy = $('#_vacancy');
117 103
118 console.log('code_to_user_id='+code_to_user_id); 104 console.log('code_to_user_id='+code_to_user_id);
119 console.log('code_user_id='+code_user_id); 105 console.log('code_user_id='+code_user_id);
120 console.log('code_vacancy='+code_vacancy); 106 console.log('code_vacancy='+code_vacancy);
121 console.log('Клик на кнопке...'); 107 console.log('Клик на кнопке...');
122 108
123 user_id.val(code_user_id); 109 user_id.val(code_user_id);
124 to_user_id.val(code_to_user_id); 110 to_user_id.val(code_to_user_id);
125 vacancy.val(code_vacancy); 111 vacancy.val(code_vacancy);
126 }); 112 });
127 </script> 113 </script>
128 <script> 114 <script>
129 $(document).on('change', '#sort_ajax', function() { 115 $(document).on('change', '#sort_ajax', function() {
130 var this_ = $(this); 116 var this_ = $(this);
131 var val_ = this_.val(); 117 var val_ = this_.val();
132 console.log('sort items '+val_); 118 console.log('sort items '+val_);
133 119
134 $.ajax({ 120 $.ajax({
135 type: "GET", 121 type: "GET",
136 url: "{{ route('bd_resume') }}", 122 url: "{{ route('bd_resume') }}",
137 data: "sort="+val_+"&block=1", 123 data: "sort="+val_+"&block=1",
138 success: function (data) { 124 success: function (data) {
139 console.log('Выбор сортировки'); 125 console.log('Выбор сортировки');
140 console.log(data); 126 console.log(data);
141 $('#block1').html(data); 127 $('#block1').html(data);
142 history.pushState({}, '', "{{ route('bd_resume') }}?sort="+val_+"@if (isset($_GET['page']))&page={{ $_GET['page'] }}@endif"); 128 history.pushState({}, '', "{{ route('bd_resume') }}?sort="+val_+"@if (isset($_GET['page']))&page={{ $_GET['page'] }}@endif");
143 }, 129 },
144 headers: { 130 headers: {
145 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') 131 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
146 }, 132 },
147 error: function (data) { 133 error: function (data) {
148 data = JSON.stringify(data); 134 data = JSON.stringify(data);
149 console.log('Error: ' + data); 135 console.log('Error: ' + data);
150 } 136 }
151 }); 137 });
152 }); 138 });
153 139
154 $(document).ready(function(){ 140 $(document).ready(function(){
155 var sel = $('#select2-sort_ajax-container'); 141 var sel = $('#select2-sort_ajax-container');
156 var key = getUrlParameter('sort'); 142 var key = getUrlParameter('sort');
157 console.log(sel); 143 console.log(sel);
158 console.log(key); 144 console.log(key);
159 145
160 if (key !=='') { 146 if (key !=='') {
161 console.log(key); 147 console.log(key);
162 switch (key) { 148 switch (key) {
163 case "default": sel.html('Сортировка (по умолчанию)'); break; 149 case "default": sel.html('Сортировка (по умолчанию)'); break;
164 case "name_up": sel.html('По имени (возрастание)'); break; 150 case "name_up": sel.html('По имени (возрастание)'); break;
165 case "name_down": sel.html('По дате (убывание)'); break; 151 case "name_down": sel.html('По дате (убывание)'); break;
166 case "created_at_up": sel.html('По дате (возрастание)'); break; 152 case "created_at_up": sel.html('По дате (возрастание)'); break;
167 case "created_at_down": sel.html('По дате (убывание)'); break; 153 case "created_at_down": sel.html('По дате (убывание)'); break;
168 } 154 }
169 155
170 } 156 }
171 }); 157 });
172 </script> 158 </script>
173 159
174 <script> 160 <script>
175 console.log('Test system'); 161 console.log('Test system');
176 $(document).on('change', '.jobs', function() { 162 $(document).on('change', '.jobs', function() {
177 var val = $(this).val(); 163 var val = $(this).val();
178 164
179 console.log('Click filter вакансии...'); 165 console.log('Click filter вакансии...');
180 $.ajax({ 166 $.ajax({
181 type: "GET", 167 type: "GET",
182 url: "{{ route('bd_resume') }}", 168 url: "{{ route('bd_resume') }}",
183 data: "job="+val+'&block=1', 169 data: "job="+val+'&block=1',
184 success: function (data) { 170 success: function (data) {
185 console.log('Выбор должности'); 171 console.log('Выбор должности');
186 console.log(data); 172 console.log(data);
187 $('#block1').html(data); 173 $('#block1').html(data);
188 history.pushState({}, '', "{{ route('bd_resume') }}?job="+val+"@if (isset($_GET['sort']))&sort={{ $_GET['sort'] }}@endif"+"@if (isset($_GET['page']))&page={{ $_GET['page'] }}@endif"); 174 history.pushState({}, '', "{{ route('bd_resume') }}?job="+val+"@if (isset($_GET['sort']))&sort={{ $_GET['sort'] }}@endif"+"@if (isset($_GET['page']))&page={{ $_GET['page'] }}@endif");
189 }, 175 },
190 headers: { 176 headers: {
191 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') 177 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
192 }, 178 },
193 error: function (data) { 179 error: function (data) {
194 data = JSON.stringify(data); 180 data = JSON.stringify(data);
195 console.log('Error: ' + data); 181 console.log('Error: ' + data);
196 } 182 }
197 }); 183 });
198 }); 184 });
199 </script> 185 </script>
200 @include('js.favorite-worker') 186 @include('js.favorite-worker')
201 @endsection 187 @endsection
202 188
203 189
204 @section('content') 190 @section('content')
205 <section class="thing"> 191 <section class="thing">
206 <div class="container"> 192 <div class="container">
207 <form class="thing__body" action="{{ url()->current() }}"> 193 <form class="thing__body" action="{{ url()->current() }}">
208 <ul class="breadcrumbs thing__breadcrumbs"> 194 <ul class="breadcrumbs thing__breadcrumbs">
209 <li><a href="{{ route('index') }}">Главная</a></li> 195 <li><a href="{{ route('index') }}">Главная</a></li>
210 <li><b>База резюме</b></li> 196 <li><b>База резюме</b></li>
211 </ul> 197 </ul>
212 <h1 class="thing__title">База резюме</h1> 198 <h1 class="thing__title">База резюме</h1>
213 <p class="thing__text">С другой стороны, социально-экономическое развитие не оставляет шанса для 199 <p class="thing__text">С другой стороны, социально-экономическое развитие не оставляет шанса для
214 существующих финансовых и административных условий.</p> 200 существующих финансовых и административных условий.</p>
215 201
216 <div class="select select_search thing__select"> 202 <div class="select select_search thing__select">
217 <div class="select__icon"> 203 <div class="select__icon">
218 <svg> 204 <svg>
219 <use xlink:href="{{ asset('images/sprite.svg#search') }}"></use> 205 <use xlink:href="{{ asset('images/sprite.svg#search') }}"></use>
220 </svg> 206 </svg>
221 </div> 207 </div>
222 <select class="js-select2 jobs" name="search" id="search"> 208 <select class="js-select2 jobs" name="search" id="search">
223 <option value="0">Выберите должность</option> 209 <option value="0">Выберите должность</option>
224 @if($Job_title->count()) 210 @if($Job_title->count())
225 @foreach($Job_title as $JT) 211 @foreach($Job_title as $JT)
226 <option value="{{ $JT->id }}" @if (isset($_GET['job'])) @if($_GET['job'] == $JT->id) selected @endif @endif>{{ $JT->name }}</option> 212 <option value="{{ $JT->id }}" @if (isset($_GET['job'])) @if($_GET['job'] == $JT->id) selected @endif @endif>{{ $JT->name }}</option>
227 @endforeach 213 @endforeach
228 @endif 214 @endif
229 </select> 215 </select>
230 </div> 216 </div>
231 </form> 217 </form>
232 </div> 218 </div>
233 </section> 219 </section>
234 <main class="main"> 220 <main class="main">
235 <div class="container"> 221 <div class="container">
236 <div class="main__resume-base"> 222 <div class="main__resume-base">
237 <h2>Резюме работников</h2> 223 <h2>Резюме работников</h2>
238 <div class="filters"> 224 <div class="filters">
239 <div class="filters__label">Показано {{ $resumes->firstItem() }} – {{ $resumes->lastItem() }} из {{ $res_count }} результатов поиска</div> 225 <div class="filters__label">Показано {{ $resumes->firstItem() }} – {{ $resumes->lastItem() }} из {{ $res_count }} результатов поиска</div>
240 <div class="filters__body"> 226 <div class="filters__body">
241 <div class="select filters__select"> 227 <div class="select filters__select">
242 <select class="js-select2" id="sort_ajax" name="sort_ajax"> 228 <select class="js-select2" id="sort_ajax" name="sort_ajax">
243 <option value="all_workers">Все кандидаты</option> 229 <option value="all_workers">Все кандидаты</option>
244 <option value="looking_for_work">Ищу работу</option> 230 <option value="looking_for_work">Ищу работу</option>
245 <option value="considering_offers">Рассматриваю предложения</option> 231 <option value="considering_offers">Рассматриваю предложения</option>
246 <option value="not_looking_for_work">Не ищу работу</option> 232 <option value="not_looking_for_work">Не ищу работу</option>
247 </select> 233 </select>
248 </div> 234 </div>
249 </div> 235 </div>
250 </div> 236 </div>
251 <div class="main__resume-base-body showed" data-body="1"> 237 <div class="main__resume-base-body showed" data-body="1">
252 <div class="main__resume-base-body-one" id="block1" name="block1"> 238 <div class="main__resume-base-body-one" id="block1" name="block1">
253 @include('resume.resume_blocks') 239 @include('resume.resume_blocks')
254 </div> 240 </div>
255 </div> 241 </div>
256 </div> 242 </div>
257 </div> 243 </div>
258 </main> 244 </main>
259 </div> 245 </div>
260 </div> 246 </div>
261 @endsection 247 @endsection
262 248
resources/views/resume/resume_blocks.blade.php
Diff comments   View file @ 3b5284e
1 @if ($resumes->count()) 1 @if ($resumes->count())
2 @foreach ($resumes as $res) 2 @foreach ($resumes as $res)
3 <div class="main__resume-base-body-item"> 3 <div class="main__resume-base-body-item">
4 <div class="main__resume-base-body-item-wrapper"> 4 <div class="main__resume-base-body-item-wrapper">
5 <div> 5 <div>
6 <img src="@isset ($res->photo) {{ asset(Storage::url($res->photo)) }} @else {{ asset('images/default_man.jpg')}} @endif" alt="" class="main__resume-base-body-item-photo"> 6 <img src="@isset ($res->photo) {{ asset(Storage::url($res->photo)) }} @else {{ asset('images/default_man.jpg')}} @endif" alt="" class="main__resume-base-body-item-photo">
7 <div> 7 <div>
8 <div class="main__resume-base-body-item-buttons"> 8 <div class="main__resume-base-body-item-buttons">
9 <button type="button" data-id="{{ $res->id }}" id="elem{{ $res->id }}" class="like js-toggle js_box_favorit {{ \App\Classes\LikesClass::get_status_worker($res) }}" data-val="{{ $res->id }}"> 9 <button type="button" data-id="{{ $res->id }}" id="elem{{ $res->id }}" class="like js_box_favorit {{ \App\Classes\LikesClass::get_status_worker($res) }}" data-val="{{ $res->id }}">
10 <svg> 10 <svg>
11 <use xlink:href="{{ asset('images/sprite.svg#heart') }}"></use> 11 <use xlink:href="{{ asset('images/sprite.svg#heart') }}"></use>
12 </svg> 12 </svg>
13 <span class="to-favorites">В избранное</span> 13 <span class="to-favorites">В избранное</span>
14 <span class="in-favorites">В избранном</span> 14 <span class="in-favorites">В избранном</span>
15 </button> 15 </button>
16 16
17 @guest 17 @guest
18 <button type="button" data-fancybox data-src="#question" data-options='{"touch":false,"autoFocus":false}' 18 <button type="button" data-fancybox data-src="#question" data-options='{"touch":false,"autoFocus":false}'
19 class="chat js-toggle js_it_button"> 19 class="chat js-toggle js_it_button">
20 <svg> 20 <svg>
21 <use xlink:href="{{ asset('images/sprite.svg#chat') }}"></use> 21 <use xlink:href="{{ asset('images/sprite.svg#chat') }}"></use>
22 </svg> 22 </svg>
23 <span>Написать</span> 23 <span>Написать</span>
24 </button> 24 </button>
25 @else 25 @else
26 @if (App\Classes\StatusUser::Status()==0) 26 @if (App\Classes\StatusUser::Status()==0)
27 @if ((!Auth()->user()->is_worker) && (Auth()->user()->is_message)) 27 @if ((!Auth()->user()->is_worker) && (Auth()->user()->is_message))
28 <button type="button" class="chat js-toggle js_it_button" data-fancybox data-src="#send2" data-vacancy="0" data-uid="{{ $idiot}}" data-tuid="{{ $res->users->id }}" data-options='{"touch":false,"autoFocus":false}'> 28 <button type="button" class="chat js-toggle js_it_button" data-fancybox data-src="#send2" data-vacancy="0" data-uid="{{ $idiot}}" data-tuid="{{ $res->users->id }}" data-options='{"touch":false,"autoFocus":false}'>
29 <svg> 29 <svg>
30 <use xlink:href="{{ asset('images/sprite.svg#chat') }}"></use> 30 <use xlink:href="{{ asset('images/sprite.svg#chat') }}"></use>
31 </svg> 31 </svg>
32 <span>Написать</span> 32 <span>Написать</span>
33 </button> 33 </button>
34 @endif 34 @endif
35 @else 35 @else
36 <button type="button" data-fancybox data-src="#question2" data-options='{"touch":false,"autoFocus":false}' 36 <button type="button" data-fancybox data-src="#question2" data-options='{"touch":false,"autoFocus":false}'
37 class="chat js-toggle js_it_button"> 37 class="chat js-toggle js_it_button">
38 <svg> 38 <svg>
39 <use xlink:href="{{ asset('images/sprite.svg#chat') }}"></use> 39 <use xlink:href="{{ asset('images/sprite.svg#chat') }}"></use>
40 </svg> 40 </svg>
41 <span>Написать</span> 41 <span>Написать</span>
42 </button> 42 </button>
43 @endif 43 @endif
44 @endif 44 @endif
45 45
46 <a href="{{ route('resume_profile', ['worker' => $res->id]) }}" class="button button_light main__resume-base-body-item-link">Подробнее</a> 46 <a href="{{ route('resume_profile', ['worker' => $res->id]) }}" class="button button_light main__resume-base-body-item-link">Подробнее</a>
47 </div> 47 </div>
48 </div> 48 </div>
49 </div> 49 </div>
50 <div class="main__resume-base-body-item-inner"> 50 <div class="main__resume-base-body-item-inner">
51 <div class="horizontal"> 51 <div class="horizontal">
52 <div class="main__resume-base-item-status @if ($res->status_work == 0) looking-for-job @endif"> 52 <div class="main__resume-base-item-status @if ($res->status_work == 0) looking-for-job @endif">
53 {{ $status_work[$res->status_work] }} 53 {{ $status_work[$res->status_work] }}
54 </div> 54 </div>
55 <div class="main__resume-base-item-updated-at"> 55 <div class="main__resume-base-item-updated-at">
56 Обновлено: {{ date('d.m.Y', strtotime($res->updated_at)) }} 56 Обновлено: {{ date('d.m.Y', strtotime($res->updated_at)) }}
57 </div> 57 </div>
58 </div> 58 </div>
59 <div> 59 <div>
60 <b>Предпочтение по типу судна:</b> 60 <b>Предпочтение по типу судна:</b>
61 <span>{{ $res->boart_type_preference ?? '-' }}</span> 61 <span>{{ $res->boart_type_preference ?? '-' }}</span>
62 </div> 62 </div>
63 <div> 63 <div>
64 <b>ФИО:</b> 64 <b>ФИО:</b>
65 <span>@if (isset($res->users)){{ $res->users->surname." ".$res->users->name_man." ".$res->users->surname2 }} @endif</span> 65 <span>@if (isset($res->users)){{ $res->users->surname." ".$res->users->name_man." ".$res->users->surname2 }} @endif</span>
66 </div> 66 </div>
67 <div> 67 <div>
68 <b>Наличие визы:</b> 68 <b>Наличие визы:</b>
69 <span>{{ $res->visa_available ?? '-' }}</span> 69 <span>{{ $res->visa_available ?? '-' }}</span>
70 </div> 70 </div>
71 <div> 71 <div>
72 <b>Возраст:</b> 72 <b>Возраст:</b>
73 <span>{{ $res->old_year ?? '-' }}</span> 73 <span>{{ $res->old_year ?? '-' }}</span>
74 </div> 74 </div>
75 <div> 75 <div>
76 <b>Наличие танкерных документов:</b> 76 <b>Наличие танкерных документов:</b>
77 <span>{{ $res->tanker_documents_available ?? '-' }}</span> 77 <span>{{ $res->tanker_documents_available ?? '-' }}</span>
78 </div> 78 </div>
79 <div> 79 <div>
80 <b>Желаемые вакансии:</b> 80 <b>Желаемые вакансии:</b>
81 <span> 81 <span>
82 @if ($res->job_titles->count()) 82 @if ($res->job_titles->count())
83 @foreach ($res->job_titles as $job_title) 83 @foreach ($res->job_titles as $job_title)
84 {{ $job_title->name }} 84 {{ $job_title->name }}
85 @if (!$loop->last) / @endif 85 @if (!$loop->last) / @endif
86 @endforeach 86 @endforeach
87 @else 87 @else
88 - 88 -
89 @endif 89 @endif
90 </span> 90 </span>
91 </div> 91 </div>
92 <div> 92 <div>
93 <b>Наличие подтверждения для работы на ВВП:</b> 93 <b>Наличие подтверждения для работы на ВВП:</b>
94 <span>{{ $res->confirmation_work_for_vvp ?? '-' }}</span> 94 <span>{{ $res->confirmation_work_for_vvp ?? '-' }}</span>
95 </div> 95 </div>
96 <div> 96 <div>
97 <b>Пожелание к З/П:</b> 97 <b>Пожелание к З/П:</b>
98 <span>{{ $res->salary_expectations ?? '-' }}</span> 98 <span>{{ $res->salary_expectations ?? '-' }}</span>
99 </div> 99 </div>
100 <div> 100 <div>
101 <b>Город проживания</b> 101 <b>Город проживания</b>
102 <span>{{ $res->city ?? "-" }}</span> 102 <span>{{ $res->city ?? "-" }}</span>
103 </div> 103 </div>
104 <div> 104 <div>
105 <b>Уровень английского:</b> 105 <b>Уровень английского:</b>
106 <span>{{ $res->english_level ?? '-' }}</span> 106 <span>{{ $res->english_level ?? '-' }}</span>
107 </div> 107 </div>
108 <div> 108 <div>
109 <b>Номер телефона:</b> 109 <b>Номер телефона:</b>
110 <span><a href="tel:{{ $res->telephone }}">{{ $res->telephone ?? '-' }}</a></span> 110 <span><a href="tel:{{ $res->telephone }}">{{ $res->telephone ?? '-' }}</a></span>
111 </div> 111 </div>
112 <div> 112 <div>
113 <b>Дата готовности к посадке:</b> 113 <b>Дата готовности к посадке:</b>
114 <span>{{ $res->ready_boart_date ?? '-' }}</span> 114 <span>{{ $res->ready_boart_date ?? '-' }}</span>
115 </div> 115 </div>
116 <div> 116 <div>
117 <b>E-mail:</b> 117 <b>E-mail:</b>
118 <span><a href="mailto:{{ $res->email }}">{{ $res->email }}</a></span> 118 <span><a href="mailto:{{ $res->email }}">{{ $res->email }}</a></span>
119 </div> 119 </div>
120 </div> 120 </div>
121 </div> 121 </div>
122 </div> 122 </div>
123 @endforeach 123 @endforeach
124 124
125 {{ $resumes->appends($_GET)->links('paginate') }} 125 {{ $resumes->appends($_GET)->links('paginate') }}
126 @else 126 @else
127 <p>По данному запросу ничего не найдено</p> 127 <p>По данному запросу ничего не найдено</p>
128 @endif 128 @endif
129 129
resources/views/svg/logo_icon.blade.php
Diff comments   View file @ 3b5284e
File was created 1 <div style="width: 56px;overflow: hidden;">
2 <svg style="width: 182px;height: 54px;color: #377d87;">
3 <use xlink:href="{{ asset('images/sprite.svg#logo') }}"></use>
4 </svg>
5 </div>
6
resources/views/worker.blade.php
Diff comments   View file @ 3b5284e
1 @extends('layout.frontend', ['title' => 'Карточка соискателя - РекаМоре']) 1 @extends('layout.frontend', ['title' => 'Карточка соискателя - РекаМоре'])
2 2
3 @section('scripts') 3 @section('scripts')
4 <script> 4 <script>
5 $(function(){ 5 $(function(){
6 $('[name="footer-like-button"]').click(function(){ 6 $('[name="footer-like-button"]').click(function(){
7 $('[name="header-like-button"]').click(); 7 $('[name="header-like-button"]').click();
8 $(this).toggleClass('active'); 8 $(this).toggleClass('active');
9 }); 9 });
10 $('[name="header-like-button"]').click(function(){ 10 $('[name="header-like-button"]').click(function(){
11 $('[name="footer-like-button"]').toggleClass('active'); 11 $('[name="footer-like-button"]').toggleClass('active');
12 }); 12 });
13 }); 13 });
14 14
15 console.log('Test system'); 15 console.log('Test system');
16 $(document).on('change', '#jobs', function() { 16 $(document).on('change', '#jobs', function() {
17 var val = $(this).val(); 17 var val = $(this).val();
18 var main_oskar = $('#main_ockar'); 18 var main_oskar = $('#main_ockar');
19 19
20 console.log('Code='+val); 20 console.log('Code='+val);
21 console.log('Click change...'); 21 console.log('Click change...');
22 $.ajax({ 22 $.ajax({
23 type: "GET", 23 type: "GET",
24 url: "", 24 url: "",
25 data: "job="+val, 25 data: "job="+val,
26 success: function (data) { 26 success: function (data) {
27 console.log('Выбор сделан!'); 27 console.log('Выбор сделан!');
28 console.log(data); 28 console.log(data);
29 main_oskar.html(data); 29 main_oskar.html(data);
30 }, 30 },
31 headers: { 31 headers: {
32 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') 32 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
33 }, 33 },
34 error: function (data) { 34 error: function (data) {
35 data = JSON.stringify(data); 35 data = JSON.stringify(data);
36 console.log('Error: ' + data); 36 console.log('Error: ' + data);
37 } 37 }
38 }); 38 });
39 }); 39 });
40 </script> 40 </script>
41 41
42 <script> 42 <script>
43 $(document).on('click', '.js_it_button', function() { 43 $(document).on('click', '.js_it_button', function() {
44 var this_ = $(this); 44 var this_ = $(this);
45 var code_user_id = this_.attr('data-uid'); 45 var code_user_id = this_.attr('data-uid');
46 var code_to_user_id = this_.attr('data-tuid'); 46 var code_to_user_id = this_.attr('data-tuid');
47 var code_vacancy = this_.attr('data-vacancy'); 47 var code_vacancy = this_.attr('data-vacancy');
48 var user_id = $('#_user_id'); 48 var user_id = $('#_user_id');
49 var to_user_id = $('#_to_user_id'); 49 var to_user_id = $('#_to_user_id');
50 var vacancy = $('#_vacancy'); 50 var vacancy = $('#_vacancy');
51 51
52 console.log('code_to_user_id='+code_to_user_id); 52 console.log('code_to_user_id='+code_to_user_id);
53 console.log('code_user_id='+code_user_id); 53 console.log('code_user_id='+code_user_id);
54 console.log('code_vacancy='+code_vacancy); 54 console.log('code_vacancy='+code_vacancy);
55 console.log('Клик на кнопке...'); 55 console.log('Клик на кнопке...');
56 56
57 user_id.val(code_user_id); 57 user_id.val(code_user_id);
58 to_user_id.val(code_to_user_id); 58 to_user_id.val(code_to_user_id);
59 vacancy.val(code_vacancy); 59 vacancy.val(code_vacancy);
60 }); 60 });
61 </script> 61 </script>
62 @include('js.favorite-worker') 62 @include('js.favorite-worker')
63 @endsection 63 @endsection
64 64
65 @section('content') 65 @section('content')
66 @php 66 @php
67 $worker = $Query[0]; 67 $worker = $Query[0];
68 @endphp 68 @endphp
69 <section class="thing"> 69 <section class="thing">
70 <div class="container"> 70 <div class="container">
71 <ul class="breadcrumbs thing__breadcrumbs"> 71 <ul class="breadcrumbs thing__breadcrumbs">
72 <li><a href="{{ route('index') }}">Главная</a></li> 72 <li><a href="{{ route('index') }}">Главная</a></li>
73 <li><a href="{{ route('bd_resume') }}">База резюме</a></li> 73 <li><a href="{{ route('bd_resume') }}">База резюме</a></li>
74 <li><b>@if (isset($Query[0]->users)) {{ $Query[0]->users->surname." ".$Query[0]->users->name_man." ".$Query[0]->users->surname2 }} @else Неизвестно @endif</b></li> 74 <li><b>@if (isset($Query[0]->users)) {{ $Query[0]->users->surname." ".$Query[0]->users->name_man." ".$Query[0]->users->surname2 }} @else Неизвестно @endif</b></li>
75 </ul> 75 </ul>
76 <div class="thing__profile"> 76 <div class="thing__profile">
77 <img src="@if (isset($Query[0]->photo)) {{ asset(Storage::url($Query[0]->photo)) }} @else {{ asset('images/default_man.jpg') }} @endif" alt="" class="main__resume-base-body-item-photo"> 77 <img src="@if (isset($Query[0]->photo)) {{ asset(Storage::url($Query[0]->photo)) }} @else {{ asset('images/default_man.jpg') }} @endif" alt="" class="main__resume-base-body-item-photo">
78 <div class="thing__profile-body"> 78 <div class="thing__profile-body">
79 <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> 79 <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>
80 <p class="thing__text">Сложно сказать, почему ключевые особенности структуры проекта рассмотрены 80 <p class="thing__text">Сложно сказать, почему ключевые особенности структуры проекта рассмотрены
81 исключительно в разрезе маркетинговых и финансовых предпосылок.</p> 81 исключительно в разрезе маркетинговых и финансовых предпосылок.</p>
82 <div class="main__resume-profile-about-buttons thing__bottom"> 82 <div class="main__resume-profile-about-buttons thing__bottom">
83 <button type="button" class="like js-toggle js_box_favorit {{ \App\Classes\LikesClass::get_status_worker($Query[0]) }}" data-val="{{ $Query[0]->id }}" id="elem{{ $Query[0]->id }}" 83 <button type="button" class="like js_box_favorit {{ \App\Classes\LikesClass::get_status_worker($Query[0]) }}" data-val="{{ $Query[0]->id }}" id="elem{{ $Query[0]->id }}"
84 name="header-like-button" 84 name="header-like-button"
85 > 85 >
86 <svg class="mr-10"> 86 <svg class="mr-10">
87 <use xlink:href="{{ asset('images/sprite.svg#heart') }}"></use> 87 <use xlink:href="{{ asset('images/sprite.svg#heart') }}"></use>
88 </svg> 88 </svg>
89 <span class="to-favorites">В избранное</span> 89 <span class="to-favorites">В избранное</span>
90 <span class="in-favorites">В избранном</span> 90 <span class="in-favorites">В избранном</span>
91 </button> 91 </button>
92 <div class="button button_light mr-10 main__resume-profile-about-button js_it_button" data-fancybox data-src="#send2" data-vacancy="0" data-uid="{{ $idiot }}" data-tuid="{{ $Query[0]->users->id }}" data-options='{"touch":false,"autoFocus":false}'> 92 <div class="button button_light mr-10 main__resume-profile-about-button js_it_button" data-fancybox data-src="#send2" data-vacancy="0" data-uid="{{ $idiot }}" data-tuid="{{ $Query[0]->users->id }}" data-options='{"touch":false,"autoFocus":false}'>
93 <svg> 93 <svg>
94 <use xlink:href="{{ asset('images/sprite.svg#chat') }}"></use> 94 <use xlink:href="{{ asset('images/sprite.svg#chat') }}"></use>
95 </svg> 95 </svg>
96 Написать 96 Написать
97 </div> 97 </div>
98 <a class="button" href="{{ route('resume_download', ['worker' => $Query[0]->id]) }}" target="_blank"> 98 <a class="button" href="{{ route('resume_download', ['worker' => $Query[0]->id]) }}" target="_blank">
99 Скачать резюме 99 Скачать резюме
100 <svg> 100 <svg>
101 <use xlink:href="{{ asset('images/sprite.svg#download') }}"></use> 101 <use xlink:href="{{ asset('images/sprite.svg#download') }}"></use>
102 </svg> 102 </svg>
103 </a> 103 </a>
104 </div> 104 </div>
105 </div> 105 </div>
106 </div> 106 </div>
107 </div> 107 </div>
108 </section> 108 </section>
109 <main class="main"> 109 <main class="main">
110 <div class="container"> 110 <div class="container">
111 <div class="main__resume-profile"> 111 <div class="main__resume-profile">
112 <div class="main__content"> 112 <div class="main__content">
113 <div class="main__spoiler"> 113 <div class="main__spoiler">
114 <button type="button" class="main__spoiler-toper js-toggle active"> 114 <button type="button" class="main__spoiler-toper js-toggle active">
115 Основная информация</button> 115 Основная информация</button>
116 116
117 <div class="main__spoiler-body"> 117 <div class="main__spoiler-body">
118 <table class="main__table"> 118 <table class="main__table">
119 <tbody> 119 <tbody>
120 <tr> 120 <tr>
121 <td><b>Статус:</b></td> 121 <td><b>Статус:</b></td>
122 <td>{{ $status_work[$worker->status_work] }}</td> 122 <td>{{ $status_work[$worker->status_work] }}</td>
123 </tr> 123 </tr>
124 <tr> 124 <tr>
125 <td><b>ФИО:</b></td> 125 <td><b>ФИО:</b></td>
126 <td>{{ $worker->users->surname." ".$worker->users->name_man." ".$worker->users->surname2 }}</td> 126 <td>{{ $worker->users->surname." ".$worker->users->name_man." ".$worker->users->surname2 }}</td>
127 </tr> 127 </tr>
128 <tr> 128 <tr>
129 <td><b>Возраст:</b></td> 129 <td><b>Возраст:</b></td>
130 <td>{{ $worker->old_year ?? '-' }}</td> 130 <td>{{ $worker->old_year ?? '-' }}</td>
131 </tr> 131 </tr>
132 <tr> 132 <tr>
133 <td><b>Желаемые вакансии:</b></td> 133 <td><b>Желаемые вакансии:</b></td>
134 <td> 134 <td>
135 @if ($Query[0]->job_titles->count()) 135 @if ($Query[0]->job_titles->count())
136 @foreach ($Query[0]->job_titles as $it) 136 @foreach ($Query[0]->job_titles as $it)
137 @if ($it->is_remove == 0) 137 @if ($it->is_remove == 0)
138 {{ $it->name }} / 138 {{ $it->name }} /
139 @endif 139 @endif
140 @endforeach 140 @endforeach
141 @else 141 @else
142 - 142 -
143 @endif 143 @endif
144 </td> 144 </td>
145 </tr> 145 </tr>
146 <tr> 146 <tr>
147 <td><b>Пожелания по З/П:</b></td> 147 <td><b>Пожелания по З/П:</b></td>
148 <td>{{ $worker->salary_expectations ?? '-' }}</td> 148 <td>{{ $worker->salary_expectations ?? '-' }}</td>
149 </tr> 149 </tr>
150 <tr> 150 <tr>
151 <td><b>Опыт работы:</b></td> 151 <td><b>Опыт работы:</b></td>
152 <td>{{ $worker->experience ?? '-' }}</td> 152 <td>{{ $worker->experience ?? '-' }}</td>
153 </tr> 153 </tr>
154 <tr> 154 <tr>
155 <td><b>Уровень английского:</b></td> 155 <td><b>Уровень английского:</b></td>
156 <td>{{ $worker->english_level ?? '-' }}</td> 156 <td>{{ $worker->english_level ?? '-' }}</td>
157 </tr> 157 </tr>
158 <tr> 158 <tr>
159 <td><b>Дата готовности к посадке:</b></td> 159 <td><b>Дата готовности к посадке:</b></td>
160 <td>{{ $worker->ready_boart_date ?? '-' }}</td> 160 <td>{{ $worker->ready_boart_date ?? '-' }}</td>
161 </tr> 161 </tr>
162 <tr> 162 <tr>
163 <td><b>Предпочтение по типу судна:</b></td> 163 <td><b>Предпочтение по типу судна:</b></td>
164 <td>{{ $worker->boart_type_preference ?? '-' }}</td> 164 <td>{{ $worker->boart_type_preference ?? '-' }}</td>
165 </tr> 165 </tr>
166 <tr> 166 <tr>
167 <td><b>Наличие визы:</b></td> 167 <td><b>Наличие визы:</b></td>
168 <td>{{ $worker->visa_available ?? '-' }}</td> 168 <td>{{ $worker->visa_available ?? '-' }}</td>
169 </tr> 169 </tr>
170 <tr> 170 <tr>
171 <td><b>Наличие танкерных документов:</b></td> 171 <td><b>Наличие танкерных документов:</b></td>
172 <td>{{ $worker->tanker_documents_available ?? '-' }}</td> 172 <td>{{ $worker->tanker_documents_available ?? '-' }}</td>
173 </tr> 173 </tr>
174 <tr> 174 <tr>
175 <td><b>Наличие подтверждения для работы на ВВП:</b></td> 175 <td><b>Наличие подтверждения для работы на ВВП:</b></td>
176 <td>{{ $worker->confirmation_work_for_vvp ?? '-' }}</td> 176 <td>{{ $worker->confirmation_work_for_vvp ?? '-' }}</td>
177 </tr> 177 </tr>
178 <tr> 178 <tr>
179 <td><b>Наличие военного билета / приписного свидетельства:</b></td> 179 <td><b>Наличие военного билета / приписного свидетельства:</b></td>
180 <td>{{ $worker->military_id_available ?? '-' }}</td> 180 <td>{{ $worker->military_id_available ?? '-' }}</td>
181 </tr> 181 </tr>
182 <tr> 182 <tr>
183 <td><b>Город проживания:</b></td> 183 <td><b>Город проживания:</b></td>
184 <td>{{ $worker->city ?? '-' }}</td> 184 <td>{{ $worker->city ?? '-' }}</td>
185 </tr> 185 </tr>
186 <tr> 186 <tr>
187 <td><b>Телефон:</b></td> 187 <td><b>Телефон:</b></td>
188 <td>{{ $worker->telephone ?? '-' }}</td> 188 <td>{{ $worker->telephone ?? '-' }}</td>
189 </tr> 189 </tr>
190 <tr> 190 <tr>
191 <td><b>E-mail:</b></td> 191 <td><b>E-mail:</b></td>
192 <td>{{ $worker->email ?? '-' }}</td> 192 <td>{{ $worker->email ?? '-' }}</td>
193 </tr> 193 </tr>
194 <tr> 194 <tr>
195 <td><b>Контакты родственников:</b></td> 195 <td><b>Контакты родственников:</b></td>
196 <td>{{ $worker->telephone2 ?? '-' }}</td> 196 <td>{{ $worker->telephone2 ?? '-' }}</td>
197 </tr> 197 </tr>
198 </tbody> 198 </tbody>
199 </table> 199 </table>
200 </div> 200 </div>
201 </div> 201 </div>
202 202
203 <div class="main__spoiler"> 203 <div class="main__spoiler">
204 <button type="button" class="main__spoiler-toper js-toggle active">Сертификаты / документы</button> 204 <button type="button" class="main__spoiler-toper js-toggle active">Сертификаты / документы</button>
205 <div class="main__spoiler-body"> 205 <div class="main__spoiler-body">
206 206
207 @if (isset($Query[0]->sertificate)) 207 @if (isset($Query[0]->sertificate))
208 @if ($Query[0]->sertificate->count()) 208 @if ($Query[0]->sertificate->count())
209 <table class="main__table"> 209 <table class="main__table">
210 <tbody> 210 <tbody>
211 <tr> 211 <tr>
212 <td><b>Название сертификата:</b></td> 212 <td><b>Название сертификата:</b></td>
213 <td><b>Действителен до:</b></td> 213 <td><b>Действителен до:</b></td>
214 </tr> 214 </tr>
215 @foreach($Query[0]->sertificate as $it) 215 @foreach($Query[0]->sertificate as $it)
216 <tr> 216 <tr>
217 <td>{{ $it->name }}</td> 217 <td>{{ $it->name }}</td>
218 <td>{{ date('d.m.Y', strtotime($it->end_begin)) }}</td> 218 <td>{{ date('d.m.Y', strtotime($it->end_begin)) }}</td>
219 </tr> 219 </tr>
220 @endforeach 220 @endforeach
221 </tbody> 221 </tbody>
222 </table> 222 </table>
223 @endif 223 @endif
224 @endif 224 @endif
225 </div> 225 </div>
226 </div> 226 </div>
227 227
228 <div class="main__spoiler"> 228 <div class="main__spoiler">
229 <button type="button" class="main__spoiler-toper js-toggle active">Дополнительные документы</button> 229 <button type="button" class="main__spoiler-toper js-toggle active">Дополнительные документы</button>
230 <div class="main__spoiler-body"> 230 <div class="main__spoiler-body">
231 @if ($infoblocks->count()) 231 @if ($infoblocks->count())
232 <table class="main__table"> 232 <table class="main__table">
233 <tbody> 233 <tbody>
234 @foreach ($infoblocks as $info) 234 @foreach ($infoblocks as $info)
235 @php $finder = false; @endphp 235 @php $finder = false; @endphp
236 @if (isset($Query[0]->infobloks)) 236 @if (isset($Query[0]->infobloks))
237 @if ($Query[0]->infobloks->count()) 237 @if ($Query[0]->infobloks->count())
238 238
239 @foreach($Query[0]->infobloks as $it) 239 @foreach($Query[0]->infobloks as $it)
240 @if ($info->id == $it->id) 240 @if ($info->id == $it->id)
241 <tr> 241 <tr>
242 <td><b>{{ $it->name }}</b></td> 242 <td><b>{{ $it->name }}</b></td>
243 <td> 243 <td>
244 @if ($it->model_dop_info[0]->status == 0) Не указано 244 @if ($it->model_dop_info[0]->status == 0) Не указано
245 @elseif($it->model_dop_info[0]->status==1) В наличии 245 @elseif($it->model_dop_info[0]->status==1) В наличии
246 @else Отсутствует 246 @else Отсутствует
247 @endif 247 @endif
248 </td> 248 </td>
249 </tr> 249 </tr>
250 @php $finder = true; @endphp 250 @php $finder = true; @endphp
251 @endif 251 @endif
252 @endforeach 252 @endforeach
253 @endif 253 @endif
254 @endif 254 @endif
255 @if (!$finder) 255 @if (!$finder)
256 <tr> 256 <tr>
257 <td><b>{{ $info->name }}</b></td> 257 <td><b>{{ $info->name }}</b></td>
258 <td> 258 <td>
259 Не указано 259 Не указано
260 </td> 260 </td>
261 </tr> 261 </tr>
262 @endif 262 @endif
263 @endforeach 263 @endforeach
264 </tbody> 264 </tbody>
265 </table> 265 </table>
266 @endif 266 @endif
267 </div> 267 </div>
268 </div> 268 </div>
269 269
270 <div class="main__spoiler"> 270 <div class="main__spoiler">
271 <button type="button" class="main__spoiler-toper js-toggle active">Опыт работы</button> 271 <button type="button" class="main__spoiler-toper js-toggle active">Опыт работы</button>
272 <div class="main__spoiler-body"> 272 <div class="main__spoiler-body">
273 273
274 @if (isset($Query[0]->place_worker)) 274 @if (isset($Query[0]->place_worker))
275 @if ($Query[0]->place_worker->count()) 275 @if ($Query[0]->place_worker->count())
276 <table class="main__table"> 276 <table class="main__table">
277 <tbody> 277 <tbody>
278 <tr> 278 <tr>
279 <td><b>Должность:</b></td> 279 <td><b>Должность:</b></td>
280 <td><b>Название т/х:</b></td> 280 <td><b>Название т/х:</b></td>
281 <td><b>Тип судна:</b></td> 281 <td><b>Тип судна:</b></td>
282 <td><b>Марка ГД:</b></td> 282 <td><b>Марка ГД:</b></td>
283 <td><b>Мощность ГД (кВТ):</b></td> 283 <td><b>Мощность ГД (кВТ):</b></td>
284 <td><b>Водоизмещение (DWT):</b></td> 284 <td><b>Водоизмещение (DWT):</b></td>
285 <td><b>Название компании:</b></td> 285 <td><b>Название компании:</b></td>
286 <td><b>Начало контракта:</b></td> 286 <td><b>Начало контракта:</b></td>
287 <td><b>Окончание контракта:</b></td> 287 <td><b>Окончание контракта:</b></td>
288 </tr> 288 </tr>
289 @foreach($Query[0]->place_worker as $it) 289 @foreach($Query[0]->place_worker as $it)
290 <tr> 290 <tr>
291 <td>{{ $it->job_title }}</td> 291 <td>{{ $it->job_title }}</td>
292 <td>{{ $it->teplohod }}</td> 292 <td>{{ $it->teplohod }}</td>
293 <td>{{ $it->GWT }}</td> 293 <td>{{ $it->GWT }}</td>
294 <td>{{ $it->Marka_GD }}</td> 294 <td>{{ $it->Marka_GD }}</td>
295 <td>{{ $it->KBT }}</td> 295 <td>{{ $it->KBT }}</td>
296 <td>{{ $it->GRT }}</td> 296 <td>{{ $it->GRT }}</td>
297 <td>{{ $it->name_company }}</td> 297 <td>{{ $it->name_company }}</td>
298 <td>{{ date('d.m.Y', strtotime($it->begin_work)) }}</td> 298 <td>{{ date('d.m.Y', strtotime($it->begin_work)) }}</td>
299 <td>{{ date('d.m.Y', strtotime($it->end_work)) }}</td> 299 <td>{{ date('d.m.Y', strtotime($it->end_work)) }}</td>
300 </tr> 300 </tr>
301 @endforeach 301 @endforeach
302 </tbody> 302 </tbody>
303 </table> 303 </table>
304 @endif 304 @endif
305 @endif 305 @endif
306 </div> 306 </div>
307 </div> 307 </div>
308 308
309 <div class="main__spoiler"> 309 <div class="main__spoiler">
310 <button type="button" class="main__spoiler-toper js-toggle active">Данные о прошлых компаниях</button> 310 <button type="button" class="main__spoiler-toper js-toggle active">Данные о прошлых компаниях</button>
311 <div class="main__spoiler-body"> 311 <div class="main__spoiler-body">
312 @if ((isset($worker->prev_company)) && ($worker->prev_company->count())) 312 @if ((isset($worker->prev_company)) && ($worker->prev_company->count()))
313 <table class="main__table"> 313 <table class="main__table">
314 <tbody> 314 <tbody>
315 <tr> 315 <tr>
316 <td><b>Название компании:</b></td> 316 <td><b>Название компании:</b></td>
317 <td><b>ФИО сотрудника:</b></td> 317 <td><b>ФИО сотрудника:</b></td>
318 <td><b>Должность сотрудника:</b></td> 318 <td><b>Должность сотрудника:</b></td>
319 <td><b>Телефон сотрудника:</b></td> 319 <td><b>Телефон сотрудника:</b></td>
320 </tr> 320 </tr>
321 @foreach ($worker->prev_company as $prev_company) 321 @foreach ($worker->prev_company as $prev_company)
322 <tr> 322 <tr>
323 <td>{{ $prev_company->name_company }}</td> 323 <td>{{ $prev_company->name_company }}</td>
324 <td>{{ $prev_company->direct }}</td> 324 <td>{{ $prev_company->direct }}</td>
325 <td>{{ $prev_company->telephone }}</td> 325 <td>{{ $prev_company->telephone }}</td>
326 <td>{{ $prev_company->telephone2 }}</td> 326 <td>{{ $prev_company->telephone2 }}</td>
327 </tr> 327 </tr>
328 @endforeach 328 @endforeach
329 </tbody> 329 </tbody>
330 </table> 330 </table>
331 @endif 331 @endif
332 </div> 332 </div>
333 </div> 333 </div>
334 </div> 334 </div>
335 335
336 <div class="main__resume-profile-about"> 336 <div class="main__resume-profile-about">
337 <h2 class="main__resume-profile-about-title">О себе</h2> 337 <h2 class="main__resume-profile-about-title">О себе</h2>
338 <p class="main__resume-profile-about-text">{{ $Query[0]->text }}</p> 338 <p class="main__resume-profile-about-text">{{ $Query[0]->text }}</p>
339 @if (App\Classes\StatusUser::Status()==0) 339 @if (App\Classes\StatusUser::Status()==0)
340 @if ((!Auth()->user()->is_worker) && (Auth()->user()->is_message)) 340 @if ((!Auth()->user()->is_worker) && (Auth()->user()->is_message))
341 <div class="main__resume-profile-about-buttons flex width100"> 341 <div class="main__resume-profile-about-buttons flex width100">
342 <button type="button" class="like js-toggle active mr-10 js_box_favorit {{ \App\Classes\LikesClass::get_status_worker($Query[0]) }}" 342 <button type="button" class="like mr-10 js_box_favorit {{ \App\Classes\LikesClass::get_status_worker($Query[0]) }}"
343 name="footer-like-button" 343 name="footer-like-button"
344 > 344 >
345 <svg class="mr-10"> 345 <svg class="mr-10">
346 <use xlink:href="{{ asset('images/sprite.svg#heart') }}"></use> 346 <use xlink:href="{{ asset('images/sprite.svg#heart') }}"></use>
347 </svg> 347 </svg>
348 <span class="to-favorites">В избранное</span> 348 <span class="to-favorites">В избранное</span>
349 <span class="in-favorites">В избранном</span> 349 <span class="in-favorites">В избранном</span>
350 </button> 350 </button>
351 <div class="button button_light mr-10 main__resume-profile-about-button js_it_button" data-fancybox data-src="#send2" data-vacancy="0" data-uid="{{ $idiot }}" data-tuid="{{ $Query[0]->users->id }}" data-options='{"touch":false,"autoFocus":false}'> 351 <div class="button button_light mr-10 main__resume-profile-about-button js_it_button" data-fancybox data-src="#send2" data-vacancy="0" data-uid="{{ $idiot }}" data-tuid="{{ $Query[0]->users->id }}" data-options='{"touch":false,"autoFocus":false}'>
352 <svg> 352 <svg>
353 <use xlink:href="{{ asset('images/sprite.svg#chat') }}"></use> 353 <use xlink:href="{{ asset('images/sprite.svg#chat') }}"></use>
354 </svg> 354 </svg>
355 Написать 355 Написать
356 </div> 356 </div>
357 <a class="button mr-10" href="{{ route('resume_download', ['worker' => $Query[0]->id]) }}"> 357 <a class="button mr-10" href="{{ route('resume_download', ['worker' => $Query[0]->id]) }}">
358 <svg> 358 <svg>
359 <use xlink:href="{{ asset('images/sprite.svg#download') }}"></use> 359 <use xlink:href="{{ asset('images/sprite.svg#download') }}"></use>
360 </svg> 360 </svg>
361 Скачать резюме 361 Скачать резюме
362 </a> 362 </a>
363 </div> 363 </div>
364 @endif 364 @endif
365 @endif 365 @endif
366 </div> 366 </div>
367 367
368 <div class="main__resume-profile-info"> 368 <div class="main__resume-profile-info">
369 <h2 class="main__resume-profile-info-title">Количество просмотров страницы: ({{ $stat[0]->lookin }})</h2> 369 <h2 class="main__resume-profile-info-title">Количество просмотров страницы: ({{ $stat[0]->lookin }})</h2>
370 </div> 370 </div>
371 371
372 <div class="main__resume-profile-info"> 372 <div class="main__resume-profile-info">
373 <h2 class="main__resume-profile-info-title">Отзывы о работнике ({{ $Query[0]->response->count() }})</h2> 373 <h2 class="main__resume-profile-info-title">Отзывы о работнике ({{ $Query[0]->response->count() }})</h2>
374 <div class="main__resume-profile-info-body"> 374 <div class="main__resume-profile-info-body">
375 @if ((isset($Query[0]->response)) && ($Query[0]->response->count())) 375 @if ((isset($Query[0]->response)) && ($Query[0]->response->count()))
376 <div class="main__resume-profile-info-body-item"> 376 <div class="main__resume-profile-info-body-item">
377 <ul class="main__resume-profile-info-body-inner"> 377 <ul class="main__resume-profile-info-body-inner">
378 @php $i = 1; @endphp 378 @php $i = 1; @endphp
379 @foreach($Query[0]->response as $it) 379 @foreach($Query[0]->response as $it)
380 <li> 380 <li>
381 <span><h3>Комментарий №{{$i}}</h3></span> 381 <span><h3>Комментарий №{{$i}}</h3></span>
382 <span><b>Оценка человека: {{ $it->stars }}</b></span> 382 <span><b>Оценка человека: {{ $it->stars }}</b></span>
383 <span><b>Сообщение: </b>{{ $it->message }}</span> 383 <span><b>Сообщение: </b>{{ $it->message }}</span>
384 </li> 384 </li>
385 @php $i++; @endphp 385 @php $i++; @endphp
386 @endforeach 386 @endforeach
387 </ul> 387 </ul>
388 </div> 388 </div>
389 @else 389 @else
390 <div class="main__resume-profile-info-body-item"> 390 <div class="main__resume-profile-info-body-item">
391 <h3 class="main__resume-profile-info-body-subtitle">Нету комментариев</h3> 391 <h3 class="main__resume-profile-info-body-subtitle">Нету комментариев</h3>
392 </div> 392 </div>
393 @endif 393 @endif
394 </div> 394 </div>
395 </div> 395 </div>
396 396
397 <div class="main__resume-profile-review"> 397 <div class="main__resume-profile-review">
398 <form action="{{ route('stars_answer') }}" method="POST"> 398 <form action="{{ route('stars_answer') }}" method="POST">
399 @csrf 399 @csrf
400 <h2 class="main__resume-profile-review-title">Оставить отзыв о работнике</h2> 400 <h2 class="main__resume-profile-review-title">Оставить отзыв о работнике</h2>
401 <div class="rate"> 401 <div class="rate">
402 <div class="rate__label">Ваша оценка:</div> 402 <div class="rate__label">Ваша оценка:</div>
403 <div class="rate__stars"> 403 <div class="rate__stars">
404 <select name="stars" id="stars" class="star-rating js-stars"> 404 <select name="stars" id="stars" class="star-rating js-stars">
405 <option value="5">5</option> 405 <option value="5">5</option>
406 <option value="4">4</option> 406 <option value="4">4</option>
407 <option value="3">3</option> 407 <option value="3">3</option>
408 <option value="2">2</option> 408 <option value="2">2</option>
409 <option value="1" selected>1</option> 409 <option value="1" selected>1</option>
410 </select> 410 </select>
411 </div> 411 </div>
412 </div> 412 </div>
413 <input type="hidden" name="worker_id" id="worker_id" value="{{ $Query[0]->id }}"/> 413 <input type="hidden" name="worker_id" id="worker_id" value="{{ $Query[0]->id }}"/>
414 <div class="main__resume-profile-review-body"> 414 <div class="main__resume-profile-review-body">
415 <h3>Ваш отзыв</h3> 415 <h3>Ваш отзыв</h3>
416 <textarea class="textarea" name="message" id="message" placeholder="Текст отзыва&hellip;" required></textarea> 416 <textarea class="textarea" name="message" id="message" placeholder="Текст отзыва&hellip;" required></textarea>
417 <button type="submit" class="button">Оставить отзыв</button> 417 <button type="submit" class="button">Оставить отзыв</button>
418 </div> 418 </div>
419 </form> 419 </form>
420 </div> 420 </div>
421 </div> 421 </div>
422 </div> 422 </div>
423 </main> 423 </main>
424 </div> 424 </div>
425 @endsection 425 @endsection
426 426
resources/views/workers/dialog.blade.php
Diff comments   View file @ 3b5284e
1 @extends('layout.frontend', ['title' => 'Диалог-переписка - РекаМоре']) 1 @extends('layout.frontend', ['title' => 'Диалог-переписка - РекаМоре'])
2 2
3 @section('scripts') 3 @section('scripts')
4 <script> 4 <script>
5 $(function(){ 5 $(function(){
6 var chatbox_div = $('.chatbox__list'); 6 var chatbox_div = $('.chatbox__list');
7 chatbox_div.scrollTop(chatbox_div.prop("scrollHeight")); 7 chatbox_div.scrollTop(chatbox_div.prop("scrollHeight"));
8
9 $('.admin-chat-answer').click(function(){
10 var modal = $('#answer_from_admin_chat_modal');
11
12 modal.data('to-user-id', $(this).data('to-user-id'));
13 modal.data('message-id', $(this).data('message-id'));
14 });
8 }); 15 });
9 16
10 $(document).on('change', '#send_btn', function() { 17 $(document).on('change', '#send_btn', function() {
11 var this_ = $(this); 18 var this_ = $(this);
12 var val_ = this_.val(); 19 var val_ = this_.val();
13 console.log('sort items '+val_); 20 console.log('sort items '+val_);
14 21
15 $.ajax({ 22 $.ajax({
16 type: "GET", 23 type: "GET",
17 url: "{{ route('shipping_companies') }}", 24 url: "{{ route('shipping_companies') }}",
18 data: "sort="+val_+"&block=1", 25 data: "sort="+val_+"&block=1",
19 success: function (data) { 26 success: function (data) {
20 console.log('Выбор сортировки'); 27 console.log('Выбор сортировки');
21 console.log(data); 28 console.log(data);
22 $('#block_1').html(data); 29 $('#block_1').html(data);
23 }, 30 },
24 headers: { 31 headers: {
25 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') 32 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
26 }, 33 },
27 error: function (data) { 34 error: function (data) {
28 data = JSON.stringify(data); 35 data = JSON.stringify(data);
29 console.log('Error: ' + data); 36 console.log('Error: ' + data);
30 } 37 }
31 }); 38 });
32 39
33 $.ajax({ 40 $.ajax({
34 type: "GET", 41 type: "GET",
35 url: "{{ route('shipping_companies') }}", 42 url: "{{ route('shipping_companies') }}",
36 data: "sort="+val_+"&block=2", 43 data: "sort="+val_+"&block=2",
37 success: function (data) { 44 success: function (data) {
38 console.log('Выбор сортировки2'); 45 console.log('Выбор сортировки2');
39 console.log(data); 46 console.log(data);
40 history.pushState({}, '', "{{ route('shipping_companies') }}?sort="+val_+"@if (isset($_GET['page']))&page={{ $_GET['page'] }}@endif"); 47 history.pushState({}, '', "{{ route('shipping_companies') }}?sort="+val_+"@if (isset($_GET['page']))&page={{ $_GET['page'] }}@endif");
41 $('#block_2').html(data); 48 $('#block_2').html(data);
42 }, 49 },
43 headers: { 50 headers: {
44 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') 51 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
45 }, 52 },
46 error: function (data) { 53 error: function (data) {
47 data = JSON.stringify(data); 54 data = JSON.stringify(data);
48 console.log('Error: ' + data); 55 console.log('Error: ' + data);
49 } 56 }
50 }); 57 });
51 }); 58 });
52 </script> 59 </script>
53 @endsection 60 @endsection
54 61
55 @section('content') 62 @section('content')
56 <section class="cabinet"> 63 <section class="cabinet">
57 <div class="container"> 64 <div class="container">
58 <ul class="breadcrumbs cabinet__breadcrumbs"> 65 <ul class="breadcrumbs cabinet__breadcrumbs">
59 <li><a href="{{ route('index') }}">Главная</a></li> 66 <li><a href="{{ route('index') }}">Главная</a></li>
60 <li><b>Личный кабинет</b></li> 67 <li><b>Личный кабинет</b></li>
61 </ul> 68 </ul>
62 <div class="cabinet__wrapper"> 69 <div class="cabinet__wrapper">
63 <div class="cabinet__side"> 70 <div class="cabinet__side">
64 <div class="cabinet__side-toper"> 71 <div class="cabinet__side-toper">
65 @include('workers.emblema') 72 @include('workers.emblema')
66 </div> 73 </div>
67 @include('workers.menu', ['item' => 2]) 74 @include('workers.menu', ['item' => 2])
68 </div> 75 </div>
69 <div class="cabinet__body"> 76 <div class="cabinet__body">
70 <div class="cabinet__body-item"> 77 <div class="cabinet__body-item">
71 <h2 class="title cabinet__title">Сообщения</h2> 78 <h2 class="title cabinet__title">Сообщения</h2>
72 </div> 79 </div>
73 <div class="cabinet__body-item"> 80 <div class="cabinet__body-item">
74 <a href="{{ route('worker.messages', ['type_message' => 'input']) }}" class="back"> 81 <a href="{{ route('worker.messages', ['type_message' => 'input']) }}" class="back">
75 <svg> 82 <svg>
76 <use xlink:href="{{ asset('images/sprite.svg#back') }}"></use> 83 <use xlink:href="{{ asset('images/sprite.svg#back') }}"></use>
77 </svg> 84 </svg>
78 <span> 85 <span>
79 К списку чатов 86 К списку чатов
80 </span> 87 </span>
81 </a> 88 </a>
82 <div class="chatbox"> 89 <div class="chatbox">
83 <div class="chatbox__toper"> 90 <div class="chatbox__toper">
84 @if ($companion->is_worker) 91 @if($chat->is_admin_chat)
92 <div class="chatbox__toper-info messages__item-info">
93 @include('svg.logo_icon')
94 <div class="messages__item-text bold font20">
95 Администратор сайта
96 </div>
97 </div>
98 @elseif ($companion->is_worker)
85 <div class="chatbox__toper-info messages__item-info"> 99 <div class="chatbox__toper-info messages__item-info">
86 <div class="messages__item-photo"> 100 <div class="messages__item-photo">
87 <svg> 101 <svg>
88 <use xlink:href="{{ asset('images/sprite.svg#pic') }}"></use> 102 <use xlink:href="{{ asset('images/sprite.svg#pic') }}"></use>
89 </svg> 103 </svg>
90 @if ((isset($companion->workers[0]->photo)) && 104 @if ((isset($companion->workers[0]->photo)) &&
91 (!empty($companion->workers[0]->photo))) 105 (!empty($companion->workers[0]->photo)))
92 <img src="{{ asset(\Illuminate\Support\Facades\Storage::url($companion->workers[0]->photo)) }}" alt=""> 106 <img src="{{ asset(\Illuminate\Support\Facades\Storage::url($companion->workers[0]->photo)) }}" alt="">
93 @else 107 @else
94 <img src="{{ asset('images/default_man.jpg') }}" alt=""> 108 <img src="{{ asset('images/default_man.jpg') }}" alt="">
95 @endif 109 @endif
96 </div> 110 </div>
97 </div> 111 </div>
98 @if (isset($companion->workers[0]->id)) 112 @if (isset($companion->workers[0]->id))
99 <a href="{{ route('resume_profile', ['worker' => $companion->workers[0]->id]) }}" class="button chatbox__toper-button"> 113 <a href="{{ route('resume_profile', ['worker' => $companion->workers[0]->id]) }}" class="button chatbox__toper-button">
100 <svg> 114 <svg>
101 <use xlink:href="{{ asset('images/sprite.svg#cabinet-1') }}"></use> 115 <use xlink:href="{{ asset('images/sprite.svg#cabinet-1') }}"></use>
102 </svg> 116 </svg>
103 Перейти в профиль 117 Перейти в профиль
104 </a> 118 </a>
105 @endif 119 @endif
106 @else 120 @else
107 <div class="chatbox__toper-info messages__item-info 222"> 121 <div class="chatbox__toper-info messages__item-info">
108 <div class="messages__item-photo"> 122 <div class="messages__item-photo">
109 <svg> 123 <svg>
110 <use xlink:href="{{ asset('images/sprite.svg#pic') }}"></use> 124 <use xlink:href="{{ asset('images/sprite.svg#pic') }}"></use>
111 </svg> 125 </svg>
112 @if ((isset($companion->employers[0]->logo)) && 126 @if ((isset($companion->employers[0]->logo)) &&
113 (!empty($companion->employers[0]->logo))) 127 (!empty($companion->employers[0]->logo)))
114 <img src="{{ asset(\Illuminate\Support\Facades\Storage::url($companion->employers[0]->logo)) }}" alt=""> 128 <img src="{{ asset(\Illuminate\Support\Facades\Storage::url($companion->employers[0]->logo)) }}" alt="">
115 @else 129 @else
116 <img src="{{ asset('images/default_man.jpg') }}" alt=""> 130 <img src="{{ asset('images/default_man.jpg') }}" alt="">
117 @endif 131 @endif
118 </div> 132 </div>
119 <div class="messages__item-text"> 133 <div class="messages__item-text">
120 <div>{{ $companion->surname." ".$companion->name_man." ".$companion->surname2." (".$companion->id.")" }} </div> 134 <div>{{ $companion->surname." ".$companion->name_man." ".$companion->surname2." (".$companion->id.")" }} </div>
121 <div><span>Статус:</span> Работодатель или Администратор</div> 135 <div><span>Статус:</span> Работодатель или Администратор</div>
122 </div> 136 </div>
123 </div> 137 </div>
124 @if (isset($companion->employers[0]->id)) 138 @if (isset($companion->employers[0]->id))
125 <a href="{{ route('info_company', ['company' => $companion->employers[0]->id]) }}" class="button chatbox__toper-button"> 139 <a href="{{ route('info_company', ['company' => $companion->employers[0]->id]) }}" class="button chatbox__toper-button">
126 <svg> 140 <svg>
127 <use xlink:href="{{ asset('images/sprite.svg#cabinet-1') }}"></use> 141 <use xlink:href="{{ asset('images/sprite.svg#cabinet-1') }}"></use>
128 </svg> 142 </svg>
129 Перейти в профиль 143 Перейти в профиль
130 </a> 144 </a>
131 @endif 145 @endif
132 @endif 146 @endif
133 </div> 147 </div>
134 148
135 @if ($errors->any()) 149 @if ($errors->any())
136 <div class="red bold"> 150 <div class="red bold">
137 <ul> 151 <ul>
138 @foreach ($errors->all() as $error) 152 @foreach ($errors->all() as $error)
139 <li>{{ $error }}</li> 153 <li>{{ $error }}</li>
140 @endforeach 154 @endforeach
141 </ul> 155 </ul>
142 </div> 156 </div>
143 @endif 157 @endif
144 158
145 <div class="chatbox__list" id="dialogs" name="dialogs"> 159 <div class="chatbox__list" id="dialogs" name="dialogs">
146 @if ($Messages->count()) 160 @if ($Messages->count())
147 @foreach ($Messages as $it) 161 @foreach ($Messages as $it)
148 @if ($it->user_id == $companion->id) 162 @if ($it->user_id == $companion->id)
149 <div class="chatbox__item"> 163 <div class="chatbox__item">
150 <div class="chatbox__item-photo"> 164 <div class="chatbox__item-photo">
151 <svg> 165 <svg>
152 <use xlink:href="{{ asset('images/sprite.svg#pic') }}"></use> 166 <use xlink:href="{{ asset('images/sprite.svg#pic') }}"></use>
153 </svg> 167 </svg>
154 @if ($companion->is_worker) 168 @if($companion->is_worker)
155 @if ((isset($companion->workers[0]->photo)) && 169 @if ((isset($companion->workers[0]->photo)) &&
156 (!empty($companion->workers[0]->photo))) 170 (!empty($companion->workers[0]->photo)))
157 <img src="{{ asset(\Illuminate\Support\Facades\Storage::url($companion->workers[0]->photo)) }}" alt=""> 171 <img src="{{ asset(\Illuminate\Support\Facades\Storage::url($companion->workers[0]->photo)) }}" alt="">
158 @else 172 @else
159 <img src="{{ asset('images/default_man.jpg') }}" alt=""> 173 <img src="{{ asset('images/default_man.jpg') }}" alt="">
160 @endif 174 @endif
161 @else 175 @else
162 @if ((isset($companion->employers[0]->logo)) && 176 @if ((isset($companion->employers[0]->logo)) &&
163 (!empty($companion->employers[0]->logo))) 177 (!empty($companion->employers[0]->logo)))
164 <img src="{{ asset(\Illuminate\Support\Facades\Storage::url($companion->employers[0]->logo)) }}" alt=""> 178 <img src="{{ asset(\Illuminate\Support\Facades\Storage::url($companion->employers[0]->logo)) }}" alt="">
165 @else 179 @else
166 <img src="{{ asset('images/default_man.jpg') }}" alt=""> 180 <img src="{{ asset('images/default_man.jpg') }}" alt="">
167 @endif 181 @endif
168 @endif 182 @endif
169 </div> 183 </div>
170 <div class="chatbox__item-body"> 184 <div class="chatbox__item-body">
171 <div class="chatbox__item-text">{{ $it->text }}</div> 185 <div class="chatbox__item-text">{{ $it->text }}</div>
172 </div> 186 </div>
173 <div class="chatbox__item-time">{{ $it->created_at }}</div> 187 <div class="chatbox__item-time">{{ $it->created_at }}</div>
174 </div> 188 </div>
175 @else 189 @else
176 <div class="chatbox__item chatbox__item_reverse"> 190 <div class="chatbox__item chatbox__item_reverse">
177 <div class="chatbox__item-photo"> 191 <div class="@if(!$chat->is_admin_chat) chatbox__item-photo @endif">
178 <svg> 192 @if($chat->is_admin_chat)
179 <use xlink:href="{{ asset('images/sprite.svg#pic') }}"></use> 193 @include('svg.logo_icon')
180 </svg>
181 @if ($sender->is_worker)
182 @if ((isset($sender->workers[0]->photo)) &&
183 (!empty($sender->workers[0]->photo)))
184 <img src="{{ asset(\Illuminate\Support\Facades\Storage::url($sender->workers[0]->photo)) }}" alt="">
185 @else
186 <img src="{{ asset('images/default_man.jpg') }}" alt="">
187 @endif
188 @else 194 @else
189 @if ((isset($sender->employers[0]->logo)) && 195 @if ($sender->is_worker)
190 (!empty($sender->employers[0]->logo))) 196 @if ((isset($sender->workers[0]->photo)) &&
191 <img src="{{ asset(\Illuminate\Support\Facades\Storage::url($sender->employers[0]->logo)) }}" alt=""> 197 (!empty($sender->workers[0]->photo)))
198 <img src="{{ asset(\Illuminate\Support\Facades\Storage::url($sender->workers[0]->photo)) }}" alt="">
199 @else
200 <img src="{{ asset('images/default_man.jpg') }}" alt="">
201 @endif
192 @else 202 @else
193 <img src="{{ asset('images/default_man.jpg') }}" alt=""> 203 <svg>
204 <use xlink:href="{{ asset('images/sprite.svg#pic') }}"></use>
205 </svg>
206
207 @if ((isset($sender->employers[0]->logo)) &&
208 (!empty($sender->employers[0]->logo)))
209 <img src="{{ asset(\Illuminate\Support\Facades\Storage::url($sender->employers[0]->logo)) }}" alt="">
210 @else
211 <img src="{{ asset('images/default_man.jpg') }}" alt="">
212 @endif
194 @endif 213 @endif
195 @endif 214 @endif
196
197 </div> 215 </div>
198 <div class="chatbox__item-body"> 216 <div class="chatbox__item-body">
199 <div class="chatbox__item-text">{{ $it->text }}</div> 217 <div class="chatbox__item-text">
218 @if($chat->is_admin_chat)
219 <button class="button admin-chat-answer" data-fancybox data-src="#answer_from_admin_chat_modal"
220 data-to-user-id="{{ $it->user_id }}" data-message-id="{{ $it->id }}"
221 >
222 Ответить
223 </button>
224 @endif
225
226 {{ $it->text }}
227
228 @if($it->reply_message_id)
229 <div class="reply-message">
230 {{ $it->reply_message->text }}
231 </div>
232 @endif
233 </div>
200 @if ((isset($it->file)) && (!empty($it->file))) 234 @if ((isset($it->file)) && (!empty($it->file)))
201 <a href="{{ asset(Storage::url($it->file)) }}" class="chatbox__item-text"> 235 <a href="{{ asset(Storage::url($it->file)) }}" class="chatbox__item-text">
202 <svg> 236 <svg>
203 <use xlink:href="{{ asset('images/sprite.svg#clip') }}"></use> 237 <use xlink:href="{{ asset('images/sprite.svg#clip') }}"></use>
204 </svg> 238 </svg>
205 </a> 239 </a>
206 @endif 240 @endif
207 </div> 241 </div>
208 <div class="chatbox__item-time">{{ $it->created_at }}</div> 242 <div class="chatbox__item-time">{{ $it->created_at }}</div>
209 </div> 243 </div>
210 @endif 244 @endif
211 245
212 @endforeach 246 @endforeach
213 @endif 247 @endif
214 </div> 248 </div>
249 @if(!$chat->is_admin_chat)
215 <form action="{{ route('worker.test123') }}" class="chatbox__bottom" enctype="multipart/form-data" method="POST" > 250 <form action="{{ route('worker.test123') }}" class="chatbox__bottom" enctype="multipart/form-data" method="POST" >
216 @csrf 251 @csrf
217 <label class="chatbox__bottom-file"> 252 <label class="chatbox__bottom-file">
218 <input id="file" name="file" type="file"> 253 <input id="file" name="file" type="file">
219 <svg> 254 <svg>
220 <use xlink:href="{{ asset('images/sprite.svg#clip') }}"></use> 255 <use xlink:href="{{ asset('images/sprite.svg#clip') }}"></use>
221 </svg> 256 </svg>
222 </label> 257 </label>
223 <input type="hidden" name="_token" value="{{ csrf_token() }}"/> 258 <input type="hidden" name="_token" value="{{ csrf_token() }}"/>
224 <input type="hidden" id="user_id" name="user_id" value="{{ $sender->id }}"/> 259 <input type="hidden" id="user_id" name="user_id" value="{{ $sender->id }}"/>
225 <input type="hidden" id="to_user_id" name="to_user_id" value="{{ $companion->id }}"/> 260 <input type="hidden" id="to_user_id" name="to_user_id" value="{{ $companion->id }}"/>
226 <input type="hidden" id="ad_employer_id" name="ad_employer_id" value="{{ $ad_employer }}"/> 261 <input type="hidden" id="ad_employer_id" name="ad_employer_id" value="{{ $ad_employer }}"/>
227 <input type="hidden" id="ad_name" name="ad_name" value="@if (isset($_GET['ad_name'])){{ $_GET['ad_name'] }} @endif"/> 262 <input type="hidden" id="ad_name" name="ad_name" value="@if (isset($_GET['ad_name'])){{ $_GET['ad_name'] }} @endif"/>
228 <input id="text" name="text" type="text" class="input chatbox__bottom-text" placeholder="Ответить"> 263 <input id="text" name="text" type="text" class="input chatbox__bottom-text" placeholder="Ответить">
229 <button type="submit" id="send_btn" name="send_btn" class="chatbox__bottom-send"> 264 <button type="submit" id="send_btn" name="send_btn" class="chatbox__bottom-send">
230 <svg> 265 <svg>
231 <use xlink:href="{{ asset('images/sprite.svg#arrow') }}"></use> 266 <use xlink:href="{{ asset('images/sprite.svg#arrow') }}"></use>
232 </svg> 267 </svg>
233 </button> 268 </button>
234 </form> 269 </form>
270 @endif
235 </div> 271 </div>
236 </div> 272 </div>
1 <?php 1 <?php
2 2
3 use App\Http\Controllers\Ad_jobsController; 3 use App\Http\Controllers\Ad_jobsController;
4 use App\Http\Controllers\AdEmployerController; 4 use App\Http\Controllers\AdEmployerController;
5 use App\Http\Controllers\Admin\AdminController; 5 use App\Http\Controllers\Admin\AdminController;
6 use App\Http\Controllers\Admin\CategoryController; 6 use App\Http\Controllers\Admin\CategoryController;
7 use App\Http\Controllers\Admin\CategoryEmpController; 7 use App\Http\Controllers\Admin\CategoryEmpController;
8 use App\Http\Controllers\Admin\EducationController; 8 use App\Http\Controllers\Admin\EducationController;
9 use App\Http\Controllers\EducationController as EducationFrontController; 9 use App\Http\Controllers\EducationController as EducationFrontController;
10 use App\Http\Controllers\Admin\EmployersController; 10 use App\Http\Controllers\Admin\EmployersController;
11 use App\Http\Controllers\EmployerController as FrontEmployersController; 11 use App\Http\Controllers\EmployerController as FrontEmployersController;
12 use App\Http\Controllers\Admin\InfoBloksController; 12 use App\Http\Controllers\Admin\InfoBloksController;
13 use App\Http\Controllers\Admin\JobTitlesController; 13 use App\Http\Controllers\Admin\JobTitlesController;
14 use App\Http\Controllers\Admin\UsersController; 14 use App\Http\Controllers\Admin\UsersController;
15 use App\Http\Controllers\Admin\WorkersController; 15 use App\Http\Controllers\Admin\WorkersController;
16 use App\Http\Controllers\Auth\ForgotPasswordController; 16 use App\Http\Controllers\Auth\ForgotPasswordController;
17 use App\Http\Controllers\Auth\LoginController; 17 use App\Http\Controllers\Auth\LoginController;
18 use App\Http\Controllers\Auth\RegisterController; 18 use App\Http\Controllers\Auth\RegisterController;
19 use App\Http\Controllers\CKEditorController; 19 use App\Http\Controllers\CKEditorController;
20 use App\Http\Controllers\MediaController; 20 use App\Http\Controllers\MediaController;
21 use App\Http\Controllers\WorkerController; 21 use App\Http\Controllers\WorkerController;
22 use App\Models\Ad_jobs; 22 use App\Models\Ad_jobs;
23 use App\Models\User; 23 use App\Models\User;
24 use App\Http\Controllers\MainController; 24 use App\Http\Controllers\MainController;
25 use App\Http\Controllers\HomeController; 25 use App\Http\Controllers\HomeController;
26 use Illuminate\Support\Facades\Route; 26 use Illuminate\Support\Facades\Route;
27 use App\Http\Controllers\Admin\CompanyController; 27 use App\Http\Controllers\Admin\CompanyController;
28 use App\Http\Controllers\Admin\Ad_EmployersController; 28 use App\Http\Controllers\Admin\Ad_EmployersController;
29 use App\Http\Controllers\Admin\MsgAnswersController; 29 use App\Http\Controllers\Admin\MsgAnswersController;
30 use App\Http\Controllers\Admin\GroupsController; 30 use App\Http\Controllers\Admin\GroupsController;
31 use App\Http\Controllers\PagesController; 31 use App\Http\Controllers\PagesController;
32 use Illuminate\Support\Facades\Storage; 32 use Illuminate\Support\Facades\Storage;
33 use App\Http\Controllers\EmployerController; 33 use App\Http\Controllers\EmployerController;
34 use App\Http\Controllers\CompanyController as FrontCompanyController; 34 use App\Http\Controllers\CompanyController as FrontCompanyController;
35 35
36 36
37 /* 37 /*
38 |-------------------------------------------------------------------------- 38 |--------------------------------------------------------------------------
39 | Web Routes 39 | Web Routes
40 |-------------------------------------------------------------------------- 40 |--------------------------------------------------------------------------
41 | 41 |
42 | Here is where you can register web routes for your application. These 42 | Here is where you can register web routes for your application. These
43 | routes are loaded by the RouteServiceProvider within a group which 43 | routes are loaded by the RouteServiceProvider within a group which
44 | contains the "web" middleware group. Now create something great! 44 | contains the "web" middleware group. Now create something great!
45 | 45 |
46 */ 46 */
47 /* 47 /*
48 Route::get('/', function () { 48 Route::get('/', function () {
49 return view('welcome'); 49 return view('welcome');
50 })->name('index'); 50 })->name('index');
51 */ 51 */
52 52
53 Route::get('/', [MainController::class, 'index'])->name('index'); 53 Route::get('/', [MainController::class, 'index'])->name('index');
54 54
55 //Роуты авторизации, регистрации, восстановления, аутентификации 55 //Роуты авторизации, регистрации, восстановления, аутентификации
56 Auth::routes(['verify' => true]); 56 Auth::routes(['verify' => true]);
57 57
58 // роуты регистрации, авторизации, восстановления пароля, верификации почты 58 // роуты регистрации, авторизации, восстановления пароля, верификации почты
59 /*Route::group([ 59 /*Route::group([
60 'as' => 'auth.', //имя маршрута, например auth.index 60 'as' => 'auth.', //имя маршрута, например auth.index
61 'prefix' => 'auth', // префикс маршрута, например, auth/index 61 'prefix' => 'auth', // префикс маршрута, например, auth/index
62 ], function () { 62 ], function () {
63 //форма регистрации 63 //форма регистрации
64 Route::get('register', [RegisterController::class, 'register'])->name('register'); 64 Route::get('register', [RegisterController::class, 'register'])->name('register');
65 65
66 //создание пользователя 66 //создание пользователя
67 Route::post('register', [RegisterController::class, 'create'])->name('create'); 67 Route::post('register', [RegisterController::class, 'create'])->name('create');
68 68
69 //форма входа авторизации 69 //форма входа авторизации
70 Route::get('login', [LoginController::class, 'login'])->name('login'); 70 Route::get('login', [LoginController::class, 'login'])->name('login');
71 71
72 //аутентификация 72 //аутентификация
73 Route::post('login', [LoginController::class, 'authenticate'])->name('auth'); 73 Route::post('login', [LoginController::class, 'authenticate'])->name('auth');
74 74
75 //выход 75 //выход
76 Route::get('logout', [LoginController::class, 'logout'])->name('logout'); 76 Route::get('logout', [LoginController::class, 'logout'])->name('logout');
77 77
78 //форма ввода адреса почты 78 //форма ввода адреса почты
79 Route::get('forgot-password', [ForgotPasswordController::class, 'form'])->name('forgot-form'); 79 Route::get('forgot-password', [ForgotPasswordController::class, 'form'])->name('forgot-form');
80 80
81 //письмо на почту 81 //письмо на почту
82 Route::post('forgot-password', [ForgotPasswordController::class, 'mail'])->name('forgot-mail'); 82 Route::post('forgot-password', [ForgotPasswordController::class, 'mail'])->name('forgot-mail');
83 83
84 //форма восстановления пароля 84 //форма восстановления пароля
85 Route::get('reset-password/token/{token}/email/{email}', 85 Route::get('reset-password/token/{token}/email/{email}',
86 [ResetPasswordController::class, 'form'] 86 [ResetPasswordController::class, 'form']
87 )->name('reset-form'); 87 )->name('reset-form');
88 88
89 //восстановление пароля 89 //восстановление пароля
90 Route::post('reset-password', 90 Route::post('reset-password',
91 [ResetPasswordController::class, 'reset'] 91 [ResetPasswordController::class, 'reset']
92 )->name('reset-password'); 92 )->name('reset-password');
93 93
94 //сообщение о необходимости проверки адреса почты 94 //сообщение о необходимости проверки адреса почты
95 Route::get('verify-message', [VerifyEmailController::class, 'message'])->name('verify-message'); 95 Route::get('verify-message', [VerifyEmailController::class, 'message'])->name('verify-message');
96 96
97 //подтверждение адреса почты нового пользователя 97 //подтверждение адреса почты нового пользователя
98 Route::get('verify-email/token/{token}/id/{id}', [VerifyEmailController::class, 'verify']) 98 Route::get('verify-email/token/{token}/id/{id}', [VerifyEmailController::class, 'verify'])
99 ->where('token', '[a-f0-9]{32}') 99 ->where('token', '[a-f0-9]{32}')
100 ->where('id', '[0-9]+') 100 ->where('id', '[0-9]+')
101 ->name('verify-email'); 101 ->name('verify-email');
102 });*/ 102 });*/
103 103
104 //Личный кабинет пользователя 104 //Личный кабинет пользователя
105 Route::get('/home', [HomeController::class, 'index'])->name('home'); 105 Route::get('/home', [HomeController::class, 'index'])->name('home');
106 106
107 /* 107 /*
108 Route::post('resend/verification-email', function (\Illuminate\Http\Request $request) { 108 Route::post('resend/verification-email', function (\Illuminate\Http\Request $request) {
109 $user = User::where('email',$request->input('email'))->first(); 109 $user = User::where('email',$request->input('email'))->first();
110 110
111 $user->sendEmailVerificationNotification(); 111 $user->sendEmailVerificationNotification();
112 112
113 return 'your response'; 113 return 'your response';
114 })->middleware('throttle:6,1')->name('verification.resend'); 114 })->middleware('throttle:6,1')->name('verification.resend');
115 */ 115 */
116 116
117 // Авторизация, регистрация в админку 117 // Авторизация, регистрация в админку
118 Route::group([ 118 Route::group([
119 'as' => 'admin.', // имя маршрута, например auth.index 119 'as' => 'admin.', // имя маршрута, например auth.index
120 'prefix' => 'admin', // префикс маршрута, например auth/index 120 'prefix' => 'admin', // префикс маршрута, например auth/index
121 'middleware' => ['guest'], 121 'middleware' => ['guest'],
122 ], function () { 122 ], function () {
123 // Форма регистрации 123 // Форма регистрации
124 Route::get('register', [AdminController::class, 'register'])->name('register'); 124 Route::get('register', [AdminController::class, 'register'])->name('register');
125 // Создание пользователя 125 // Создание пользователя
126 Route::post('register', [AdminController::class, 'create'])->name('create'); 126 Route::post('register', [AdminController::class, 'create'])->name('create');
127 127
128 //Форма входа 128 //Форма входа
129 Route::get('login', [AdminController::class, 'login'])->name('login'); 129 Route::get('login', [AdminController::class, 'login'])->name('login');
130 130
131 // аутентификация 131 // аутентификация
132 Route::post('login', [AdminController::class, 'autenticate'])->name('auth'); 132 Route::post('login', [AdminController::class, 'autenticate'])->name('auth');
133 133
134 }); 134 });
135 135
136 // Личный кабинет админки 136 // Личный кабинет админки
137 Route::group([ 137 Route::group([
138 'as' => 'admin.', // имя маршрута, например auth.index 138 'as' => 'admin.', // имя маршрута, например auth.index
139 'prefix' => 'admin', // префикс маршрута, например auth/index 139 'prefix' => 'admin', // префикс маршрута, например auth/index
140 'middleware' => ['auth'], ['admin'], 140 'middleware' => ['auth'], ['admin'],
141 ], function() { 141 ], function() {
142 142
143 // выход 143 // выход
144 Route::get('logout', [AdminController::class, 'logout'])->name('logout'); 144 Route::get('logout', [AdminController::class, 'logout'])->name('logout');
145 145
146 // кабинет главная страница 146 // кабинет главная страница
147 Route::get('cabinet', [AdminController::class, 'index'])->name('index'); 147 Route::get('cabinet', [AdminController::class, 'index'])->name('index');
148 148
149 // кабинет профиль админа - форма 149 // кабинет профиль админа - форма
150 Route::get('profile', [AdminController::class, 'profile'])->name('profile'); 150 Route::get('profile', [AdminController::class, 'profile'])->name('profile');
151 // кабинет профиль админа - сохранение формы 151 // кабинет профиль админа - сохранение формы
152 Route::post('profile', [AdminController::class, 'store_profile'])->name('store_profile'); 152 Route::post('profile', [AdminController::class, 'store_profile'])->name('store_profile');
153 153
154 //кабинет сообщения админа 154 //кабинет сообщения админа
155 //Route::get('messages', [AdminController::class, 'profile'])->name('profile'); 155 //Route::get('messages', [AdminController::class, 'profile'])->name('profile');
156 156
157 157
158 // кабинет профиль - форма пароли 158 // кабинет профиль - форма пароли
159 Route::get('password', [AdminController::class, 'profile_password'])->name('password'); 159 Route::get('password', [AdminController::class, 'profile_password'])->name('password');
160 // кабинет профиль - сохранение формы пароля 160 // кабинет профиль - сохранение формы пароля
161 Route::post('password', [AdminController::class, 'profile_password_new'])->name('password'); 161 Route::post('password', [AdminController::class, 'profile_password_new'])->name('password');
162 162
163 163
164 // кабинет профиль пользователя - форма 164 // кабинет профиль пользователя - форма
165 Route::get('user-profile/{user}', [AdminController::class, 'profile_user'])->name('user-profile'); 165 Route::get('user-profile/{user}', [AdminController::class, 'profile_user'])->name('user-profile');
166 // кабинет профиль пользователя - сохранение формы 166 // кабинет профиль пользователя - сохранение формы
167 Route::post('user-profile/{user}', [AdminController::class, 'store_profile_user'])->name('user-store_profile'); 167 Route::post('user-profile/{user}', [AdminController::class, 'store_profile_user'])->name('user-store_profile');
168 168
169 // кабинет профиль работодатель - форма 169 // кабинет профиль работодатель - форма
170 Route::get('employer-profile/{employer}', [EmployersController::class, 'form_update_employer'])->name('employer-profile'); 170 Route::get('employer-profile/{employer}', [EmployersController::class, 'form_update_employer'])->name('employer-profile');
171 // кабинет профиль работодатель - сохранение формы 171 // кабинет профиль работодатель - сохранение формы
172 Route::post('employer-profile/{employer}', [EmployersController::class, 'update_employer'])->name('update-employer-profile'); 172 Route::post('employer-profile/{employer}', [EmployersController::class, 'update_employer'])->name('update-employer-profile');
173 // кабинет удаление профиль работодателя и юзера 173 // кабинет удаление профиль работодателя и юзера
174 Route::delete('employers/delete/{employer}/{user}', [EmployersController::class, 'delete_employer'])->name('delete-employer'); 174 Route::delete('employers/delete/{employer}/{user}', [EmployersController::class, 'delete_employer'])->name('delete-employer');
175 175
176 // кабинет профиль работник - форма 176 // кабинет профиль работник - форма
177 Route::get('worker-profile/add/{user}', [WorkersController::class, 'form_add_worker'])->name('worker-profile-add'); 177 Route::get('worker-profile/add/{user}', [WorkersController::class, 'form_add_worker'])->name('worker-profile-add');
178 Route::post('worker-profile/add/{user}', [WorkersController::class, 'form_store_worker'])->name('worker-profile-store'); 178 Route::post('worker-profile/add/{user}', [WorkersController::class, 'form_store_worker'])->name('worker-profile-store');
179 Route::get('worker-profile/{worker}', [WorkersController::class, 'form_edit_worker'])->name('worker-profile-edit'); 179 Route::get('worker-profile/{worker}', [WorkersController::class, 'form_edit_worker'])->name('worker-profile-edit');
180 // кабинет профиль работник - сохранение формы 180 // кабинет профиль работник - сохранение формы
181 Route::post('worker-profile/{worker}', [WorkersController::class, 'form_update_worker'])->name('worker-profile-update'); 181 Route::post('worker-profile/{worker}', [WorkersController::class, 'form_update_worker'])->name('worker-profile-update');
182 182
183 // Медиа 183 // Медиа
184 Route::get('media', [MediaController::class, 'index'])->name('media'); 184 Route::get('media', [MediaController::class, 'index'])->name('media');
185 Route::delete('media/{media}', [MediaController::class, 'delete'])->name('delete-media'); 185 Route::delete('media/{media}', [MediaController::class, 'delete'])->name('delete-media');
186 186
187 // кабинет настройки сайта - форма 187 // кабинет настройки сайта - форма
188 Route::get('config', [AdminController::class, 'config_form'])->name('config'); 188 Route::get('config', [AdminController::class, 'config_form'])->name('config');
189 // кабинет настройки сайта сохранение формы 189 // кабинет настройки сайта сохранение формы
190 Route::post('config', [AdminController::class, 'store_config'])->name('store_config'); 190 Route::post('config', [AdminController::class, 'store_config'])->name('store_config');
191 191
192 // кабинет - новости 192 // кабинет - новости
193 Route::get('news-list', [AdminController::class, 'news_admin'])->name('news_admin'); 193 Route::get('news-list', [AdminController::class, 'news_admin'])->name('news_admin');
194 Route::get('news/add', [AdminController::class, 'new_admin_add'])->name('new_admin_add'); 194 Route::get('news/add', [AdminController::class, 'new_admin_add'])->name('new_admin_add');
195 Route::post('news/add', [AdminController::class, 'new_admin_add_save'])->name('new_admin_save_add'); 195 Route::post('news/add', [AdminController::class, 'new_admin_add_save'])->name('new_admin_save_add');
196 Route::get('news/edit/{new}', [AdminController::class, 'new_admin_edit'])->name('new_admin_edit'); 196 Route::get('news/edit/{new}', [AdminController::class, 'new_admin_edit'])->name('new_admin_edit');
197 Route::post('news/edit/{new}', [AdminController::class, 'new_admin_update_save'])->name('new_admin_update'); 197 Route::post('news/edit/{new}', [AdminController::class, 'new_admin_update_save'])->name('new_admin_update');
198 Route::get('news/delete/{new}', [AdminController::class, 'new_admin_delete'])->name('new_admin_delete'); 198 Route::get('news/delete/{new}', [AdminController::class, 'new_admin_delete'])->name('new_admin_delete');
199 199
200 // кабинет - пользователи 200 // кабинет - пользователи
201 Route::get('users', [UsersController::class, 'index'])->name('users'); 201 Route::get('users', [UsersController::class, 'index'])->name('users');
202 Route::get('user-delete/{user}', [UsersController::class, 'user_delete'])->name('user_delete'); 202 Route::get('user-delete/{user}', [UsersController::class, 'user_delete'])->name('user_delete');
203 203
204 // кабинет - пользователи 204 // кабинет - пользователи
205 Route::get('admin-users', [AdminController::class, 'index_admin'])->name('admin-users'); 205 Route::get('admin-users', [AdminController::class, 'index_admin'])->name('admin-users');
206 206
207 // кабинет - работодатели 207 // кабинет - работодатели
208 Route::get('employers', [EmployersController::class, 'index'])->name('employers'); 208 Route::get('employers', [EmployersController::class, 'index'])->name('employers');
209 209
210 Route::get('employers/comment/{employer}', [EmployersController::class, 'comment_read'])->name('comment-employer'); 210 Route::get('employers/comment/{employer}', [EmployersController::class, 'comment_read'])->name('comment-employer');
211 211
212 Route::get('flot/add/{employer}', [EmployersController::class, 'add_flot'])->name('flot_add'); 212 Route::get('flot/add/{employer}', [EmployersController::class, 'add_flot'])->name('flot_add');
213 Route::post('flot/add', [EmployersController::class, 'save_add_flot'])->name('flot_add_save'); 213 Route::post('flot/add', [EmployersController::class, 'save_add_flot'])->name('flot_add_save');
214 Route::get('flot/{flot}/{employer}', [EmployersController::class, 'edit_flot'])->name('flot'); 214 Route::get('flot/{flot}/{employer}', [EmployersController::class, 'edit_flot'])->name('flot');
215 Route::put('flot/{flot}', [EmployersController::class, 'edit_save_flot'])->name('flot_edit'); 215 Route::put('flot/{flot}', [EmployersController::class, 'edit_save_flot'])->name('flot_edit');
216 Route::get('flot/{flot}/{employer_id}/delete', [EmployersController::class, 'delete_flot'])->name('flot_delete'); 216 Route::get('flot/{flot}/{employer_id}/delete', [EmployersController::class, 'delete_flot'])->name('flot_delete');
217 217
218 // кабинет - соискатели 218 // кабинет - соискатели
219 Route::get('workers', [WorkersController::class, 'index'])->name('workers'); 219 Route::get('workers', [WorkersController::class, 'index'])->name('workers');
220 220
221 // кабинет - база данных 221 // кабинет - база данных
222 Route::get('basedata', [UsersController::class, 'index_bd'])->name('basedata'); 222 Route::get('basedata', [UsersController::class, 'index_bd'])->name('basedata');
223 Route::get('basedata/add', [UsersController::class, 'add_bd'])->name('add-basedata'); 223 Route::get('basedata/add', [UsersController::class, 'add_bd'])->name('add-basedata');
224 Route::post('basedata/add', [UsersController::class, 'add_store_bd'])->name('add-store-basedata'); 224 Route::post('basedata/add', [UsersController::class, 'add_store_bd'])->name('add-store-basedata');
225 Route::get('basedata/edit/{user}', [UsersController::class, 'edit_bd'])->name('edit-basedata'); 225 Route::get('basedata/edit/{user}', [UsersController::class, 'edit_bd'])->name('edit-basedata');
226 Route::put('basedata/edit/{user}', [UsersController::class, 'update_bd'])->name('update-basedata'); 226 Route::put('basedata/edit/{user}', [UsersController::class, 'update_bd'])->name('update-basedata');
227 Route::delete('basedata/delete/{user}', [UsersController::class, 'destroy_bd'])->name('delete-basedata'); 227 Route::delete('basedata/delete/{user}', [UsersController::class, 'destroy_bd'])->name('delete-basedata');
228 Route::get('basedata/doc/{user}', [UsersController::class, 'doc_bd'])->name('doc-basedata'); 228 Route::get('basedata/doc/{user}', [UsersController::class, 'doc_bd'])->name('doc-basedata');
229 229
230 // кабинет - вакансии 230 // кабинет - вакансии
231 Route::get('ad-employers', [Ad_EmployersController::class, 'index'])->name('ad-employers'); 231 Route::get('ad-employers', [Ad_EmployersController::class, 'index'])->name('ad-employers');
232 Route::get('ad-employers/add', [Ad_EmployersController::class, 'create'])->name('add-ad-employers'); 232 Route::get('ad-employers/add', [Ad_EmployersController::class, 'create'])->name('add-ad-employers');
233 Route::post('ad-employers/add', [Ad_EmployersController::class, 'store'])->name('store-ad-employers'); 233 Route::post('ad-employers/add', [Ad_EmployersController::class, 'store'])->name('store-ad-employers');
234 Route::get('ad-employers/edit/{ad_employer}', [Ad_EmployersController::class, 'edit'])->name('edit-ad-employers'); 234 Route::get('ad-employers/edit/{ad_employer}', [Ad_EmployersController::class, 'edit'])->name('edit-ad-employers');
235 Route::post('ad-employers/edit/{ad_employer}', [Ad_EmployersController::class, 'update'])->name('update-ad-employers'); 235 Route::post('ad-employers/edit/{ad_employer}', [Ad_EmployersController::class, 'update'])->name('update-ad-employers');
236 Route::delete('ad-employers/delete/{ad_employer}', [Ad_EmployersController::class, 'destroy'])->name('delete-ad-employer'); 236 Route::delete('ad-employers/delete/{ad_employer}', [Ad_EmployersController::class, 'destroy'])->name('delete-ad-employer');
237 237
238 // Редактирование должности в вакансии 238 // Редактирование должности в вакансии
239 Route::put('update-jobs/{ad_jobs}', [Ad_EmployersController::class, 'update_ad_jobs'])->name('update_jobs'); 239 Route::put('update-jobs/{ad_jobs}', [Ad_EmployersController::class, 'update_ad_jobs'])->name('update_jobs');
240 Route::get('edit-jobs/{ad_jobs}', [Ad_EmployersController::class, 'edit_jobs'])->name('edit_jobs'); 240 Route::get('edit-jobs/{ad_jobs}', [Ad_EmployersController::class, 'edit_jobs'])->name('edit_jobs');
241 241
242 242
243 // кабинет - категории 243 // кабинет - категории
244 //Route::get('categories', [AdminController::class, 'index'])->name('categories'); 244 //Route::get('categories', [AdminController::class, 'index'])->name('categories');
245 245
246 // СRUD-операции над Справочником Категории 246 // СRUD-операции над Справочником Категории
247 247
248 Route::resource('categories', CategoryController::class, ['except' => ['show']]); 248 Route::resource('categories', CategoryController::class, ['except' => ['show']]);
249 249
250 // CRUD-операции над справочником Категории для работодателей 250 // CRUD-операции над справочником Категории для работодателей
251 Route::resource('category-emp', CategoryEmpController::class, ['except' => ['show']]); 251 Route::resource('category-emp', CategoryEmpController::class, ['except' => ['show']]);
252 252
253 // CRUD-операции над справочником Образование 253 // CRUD-операции над справочником Образование
254 Route::resource('education', EducationController::class, ['except' => ['show']]); 254 Route::resource('education', EducationController::class, ['except' => ['show']]);
255 255
256 Route::get('rename-program-education', [EducationController::class, 'rename_program'])->name('rename-program-education'); 256 Route::get('rename-program-education', [EducationController::class, 'rename_program'])->name('rename-program-education');
257 Route::get('program-education', [EducationController::class, 'add_program'])->name('add-program-education'); 257 Route::get('program-education', [EducationController::class, 'add_program'])->name('add-program-education');
258 Route::post('program-education', [EducationController::class, 'store_program'])->name('store-program-education'); 258 Route::post('program-education', [EducationController::class, 'store_program'])->name('store-program-education');
259 259
260 Route::get('program-education/edit/{program}/{education}', [EducationController::class, 'edit_program'])->name('edit-program-education'); 260 Route::get('program-education/edit/{program}/{education}', [EducationController::class, 'edit_program'])->name('edit-program-education');
261 Route::post('program-education/edit/{program}/{education}', [EducationController::class, 'update_program'])->name('update-program-education'); 261 Route::post('program-education/edit/{program}/{education}', [EducationController::class, 'update_program'])->name('update-program-education');
262 262
263 Route::get('program-education/delete/{program}/{education}', [EducationController::class, 'delete_program'])->name('delete-program-education'); 263 Route::get('program-education/delete/{program}/{education}', [EducationController::class, 'delete_program'])->name('delete-program-education');
264 264
265 //Route::get('job-titles', [AdminController::class, 'index'])->name('job-titles'); 265 //Route::get('job-titles', [AdminController::class, 'index'])->name('job-titles');
266 /* 266 /*
267 * кабинет - CRUD-операции по справочнику должности 267 * кабинет - CRUD-операции по справочнику должности
268 * 268 *
269 */ 269 */
270 Route::resource('job-titles', JobTitlesController::class, ['except' => ['show']]); 270 Route::resource('job-titles', JobTitlesController::class, ['except' => ['show']]);
271 271
272 // кабинет - сообщения (чтение чужих) 272 // кабинет - сообщения (чтение чужих)
273 Route::get('messages', [MsgAnswersController::class, 'messages'])->name('messages'); 273 Route::get('messages', [MsgAnswersController::class, 'messages'])->name('messages');
274 // кабинет - просмотр сообщения чужого (чтение) 274 // кабинет - просмотр сообщения чужого (чтение)
275 Route::get('messages/{message}', [MsgAnswersController::class, 'read_message'])->name('read-message'); 275 Route::get('messages/{message}', [MsgAnswersController::class, 'read_message'])->name('read-message');
276 276
277 // кабинет - сообщения (админские) 277 // кабинет - сообщения (админские)
278 Route::get('admin-messages', [MsgAnswersController::class, 'admin_messages'])->name('admin-messages'); 278 Route::get('admin-messages', [MsgAnswersController::class, 'admin_messages'])->name('admin-messages');
279 // кабинет - сообщения (админские) 279 // кабинет - сообщения (админские)
280 Route::post('admin-messages', [MsgAnswersController::class, 'admin_messages_post'])->name('admin-messages-post'); 280 Route::post('admin-messages', [MsgAnswersController::class, 'admin_messages_post'])->name('admin-messages-post');
281 // кабинет - sql - конструкция запросов 281 // кабинет - sql - конструкция запросов
282 Route::get('messages-sql', [MsgAnswersController::class, 'messages_sql'])->name('messages-sql'); 282 Route::get('messages-sql', [MsgAnswersController::class, 'messages_sql'])->name('messages-sql');
283 283
284 Route::post('admin-reject-message', [MsgAnswersController::class, 'reject_message'])->name('reject_message');
285 Route::post('admin-send-message', [MsgAnswersController::class, 'send_message'])->name('send_message');
286
284 /* 287 /*
285 * Расписанный подход в описании каждой директорий групп пользователей. 288 * Расписанный подход в описании каждой директорий групп пользователей.
286 */ 289 */
287 // кабинет - группы пользователей 290 // кабинет - группы пользователей
288 Route::get('groups', [GroupsController::class, 'index'])->name('groups'); 291 Route::get('groups', [GroupsController::class, 'index'])->name('groups');
289 // кабинет - добавление форма группы пользователей 292 // кабинет - добавление форма группы пользователей
290 Route::get('groups/add', [GroupsController::class, 'add'])->name('add-group'); 293 Route::get('groups/add', [GroupsController::class, 'add'])->name('add-group');
291 // кабинет - сохранение формы группы пользователей 294 // кабинет - сохранение формы группы пользователей
292 Route::post('groups/add', [GroupsController::class, 'store'])->name('add-group-store'); 295 Route::post('groups/add', [GroupsController::class, 'store'])->name('add-group-store');
293 // кабинет - редактирование форма группы пользователей 296 // кабинет - редактирование форма группы пользователей
294 Route::get('groups/edit/{group}', [GroupsController::class, 'edit'])->name('edit-group'); 297 Route::get('groups/edit/{group}', [GroupsController::class, 'edit'])->name('edit-group');
295 // кабинет - сохранение редактированной формы группы пользователей 298 // кабинет - сохранение редактированной формы группы пользователей
296 Route::post('groups/edit/{group}', [GroupsController::class, 'update'])->name('update-group'); 299 Route::post('groups/edit/{group}', [GroupsController::class, 'update'])->name('update-group');
297 // кабинет - удаление группы пользователей 300 // кабинет - удаление группы пользователей
298 Route::delete('groups/delete/{group}', [GroupsController::class, 'destroy'])->name('delete-group'); 301 Route::delete('groups/delete/{group}', [GroupsController::class, 'destroy'])->name('delete-group');
299 302
300 303
301 // кабинет - список админов 304 // кабинет - список админов
302 Route::get('group-admin', [AdminController::class, 'index'])->name('group-admin'); 305 Route::get('group-admin', [AdminController::class, 'index'])->name('group-admin');
303 306
304 // справочник Позиции 307 // справочник Позиции
305 Route::get('positions', [AdminController::class, 'position'])->name('position'); 308 Route::get('positions', [AdminController::class, 'position'])->name('position');
306 Route::get('positions/add', [AdminController::class, 'position_add'])->name('add-position'); 309 Route::get('positions/add', [AdminController::class, 'position_add'])->name('add-position');
307 Route::post('positions/add', [AdminController::class, 'position_add_save'])->name('add-save-position'); 310 Route::post('positions/add', [AdminController::class, 'position_add_save'])->name('add-save-position');
308 Route::get('positions/edit/{position}', [AdminController::class, 'position_edit'])->name('edit-position'); 311 Route::get('positions/edit/{position}', [AdminController::class, 'position_edit'])->name('edit-position');
309 Route::post('position/edit/{position}', [AdminController::class, 'position_update'])->name('update-position'); 312 Route::post('position/edit/{position}', [AdminController::class, 'position_update'])->name('update-position');
310 Route::get('position/delete/{position}', [AdminController::class, 'position_delete'])->name('delete-position'); 313 Route::get('position/delete/{position}', [AdminController::class, 'position_delete'])->name('delete-position');
311 314
312 /////редактор////// кабинет - редактор сайта//////////////////////// 315 /////редактор////// кабинет - редактор сайта////////////////////////
313 Route::get('editor-site', function() { 316 Route::get('editor-site', function() {
314 return view('admin.editor.index'); 317 return view('admin.editor.index');
315 })->name('editor-site'); 318 })->name('editor-site');
316 319
317 320
318 // кабинет - редактор шапки-футера сайта 321 // кабинет - редактор шапки-футера сайта
319 Route::get('edit-blocks', [CompanyController::class, 'editblocks'])->name('edit-blocks'); 322 Route::get('edit-blocks', [CompanyController::class, 'editblocks'])->name('edit-blocks');
320 Route::get('edit-bloks/add', [CompanyController::class, 'editblock_add'])->name('add-block'); 323 Route::get('edit-bloks/add', [CompanyController::class, 'editblock_add'])->name('add-block');
321 Route::post('edit-bloks/add', [CompanyController::class, 'editblock_store'])->name('add-block-store'); 324 Route::post('edit-bloks/add', [CompanyController::class, 'editblock_store'])->name('add-block-store');
322 Route::get('edit-bloks/ajax', [CompanyController::class, 'editblock_ajax'])->name('ajax.block'); 325 Route::get('edit-bloks/ajax', [CompanyController::class, 'editblock_ajax'])->name('ajax.block');
323 Route::get('edit-bloks/edit/{block}', [CompanyController::class, 'editblock_edit'])->name('edit-block'); 326 Route::get('edit-bloks/edit/{block}', [CompanyController::class, 'editblock_edit'])->name('edit-block');
324 Route::put('edit-bloks/edit/{block}', [CompanyController::class, 'editblock_update'])->name('update-block'); 327 Route::put('edit-bloks/edit/{block}', [CompanyController::class, 'editblock_update'])->name('update-block');
325 Route::delete('edit-bloks/delete/{block}', [CompanyController::class, 'editblock_destroy'])->name('delete-block'); 328 Route::delete('edit-bloks/delete/{block}', [CompanyController::class, 'editblock_destroy'])->name('delete-block');
326 329
327 330
328 // кабинет - редактор должности на главной 331 // кабинет - редактор должности на главной
329 Route::get('job-titles-main', [CompanyController::class, 'job_titles_main'])->name('job-titles-main'); 332 Route::get('job-titles-main', [CompanyController::class, 'job_titles_main'])->name('job-titles-main');
330 333
331 // кабинет - счетчики на главной 334 // кабинет - счетчики на главной
332 Route::get('counters-main', [CompanyController::class, 'counters_main'])->name('counters-main'); 335 Route::get('counters-main', [CompanyController::class, 'counters_main'])->name('counters-main');
333 Route::post('counters-main/edit/{name}', [CompanyController::class, 'counters_main_update'])->name('counters-main-update'); 336 Route::post('counters-main/edit/{name}', [CompanyController::class, 'counters_main_update'])->name('counters-main-update');
334 337
335 // кабинет - редактор работодатели на главной 338 // кабинет - редактор работодатели на главной
336 Route::get('employers-main', [CompanyController::class, 'employers_main'])->name('employers-main'); 339 Route::get('employers-main', [CompanyController::class, 'employers_main'])->name('employers-main');
337 340
338 341
339 // кабинет - редактор seo-сайта 342 // кабинет - редактор seo-сайта
340 Route::get('editor-seo', [CompanyController::class, 'editor_seo'])->name('editor-seo'); 343 Route::get('editor-seo', [CompanyController::class, 'editor_seo'])->name('editor-seo');
341 Route::get('editor-seo/add', [CompanyController::class, 'editor_seo_add'])->name('add-seo'); 344 Route::get('editor-seo/add', [CompanyController::class, 'editor_seo_add'])->name('add-seo');
342 Route::post('editor-seo/add', [CompanyController::class, 'editor_seo_store'])->name('add-seo-store'); 345 Route::post('editor-seo/add', [CompanyController::class, 'editor_seo_store'])->name('add-seo-store');
343 Route::get('editor-seo/ajax', [CompanyController::class, 'editor_seo_ajax'])->name('ajax.seo'); 346 Route::get('editor-seo/ajax', [CompanyController::class, 'editor_seo_ajax'])->name('ajax.seo');
344 Route::get('editor-seo/edit/{page}', [CompanyController::class, 'editor_seo_edit'])->name('edit-seo'); 347 Route::get('editor-seo/edit/{page}', [CompanyController::class, 'editor_seo_edit'])->name('edit-seo');
345 Route::put('editor-seo/edit/{page}', [CompanyController::class, 'editor_seo_update'])->name('update-seo'); 348 Route::put('editor-seo/edit/{page}', [CompanyController::class, 'editor_seo_update'])->name('update-seo');
346 Route::delete('editor-seo/delete/{page}', [CompanyController::class, 'editor_seo_destroy'])->name('delete-seo'); 349 Route::delete('editor-seo/delete/{page}', [CompanyController::class, 'editor_seo_destroy'])->name('delete-seo');
347 350
348 351
349 // кабинет - редактор страниц 352 // кабинет - редактор страниц
350 Route::get('editor-pages', [CompanyController::class, 'editor_pages'])->name('editor-pages'); 353 Route::get('editor-pages', [CompanyController::class, 'editor_pages'])->name('editor-pages');
351 // кабинет - добавление страницы 354 // кабинет - добавление страницы
352 Route::get('editor-pages/add', [CompanyController::class, 'editor_pages_add'])->name('add-page'); 355 Route::get('editor-pages/add', [CompanyController::class, 'editor_pages_add'])->name('add-page');
353 // кабинет - сохранение формы страницы 356 // кабинет - сохранение формы страницы
354 Route::post('editor-page/add', [CompanyController::class, 'editor_pages_store'])->name('add-page-store'); 357 Route::post('editor-page/add', [CompanyController::class, 'editor_pages_store'])->name('add-page-store');
355 // кабинет - редактирование форма страницы 358 // кабинет - редактирование форма страницы
356 Route::get('editor-pages/edit/{page}', [CompanyController::class, 'editor_pages_edit'])->name('edit-page'); 359 Route::get('editor-pages/edit/{page}', [CompanyController::class, 'editor_pages_edit'])->name('edit-page');
357 // кабинет - сохранение редактированной формы страницы 360 // кабинет - сохранение редактированной формы страницы
358 Route::put('editor-pages/edit/{page}', [CompanyController::class, 'editor_pages_update'])->name('update-page'); 361 Route::put('editor-pages/edit/{page}', [CompanyController::class, 'editor_pages_update'])->name('update-page');
359 // кабинет - удаление страницы 362 // кабинет - удаление страницы
360 Route::delete('editor-pages/delete/{page}', [CompanyController::class, 'editor_pages_destroy'])->name('delete-page'); 363 Route::delete('editor-pages/delete/{page}', [CompanyController::class, 'editor_pages_destroy'])->name('delete-page');
361 364
362 365
363 // кабинет - реклама сайта 366 // кабинет - реклама сайта
364 Route::get('reclames', [CompanyController::class, 'reclames'])->name('reclames'); 367 Route::get('reclames', [CompanyController::class, 'reclames'])->name('reclames');
365 Route::get('reclames/add', [CompanyController::class, 'reclames_add'])->name('add-reclames'); 368 Route::get('reclames/add', [CompanyController::class, 'reclames_add'])->name('add-reclames');
366 Route::post('reclames/add', [CompanyController::class, 'reclames_store'])->name('add-reclames-store'); 369 Route::post('reclames/add', [CompanyController::class, 'reclames_store'])->name('add-reclames-store');
367 Route::get('reclames/edit/{reclame}', [CompanyController::class, 'reclames_edit'])->name('edit-reclames'); 370 Route::get('reclames/edit/{reclame}', [CompanyController::class, 'reclames_edit'])->name('edit-reclames');
368 Route::put('reclames/edit/{reclame}', [CompanyController::class, 'reclames_update'])->name('update-reclames'); 371 Route::put('reclames/edit/{reclame}', [CompanyController::class, 'reclames_update'])->name('update-reclames');
369 Route::delete('reclames/delete/{reclame}', [CompanyController::class, 'reclames_destroy'])->name('delete-reclames'); 372 Route::delete('reclames/delete/{reclame}', [CompanyController::class, 'reclames_destroy'])->name('delete-reclames');
370 //////////////////////////////////////////////////////////////////////// 373 ////////////////////////////////////////////////////////////////////////
371 374
372 375
373 // кабинет - отзывы о работодателе для модерации 376 // кабинет - отзывы о работодателе для модерации
374 Route::get('answers', [EmployersController::class, 'answers'])->name('answers'); 377 Route::get('answers', [EmployersController::class, 'answers'])->name('answers');
375 378
376 // Общая страница статистики 379 // Общая страница статистики
377 Route::get('statics', function () { 380 Route::get('statics', function () {
378 return view('admin.static.index'); 381 return view('admin.static.index');
379 })->name('statics'); 382 })->name('statics');
380 383
381 // кабинет - статистика работников 384 // кабинет - статистика работников
382 Route::get('static-workers', [WorkersController::class, 'static_workers'])->name('static-workers'); 385 Route::get('static-workers', [WorkersController::class, 'static_workers'])->name('static-workers');
383 386
384 // кабинет - статистика вакансий работодателя 387 // кабинет - статистика вакансий работодателя
385 Route::get('static-ads', [EmployersController::class, 'static_ads'])->name('static-ads'); 388 Route::get('static-ads', [EmployersController::class, 'static_ads'])->name('static-ads');
386 389
387 // кабинет - справочник - блоки информации (дипломы и документы) для резюме работника 390 // кабинет - справочник - блоки информации (дипломы и документы) для резюме работника
388 /* 391 /*
389 * CRUD-операции над справочником дипломы и документы 392 * CRUD-операции над справочником дипломы и документы
390 */ 393 */
391 //Route::get('infobloks', [WorkersController::class, 'infobloks'])->name('infobloks'); 394 //Route::get('infobloks', [WorkersController::class, 'infobloks'])->name('infobloks');
392 Route::resource('infobloks', InfoBloksController::class, ['except' => ['show']]); 395 Route::resource('infobloks', InfoBloksController::class, ['except' => ['show']]);
393 396
394 // кабинет - роли пользователя 397 // кабинет - роли пользователя
395 Route::get('roles', [UsersController::class, 'roles'])->name('roles'); 398 Route::get('roles', [UsersController::class, 'roles'])->name('roles');
396 399
397 Route::get('admin_roles', [UsersController::class, 'admin_roles'])->name('admin_roles'); 400 Route::get('admin_roles', [UsersController::class, 'admin_roles'])->name('admin_roles');
398 401
399 Route::get('logs', function() { 402 Route::get('logs', function() {
400 $files = Storage::files('logs/laravel.log'); 403 $files = Storage::files('logs/laravel.log');
401 })->name('logs'); 404 })->name('logs');
402 }); 405 });
403 406
404 // Инструментальные страницы 407 // Инструментальные страницы
405 Route::post('ckeditor/upload', [CKEditorController::class, 'upload'])->name('ckeditor.image-upload'); 408 Route::post('ckeditor/upload', [CKEditorController::class, 'upload'])->name('ckeditor.image-upload');
406 409
407 Route::get('redis/', [PagesController::class, 'redis'])->name('redis'); 410 Route::get('redis/', [PagesController::class, 'redis'])->name('redis');
408 411
409 Route::get('excel/', [PagesController::class, 'excel'])->name('excel'); 412 Route::get('excel/', [PagesController::class, 'excel'])->name('excel');
410 413
411 // Страницы с произвольным контентом 414 // Страницы с произвольным контентом
412 Route::get('pages/{pages:slug}', [PagesController::class, 'pages'])->name('page'); 415 Route::get('pages/{pages:slug}', [PagesController::class, 'pages'])->name('page');
413 416
414 // Форма обратной связи 417 // Форма обратной связи
415 Route::post('form_feedback', [PagesController::class, 'form_feedback'])->name('form_feedback'); 418 Route::post('form_feedback', [PagesController::class, 'form_feedback'])->name('form_feedback');
416 419
417 // Публичные страницы соискателя 420 // Публичные страницы соискателя
418 Route::get('workers/profile/{worker}', [WorkerController::class, 'profile'])->name('worker_page'); 421 Route::get('workers/profile/{worker}', [WorkerController::class, 'profile'])->name('worker_page');
419 422
420 //Страница вакансии 423 //Страница вакансии
421 Route::get('employer/ad/{ad_employer}', [AdEmployerController::class, 'ad_employer'])->name('ad-employer'); 424 Route::get('employer/ad/{ad_employer}', [AdEmployerController::class, 'ad_employer'])->name('ad-employer');
422 425
423 //Вакансии 426 //Вакансии
424 Route::get('vacancies', [MainController::class, 'vacancies'])->name('vacancies'); 427 Route::get('vacancies', [MainController::class, 'vacancies'])->name('vacancies');
425 428
426 //Вакансии поиск на главной 429 //Вакансии поиск на главной
427 Route::get('search-vacancies', [MainController::class, 'search_vacancies'])->name('search_vacancies'); 430 Route::get('search-vacancies', [MainController::class, 'search_vacancies'])->name('search_vacancies');
428 431
429 //Вакансии категория детальная 432 //Вакансии категория детальная
430 Route::get('list-vacancies/{categories?}', [MainController::class, 'list_vacancies'])->name('list-vacancies'); 433 Route::get('list-vacancies/{categories?}', [MainController::class, 'list_vacancies'])->name('list-vacancies');
431 434
432 // Лайк вакансии 435 // Лайк вакансии
433 Route::get('like-vacancy', [MainController::class, 'like_vacancy'])->name('like-vacancy'); 436 Route::get('like-vacancy', [MainController::class, 'like_vacancy'])->name('like-vacancy');
434 437
435 //Детальная страница вакансии - работодателя 438 //Детальная страница вакансии - работодателя
436 Route::get('vacancie/{vacancy}', [FrontEmployersController::class, 'vacancie'])->name('vacancie'); 439 Route::get('vacancie/{vacancy}', [FrontEmployersController::class, 'vacancie'])->name('vacancie');
437 440
438 //Судоходные компании 441 //Судоходные компании
439 Route::get('shipping-companies', [FrontCompanyController::class, 'shipping_companies'])->name('shipping_companies'); 442 Route::get('shipping-companies', [FrontCompanyController::class, 'shipping_companies'])->name('shipping_companies');
440 443
441 //Детальная инфа о компании 444 //Детальная инфа о компании
442 Route::get('info-company/{company}', [FrontCompanyController::class, 'info_company'])->name('info_company'); 445 Route::get('info-company/{company}', [FrontCompanyController::class, 'info_company'])->name('info_company');
443 446
444 //Образование 447 //Образование
445 Route::get('education', [EducationFrontController::class, 'index'])->name('education'); 448 Route::get('education', [EducationFrontController::class, 'index'])->name('education');
446 Route::get('education/{education}', [EducationFrontController::class, 'show'])->name('show_education')->where('education', '[0-9]+');; 449 Route::get('education/{education}', [EducationFrontController::class, 'show'])->name('show_education')->where('education', '[0-9]+');;
447 450
448 //Новости 451 //Новости
449 Route::get('news', [MainController::class, 'news'])->name('news'); 452 Route::get('news', [MainController::class, 'news'])->name('news');
450 Route::get('detail-new/{new}', [MainController::class, 'detail_new'])->name('detail_new'); 453 Route::get('detail-new/{new}', [MainController::class, 'detail_new'])->name('detail_new');
451 454
452 //Контакты 455 //Контакты
453 Route::get('contacts', [MainController::class, 'contacts'])->name('contacts'); 456 Route::get('contacts', [MainController::class, 'contacts'])->name('contacts');
454 457
455 //База резюме 458 //База резюме
456 Route::get('bd-resume', [WorkerController::class, 'bd_resume'])->name('bd_resume'); 459 Route::get('bd-resume', [WorkerController::class, 'bd_resume'])->name('bd_resume');
457 Route::get('bd_resume_danger', function(){ 460 Route::get('bd_resume_danger', function(){
458 return view('employers.bd_resume_danger'); 461 return view('employers.bd_resume_danger');
459 })->name('bd_resume_danger'); 462 })->name('bd_resume_danger');
460 463
461 Route::get('like-resume', [MainController::class, 'like_worker'])->name('like_resume'); 464 Route::get('like-resume', [MainController::class, 'like_worker'])->name('like_resume');
462 465
463 //Анкета соискателя 466 //Анкета соискателя
464 Route::get('resume-profile/{worker}', [WorkerController::class, 'resume_profile'])->name('resume_profile'); 467 Route::get('resume-profile/{worker}', [WorkerController::class, 'resume_profile'])->name('resume_profile');
465 468
466 //Скачать резюме 469 //Скачать резюме
467 Route::get('resume-download/{worker}', [WorkerController::class, 'resume_download'])->name('resume_download'); 470 Route::get('resume-download/{worker}', [WorkerController::class, 'resume_download'])->name('resume_download');
468 Route::get('resume-download/all', [WorkerController::class, 'resume_download_all'])->name('resume_download_all2'); 471 Route::get('resume-download/all', [WorkerController::class, 'resume_download_all'])->name('resume_download_all2');
469 Route::get('resume-download', [WorkerController::class, 'resume_download_all'])->name('resume_download_all'); 472 Route::get('resume-download', [WorkerController::class, 'resume_download_all'])->name('resume_download_all');
470 473
471 474
472 //Вход в кабинет 475 //Вход в кабинет
473 Route::get('login', [MainController::class, 'input_login'])->name('login'); 476 Route::get('login', [MainController::class, 'input_login'])->name('login');
474 477
475 // Выход из кабинета 478 // Выход из кабинета
476 Route::get('logout', [EmployerController::class, 'logout'])->name('logout'); 479 Route::get('logout', [EmployerController::class, 'logout'])->name('logout');
477 480
478 Route::get( 'register_worker', [WorkerController::class, 'register_worker'])->name('register_worker'); 481 Route::get( 'register_worker', [WorkerController::class, 'register_worker'])->name('register_worker');
479 Route::get('register_employer', [EmployerController::class, 'register_employer'])->name('register_employer'); 482 Route::get('register_employer', [EmployerController::class, 'register_employer'])->name('register_employer');
480 483
481 //восстановление пароля 484 //восстановление пароля
482 Route::get('repair-password', [MainController::class, 'repair_password'])->name('repair_password'); 485 Route::get('repair-password', [MainController::class, 'repair_password'])->name('repair_password');
483 // Звезда сообщения 486 // Звезда сообщения
484 Route::post('stars-answer', [WorkerController::class, 'stars_answer'])->name('stars_answer'); 487 Route::post('stars-answer', [WorkerController::class, 'stars_answer'])->name('stars_answer');
485 488
486 // Борьба 489 // Борьба
487 Route::get('clear_cookie', function() { 490 Route::get('clear_cookie', function() {
488 \App\Classes\Cookies_vacancy::clear_vacancy(); 491 \App\Classes\Cookies_vacancy::clear_vacancy();
489 return redirect()->route('index'); 492 return redirect()->route('index');
490 })->name('clear_cookie'); 493 })->name('clear_cookie');
491 494
492 Route::get('cookies', function() { 495 Route::get('cookies', function() {
493 return view('cookies'); 496 return view('cookies');
494 })->name('cookies'); 497 })->name('cookies');
495 498
496 // Личный кабинет работник 499 // Личный кабинет работник
497 Route::group([ 500 Route::group([
498 'as' => 'worker.', // имя маршрута, например auth.index 501 'as' => 'worker.', // имя маршрута, например auth.index
499 'prefix' => 'worker', // префикс маршрута, например auth/index 502 'prefix' => 'worker', // префикс маршрута, например auth/index
500 'middleware' => ['auth'], ['is_worker'], 503 'middleware' => ['auth'], ['is_worker'],
501 ], function() { 504 ], function() {
502 // Формы редактирования 505 // Формы редактирования
503 Route::get('cabinet/basic_information', [WorkerController::class, 'basic_information'])->name('basic_information'); 506 Route::get('cabinet/basic_information', [WorkerController::class, 'basic_information'])->name('basic_information');
504 Route::get('cabinet/additional_documents', [WorkerController::class, 'additional_documents'])->name('additional_documents'); 507 Route::get('cabinet/additional_documents', [WorkerController::class, 'additional_documents'])->name('additional_documents');
505 508
506 // 1 страница - Моя анкета 509 // 1 страница - Моя анкета
507 Route::get('cabinet', [WorkerController::class, 'cabinet'])->name('cabinet'); 510 Route::get('cabinet', [WorkerController::class, 'cabinet'])->name('cabinet');
508 Route::post('cabinet/{worker}', [WorkerController::class, 'cabinet_save'])->name('cabinet_save'); 511 Route::post('cabinet/{worker}', [WorkerController::class, 'cabinet_save'])->name('cabinet_save');
509 Route::post('cabinet/cabinet_save_foto/{worker}', [WorkerController::class, 'cabinet_save_foto'])->name('cabinet_save_foto'); 512 Route::post('cabinet/cabinet_save_foto/{worker}', [WorkerController::class, 'cabinet_save_foto'])->name('cabinet_save_foto');
510 513
511 514
512 // 2 страница - Сообщения 515 // 2 страница - Сообщения
513 Route::get('cabinet/messages/{type_message}', [WorkerController::class, 'messages'])->name('messages'); 516 Route::get('cabinet/messages/{type_message}', [WorkerController::class, 'messages'])->name('messages');
514 Route::get('cabinet/dialog/{user1}/{user2}', [WorkerController::class, 'dialog'])->name('dialog'); 517 Route::get('cabinet/dialog/{chat}', [WorkerController::class, 'dialog'])->name('dialog');
515 // 3 страница - Избранные вакансии 518 // 3 страница - Избранные вакансии
516 Route::get('cabinet/favorite', [WorkerController::class, 'favorite'])->name('favorite'); 519 Route::get('cabinet/favorite', [WorkerController::class, 'favorite'])->name('favorite');
517 // Продолжение борьбы против колорадов - избранные вакансии 520 // Продолжение борьбы против колорадов - избранные вакансии
518 Route::get('кабинет/favorite', [WorkerController::class, 'colorado'])->name('colorado'); 521 Route::get('кабинет/favorite', [WorkerController::class, 'colorado'])->name('colorado');
519 522
520 // 4 страница - Сменить пароль 523 // 4 страница - Сменить пароль
521 Route::get('кабинет/new_password', [WorkerController::class, 'new_password'])->name('new_password'); 524 Route::get('кабинет/new_password', [WorkerController::class, 'new_password'])->name('new_password');
522 Route::post('кабинет/new_password/save', [WorkerController::class, 'save_new_password'])->name('save_new_password'); 525 Route::post('кабинет/new_password/save', [WorkerController::class, 'save_new_password'])->name('save_new_password');
523 526
524 // 5 страница - Удалить профиль 527 // 5 страница - Удалить профиль
525 Route::get('кабинет/delete_profile', [WorkerController::class, 'delete_profile'])->name('delete_profile'); 528 Route::get('кабинет/delete_profile', [WorkerController::class, 'delete_profile'])->name('delete_profile');
526 Route::post('кабинет/delete_profile/delete', [WorkerController::class, 'delete_profile_result'])->name('deleteprofile_result'); 529 Route::post('кабинет/delete_profile/delete', [WorkerController::class, 'delete_profile_result'])->name('deleteprofile_result');
527 530
528 // Резюме -pdf 531 // Резюме -pdf
529 Route::get('кабинет/download/{worker}', [WorkerController::class, 'download'])->name('download'); 532 Route::get('кабинет/download/{worker}', [WorkerController::class, 'download'])->name('download');
530 533
531 // Поднятие анкеты 534 // Поднятие анкеты
532 Route::get('кабинет/up/{worker}', [WorkerController::class, 'up'])->name('up'); 535 Route::get('кабинет/up/{worker}', [WorkerController::class, 'up'])->name('up');
533 536
534 Route::post('test123', [WorkerController::class, 'test123'])->name('test123'); 537 Route::post('test123', [WorkerController::class, 'test123'])->name('test123');
535 538
536 // Добавление сертификата 539 // Добавление сертификата
537 Route::get('кабинет/new_sertificate/{worker}', [WorkerController::class, 'new_sertificate'])->name('new_sertificate'); 540 Route::get('кабинет/new_sertificate/{worker}', [WorkerController::class, 'new_sertificate'])->name('new_sertificate');
538 Route::post('кабинет/add_sertificate', [WorkerController::class, 'add_serificate'])->name('add_serificate'); 541 Route::post('кабинет/add_sertificate', [WorkerController::class, 'add_serificate'])->name('add_serificate');
539 Route::get('кабинет/edit_sertificate/{worker}/{doc}', [WorkerController::class, 'edit_sertificate'])->name('edit_sertificate'); 542 Route::get('кабинет/edit_sertificate/{worker}/{doc}', [WorkerController::class, 'edit_sertificate'])->name('edit_sertificate');
540 Route::get('кабинет/edit_sertificate/{doc}', [WorkerController::class, 'update_serificate'])->name('update_serificate'); 543 Route::get('кабинет/edit_sertificate/{doc}', [WorkerController::class, 'update_serificate'])->name('update_serificate');
541 Route::get('кабинет/delete_sertificate/{doc}', [WorkerController::class, 'delete_sertificate'])->name('delete_sertificate'); 544 Route::get('кабинет/delete_sertificate/{doc}', [WorkerController::class, 'delete_sertificate'])->name('delete_sertificate');
542 545
543 // Добавление предыдущих контактов компании 546 // Добавление предыдущих контактов компании
544 Route::get('кабинет/prev_company/{worker}', [WorkerController::class, 'new_prev_company'])->name('new_prev_company'); 547 Route::get('кабинет/prev_company/{worker}', [WorkerController::class, 'new_prev_company'])->name('new_prev_company');
545 Route::post('кабинет/add_prev_company', [WorkerController::class, 'add_prev_company'])->name('add_prev_company'); 548 Route::post('кабинет/add_prev_company', [WorkerController::class, 'add_prev_company'])->name('add_prev_company');
546 Route::get('кабинет/edit_prev_company/{doc}/{worker}', [WorkerController::class, 'edit_prev_company'])->name('edit_prev_company'); 549 Route::get('кабинет/edit_prev_company/{doc}/{worker}', [WorkerController::class, 'edit_prev_company'])->name('edit_prev_company');
547 Route::post('кабинет/update_prev_company/{doc}', [WorkerController::class, 'update_prev_company'])->name('update_prev_company'); 550 Route::post('кабинет/update_prev_company/{doc}', [WorkerController::class, 'update_prev_company'])->name('update_prev_company');
548 Route::get('кабинет/delete_prev_company/{doc}', [WorkerController::class, 'delete_prev_company'])->name('delete_prev_company'); 551 Route::get('кабинет/delete_prev_company/{doc}', [WorkerController::class, 'delete_prev_company'])->name('delete_prev_company');
549 552
550 // Добавление документа-диплома 553 // Добавление документа-диплома
551 Route::get('кабинет/add_diplom/{worker}', [WorkerController::class, 'add_diplom'])->name('add_diplom'); 554 Route::get('кабинет/add_diplom/{worker}', [WorkerController::class, 'add_diplom'])->name('add_diplom');
552 Route::post('кабинет/add_diplom', [WorkerController::class, 'add_diplom_save'])->name('dop_info_save'); 555 Route::post('кабинет/add_diplom', [WorkerController::class, 'add_diplom_save'])->name('dop_info_save');
553 Route::put('кабинет/edit_diploms/{worker}', [WorkerController::class, 'edit_diploms'])->name('edit_diploms'); 556 Route::put('кабинет/edit_diploms/{worker}', [WorkerController::class, 'edit_diploms'])->name('edit_diploms');
554 Route::get('кабинет/delete_ad_diplom/{worker}', [WorkerController::class, 'delete_add_diplom'])->name('delete_add_diplom'); 557 Route::get('кабинет/delete_ad_diplom/{worker}', [WorkerController::class, 'delete_add_diplom'])->name('delete_add_diplom');
555 558
556 // Добавление стандартного диплома 559 // Добавление стандартного диплома
557 Route::get('кабинет/add_document/{worker}', [WorkerController::class, 'add_document'])->name('add_document'); 560 Route::get('кабинет/add_document/{worker}', [WorkerController::class, 'add_document'])->name('add_document');
558 Route::post('кабинет/add_document/', [WorkerController::class, 'add_document_save'])->name('add_document_save'); 561 Route::post('кабинет/add_document/', [WorkerController::class, 'add_document_save'])->name('add_document_save');
559 Route::get('кабинет/edit_document/{doc}/{worker}', [WorkerController::class, 'edit_document'])->name('edit_document'); 562 Route::get('кабинет/edit_document/{doc}/{worker}', [WorkerController::class, 'edit_document'])->name('edit_document');
560 Route::post('кабинет/edit_document/{doc}', [WorkerController::class, 'edit_document_save'])->name('edit_document_save'); 563 Route::post('кабинет/edit_document/{doc}', [WorkerController::class, 'edit_document_save'])->name('edit_document_save');
561 Route::get('кабинет/delete_document/{doc}', [WorkerController::class, 'delete_document'])->name('delete_document'); 564 Route::get('кабинет/delete_document/{doc}', [WorkerController::class, 'delete_document'])->name('delete_document');
562 565
563 // Отправка сообщения работодателю от соискателя 566 // Отправка сообщения работодателю от соискателя
564 Route::post('сообщение/', [WorkerController::class, 'new_message'])->name('new_message'); 567 Route::post('сообщение/', [WorkerController::class, 'new_message'])->name('new_message');
565 }); 568 });
566 569
567 // Личный кабинет работодателя 570 // Личный кабинет работодателя
568 Route::group([ 571 Route::group([
569 'as' => 'employer.', // имя маршрута, например auth.index 572 'as' => 'employer.', // имя маршрута, например auth.index
570 'prefix' => 'employer', // префикс маршрута, например auth/index 573 'prefix' => 'employer', // префикс маршрута, например auth/index
571 'middleware' => ['auth'], !['is_worker'], 574 'middleware' => ['auth'], !['is_worker'],
572 ], function() { 575 ], function() {
573 // 0 страница - Личные данные работодателя 576 // 0 страница - Личные данные работодателя
574 Route::get('cabinet/employer_info', [EmployerController::class, 'employer_info'])->name('employer_info'); 577 Route::get('cabinet/employer_info', [EmployerController::class, 'employer_info'])->name('employer_info');
575 Route::post('cabinet/employer_info/{user}', [EmployerController::class, 'employer_info_save'])->name('employer_info_save'); 578 Route::post('cabinet/employer_info/{user}', [EmployerController::class, 'employer_info_save'])->name('employer_info_save');
576 579
577 // 1 страница - Профиль 580 // 1 страница - Профиль
578 Route::get('cabinet', [EmployerController::class, 'cabinet'])->name('cabinet'); 581 Route::get('cabinet', [EmployerController::class, 'cabinet'])->name('cabinet');
579 Route::post('cabinet/{Employer}', [EmployerController::class, 'cabinet_save'])->name('cabinet_save'); 582 Route::post('cabinet/{Employer}', [EmployerController::class, 'cabinet_save'])->name('cabinet_save');
580 Route::post('flot_add_ajax', [EmployerController::class, 'save_add_flot'])->name('save_add_flot'); 583 Route::post('flot_add_ajax', [EmployerController::class, 'save_add_flot'])->name('save_add_flot');
581 Route::get('flot_delete_ajax/{Flot}', [EmployerController::class, 'delete_flot'])->name('delete_flot'); 584 Route::get('flot_delete_ajax/{Flot}', [EmployerController::class, 'delete_flot'])->name('delete_flot');
582 Route::get('cabinet/flot_edit/{Flot}/{Employer}', [EmployerController::class, 'edit_flot'])->name('edit_flot'); 585 Route::get('cabinet/flot_edit/{Flot}/{Employer}', [EmployerController::class, 'edit_flot'])->name('edit_flot');
583 Route::post('cabinet/flot_edit/{Flot}', [EmployerController::class, 'update_flot'])->name('update_flot_save'); 586 Route::post('cabinet/flot_edit/{Flot}', [EmployerController::class, 'update_flot'])->name('update_flot_save');
584 Route::get('cabinet/flot', [EmployerController::class, 'slider_flot'])->name('slider_flot'); 587 Route::get('cabinet/flot', [EmployerController::class, 'slider_flot'])->name('slider_flot');
585 588
586 // 2 страница - Добавление вакансий 589 // 2 страница - Добавление вакансий
587 Route::get('cabinet/vacancie', [EmployerController::class, 'cabinet_vacancie'])->name('cabinet_vacancie'); 590 Route::get('cabinet/vacancie', [EmployerController::class, 'cabinet_vacancie'])->name('cabinet_vacancie');
588 Route::post('vacancie', [EmployerController::class, 'cabinet_vacancy_save1'])->name('vac_save'); 591 Route::post('vacancie', [EmployerController::class, 'cabinet_vacancy_save1'])->name('vac_save');
589 //Route::get('selected_people', [EmployerController::class, 'selected_people'])->name('selected_people'); 592 //Route::get('selected_people', [EmployerController::class, 'selected_people'])->name('selected_people');
590 593
591 Route::get('cabinet/vacancie_danger', [EmployerController::class, 'cabinet_vacancie_danger'])->name('cabinet_vacancie_danger'); 594 Route::get('cabinet/vacancie_danger', [EmployerController::class, 'cabinet_vacancie_danger'])->name('cabinet_vacancie_danger');
592 595
593 596
594 597
595 Route::get('selected_people', [EmployerController::class, 'selected_people'])->name('selected_people'); 598 Route::get('selected_people', [EmployerController::class, 'selected_people'])->name('selected_people');
596 599
597 // 3 страница - Мои вакансии 600 // 3 страница - Мои вакансии
598 Route::get('cabinet/vacancy_list', [EmployerController::class, 'vacancy_list'])->name('vacancy_list'); 601 Route::get('cabinet/vacancy_list', [EmployerController::class, 'vacancy_list'])->name('vacancy_list');
599 Route::get('cabinet/vacancy/{ad_employer}', [EmployerController::class, 'vacancy_edit'])->name('vacancy_edit'); 602 Route::get('cabinet/vacancy/{ad_employer}', [EmployerController::class, 'vacancy_edit'])->name('vacancy_edit');
600 Route::get('cabinet/vacancy-delete/{ad_employer}', [EmployerController::class, 'vacancy_delete'])->name('vacancy_delete'); 603 Route::get('cabinet/vacancy-delete/{ad_employer}', [EmployerController::class, 'vacancy_delete'])->name('vacancy_delete');
601 Route::get('cabinet/vacancy-up/{ad_employer}', [EmployerController::class, 'vacancy_up'])->name('vacancy_up'); 604 Route::get('cabinet/vacancy-up/{ad_employer}', [EmployerController::class, 'vacancy_up'])->name('vacancy_up');
602 Route::get('cabinet/vacancy-eye/{ad_employer}/{status}', [EmployerController::class, 'vacancy_eye'])->name('vacancy_eye'); 605 Route::get('cabinet/vacancy-eye/{ad_employer}/{status}', [EmployerController::class, 'vacancy_eye'])->name('vacancy_eye');
603 Route::get('cabinet/vacancy-edit/{ad_employer}', [EmployerController::class, 'vacancy_edit'])->name('vacancy_edit'); 606 Route::get('cabinet/vacancy-edit/{ad_employer}', [EmployerController::class, 'vacancy_edit'])->name('vacancy_edit');
604 Route::post('cabinet/vacancy-edit/{ad_employer}', [EmployerController::class, 'vacancy_save_me'])->name('vacancy_save_me'); 607 Route::post('cabinet/vacancy-edit/{ad_employer}', [EmployerController::class, 'vacancy_save_me'])->name('vacancy_save_me');
605 608
606 // 4.1Ю. 609 // 4.1Ю.
607 Route::get('cabinet/ad_jobs/create/{ad_employer}', [Ad_jobsController::class, 'add_job_in_vac'])->name('add_job_in_vac'); 610 Route::get('cabinet/ad_jobs/create/{ad_employer}', [Ad_jobsController::class, 'add_job_in_vac'])->name('add_job_in_vac');
608 Route::post('cabinet/ad_jobs/create', [Ad_jobsController::class, 'add_job_in_vac_save'])->name('add_job_in_vac_save'); 611 Route::post('cabinet/ad_jobs/create', [Ad_jobsController::class, 'add_job_in_vac_save'])->name('add_job_in_vac_save');
609 Route::get('cabinet/ad_jobs/edit/{ad_job}/{ad_employer}', [Ad_jobsController::class, 'edit_job_in_vac'])->name('edit_job_in_vac'); 612 Route::get('cabinet/ad_jobs/edit/{ad_job}/{ad_employer}', [Ad_jobsController::class, 'edit_job_in_vac'])->name('edit_job_in_vac');
610 Route::post('cabinet/ad_jobs/edit/{ad_job}', [Ad_jobsController::class, 'edit_job_in_vac_save'])->name('edit_job_in_vac_save'); 613 Route::post('cabinet/ad_jobs/edit/{ad_job}', [Ad_jobsController::class, 'edit_job_in_vac_save'])->name('edit_job_in_vac_save');
611 Route::get('cabinet/ad_jobs/delete/{ad_job}', [Ad_jobsController::class, 'delete_job_in_vac'])->name('delete_job_in_vac'); 614 Route::get('cabinet/ad_jobs/delete/{ad_job}', [Ad_jobsController::class, 'delete_job_in_vac'])->name('delete_job_in_vac');
612 615
613 // 4 страница - Отклики на вакансии 616 // 4 страница - Отклики на вакансии
614 Route::get('cabinet/answers/{employer}', [EmployerController::class, 'answers'])->name('answers'); 617 Route::get('cabinet/answers/{employer}', [EmployerController::class, 'answers'])->name('answers');
615 Route::get('cabinet/status/{employer}', [EmployerController::class, 'supple_status2'])->name('supple'); 618 Route::get('cabinet/status/{employer}', [EmployerController::class, 'supple_status2'])->name('supple');
616 Route::get('status/{employer}/{ad_response}/{flag}', [EmployerController::class, 'supple_status'])->name('status_msg'); 619 Route::get('status/{employer}/{ad_response}/{flag}', [EmployerController::class, 'supple_status'])->name('status_msg');
617 620
618 // 5 страница - Сообщения 621 // 5 страница - Сообщения
619 Route::get('cabinet/messages/{type_message}', [EmployerController::class, 'messages'])->name('messages'); 622 Route::get('cabinet/messages/{type_message}', [EmployerController::class, 'messages'])->name('messages');
620 Route::get('cabinet/dialog/{user1}/{user2}', [EmployerController::class, 'dialog'])->name('dialog'); 623 Route::get('cabinet/dialog/{chat}', [EmployerController::class, 'dialog'])->name('dialog');
621 Route::post('cabinet/send-message', [EmployerController::class, 'send_message'])->name('send_message'); 624 Route::post('cabinet/send-message', [EmployerController::class, 'send_message'])->name('send_message');
622 Route::post('test123', [EmployerController::class, 'test123'])->name('test123'); 625 Route::post('test123', [EmployerController::class, 'test123'])->name('test123');
623 626
624 // 6 страница - Избранный 627 // 6 страница - Избранный
625 Route::get('cabinet/favorites', [EmployerController::class, 'favorites'])->name('favorites'); 628 Route::get('cabinet/favorites', [EmployerController::class, 'favorites'])->name('favorites');
626 629
627 //7 страница - База данных 630 //7 страница - База данных
628 Route::get('cabinet/bd', [EmployerController::class, 'bd'])->name('bd'); 631 Route::get('cabinet/bd', [EmployerController::class, 'bd'])->name('bd');
629 632
630 //8 страница - База резюме 633 //8 страница - База резюме
631 Route::get('cabinet/bd-tupe', [EmployerController::class, 'bd_tupe'])->name('bd-tupe'); 634 Route::get('cabinet/bd-tupe', [EmployerController::class, 'bd_tupe'])->name('bd-tupe');
632 635
633 // 9 рассылка сообщений 636 // 9 рассылка сообщений
634 Route::get('cabinet/send-all-messages', [EmployerController::class, 'send_all_messages'])->name('send_all_messages'); 637 Route::get('cabinet/send-all-messages', [EmployerController::class, 'send_all_messages'])->name('send_all_messages');
635 Route::post('cabinet/send-all-messages/send', [EmployerController::class, 'send_all_post'])->name('send_all_post'); 638 Route::post('cabinet/send-all-messages/send', [EmployerController::class, 'send_all_post'])->name('send_all_post');
636 639
637 // 10 страница FAQ вопросы 640 // 10 страница FAQ вопросы
638 Route::get('cabinet/faq', [EmployerController::class, 'faq'])->name('faq'); 641 Route::get('cabinet/faq', [EmployerController::class, 'faq'])->name('faq');
639 642
640 // 11 страница - Настройка уведомлений 643 // 11 страница - Настройка уведомлений
641 Route::get('cabinet/subscribe', [EmployerController::class, 'subscribe'])->name('subscribe'); 644 Route::get('cabinet/subscribe', [EmployerController::class, 'subscribe'])->name('subscribe');
642 Route::get('cabinet/subscribe/save', [EmployerController::class, 'save_subscribe'])->name('save_subscribe'); 645 Route::get('cabinet/subscribe/save', [EmployerController::class, 'save_subscribe'])->name('save_subscribe');
643 646
644 // 12 страница - Сменить пароль 647 // 12 страница - Сменить пароль
645 Route::get('cabinet/password-reset', [EmployerController::class, 'password_reset'])->name('password_reset'); 648 Route::get('cabinet/password-reset', [EmployerController::class, 'password_reset'])->name('password_reset');
646 Route::get('cabinet/password-reset/new', [EmployerController::class, 'new_password'])->name('new_password'); 649 Route::get('cabinet/password-reset/new', [EmployerController::class, 'new_password'])->name('new_password');
647 650
648 // 13 страница - Удаление профиля 651 // 13 страница - Удаление профиля
649 Route::get('cabinet/delete-people', [EmployerController::class, 'delete_people'])->name('delete_people'); 652 Route::get('cabinet/delete-people', [EmployerController::class, 'delete_people'])->name('delete_people');
650 Route::get('cabinet/action-delete-people', [EmployerController::class, 'action_delete_user'])->name('action_delete_user'); 653 Route::get('cabinet/action-delete-people', [EmployerController::class, 'action_delete_user'])->name('action_delete_user');
651 Route::get('cabinet/action-ajax-delete-people', [EmployerController::class, 'ajax_delete_user'])->name('ajax_delete_user'); 654 Route::get('cabinet/action-ajax-delete-people', [EmployerController::class, 'ajax_delete_user'])->name('ajax_delete_user');
652 655
653 // Отправил сообщение 656 // Отправил сообщение
654 Route::post('сообщение/', [EmployerController::class, 'new_message'])->name('new_message'); 657 Route::post('сообщение/', [EmployerController::class, 'new_message'])->name('new_message');
655 658
656 Route::post('pin_chat/', [EmployerController::class, 'pin_chat'])->name('pin_chat'); 659 Route::post('pin_chat/', [EmployerController::class, 'pin_chat'])->name('pin_chat');
657 Route::post('remove_chat/', [EmployerController::class, 'remove_chat'])->name('remove_chat'); 660 Route::post('remove_chat/', [EmployerController::class, 'remove_chat'])->name('remove_chat');
658 }); 661 });
662
663 Route::get('TestWorker', [WorkerController::class, 'TestWorker'])->name('TestWorker');
659 664
660 Route::get('TestWorker', [WorkerController::class, 'TestWorker'])->name('TestWorker'); 665 Route::post('send_message', [HomeController::class, 'send_message'])->name('send_message');
661 666
662 667