Changeset 6b10b67 for resources/views/register-policeman.blade.php
- Timestamp:
- 01/29/24 13:15:08 (10 months ago)
- Branches:
- main
- Children:
- cf84baa
- Parents:
- 75151c6
- File:
-
- 1 edited
-
resources/views/register-policeman.blade.php (modified) (1 diff)
Legend:
- Unmodified
- Added
- Removed
-
resources/views/register-policeman.blade.php
r75151c6 r6b10b67 13 13 <!-- Styles --> 14 14 <style> 15 @import url('https://fonts.googleapis.com/css?family=Karla:400,700&display=swap'); 16 .font-family-karla { font-family: karla; } 17 .bg-sidebar { background: #3d68ff; } 18 .cta-btn { color: #3d68ff; } 19 .upgrade-btn { background: #1947ee; } 20 .upgrade-btn:hover { background: #0038fd; } 21 .active-nav-link { background: #1947ee; } 22 .nav-item:hover { background: #1947ee; } 23 .account-link:hover { background: #3d68ff; } 24 .flex-parent-element { 25 display: flex; 26 width: 50%; 27 } 28 29 .flex-child-element { 30 flex: 1; 31 margin: 10px; 32 } 33 34 .flex-child-element:first-child { 35 margin-right: 20px; 36 } 37 .container { 38 display: block; 39 position: relative; 40 padding-left: 35px; 41 margin-bottom: 12px; 42 cursor: pointer; 43 font-size: 22px; 44 -webkit-user-select: none; 45 -moz-user-select: none; 46 -ms-user-select: none; 47 user-select: none; 48 } 49 .center { 50 border: 5px solid; 51 width: 50%; 52 padding: 10px; 53 margin-left: 400px; 54 } 55 56 /* Hide the browser's default checkbox */ 57 .container input { 58 position: absolute; 59 opacity: 0; 60 cursor: pointer; 61 height: 0; 62 width: 0; 63 } 64 65 /* Create a custom checkbox */ 66 .checkmark { 67 position: absolute; 68 top: 0; 69 left: 0; 70 height: 25px; 71 width: 25px; 72 background-color: #eee; 73 } 74 75 /* On mouse-over, add a grey background color */ 76 .container:hover input ~ .checkmark { 77 background-color: #ccc; 78 } 79 80 /* When the checkbox is checked, add a blue background */ 81 .container input:checked ~ .checkmark { 82 background-color: #2196F3; 83 } 84 85 /* Create the checkmark/indicator (hidden when not checked) */ 86 .checkmark:after { 87 content: ""; 88 position: absolute; 89 display: none; 90 } 91 92 /* Show the checkmark when checked */ 93 .container input:checked ~ .checkmark:after { 94 display: block; 95 } 96 97 /* Style the checkmark/indicator */ 98 .container .checkmark:after { 99 left: 9px; 100 top: 5px; 101 width: 5px; 102 height: 10px; 103 border: solid white; 104 border-width: 0 3px 3px 0; 105 -webkit-transform: rotate(45deg); 106 -ms-transform: rotate(45deg); 107 transform: rotate(45deg); 108 } 109 body > div > main > div > div > form{ 110 margin-left: 500px; 111 width: 600px; 112 } 113 15 114 </style> 16 115 <script src="https://cdn.tailwindcss.com"></script> 116 17 117 </head> 18 <body class="antialiased"> 19 <div class="relative sm:flex sm:justify-center sm:items-center min-h-screen bg-dots-darker bg-center bg-gray-100 dark:bg-dots-lighter dark:bg-gray-900 selection:bg-red-500 selection:text-white"> 20 @if (Route::has('login')) 21 <div class="sm:fixed sm:top-0 sm:right-0 p-6 text-right z-10"> 22 @auth 23 <a href="{{ url('/home') }}" class="font-semibold text-gray-600 hover:text-gray-900 dark:text-gray-400 dark:hover:text-white focus:outline focus:outline-2 focus:rounded-sm focus:outline-red-500">Home</a> 24 @else 25 <a href="{{ route('login') }}" class="font-semibold text-gray-600 hover:text-gray-900 dark:text-gray-400 dark:hover:text-white focus:outline focus:outline-2 focus:rounded-sm focus:outline-red-500">Log in</a> 26 27 @if (Route::has('register')) 28 <a href="{{ route('register') }}" class="ml-4 font-semibold text-gray-600 hover:text-gray-900 dark:text-gray-400 dark:hover:text-white focus:outline focus:outline-2 focus:rounded-sm focus:outline-red-500">Register</a> 29 @endif 30 @endauth 118 <body class="bg-gray-100 font-family-karla flex"> 119 <aside class="relative bg-sidebar h-screen w-64 hidden sm:block shadow-xl"> 120 <div class="p-6"> 121 <a href="#" class="text-white text-3xl font-semibold uppercase hover:text-gray-300">Началник</a> 122 <button class="w-full bg-white cta-btn font-semibold py-2 mt-5 rounded-br-lg rounded-bl-lg rounded-tr-lg shadow-lg hover:shadow-xl hover:bg-gray-300 flex items-center justify-center"> 123 <i class="fas fa-plus mr-3"></i> Додади полицаец 124 </button> 125 </div> 126 <nav class="text-white text-base font-semibold pt-3"> 127 <a href="/" class="flex items-center text-white opacity-75 hover:opacity-100 py-4 pl-6 nav-item"> 128 <i class="fas fa-tachometer-alt mr-3"></i> 129 Сортирај граѓани 130 </a> 131 <a href="/employees" class="flex items-center text-white opacity-75 hover:opacity-100 py-4 pl-6 nav-item"> 132 <i class="fas fa-sticky-note mr-3"></i> 133 Вработени 134 </a> 135 <a href="/filter" class="flex items-center text-white opacity-75 hover:opacity-100 py-4 pl-6 nav-item"> 136 <i class="fas fa-table mr-3"></i> 137 Филтрирај граѓани 138 </a> 139 <a href="/cases" class="flex items-center text-white opacity-75 hover:opacity-100 py-4 pl-6 nav-item"> 140 <i class="fas fa-align-left mr-3"></i> 141 Случаи 142 </a> 143 <a href="/finished_cases" class="flex items-center text-white opacity-75 hover:opacity-100 py-4 pl-6 nav-item"> 144 <i class="fas fa-calendar mr-3"></i> 145 Архива 146 </a> 147 </nav> 148 <a href="#" class="absolute w-full upgrade-btn bottom-0 active-nav-link text-white flex items-center justify-center py-4"> 149 <i class="fas fa-arrow-circle-up mr-3"></i> 150 Поставки за профил 151 </a> 152 </aside> 153 154 <div class="w-full flex flex-col h-screen overflow-y-hidden"> 155 <!-- Desktop Header --> 156 <header class="w-full items-center bg-white py-2 px-6 hidden sm:flex"> 157 <div class="w-1/2"></div> 158 <div x-data="{ isOpen: false }" class="relative w-1/2 flex justify-end"> 159 <button @click="isOpen = !isOpen" class="realtive z-10 w-12 h-12 rounded-full overflow-hidden border-4 border-gray-400 hover:border-gray-300 focus:border-gray-300 focus:outline-none"> 160 <img src="https://source.unsplash.com/uJ8LNVCBjFQ/400x400"> 161 </button> 162 <button x-show="isOpen" @click="isOpen = false" class="h-full w-full fixed inset-0 cursor-default"></button> 163 <div x-show="isOpen" class="absolute w-32 bg-white rounded-lg shadow-lg py-2 mt-16"> 164 <a href="#" class="block px-4 py-2 account-link hover:text-white">Профил</a> 165 <a href="#" class="block px-4 py-2 account-link hover:text-white">Помош</a> 166 <a href="#" class="block px-4 py-2 account-link hover:text-white">Одјави се</a> 167 </div> 31 168 </div> 32 @endif 33 34 169 </header> 170 171 <!-- Mobile Header & Nav --> 172 <header x-data="{ isOpen: false }" class="w-full bg-sidebar py-5 px-6 sm:hidden"> 173 <div class="flex items-center justify-between"> 174 <a href="/" class="text-white text-3xl font-semibold uppercase hover:text-gray-300">Началник</a> 175 <button @click="isOpen = !isOpen" class="text-white text-3xl focus:outline-none"> 176 <i x-show="!isOpen" class="fas fa-bars"></i> 177 <i x-show="isOpen" class="fas fa-times"></i> 178 </button> 179 </div> 180 181 <!-- Dropdown Nav --> 182 <nav :class="isOpen ? 'flex': 'hidden'" class="flex flex-col pt-4"> 183 <a href="/" class="flex items-center text-white opacity-75 hover:opacity-100 py-2 pl-4 nav-item"> 184 <i class="fas fa-tachometer-alt mr-3"></i> 185 Контролна табла 186 </a> 187 <a href="/employees" class="flex items-center text-white opacity-75 hover:opacity-100 py-2 pl-4 nav-item"> 188 <i class="fas fa-sticky-note mr-3"></i> 189 Вработени 190 </a> 191 <a href="/filter" class="flex items-center active-nav-link text-white py-2 pl-4 nav-item"> 192 <i class="fas fa-table mr-3"></i> 193 Филтрирај граѓани 194 </a> 195 <a href="/cases" class="flex items-center text-white opacity-75 hover:opacity-100 py-2 pl-4 nav-item"> 196 <i class="fas fa-align-left mr-3"></i> 197 Случаи 198 </a> 199 200 <a href="/finished_cases" class="flex items-center text-white opacity-75 hover:opacity-100 py-2 pl-4 nav-item"> 201 <i class="fas fa-calendar mr-3"></i> 202 Архива 203 </a> 204 <a href="/help" class="flex items-center text-white opacity-75 hover:opacity-100 py-2 pl-4 nav-item"> 205 <i class="fas fa-cogs mr-3"></i> 206 Помош 207 </a> 208 <a href="/myprofile" class="flex items-center text-white opacity-75 hover:opacity-100 py-2 pl-4 nav-item"> 209 <i class="fas fa-user mr-3"></i> 210 Мој профил 211 </a> 212 <a href="/logout" class="flex items-center text-white opacity-75 hover:opacity-100 py-2 pl-4 nav-item"> 213 <i class="fas fa-sign-out-alt mr-3"></i> 214 Одјави се 215 </a> 216 217 </nav> 218 <button class="w-full bg-white cta-btn font-semibold py-2 mt-5 rounded-br-lg rounded-bl-lg rounded-tr-lg shadow-lg hover:shadow-xl hover:bg-gray-300 flex items-center justify-center"> 219 <i class="fas fa-plus mr-3"></i> Нов извештај 220 </button> 221 </header> 222 223 224 <main class="w-full flex-grow p-6"> 225 226 <h1 class="text-3xl text-black pb-6">Контролна табла</h1> 227 228 229 230 231 <div class="w-full mt-12"> 232 <p class="text-xl pb-3 flex items-center"> 233 <i class="fas fa-list mr-3"></i> Додавање на полицаец 234 </p> 235 236 <div class=".center"> 237 <form method="POST" action="/register-policeman" class="mt-10 .center"> 238 @csrf 239 <div class="mb-6"> 240 <label class="block mb-2 uppercase font-bold text-xs text-gray-700" 241 for="embg" 242 > 243 ЕМБГ 244 </label> 245 246 <input class="border border-gray-400 p-2 w-full" 247 type="text" 248 name="embg" 249 value="{{old('embg')}}" 250 id="embg" 251 required 252 > 253 </div> 254 255 <div class="mb-6"> 256 <label class="block mb-2 uppercase font-bold text-xs text-gray-700" 257 for="name" 258 > 259 Име 260 </label> 261 262 <input class="border border-gray-400 p-2 w-full text-gray-500" 263 type="text" 264 name="name" 265 value="" 266 id="name" 267 required 268 disabled="disabled"> 269 </div> 270 271 @error('name') 272 <p class="text-red-500 text-xs mt-1">{{$message}}</p> 273 @enderror 274 275 <div class="mb-6"> 276 <label class="block mb-2 uppercase font-bold text-xs text-gray-700" 277 for="lastname" 278 > 279 Презиме 280 </label> 281 282 <input class="border border-gray-400 p-2 w-full text-gray-500" 283 type="text" 284 name="lastname" 285 value="" 286 id="lastname" 287 required 288 disabled="disabled" > 289 </div> 290 @error('lastname') 291 <p class="text-red-500 text-xs mt-1">{{$message}}</p> 292 @enderror 293 294 <div class="mb-6"> 295 <label class="block mb-2 uppercase font-bold text-xs text-gray-700" 296 for="email" 297 > 298 Email 299 </label> 300 301 <input class="border border-gray-400 p-2 w-full" 302 type="email" 303 name="email" 304 value="{{old('email')}}" 305 id="email" 306 required 307 > 308 </div> 309 @error('email') 310 <p class="text-red-500 text-xs mt-1">{{$message}}</p> 311 @enderror 312 313 <div class="mb-6"> 314 <label class="block mb-2 uppercase font-bold text-xs text-gray-700" 315 for="password" 316 > 317 Password 318 </label> 319 320 <input class="border border-gray-400 p-2 w-full" 321 type="password" 322 name="password" 323 id="password" 324 required 325 > 326 </div> 327 <div class="mb-6"> 328 <label class="block mb-2 uppercase font-bold text-xs text-gray-700" 329 for="rank" 330 > 331 Ранк 332 </label> 333 334 <input class="border border-gray-400 p-2 w-full" 335 type="text" 336 name="rank" 337 id="rank" 338 required 339 > 340 </div> 341 342 <div class="mb-6"> 343 <button type="submit" 344 class="bg-blue-400 text-white rounded py-2 px-4 hover:bg-blue-500" 345 > 346 Додади 347 </button> 348 </div> 349 </form> 350 </div> 351 </div> 352 </main> 35 353 </div> 354 355 356 <!-- AlpineJS --> 357 <script src="https://cdn.jsdelivr.net/gh/alpinejs/alpine@v2.x.x/dist/alpine.min.js" defer></script> 358 <!-- Font Awesome --> 359 <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/js/all.min.js" integrity="sha256-KzZiKy0DWYsnwMF+X1DvQngQ2/FxF7MF3Ff72XcpuPs=" crossorigin="anonymous"></script> 360 <!-- ChartJS --> 361 <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.3/Chart.min.js" integrity="sha256-R4pqcOYV8lt7snxMQO/HSbVCFRPMdrhAFMH+vr9giYI=" crossorigin="anonymous"></script> 362 36 363 </body> 37 364 </html>
Note:
See TracChangeset
for help on using the changeset viewer.
