source: resources/views/case.blade.php@ 768f473

main
Last change on this file since 768f473 was 768f473, checked in by bube-ristovska <ristovska725@…>, 5 months ago

Final features

  • Property mode set to 100644
File size: 23.8 KB
RevLine 
[6b10b67]1<!DOCTYPE html>
2<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
3<head>
4 <meta charset="utf-8">
5 <meta name="viewport" content="width=device-width, initial-scale=1">
6
7 <title>Laravel</title>
8
9 <!-- Fonts -->
10 <link rel="preconnect" href="https://fonts.bunny.net">
[2bd3041]11 <link href="https://fonts.bunny.net/css?family=figtree:400,600&display=swap" rel="stylesheet"/>
[6b10b67]12
13 <!-- Styles -->
14 <style>
15 @import url('https://fonts.googleapis.com/css?family=Karla:400,700&display=swap');
[2bd3041]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
[d9c4096]49 .card {
50 /* Add shadows to create the "card" effect */
[2bd3041]51 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
[d9c4096]52 transition: 0.3s;
53 }
54
55 /* On mouse-over, add a deeper shadow */
56 .card:hover {
[2bd3041]57 box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
[d9c4096]58 }
59
60 /* Add some padding inside the card container */
61 .kontainer {
62 padding: 2px 16px;
63 }
[6b10b67]64 </style>
65 <script src="https://cdn.tailwindcss.com"></script>
66
67</head>
68<body class="bg-gray-100 font-family-karla flex">
69<aside class="relative bg-sidebar h-screen w-64 hidden sm:block shadow-xl">
70 <div class="p-6">
[d9c4096]71 @if (Session::get('is_policeman'))
72 <a href="#" class="text-white text-3xl font-semibold uppercase hover:text-gray-300">Полицаец</a>
[768f473]73
[d9c4096]74 @else
75 <a href="#" class="text-white text-3xl font-semibold uppercase hover:text-gray-300">Началник</a>
[2bd3041]76 <button
77 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">
[d9c4096]78 <i class="fas fa-plus mr-3"></i> <a href="/register-policeman">Додади полицаец</a>
79 </button>
80 @endif
[6b10b67]81 </div>
82 <nav class="text-white text-base font-semibold pt-3">
83 <a href="/" class="flex items-center text-white opacity-75 hover:opacity-100 py-4 pl-6 nav-item">
84 <i class="fas fa-tachometer-alt mr-3"></i>
85 Контролна табла
86 </a>
87 <a href="/employees" class="flex items-center text-white opacity-75 hover:opacity-100 py-4 pl-6 nav-item">
88 <i class="fas fa-sticky-note mr-3"></i>
89 Вработени
90 </a>
91 <a href="/filter" class="flex items-center text-white opacity-75 hover:opacity-100 py-4 pl-6 nav-item">
92 <i class="fas fa-table mr-3"></i>
93 Филтрирај граѓани
94 </a>
[2bd3041]95 <a href="/cases" class="flex items-center active-nav-link text-white py-4 pl-6 nav-item">
[6b10b67]96 <i class="fas fa-align-left mr-3"></i>
97 Случаи
98 </a>
99 <a href="/finished_cases" class="flex items-center text-white opacity-75 hover:opacity-100 py-4 pl-6 nav-item">
100 <i class="fas fa-calendar mr-3"></i>
101 Архива
102 </a>
103 </nav>
[2bd3041]104 <a href="#"
105 class="absolute w-full upgrade-btn bottom-0 active-nav-link text-white flex items-center justify-center py-4">
[6b10b67]106 <i class="fas fa-arrow-circle-up mr-3"></i>
[249bf91]107
[6b10b67]108 </a>
109</aside>
110
111<div class="w-full flex flex-col h-screen overflow-y-hidden">
112 <!-- Desktop Header -->
113 <header class="w-full items-center bg-white py-2 px-6 hidden sm:flex">
114 <div class="w-1/2"></div>
115 <div x-data="{ isOpen: false }" class="relative w-1/2 flex justify-end">
[2bd3041]116 <button @click="isOpen = !isOpen"
117 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">
[249bf91]118 @php
119 $person = DB::select('select * from people where pe_id=:pe_id;', ['pe_id' => Session::get('pe_id')]);
120
121 if (!empty($person)) {
122 $image = $person[0]->picture;
123 } else {
124 $image = null;
125 }
126 @endphp
127
128 <img src="{{ $image }}">
129
[6b10b67]130 </button>
[768f473]131
[6b10b67]132 <button x-show="isOpen" @click="isOpen = false" class="h-full w-full fixed inset-0 cursor-default"></button>
133 <div x-show="isOpen" class="absolute w-32 bg-white rounded-lg shadow-lg py-2 mt-16">
134 <a href="#" class="block px-4 py-2 account-link hover:text-white">Профил</a>
135 <a href="#" class="block px-4 py-2 account-link hover:text-white">Помош</a>
[cf84baa]136 <a href="/logout" class="block px-4 py-2 account-link hover:text-white">Одјави се</a>
[6b10b67]137 </div>
138 </div>
139 </header>
140
141 <!-- Mobile Header & Nav -->
142 <header x-data="{ isOpen: false }" class="w-full bg-sidebar py-5 px-6 sm:hidden">
143 <div class="flex items-center justify-between">
144 <a href="/" class="text-white text-3xl font-semibold uppercase hover:text-gray-300">Началник</a>
145 <button @click="isOpen = !isOpen" class="text-white text-3xl focus:outline-none">
146 <i x-show="!isOpen" class="fas fa-bars"></i>
147 <i x-show="isOpen" class="fas fa-times"></i>
148 </button>
149 </div>
150
151 <!-- Dropdown Nav -->
152 <nav :class="isOpen ? 'flex': 'hidden'" class="flex flex-col pt-4">
[2bd3041]153 <a href="/" class="flex items-center text-white opacity-75 hover:opacity-100 py-2 pl-4 nav-item">
[6b10b67]154 <i class="fas fa-tachometer-alt mr-3"></i>
155 Контролна табла
156 </a>
157 <a href="/employees" class="flex items-center text-white opacity-75 hover:opacity-100 py-2 pl-4 nav-item">
158 <i class="fas fa-sticky-note mr-3"></i>
159 Вработени
160 </a>
161 <a href="/filter" class="flex items-center text-white opacity-75 hover:opacity-100 py-2 pl-4 nav-item">
162 <i class="fas fa-table mr-3"></i>
163 Филтрирај граѓани
164 </a>
165 <a href="/cases" class="flex items-center active-nav-link text-white py-2 pl-4 nav-item">
166 <i class="fas fa-align-left mr-3"></i>
167 Случаи
168 </a>
169
170
[2bd3041]171 <a href="/finished_cases"
172 class="flex items-center text-white opacity-75 hover:opacity-100 py-2 pl-4 nav-item">
[6b10b67]173 <i class="fas fa-calendar mr-3"></i>
174 Архива
175 </a>
176 <a href="/help" class="flex items-center text-white opacity-75 hover:opacity-100 py-2 pl-4 nav-item">
177 <i class="fas fa-cogs mr-3"></i>
178 Помош
179 </a>
180 <a href="/myprofile" class="flex items-center text-white opacity-75 hover:opacity-100 py-2 pl-4 nav-item">
181 <i class="fas fa-user mr-3"></i>
182 Мој профил
183 </a>
184 <a href="/logout" class="flex items-center text-white opacity-75 hover:opacity-100 py-2 pl-4 nav-item">
185 <i class="fas fa-sign-out-alt mr-3"></i>
186 Одјави се
187 </a>
188
189 </nav>
[2bd3041]190 <button
191 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">
[6b10b67]192 <i class="fas fa-plus mr-3"></i> Нов извештај
193 </button>
194 </header>
195
196 <div class="w-full overflow-x-hidden border-t flex flex-col">
197 <main class="w-full flex-grow p-6">
198 <h1 class="text-3xl text-black pb-6">Контролна табла</h1>
199
[2bd3041]200 <div class="flex flex-wrap mt-6">
201 <div class="w-full lg:w-1/3 pr-0 lg:pr-2">
[5d9dd4e]202
[2bd3041]203 <div class="p-6 bg-white">
[d9c4096]204 <div>
[2bd3041]205 @foreach($evidence as $ev)
206 <img class=" w-full" alt="image" src="{{$ev->e_picture}}"/>
207 @endforeach
[6b10b67]208 </div>
[2bd3041]209 </div>
[768f473]210 @if (Session::get('is_policeman'))
211 <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">
212 <i class="fas fa-plus mr-3"></i> <a href="/register-statement">Додади изјава</a>
213 </button>
214 @else
215
216 @endif
[2bd3041]217 </div>
[768f473]218
[2bd3041]219 <div class="w-full lg:w-1/3 pl-0 lg:pl-2 mt-12 lg:mt-0">
[5d9dd4e]220
[2bd3041]221 <div class="p-6 bg-white">
222 <div class="border-b border-black-200 pb-6">
223 <p class="text-sm leading-none text-black-600 dark:text-black-300 ">
224 Датум: {{$case->opening_date}}</p>
[6b10b67]225 </div>
226
[2bd3041]227 <div class="py-4 border-b border-black-200 flex items-center justify-between">
228 <p class="text-base leading-4 text-black-800 dark:text-black-300">
229 {{ $case->c_status === 'A' ? 'Активен случај' : ($case->c_status === 'Z' ? 'Затворен случај' : 'Unknown Status') }}
230 </p>
231 <div class="flex items-center justify-center">
232 <p class="text-sm leading-none text-gray-600 dark:text-gray-300 mr-3">Контролен
233 број:{{$case->c_id}}</p>
[6b10b67]234
235 </div>
[2bd3041]236 </div>
237 <p class="">
238 <img class="mr-3 dark:hidden"
239 src="https://tuk-cdn.s3.amazonaws.com/can-uploader/svg1.svg" alt="location">
240 <img class="mr-3 hidden dark:block"
241 src="https://tuk-cdn.s3.amazonaws.com/can-uploader/svg1dark.svg" alt="location">
242 {{$p_address}}
243 </p>
244 <div class="">
245 <button
246 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">
247 Изјави
[6b10b67]248 </button>
[2bd3041]249 <div>
250 @foreach($statements as $statement)
251 <div class="container">
[6b10b67]252
[2bd3041]253 <div class="card">
254 <p class=" text-left py-3 px-4">{{$statement->statement_date}}</p>
255 <p class=" text-left py-3 px-4">{{$statement->description}}</p>
256 <p class=" text-left py-3 px-4">{{$statement->incident_place}}</p>
257 </div>
[6b10b67]258 </div>
[2bd3041]259 @endforeach
260 </div>
261 </div>
262 </div>
263 </div>
[768f473]264
[2bd3041]265 <div class="w-full lg:w-1/3 pl-0 lg:pl-2 mt-12 lg:mt-0">
[5d9dd4e]266
[2bd3041]267 <div class="p-6 bg-white">
268 <div x-data="{ isOpen: false }" class="relative flex justify-end">
269 <button @click="isOpen = !isOpen"
270 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">
271 Инволвирани граѓани
272 </button>
273 <button x-show="isOpen" @click="isOpen = false"
274 class="h-full w-full fixed inset-0 cursor-default"></button>
275 <div x-show="isOpen"
276 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">
[768f473]277 @if (!empty($victims))
[2bd3041]278 @foreach($victims as $victim)
279 <a href="#"
280 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">
281 <img
282 class="object-cover w-full rounded-t-lg h-96 md:h-auto md:w-48 md:rounded-none md:rounded-s-lg"
283 src="{{$victim->picture}}" alt="">
284 <div class="flex flex-col justify-between text-dark-100 p-4 leading-normal">
285 <h5 class="mb-2 text-2xl font-bold tracking-tight text-gray-900 dark:text-black-100">{{$victim->first_name}} {{$victim->last_name}}</h5>
286 <p class="mb-3 font-normal text-gray-700 dark:text-gray-400">{{$victim->embg}}</p>
287 <p class="mb-3 font-normal text-gray-700 dark:text-gray-400">Жртва</p>
288 </div>
289 </a>
290 @endforeach
[768f473]291 @endif
292 @if (!empty($witness))
293
294 @foreach($witness as $w)
[2bd3041]295 <a href="#"
296 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">
297 <img
298 class="object-cover w-full rounded-t-lg h-96 md:h-auto md:w-48 md:rounded-none md:rounded-s-lg"
299 src="{{$w->picture}}" alt="">
300 <div class="flex flex-col justify-between text-dark-100 p-4 leading-normal">
301 <h5 class="mb-2 text-2xl font-bold tracking-tight text-gray-900 dark:text-black-100">{{$w->first_name}} {{$w->last_name}}</h5>
302 <p class="mb-3 font-normal text-gray-700 dark:text-gray-400">{{$w->embg}}</p>
303 <p class="mb-3 font-normal text-gray-700 dark:text-gray-400">Сведок</p>
304 </div>
305 </a>
306 @endforeach
[768f473]307 @endif
[2bd3041]308 <br>
309 </div>
[6b10b67]310 </div>
311 </div>
312 </div>
313 </div>
[2bd3041]314
315
[6b10b67]316 </main>
[2bd3041]317{{-- <main class="w-full flex-grow p-6">--}}
318{{-- <h1 class="text-3xl text-black pb-6">Контролна табла</h1>--}}
319{{-- <div class="flex flex-wrap mt-6">--}}
[6b10b67]320
[2bd3041]321{{-- <div class="w-full mt-12">--}}
322{{-- <p class="text-xl pb-3 flex items-center">--}}
323{{-- <i class="fas fa-list mr-3"></i> {{$case->c_name}}--}}
324{{-- </p>--}}
325{{-- </div>--}}
326{{-- <div class="flex mb-4">--}}
327{{-- <div class="w-1/3 bg-gray-400 h-12">--}}
328{{-- <div>--}}
329{{-- @foreach($evidence as $ev)--}}
330{{-- <div class=" w-full md:block hidden">--}}
331{{-- <img class="mt-3 w-1/3" alt="image" src="{{$ev->e_picture}}"/>--}}
332{{-- </div>--}}
333{{-- @endforeach--}}
334{{-- </div>--}}
335{{-- </div>--}}
336{{-- <div class="w-1/3 bg-gray-500 h-12">--}}
337{{-- <div class="border-b border-black-200 pb-6">--}}
338{{-- <p class="text-sm leading-none text-black-600 dark:text-black-300 ">--}}
339{{-- Датум: {{$case->opening_date}}</p>--}}
340{{-- </div>--}}
[6b10b67]341
[2bd3041]342{{-- <div class="py-4 border-b border-black-200 flex items-center justify-between">--}}
343{{-- <p class="text-base leading-4 text-black-800 dark:text-black-300">--}}
344{{-- {{ $case->c_status === 'A' ? 'Активен случај' : ($case->c_status === 'Z' ? 'Затворен случај' : 'Unknown Status') }}--}}
345{{-- </p>--}}
346{{-- <div class="flex items-center justify-center">--}}
347{{-- <p class="text-sm leading-none text-gray-600 dark:text-gray-300 mr-3">Контролен--}}
348{{-- број:{{$case->c_id}}</p>--}}
[6b10b67]349
[2bd3041]350{{-- </div>--}}
351{{-- </div>--}}
352{{-- <p class="">--}}
353{{-- <img class="mr-3 dark:hidden"--}}
354{{-- src="https://tuk-cdn.s3.amazonaws.com/can-uploader/svg1.svg" alt="location">--}}
355{{-- <img class="mr-3 hidden dark:block"--}}
356{{-- src="https://tuk-cdn.s3.amazonaws.com/can-uploader/svg1dark.svg" alt="location">--}}
357{{-- {{$p_address}}--}}
358{{-- </p>--}}
359{{-- <div class="">--}}
360{{-- <button--}}
361{{-- 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">--}}
362{{-- Изјави--}}
363{{-- </button>--}}
364{{-- <div>--}}
365{{-- @foreach($statements as $statement)--}}
366{{-- <div class="container">--}}
367
368{{-- <div class="card">--}}
369{{-- <p class=" text-left py-3 px-4">{{$statement->statement_date}}</p>--}}
370{{-- <p class=" text-left py-3 px-4">{{$statement->description}}</p>--}}
371{{-- <p class=" text-left py-3 px-4">{{$statement->incident_place}}</p>--}}
372{{-- </div>--}}
373{{-- </div>--}}
374{{-- @endforeach--}}
375{{-- </div>--}}
376{{-- </div>--}}
377{{-- </div>--}}
378{{-- <div class="w-1/3 bg-gray-400">--}}
379{{-- <div x-data="{ isOpen: false }" class="relative flex justify-end">--}}
380{{-- <button @click="isOpen = !isOpen"--}}
381{{-- 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">--}}
382{{-- Инволвирани граѓани--}}
383{{-- </button>--}}
384{{-- <button x-show="isOpen" @click="isOpen = false"--}}
385{{-- class="h-full w-full fixed inset-0 cursor-default"></button>--}}
386{{-- <div x-show="isOpen"--}}
387{{-- 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">--}}
388{{-- @foreach($victims as $victim)--}}
389{{-- <a href="#"--}}
390{{-- 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">--}}
391{{-- <img--}}
392{{-- class="object-cover w-full rounded-t-lg h-96 md:h-auto md:w-48 md:rounded-none md:rounded-s-lg"--}}
393{{-- src="{{$victim->picture}}" alt="">--}}
394{{-- <div class="flex flex-col justify-between text-dark-100 p-4 leading-normal">--}}
395{{-- <h5 class="mb-2 text-2xl font-bold tracking-tight text-gray-900 dark:text-black-100">{{$victim->first_name}} {{$victim->last_name}}</h5>--}}
396{{-- <p class="mb-3 font-normal text-gray-700 dark:text-gray-400">{{$victim->embg}}</p>--}}
397{{-- <p class="mb-3 font-normal text-gray-700 dark:text-gray-400">Жртва</p>--}}
398{{-- </div>--}}
399{{-- </a>--}}
400{{-- @endforeach--}}
401{{-- @foreach($witness as $w)--}}
402{{-- <a href="#"--}}
403{{-- 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">--}}
404{{-- <img--}}
405{{-- class="object-cover w-full rounded-t-lg h-96 md:h-auto md:w-48 md:rounded-none md:rounded-s-lg"--}}
406{{-- src="{{$w->picture}}" alt="">--}}
407{{-- <div class="flex flex-col justify-between text-dark-100 p-4 leading-normal">--}}
408{{-- <h5 class="mb-2 text-2xl font-bold tracking-tight text-gray-900 dark:text-black-100">{{$w->first_name}} {{$w->last_name}}</h5>--}}
409{{-- <p class="mb-3 font-normal text-gray-700 dark:text-gray-400">{{$w->embg}}</p>--}}
410{{-- <p class="mb-3 font-normal text-gray-700 dark:text-gray-400">Сведок</p>--}}
411{{-- </div>--}}
412{{-- </a>--}}
413{{-- @endforeach--}}
414{{-- <br>--}}
415{{-- </div>--}}
416{{-- </div>--}}
417{{-- </div>--}}
418{{-- </div>--}}
419{{-- </div>--}}
420{{-- </main>--}}
421 </div>
[6b10b67]422</div>
423
424<!-- AlpineJS -->
425<script src="https://cdn.jsdelivr.net/gh/alpinejs/alpine@v2.x.x/dist/alpine.min.js" defer></script>
426<!-- Font Awesome -->
[2bd3041]427<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/js/all.min.js"
428 integrity="sha256-KzZiKy0DWYsnwMF+X1DvQngQ2/FxF7MF3Ff72XcpuPs=" crossorigin="anonymous"></script>
[6b10b67]429<!-- ChartJS -->
[2bd3041]430<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.3/Chart.min.js"
431 integrity="sha256-R4pqcOYV8lt7snxMQO/HSbVCFRPMdrhAFMH+vr9giYI=" crossorigin="anonymous"></script>
[6b10b67]432
433</body>
434</html>
Note: See TracBrowser for help on using the repository browser.