Commit e4220ec5436214fc5e8db0c9228fbf8d590de367
1 parent
a89ff088a2
Exists in
master
and in
1 other branch
Активные ссылки меню
Showing 1 changed file with 46 additions and 62 deletions Inline Diff
resources/views/layout/admin.blade.php
1 | <!DOCTYPE html> | 1 | <!DOCTYPE html> |
2 | <html :class="{ 'theme-dark': dark }" x-data="data()" lang="{{ str_replace('_', '-', app()->getLocale()) }}"> | 2 | <html :class="{ 'theme-dark': dark }" x-data="data()" lang="{{ str_replace('_', '-', app()->getLocale()) }}"> |
3 | <head> | 3 | <head> |
4 | <meta charset="UTF-8" /> | 4 | <meta charset="UTF-8" /> |
5 | <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | 5 | <meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
6 | <title>{{$title}}</title> | 6 | <title>{{$title}}</title> |
7 | <link | 7 | <link |
8 | href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" | 8 | href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" |
9 | rel="stylesheet" | 9 | rel="stylesheet" |
10 | /> | 10 | /> |
11 | <link rel="stylesheet" href="{{ asset('./assets/css/tailwind.output.css')}}" /> | 11 | <link rel="stylesheet" href="{{ asset('./assets/css/tailwind.output.css')}}" /> |
12 | <link rel="stylesheet" href="{{ asset('./assets/css/tabs.css')}}" /> | 12 | <link rel="stylesheet" href="{{ asset('./assets/css/tabs.css')}}" /> |
13 | <script | 13 | <script |
14 | src="https://cdn.jsdelivr.net/gh/alpinejs/alpine@v2.x.x/dist/alpine.min.js" | 14 | src="https://cdn.jsdelivr.net/gh/alpinejs/alpine@v2.x.x/dist/alpine.min.js" |
15 | defer | 15 | defer |
16 | ></script> | 16 | ></script> |
17 | <script src="{{ asset('./assets/js/init-alpine.js') }}"></script> | 17 | <script src="{{ asset('./assets/js/init-alpine.js') }}"></script> |
18 | <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.3/Chart.min.css"/> | 18 | <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.3/Chart.min.css"/> |
19 | <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.3/Chart.min.js" defer></script> | 19 | <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.3/Chart.min.js" defer></script> |
20 | <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script> | 20 | <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script> |
21 | <script src="{{ asset('./assets/js/charts-lines.js') }}" defer></script> | 21 | <script src="{{ asset('./assets/js/charts-lines.js') }}" defer></script> |
22 | <script src="{{ asset('./assets/js/charts-pie.js') }}" defer></script> | 22 | <script src="{{ asset('./assets/js/charts-pie.js') }}" defer></script> |
23 | </head> | 23 | </head> |
24 | <body> | 24 | <body> |
25 | <div class="flex h-screen bg-gray-50 dark:bg-gray-900" :class="{ 'overflow-hidden': isSideMenuOpen }"> | 25 | <div class="flex h-screen bg-gray-50 dark:bg-gray-900" :class="{ 'overflow-hidden': isSideMenuOpen }"> |
26 | <!-- Desktop sidebar --> | 26 | <!-- Desktop sidebar --> |
27 | <aside | 27 | <aside |
28 | class="z-20 hidden w-64 overflow-y-auto bg-white dark:bg-gray-800 md:block flex-shrink-0" | 28 | class="z-20 hidden w-64 overflow-y-auto bg-white dark:bg-gray-800 md:block flex-shrink-0" |
29 | > | 29 | > |
30 | <div class="py-4 text-gray-500 dark:text-gray-400"> | 30 | <div class="py-4 text-gray-500 dark:text-gray-400"> |
31 | <a class="ml-6 text-lg font-bold text-gray-800 dark:text-gray-200" | 31 | <a class="ml-6 text-lg font-bold text-gray-800 dark:text-gray-200" |
32 | href="{{ route('admin.index') }}"> | 32 | href="{{ route('admin.index') }}"> |
33 | Админка | 33 | Админка |
34 | </a> | 34 | </a> |
35 | <ul class="mt-6"> | 35 | <ul class="mt-6"> |
36 | <li class="relative px-6 py-3"> | 36 | <li class="relative px-6 py-3"> |
37 | <span | 37 | <span |
38 | class="absolute inset-y-0 left-0 w-1 bg-purple-600 rounded-tr-lg rounded-br-lg" | 38 | class="absolute inset-y-0 left-0 w-1 bg-purple-600 rounded-tr-lg rounded-br-lg" |
39 | aria-hidden="true" | 39 | aria-hidden="true" |
40 | ></span> | 40 | ></span> |
41 | <!--class="inline-flex items-center w-full text-sm font-semibold text-gray-800 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 dark:text-gray-100" | ||
42 | --> | ||
41 | <a | 43 | <a |
42 | class="inline-flex items-center w-full text-sm font-semibold text-gray-800 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 dark:text-gray-100" | 44 | class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.index') ? 'dark:text-gray-100' : null }}" |
43 | href="{{ route('admin.index') }}" | 45 | href="{{ route('admin.index') }}" |
44 | > | 46 | > |
45 | <svg | 47 | <svg |
46 | class="w-5 h-5" | 48 | class="w-5 h-5" |
47 | aria-hidden="true" | 49 | aria-hidden="true" |
48 | fill="none" | 50 | fill="none" |
49 | stroke-linecap="round" | 51 | stroke-linecap="round" |
50 | stroke-linejoin="round" | 52 | stroke-linejoin="round" |
51 | stroke-width="2" | 53 | stroke-width="2" |
52 | viewBox="0 0 24 24" | 54 | viewBox="0 0 24 24" |
53 | stroke="currentColor" | 55 | stroke="currentColor" |
54 | > | 56 | > |
55 | <path | 57 | <path |
56 | d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6" | 58 | d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6" |
57 | ></path> | 59 | ></path> |
58 | </svg> | 60 | </svg> |
59 | <span class="ml-4">Главная страница</span> | 61 | <span class="ml-4">Главная страница</span> |
60 | </a> | 62 | </a> |
61 | </li> | 63 | </li> |
62 | </ul> | 64 | </ul> |
63 | <ul> | 65 | <ul> |
64 | @if ($UserId == 1) | 66 | @if ($UserId == 1) |
65 | <li class="relative px-6 py-3"> | 67 | <li class="relative px-6 py-3"> |
66 | <a | 68 | <a |
67 | class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200" | 69 | 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 }}" |
68 | href="{{ route('admin.users') }}" | 70 | href="{{ route('admin.users') }}" |
69 | > | 71 | > |
70 | <svg | 72 | <svg |
71 | class="w-5 h-5" | 73 | class="w-5 h-5" |
72 | aria-hidden="true" | 74 | aria-hidden="true" |
73 | fill="none" | 75 | fill="none" |
74 | stroke-linecap="round" | 76 | stroke-linecap="round" |
75 | stroke-linejoin="round" | 77 | stroke-linejoin="round" |
76 | stroke-width="2" | 78 | stroke-width="2" |
77 | viewBox="0 0 24 24" | 79 | viewBox="0 0 24 24" |
78 | stroke="currentColor" | 80 | stroke="currentColor" |
79 | > | 81 | > |
80 | <path | 82 | <path |
81 | 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" | 83 | 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" |
82 | ></path> | 84 | ></path> |
83 | </svg> | 85 | </svg> |
84 | <span class="ml-4">Пользователи</span> | 86 | <span class="ml-4">Пользователи</span> |
85 | </a> | 87 | </a> |
86 | </li> | 88 | </li> |
87 | @endif | 89 | @endif |
88 | <li class="relative px-6 py-3"> | 90 | <li class="relative px-6 py-3"> |
89 | <a | 91 | <a |
90 | class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200" | 92 | 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') }}" |
91 | href="{{ route('admin.employers') }}" | ||
92 | > | 93 | > |
93 | <svg | 94 | <svg |
94 | class="w-5 h-5" | 95 | class="w-5 h-5" |
95 | aria-hidden="true" | 96 | aria-hidden="true" |
96 | fill="none" | 97 | fill="none" |
97 | stroke-linecap="round" | 98 | stroke-linecap="round" |
98 | stroke-linejoin="round" | 99 | stroke-linejoin="round" |
99 | stroke-width="2" | 100 | stroke-width="2" |
100 | viewBox="0 0 24 24" | 101 | viewBox="0 0 24 24" |
101 | stroke="currentColor" | 102 | stroke="currentColor" |
102 | > | 103 | > |
103 | <path | 104 | <path |
104 | 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" | 105 | 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" |
105 | ></path> | 106 | ></path> |
106 | </svg> | 107 | </svg> |
107 | <span class="ml-4">Работодатели</span> | 108 | <span class="ml-4">Работодатели</span> |
108 | </a> | 109 | </a> |
109 | </li> | 110 | </li> |
110 | <li class="relative px-6 py-3"> | 111 | <li class="relative px-6 py-3"> |
111 | <a | 112 | <a |
112 | class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200" | 113 | 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') }}" |
113 | href="{{ route('admin.workers') }}" | ||
114 | > | 114 | > |
115 | <svg | 115 | <svg |
116 | class="w-5 h-5" | 116 | class="w-5 h-5" |
117 | aria-hidden="true" | 117 | aria-hidden="true" |
118 | fill="none" | 118 | fill="none" |
119 | stroke-linecap="round" | 119 | stroke-linecap="round" |
120 | stroke-linejoin="round" | 120 | stroke-linejoin="round" |
121 | stroke-width="2" | 121 | stroke-width="2" |
122 | viewBox="0 0 24 24" | 122 | viewBox="0 0 24 24" |
123 | stroke="currentColor" | 123 | stroke="currentColor" |
124 | > | 124 | > |
125 | <path | 125 | <path |
126 | d="M11 3.055A9.001 9.001 0 1020.945 13H11V3.055z" | 126 | d="M11 3.055A9.001 9.001 0 1020.945 13H11V3.055z" |
127 | ></path> | 127 | ></path> |
128 | <path d="M20.488 9H15V3.512A9.025 9.025 0 0120.488 9z"></path> | 128 | <path d="M20.488 9H15V3.512A9.025 9.025 0 0120.488 9z"></path> |
129 | </svg> | 129 | </svg> |
130 | <span class="ml-4">Соискатели</span> | 130 | <span class="ml-4">Соискатели</span> |
131 | </a> | 131 | </a> |
132 | </li> | 132 | </li> |
133 | <li class="relative px-6 py-3"> | 133 | <li class="relative px-6 py-3"> |
134 | <a | 134 | <a |
135 | class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200" | 135 | 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') }}" |
136 | href="{{ route('admin.ad-employers') }}" | ||
137 | > | 136 | > |
138 | <svg | 137 | <svg |
139 | class="w-5 h-5" | 138 | class="w-5 h-5" |
140 | aria-hidden="true" | 139 | aria-hidden="true" |
141 | fill="none" | 140 | fill="none" |
142 | stroke-linecap="round" | 141 | stroke-linecap="round" |
143 | stroke-linejoin="round" | 142 | stroke-linejoin="round" |
144 | stroke-width="2" | 143 | stroke-width="2" |
145 | viewBox="0 0 24 24" | 144 | viewBox="0 0 24 24" |
146 | stroke="currentColor" | 145 | stroke="currentColor" |
147 | > | 146 | > |
148 | <path | 147 | <path |
149 | 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" | 148 | 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" |
150 | ></path> | 149 | ></path> |
151 | </svg> | 150 | </svg> |
152 | <span class="ml-4">Вакансии</span> | 151 | <span class="ml-4">Вакансии</span> |
153 | </a> | 152 | </a> |
154 | </li> | 153 | </li> |
155 | 154 | ||
156 | <li class="relative px-6 py-3"> | 155 | <li class="relative px-6 py-3"> |
157 | <a | 156 | <a |
158 | class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200" | 157 | 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') }}" |
159 | href="{{ route('admin.messages') }}" | ||
160 | > | 158 | > |
161 | <svg | 159 | <svg |
162 | class="w-5 h-5" | 160 | class="w-5 h-5" |
163 | aria-hidden="true" | 161 | aria-hidden="true" |
164 | fill="none" | 162 | fill="none" |
165 | stroke-linecap="round" | 163 | stroke-linecap="round" |
166 | stroke-linejoin="round" | 164 | stroke-linejoin="round" |
167 | stroke-width="2" | 165 | stroke-width="2" |
168 | viewBox="0 0 24 24" | 166 | viewBox="0 0 24 24" |
169 | stroke="currentColor" | 167 | stroke="currentColor" |
170 | > | 168 | > |
171 | <path d="M4 6h16M4 10h16M4 14h16M4 18h16"></path> | 169 | <path d="M4 6h16M4 10h16M4 14h16M4 18h16"></path> |
172 | </svg> | 170 | </svg> |
173 | <span class="ml-4">Сообщения все</span> | 171 | <span class="ml-4">Сообщения все</span> |
174 | </a> | 172 | </a> |
175 | </li> | 173 | </li> |
176 | <li class="relative px-6 py-3"> | 174 | <li class="relative px-6 py-3"> |
177 | <a | 175 | <a |
178 | class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200" | 176 | 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') }}" |
179 | href="{{ route('admin.groups') }}" | ||
180 | > | 177 | > |
181 | <svg | 178 | <svg |
182 | class="w-5 h-5" | 179 | class="w-5 h-5" |
183 | aria-hidden="true" | 180 | aria-hidden="true" |
184 | fill="none" | 181 | fill="none" |
185 | stroke-linecap="round" | 182 | stroke-linecap="round" |
186 | stroke-linejoin="round" | 183 | stroke-linejoin="round" |
187 | stroke-width="2" | 184 | stroke-width="2" |
188 | viewBox="0 0 24 24" | 185 | viewBox="0 0 24 24" |
189 | stroke="currentColor" | 186 | stroke="currentColor" |
190 | > | 187 | > |
191 | <path | 188 | <path |
192 | 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" | 189 | 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" |
193 | ></path> | 190 | ></path> |
194 | </svg> | 191 | </svg> |
195 | <span class="ml-4">Группы пользователей</span> | 192 | <span class="ml-4">Группы пользователей</span> |
196 | </a> | 193 | </a> |
197 | </li> | 194 | </li> |
198 | @if ($UserId == 1) | 195 | @if ($UserId == 1) |
199 | <li class="relative px-6 py-3"> | 196 | <li class="relative px-6 py-3"> |
200 | <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" | 197 | <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') }}"> |
201 | href="{{ route('admin.roles') }}"> | ||
202 | <svg | 198 | <svg |
203 | class="w-5 h-5" | 199 | class="w-5 h-5" |
204 | aria-hidden="true" | 200 | aria-hidden="true" |
205 | fill="none" | 201 | fill="none" |
206 | stroke-linecap="round" | 202 | stroke-linecap="round" |
207 | stroke-linejoin="round" | 203 | stroke-linejoin="round" |
208 | stroke-width="2" | 204 | stroke-width="2" |
209 | viewBox="0 0 24 24" | 205 | viewBox="0 0 24 24" |
210 | stroke="currentColor" | 206 | stroke="currentColor" |
211 | > | 207 | > |
212 | <path | 208 | <path |
213 | 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" | 209 | 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" |
214 | ></path> | 210 | ></path> |
215 | </svg> | 211 | </svg> |
216 | <span class="ml-4">Роли пользователей</span> | 212 | <span class="ml-4">Роли пользователей</span> |
217 | </a> | 213 | </a> |
218 | </li> | 214 | </li> |
219 | @endif | 215 | @endif |
220 | <li class="relative px-6 py-3"> | 216 | <li class="relative px-6 py-3"> |
221 | <a | 217 | <a |
222 | class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200" | 218 | 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') }}" |
223 | href="{{ route('admin.statics') }}" | ||
224 | > | 219 | > |
225 | <svg | 220 | <svg |
226 | class="w-5 h-5" | 221 | class="w-5 h-5" |
227 | aria-hidden="true" | 222 | aria-hidden="true" |
228 | fill="none" | 223 | fill="none" |
229 | stroke-linecap="round" | 224 | stroke-linecap="round" |
230 | stroke-linejoin="round" | 225 | stroke-linejoin="round" |
231 | stroke-width="2" | 226 | stroke-width="2" |
232 | viewBox="0 0 24 24" | 227 | viewBox="0 0 24 24" |
233 | stroke="currentColor" | 228 | stroke="currentColor" |
234 | > | 229 | > |
235 | <path | 230 | <path |
236 | d="M11 3.055A9.001 9.001 0 1020.945 13H11V3.055z" | 231 | d="M11 3.055A9.001 9.001 0 1020.945 13H11V3.055z" |
237 | ></path> | 232 | ></path> |
238 | <path d="M20.488 9H15V3.512A9.025 9.025 0 0120.488 9z"></path> | 233 | <path d="M20.488 9H15V3.512A9.025 9.025 0 0120.488 9z"></path> |
239 | </svg> | 234 | </svg> |
240 | <span class="ml-4">Статистика</span> | 235 | <span class="ml-4">Статистика</span> |
241 | </a> | 236 | </a> |
242 | </li> | 237 | </li> |
243 | <li class="relative px-6 py-3"> | 238 | <li class="relative px-6 py-3"> |
244 | <a | 239 | <a |
245 | class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200" | 240 | 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') }}" |
246 | href="{{ route('admin.answers') }}" | ||
247 | > | 241 | > |
248 | <svg | 242 | <svg |
249 | class="w-5 h-5" | 243 | class="w-5 h-5" |
250 | aria-hidden="true" | 244 | aria-hidden="true" |
251 | fill="none" | 245 | fill="none" |
252 | stroke-linecap="round" | 246 | stroke-linecap="round" |
253 | stroke-linejoin="round" | 247 | stroke-linejoin="round" |
254 | stroke-width="2" | 248 | stroke-width="2" |
255 | viewBox="0 0 24 24" | 249 | viewBox="0 0 24 24" |
256 | stroke="currentColor" | 250 | stroke="currentColor" |
257 | > | 251 | > |
258 | <path d="M4 6h16M4 10h16M4 14h16M4 18h16"></path> | 252 | <path d="M4 6h16M4 10h16M4 14h16M4 18h16"></path> |
259 | </svg> | 253 | </svg> |
260 | <span class="ml-4">Модерация</span> | 254 | <span class="ml-4">Модерация</span> |
261 | </a> | 255 | </a> |
262 | </li> | 256 | </li> |
263 | <!-- Справочники --> | 257 | <!-- Справочники --> |
264 | <li class="relative px-6 py-3" x-data="{ open1: false }"> | 258 | <li class="relative px-6 py-3" x-data="{ open1: false }"> |
265 | <button | 259 | <button |
266 | 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" | 260 | 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" |
267 | @click="open1=!open1" | 261 | @click="open1=!open1" |
268 | aria-haspopup="true"> | 262 | aria-haspopup="true"> |
269 | <span class="inline-flex items-center"> | 263 | <span class="inline-flex items-center"> |
270 | <svg | 264 | <svg |
271 | class="w-5 h-5" | 265 | class="w-5 h-5" |
272 | aria-hidden="true" | 266 | aria-hidden="true" |
273 | fill="none" | 267 | fill="none" |
274 | stroke-linecap="round" | 268 | stroke-linecap="round" |
275 | stroke-linejoin="round" | 269 | stroke-linejoin="round" |
276 | stroke-width="2" | 270 | stroke-width="2" |
277 | viewBox="0 0 24 24" | 271 | viewBox="0 0 24 24" |
278 | stroke="currentColor"> | 272 | stroke="currentColor"> |
279 | <path | 273 | <path |
280 | 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" | 274 | 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" |
281 | ></path> | 275 | ></path> |
282 | </svg> | 276 | </svg> |
283 | <span class="ml-4">Справочники</span> | 277 | <span class="ml-4">Справочники</span> |
284 | </span> | 278 | </span> |
285 | <svg | 279 | <svg |
286 | class="w-4 h-4" | 280 | class="w-4 h-4" |
287 | aria-hidden="true" | 281 | aria-hidden="true" |
288 | fill="currentColor" | 282 | fill="currentColor" |
289 | viewBox="0 0 20 20" | 283 | viewBox="0 0 20 20" |
290 | > | 284 | > |
291 | <path | 285 | <path |
292 | fill-rule="evenodd" | 286 | fill-rule="evenodd" |
293 | 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" | 287 | 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" |
294 | clip-rule="evenodd" | 288 | clip-rule="evenodd" |
295 | ></path> | 289 | ></path> |
296 | </svg> | 290 | </svg> |
297 | </button> | 291 | </button> |
298 | <template x-if="open1"> | 292 | <template x-if="open1"> |
299 | <ul | 293 | <ul |
300 | x-transition:enter="transition-all ease-in-out duration-300" | 294 | x-transition:enter="transition-all ease-in-out duration-300" |
301 | x-transition:enter-start="opacity-25 max-h-0" | 295 | x-transition:enter-start="opacity-25 max-h-0" |
302 | x-transition:enter-end="opacity-100 max-h-xl" | 296 | x-transition:enter-end="opacity-100 max-h-xl" |
303 | x-transition:leave="transition-all ease-in-out duration-300" | 297 | x-transition:leave="transition-all ease-in-out duration-300" |
304 | x-transition:leave-start="opacity-100 max-h-xl" | 298 | x-transition:leave-start="opacity-100 max-h-xl" |
305 | x-transition:leave-end="opacity-0 max-h-0" | 299 | x-transition:leave-end="opacity-0 max-h-0" |
306 | 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" | 300 | 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" |
307 | aria-label="submenu" | 301 | aria-label="submenu" |
308 | > | 302 | > |
309 | <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200"> | 303 | <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 }}"> |
310 | <a class="w-full" href="{{ route('admin.job-titles.index') }}">Должности</a> | 304 | <a class="w-full" href="{{ route('admin.job-titles.index') }}">Должности</a> |
311 | </li> | 305 | </li> |
312 | <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200"> | 306 | <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 }}"> |
313 | <a class="w-full" href="{{ route('admin.categories.index') }}">Категории вакансий</a> | 307 | <a class="w-full" href="{{ route('admin.categories.index') }}">Категории вакансий</a> |
314 | </li> | 308 | </li> |
315 | <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200"> | 309 | <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 }}"> |
316 | <a class="w-full" href="{{ route('admin.category-emp.index') }}">Категории работодателей</a> | 310 | <a class="w-full" href="{{ route('admin.category-emp.index') }}">Категории работодателей</a> |
317 | </li> | 311 | </li> |
318 | <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200"> | 312 | <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.education.index') ? 'dark:text-gray-100' : null }}"> |
319 | <a class="w-full" href="{{ route('admin.education.index') }}">Образование</a> | 313 | <a class="w-full" href="{{ route('admin.education.index') }}">Образование</a> |
320 | </li> | 314 | </li> |
321 | <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200"> | 315 | <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 }}"> |
322 | <a class="w-full" href="{{ route('admin.infobloks.index') }}">Блоки-Дипломы</a> | 316 | <a class="w-full" href="{{ route('admin.infobloks.index') }}">Блоки-Дипломы</a> |
323 | </li> | 317 | </li> |
324 | 318 | ||
325 | </ul> | 319 | </ul> |
326 | </template> | 320 | </template> |
327 | </li> | 321 | </li> |
328 | 322 | ||
329 | 323 | ||
330 | <!-- Редактор --> | 324 | <!-- Редактор --> |
331 | <li class="relative px-6 py-3"> | 325 | <li class="relative px-6 py-3"> |
332 | <button | 326 | <button |
333 | 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" | 327 | 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" |
334 | @click="togglePagesMenu" | 328 | @click="togglePagesMenu" |
335 | aria-haspopup="true"> | 329 | aria-haspopup="true"> |
336 | <span class="inline-flex items-center"> | 330 | <span class="inline-flex items-center"> |
337 | <svg | 331 | <svg |
338 | class="w-5 h-5" | 332 | class="w-5 h-5" |
339 | aria-hidden="true" | 333 | aria-hidden="true" |
340 | fill="none" | 334 | fill="none" |
341 | stroke-linecap="round" | 335 | stroke-linecap="round" |
342 | stroke-linejoin="round" | 336 | stroke-linejoin="round" |
343 | stroke-width="2" | 337 | stroke-width="2" |
344 | viewBox="0 0 24 24" | 338 | viewBox="0 0 24 24" |
345 | stroke="currentColor"> | 339 | stroke="currentColor"> |
346 | <path | 340 | <path |
347 | 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" | 341 | 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" |
348 | ></path> | 342 | ></path> |
349 | </svg> | 343 | </svg> |
350 | <span class="ml-4">Редактор</span> | 344 | <span class="ml-4">Редактор</span> |
351 | </span> | 345 | </span> |
352 | <svg | 346 | <svg |
353 | class="w-4 h-4" | 347 | class="w-4 h-4" |
354 | aria-hidden="true" | 348 | aria-hidden="true" |
355 | fill="currentColor" | 349 | fill="currentColor" |
356 | viewBox="0 0 20 20" | 350 | viewBox="0 0 20 20" |
357 | > | 351 | > |
358 | <path | 352 | <path |
359 | fill-rule="evenodd" | 353 | fill-rule="evenodd" |
360 | 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" | 354 | 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" |
361 | clip-rule="evenodd" | 355 | clip-rule="evenodd" |
362 | ></path> | 356 | ></path> |
363 | </svg> | 357 | </svg> |
364 | </button> | 358 | </button> |
365 | <template x-if="isPagesMenuOpen"> | 359 | <template x-if="isPagesMenuOpen"> |
366 | <ul | 360 | <ul |
367 | x-transition:enter="transition-all ease-in-out duration-300" | 361 | x-transition:enter="transition-all ease-in-out duration-300" |
368 | x-transition:enter-start="opacity-25 max-h-0" | 362 | x-transition:enter-start="opacity-25 max-h-0" |
369 | x-transition:enter-end="opacity-100 max-h-xl" | 363 | x-transition:enter-end="opacity-100 max-h-xl" |
370 | x-transition:leave="transition-all ease-in-out duration-300" | 364 | x-transition:leave="transition-all ease-in-out duration-300" |
371 | x-transition:leave-start="opacity-100 max-h-xl" | 365 | x-transition:leave-start="opacity-100 max-h-xl" |
372 | x-transition:leave-end="opacity-0 max-h-0" | 366 | x-transition:leave-end="opacity-0 max-h-0" |
373 | 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" | 367 | 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" |
374 | aria-label="submenu" | 368 | aria-label="submenu" |
375 | > | 369 | > |
376 | <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200"> | 370 | <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 }}"> |
377 | <a class="w-full" href="{{ route('admin.editor-site') }}">Редактор сайта</a> | 371 | <a class="w-full" href="{{ route('admin.editor-site') }}">Редактор сайта</a> |
378 | </li> | 372 | </li> |
379 | <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200"> | 373 | <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 }}"> |
380 | <a class="w-full" href="{{ route('admin.edit-blocks') }}">Шапка-футер сайта</a> | 374 | <a class="w-full" href="{{ route('admin.edit-blocks') }}">Шапка-футер сайта</a> |
381 | </li> | 375 | </li> |
382 | <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200"> | 376 | <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.reclames') ? 'dark:text-gray-100' : null }}"> |
383 | <a class="w-full" href="{{ route('admin.reclames') }}">Реклама</a> | 377 | <a class="w-full" href="{{ route('admin.reclames') }}">Реклама</a> |
384 | </li> | 378 | </li> |
385 | <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200"> | 379 | <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 }}"> |
386 | <a class="w-full" href="{{ route('admin.editor-seo') }}">SEO сайта</a> | 380 | <a class="w-full" href="{{ route('admin.editor-seo') }}">SEO сайта</a> |
387 | </li> | 381 | </li> |
388 | <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200"> | 382 | <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 }}"> |
389 | <a class="w-full" href="{{ route('admin.editor-pages') }}">Редактор страниц</a> | 383 | <a class="w-full" href="{{ route('admin.editor-pages') }}">Редактор страниц</a> |
390 | </li> | 384 | </li> |
391 | <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200"> | 385 | <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 }}"> |
392 | <a class="w-full" href="{{ route('admin.job-titles-main') }}">Должности на главной</a> | 386 | <a class="w-full" href="{{ route('admin.job-titles-main') }}">Должности на главной</a> |
393 | </li> | 387 | </li> |
394 | <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200"> | 388 | <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 }}"> |
395 | <a class="w-full" href="{{ route('admin.employers-main') }}">Работодатели на главной</a> | 389 | <a class="w-full" href="{{ route('admin.employers-main') }}">Работодатели на главной</a> |
396 | </li> | 390 | </li> |
397 | </ul> | 391 | </ul> |
398 | </template> | 392 | </template> |
399 | </li> | 393 | </li> |
400 | 394 | ||
401 | </ul> | 395 | </ul> |
402 | <!--<div class="px-6 my-6"> | 396 | <!--<div class="px-6 my-6"> |
403 | <button | 397 | <button |
404 | 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" | 398 | 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" |
405 | > | 399 | > |
406 | Create account | 400 | Create account |
407 | <span class="ml-2" aria-hidden="true">+</span> | 401 | <span class="ml-2" aria-hidden="true">+</span> |
408 | </button> | 402 | </button> |
409 | </div>--> | 403 | </div>--> |
410 | </div> | 404 | </div> |
411 | </aside> | 405 | </aside> |
412 | <!-- Mobile sidebar --> | 406 | <!-- Mobile sidebar --> |
413 | <!-- Backdrop --> | 407 | <!-- Backdrop --> |
414 | <div | 408 | <div |
415 | x-show="isSideMenuOpen" | 409 | x-show="isSideMenuOpen" |
416 | x-transition:enter="transition ease-in-out duration-150" | 410 | x-transition:enter="transition ease-in-out duration-150" |
417 | x-transition:enter-start="opacity-0" | 411 | x-transition:enter-start="opacity-0" |
418 | x-transition:enter-end="opacity-100" | 412 | x-transition:enter-end="opacity-100" |
419 | x-transition:leave="transition ease-in-out duration-150" | 413 | x-transition:leave="transition ease-in-out duration-150" |
420 | x-transition:leave-start="opacity-100" | 414 | x-transition:leave-start="opacity-100" |
421 | x-transition:leave-end="opacity-0" | 415 | x-transition:leave-end="opacity-0" |
422 | class="fixed inset-0 z-10 flex items-end bg-black bg-opacity-50 sm:items-center sm:justify-center" | 416 | class="fixed inset-0 z-10 flex items-end bg-black bg-opacity-50 sm:items-center sm:justify-center" |
423 | ></div> | 417 | ></div> |
424 | <aside | 418 | <aside |
425 | 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" | 419 | 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" |
426 | x-show="isSideMenuOpen" | 420 | x-show="isSideMenuOpen" |
427 | x-transition:enter="transition ease-in-out duration-150" | 421 | x-transition:enter="transition ease-in-out duration-150" |
428 | x-transition:enter-start="opacity-0 transform -translate-x-20" | 422 | x-transition:enter-start="opacity-0 transform -translate-x-20" |
429 | x-transition:enter-end="opacity-100" | 423 | x-transition:enter-end="opacity-100" |
430 | x-transition:leave="transition ease-in-out duration-150" | 424 | x-transition:leave="transition ease-in-out duration-150" |
431 | x-transition:leave-start="opacity-100" | 425 | x-transition:leave-start="opacity-100" |
432 | x-transition:leave-end="opacity-0 transform -translate-x-20" | 426 | x-transition:leave-end="opacity-0 transform -translate-x-20" |
433 | @click.away="closeSideMenu" | 427 | @click.away="closeSideMenu" |
434 | @keydown.escape="closeSideMenu" | 428 | @keydown.escape="closeSideMenu" |
435 | > | 429 | > |
436 | <div class="py-4 text-gray-500 dark:text-gray-400"> | 430 | <div class="py-4 text-gray-500 dark:text-gray-400"> |
437 | <a | 431 | <a |
438 | class="ml-6 text-lg font-bold text-gray-800 dark:text-gray-200" | 432 | class="ml-6 text-lg font-bold text-gray-800 dark:text-gray-200" |
439 | href="{{ route('admin.index') }}" | 433 | href="{{ route('admin.index') }}" |
440 | > | 434 | > |
441 | Админка | 435 | Админка |
442 | </a> | 436 | </a> |
443 | <ul class="mt-6"> | 437 | <ul class="mt-6"> |
444 | <li class="relative px-6 py-3"> | 438 | <li class="relative px-6 py-3"> |
445 | <span | 439 | <span |
446 | class="absolute inset-y-0 left-0 w-1 bg-purple-600 rounded-tr-lg rounded-br-lg" | 440 | class="absolute inset-y-0 left-0 w-1 bg-purple-600 rounded-tr-lg rounded-br-lg" |
447 | aria-hidden="true" | 441 | aria-hidden="true" |
448 | ></span> | 442 | ></span> |
449 | <a | 443 | <a |
450 | class="inline-flex items-center w-full text-sm font-semibold text-gray-800 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 dark:text-gray-100" | 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.index') ? 'dark:text-gray-100' : null }}" href="{{ route('admin.index') }}" |
451 | href="{{ route('admin.index') }}" | ||
452 | > | 445 | > |
453 | <svg | 446 | <svg |
454 | class="w-5 h-5" | 447 | class="w-5 h-5" |
455 | aria-hidden="true" | 448 | aria-hidden="true" |
456 | fill="none" | 449 | fill="none" |
457 | stroke-linecap="round" | 450 | stroke-linecap="round" |
458 | stroke-linejoin="round" | 451 | stroke-linejoin="round" |
459 | stroke-width="2" | 452 | stroke-width="2" |
460 | viewBox="0 0 24 24" | 453 | viewBox="0 0 24 24" |
461 | stroke="currentColor" | 454 | stroke="currentColor" |
462 | > | 455 | > |
463 | <path | 456 | <path |
464 | 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" | 457 | 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" |
465 | ></path> | 458 | ></path> |
466 | </svg> | 459 | </svg> |
467 | <span class="ml-4">Главная страница</span> | 460 | <span class="ml-4">Главная страница</span> |
468 | </a> | 461 | </a> |
469 | </li> | 462 | </li> |
470 | </ul> | 463 | </ul> |
471 | <ul> | 464 | <ul> |
472 | @if ($UserId == 1) | 465 | @if ($UserId == 1) |
473 | <li class="relative px-6 py-3"> | 466 | <li class="relative px-6 py-3"> |
474 | <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" | 467 | <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') }}"> |
475 | href="{{ route('admin.users') }}"> | ||
476 | <svg | 468 | <svg |
477 | class="w-5 h-5" | 469 | class="w-5 h-5" |
478 | aria-hidden="true" | 470 | aria-hidden="true" |
479 | fill="none" | 471 | fill="none" |
480 | stroke-linecap="round" | 472 | stroke-linecap="round" |
481 | stroke-linejoin="round" | 473 | stroke-linejoin="round" |
482 | stroke-width="2" | 474 | stroke-width="2" |
483 | viewBox="0 0 24 24" | 475 | viewBox="0 0 24 24" |
484 | stroke="currentColor" | 476 | stroke="currentColor" |
485 | > | 477 | > |
486 | <path | 478 | <path |
487 | 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" | 479 | 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" |
488 | ></path> | 480 | ></path> |
489 | </svg> | 481 | </svg> |
490 | <span class="ml-4">Пользователи</span> | 482 | <span class="ml-4">Пользователи</span> |
491 | </a> | 483 | </a> |
492 | </li> | 484 | </li> |
493 | @endif | 485 | @endif |
494 | <li class="relative px-6 py-3"> | 486 | <li class="relative px-6 py-3"> |
495 | <a | 487 | <a |
496 | class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200" | 488 | 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') }}" |
497 | href="{{ route('admin.employers') }}" | ||
498 | > | 489 | > |
499 | <svg | 490 | <svg |
500 | class="w-5 h-5" | 491 | class="w-5 h-5" |
501 | aria-hidden="true" | 492 | aria-hidden="true" |
502 | fill="none" | 493 | fill="none" |
503 | stroke-linecap="round" | 494 | stroke-linecap="round" |
504 | stroke-linejoin="round" | 495 | stroke-linejoin="round" |
505 | stroke-width="2" | 496 | stroke-width="2" |
506 | viewBox="0 0 24 24" | 497 | viewBox="0 0 24 24" |
507 | stroke="currentColor" | 498 | stroke="currentColor" |
508 | > | 499 | > |
509 | <path | 500 | <path |
510 | 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" | 501 | 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" |
511 | ></path> | 502 | ></path> |
512 | </svg> | 503 | </svg> |
513 | <span class="ml-4">Работодатели</span> | 504 | <span class="ml-4">Работодатели</span> |
514 | </a> | 505 | </a> |
515 | </li> | 506 | </li> |
516 | <li class="relative px-6 py-3"> | 507 | <li class="relative px-6 py-3"> |
517 | <a | 508 | <a |
518 | class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200" | 509 | 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') }}" |
519 | href="{{ route('admin.workers') }}" | ||
520 | > | 510 | > |
521 | <svg | 511 | <svg |
522 | class="w-5 h-5" | 512 | class="w-5 h-5" |
523 | aria-hidden="true" | 513 | aria-hidden="true" |
524 | fill="none" | 514 | fill="none" |
525 | stroke-linecap="round" | 515 | stroke-linecap="round" |
526 | stroke-linejoin="round" | 516 | stroke-linejoin="round" |
527 | stroke-width="2" | 517 | stroke-width="2" |
528 | viewBox="0 0 24 24" | 518 | viewBox="0 0 24 24" |
529 | stroke="currentColor" | 519 | stroke="currentColor" |
530 | > | 520 | > |
531 | <path | 521 | <path |
532 | d="M11 3.055A9.001 9.001 0 1020.945 13H11V3.055z" | 522 | d="M11 3.055A9.001 9.001 0 1020.945 13H11V3.055z" |
533 | ></path> | 523 | ></path> |
534 | <path d="M20.488 9H15V3.512A9.025 9.025 0 0120.488 9z"></path> | 524 | <path d="M20.488 9H15V3.512A9.025 9.025 0 0120.488 9z"></path> |
535 | </svg> | 525 | </svg> |
536 | <span class="ml-4">Соискатели</span> | 526 | <span class="ml-4">Соискатели</span> |
537 | </a> | 527 | </a> |
538 | </li> | 528 | </li> |
539 | <li class="relative px-6 py-3"> | 529 | <li class="relative px-6 py-3"> |
540 | <a | 530 | <a |
541 | class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200" | 531 | 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') }}" |
542 | href="{{ route('admin.ad-employers') }}" | ||
543 | > | 532 | > |
544 | <svg | 533 | <svg |
545 | class="w-5 h-5" | 534 | class="w-5 h-5" |
546 | aria-hidden="true" | 535 | aria-hidden="true" |
547 | fill="none" | 536 | fill="none" |
548 | stroke-linecap="round" | 537 | stroke-linecap="round" |
549 | stroke-linejoin="round" | 538 | stroke-linejoin="round" |
550 | stroke-width="2" | 539 | stroke-width="2" |
551 | viewBox="0 0 24 24" | 540 | viewBox="0 0 24 24" |
552 | stroke="currentColor" | 541 | stroke="currentColor" |
553 | > | 542 | > |
554 | <path | 543 | <path |
555 | 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" | 544 | 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" |
556 | ></path> | 545 | ></path> |
557 | </svg> | 546 | </svg> |
558 | <span class="ml-4">Вакансии</span> | 547 | <span class="ml-4">Вакансии</span> |
559 | </a> | 548 | </a> |
560 | </li> | 549 | </li> |
561 | <li class="relative px-6 py-3"> | 550 | <li class="relative px-6 py-3"> |
562 | <a | 551 | <a |
563 | class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200" | 552 | 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') }}" |
564 | href="{{ route('admin.messages') }}" | ||
565 | > | 553 | > |
566 | <svg | 554 | <svg |
567 | class="w-5 h-5" | 555 | class="w-5 h-5" |
568 | aria-hidden="true" | 556 | aria-hidden="true" |
569 | fill="none" | 557 | fill="none" |
570 | stroke-linecap="round" | 558 | stroke-linecap="round" |
571 | stroke-linejoin="round" | 559 | stroke-linejoin="round" |
572 | stroke-width="2" | 560 | stroke-width="2" |
573 | viewBox="0 0 24 24" | 561 | viewBox="0 0 24 24" |
574 | stroke="currentColor" | 562 | stroke="currentColor" |
575 | > | 563 | > |
576 | <path d="M4 6h16M4 10h16M4 14h16M4 18h16"></path> | 564 | <path d="M4 6h16M4 10h16M4 14h16M4 18h16"></path> |
577 | </svg> | 565 | </svg> |
578 | <span class="ml-4">Сообщения все</span> | 566 | <span class="ml-4">Сообщения все</span> |
579 | </a> | 567 | </a> |
580 | </li> | 568 | </li> |
581 | <li class="relative px-6 py-3"> | 569 | <li class="relative px-6 py-3"> |
582 | <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" | 570 | <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') }}"> |
583 | href="{{ route('admin.groups') }}"> | ||
584 | <svg | 571 | <svg |
585 | class="w-5 h-5" | 572 | class="w-5 h-5" |
586 | aria-hidden="true" | 573 | aria-hidden="true" |
587 | fill="none" | 574 | fill="none" |
588 | stroke-linecap="round" | 575 | stroke-linecap="round" |
589 | stroke-linejoin="round" | 576 | stroke-linejoin="round" |
590 | stroke-width="2" | 577 | stroke-width="2" |
591 | viewBox="0 0 24 24" | 578 | viewBox="0 0 24 24" |
592 | stroke="currentColor" | 579 | stroke="currentColor" |
593 | > | 580 | > |
594 | <path | 581 | <path |
595 | 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" | 582 | 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" |
596 | ></path> | 583 | ></path> |
597 | </svg> | 584 | </svg> |
598 | <span class="ml-4">Группы пользователей</span> | 585 | <span class="ml-4">Группы пользователей</span> |
599 | </a> | 586 | </a> |
600 | </li> | 587 | </li> |
601 | @if ($UserId == 1) | 588 | @if ($UserId == 1) |
602 | <li class="relative px-6 py-3"> | 589 | <li class="relative px-6 py-3"> |
603 | <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" | 590 | <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') }}"> |
604 | href="{{ route('admin.roles') }}"> | ||
605 | <svg | 591 | <svg |
606 | class="w-5 h-5" | 592 | class="w-5 h-5" |
607 | aria-hidden="true" | 593 | aria-hidden="true" |
608 | fill="none" | 594 | fill="none" |
609 | stroke-linecap="round" | 595 | stroke-linecap="round" |
610 | stroke-linejoin="round" | 596 | stroke-linejoin="round" |
611 | stroke-width="2" | 597 | stroke-width="2" |
612 | viewBox="0 0 24 24" | 598 | viewBox="0 0 24 24" |
613 | stroke="currentColor" | 599 | stroke="currentColor" |
614 | > | 600 | > |
615 | <path | 601 | <path |
616 | 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" | 602 | 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" |
617 | ></path> | 603 | ></path> |
618 | </svg> | 604 | </svg> |
619 | <span class="ml-4">Роли пользователей</span> | 605 | <span class="ml-4">Роли пользователей</span> |
620 | </a> | 606 | </a> |
621 | </li> | 607 | </li> |
622 | @endif | 608 | @endif |
623 | <li class="relative px-6 py-3"> | 609 | <li class="relative px-6 py-3"> |
624 | <a | 610 | <a |
625 | class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200" | 611 | 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') }}" |
626 | href="{{ route('admin.statics') }}" | ||
627 | > | 612 | > |
628 | <svg | 613 | <svg |
629 | class="w-5 h-5" | 614 | class="w-5 h-5" |
630 | aria-hidden="true" | 615 | aria-hidden="true" |
631 | fill="none" | 616 | fill="none" |
632 | stroke-linecap="round" | 617 | stroke-linecap="round" |
633 | stroke-linejoin="round" | 618 | stroke-linejoin="round" |
634 | stroke-width="2" | 619 | stroke-width="2" |
635 | viewBox="0 0 24 24" | 620 | viewBox="0 0 24 24" |
636 | stroke="currentColor" | 621 | stroke="currentColor" |
637 | > | 622 | > |
638 | <path | 623 | <path |
639 | d="M11 3.055A9.001 9.001 0 1020.945 13H11V3.055z" | 624 | d="M11 3.055A9.001 9.001 0 1020.945 13H11V3.055z" |
640 | ></path> | 625 | ></path> |
641 | <path d="M20.488 9H15V3.512A9.025 9.025 0 0120.488 9z"></path> | 626 | <path d="M20.488 9H15V3.512A9.025 9.025 0 0120.488 9z"></path> |
642 | </svg> | 627 | </svg> |
643 | <span class="ml-4">Статистика</span> | 628 | <span class="ml-4">Статистика</span> |
644 | </a> | 629 | </a> |
645 | </li> | 630 | </li> |
646 | <li class="relative px-6 py-3"> | 631 | <li class="relative px-6 py-3"> |
647 | <a | 632 | <a |
648 | class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200" | 633 | 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') }}" |
649 | href="{{ route('admin.messages') }}" | ||
650 | > | 634 | > |
651 | <svg | 635 | <svg |
652 | class="w-5 h-5" | 636 | class="w-5 h-5" |
653 | aria-hidden="true" | 637 | aria-hidden="true" |
654 | fill="none" | 638 | fill="none" |
655 | stroke-linecap="round" | 639 | stroke-linecap="round" |
656 | stroke-linejoin="round" | 640 | stroke-linejoin="round" |
657 | stroke-width="2" | 641 | stroke-width="2" |
658 | viewBox="0 0 24 24" | 642 | viewBox="0 0 24 24" |
659 | stroke="currentColor" | 643 | stroke="currentColor" |
660 | > | 644 | > |
661 | <path d="M4 6h16M4 10h16M4 14h16M4 18h16"></path> | 645 | <path d="M4 6h16M4 10h16M4 14h16M4 18h16"></path> |
662 | </svg> | 646 | </svg> |
663 | <span class="ml-4">Сообщения</span> | 647 | <span class="ml-4">Сообщения</span> |
664 | </a> | 648 | </a> |
665 | </li> | 649 | </li> |
666 | <!-- Справочники --> | 650 | <!-- Справочники --> |
667 | <li class="relative px-6 py-3" x-data="{ open2: false }"> | 651 | <li class="relative px-6 py-3" x-data="{ open2: false }"> |
668 | <button | 652 | <button |
669 | 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" | 653 | 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" |
670 | @click="open2=!open2" | 654 | @click="open2=!open2" |
671 | aria-haspopup="true"> | 655 | aria-haspopup="true"> |
672 | <span class="inline-flex items-center"> | 656 | <span class="inline-flex items-center"> |
673 | <svg | 657 | <svg |
674 | class="w-5 h-5" | 658 | class="w-5 h-5" |
675 | aria-hidden="true" | 659 | aria-hidden="true" |
676 | fill="none" | 660 | fill="none" |
677 | stroke-linecap="round" | 661 | stroke-linecap="round" |
678 | stroke-linejoin="round" | 662 | stroke-linejoin="round" |
679 | stroke-width="2" | 663 | stroke-width="2" |
680 | viewBox="0 0 24 24" | 664 | viewBox="0 0 24 24" |
681 | stroke="currentColor"> | 665 | stroke="currentColor"> |
682 | <path | 666 | <path |
683 | 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" | 667 | 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" |
684 | ></path> | 668 | ></path> |
685 | </svg> | 669 | </svg> |
686 | <span class="ml-4">Справочники</span> | 670 | <span class="ml-4">Справочники</span> |
687 | </span> | 671 | </span> |
688 | <svg | 672 | <svg |
689 | class="w-4 h-4" | 673 | class="w-4 h-4" |
690 | aria-hidden="true" | 674 | aria-hidden="true" |
691 | fill="currentColor" | 675 | fill="currentColor" |
692 | viewBox="0 0 20 20" | 676 | viewBox="0 0 20 20" |
693 | > | 677 | > |
694 | <path | 678 | <path |
695 | fill-rule="evenodd" | 679 | fill-rule="evenodd" |
696 | 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" | 680 | 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" |
697 | clip-rule="evenodd" | 681 | clip-rule="evenodd" |
698 | ></path> | 682 | ></path> |
699 | </svg> | 683 | </svg> |
700 | </button> | 684 | </button> |
701 | <template x-if="open2"> | 685 | <template x-if="open2"> |
702 | <ul | 686 | <ul |
703 | x-transition:enter="transition-all ease-in-out duration-300" | 687 | x-transition:enter="transition-all ease-in-out duration-300" |
704 | x-transition:enter-start="opacity-25 max-h-0" | 688 | x-transition:enter-start="opacity-25 max-h-0" |
705 | x-transition:enter-end="opacity-100 max-h-xl" | 689 | x-transition:enter-end="opacity-100 max-h-xl" |
706 | x-transition:leave="transition-all ease-in-out duration-300" | 690 | x-transition:leave="transition-all ease-in-out duration-300" |
707 | x-transition:leave-start="opacity-100 max-h-xl" | 691 | x-transition:leave-start="opacity-100 max-h-xl" |
708 | x-transition:leave-end="opacity-0 max-h-0" | 692 | x-transition:leave-end="opacity-0 max-h-0" |
709 | 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" | 693 | 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" |
710 | aria-label="submenu" | 694 | aria-label="submenu" |
711 | > | 695 | > |
712 | <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200"> | 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.index') ? 'dark:text-gray-100' : null }}"> |
713 | <a class="w-full" href="{{ route('admin.job-titles.index') }}">Должности</a> | 697 | <a class="w-full" href="{{ route('admin.job-titles.index') }}">Должности</a> |
714 | </li> | 698 | </li> |
715 | <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200"> | 699 | <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 }}"> |
716 | <a class="w-full" href="{{ route('admin.categories.index') }}">Категории вакансий</a> | 700 | <a class="w-full" href="{{ route('admin.categories.index') }}">Категории вакансий</a> |
717 | </li> | 701 | </li> |
718 | <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200"> | 702 | <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 }}"> |
719 | <a class="w-full" href="{{ route('admin.category-emp.index') }}">Категории работодателей</a> | 703 | <a class="w-full" href="{{ route('admin.category-emp.index') }}">Категории работодателей</a> |
720 | </li> | 704 | </li> |
721 | <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200"> | 705 | <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.education.index') ? 'dark:text-gray-100' : null }}"> |
722 | <a class="w-full" href="{{ route('admin.education.index') }}">Образование</a> | 706 | <a class="w-full" href="{{ route('admin.education.index') }}">Образование</a> |
723 | </li> | 707 | </li> |
724 | <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200"> | 708 | <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 }}"> |
725 | <a class="w-full" href="{{ route('admin.infobloks.index') }}">Блоки-Дипломы</a> | 709 | <a class="w-full" href="{{ route('admin.infobloks.index') }}">Блоки-Дипломы</a> |
726 | </li> | 710 | </li> |
727 | 711 | ||
728 | </ul> | 712 | </ul> |
729 | </template> | 713 | </template> |
730 | </li> | 714 | </li> |
731 | 715 | ||
732 | 716 | ||
733 | <!-- Редактор --> | 717 | <!-- Редактор --> |
734 | <li class="relative px-6 py-3"> | 718 | <li class="relative px-6 py-3"> |
735 | <button | 719 | <button |
736 | 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" | 720 | 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" |
737 | @click="togglePagesMenu" | 721 | @click="togglePagesMenu" |
738 | aria-haspopup="true" | 722 | aria-haspopup="true" |
739 | > | 723 | > |
740 | <span class="inline-flex items-center"> | 724 | <span class="inline-flex items-center"> |
741 | <svg | 725 | <svg |
742 | class="w-5 h-5" | 726 | class="w-5 h-5" |
743 | aria-hidden="true" | 727 | aria-hidden="true" |
744 | fill="none" | 728 | fill="none" |
745 | stroke-linecap="round" | 729 | stroke-linecap="round" |
746 | stroke-linejoin="round" | 730 | stroke-linejoin="round" |
747 | stroke-width="2" | 731 | stroke-width="2" |
748 | viewBox="0 0 24 24" | 732 | viewBox="0 0 24 24" |
749 | stroke="currentColor" | 733 | stroke="currentColor" |
750 | > | 734 | > |
751 | <path | 735 | <path |
752 | 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" | 736 | 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" |
753 | ></path> | 737 | ></path> |
754 | </svg> | 738 | </svg> |
755 | <span class="ml-4">Редактор</span> | 739 | <span class="ml-4">Редактор</span> |
756 | </span> | 740 | </span> |
757 | <svg | 741 | <svg |
758 | class="w-4 h-4" | 742 | class="w-4 h-4" |
759 | aria-hidden="true" | 743 | aria-hidden="true" |
760 | fill="currentColor" | 744 | fill="currentColor" |
761 | viewBox="0 0 20 20" | 745 | viewBox="0 0 20 20" |
762 | > | 746 | > |
763 | <path | 747 | <path |
764 | fill-rule="evenodd" | 748 | fill-rule="evenodd" |
765 | 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" | 749 | 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" |
766 | clip-rule="evenodd" | 750 | clip-rule="evenodd" |
767 | ></path> | 751 | ></path> |
768 | </svg> | 752 | </svg> |
769 | </button> | 753 | </button> |
770 | <template x-if="isPagesMenuOpen"> | 754 | <template x-if="isPagesMenuOpen"> |
771 | <ul | 755 | <ul |
772 | x-transition:enter="transition-all ease-in-out duration-300" | 756 | x-transition:enter="transition-all ease-in-out duration-300" |
773 | x-transition:enter-start="opacity-25 max-h-0" | 757 | x-transition:enter-start="opacity-25 max-h-0" |
774 | x-transition:enter-end="opacity-100 max-h-xl" | 758 | x-transition:enter-end="opacity-100 max-h-xl" |
775 | x-transition:leave="transition-all ease-in-out duration-300" | 759 | x-transition:leave="transition-all ease-in-out duration-300" |
776 | x-transition:leave-start="opacity-100 max-h-xl" | 760 | x-transition:leave-start="opacity-100 max-h-xl" |
777 | x-transition:leave-end="opacity-0 max-h-0" | 761 | x-transition:leave-end="opacity-0 max-h-0" |
778 | 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" | 762 | 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" |
779 | aria-label="submenu" | 763 | aria-label="submenu" |
780 | > | 764 | > |
781 | <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200"> | 765 | <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 }}"> |
782 | <a class="w-full" href="{{ route('admin.editor-site') }}">Редактор сайта</a> | 766 | <a class="w-full" href="{{ route('admin.editor-site') }}">Редактор сайта</a> |
783 | </li> | 767 | </li> |
784 | <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200"> | 768 | <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 }}"> |
785 | <a class="w-full" href="{{ route('admin.edit-blocks') }}">Шапка-футер сайта</a> | 769 | <a class="w-full" href="{{ route('admin.edit-blocks') }}">Шапка-футер сайта</a> |
786 | </li> | 770 | </li> |
787 | <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200"> | 771 | <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200 {{ Request::routeIs('admin.reclames') ? 'dark:text-gray-100' : null }}"> |
788 | <a class="w-full" href="{{ route('admin.reclames') }}">Реклама</a> | 772 | <a class="w-full" href="{{ route('admin.reclames') }}">Реклама</a> |
789 | </li> | 773 | </li> |
790 | <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200"> | 774 | <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 }}"> |
791 | <a class="w-full" href="{{ route('admin.editor-seo') }}">SEO сайта</a> | 775 | <a class="w-full" href="{{ route('admin.editor-seo') }}">SEO сайта</a> |
792 | </li> | 776 | </li> |
793 | <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200"> | 777 | <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 }}"> |
794 | <a class="w-full" href="{{ route('admin.editor-pages') }}">Редактор страниц</a> | 778 | <a class="w-full" href="{{ route('admin.editor-pages') }}">Редактор страниц</a> |
795 | </li> | 779 | </li> |
796 | <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200"> | 780 | <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 }}"> |
797 | <a class="w-full" href="{{ route('admin.job-titles-main') }}">Должности на главной</a> | 781 | <a class="w-full" href="{{ route('admin.job-titles-main') }}">Должности на главной</a> |
798 | </li> | 782 | </li> |
799 | <li class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200"> | 783 | <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 }}"> |
800 | <a class="w-full" href="{{ route('admin.employers-main') }}">Работодатели на главной</a> | 784 | <a class="w-full" href="{{ route('admin.employers-main') }}">Работодатели на главной</a> |
801 | </li> | 785 | </li> |
802 | 786 | ||
803 | </ul> | 787 | </ul> |
804 | </template> | 788 | </template> |
805 | </li> | 789 | </li> |
806 | </ul> | 790 | </ul> |
807 | <!--<div class="px-6 my-6"> | 791 | <!--<div class="px-6 my-6"> |
808 | <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"> | 792 | <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"> |
809 | Create account | 793 | Create account |
810 | <span class="ml-2" aria-hidden="true">+</span> | 794 | <span class="ml-2" aria-hidden="true">+</span> |
811 | </button> | 795 | </button> |
812 | </div>--> | 796 | </div>--> |
813 | </div> | 797 | </div> |
814 | </aside> | 798 | </aside> |
815 | <div class="flex flex-col flex-1 w-full"> | 799 | <div class="flex flex-col flex-1 w-full"> |
816 | <header class="z-10 py-4 bg-white shadow-md dark:bg-gray-800"> | 800 | <header class="z-10 py-4 bg-white shadow-md dark:bg-gray-800"> |
817 | <div | 801 | <div |
818 | class="container flex items-center justify-between h-full px-6 mx-auto text-purple-600 dark:text-purple-300" | 802 | class="container flex items-center justify-between h-full px-6 mx-auto text-purple-600 dark:text-purple-300" |
819 | > | 803 | > |
820 | <!-- Mobile hamburger --> | 804 | <!-- Mobile hamburger --> |
821 | <button | 805 | <button |
822 | class="p-1 mr-5 -ml-1 rounded-md md:hidden focus:outline-none focus:shadow-outline-purple" | 806 | class="p-1 mr-5 -ml-1 rounded-md md:hidden focus:outline-none focus:shadow-outline-purple" |
823 | @click="toggleSideMenu" | 807 | @click="toggleSideMenu" |
824 | aria-label="Menu" | 808 | aria-label="Menu" |
825 | > | 809 | > |
826 | <svg | 810 | <svg |
827 | class="w-6 h-6" | 811 | class="w-6 h-6" |
828 | aria-hidden="true" | 812 | aria-hidden="true" |
829 | fill="currentColor" | 813 | fill="currentColor" |
830 | viewBox="0 0 20 20" | 814 | viewBox="0 0 20 20" |
831 | > | 815 | > |
832 | <path | 816 | <path |
833 | fill-rule="evenodd" | 817 | fill-rule="evenodd" |
834 | 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" | 818 | 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" |
835 | clip-rule="evenodd" | 819 | clip-rule="evenodd" |
836 | ></path> | 820 | ></path> |
837 | </svg> | 821 | </svg> |
838 | </button> | 822 | </button> |
839 | <!-- Search input --> | 823 | <!-- Search input --> |
840 | <div class="flex justify-center flex-1 lg:mr-32"> | 824 | <div class="flex justify-center flex-1 lg:mr-32"> |
841 | <div | 825 | <div |
842 | class="relative w-full max-w-xl mr-6 focus-within:text-purple-500" | 826 | class="relative w-full max-w-xl mr-6 focus-within:text-purple-500" |
843 | > | 827 | > |
844 | 828 | ||
845 | @yield('search') | 829 | @yield('search') |
846 | </div> | 830 | </div> |
847 | </div> | 831 | </div> |
848 | <ul class="flex items-center flex-shrink-0 space-x-6"> | 832 | <ul class="flex items-center flex-shrink-0 space-x-6"> |
849 | <!-- Theme toggler --> | 833 | <!-- Theme toggler --> |
850 | <li class="flex"> | 834 | <li class="flex"> |
851 | <button | 835 | <button |
852 | class="rounded-md focus:outline-none focus:shadow-outline-purple" | 836 | class="rounded-md focus:outline-none focus:shadow-outline-purple" |
853 | @click="toggleTheme" | 837 | @click="toggleTheme" |
854 | aria-label="Toggle color mode" | 838 | aria-label="Toggle color mode" |
855 | > | 839 | > |
856 | <template x-if="!dark"> | 840 | <template x-if="!dark"> |
857 | <svg | 841 | <svg |
858 | class="w-5 h-5" | 842 | class="w-5 h-5" |
859 | aria-hidden="true" | 843 | aria-hidden="true" |
860 | fill="currentColor" | 844 | fill="currentColor" |
861 | viewBox="0 0 20 20" | 845 | viewBox="0 0 20 20" |
862 | > | 846 | > |
863 | <path | 847 | <path |
864 | d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z" | 848 | d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z" |
865 | ></path> | 849 | ></path> |
866 | </svg> | 850 | </svg> |
867 | </template> | 851 | </template> |
868 | <template x-if="dark"> | 852 | <template x-if="dark"> |
869 | <svg | 853 | <svg |
870 | class="w-5 h-5" | 854 | class="w-5 h-5" |
871 | aria-hidden="true" | 855 | aria-hidden="true" |
872 | fill="currentColor" | 856 | fill="currentColor" |
873 | viewBox="0 0 20 20" | 857 | viewBox="0 0 20 20" |
874 | > | 858 | > |
875 | <path | 859 | <path |
876 | fill-rule="evenodd" | 860 | fill-rule="evenodd" |
877 | 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" | 861 | 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" |
878 | clip-rule="evenodd" | 862 | clip-rule="evenodd" |
879 | ></path> | 863 | ></path> |
880 | </svg> | 864 | </svg> |
881 | </template> | 865 | </template> |
882 | </button> | 866 | </button> |
883 | </li> | 867 | </li> |
884 | <!-- Notifications menu --> | 868 | <!-- Notifications menu --> |
885 | <li class="relative"> | 869 | <li class="relative"> |
886 | <button | 870 | <button |
887 | class="relative align-middle rounded-md focus:outline-none focus:shadow-outline-purple" | 871 | class="relative align-middle rounded-md focus:outline-none focus:shadow-outline-purple" |
888 | @click="toggleNotificationsMenu" | 872 | @click="toggleNotificationsMenu" |
889 | @keydown.escape="closeNotificationsMenu" | 873 | @keydown.escape="closeNotificationsMenu" |
890 | aria-label="Notifications" | 874 | aria-label="Notifications" |
891 | aria-haspopup="true" | 875 | aria-haspopup="true" |
892 | > | 876 | > |
893 | <svg | 877 | <svg |
894 | class="w-5 h-5" | 878 | class="w-5 h-5" |
895 | aria-hidden="true" | 879 | aria-hidden="true" |
896 | fill="currentColor" | 880 | fill="currentColor" |
897 | viewBox="0 0 20 20" | 881 | viewBox="0 0 20 20" |
898 | > | 882 | > |
899 | <path | 883 | <path |
900 | 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" | 884 | 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" |
901 | ></path> | 885 | ></path> |
902 | </svg> | 886 | </svg> |
903 | <!-- Notification badge --> | 887 | <!-- Notification badge --> |
904 | <span | 888 | <span |
905 | aria-hidden="true" | 889 | aria-hidden="true" |
906 | 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" | 890 | 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" |
907 | ></span> | 891 | ></span> |
908 | </button> | 892 | </button> |
909 | <template x-if="isNotificationsMenuOpen"> | 893 | <template x-if="isNotificationsMenuOpen"> |
910 | <ul | 894 | <ul |
911 | x-transition:leave="transition ease-in duration-150" | 895 | x-transition:leave="transition ease-in duration-150" |
912 | x-transition:leave-start="opacity-100" | 896 | x-transition:leave-start="opacity-100" |
913 | x-transition:leave-end="opacity-0" | 897 | x-transition:leave-end="opacity-0" |
914 | @click.away="closeNotificationsMenu" | 898 | @click.away="closeNotificationsMenu" |
915 | @keydown.escape="closeNotificationsMenu" | 899 | @keydown.escape="closeNotificationsMenu" |
916 | 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" | 900 | 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" |
917 | > | 901 | > |
918 | <li class="flex"> | 902 | <li class="flex"> |
919 | <a | 903 | <a |
920 | 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" | 904 | 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" |
921 | href="{{ route('admin.admin-messages') }}" | 905 | href="{{ route('admin.admin-messages') }}" |
922 | > | 906 | > |
923 | <span>Сообщения</span> | 907 | <span>Сообщения</span> |
924 | @if($MsgCount > 0) | 908 | @if($MsgCount > 0) |
925 | <span | 909 | <span |
926 | 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" | 910 | 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" |
927 | > | 911 | > |
928 | 912 | ||
929 | {{ $MsgCount }} | 913 | {{ $MsgCount }} |
930 | </span> | 914 | </span> |
931 | @endif | 915 | @endif |
932 | </a> | 916 | </a> |
933 | </li> | 917 | </li> |
934 | <!--<li class="flex"> | 918 | <!--<li class="flex"> |
935 | <a | 919 | <a |
936 | 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" | 920 | 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" |
937 | href="#" | 921 | href="#" |
938 | > | 922 | > |
939 | <span>Логи</span> | 923 | <span>Логи</span> |
940 | </a> | 924 | </a> |
941 | </li>--> | 925 | </li>--> |
942 | </ul> | 926 | </ul> |
943 | </template> | 927 | </template> |
944 | </li> | 928 | </li> |
945 | <!-- Profile menu --> | 929 | <!-- Profile menu --> |
946 | <li class="relative"> | 930 | <li class="relative"> |
947 | <button | 931 | <button |
948 | class="align-middle rounded-full focus:shadow-outline-purple focus:outline-none" | 932 | class="align-middle rounded-full focus:shadow-outline-purple focus:outline-none" |
949 | @click="toggleProfileMenu" | 933 | @click="toggleProfileMenu" |
950 | @keydown.escape="closeProfileMenu" | 934 | @keydown.escape="closeProfileMenu" |
951 | aria-label="Account" | 935 | aria-label="Account" |
952 | aria-haspopup="true" | 936 | aria-haspopup="true" |
953 | > | 937 | > |
954 | <img | 938 | <img |
955 | class="object-cover w-8 h-8 rounded-full" | 939 | class="object-cover w-8 h-8 rounded-full" |
956 | src="{{ asset('assets/img/profile.jpg') }}" | 940 | src="{{ asset('assets/img/profile.jpg') }}" |
957 | alt="" | 941 | alt="" |
958 | aria-hidden="true" | 942 | aria-hidden="true" |
959 | /> | 943 | /> |
960 | </button> | 944 | </button> |
961 | <template x-if="isProfileMenuOpen"> | 945 | <template x-if="isProfileMenuOpen"> |
962 | <ul | 946 | <ul |
963 | x-transition:leave="transition ease-in duration-150" | 947 | x-transition:leave="transition ease-in duration-150" |
964 | x-transition:leave-start="opacity-100" | 948 | x-transition:leave-start="opacity-100" |
965 | x-transition:leave-end="opacity-0" | 949 | x-transition:leave-end="opacity-0" |
966 | @click.away="closeProfileMenu" | 950 | @click.away="closeProfileMenu" |
967 | @keydown.escape="closeProfileMenu" | 951 | @keydown.escape="closeProfileMenu" |
968 | 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" | 952 | 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" |
969 | aria-label="submenu" | 953 | aria-label="submenu" |
970 | > | 954 | > |
971 | <li class="flex"> | 955 | <li class="flex"> |
972 | <a | 956 | <a |
973 | 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" | 957 | 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" |
974 | href="{{ route('admin.profile') }}" | 958 | href="{{ route('admin.profile') }}" |
975 | > | 959 | > |
976 | <svg | 960 | <svg |
977 | class="w-4 h-4 mr-3" | 961 | class="w-4 h-4 mr-3" |
978 | aria-hidden="true" | 962 | aria-hidden="true" |
979 | fill="none" | 963 | fill="none" |
980 | stroke-linecap="round" | 964 | stroke-linecap="round" |
981 | stroke-linejoin="round" | 965 | stroke-linejoin="round" |
982 | stroke-width="2" | 966 | stroke-width="2" |
983 | viewBox="0 0 24 24" | 967 | viewBox="0 0 24 24" |
984 | stroke="currentColor" | 968 | stroke="currentColor" |
985 | > | 969 | > |
986 | <path | 970 | <path |
987 | d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z" | 971 | d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z" |
988 | ></path> | 972 | ></path> |
989 | </svg> | 973 | </svg> |
990 | <span>Профиль</span> | 974 | <span>Профиль</span> |
991 | </a> | 975 | </a> |
992 | </li> | 976 | </li> |
993 | <li class="flex"> | 977 | <li class="flex"> |
994 | <a | 978 | <a |
995 | 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" | 979 | 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" |
996 | href="{{ route('admin.config') }}" | 980 | href="{{ route('admin.config') }}" |
997 | > | 981 | > |
998 | <svg | 982 | <svg |
999 | class="w-4 h-4 mr-3" | 983 | class="w-4 h-4 mr-3" |
1000 | aria-hidden="true" | 984 | aria-hidden="true" |
1001 | fill="none" | 985 | fill="none" |
1002 | stroke-linecap="round" | 986 | stroke-linecap="round" |
1003 | stroke-linejoin="round" | 987 | stroke-linejoin="round" |
1004 | stroke-width="2" | 988 | stroke-width="2" |
1005 | viewBox="0 0 24 24" | 989 | viewBox="0 0 24 24" |
1006 | stroke="currentColor" | 990 | stroke="currentColor" |
1007 | > | 991 | > |
1008 | <path | 992 | <path |
1009 | 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" | 993 | 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" |
1010 | ></path> | 994 | ></path> |
1011 | <path d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"></path> | 995 | <path d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"></path> |
1012 | </svg> | 996 | </svg> |
1013 | <span>Настройки</span> | 997 | <span>Настройки</span> |
1014 | </a> | 998 | </a> |
1015 | </li> | 999 | </li> |
1016 | <li class="flex"> | 1000 | <li class="flex"> |
1017 | <a | 1001 | <a |
1018 | 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" | 1002 | 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" |
1019 | href="{{ route('admin.logout') }}" | 1003 | href="{{ route('admin.logout') }}" |
1020 | > | 1004 | > |
1021 | <svg | 1005 | <svg |
1022 | class="w-4 h-4 mr-3" | 1006 | class="w-4 h-4 mr-3" |
1023 | aria-hidden="true" | 1007 | aria-hidden="true" |
1024 | fill="none" | 1008 | fill="none" |
1025 | stroke-linecap="round" | 1009 | stroke-linecap="round" |
1026 | stroke-linejoin="round" | 1010 | stroke-linejoin="round" |
1027 | stroke-width="2" | 1011 | stroke-width="2" |
1028 | viewBox="0 0 24 24" | 1012 | viewBox="0 0 24 24" |
1029 | stroke="currentColor" | 1013 | stroke="currentColor" |
1030 | > | 1014 | > |
1031 | <path | 1015 | <path |
1032 | 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" | 1016 | 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" |
1033 | ></path> | 1017 | ></path> |
1034 | </svg> | 1018 | </svg> |
1035 | <span>Выход</span> | 1019 | <span>Выход</span> |
1036 | </a> | 1020 | </a> |
1037 | </li> | 1021 | </li> |
1038 | </ul> | 1022 | </ul> |
1039 | </template> | 1023 | </template> |
1040 | </li> | 1024 | </li> |
1041 | </ul> | 1025 | </ul> |
1042 | </div> | 1026 | </div> |
1043 | </header> | 1027 | </header> |
1044 | <main class="h-full overflow-y-auto"> | 1028 | <main class="h-full overflow-y-auto"> |
1045 | <div class="container px-6 mx-auto grid"> | 1029 | <div class="container px-6 mx-auto grid"> |
1046 | <h2 | 1030 | <h2 |
1047 | class="my-6 text-2xl font-semibold text-gray-700 dark:text-gray-200" | 1031 | class="my-6 text-2xl font-semibold text-gray-700 dark:text-gray-200" |
1048 | > | 1032 | > |
1049 | {{$title}} | 1033 | {{$title}} |
1050 | </h2> | 1034 | </h2> |
1051 | <!-- CTA --> | 1035 | <!-- CTA --> |
1052 | <a | 1036 | <a |
1053 | 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" | 1037 | 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" |
1054 | href="{{ route('admin.admin-users') }}" | 1038 | href="{{ route('admin.admin-users') }}" |
1055 | > | 1039 | > |
1056 | <div class="flex items-center"> | 1040 | <div class="flex items-center"> |
1057 | <svg | 1041 | <svg |
1058 | class="w-5 h-5 mr-2" | 1042 | class="w-5 h-5 mr-2" |
1059 | fill="currentColor" | 1043 | fill="currentColor" |
1060 | viewBox="0 0 20 20" | 1044 | viewBox="0 0 20 20" |
1061 | > | 1045 | > |
1062 | <path | 1046 | <path |
1063 | 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" | 1047 | 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" |
1064 | ></path> | 1048 | ></path> |
1065 | </svg> | 1049 | </svg> |
1066 | <span>Контент для админов</span> | 1050 | <span>Контент для админов</span> |
1067 | </div> | 1051 | </div> |
1068 | <span>Список админов →</span> | 1052 | <span>Список админов →</span> |
1069 | </a> | 1053 | </a> |
1070 | 1054 | ||
1071 | @if ($message = Session::get('success')) | 1055 | @if ($message = Session::get('success')) |
1072 | <section> | 1056 | <section> |
1073 | <div class="alert alert-success alert-dismissible mt-0" role="alert"> | 1057 | <div class="alert alert-success alert-dismissible mt-0" role="alert"> |
1074 | <button type="button" class="close" data-dismiss="alert" aria-label="Закрыть"> | 1058 | <button type="button" class="close" data-dismiss="alert" aria-label="Закрыть"> |
1075 | <span aria-hidden="true">×</span> | 1059 | <span aria-hidden="true">×</span> |
1076 | </button> | 1060 | </button> |
1077 | {{ $message }} | 1061 | {{ $message }} |
1078 | </div> | 1062 | </div> |
1079 | </section> | 1063 | </section> |
1080 | @endif | 1064 | @endif |
1081 | 1065 | ||
1082 | @if ($errors->any()) | 1066 | @if ($errors->any()) |
1083 | <section> | 1067 | <section> |
1084 | <div class="alert alert-danger alert-dismissible mt-4" role="alert"> | 1068 | <div class="alert alert-danger alert-dismissible mt-4" role="alert"> |
1085 | <button type="button" class="close" data-dismiss="alert" aria-label="Закрыть"> | 1069 | <button type="button" class="close" data-dismiss="alert" aria-label="Закрыть"> |
1086 | <span aria-hidden="true">×</span> | 1070 | <span aria-hidden="true">×</span> |
1087 | </button> | 1071 | </button> |
1088 | <ul class="mb-0"> | 1072 | <ul class="mb-0"> |
1089 | @foreach ($errors->all() as $error) | 1073 | @foreach ($errors->all() as $error) |
1090 | <li>{{ $error }}</li> | 1074 | <li>{{ $error }}</li> |
1091 | @endforeach | 1075 | @endforeach |
1092 | </ul> | 1076 | </ul> |
1093 | </div> | 1077 | </div> |
1094 | </section> | 1078 | </section> |
1095 | @endif | 1079 | @endif |
1096 | 1080 | ||
1097 | @yield('content') | 1081 | @yield('content') |
1098 | 1082 | ||
1099 | <!-- Cards | 1083 | <!-- Cards |
1100 | <div class="grid gap-6 mb-8 md:grid-cols-2 xl:grid-cols-4"> | 1084 | <div class="grid gap-6 mb-8 md:grid-cols-2 xl:grid-cols-4"> |
1101 | 1085 | ||
1102 | <div | 1086 | <div |
1103 | class="flex items-center p-4 bg-white rounded-lg shadow-xs dark:bg-gray-800" | 1087 | class="flex items-center p-4 bg-white rounded-lg shadow-xs dark:bg-gray-800" |
1104 | > | 1088 | > |
1105 | <div | 1089 | <div |
1106 | class="p-3 mr-4 text-orange-500 bg-orange-100 rounded-full dark:text-orange-100 dark:bg-orange-500" | 1090 | class="p-3 mr-4 text-orange-500 bg-orange-100 rounded-full dark:text-orange-100 dark:bg-orange-500" |
1107 | > | 1091 | > |
1108 | <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20"> | 1092 | <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20"> |
1109 | <path | 1093 | <path |
1110 | 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" | 1094 | 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" |
1111 | ></path> | 1095 | ></path> |
1112 | </svg> | 1096 | </svg> |
1113 | </div> | 1097 | </div> |
1114 | <div> | 1098 | <div> |
1115 | <p | 1099 | <p |
1116 | class="mb-2 text-sm font-medium text-gray-600 dark:text-gray-400" | 1100 | class="mb-2 text-sm font-medium text-gray-600 dark:text-gray-400" |
1117 | > | 1101 | > |
1118 | Total clients | 1102 | Total clients |
1119 | </p> | 1103 | </p> |
1120 | <p | 1104 | <p |
1121 | class="text-lg font-semibold text-gray-700 dark:text-gray-200" | 1105 | class="text-lg font-semibold text-gray-700 dark:text-gray-200" |
1122 | > | 1106 | > |
1123 | 6389 | 1107 | 6389 |
1124 | </p> | 1108 | </p> |
1125 | </div> | 1109 | </div> |
1126 | </div> | 1110 | </div> |
1127 | 1111 | ||
1128 | <div | 1112 | <div |
1129 | class="flex items-center p-4 bg-white rounded-lg shadow-xs dark:bg-gray-800" | 1113 | class="flex items-center p-4 bg-white rounded-lg shadow-xs dark:bg-gray-800" |
1130 | > | 1114 | > |
1131 | <div | 1115 | <div |
1132 | class="p-3 mr-4 text-green-500 bg-green-100 rounded-full dark:text-green-100 dark:bg-green-500" | 1116 | class="p-3 mr-4 text-green-500 bg-green-100 rounded-full dark:text-green-100 dark:bg-green-500" |
1133 | > | 1117 | > |
1134 | <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20"> | 1118 | <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20"> |
1135 | <path | 1119 | <path |
1136 | fill-rule="evenodd" | 1120 | fill-rule="evenodd" |
1137 | 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" | 1121 | 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" |
1138 | clip-rule="evenodd" | 1122 | clip-rule="evenodd" |
1139 | ></path> | 1123 | ></path> |
1140 | </svg> | 1124 | </svg> |
1141 | </div> | 1125 | </div> |
1142 | <div> | 1126 | <div> |
1143 | <p | 1127 | <p |
1144 | class="mb-2 text-sm font-medium text-gray-600 dark:text-gray-400" | 1128 | class="mb-2 text-sm font-medium text-gray-600 dark:text-gray-400" |
1145 | > | 1129 | > |
1146 | Account balance | 1130 | Account balance |
1147 | </p> | 1131 | </p> |
1148 | <p | 1132 | <p |
1149 | class="text-lg font-semibold text-gray-700 dark:text-gray-200" | 1133 | class="text-lg font-semibold text-gray-700 dark:text-gray-200" |
1150 | > | 1134 | > |
1151 | $ 46,760.89 | 1135 | $ 46,760.89 |
1152 | </p> | 1136 | </p> |
1153 | </div> | 1137 | </div> |
1154 | </div> | 1138 | </div> |
1155 | 1139 | ||
1156 | <div | 1140 | <div |
1157 | class="flex items-center p-4 bg-white rounded-lg shadow-xs dark:bg-gray-800" | 1141 | class="flex items-center p-4 bg-white rounded-lg shadow-xs dark:bg-gray-800" |
1158 | > | 1142 | > |
1159 | <div | 1143 | <div |
1160 | class="p-3 mr-4 text-blue-500 bg-blue-100 rounded-full dark:text-blue-100 dark:bg-blue-500" | 1144 | class="p-3 mr-4 text-blue-500 bg-blue-100 rounded-full dark:text-blue-100 dark:bg-blue-500" |
1161 | > | 1145 | > |
1162 | <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20"> | 1146 | <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20"> |
1163 | <path | 1147 | <path |
1164 | 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" | 1148 | 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" |
1165 | ></path> | 1149 | ></path> |
1166 | </svg> | 1150 | </svg> |
1167 | </div> | 1151 | </div> |
1168 | <div> | 1152 | <div> |
1169 | <p | 1153 | <p |
1170 | class="mb-2 text-sm font-medium text-gray-600 dark:text-gray-400" | 1154 | class="mb-2 text-sm font-medium text-gray-600 dark:text-gray-400" |
1171 | > | 1155 | > |
1172 | New sales | 1156 | New sales |
1173 | </p> | 1157 | </p> |
1174 | <p | 1158 | <p |
1175 | class="text-lg font-semibold text-gray-700 dark:text-gray-200" | 1159 | class="text-lg font-semibold text-gray-700 dark:text-gray-200" |
1176 | > | 1160 | > |
1177 | 376 | 1161 | 376 |
1178 | </p> | 1162 | </p> |
1179 | </div> | 1163 | </div> |
1180 | </div> | 1164 | </div> |
1181 | 1165 | ||
1182 | <div | 1166 | <div |
1183 | class="flex items-center p-4 bg-white rounded-lg shadow-xs dark:bg-gray-800" | 1167 | class="flex items-center p-4 bg-white rounded-lg shadow-xs dark:bg-gray-800" |
1184 | > | 1168 | > |
1185 | <div | 1169 | <div |
1186 | class="p-3 mr-4 text-teal-500 bg-teal-100 rounded-full dark:text-teal-100 dark:bg-teal-500" | 1170 | class="p-3 mr-4 text-teal-500 bg-teal-100 rounded-full dark:text-teal-100 dark:bg-teal-500" |
1187 | > | 1171 | > |
1188 | <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20"> | 1172 | <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20"> |
1189 | <path | 1173 | <path |
1190 | fill-rule="evenodd" | 1174 | fill-rule="evenodd" |
1191 | 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" | 1175 | 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" |
1192 | clip-rule="evenodd" | 1176 | clip-rule="evenodd" |
1193 | ></path> | 1177 | ></path> |
1194 | </svg> | 1178 | </svg> |
1195 | </div> | 1179 | </div> |
1196 | <div> | 1180 | <div> |
1197 | <p | 1181 | <p |
1198 | class="mb-2 text-sm font-medium text-gray-600 dark:text-gray-400" | 1182 | class="mb-2 text-sm font-medium text-gray-600 dark:text-gray-400" |
1199 | > | 1183 | > |
1200 | Pending contacts | 1184 | Pending contacts |
1201 | </p> | 1185 | </p> |
1202 | <p | 1186 | <p |
1203 | class="text-lg font-semibold text-gray-700 dark:text-gray-200" | 1187 | class="text-lg font-semibold text-gray-700 dark:text-gray-200" |
1204 | > | 1188 | > |
1205 | 35 | 1189 | 35 |
1206 | </p> | 1190 | </p> |
1207 | </div> | 1191 | </div> |
1208 | </div> | 1192 | </div> |
1209 | </div> | 1193 | </div> |
1210 | --> | 1194 | --> |
1211 | <!-- New Table | 1195 | <!-- New Table |
1212 | <div class="w-full overflow-hidden rounded-lg shadow-xs"> | 1196 | <div class="w-full overflow-hidden rounded-lg shadow-xs"> |
1213 | <div class="w-full overflow-x-auto"> | 1197 | <div class="w-full overflow-x-auto"> |
1214 | <table class="w-full whitespace-no-wrap"> | 1198 | <table class="w-full whitespace-no-wrap"> |
1215 | <thead> | 1199 | <thead> |
1216 | <tr | 1200 | <tr |
1217 | 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" | 1201 | 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" |
1218 | > | 1202 | > |
1219 | <th class="px-4 py-3">Client</th> | 1203 | <th class="px-4 py-3">Client</th> |
1220 | <th class="px-4 py-3">Amount</th> | 1204 | <th class="px-4 py-3">Amount</th> |
1221 | <th class="px-4 py-3">Status</th> | 1205 | <th class="px-4 py-3">Status</th> |
1222 | <th class="px-4 py-3">Date</th> | 1206 | <th class="px-4 py-3">Date</th> |
1223 | </tr> | 1207 | </tr> |
1224 | </thead> | 1208 | </thead> |
1225 | <tbody | 1209 | <tbody |
1226 | class="bg-white divide-y dark:divide-gray-700 dark:bg-gray-800" | 1210 | class="bg-white divide-y dark:divide-gray-700 dark:bg-gray-800" |
1227 | > | 1211 | > |
1228 | <tr class="text-gray-700 dark:text-gray-400"> | 1212 | <tr class="text-gray-700 dark:text-gray-400"> |
1229 | <td class="px-4 py-3"> | 1213 | <td class="px-4 py-3"> |
1230 | <div class="flex items-center text-sm"> | 1214 | <div class="flex items-center text-sm"> |
1231 | 1215 | ||
1232 | <div | 1216 | <div |
1233 | class="relative hidden w-8 h-8 mr-3 rounded-full md:block" | 1217 | class="relative hidden w-8 h-8 mr-3 rounded-full md:block" |
1234 | > | 1218 | > |
1235 | <img | 1219 | <img |
1236 | class="object-cover w-full h-full rounded-full" | 1220 | class="object-cover w-full h-full rounded-full" |
1237 | 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" | 1221 | 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" |
1238 | alt="" | 1222 | alt="" |
1239 | loading="lazy" | 1223 | loading="lazy" |
1240 | /> | 1224 | /> |
1241 | <div | 1225 | <div |
1242 | class="absolute inset-0 rounded-full shadow-inner" | 1226 | class="absolute inset-0 rounded-full shadow-inner" |
1243 | aria-hidden="true" | 1227 | aria-hidden="true" |
1244 | ></div> | 1228 | ></div> |
1245 | </div> | 1229 | </div> |
1246 | <div> | 1230 | <div> |
1247 | <p class="font-semibold">Hans Burger</p> | 1231 | <p class="font-semibold">Hans Burger</p> |
1248 | <p class="text-xs text-gray-600 dark:text-gray-400"> | 1232 | <p class="text-xs text-gray-600 dark:text-gray-400"> |
1249 | 10x Developer | 1233 | 10x Developer |
1250 | </p> | 1234 | </p> |
1251 | </div> | 1235 | </div> |
1252 | </div> | 1236 | </div> |
1253 | </td> | 1237 | </td> |
1254 | <td class="px-4 py-3 text-sm"> | 1238 | <td class="px-4 py-3 text-sm"> |
1255 | $ 863.45 | 1239 | $ 863.45 |
1256 | </td> | 1240 | </td> |
1257 | <td class="px-4 py-3 text-xs"> | 1241 | <td class="px-4 py-3 text-xs"> |
1258 | <span | 1242 | <span |
1259 | 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" | 1243 | 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" |
1260 | > | 1244 | > |
1261 | Approved | 1245 | Approved |
1262 | </span> | 1246 | </span> |
1263 | </td> | 1247 | </td> |
1264 | <td class="px-4 py-3 text-sm"> | 1248 | <td class="px-4 py-3 text-sm"> |
1265 | 6/10/2020 | 1249 | 6/10/2020 |
1266 | </td> | 1250 | </td> |
1267 | </tr> | 1251 | </tr> |
1268 | 1252 | ||
1269 | <tr class="text-gray-700 dark:text-gray-400"> | 1253 | <tr class="text-gray-700 dark:text-gray-400"> |
1270 | <td class="px-4 py-3"> | 1254 | <td class="px-4 py-3"> |
1271 | <div class="flex items-center text-sm"> | 1255 | <div class="flex items-center text-sm"> |
1272 | 1256 | ||
1273 | <div | 1257 | <div |
1274 | class="relative hidden w-8 h-8 mr-3 rounded-full md:block" | 1258 | class="relative hidden w-8 h-8 mr-3 rounded-full md:block" |
1275 | > | 1259 | > |
1276 | <img | 1260 | <img |
1277 | class="object-cover w-full h-full rounded-full" | 1261 | class="object-cover w-full h-full rounded-full" |
1278 | 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" | 1262 | 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" |
1279 | alt="" | 1263 | alt="" |
1280 | loading="lazy" | 1264 | loading="lazy" |
1281 | /> | 1265 | /> |
1282 | <div | 1266 | <div |
1283 | class="absolute inset-0 rounded-full shadow-inner" | 1267 | class="absolute inset-0 rounded-full shadow-inner" |
1284 | aria-hidden="true" | 1268 | aria-hidden="true" |
1285 | ></div> | 1269 | ></div> |
1286 | </div> | 1270 | </div> |
1287 | <div> | 1271 | <div> |
1288 | <p class="font-semibold">Jolina Angelie</p> | 1272 | <p class="font-semibold">Jolina Angelie</p> |
1289 | <p class="text-xs text-gray-600 dark:text-gray-400"> | 1273 | <p class="text-xs text-gray-600 dark:text-gray-400"> |
1290 | Unemployed | 1274 | Unemployed |
1291 | </p> | 1275 | </p> |
1292 | </div> | 1276 | </div> |
1293 | </div> | 1277 | </div> |
1294 | </td> | 1278 | </td> |
1295 | <td class="px-4 py-3 text-sm"> | 1279 | <td class="px-4 py-3 text-sm"> |
1296 | $ 369.95 | 1280 | $ 369.95 |
1297 | </td> | 1281 | </td> |
1298 | <td class="px-4 py-3 text-xs"> | 1282 | <td class="px-4 py-3 text-xs"> |
1299 | <span | 1283 | <span |
1300 | class="px-2 py-1 font-semibold leading-tight text-orange-700 bg-orange-100 rounded-full dark:text-white dark:bg-orange-600" | 1284 | class="px-2 py-1 font-semibold leading-tight text-orange-700 bg-orange-100 rounded-full dark:text-white dark:bg-orange-600" |
1301 | > | 1285 | > |
1302 | Pending | 1286 | Pending |
1303 | </span> | 1287 | </span> |
1304 | </td> | 1288 | </td> |
1305 | <td class="px-4 py-3 text-sm"> | 1289 | <td class="px-4 py-3 text-sm"> |
1306 | 6/10/2020 | 1290 | 6/10/2020 |
1307 | </td> | 1291 | </td> |
1308 | </tr> | 1292 | </tr> |
1309 | 1293 | ||
1310 | <tr class="text-gray-700 dark:text-gray-400"> | 1294 | <tr class="text-gray-700 dark:text-gray-400"> |
1311 | <td class="px-4 py-3"> | 1295 | <td class="px-4 py-3"> |
1312 | <div class="flex items-center text-sm"> | 1296 | <div class="flex items-center text-sm"> |
1313 | 1297 | ||
1314 | <div | 1298 | <div |
1315 | class="relative hidden w-8 h-8 mr-3 rounded-full md:block" | 1299 | class="relative hidden w-8 h-8 mr-3 rounded-full md:block" |
1316 | > | 1300 | > |
1317 | <img | 1301 | <img |
1318 | class="object-cover w-full h-full rounded-full" | 1302 | class="object-cover w-full h-full rounded-full" |
1319 | 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" | 1303 | 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" |
1320 | alt="" | 1304 | alt="" |
1321 | loading="lazy" | 1305 | loading="lazy" |
1322 | /> | 1306 | /> |
1323 | <div | 1307 | <div |
1324 | class="absolute inset-0 rounded-full shadow-inner" | 1308 | class="absolute inset-0 rounded-full shadow-inner" |
1325 | aria-hidden="true" | 1309 | aria-hidden="true" |
1326 | ></div> | 1310 | ></div> |
1327 | </div> | 1311 | </div> |
1328 | <div> | 1312 | <div> |
1329 | <p class="font-semibold">Sarah Curry</p> | 1313 | <p class="font-semibold">Sarah Curry</p> |
1330 | <p class="text-xs text-gray-600 dark:text-gray-400"> | 1314 | <p class="text-xs text-gray-600 dark:text-gray-400"> |
1331 | Designer | 1315 | Designer |
1332 | </p> | 1316 | </p> |
1333 | </div> | 1317 | </div> |
1334 | </div> | 1318 | </div> |
1335 | </td> | 1319 | </td> |
1336 | <td class="px-4 py-3 text-sm"> | 1320 | <td class="px-4 py-3 text-sm"> |
1337 | $ 86.00 | 1321 | $ 86.00 |
1338 | </td> | 1322 | </td> |
1339 | <td class="px-4 py-3 text-xs"> | 1323 | <td class="px-4 py-3 text-xs"> |
1340 | <span | 1324 | <span |
1341 | 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" | 1325 | 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" |
1342 | > | 1326 | > |
1343 | Denied | 1327 | Denied |
1344 | </span> | 1328 | </span> |
1345 | </td> | 1329 | </td> |
1346 | <td class="px-4 py-3 text-sm"> | 1330 | <td class="px-4 py-3 text-sm"> |
1347 | 6/10/2020 | 1331 | 6/10/2020 |
1348 | </td> | 1332 | </td> |
1349 | </tr> | 1333 | </tr> |
1350 | 1334 | ||
1351 | <tr class="text-gray-700 dark:text-gray-400"> | 1335 | <tr class="text-gray-700 dark:text-gray-400"> |
1352 | <td class="px-4 py-3"> | 1336 | <td class="px-4 py-3"> |
1353 | <div class="flex items-center text-sm"> | 1337 | <div class="flex items-center text-sm"> |
1354 | 1338 | ||
1355 | <div | 1339 | <div |
1356 | class="relative hidden w-8 h-8 mr-3 rounded-full md:block" | 1340 | class="relative hidden w-8 h-8 mr-3 rounded-full md:block" |
1357 | > | 1341 | > |
1358 | <img | 1342 | <img |
1359 | class="object-cover w-full h-full rounded-full" | 1343 | class="object-cover w-full h-full rounded-full" |
1360 | 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" | 1344 | 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" |
1361 | alt="" | 1345 | alt="" |
1362 | loading="lazy" | 1346 | loading="lazy" |
1363 | /> | 1347 | /> |
1364 | <div | 1348 | <div |
1365 | class="absolute inset-0 rounded-full shadow-inner" | 1349 | class="absolute inset-0 rounded-full shadow-inner" |
1366 | aria-hidden="true" | 1350 | aria-hidden="true" |
1367 | ></div> | 1351 | ></div> |
1368 | </div> | 1352 | </div> |
1369 | <div> | 1353 | <div> |
1370 | <p class="font-semibold">Rulia Joberts</p> | 1354 | <p class="font-semibold">Rulia Joberts</p> |
1371 | <p class="text-xs text-gray-600 dark:text-gray-400"> | 1355 | <p class="text-xs text-gray-600 dark:text-gray-400"> |
1372 | Actress | 1356 | Actress |
1373 | </p> | 1357 | </p> |
1374 | </div> | 1358 | </div> |
1375 | </div> | 1359 | </div> |
1376 | </td> | 1360 | </td> |
1377 | <td class="px-4 py-3 text-sm"> | 1361 | <td class="px-4 py-3 text-sm"> |
1378 | $ 1276.45 | 1362 | $ 1276.45 |
1379 | </td> | 1363 | </td> |
1380 | <td class="px-4 py-3 text-xs"> | 1364 | <td class="px-4 py-3 text-xs"> |
1381 | <span | 1365 | <span |
1382 | 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" | 1366 | 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" |
1383 | > | 1367 | > |
1384 | Approved | 1368 | Approved |
1385 | </span> | 1369 | </span> |
1386 | </td> | 1370 | </td> |
1387 | <td class="px-4 py-3 text-sm"> | 1371 | <td class="px-4 py-3 text-sm"> |
1388 | 6/10/2020 | 1372 | 6/10/2020 |
1389 | </td> | 1373 | </td> |
1390 | </tr> | 1374 | </tr> |
1391 | 1375 | ||
1392 | <tr class="text-gray-700 dark:text-gray-400"> | 1376 | <tr class="text-gray-700 dark:text-gray-400"> |
1393 | <td class="px-4 py-3"> | 1377 | <td class="px-4 py-3"> |
1394 | <div class="flex items-center text-sm"> | 1378 | <div class="flex items-center text-sm"> |
1395 | 1379 | ||
1396 | <div | 1380 | <div |
1397 | class="relative hidden w-8 h-8 mr-3 rounded-full md:block" | 1381 | class="relative hidden w-8 h-8 mr-3 rounded-full md:block" |
1398 | > | 1382 | > |
1399 | <img | 1383 | <img |
1400 | class="object-cover w-full h-full rounded-full" | 1384 | class="object-cover w-full h-full rounded-full" |
1401 | 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" | 1385 | 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" |
1402 | alt="" | 1386 | alt="" |
1403 | loading="lazy" | 1387 | loading="lazy" |
1404 | /> | 1388 | /> |
1405 | <div | 1389 | <div |
1406 | class="absolute inset-0 rounded-full shadow-inner" | 1390 | class="absolute inset-0 rounded-full shadow-inner" |
1407 | aria-hidden="true" | 1391 | aria-hidden="true" |
1408 | ></div> | 1392 | ></div> |
1409 | </div> | 1393 | </div> |
1410 | <div> | 1394 | <div> |
1411 | <p class="font-semibold">Wenzel Dashington</p> | 1395 | <p class="font-semibold">Wenzel Dashington</p> |
1412 | <p class="text-xs text-gray-600 dark:text-gray-400"> | 1396 | <p class="text-xs text-gray-600 dark:text-gray-400"> |
1413 | Actor | 1397 | Actor |
1414 | </p> | 1398 | </p> |
1415 | </div> | 1399 | </div> |
1416 | </div> | 1400 | </div> |
1417 | </td> | 1401 | </td> |
1418 | <td class="px-4 py-3 text-sm"> | 1402 | <td class="px-4 py-3 text-sm"> |
1419 | $ 863.45 | 1403 | $ 863.45 |
1420 | </td> | 1404 | </td> |
1421 | <td class="px-4 py-3 text-xs"> | 1405 | <td class="px-4 py-3 text-xs"> |
1422 | <span | 1406 | <span |
1423 | 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" | 1407 | 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" |
1424 | > | 1408 | > |
1425 | Expired | 1409 | Expired |
1426 | </span> | 1410 | </span> |
1427 | </td> | 1411 | </td> |
1428 | <td class="px-4 py-3 text-sm"> | 1412 | <td class="px-4 py-3 text-sm"> |
1429 | 6/10/2020 | 1413 | 6/10/2020 |
1430 | </td> | 1414 | </td> |
1431 | </tr> | 1415 | </tr> |
1432 | 1416 | ||
1433 | <tr class="text-gray-700 dark:text-gray-400"> | 1417 | <tr class="text-gray-700 dark:text-gray-400"> |
1434 | <td class="px-4 py-3"> | 1418 | <td class="px-4 py-3"> |
1435 | <div class="flex items-center text-sm"> | 1419 | <div class="flex items-center text-sm"> |
1436 | 1420 | ||
1437 | <div | 1421 | <div |
1438 | class="relative hidden w-8 h-8 mr-3 rounded-full md:block" | 1422 | class="relative hidden w-8 h-8 mr-3 rounded-full md:block" |
1439 | > | 1423 | > |
1440 | <img | 1424 | <img |
1441 | class="object-cover w-full h-full rounded-full" | 1425 | class="object-cover w-full h-full rounded-full" |
1442 | 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" | 1426 | 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" |
1443 | alt="" | 1427 | alt="" |
1444 | loading="lazy" | 1428 | loading="lazy" |
1445 | /> | 1429 | /> |
1446 | <div | 1430 | <div |
1447 | class="absolute inset-0 rounded-full shadow-inner" | 1431 | class="absolute inset-0 rounded-full shadow-inner" |
1448 | aria-hidden="true" | 1432 | aria-hidden="true" |
1449 | ></div> | 1433 | ></div> |
1450 | </div> | 1434 | </div> |
1451 | <div> | 1435 | <div> |
1452 | <p class="font-semibold">Dave Li</p> | 1436 | <p class="font-semibold">Dave Li</p> |
1453 | <p class="text-xs text-gray-600 dark:text-gray-400"> | 1437 | <p class="text-xs text-gray-600 dark:text-gray-400"> |
1454 | Influencer | 1438 | Influencer |
1455 | </p> | 1439 | </p> |
1456 | </div> | 1440 | </div> |
1457 | </div> | 1441 | </div> |
1458 | </td> | 1442 | </td> |
1459 | <td class="px-4 py-3 text-sm"> | 1443 | <td class="px-4 py-3 text-sm"> |
1460 | $ 863.45 | 1444 | $ 863.45 |
1461 | </td> | 1445 | </td> |
1462 | <td class="px-4 py-3 text-xs"> | 1446 | <td class="px-4 py-3 text-xs"> |
1463 | <span | 1447 | <span |
1464 | 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" | 1448 | 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" |
1465 | > | 1449 | > |
1466 | Approved | 1450 | Approved |
1467 | </span> | 1451 | </span> |
1468 | </td> | 1452 | </td> |
1469 | <td class="px-4 py-3 text-sm"> | 1453 | <td class="px-4 py-3 text-sm"> |
1470 | 6/10/2020 | 1454 | 6/10/2020 |
1471 | </td> | 1455 | </td> |
1472 | </tr> | 1456 | </tr> |
1473 | 1457 | ||
1474 | <tr class="text-gray-700 dark:text-gray-400"> | 1458 | <tr class="text-gray-700 dark:text-gray-400"> |
1475 | <td class="px-4 py-3"> | 1459 | <td class="px-4 py-3"> |
1476 | <div class="flex items-center text-sm"> | 1460 | <div class="flex items-center text-sm"> |
1477 | 1461 | ||
1478 | <div | 1462 | <div |
1479 | class="relative hidden w-8 h-8 mr-3 rounded-full md:block" | 1463 | class="relative hidden w-8 h-8 mr-3 rounded-full md:block" |
1480 | > | 1464 | > |
1481 | <img | 1465 | <img |
1482 | class="object-cover w-full h-full rounded-full" | 1466 | class="object-cover w-full h-full rounded-full" |
1483 | 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" | 1467 | 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" |
1484 | alt="" | 1468 | alt="" |
1485 | loading="lazy" | 1469 | loading="lazy" |
1486 | /> | 1470 | /> |
1487 | <div | 1471 | <div |
1488 | class="absolute inset-0 rounded-full shadow-inner" | 1472 | class="absolute inset-0 rounded-full shadow-inner" |
1489 | aria-hidden="true" | 1473 | aria-hidden="true" |
1490 | ></div> | 1474 | ></div> |
1491 | </div> | 1475 | </div> |
1492 | <div> | 1476 | <div> |
1493 | <p class="font-semibold">Maria Ramovic</p> | 1477 | <p class="font-semibold">Maria Ramovic</p> |
1494 | <p class="text-xs text-gray-600 dark:text-gray-400"> | 1478 | <p class="text-xs text-gray-600 dark:text-gray-400"> |
1495 | Runner | 1479 | Runner |
1496 | </p> | 1480 | </p> |
1497 | </div> | 1481 | </div> |
1498 | </div> | 1482 | </div> |
1499 | </td> | 1483 | </td> |
1500 | <td class="px-4 py-3 text-sm"> | 1484 | <td class="px-4 py-3 text-sm"> |
1501 | $ 863.45 | 1485 | $ 863.45 |
1502 | </td> | 1486 | </td> |
1503 | <td class="px-4 py-3 text-xs"> | 1487 | <td class="px-4 py-3 text-xs"> |
1504 | <span | 1488 | <span |
1505 | 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" | 1489 | 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" |
1506 | > | 1490 | > |
1507 | Approved | 1491 | Approved |
1508 | </span> | 1492 | </span> |
1509 | </td> | 1493 | </td> |
1510 | <td class="px-4 py-3 text-sm"> | 1494 | <td class="px-4 py-3 text-sm"> |
1511 | 6/10/2020 | 1495 | 6/10/2020 |
1512 | </td> | 1496 | </td> |
1513 | </tr> | 1497 | </tr> |
1514 | 1498 | ||
1515 | <tr class="text-gray-700 dark:text-gray-400"> | 1499 | <tr class="text-gray-700 dark:text-gray-400"> |
1516 | <td class="px-4 py-3"> | 1500 | <td class="px-4 py-3"> |
1517 | <div class="flex items-center text-sm"> | 1501 | <div class="flex items-center text-sm"> |
1518 | 1502 | ||
1519 | <div | 1503 | <div |
1520 | class="relative hidden w-8 h-8 mr-3 rounded-full md:block" | 1504 | class="relative hidden w-8 h-8 mr-3 rounded-full md:block" |
1521 | > | 1505 | > |
1522 | <img | 1506 | <img |
1523 | class="object-cover w-full h-full rounded-full" | 1507 | class="object-cover w-full h-full rounded-full" |
1524 | 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" | 1508 | 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" |
1525 | alt="" | 1509 | alt="" |
1526 | loading="lazy" | 1510 | loading="lazy" |
1527 | /> | 1511 | /> |
1528 | <div | 1512 | <div |
1529 | class="absolute inset-0 rounded-full shadow-inner" | 1513 | class="absolute inset-0 rounded-full shadow-inner" |
1530 | aria-hidden="true" | 1514 | aria-hidden="true" |
1531 | ></div> | 1515 | ></div> |
1532 | </div> | 1516 | </div> |
1533 | <div> | 1517 | <div> |
1534 | <p class="font-semibold">Hitney Wouston</p> | 1518 | <p class="font-semibold">Hitney Wouston</p> |
1535 | <p class="text-xs text-gray-600 dark:text-gray-400"> | 1519 | <p class="text-xs text-gray-600 dark:text-gray-400"> |
1536 | Singer | 1520 | Singer |
1537 | </p> | 1521 | </p> |
1538 | </div> | 1522 | </div> |
1539 | </div> | 1523 | </div> |
1540 | </td> | 1524 | </td> |
1541 | <td class="px-4 py-3 text-sm"> | 1525 | <td class="px-4 py-3 text-sm"> |
1542 | $ 863.45 | 1526 | $ 863.45 |
1543 | </td> | 1527 | </td> |
1544 | <td class="px-4 py-3 text-xs"> | 1528 | <td class="px-4 py-3 text-xs"> |
1545 | <span | 1529 | <span |
1546 | 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" | 1530 | 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" |
1547 | > | 1531 | > |
1548 | Approved | 1532 | Approved |
1549 | </span> | 1533 | </span> |
1550 | </td> | 1534 | </td> |
1551 | <td class="px-4 py-3 text-sm"> | 1535 | <td class="px-4 py-3 text-sm"> |
1552 | 6/10/2020 | 1536 | 6/10/2020 |
1553 | </td> | 1537 | </td> |
1554 | </tr> | 1538 | </tr> |
1555 | 1539 | ||
1556 | <tr class="text-gray-700 dark:text-gray-400"> | 1540 | <tr class="text-gray-700 dark:text-gray-400"> |
1557 | <td class="px-4 py-3"> | 1541 | <td class="px-4 py-3"> |
1558 | <div class="flex items-center text-sm"> | 1542 | <div class="flex items-center text-sm"> |
1559 | 1543 | ||
1560 | <div | 1544 | <div |
1561 | class="relative hidden w-8 h-8 mr-3 rounded-full md:block" | 1545 | class="relative hidden w-8 h-8 mr-3 rounded-full md:block" |
1562 | > | 1546 | > |
1563 | <img | 1547 | <img |
1564 | class="object-cover w-full h-full rounded-full" | 1548 | class="object-cover w-full h-full rounded-full" |
1565 | 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" | 1549 | 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" |
1566 | alt="" | 1550 | alt="" |
1567 | loading="lazy" | 1551 | loading="lazy" |
1568 | /> | 1552 | /> |
1569 | <div | 1553 | <div |
1570 | class="absolute inset-0 rounded-full shadow-inner" | 1554 | class="absolute inset-0 rounded-full shadow-inner" |
1571 | aria-hidden="true" | 1555 | aria-hidden="true" |
1572 | ></div> | 1556 | ></div> |
1573 | </div> | 1557 | </div> |
1574 | <div> | 1558 | <div> |
1575 | <p class="font-semibold">Hans Burger</p> | 1559 | <p class="font-semibold">Hans Burger</p> |
1576 | <p class="text-xs text-gray-600 dark:text-gray-400"> | 1560 | <p class="text-xs text-gray-600 dark:text-gray-400"> |
1577 | 10x Developer | 1561 | 10x Developer |
1578 | </p> | 1562 | </p> |
1579 | </div> | 1563 | </div> |
1580 | </div> | 1564 | </div> |
1581 | </td> | 1565 | </td> |
1582 | <td class="px-4 py-3 text-sm"> | 1566 | <td class="px-4 py-3 text-sm"> |
1583 | $ 863.45 | 1567 | $ 863.45 |
1584 | </td> | 1568 | </td> |
1585 | <td class="px-4 py-3 text-xs"> | 1569 | <td class="px-4 py-3 text-xs"> |
1586 | <span | 1570 | <span |
1587 | 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" | 1571 | 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" |
1588 | > | 1572 | > |
1589 | Approved | 1573 | Approved |
1590 | </span> | 1574 | </span> |
1591 | </td> | 1575 | </td> |
1592 | <td class="px-4 py-3 text-sm"> | 1576 | <td class="px-4 py-3 text-sm"> |
1593 | 6/10/2020 | 1577 | 6/10/2020 |
1594 | </td> | 1578 | </td> |
1595 | </tr> | 1579 | </tr> |
1596 | </tbody> | 1580 | </tbody> |
1597 | </table> | 1581 | </table> |
1598 | </div> | 1582 | </div> |
1599 | <div | 1583 | <div |
1600 | 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" | 1584 | 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" |
1601 | > | 1585 | > |
1602 | <span class="flex items-center col-span-3"> | 1586 | <span class="flex items-center col-span-3"> |
1603 | Showing 21-30 of 100 | 1587 | Showing 21-30 of 100 |
1604 | </span> | 1588 | </span> |
1605 | <span class="col-span-2"></span> | 1589 | <span class="col-span-2"></span> |
1606 | 1590 | ||
1607 | <span class="flex col-span-4 mt-2 sm:mt-auto sm:justify-end"> | 1591 | <span class="flex col-span-4 mt-2 sm:mt-auto sm:justify-end"> |
1608 | <nav aria-label="Table navigation"> | 1592 | <nav aria-label="Table navigation"> |
1609 | <ul class="inline-flex items-center"> | 1593 | <ul class="inline-flex items-center"> |
1610 | <li> | 1594 | <li> |
1611 | <button | 1595 | <button |
1612 | class="px-3 py-1 rounded-md rounded-l-lg focus:outline-none focus:shadow-outline-purple" | 1596 | class="px-3 py-1 rounded-md rounded-l-lg focus:outline-none focus:shadow-outline-purple" |
1613 | aria-label="Previous" | 1597 | aria-label="Previous" |
1614 | > | 1598 | > |
1615 | <svg | 1599 | <svg |
1616 | aria-hidden="true" | 1600 | aria-hidden="true" |
1617 | class="w-4 h-4 fill-current" | 1601 | class="w-4 h-4 fill-current" |
1618 | viewBox="0 0 20 20" | 1602 | viewBox="0 0 20 20" |
1619 | > | 1603 | > |
1620 | <path | 1604 | <path |
1621 | 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" | 1605 | 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" |
1622 | clip-rule="evenodd" | 1606 | clip-rule="evenodd" |
1623 | fill-rule="evenodd" | 1607 | fill-rule="evenodd" |
1624 | ></path> | 1608 | ></path> |
1625 | </svg> | 1609 | </svg> |
1626 | </button> | 1610 | </button> |
1627 | </li> | 1611 | </li> |
1628 | <li> | 1612 | <li> |
1629 | <button | 1613 | <button |
1630 | class="px-3 py-1 rounded-md focus:outline-none focus:shadow-outline-purple" | 1614 | class="px-3 py-1 rounded-md focus:outline-none focus:shadow-outline-purple" |
1631 | > | 1615 | > |
1632 | 1 | 1616 | 1 |
1633 | </button> | 1617 | </button> |
1634 | </li> | 1618 | </li> |
1635 | <li> | 1619 | <li> |
1636 | <button | 1620 | <button |
1637 | class="px-3 py-1 rounded-md focus:outline-none focus:shadow-outline-purple" | 1621 | class="px-3 py-1 rounded-md focus:outline-none focus:shadow-outline-purple" |
1638 | > | 1622 | > |
1639 | 2 | 1623 | 2 |
1640 | </button> | 1624 | </button> |
1641 | </li> | 1625 | </li> |
1642 | <li> | 1626 | <li> |
1643 | <button | 1627 | <button |
1644 | 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" | 1628 | 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" |
1645 | > | 1629 | > |
1646 | 3 | 1630 | 3 |
1647 | </button> | 1631 | </button> |
1648 | </li> | 1632 | </li> |
1649 | <li> | 1633 | <li> |
1650 | <button | 1634 | <button |
1651 | class="px-3 py-1 rounded-md focus:outline-none focus:shadow-outline-purple" | 1635 | class="px-3 py-1 rounded-md focus:outline-none focus:shadow-outline-purple" |
1652 | > | 1636 | > |
1653 | 4 | 1637 | 4 |
1654 | </button> | 1638 | </button> |
1655 | </li> | 1639 | </li> |
1656 | <li> | 1640 | <li> |
1657 | <span class="px-3 py-1">...</span> | 1641 | <span class="px-3 py-1">...</span> |
1658 | </li> | 1642 | </li> |
1659 | <li> | 1643 | <li> |
1660 | <button | 1644 | <button |
1661 | class="px-3 py-1 rounded-md focus:outline-none focus:shadow-outline-purple" | 1645 | class="px-3 py-1 rounded-md focus:outline-none focus:shadow-outline-purple" |
1662 | > | 1646 | > |
1663 | 8 | 1647 | 8 |
1664 | </button> | 1648 | </button> |
1665 | </li> | 1649 | </li> |
1666 | <li> | 1650 | <li> |
1667 | <button | 1651 | <button |
1668 | class="px-3 py-1 rounded-md focus:outline-none focus:shadow-outline-purple" | 1652 | class="px-3 py-1 rounded-md focus:outline-none focus:shadow-outline-purple" |
1669 | > | 1653 | > |
1670 | 9 | 1654 | 9 |
1671 | </button> | 1655 | </button> |
1672 | </li> | 1656 | </li> |
1673 | <li> | 1657 | <li> |
1674 | <button | 1658 | <button |
1675 | class="px-3 py-1 rounded-md rounded-r-lg focus:outline-none focus:shadow-outline-purple" | 1659 | class="px-3 py-1 rounded-md rounded-r-lg focus:outline-none focus:shadow-outline-purple" |
1676 | aria-label="Next" | 1660 | aria-label="Next" |
1677 | > | 1661 | > |
1678 | <svg | 1662 | <svg |
1679 | class="w-4 h-4 fill-current" | 1663 | class="w-4 h-4 fill-current" |
1680 | aria-hidden="true" | 1664 | aria-hidden="true" |
1681 | viewBox="0 0 20 20" | 1665 | viewBox="0 0 20 20" |
1682 | > | 1666 | > |
1683 | <path | 1667 | <path |
1684 | 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" | 1668 | 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" |
1685 | clip-rule="evenodd" | 1669 | clip-rule="evenodd" |
1686 | fill-rule="evenodd" | 1670 | fill-rule="evenodd" |
1687 | ></path> | 1671 | ></path> |
1688 | </svg> | 1672 | </svg> |
1689 | </button> | 1673 | </button> |
1690 | </li> | 1674 | </li> |
1691 | </ul> | 1675 | </ul> |
1692 | </nav> | 1676 | </nav> |
1693 | </span> | 1677 | </span> |
1694 | </div> | 1678 | </div> |
1695 | </div> | 1679 | </div> |
1696 | --> | 1680 | --> |
1697 | <!-- Charts --> | 1681 | <!-- Charts --> |
1698 | <!-- | 1682 | <!-- |
1699 | <h2 class="my-6 text-2xl font-semibold text-gray-700 dark:text-gray-200"> | 1683 | <h2 class="my-6 text-2xl font-semibold text-gray-700 dark:text-gray-200"> |
1700 | Графики | 1684 | Графики |
1701 | </h2> | 1685 | </h2> |
1702 | <div class="grid gap-6 mb-8 md:grid-cols-2"> | 1686 | <div class="grid gap-6 mb-8 md:grid-cols-2"> |
1703 | <div | 1687 | <div |
1704 | class="min-w-0 p-4 bg-white rounded-lg shadow-xs dark:bg-gray-800" | 1688 | class="min-w-0 p-4 bg-white rounded-lg shadow-xs dark:bg-gray-800" |
1705 | > | 1689 | > |
1706 | <h4 class="mb-4 font-semibold text-gray-800 dark:text-gray-300"> | 1690 | <h4 class="mb-4 font-semibold text-gray-800 dark:text-gray-300"> |
1707 | Revenue | 1691 | Revenue |
1708 | </h4> | 1692 | </h4> |
1709 | <canvas id="pie"></canvas> | 1693 | <canvas id="pie"></canvas> |
1710 | <div | 1694 | <div |
1711 | class="flex justify-center mt-4 space-x-3 text-sm text-gray-600 dark:text-gray-400" | 1695 | class="flex justify-center mt-4 space-x-3 text-sm text-gray-600 dark:text-gray-400" |
1712 | > | 1696 | > |
1713 | 1697 | ||
1714 | <div class="flex items-center"> | 1698 | <div class="flex items-center"> |
1715 | <span | 1699 | <span |
1716 | class="inline-block w-3 h-3 mr-1 bg-blue-500 rounded-full" | 1700 | class="inline-block w-3 h-3 mr-1 bg-blue-500 rounded-full" |
1717 | ></span> | 1701 | ></span> |
1718 | <span>Shirts</span> | 1702 | <span>Shirts</span> |
1719 | </div> | 1703 | </div> |
1720 | <div class="flex items-center"> | 1704 | <div class="flex items-center"> |
1721 | <span | 1705 | <span |
1722 | class="inline-block w-3 h-3 mr-1 bg-teal-600 rounded-full" | 1706 | class="inline-block w-3 h-3 mr-1 bg-teal-600 rounded-full" |
1723 | ></span> | 1707 | ></span> |
1724 | <span>Shoes</span> | 1708 | <span>Shoes</span> |
1725 | </div> | 1709 | </div> |
1726 | <div class="flex items-center"> | 1710 | <div class="flex items-center"> |
1727 | <span | 1711 | <span |
1728 | class="inline-block w-3 h-3 mr-1 bg-purple-600 rounded-full" | 1712 | class="inline-block w-3 h-3 mr-1 bg-purple-600 rounded-full" |
1729 | ></span> | 1713 | ></span> |
1730 | <span>Bags</span> | 1714 | <span>Bags</span> |
1731 | </div> | 1715 | </div> |
1732 | </div> | 1716 | </div> |
1733 | </div> | 1717 | </div> |
1734 | <div | 1718 | <div |
1735 | class="min-w-0 p-4 bg-white rounded-lg shadow-xs dark:bg-gray-800" | 1719 | class="min-w-0 p-4 bg-white rounded-lg shadow-xs dark:bg-gray-800" |
1736 | > | 1720 | > |
1737 | <h4 class="mb-4 font-semibold text-gray-800 dark:text-gray-300"> | 1721 | <h4 class="mb-4 font-semibold text-gray-800 dark:text-gray-300"> |
1738 | Traffic | 1722 | Traffic |
1739 | </h4> | 1723 | </h4> |
1740 | <canvas id="line"></canvas> | 1724 | <canvas id="line"></canvas> |
1741 | <div | 1725 | <div |
1742 | class="flex justify-center mt-4 space-x-3 text-sm text-gray-600 dark:text-gray-400" | 1726 | class="flex justify-center mt-4 space-x-3 text-sm text-gray-600 dark:text-gray-400" |
1743 | > | 1727 | > |
1744 | 1728 | ||
1745 | <div class="flex items-center"> | 1729 | <div class="flex items-center"> |
1746 | <span | 1730 | <span |
1747 | class="inline-block w-3 h-3 mr-1 bg-teal-600 rounded-full" | 1731 | class="inline-block w-3 h-3 mr-1 bg-teal-600 rounded-full" |
1748 | ></span> | 1732 | ></span> |
1749 | <span>Organic</span> | 1733 | <span>Organic</span> |
1750 | </div> | 1734 | </div> |
1751 | <div class="flex items-center"> | 1735 | <div class="flex items-center"> |
1752 | <span | 1736 | <span |
1753 | class="inline-block w-3 h-3 mr-1 bg-purple-600 rounded-full" | 1737 | class="inline-block w-3 h-3 mr-1 bg-purple-600 rounded-full" |
1754 | ></span> | 1738 | ></span> |
1755 | <span>Paid</span> | 1739 | <span>Paid</span> |
1756 | </div> | 1740 | </div> |
1757 | </div> | 1741 | </div> |
1758 | </div> | 1742 | </div> |
1759 | </div> | 1743 | </div> |
1760 | --> | 1744 | --> |
1761 | </div> | 1745 | </div> |
1762 | </main> | 1746 | </main> |
1763 | </div> | 1747 | </div> |
1764 | </div> | 1748 | </div> |
1765 | </body> | 1749 | </body> |
1766 | @yield('script') | 1750 | @yield('script') |