source: resources/views/case.blade.php@ 2bd3041

main
Last change on this file since 2bd3041 was 2bd3041, checked in by bube-ristovska <ristovska725@…>, 9 months ago

Added involved people

  • Property mode set to 100644
File size: 23.3 KB
Line 
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">
11 <link href="https://fonts.bunny.net/css?family=figtree:400,600&display=swap" rel="stylesheet"/>
12
13 <!-- Styles -->
14 <style>
15 @import url('https://fonts.googleapis.com/css?family=Karla:400,700&display=swap');
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
49 .card {
50 /* Add shadows to create the "card" effect */
51 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
52 transition: 0.3s;
53 }
54
55 /* On mouse-over, add a deeper shadow */
56 .card:hover {
57 box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
58 }
59
60 /* Add some padding inside the card container */
61 .kontainer {
62 padding: 2px 16px;
63 }
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">
71 @if (Session::get('is_policeman'))
72 <a href="#" class="text-white text-3xl font-semibold uppercase hover:text-gray-300">Полицаец</a>
73 @else
74 <a href="#" class="text-white text-3xl font-semibold uppercase hover:text-gray-300">Началник</a>
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">
77 <i class="fas fa-plus mr-3"></i> <a href="/register-policeman">Додади полицаец</a>
78 </button>
79 @endif
80 </div>
81 <nav class="text-white text-base font-semibold pt-3">
82 <a href="/" class="flex items-center text-white opacity-75 hover:opacity-100 py-4 pl-6 nav-item">
83 <i class="fas fa-tachometer-alt mr-3"></i>
84 Контролна табла
85 </a>
86 <a href="/employees" class="flex items-center text-white opacity-75 hover:opacity-100 py-4 pl-6 nav-item">
87 <i class="fas fa-sticky-note mr-3"></i>
88 Вработени
89 </a>
90 <a href="/filter" class="flex items-center text-white opacity-75 hover:opacity-100 py-4 pl-6 nav-item">
91 <i class="fas fa-table mr-3"></i>
92 Филтрирај граѓани
93 </a>
94 <a href="/cases" class="flex items-center active-nav-link text-white py-4 pl-6 nav-item">
95 <i class="fas fa-align-left mr-3"></i>
96 Случаи
97 </a>
98 <a href="/finished_cases" class="flex items-center text-white opacity-75 hover:opacity-100 py-4 pl-6 nav-item">
99 <i class="fas fa-calendar mr-3"></i>
100 Архива
101 </a>
102 </nav>
103 <a href="#"
104 class="absolute w-full upgrade-btn bottom-0 active-nav-link text-white flex items-center justify-center py-4">
105 <i class="fas fa-arrow-circle-up mr-3"></i>
106 Поставки за профил
107 </a>
108</aside>
109
110<div class="w-full flex flex-col h-screen overflow-y-hidden">
111 <!-- Desktop Header -->
112 <header class="w-full items-center bg-white py-2 px-6 hidden sm:flex">
113 <div class="w-1/2"></div>
114 <div x-data="{ isOpen: false }" class="relative w-1/2 flex justify-end">
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">
117 <img src="https://source.unsplash.com/uJ8LNVCBjFQ/400x400">
118 </button>
119 <button x-show="isOpen" @click="isOpen = false" class="h-full w-full fixed inset-0 cursor-default"></button>
120 <div x-show="isOpen" class="absolute w-32 bg-white rounded-lg shadow-lg py-2 mt-16">
121 <a href="#" class="block px-4 py-2 account-link hover:text-white">Профил</a>
122 <a href="#" class="block px-4 py-2 account-link hover:text-white">Помош</a>
123 <a href="/logout" class="block px-4 py-2 account-link hover:text-white">Одјави се</a>
124 </div>
125 </div>
126 </header>
127
128 <!-- Mobile Header & Nav -->
129 <header x-data="{ isOpen: false }" class="w-full bg-sidebar py-5 px-6 sm:hidden">
130 <div class="flex items-center justify-between">
131 <a href="/" class="text-white text-3xl font-semibold uppercase hover:text-gray-300">Началник</a>
132 <button @click="isOpen = !isOpen" class="text-white text-3xl focus:outline-none">
133 <i x-show="!isOpen" class="fas fa-bars"></i>
134 <i x-show="isOpen" class="fas fa-times"></i>
135 </button>
136 </div>
137
138 <!-- Dropdown Nav -->
139 <nav :class="isOpen ? 'flex': 'hidden'" class="flex flex-col pt-4">
140 <a href="/" class="flex items-center text-white opacity-75 hover:opacity-100 py-2 pl-4 nav-item">
141 <i class="fas fa-tachometer-alt mr-3"></i>
142 Контролна табла
143 </a>
144 <a href="/employees" class="flex items-center text-white opacity-75 hover:opacity-100 py-2 pl-4 nav-item">
145 <i class="fas fa-sticky-note mr-3"></i>
146 Вработени
147 </a>
148 <a href="/filter" class="flex items-center text-white opacity-75 hover:opacity-100 py-2 pl-4 nav-item">
149 <i class="fas fa-table mr-3"></i>
150 Филтрирај граѓани
151 </a>
152 <a href="/cases" class="flex items-center active-nav-link text-white py-2 pl-4 nav-item">
153 <i class="fas fa-align-left mr-3"></i>
154 Случаи
155 </a>
156
157
158 <a href="/finished_cases"
159 class="flex items-center text-white opacity-75 hover:opacity-100 py-2 pl-4 nav-item">
160 <i class="fas fa-calendar mr-3"></i>
161 Архива
162 </a>
163 <a href="/help" class="flex items-center text-white opacity-75 hover:opacity-100 py-2 pl-4 nav-item">
164 <i class="fas fa-cogs mr-3"></i>
165 Помош
166 </a>
167 <a href="/myprofile" class="flex items-center text-white opacity-75 hover:opacity-100 py-2 pl-4 nav-item">
168 <i class="fas fa-user mr-3"></i>
169 Мој профил
170 </a>
171 <a href="/logout" class="flex items-center text-white opacity-75 hover:opacity-100 py-2 pl-4 nav-item">
172 <i class="fas fa-sign-out-alt mr-3"></i>
173 Одјави се
174 </a>
175
176 </nav>
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">
179 <i class="fas fa-plus mr-3"></i> Нов извештај
180 </button>
181 </header>
182
183 <div class="w-full overflow-x-hidden border-t flex flex-col">
184 <main class="w-full flex-grow p-6">
185 <h1 class="text-3xl text-black pb-6">Контролна табла</h1>
186
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">
193 <div>
194 @foreach($evidence as $ev)
195 <img class=" w-full" alt="image" src="{{$ev->e_picture}}"/>
196 @endforeach
197 </div>
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>
208 </div>
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
218 </div>
219 </div>
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
243 </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>
288 </div>
289 </div>
290 </div>
291 </div>
292 </div>
293
294
295 </main>
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>--}}
400 </div>
401</div>
402
403<!-- AlpineJS -->
404<script src="https://cdn.jsdelivr.net/gh/alpinejs/alpine@v2.x.x/dist/alpine.min.js" defer></script>
405<!-- Font Awesome -->
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>
408<!-- ChartJS -->
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>
411
412</body>
413</html>
Note: See TracBrowser for help on using the repository browser.