- Timestamp:
- 02/16/24 12:49:16 (9 months ago)
- Branches:
- main
- Children:
- 5d9dd4e
- Parents:
- 7e9dadd
- File:
-
- 1 edited
Legend:
- Unmodified
- Added
- Removed
-
resources/views/case.blade.php
r7e9dadd r2bd3041 9 9 <!-- Fonts --> 10 10 <link rel="preconnect" href="https://fonts.bunny.net"> 11 <link href="https://fonts.bunny.net/css?family=figtree:400,600&display=swap" rel="stylesheet" 11 <link href="https://fonts.bunny.net/css?family=figtree:400,600&display=swap" rel="stylesheet"/> 12 12 13 13 <!-- Styles --> 14 14 <style> 15 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; } 16 17 .font-family-karla { 18 font-family: karla; 19 } 20 21 .bg-sidebar { 22 background: #3d68ff; 23 } 24 25 .cta-btn { 26 color: #3d68ff; 27 } 28 29 .upgrade-btn { 30 background: #1947ee; 31 } 32 33 .upgrade-btn:hover { 34 background: #0038fd; 35 } 36 37 .active-nav-link { 38 background: #1947ee; 39 } 40 41 .nav-item:hover { 42 background: #1947ee; 43 } 44 45 .account-link:hover { 46 background: #3d68ff; 47 } 48 24 49 .card { 25 50 /* Add shadows to create the "card" effect */ 26 box-shadow: 0 4px 8px 0 rgba(0, 0,0,0.2);51 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); 27 52 transition: 0.3s; 28 53 } … … 30 55 /* On mouse-over, add a deeper shadow */ 31 56 .card:hover { 32 box-shadow: 0 8px 16px 0 rgba(0, 0,0,0.2);57 box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2); 33 58 } 34 59 … … 48 73 @else 49 74 <a href="#" class="text-white text-3xl font-semibold uppercase hover:text-gray-300">Началник</a> 50 <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"> 75 <button 76 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"> 51 77 <i class="fas fa-plus mr-3"></i> <a href="/register-policeman">Додади полицаец</a> 52 78 </button> … … 66 92 Филтрирај граѓани 67 93 </a> 68 <a href="/cases" 94 <a href="/cases" class="flex items-center active-nav-link text-white py-4 pl-6 nav-item"> 69 95 <i class="fas fa-align-left mr-3"></i> 70 96 Случаи … … 75 101 </a> 76 102 </nav> 77 <a href="#" class="absolute w-full upgrade-btn bottom-0 active-nav-link text-white flex items-center justify-center py-4"> 103 <a href="#" 104 class="absolute w-full upgrade-btn bottom-0 active-nav-link text-white flex items-center justify-center py-4"> 78 105 <i class="fas fa-arrow-circle-up mr-3"></i> 79 106 Поставки за профил … … 86 113 <div class="w-1/2"></div> 87 114 <div x-data="{ isOpen: false }" class="relative w-1/2 flex justify-end"> 88 <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"> 115 <button @click="isOpen = !isOpen" 116 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"> 89 117 <img src="https://source.unsplash.com/uJ8LNVCBjFQ/400x400"> 90 118 </button> … … 110 138 <!-- Dropdown Nav --> 111 139 <nav :class="isOpen ? 'flex': 'hidden'" class="flex flex-col pt-4"> 112 <a href="/" 140 <a href="/" class="flex items-center text-white opacity-75 hover:opacity-100 py-2 pl-4 nav-item"> 113 141 <i class="fas fa-tachometer-alt mr-3"></i> 114 142 Контролна табла … … 128 156 129 157 130 <a href="/finished_cases" class="flex items-center text-white opacity-75 hover:opacity-100 py-2 pl-4 nav-item"> 158 <a href="/finished_cases" 159 class="flex items-center text-white opacity-75 hover:opacity-100 py-2 pl-4 nav-item"> 131 160 <i class="fas fa-calendar mr-3"></i> 132 161 Архива … … 146 175 147 176 </nav> 148 <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"> 177 <button 178 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"> 149 179 <i class="fas fa-plus mr-3"></i> Нов извештај 150 180 </button> … … 155 185 <h1 class="text-3xl text-black pb-6">Контролна табла</h1> 156 186 157 158 159 <div class="w-full mt-12"> 160 <p class="text-xl pb-3 flex items-center"> 161 <i class="fas fa-list mr-3"></i> {{$case->c_name}} 162 </p> 163 <div class="bg-white overflow-auto"> 164 <div class="md:flex items-start justify-center py-12 2xl:px-20 md:px-6 px-4"> 187 <div class="flex flex-wrap mt-6"> 188 <div class="w-full lg:w-1/3 pr-0 lg:pr-2"> 189 <p class="text-xl pb-3 flex items-center"> 190 <i class="fas fa-plus mr-3"></i> Слики 191 </p> 192 <div class="p-6 bg-white"> 165 193 <div> 166 @foreach($evidence as $ev)167 <div class=" w-full md:block hidden">168 <img class="mt-6 w-full" alt="image" src="{{$ev->e_picture}}" />194 @foreach($evidence as $ev) 195 <img class=" w-full" alt="image" src="{{$ev->e_picture}}"/> 196 @endforeach 169 197 </div> 170 @endforeach 198 </div> 199 </div> 200 <div class="w-full lg:w-1/3 pl-0 lg:pl-2 mt-12 lg:mt-0"> 201 <p class="text-xl pb-3 flex items-center"> 202 <i class="fas fa-check mr-3"></i> Извештаи 203 </p> 204 <div class="p-6 bg-white"> 205 <div class="border-b border-black-200 pb-6"> 206 <p class="text-sm leading-none text-black-600 dark:text-black-300 "> 207 Датум: {{$case->opening_date}}</p> 171 208 </div> 172 <div class="md:hidden"> 173 <img class="w-full" alt="image of a girl posing" src="https://i.ibb.co/QMdWfzX/component-image-one.png" /> 174 <div class="flex items-center justify-between mt-3 space-x-4 md:space-x-0"> 175 <img alt="image-tag-one" class="md:w-48 md:h-48 w-full" src="https://i.ibb.co/cYDrVGh/Rectangle-245.png" /> 176 <img alt="image-tag-one" class="md:w-48 md:h-48 w-full" src="https://i.ibb.co/f17NXrW/Rectangle-244.png" /> 177 <img alt="image-tag-one" class="md:w-48 md:h-48 w-full" src="https://i.ibb.co/cYDrVGh/Rectangle-245.png" /> 178 <img alt="image-tag-one" class="md:w-48 md:h-48 w-full" src="https://i.ibb.co/f17NXrW/Rectangle-244.png" /> 209 210 <div class="py-4 border-b border-black-200 flex items-center justify-between"> 211 <p class="text-base leading-4 text-black-800 dark:text-black-300"> 212 {{ $case->c_status === 'A' ? 'Активен случај' : ($case->c_status === 'Z' ? 'Затворен случај' : 'Unknown Status') }} 213 </p> 214 <div class="flex items-center justify-center"> 215 <p class="text-sm leading-none text-gray-600 dark:text-gray-300 mr-3">Контролен 216 број:{{$case->c_id}}</p> 217 179 218 </div> 180 219 </div> 181 <div class="xl:w-2/5 md:w-1/2 lg:ml-8 md:ml-6 md:mt-0 mt-6"> 182 <div class="border-b border-black-200 pb-6"> 183 <p class="text-sm leading-none text-black-600 dark:text-black-300 ">Датум: {{$case->opening_date}}</p> 220 <p class=""> 221 <img class="mr-3 dark:hidden" 222 src="https://tuk-cdn.s3.amazonaws.com/can-uploader/svg1.svg" alt="location"> 223 <img class="mr-3 hidden dark:block" 224 src="https://tuk-cdn.s3.amazonaws.com/can-uploader/svg1dark.svg" alt="location"> 225 {{$p_address}} 226 </p> 227 <div class=""> 228 <button 229 class="bg-blue-500 focus:outline-none focus:ring-blue-500 text-base flex items-center justify-center leading-none text-white bg-blue-500 w-full py-4 hover:bg-blue-700 focus:outline-none"> 230 Изјави 231 </button> 232 <div> 233 @foreach($statements as $statement) 234 <div class="container"> 235 236 <div class="card"> 237 <p class=" text-left py-3 px-4">{{$statement->statement_date}}</p> 238 <p class=" text-left py-3 px-4">{{$statement->description}}</p> 239 <p class=" text-left py-3 px-4">{{$statement->incident_place}}</p> 240 </div> 241 </div> 242 @endforeach 184 243 </div> 185 186 <div class="py-4 border-b border-black-200 flex items-center justify-between"> 187 <p class="text-base leading-4 text-black-800 dark:text-black-300"> 188 {{ $case->c_status === 'A' ? 'Активен случај' : ($case->c_status === 'Z' ? 'Затворен случај' : 'Unknown Status') }} 189 </p> 190 <div class="flex items-center justify-center"> 191 <p class="text-sm leading-none text-gray-600 dark:text-gray-300 mr-3">Контролен број:{{$case->c_id}}</p> 192 193 </div> 244 </div> 245 </div> 246 </div> 247 <div class="w-full lg:w-1/3 pl-0 lg:pl-2 mt-12 lg:mt-0"> 248 <p class="text-xl pb-3 flex items-center"> 249 <i class="fas fa-check mr-3"></i> Луѓе 250 </p> 251 <div class="p-6 bg-white"> 252 <div x-data="{ isOpen: false }" class="relative flex justify-end"> 253 <button @click="isOpen = !isOpen" 254 class="bg-blue-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 text-base flex items-center justify-center leading-none text-white bg-blue-500 w-full py-4 hover:bg-blue-700 focus:outline-none"> 255 Инволвирани граѓани 256 </button> 257 <button x-show="isOpen" @click="isOpen = false" 258 class="h-full w-full fixed inset-0 cursor-default"></button> 259 <div x-show="isOpen" 260 class="absolute w-full bg-white rounded-lg shadow-lg py-2 mt-16 r bg-white border border-white-200 rounded-lg shadow text-black-900 md:flex-row md:max-w-xl hover:bg-white-100 dark:border-white-700 dark:bg-white-800 dark:hover:bg-white-700"> 261 @foreach($victims as $victim) 262 <a href="#" 263 class="flex flex-col items-center bg-white border border-white-200 rounded-lg shadow text-black-900 md:flex-row md:max-w-xl hover:bg-white-100 dark:border-white-700 dark:bg-white-800 dark:hover:bg-white-700"> 264 <img 265 class="object-cover w-full rounded-t-lg h-96 md:h-auto md:w-48 md:rounded-none md:rounded-s-lg" 266 src="{{$victim->picture}}" alt=""> 267 <div class="flex flex-col justify-between text-dark-100 p-4 leading-normal"> 268 <h5 class="mb-2 text-2xl font-bold tracking-tight text-gray-900 dark:text-black-100">{{$victim->first_name}} {{$victim->last_name}}</h5> 269 <p class="mb-3 font-normal text-gray-700 dark:text-gray-400">{{$victim->embg}}</p> 270 <p class="mb-3 font-normal text-gray-700 dark:text-gray-400">Жртва</p> 271 </div> 272 </a> 273 @endforeach 274 @foreach($witness as $w) 275 <a href="#" 276 class="flex flex-col items-center bg-white border border-white-200 rounded-lg shadow text-black-900 md:flex-row md:max-w-xl hover:bg-white-100 dark:border-white-700 dark:bg-white-800 dark:hover:bg-white-700"> 277 <img 278 class="object-cover w-full rounded-t-lg h-96 md:h-auto md:w-48 md:rounded-none md:rounded-s-lg" 279 src="{{$w->picture}}" alt=""> 280 <div class="flex flex-col justify-between text-dark-100 p-4 leading-normal"> 281 <h5 class="mb-2 text-2xl font-bold tracking-tight text-gray-900 dark:text-black-100">{{$w->first_name}} {{$w->last_name}}</h5> 282 <p class="mb-3 font-normal text-gray-700 dark:text-gray-400">{{$w->embg}}</p> 283 <p class="mb-3 font-normal text-gray-700 dark:text-gray-400">Сведок</p> 284 </div> 285 </a> 286 @endforeach 287 <br> 194 288 </div> 195 <button class="bg-blue-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 text-base flex items-center justify-center leading-none text-white bg-blue-500 w-full py-4 hover:bg-blue-700 focus:outline-none">196 <img class="mr-3 dark:hidden" src="https://tuk-cdn.s3.amazonaws.com/can-uploader/svg1.svg" alt="location">197 <img class="mr-3 hidden dark:block" src="https://tuk-cdn.s3.amazonaws.com/can-uploader/svg1dark.svg" alt="location">198 {{$p_address}}199 </button>200 201 202 <h1 class="text-2xl">Изјави</h1>203 204 @foreach($statements as $statement)205 <div class="container">206 207 <div class="card">208 209 <p class=" text-left py-3 px-4">{{$statement->statement_date}}</p>210 <p class=" text-left py-3 px-4">{{$statement->description}}</p>211 <p class=" text-left py-3 px-4">{{$statement->incident_place}}</p>212 </div>213 </div>214 @endforeach215 289 </div> 216 290 </div> 217 291 </div> 218 292 </div> 293 294 219 295 </main> 220 221 296 {{-- <main class="w-full flex-grow p-6">--}} 297 {{-- <h1 class="text-3xl text-black pb-6">Контролна табла</h1>--}} 298 {{-- <div class="flex flex-wrap mt-6">--}} 299 300 {{-- <div class="w-full mt-12">--}} 301 {{-- <p class="text-xl pb-3 flex items-center">--}} 302 {{-- <i class="fas fa-list mr-3"></i> {{$case->c_name}}--}} 303 {{-- </p>--}} 304 {{-- </div>--}} 305 {{-- <div class="flex mb-4">--}} 306 {{-- <div class="w-1/3 bg-gray-400 h-12">--}} 307 {{-- <div>--}} 308 {{-- @foreach($evidence as $ev)--}} 309 {{-- <div class=" w-full md:block hidden">--}} 310 {{-- <img class="mt-3 w-1/3" alt="image" src="{{$ev->e_picture}}"/>--}} 311 {{-- </div>--}} 312 {{-- @endforeach--}} 313 {{-- </div>--}} 314 {{-- </div>--}} 315 {{-- <div class="w-1/3 bg-gray-500 h-12">--}} 316 {{-- <div class="border-b border-black-200 pb-6">--}} 317 {{-- <p class="text-sm leading-none text-black-600 dark:text-black-300 ">--}} 318 {{-- Датум: {{$case->opening_date}}</p>--}} 319 {{-- </div>--}} 320 321 {{-- <div class="py-4 border-b border-black-200 flex items-center justify-between">--}} 322 {{-- <p class="text-base leading-4 text-black-800 dark:text-black-300">--}} 323 {{-- {{ $case->c_status === 'A' ? 'Активен случај' : ($case->c_status === 'Z' ? 'Затворен случај' : 'Unknown Status') }}--}} 324 {{-- </p>--}} 325 {{-- <div class="flex items-center justify-center">--}} 326 {{-- <p class="text-sm leading-none text-gray-600 dark:text-gray-300 mr-3">Контролен--}} 327 {{-- број:{{$case->c_id}}</p>--}} 328 329 {{-- </div>--}} 330 {{-- </div>--}} 331 {{-- <p class="">--}} 332 {{-- <img class="mr-3 dark:hidden"--}} 333 {{-- src="https://tuk-cdn.s3.amazonaws.com/can-uploader/svg1.svg" alt="location">--}} 334 {{-- <img class="mr-3 hidden dark:block"--}} 335 {{-- src="https://tuk-cdn.s3.amazonaws.com/can-uploader/svg1dark.svg" alt="location">--}} 336 {{-- {{$p_address}}--}} 337 {{-- </p>--}} 338 {{-- <div class="">--}} 339 {{-- <button--}} 340 {{-- class="bg-blue-500 focus:outline-none focus:ring-blue-500 text-base flex items-center justify-center leading-none text-white bg-blue-500 w-full py-4 hover:bg-blue-700 focus:outline-none">--}} 341 {{-- Изјави--}} 342 {{-- </button>--}} 343 {{-- <div>--}} 344 {{-- @foreach($statements as $statement)--}} 345 {{-- <div class="container">--}} 346 347 {{-- <div class="card">--}} 348 {{-- <p class=" text-left py-3 px-4">{{$statement->statement_date}}</p>--}} 349 {{-- <p class=" text-left py-3 px-4">{{$statement->description}}</p>--}} 350 {{-- <p class=" text-left py-3 px-4">{{$statement->incident_place}}</p>--}} 351 {{-- </div>--}} 352 {{-- </div>--}} 353 {{-- @endforeach--}} 354 {{-- </div>--}} 355 {{-- </div>--}} 356 {{-- </div>--}} 357 {{-- <div class="w-1/3 bg-gray-400">--}} 358 {{-- <div x-data="{ isOpen: false }" class="relative flex justify-end">--}} 359 {{-- <button @click="isOpen = !isOpen"--}} 360 {{-- class="bg-blue-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 text-base flex items-center justify-center leading-none text-white bg-blue-500 w-full py-4 hover:bg-blue-700 focus:outline-none">--}} 361 {{-- Инволвирани граѓани--}} 362 {{-- </button>--}} 363 {{-- <button x-show="isOpen" @click="isOpen = false"--}} 364 {{-- class="h-full w-full fixed inset-0 cursor-default"></button>--}} 365 {{-- <div x-show="isOpen"--}} 366 {{-- class="absolute w-full bg-white rounded-lg shadow-lg py-2 mt-16 r bg-white border border-white-200 rounded-lg shadow text-black-900 md:flex-row md:max-w-xl hover:bg-white-100 dark:border-white-700 dark:bg-white-800 dark:hover:bg-white-700">--}} 367 {{-- @foreach($victims as $victim)--}} 368 {{-- <a href="#"--}} 369 {{-- class="flex flex-col items-center bg-white border border-white-200 rounded-lg shadow text-black-900 md:flex-row md:max-w-xl hover:bg-white-100 dark:border-white-700 dark:bg-white-800 dark:hover:bg-white-700">--}} 370 {{-- <img--}} 371 {{-- class="object-cover w-full rounded-t-lg h-96 md:h-auto md:w-48 md:rounded-none md:rounded-s-lg"--}} 372 {{-- src="{{$victim->picture}}" alt="">--}} 373 {{-- <div class="flex flex-col justify-between text-dark-100 p-4 leading-normal">--}} 374 {{-- <h5 class="mb-2 text-2xl font-bold tracking-tight text-gray-900 dark:text-black-100">{{$victim->first_name}} {{$victim->last_name}}</h5>--}} 375 {{-- <p class="mb-3 font-normal text-gray-700 dark:text-gray-400">{{$victim->embg}}</p>--}} 376 {{-- <p class="mb-3 font-normal text-gray-700 dark:text-gray-400">Жртва</p>--}} 377 {{-- </div>--}} 378 {{-- </a>--}} 379 {{-- @endforeach--}} 380 {{-- @foreach($witness as $w)--}} 381 {{-- <a href="#"--}} 382 {{-- class="flex flex-col items-center bg-white border border-white-200 rounded-lg shadow text-black-900 md:flex-row md:max-w-xl hover:bg-white-100 dark:border-white-700 dark:bg-white-800 dark:hover:bg-white-700">--}} 383 {{-- <img--}} 384 {{-- class="object-cover w-full rounded-t-lg h-96 md:h-auto md:w-48 md:rounded-none md:rounded-s-lg"--}} 385 {{-- src="{{$w->picture}}" alt="">--}} 386 {{-- <div class="flex flex-col justify-between text-dark-100 p-4 leading-normal">--}} 387 {{-- <h5 class="mb-2 text-2xl font-bold tracking-tight text-gray-900 dark:text-black-100">{{$w->first_name}} {{$w->last_name}}</h5>--}} 388 {{-- <p class="mb-3 font-normal text-gray-700 dark:text-gray-400">{{$w->embg}}</p>--}} 389 {{-- <p class="mb-3 font-normal text-gray-700 dark:text-gray-400">Сведок</p>--}} 390 {{-- </div>--}} 391 {{-- </a>--}} 392 {{-- @endforeach--}} 393 {{-- <br>--}} 394 {{-- </div>--}} 395 {{-- </div>--}} 396 {{-- </div>--}} 397 {{-- </div>--}} 398 {{-- </div>--}} 399 {{-- </main>--}} 222 400 </div> 223 224 401 </div> 225 402 … … 227 404 <script src="https://cdn.jsdelivr.net/gh/alpinejs/alpine@v2.x.x/dist/alpine.min.js" defer></script> 228 405 <!-- Font Awesome --> 229 <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> 406 <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/js/all.min.js" 407 integrity="sha256-KzZiKy0DWYsnwMF+X1DvQngQ2/FxF7MF3Ff72XcpuPs=" crossorigin="anonymous"></script> 230 408 <!-- ChartJS --> 231 <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.3/Chart.min.js" integrity="sha256-R4pqcOYV8lt7snxMQO/HSbVCFRPMdrhAFMH+vr9giYI=" crossorigin="anonymous"></script> 409 <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.3/Chart.min.js" 410 integrity="sha256-R4pqcOYV8lt7snxMQO/HSbVCFRPMdrhAFMH+vr9giYI=" crossorigin="anonymous"></script> 232 411 233 412 </body>
Note:
See TracChangeset
for help on using the changeset viewer.