source: resources/views/case.blade.php@ 7e9dadd

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

Bug with embg
  • Property mode set to 100644
File size: 12.0 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">
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 .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; }
[d9c4096]24 .card {
25 /* Add shadows to create the "card" effect */
26 box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
27 transition: 0.3s;
28 }
29
30 /* On mouse-over, add a deeper shadow */
31 .card:hover {
32 box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
33 }
34
35 /* Add some padding inside the card container */
36 .kontainer {
37 padding: 2px 16px;
38 }
[6b10b67]39 </style>
40 <script src="https://cdn.tailwindcss.com"></script>
41
42</head>
43<body class="bg-gray-100 font-family-karla flex">
44<aside class="relative bg-sidebar h-screen w-64 hidden sm:block shadow-xl">
45 <div class="p-6">
[d9c4096]46 @if (Session::get('is_policeman'))
47 <a href="#" class="text-white text-3xl font-semibold uppercase hover:text-gray-300">Полицаец</a>
48 @else
49 <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">
51 <i class="fas fa-plus mr-3"></i> <a href="/register-policeman">Додади полицаец</a>
52 </button>
53 @endif
[6b10b67]54 </div>
55 <nav class="text-white text-base font-semibold pt-3">
56 <a href="/" class="flex items-center text-white opacity-75 hover:opacity-100 py-4 pl-6 nav-item">
57 <i class="fas fa-tachometer-alt mr-3"></i>
58 Контролна табла
59 </a>
60 <a href="/employees" class="flex items-center text-white opacity-75 hover:opacity-100 py-4 pl-6 nav-item">
61 <i class="fas fa-sticky-note mr-3"></i>
62 Вработени
63 </a>
64 <a href="/filter" class="flex items-center text-white opacity-75 hover:opacity-100 py-4 pl-6 nav-item">
65 <i class="fas fa-table mr-3"></i>
66 Филтрирај граѓани
67 </a>
68 <a href="/cases" class="flex items-center active-nav-link text-white py-4 pl-6 nav-item">
69 <i class="fas fa-align-left mr-3"></i>
70 Случаи
71 </a>
72 <a href="/finished_cases" class="flex items-center text-white opacity-75 hover:opacity-100 py-4 pl-6 nav-item">
73 <i class="fas fa-calendar mr-3"></i>
74 Архива
75 </a>
76 </nav>
77 <a href="#" class="absolute w-full upgrade-btn bottom-0 active-nav-link text-white flex items-center justify-center py-4">
78 <i class="fas fa-arrow-circle-up mr-3"></i>
79 Поставки за профил
80 </a>
81</aside>
82
83<div class="w-full flex flex-col h-screen overflow-y-hidden">
84 <!-- Desktop Header -->
85 <header class="w-full items-center bg-white py-2 px-6 hidden sm:flex">
86 <div class="w-1/2"></div>
87 <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">
89 <img src="https://source.unsplash.com/uJ8LNVCBjFQ/400x400">
90 </button>
91 <button x-show="isOpen" @click="isOpen = false" class="h-full w-full fixed inset-0 cursor-default"></button>
92 <div x-show="isOpen" class="absolute w-32 bg-white rounded-lg shadow-lg py-2 mt-16">
93 <a href="#" class="block px-4 py-2 account-link hover:text-white">Профил</a>
94 <a href="#" class="block px-4 py-2 account-link hover:text-white">Помош</a>
[cf84baa]95 <a href="/logout" class="block px-4 py-2 account-link hover:text-white">Одјави се</a>
[6b10b67]96 </div>
97 </div>
98 </header>
99
100 <!-- Mobile Header & Nav -->
101 <header x-data="{ isOpen: false }" class="w-full bg-sidebar py-5 px-6 sm:hidden">
102 <div class="flex items-center justify-between">
103 <a href="/" class="text-white text-3xl font-semibold uppercase hover:text-gray-300">Началник</a>
104 <button @click="isOpen = !isOpen" class="text-white text-3xl focus:outline-none">
105 <i x-show="!isOpen" class="fas fa-bars"></i>
106 <i x-show="isOpen" class="fas fa-times"></i>
107 </button>
108 </div>
109
110 <!-- Dropdown Nav -->
111 <nav :class="isOpen ? 'flex': 'hidden'" class="flex flex-col pt-4">
112 <a href="/" class="flex items-center text-white opacity-75 hover:opacity-100 py-2 pl-4 nav-item">
113 <i class="fas fa-tachometer-alt mr-3"></i>
114 Контролна табла
115 </a>
116 <a href="/employees" class="flex items-center text-white opacity-75 hover:opacity-100 py-2 pl-4 nav-item">
117 <i class="fas fa-sticky-note mr-3"></i>
118 Вработени
119 </a>
120 <a href="/filter" class="flex items-center text-white opacity-75 hover:opacity-100 py-2 pl-4 nav-item">
121 <i class="fas fa-table mr-3"></i>
122 Филтрирај граѓани
123 </a>
124 <a href="/cases" class="flex items-center active-nav-link text-white py-2 pl-4 nav-item">
125 <i class="fas fa-align-left mr-3"></i>
126 Случаи
127 </a>
128
129
130 <a href="/finished_cases" class="flex items-center text-white opacity-75 hover:opacity-100 py-2 pl-4 nav-item">
131 <i class="fas fa-calendar mr-3"></i>
132 Архива
133 </a>
134 <a href="/help" class="flex items-center text-white opacity-75 hover:opacity-100 py-2 pl-4 nav-item">
135 <i class="fas fa-cogs mr-3"></i>
136 Помош
137 </a>
138 <a href="/myprofile" class="flex items-center text-white opacity-75 hover:opacity-100 py-2 pl-4 nav-item">
139 <i class="fas fa-user mr-3"></i>
140 Мој профил
141 </a>
142 <a href="/logout" class="flex items-center text-white opacity-75 hover:opacity-100 py-2 pl-4 nav-item">
143 <i class="fas fa-sign-out-alt mr-3"></i>
144 Одјави се
145 </a>
146
147 </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">
149 <i class="fas fa-plus mr-3"></i> Нов извештај
150 </button>
151 </header>
152
153 <div class="w-full overflow-x-hidden border-t flex flex-col">
154 <main class="w-full flex-grow p-6">
155 <h1 class="text-3xl text-black pb-6">Контролна табла</h1>
156
157
158
159 <div class="w-full mt-12">
160 <p class="text-xl pb-3 flex items-center">
[d9c4096]161 <i class="fas fa-list mr-3"></i> {{$case->c_name}}
[6b10b67]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">
[d9c4096]165 <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}}" />
169 </div>
170 @endforeach
[6b10b67]171 </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" />
179 </div>
180 </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">
[d9c4096]183 <p class="text-sm leading-none text-black-600 dark:text-black-300 ">Датум: {{$case->opening_date}}</p>
[6b10b67]184 </div>
185
186 <div class="py-4 border-b border-black-200 flex items-center justify-between">
[d9c4096]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>
[6b10b67]190 <div class="flex items-center justify-center">
[d9c4096]191 <p class="text-sm leading-none text-gray-600 dark:text-gray-300 mr-3">Контролен број:{{$case->c_id}}</p>
[6b10b67]192
193 </div>
194 </div>
[d9c4096]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">
[6b10b67]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">
[d9c4096]198 {{$p_address}}
[6b10b67]199 </button>
200
201
[d9c4096]202 <h1 class="text-2xl">Изјави</h1>
[6b10b67]203
[d9c4096]204 @foreach($statements as $statement)
205 <div class="container">
[6b10b67]206
[d9c4096]207 <div class="card">
[6b10b67]208
[d9c4096]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>
[6b10b67]212 </div>
213 </div>
[d9c4096]214 @endforeach
[6b10b67]215 </div>
216 </div>
217 </div>
218 </div>
219 </main>
220
221
222 </div>
223
224</div>
225
226<!-- AlpineJS -->
227<script src="https://cdn.jsdelivr.net/gh/alpinejs/alpine@v2.x.x/dist/alpine.min.js" defer></script>
228<!-- 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>
230<!-- 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>
232
233</body>
234</html>
Note: See TracBrowser for help on using the repository browser.