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; }
|
---|
24 | </style>
|
---|
25 | <script src="https://cdn.tailwindcss.com"></script>
|
---|
26 |
|
---|
27 | </head>
|
---|
28 | <body class="bg-gray-100 font-family-karla flex">
|
---|
29 | <aside class="relative bg-sidebar h-screen w-64 hidden sm:block shadow-xl">
|
---|
30 | <div class="p-6">
|
---|
31 | <a href="#" class="text-white text-3xl font-semibold uppercase hover:text-gray-300">Началник</a>
|
---|
32 | <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">
|
---|
33 | <i class="fas fa-plus mr-3"></i> Додади полицаец
|
---|
34 | </button>
|
---|
35 | </div>
|
---|
36 | <nav class="text-white text-base font-semibold pt-3">
|
---|
37 | <a href="/" class="flex items-center text-white opacity-75 hover:opacity-100 py-4 pl-6 nav-item">
|
---|
38 | <i class="fas fa-tachometer-alt mr-3"></i>
|
---|
39 | Контролна табла
|
---|
40 | </a>
|
---|
41 | <a href="/employees" class="flex items-center text-white opacity-75 hover:opacity-100 py-4 pl-6 nav-item">
|
---|
42 | <i class="fas fa-sticky-note mr-3"></i>
|
---|
43 | Вработени
|
---|
44 | </a>
|
---|
45 | <a href="/filter" class="flex items-center text-white opacity-75 hover:opacity-100 py-4 pl-6 nav-item">
|
---|
46 | <i class="fas fa-table mr-3"></i>
|
---|
47 | Филтрирај граѓани
|
---|
48 | </a>
|
---|
49 | <a href="/cases" class="flex items-center active-nav-link text-white py-4 pl-6 nav-item">
|
---|
50 | <i class="fas fa-align-left mr-3"></i>
|
---|
51 | Случаи
|
---|
52 | </a>
|
---|
53 | <a href="/finished_cases" class="flex items-center text-white opacity-75 hover:opacity-100 py-4 pl-6 nav-item">
|
---|
54 | <i class="fas fa-calendar mr-3"></i>
|
---|
55 | Архива
|
---|
56 | </a>
|
---|
57 | </nav>
|
---|
58 | <a href="#" class="absolute w-full upgrade-btn bottom-0 active-nav-link text-white flex items-center justify-center py-4">
|
---|
59 | <i class="fas fa-arrow-circle-up mr-3"></i>
|
---|
60 | Поставки за профил
|
---|
61 | </a>
|
---|
62 | </aside>
|
---|
63 |
|
---|
64 | <div class="w-full flex flex-col h-screen overflow-y-hidden">
|
---|
65 | <!-- Desktop Header -->
|
---|
66 | <header class="w-full items-center bg-white py-2 px-6 hidden sm:flex">
|
---|
67 | <div class="w-1/2"></div>
|
---|
68 | <div x-data="{ isOpen: false }" class="relative w-1/2 flex justify-end">
|
---|
69 | <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">
|
---|
70 | <img src="https://source.unsplash.com/uJ8LNVCBjFQ/400x400">
|
---|
71 | </button>
|
---|
72 | <button x-show="isOpen" @click="isOpen = false" class="h-full w-full fixed inset-0 cursor-default"></button>
|
---|
73 | <div x-show="isOpen" class="absolute w-32 bg-white rounded-lg shadow-lg py-2 mt-16">
|
---|
74 | <a href="#" class="block px-4 py-2 account-link hover:text-white">Профил</a>
|
---|
75 | <a href="#" class="block px-4 py-2 account-link hover:text-white">Помош</a>
|
---|
76 | <a href="#" class="block px-4 py-2 account-link hover:text-white">Одјави се</a>
|
---|
77 | </div>
|
---|
78 | </div>
|
---|
79 | </header>
|
---|
80 |
|
---|
81 | <!-- Mobile Header & Nav -->
|
---|
82 | <header x-data="{ isOpen: false }" class="w-full bg-sidebar py-5 px-6 sm:hidden">
|
---|
83 | <div class="flex items-center justify-between">
|
---|
84 | <a href="/" class="text-white text-3xl font-semibold uppercase hover:text-gray-300">Началник</a>
|
---|
85 | <button @click="isOpen = !isOpen" class="text-white text-3xl focus:outline-none">
|
---|
86 | <i x-show="!isOpen" class="fas fa-bars"></i>
|
---|
87 | <i x-show="isOpen" class="fas fa-times"></i>
|
---|
88 | </button>
|
---|
89 | </div>
|
---|
90 |
|
---|
91 | <!-- Dropdown Nav -->
|
---|
92 | <nav :class="isOpen ? 'flex': 'hidden'" class="flex flex-col pt-4">
|
---|
93 | <a href="/" class="flex items-center text-white opacity-75 hover:opacity-100 py-2 pl-4 nav-item">
|
---|
94 | <i class="fas fa-tachometer-alt mr-3"></i>
|
---|
95 | Контролна табла
|
---|
96 | </a>
|
---|
97 | <a href="/employees" class="flex items-center text-white opacity-75 hover:opacity-100 py-2 pl-4 nav-item">
|
---|
98 | <i class="fas fa-sticky-note mr-3"></i>
|
---|
99 | Вработени
|
---|
100 | </a>
|
---|
101 | <a href="/filter" class="flex items-center text-white opacity-75 hover:opacity-100 py-2 pl-4 nav-item">
|
---|
102 | <i class="fas fa-table mr-3"></i>
|
---|
103 | Филтрирај граѓани
|
---|
104 | </a>
|
---|
105 | <a href="/cases" class="flex items-center active-nav-link text-white py-2 pl-4 nav-item">
|
---|
106 | <i class="fas fa-align-left mr-3"></i>
|
---|
107 | Случаи
|
---|
108 | </a>
|
---|
109 |
|
---|
110 |
|
---|
111 | <a href="/finished_cases" class="flex items-center text-white opacity-75 hover:opacity-100 py-2 pl-4 nav-item">
|
---|
112 | <i class="fas fa-calendar mr-3"></i>
|
---|
113 | Архива
|
---|
114 | </a>
|
---|
115 | <a href="/help" class="flex items-center text-white opacity-75 hover:opacity-100 py-2 pl-4 nav-item">
|
---|
116 | <i class="fas fa-cogs mr-3"></i>
|
---|
117 | Помош
|
---|
118 | </a>
|
---|
119 | <a href="/myprofile" class="flex items-center text-white opacity-75 hover:opacity-100 py-2 pl-4 nav-item">
|
---|
120 | <i class="fas fa-user mr-3"></i>
|
---|
121 | Мој профил
|
---|
122 | </a>
|
---|
123 | <a href="/logout" class="flex items-center text-white opacity-75 hover:opacity-100 py-2 pl-4 nav-item">
|
---|
124 | <i class="fas fa-sign-out-alt mr-3"></i>
|
---|
125 | Одјави се
|
---|
126 | </a>
|
---|
127 |
|
---|
128 | </nav>
|
---|
129 | <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">
|
---|
130 | <i class="fas fa-plus mr-3"></i> Нов извештај
|
---|
131 | </button>
|
---|
132 | </header>
|
---|
133 |
|
---|
134 | <div class="w-full overflow-x-hidden border-t flex flex-col">
|
---|
135 | <main class="w-full flex-grow p-6">
|
---|
136 | <h1 class="text-3xl text-black pb-6">Контролна табла</h1>
|
---|
137 |
|
---|
138 |
|
---|
139 |
|
---|
140 | <div class="w-full mt-12">
|
---|
141 | <p class="text-xl pb-3 flex items-center">
|
---|
142 | <i class="fas fa-list mr-3"></i> Случаj Подморница
|
---|
143 | </p>
|
---|
144 | <div class="bg-white overflow-auto">
|
---|
145 | <div class="md:flex items-start justify-center py-12 2xl:px-20 md:px-6 px-4">
|
---|
146 | <div class="xl:w-2/6 lg:w-2/5 w-80 md:block hidden">
|
---|
147 | <img class="w-full" alt="image of a girl posing" src="data:image/jpeg;base64,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" />
|
---|
148 | <img class="mt-6 w-full" alt="image of a girl posing" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQaSnnhWXrRlhi9Md9mu8L5BvAPFBo_lI8Pyw&usqp=CAU" />
|
---|
149 | </div>
|
---|
150 | <div class="md:hidden">
|
---|
151 | <img class="w-full" alt="image of a girl posing" src="https://i.ibb.co/QMdWfzX/component-image-one.png" />
|
---|
152 | <div class="flex items-center justify-between mt-3 space-x-4 md:space-x-0">
|
---|
153 | <img alt="image-tag-one" class="md:w-48 md:h-48 w-full" src="https://i.ibb.co/cYDrVGh/Rectangle-245.png" />
|
---|
154 | <img alt="image-tag-one" class="md:w-48 md:h-48 w-full" src="https://i.ibb.co/f17NXrW/Rectangle-244.png" />
|
---|
155 | <img alt="image-tag-one" class="md:w-48 md:h-48 w-full" src="https://i.ibb.co/cYDrVGh/Rectangle-245.png" />
|
---|
156 | <img alt="image-tag-one" class="md:w-48 md:h-48 w-full" src="https://i.ibb.co/f17NXrW/Rectangle-244.png" />
|
---|
157 | </div>
|
---|
158 | </div>
|
---|
159 | <div class="xl:w-2/5 md:w-1/2 lg:ml-8 md:ml-6 md:mt-0 mt-6">
|
---|
160 | <div class="border-b border-black-200 pb-6">
|
---|
161 | <p class="text-sm leading-none text-black-600 dark:text-black-300 ">Полицаец на случајот: Петко Митрев</p>
|
---|
162 | </div>
|
---|
163 | <div class="py-4 border-b border-black-200 flex items-center justify-between">
|
---|
164 | <p class="text-base leading-4 text-black-800 dark:text-black-300"><button class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded">Изјави</button></p>
|
---|
165 |
|
---|
166 | <p class="text-base leading-4 text-black-800 dark:text-black-300"><button class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded">Докази</button></p>
|
---|
167 |
|
---|
168 | </div>
|
---|
169 | <div class="py-4 border-b border-black-200 flex items-center justify-between">
|
---|
170 | <p class="text-base leading-4 text-black-800 dark:text-black-300">Активен случај</p>
|
---|
171 | <div class="flex items-center justify-center">
|
---|
172 | <p class="text-sm leading-none text-gray-600 dark:text-gray-300 mr-3">38.2</p>
|
---|
173 |
|
---|
174 | <img class="dark:hidden" src="https://tuk-cdn.s3.amazonaws.com/can-uploader/productDetail3-svg2.svg" alt="next">
|
---|
175 | <img class="hidden dark:block" src="https://tuk-cdn.s3.amazonaws.com/can-uploader/productDetail3-svg2dark.svg" alt="next">
|
---|
176 | </div>
|
---|
177 | </div>
|
---|
178 | <button class="dark:bg-white dark:text-black-900 dark:hover:bg-black-100 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-800 text-base flex items-center justify-center leading-none text-white bg-gray-800 w-full py-4 hover:bg-gray-700 focus:outline-none">
|
---|
179 | <img class="mr-3 dark:hidden" src="https://tuk-cdn.s3.amazonaws.com/can-uploader/svg1.svg" alt="location">
|
---|
180 | <img class="mr-3 hidden dark:block" src="https://tuk-cdn.s3.amazonaws.com/can-uploader/svg1dark.svg" alt="location">
|
---|
181 | ул.Рузвелтова бр.23 Скопје
|
---|
182 | </button>
|
---|
183 | <div>
|
---|
184 | <p class="xl:pr-55 text-base lg:leading-tight leading-normal text-black-600 dark:text-black-300 mt-7">Додека автобусот се движеше по својата маршрута, мистериозниот патник, со лице заматено од сенки, се движеше кон задниот дел. Меѓу патниците беа разменети неколку љубопитни погледи, но повеќето беа изгубени во сопствените мисли, исцрпени по долг ден.
|
---|
185 |
|
---|
186 | Одеднаш, атмосферата се промени. Мистериозната фигура, која сега стои на патеката, откри блескав нож. Меѓу патниците настанала паника кога ја сфатиле тежината на ситуацијата. Возачот на автобусот, внимателен, удрил на сопирачките, со што автобусот запрел.
|
---|
187 |
|
---|
188 | Напаѓачот со злобно блесок во очите барал внимание од сите. Со ладен, пресметан глас, ја објавија намерата да извлечат пакет скриен меѓу патниците. Страв и збунетост се проширија низ автобусот додека патниците си разменија уплашени погледи.
|
---|
189 |
|
---|
190 | Меѓу патниците беше и една млада жена по име Марија, која се враќаше дома од својата работа доцна во ноќта. Без да знае, предметниот пакет бил сокриен во нејзиниот ранец. Напаѓачот, управуван од непознат мотив, тргнал кон Марија, а сјајот на ножот фрлал морничав сјај во слабо осветлениот автобус.
|
---|
191 |
|
---|
192 | Како што ескалираа тензиите, на бродот се нашол пензиониран детектив по име Роберт. Имајќи инстинкт за неволја, тој ја процени ситуацијата и дискретно ја набљудуваше драмата што се одвиваше. Чувствувајќи ја опасноста, тој суптилно им сигнализирал на другите патници, охрабрувајќи ги да останат смирени додека тој формулирал план.
|
---|
193 |
|
---|
194 | Марија, исплашена, но издржлива, реши да ги земе работите во свои раце. Со брз, дискретен потег, таа го активирала копчето за паника на телефонот, испраќајќи предупредување до локалните власти. Без знаење на напаѓачот, помошта била на пат.
|
---|
195 |
|
---|
196 | Автобусот стана тензично бојно поле на умови, бидејќи Роберт, Марија и другите патници работеа заедно за да го одвлечат вниманието на напаѓачот додека не дојде полицијата. Напаѓачот, кој стануваше сè пофрустриран, направи критична грешка, дозволувајќи им на патниците да ги совладаат и разоружаат токму кога полицијата упадна во автобусот.
|
---|
197 |
|
---|
198 | Бидејќи ситуацијата била под контрола, мотивот зад злосторството останал обвиен со мистерија. Полицијата го уапсила напаѓачот, а ранецот на Марија, во кој имало вреден, но загадочен пакет, станал фокусна точка на истрагата. Детективот Роберт, сега официјално вклучен, тргна на патување за да ги разоткрие слоевите на ова полноќно злосторство, решен да ја разоткрие вистината скриена во сенките на ноќта.</p>
|
---|
199 | <p class="text-base leading-4 mt-7 text-black-600 dark:text-black-300">Product Code: 8BN321AF2IF0NYA</p>
|
---|
200 | <p class="text-base leading-4 mt-4 text-black-600 dark:text-black-300">Length: 13.2 inches</p>
|
---|
201 | <p class="text-base leading-4 mt-4 text-black-600 dark:text-black-300">Height: 10 inches</p>
|
---|
202 | <p class="text-base leading-4 mt-4 text-black-600 dark:text-black-300">Depth: 5.1 inches</p>
|
---|
203 | <p class="md:w-96 text-base leading-normal text-black-600 dark:text-black-300 mt-4">Composition: 100% calf leather, inside: 100% lamb leather</p>
|
---|
204 | </div>
|
---|
205 | <div>
|
---|
206 | <div class="border-t border-b py-4 mt-7 border-gray-200">
|
---|
207 | <div data-menu class="flex justify-between items-center cursor-pointer">
|
---|
208 | <p class="text-base leading-4 text-gray-800 dark:text-gray-300">Shipping and returns</p>
|
---|
209 | <button class="cursor-pointer focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-400 rounded" role="button" aria-label="show or hide">
|
---|
210 | <img class="transform dark:hidden" src="https://tuk-cdn.s3.amazonaws.com/can-uploader/productDetail3-svg4.svg" alt="dropdown">
|
---|
211 | <img class="transform hidden dark:block" src="https://tuk-cdn.s3.amazonaws.com/can-uploader/productDetail3-svg4dark.svg" alt="dropdown">
|
---|
212 | </button>
|
---|
213 | </div>
|
---|
214 | <div class="hidden pt-4 text-base leading-normal pr-12 mt-4 text-black-600 dark:text-gray-300" id="sect">You will be responsible for paying for your own shipping costs for returning your item. Shipping costs are nonrefundable</div>
|
---|
215 | </div>
|
---|
216 | </div>
|
---|
217 | <div>
|
---|
218 | <div class="border-b py-4 border-gray-200">
|
---|
219 | <div data-menu class="flex justify-between items-center cursor-pointer">
|
---|
220 | <p class="text-base leading-4 text-gray-800 dark:text-gray-300">Contact us</p>
|
---|
221 | <button class="cursor-pointer focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-400 rounded" role="button" aria-label="show or hide">
|
---|
222 | <img class="transform dark:hidden" src="https://tuk-cdn.s3.amazonaws.com/can-uploader/productDetail3-svg4.svg" alt="dropdown">
|
---|
223 | <img class="transform hidden dark:block" src="https://tuk-cdn.s3.amazonaws.com/can-uploader/productDetail3-svg4dark.svg" alt="dropdown">
|
---|
224 | </button>
|
---|
225 | </div>
|
---|
226 | <div class="hidden pt-4 text-base leading-normal pr-12 mt-4 text-gray-600 dark:text-gray-300" id="sect">If you have any questions on how to return your item to us, contact us.</div>
|
---|
227 | </div>
|
---|
228 | </div>
|
---|
229 | </div>
|
---|
230 | </div>
|
---|
231 | </div>
|
---|
232 | </div>
|
---|
233 | </main>
|
---|
234 |
|
---|
235 |
|
---|
236 | </div>
|
---|
237 |
|
---|
238 | </div>
|
---|
239 |
|
---|
240 | <!-- AlpineJS -->
|
---|
241 | <script src="https://cdn.jsdelivr.net/gh/alpinejs/alpine@v2.x.x/dist/alpine.min.js" defer></script>
|
---|
242 | <!-- Font Awesome -->
|
---|
243 | <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>
|
---|
244 | <!-- ChartJS -->
|
---|
245 | <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.3/Chart.min.js" integrity="sha256-R4pqcOYV8lt7snxMQO/HSbVCFRPMdrhAFMH+vr9giYI=" crossorigin="anonymous"></script>
|
---|
246 |
|
---|
247 | </body>
|
---|
248 | </html>
|
---|