Changeset 6b10b67 for resources/views


Ignore:
Timestamp:
01/29/24 13:15:08 (11 months ago)
Author:
bube-ristovska <ristovska725@…>
Branches:
main
Children:
cf84baa
Parents:
75151c6
Message:

Connected database

Location:
resources/views
Files:
1 added
4 edited

Legend:

Unmodified
Added
Removed

  • resources/views/cases.blade.php

    r75151c6 r6b10b67  
    108108            </a>
    109109
     110
    110111            <a href="/finished_cases" class="flex items-center text-white opacity-75 hover:opacity-100 py-2 pl-4 nav-item">
    111112                <i class="fas fa-calendar mr-3"></i>
    … …  
    139140            <div class="w-full mt-12">
    140141                <p class="text-xl pb-3 flex items-center">
    141                     <i class="fas fa-list mr-3"></i> Вработени во станица Карпош - Скопје
     142                    <i class="fas fa-list mr-3"></i> Случаи од станица Карпош - Скопје
    142143                </p>
    143144                <div class="bg-white overflow-auto">
    … …  
    145146                        <thead class="bg-gray-800 text-white">
    146147                        <tr>
    147                             <th class="w-1/3 text-left py-3 px-4 uppercase font-semibold text-sm">Име</th>
     148                            <td class="text-left py-3 px-4">Име</td>
    148149                            <th class="w-1/3 text-left py-3 px-4 uppercase font-semibold text-sm">Датум</th>
    149150                            <th class="text-left py-3 px-4 uppercase font-semibold text-sm">Статус</th>
    150                             <th class="text-left py-3 px-4 uppercase font-semibold text-sm">Докази</th>
     151                            <th class="text-left py-3 px-4 uppercase font-semibold text-sm">Овластен полицаец</th>
    151152                        </tr>
    152153                        </thead>
    153154                        <tbody class="text-gray-700">
    154155                        <tr>
    155                             <td class="w-1/3 text-left py-3 px-4">Lian</td>
    156                             <td class="w-1/3 text-left py-3 px-4">Smith</td>
    157                             <td class="text-left py-3 px-4"><a class="hover:text-blue-500" href="tel:622322662">622322662</a></td>
    158                             <td class="text-left py-3 px-4"><a class="hover:text-blue-500" href="mailto:jonsmith@mail.com">jonsmith@mail.com</a></td>
    159                         </tr>
    160                         <tr class="bg-gray-200">
    161                             <td class="w-1/3 text-left py-3 px-4">Emma</td>
    162                             <td class="w-1/3 text-left py-3 px-4">Johnson</td>
    163                             <td class="text-left py-3 px-4"><a class="hover:text-blue-500" href="tel:622322662">622322662</a></td>
    164                             <td class="text-left py-3 px-4"><a class="hover:text-blue-500" href="mailto:jonsmith@mail.com">jonsmith@mail.com</a></td>
     156                            <td class="text-left py-3 px-4"><a class="hover:text-blue-500" href="/namehere">Подморница</a></td>
     157                            <td class="w-1/3 text-left py-3 px-4">2023-11-27</td>
     158                            <td class="w-1/3 text-left py-3 px-4">A</td>
     159                            <td class="w-1/3 text-left py-3 px-4">Кире Петков</td>
    165160                        </tr>
    166161                        <tr>
    167                             <td class="w-1/3 text-left py-3 px-4">Oliver</td>
    168                             <td class="w-1/3 text-left py-3 px-4">Williams</td>
    169                             <td class="text-left py-3 px-4"><a class="hover:text-blue-500" href="tel:622322662">622322662</a></td>
    170                             <td class="text-left py-3 px-4"><a class="hover:text-blue-500" href="mailto:jonsmith@mail.com">jonsmith@mail.com</a></td>
    171                         </tr>
    172                         <tr class="bg-gray-200">
    173                             <td class="w-1/3 text-left py-3 px-4">Isabella</td>
    174                             <td class="w-1/3 text-left py-3 px-4">Brown</td>
    175                             <td class="text-left py-3 px-4"><a class="hover:text-blue-500" href="tel:622322662">622322662</a></td>
    176                             <td class="text-left py-3 px-4"><a class="hover:text-blue-500" href="mailto:jonsmith@mail.com">jonsmith@mail.com</a></td>
     162                            <td class="text-left py-3 px-4"><a class="hover:text-blue-500" href="/namehere">Хакери</a></td>
     163                            <td class="w-1/3 text-left py-3 px-4">2011-03-03</td>
     164                            <td class="w-1/3 text-left py-3 px-4">Z</td>
     165                            <td class="w-1/3 text-left py-3 px-4">Петко Кирев</td>
    177166                        </tr>
    178167                        <tr>
    179                             <td class="w-1/3 text-left py-3 px-4">Lian</td>
    180                             <td class="w-1/3 text-left py-3 px-4">Smith</td>
    181                             <td class="text-left py-3 px-4"><a class="hover:text-blue-500" href="tel:622322662">622322662</a></td>
    182                             <td class="text-left py-3 px-4"><a class="hover:text-blue-500" href="mailto:jonsmith@mail.com">jonsmith@mail.com</a></td>
    183                         </tr>
    184                         <tr class="bg-gray-200">
    185                             <td class="w-1/3 text-left py-3 px-4">Emma</td>
    186                             <td class="w-1/3 text-left py-3 px-4">Johnson</td>
    187                             <td class="text-left py-3 px-4"><a class="hover:text-blue-500" href="tel:622322662">622322662</a></td>
    188                             <td class="text-left py-3 px-4"><a class="hover:text-blue-500" href="mailto:jonsmith@mail.com">jonsmith@mail.com</a></td>
     168                            <td class="text-left py-3 px-4"><a class="hover:text-blue-500" href="/namehere">Тероризам</a></td>
     169                            <td class="w-1/3 text-left py-3 px-4">2016-02-01</td>
     170                            <td class="w-1/3 text-left py-3 px-4">A</td>
     171                            <td class="w-1/3 text-left py-3 px-4">Наташа Илиева</td>
    189172                        </tr>
    190173                        <tr>
    191                             <td class="w-1/3 text-left py-3 px-4">Oliver</td>
    192                             <td class="w-1/3 text-left py-3 px-4">Williams</td>
    193                             <td class="text-left py-3 px-4"><a class="hover:text-blue-500" href="tel:622322662">622322662</a></td>
    194                             <td class="text-left py-3 px-4"><a class="hover:text-blue-500" href="mailto:jonsmith@mail.com">jonsmith@mail.com</a></td>
    195                         </tr>
    196                         <tr class="bg-gray-200">
    197                             <td class="w-1/3 text-left py-3 px-4">Isabella</td>
    198                             <td class="w-1/3 text-left py-3 px-4">Brown</td>
    199                             <td class="text-left py-3 px-4"><a class="hover:text-blue-500" href="tel:622322662">622322662</a></td>
    200                             <td class="text-left py-3 px-4"><a class="hover:text-blue-500" href="mailto:jonsmith@mail.com">jonsmith@mail.com</a></td>
     174                            <td class="text-left py-3 px-4"><a class="hover:text-blue-500" href="/namehere">Киднапирање</a></td>
     175                            <td class="w-1/3 text-left py-3 px-4">2022-08-27</td>
     176                            <td class="w-1/3 text-left py-3 px-4">A</td>
     177                            <td class="w-1/3 text-left py-3 px-4">Наташа Илиева</td>
    201178                        </tr>
    202179                        </tbody>

  • resources/views/employees.blade.php

    r75151c6 r6b10b67  
    99    <!-- Fonts -->
    1010    <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"/>
    1212
    1313    <!-- Styles -->
    1414    <style>
    1515        @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        }
    2448    </style>
    2549    <script src="https://cdn.tailwindcss.com"></script>
    … …  
    3054    <div class="p-6">
    3155        <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">
     56        <button
     57            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">
    3358            <i class="fas fa-plus mr-3"></i> Додади полицаец
    3459        </button>
    … …  
    5681        </a>
    5782    </nav>
    58     <a href="#" class="absolute w-full upgrade-btn bottom-0 active-nav-link text-white flex items-center justify-center py-4">
     83    <a href="#"
     84       class="absolute w-full upgrade-btn bottom-0 active-nav-link text-white flex items-center justify-center py-4">
    5985        <i class="fas fa-arrow-circle-up mr-3"></i>
    6086        Поставки за профил
    … …  
    6793        <div class="w-1/2"></div>
    6894        <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">
     95            <button @click="isOpen = !isOpen"
     96                    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">
    7097                <img src="https://source.unsplash.com/uJ8LNVCBjFQ/400x400">
    7198            </button>
    … …  
    95122                Контролна табла
    96123            </a>
    97             <a href="/employees"  class="flex items-center active-nav-link text-white py-2 pl-4 nav-item">
     124            <a href="/employees" class="flex items-center active-nav-link text-white py-2 pl-4 nav-item">
    98125                <i class="fas fa-sticky-note mr-3"></i>
    99126                Вработени
    … …  
    108135            </a>
    109136
    110             <a href="/finished_cases" class="flex items-center text-white opacity-75 hover:opacity-100 py-2 pl-4 nav-item">
     137            <a href="/finished_cases"
     138               class="flex items-center text-white opacity-75 hover:opacity-100 py-2 pl-4 nav-item">
    111139                <i class="fas fa-calendar mr-3"></i>
    112140                Архива
    … …  
    126154
    127155        </nav>
    128         <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">
     156        <button
     157            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">
    129158            <i class="fas fa-plus mr-3"></i> Нов извештај
    130159        </button>
    … …  
    134163        <main class="w-full flex-grow p-6">
    135164            <h1 class="text-3xl text-black pb-6">Контролна табла</h1>
    136 
    137165
    138166
    … …  
    152180                        </thead>
    153181                        <tbody class="text-gray-700">
    154                         <tr>
    155                             <td class="w-1/3 text-left py-3 px-4">Lian</td>
    156                             <td class="w-1/3 text-left py-3 px-4">Smith</td>
    157                             <td class="text-left py-3 px-4"><a class="hover:text-blue-500" href="tel:622322662">622322662</a></td>
    158                             <td class="text-left py-3 px-4"><a class="hover:text-blue-500" href="mailto:jonsmith@mail.com">jonsmith@mail.com</a></td>
    159                         </tr>
    160                         <tr class="bg-gray-200">
    161                             <td class="w-1/3 text-left py-3 px-4">Emma</td>
    162                             <td class="w-1/3 text-left py-3 px-4">Johnson</td>
    163                             <td class="text-left py-3 px-4"><a class="hover:text-blue-500" href="tel:622322662">622322662</a></td>
    164                             <td class="text-left py-3 px-4"><a class="hover:text-blue-500" href="mailto:jonsmith@mail.com">jonsmith@mail.com</a></td>
    165                         </tr>
    166                         <tr>
    167                             <td class="w-1/3 text-left py-3 px-4">Oliver</td>
    168                             <td class="w-1/3 text-left py-3 px-4">Williams</td>
    169                             <td class="text-left py-3 px-4"><a class="hover:text-blue-500" href="tel:622322662">622322662</a></td>
    170                             <td class="text-left py-3 px-4"><a class="hover:text-blue-500" href="mailto:jonsmith@mail.com">jonsmith@mail.com</a></td>
    171                         </tr>
    172                         <tr class="bg-gray-200">
    173                             <td class="w-1/3 text-left py-3 px-4">Isabella</td>
    174                             <td class="w-1/3 text-left py-3 px-4">Brown</td>
    175                             <td class="text-left py-3 px-4"><a class="hover:text-blue-500" href="tel:622322662">622322662</a></td>
    176                             <td class="text-left py-3 px-4"><a class="hover:text-blue-500" href="mailto:jonsmith@mail.com">jonsmith@mail.com</a></td>
    177                         </tr>
    178                         <tr>
    179                             <td class="w-1/3 text-left py-3 px-4">Lian</td>
    180                             <td class="w-1/3 text-left py-3 px-4">Smith</td>
    181                             <td class="text-left py-3 px-4"><a class="hover:text-blue-500" href="tel:622322662">622322662</a></td>
    182                             <td class="text-left py-3 px-4"><a class="hover:text-blue-500" href="mailto:jonsmith@mail.com">jonsmith@mail.com</a></td>
    183                         </tr>
    184                         <tr class="bg-gray-200">
    185                             <td class="w-1/3 text-left py-3 px-4">Emma</td>
    186                             <td class="w-1/3 text-left py-3 px-4">Johnson</td>
    187                             <td class="text-left py-3 px-4"><a class="hover:text-blue-500" href="tel:622322662">622322662</a></td>
    188                             <td class="text-left py-3 px-4"><a class="hover:text-blue-500" href="mailto:jonsmith@mail.com">jonsmith@mail.com</a></td>
    189                         </tr>
    190                         <tr>
    191                             <td class="w-1/3 text-left py-3 px-4">Oliver</td>
    192                             <td class="w-1/3 text-left py-3 px-4">Williams</td>
    193                             <td class="text-left py-3 px-4"><a class="hover:text-blue-500" href="tel:622322662">622322662</a></td>
    194                             <td class="text-left py-3 px-4"><a class="hover:text-blue-500" href="mailto:jonsmith@mail.com">jonsmith@mail.com</a></td>
    195                         </tr>
    196                         <tr class="bg-gray-200">
    197                             <td class="w-1/3 text-left py-3 px-4">Isabella</td>
    198                             <td class="w-1/3 text-left py-3 px-4">Brown</td>
    199                             <td class="text-left py-3 px-4"><a class="hover:text-blue-500" href="tel:622322662">622322662</a></td>
    200                             <td class="text-left py-3 px-4"><a class="hover:text-blue-500" href="mailto:jonsmith@mail.com">jonsmith@mail.com</a></td>
    201                         </tr>
     182
     183                        @foreach($employees as $employee)
     184                            <tr>
     185                                <td class="w-1/3 text-left py-3 px-4">{{$employee->first_name}}</td>
     186                                <td class="w-1/3 text-left py-3 px-4">{{$employee->last_name}}</td>
     187                                <td class="text-left py-3 px-4"><a class="hover:text-blue-500"
     188                                                                   href="tel:622322662">{{$employee->contact}}</a></td>
     189                                <td class="text-left py-3 px-4"><a
     190                                        class="hover:text-blue-500">{{$employee->nationality}}</a></td>
     191                            </tr>
     192                        @endforeach
     193
     194
    202195                        </tbody>
    203196                    </table>
     197
     198
    204199                </div>
    205200            </div>
    … …  
    214209<script src="https://cdn.jsdelivr.net/gh/alpinejs/alpine@v2.x.x/dist/alpine.min.js" defer></script>
    215210<!-- Font Awesome -->
    216 <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>
     211<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/js/all.min.js"
     212        integrity="sha256-KzZiKy0DWYsnwMF+X1DvQngQ2/FxF7MF3Ff72XcpuPs=" crossorigin="anonymous"></script>
    217213<!-- ChartJS -->
    218 <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.3/Chart.min.js" integrity="sha256-R4pqcOYV8lt7snxMQO/HSbVCFRPMdrhAFMH+vr9giYI=" crossorigin="anonymous"></script>
     214<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.3/Chart.min.js"
     215        integrity="sha256-R4pqcOYV8lt7snxMQO/HSbVCFRPMdrhAFMH+vr9giYI=" crossorigin="anonymous"></script>
    219216
    220217</body>

  • resources/views/filter.blade.php

    r75151c6 r6b10b67  
    2222        .nav-item:hover { background: #1947ee; }
    2323        .account-link:hover { background: #3d68ff; }
     24        .flex-parent-element {
     25            display: flex;
     26            width: 50%;
     27        }
     28
     29        .flex-child-element {
     30            flex: 1;
     31            margin: 10px;
     32        }
     33
     34        .flex-child-element:first-child {
     35            margin-right: 20px;
     36        }
     37        .container {
     38            display: block;
     39            position: relative;
     40            padding-left: 35px;
     41            margin-bottom: 12px;
     42            cursor: pointer;
     43            font-size: 22px;
     44            -webkit-user-select: none;
     45            -moz-user-select: none;
     46            -ms-user-select: none;
     47            user-select: none;
     48        }
     49
     50        /* Hide the browser's default checkbox */
     51        .container input {
     52            position: absolute;
     53            opacity: 0;
     54            cursor: pointer;
     55            height: 0;
     56            width: 0;
     57        }
     58
     59        /* Create a custom checkbox */
     60        .checkmark {
     61            position: absolute;
     62            top: 0;
     63            left: 0;
     64            height: 25px;
     65            width: 25px;
     66            background-color: #eee;
     67        }
     68
     69        /* On mouse-over, add a grey background color */
     70        .container:hover input ~ .checkmark {
     71            background-color: #ccc;
     72        }
     73
     74        /* When the checkbox is checked, add a blue background */
     75        .container input:checked ~ .checkmark {
     76            background-color: #2196F3;
     77        }
     78
     79        /* Create the checkmark/indicator (hidden when not checked) */
     80        .checkmark:after {
     81            content: "";
     82            position: absolute;
     83            display: none;
     84        }
     85
     86        /* Show the checkmark when checked */
     87        .container input:checked ~ .checkmark:after {
     88            display: block;
     89        }
     90
     91        /* Style the checkmark/indicator */
     92        .container .checkmark:after {
     93            left: 9px;
     94            top: 5px;
     95            width: 5px;
     96            height: 10px;
     97            border: solid white;
     98            border-width: 0 3px 3px 0;
     99            -webkit-transform: rotate(45deg);
     100            -ms-transform: rotate(45deg);
     101            transform: rotate(45deg);
     102        }
     103
    24104    </style>
    25105    <script src="https://cdn.tailwindcss.com"></script>
    … …  
    37117        <a href="/" class="flex items-center text-white opacity-75 hover:opacity-100 py-4 pl-6 nav-item">
    38118            <i class="fas fa-tachometer-alt mr-3"></i>
    39             Контролна табла
     119            Сортирај граѓани
    40120        </a>
    41121        <a href="/employees" class="flex items-center text-white opacity-75 hover:opacity-100 py-4 pl-6 nav-item">
    … …  
    132212
    133213
    134 
     214    <main class="w-full flex-grow p-6">
     215
     216        <h1 class="text-3xl text-black pb-6">Контролна табла</h1>
     217        <div style="width: 600px">
     218            <form>
     219                <label for="default-search" class="mb-2 text-sm font-medium text-gray-900 sr-only dark:text-white">Search</label>
     220                <div class="relative">
     221                    <div class="absolute inset-y-0 start-0 flex items-center ps-3 pointer-events-none">
     222                        <svg class="w-4 h-4 text-gray-500 dark:text-gray-400" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 20">
     223                            <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m19 19-4-4m0-7A7 7 0 1 1 1 8a7 7 0 0 1 14 0Z"/>
     224                        </svg>
     225                    </div>
     226                    <input type="search" id="default-search" class="block w-full p-4 ps-10 text-sm text-gray-900 border border-gray-300 rounded-lg bg-gray-50 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500" placeholder="Пребарај матичен број..." required>
     227                    <button type="submit" class="text-white absolute end-2.5 bottom-2.5 bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm px-4 py-2 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">Search</button>
     228                </div>
     229            </form>
     230        </div>
     231
     232        <div class="flex-parent-element">
     233            <h3>Возраст</h3>
     234
     235            <div class="flex-child-element"> <label class="container">&lt;18 год
     236                    <input type="checkbox" checked="checked">
     237                    <span class="checkmark"></span>
     238                </label>
     239
     240                <label class="container"> 19-25
     241                    <input type="checkbox">
     242                    <span class="checkmark"></span>
     243                </label>
     244
     245                <label class="container">26-60
     246                    <input type="checkbox">
     247                    <span class="checkmark"></span>
     248                </label>
     249
     250                <label class="container">60+
     251                    <input type="checkbox">
     252                    <span class="checkmark"></span>
     253                </label>
     254            </div>
     255            <h3>Пол</h3>
     256            <div class="flex-child-element">
     257                <label class="container">М
     258                    <input type="checkbox" checked="checked">
     259                    <span class="checkmark"></span>
     260                </label>
     261
     262                <label class="container">Ж
     263                    <input type="checkbox">
     264                    <span class="checkmark"></span>
     265                </label>
     266            </div>
     267        </div>
     268
     269
     270
     271        <div class="w-full mt-12">
     272            <p class="text-xl pb-3 flex items-center">
     273                <i class="fas fa-list mr-3"></i> Граѓани
     274            </p>
     275
     276            <div class="bg-white overflow-auto">
     277                <table class="min-w-full bg-white">
     278                    <thead class="bg-gray-800 text-white">
     279                    <tr>
     280                        <th class="text-left py-3 px-4 uppercase font-semibold text-sm">ЕМБГ</th>
     281                        <th class="w-1/3 text-left py-3 px-4 uppercase font-semibold text-sm">Име</th>
     282                        <th class="w-1/3 text-left py-3 px-4 uppercase font-semibold text-sm">Презиме</th>
     283                        <th class="w-1/3 text-left py-3 px-4 uppercase font-semibold text-sm">Пол</th>
     284                        <th class="w-1/3 text-left py-3 px-4 uppercase font-semibold text-sm">Адреса</th>
     285                        <th class="w-1/3 text-left py-3 px-4 uppercase font-semibold text-sm">Држава</th>
     286                        <th class="w-1/3 text-left py-3 px-4 uppercase font-semibold text-sm">Националност</th>
     287                        <th class="text-left py-3 px-4 uppercase font-semibold text-sm">Телефон</th>
     288                    </tr>
     289                    </thead>
     290                    <tbody class="text-gray-700">
     291                    <tr>
     292                        <td class="w-1/3 text-left py-3 px-4">1011001470303</td>
     293                        <td class="w-1/3 text-left py-3 px-4">Емир</td>
     294                        <td class="w-1/3 text-left py-3 px-4">Абази</td>
     295                        <td class="w-1/3 text-left py-3 px-4">М</td>
     296                        <td class="w-1/3 text-left py-3 px-4">ул.Македонија бр.80 Тетово</td>
     297                        <td class="w-1/3 text-left py-3 px-4">Македонија</td>
     298                        <td class="w-1/3 text-left py-3 px-4">Албанец</td>
     299                        <td class="text-left py-3 px-4"><a class="hover:text-blue-500" href="tel:622322662">622322662</a></td>
     300                    </tr>
     301                    <tr class="bg-gray-200">
     302                        <td class="w-1/3 text-left py-3 px-4">0302954470303</td>
     303                        <td class="w-1/3 text-left py-3 px-4">Василија</td>
     304                        <td class="w-1/3 text-left py-3 px-4">Васиљоска</td>
     305                        <td class="w-1/3 text-left py-3 px-4">Ж</td>
     306                        <td class="w-1/3 text-left py-3 px-4">ул.154 бр.20 Скопје</td>
     307                        <td class="w-1/3 text-left py-3 px-4">Македонија</td>
     308                        <td class="w-1/3 text-left py-3 px-4">Македонка</td>
     309                        <td class="text-left py-3 px-4"><a class="hover:text-blue-500" href="tel:622322662">622322662</a></td>
     310                    </tr>
     311                    </tbody>
     312                </table>
     313            </div>
     314        </div>
     315    </main>
    135316</div>
     317
    136318
    137319<!-- AlpineJS -->

  • resources/views/register-policeman.blade.php

    r75151c6 r6b10b67  
    1313    <!-- Styles -->
    1414    <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        .flex-parent-element {
     25            display: flex;
     26            width: 50%;
     27        }
     28
     29        .flex-child-element {
     30            flex: 1;
     31            margin: 10px;
     32        }
     33
     34        .flex-child-element:first-child {
     35            margin-right: 20px;
     36        }
     37        .container {
     38            display: block;
     39            position: relative;
     40            padding-left: 35px;
     41            margin-bottom: 12px;
     42            cursor: pointer;
     43            font-size: 22px;
     44            -webkit-user-select: none;
     45            -moz-user-select: none;
     46            -ms-user-select: none;
     47            user-select: none;
     48        }
     49        .center {
     50            border: 5px solid;
     51            width: 50%;
     52            padding: 10px;
     53            margin-left: 400px;
     54        }
     55
     56        /* Hide the browser's default checkbox */
     57        .container input {
     58            position: absolute;
     59            opacity: 0;
     60            cursor: pointer;
     61            height: 0;
     62            width: 0;
     63        }
     64
     65        /* Create a custom checkbox */
     66        .checkmark {
     67            position: absolute;
     68            top: 0;
     69            left: 0;
     70            height: 25px;
     71            width: 25px;
     72            background-color: #eee;
     73        }
     74
     75        /* On mouse-over, add a grey background color */
     76        .container:hover input ~ .checkmark {
     77            background-color: #ccc;
     78        }
     79
     80        /* When the checkbox is checked, add a blue background */
     81        .container input:checked ~ .checkmark {
     82            background-color: #2196F3;
     83        }
     84
     85        /* Create the checkmark/indicator (hidden when not checked) */
     86        .checkmark:after {
     87            content: "";
     88            position: absolute;
     89            display: none;
     90        }
     91
     92        /* Show the checkmark when checked */
     93        .container input:checked ~ .checkmark:after {
     94            display: block;
     95        }
     96
     97        /* Style the checkmark/indicator */
     98        .container .checkmark:after {
     99            left: 9px;
     100            top: 5px;
     101            width: 5px;
     102            height: 10px;
     103            border: solid white;
     104            border-width: 0 3px 3px 0;
     105            -webkit-transform: rotate(45deg);
     106            -ms-transform: rotate(45deg);
     107            transform: rotate(45deg);
     108        }
     109        body > div > main > div > div > form{
     110            margin-left: 500px;
     111            width: 600px;
     112        }
     113
    15114    </style>
    16115    <script src="https://cdn.tailwindcss.com"></script>
     116
    17117</head>
    18 <body class="antialiased">
    19 <div class="relative sm:flex sm:justify-center sm:items-center min-h-screen bg-dots-darker bg-center bg-gray-100 dark:bg-dots-lighter dark:bg-gray-900 selection:bg-red-500 selection:text-white">
    20     @if (Route::has('login'))
    21         <div class="sm:fixed sm:top-0 sm:right-0 p-6 text-right z-10">
    22             @auth
    23                 <a href="{{ url('/home') }}" class="font-semibold text-gray-600 hover:text-gray-900 dark:text-gray-400 dark:hover:text-white focus:outline focus:outline-2 focus:rounded-sm focus:outline-red-500">Home</a>
    24             @else
    25                 <a href="{{ route('login') }}" class="font-semibold text-gray-600 hover:text-gray-900 dark:text-gray-400 dark:hover:text-white focus:outline focus:outline-2 focus:rounded-sm focus:outline-red-500">Log in</a>
    26 
    27                 @if (Route::has('register'))
    28                     <a href="{{ route('register') }}" class="ml-4 font-semibold text-gray-600 hover:text-gray-900 dark:text-gray-400 dark:hover:text-white focus:outline focus:outline-2 focus:rounded-sm focus:outline-red-500">Register</a>
    29                 @endif
    30             @endauth
     118<body class="bg-gray-100 font-family-karla flex">
     119<aside class="relative bg-sidebar h-screen w-64 hidden sm:block shadow-xl">
     120    <div class="p-6">
     121        <a href="#" class="text-white text-3xl font-semibold uppercase hover:text-gray-300">Началник</a>
     122        <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">
     123            <i class="fas fa-plus mr-3"></i> Додади полицаец
     124        </button>
     125    </div>
     126    <nav class="text-white text-base font-semibold pt-3">
     127        <a href="/" class="flex items-center text-white opacity-75 hover:opacity-100 py-4 pl-6 nav-item">
     128            <i class="fas fa-tachometer-alt mr-3"></i>
     129            Сортирај граѓани
     130        </a>
     131        <a href="/employees" class="flex items-center text-white opacity-75 hover:opacity-100 py-4 pl-6 nav-item">
     132            <i class="fas fa-sticky-note mr-3"></i>
     133            Вработени
     134        </a>
     135        <a href="/filter" class="flex items-center text-white opacity-75 hover:opacity-100 py-4 pl-6 nav-item">
     136            <i class="fas fa-table mr-3"></i>
     137            Филтрирај граѓани
     138        </a>
     139        <a href="/cases" class="flex items-center text-white opacity-75 hover:opacity-100 py-4 pl-6 nav-item">
     140            <i class="fas fa-align-left mr-3"></i>
     141            Случаи
     142        </a>
     143        <a href="/finished_cases" class="flex items-center text-white opacity-75 hover:opacity-100 py-4 pl-6 nav-item">
     144            <i class="fas fa-calendar mr-3"></i>
     145            Архива
     146        </a>
     147    </nav>
     148    <a href="#" class="absolute w-full upgrade-btn bottom-0 active-nav-link text-white flex items-center justify-center py-4">
     149        <i class="fas fa-arrow-circle-up mr-3"></i>
     150        Поставки за профил
     151    </a>
     152</aside>
     153
     154<div class="w-full flex flex-col h-screen overflow-y-hidden">
     155    <!-- Desktop Header -->
     156    <header class="w-full items-center bg-white py-2 px-6 hidden sm:flex">
     157        <div class="w-1/2"></div>
     158        <div x-data="{ isOpen: false }" class="relative w-1/2 flex justify-end">
     159            <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">
     160                <img src="https://source.unsplash.com/uJ8LNVCBjFQ/400x400">
     161            </button>
     162            <button x-show="isOpen" @click="isOpen = false" class="h-full w-full fixed inset-0 cursor-default"></button>
     163            <div x-show="isOpen" class="absolute w-32 bg-white rounded-lg shadow-lg py-2 mt-16">
     164                <a href="#" class="block px-4 py-2 account-link hover:text-white">Профил</a>
     165                <a href="#" class="block px-4 py-2 account-link hover:text-white">Помош</a>
     166                <a href="#" class="block px-4 py-2 account-link hover:text-white">Одјави се</a>
     167            </div>
    31168        </div>
    32     @endif
    33 
    34 
     169    </header>
     170
     171    <!-- Mobile Header & Nav -->
     172    <header x-data="{ isOpen: false }" class="w-full bg-sidebar py-5 px-6 sm:hidden">
     173        <div class="flex items-center justify-between">
     174            <a href="/" class="text-white text-3xl font-semibold uppercase hover:text-gray-300">Началник</a>
     175            <button @click="isOpen = !isOpen" class="text-white text-3xl focus:outline-none">
     176                <i x-show="!isOpen" class="fas fa-bars"></i>
     177                <i x-show="isOpen" class="fas fa-times"></i>
     178            </button>
     179        </div>
     180
     181        <!-- Dropdown Nav -->
     182        <nav :class="isOpen ? 'flex': 'hidden'" class="flex flex-col pt-4">
     183            <a href="/" class="flex items-center text-white opacity-75 hover:opacity-100 py-2 pl-4 nav-item">
     184                <i class="fas fa-tachometer-alt mr-3"></i>
     185                Контролна табла
     186            </a>
     187            <a href="/employees" class="flex items-center text-white opacity-75 hover:opacity-100 py-2 pl-4 nav-item">
     188                <i class="fas fa-sticky-note mr-3"></i>
     189                Вработени
     190            </a>
     191            <a href="/filter"  class="flex items-center active-nav-link text-white py-2 pl-4 nav-item">
     192                <i class="fas fa-table mr-3"></i>
     193                Филтрирај граѓани
     194            </a>
     195            <a href="/cases" class="flex items-center text-white opacity-75 hover:opacity-100 py-2 pl-4 nav-item">
     196                <i class="fas fa-align-left mr-3"></i>
     197                Случаи
     198            </a>
     199
     200            <a href="/finished_cases" class="flex items-center text-white opacity-75 hover:opacity-100 py-2 pl-4 nav-item">
     201                <i class="fas fa-calendar mr-3"></i>
     202                Архива
     203            </a>
     204            <a href="/help" class="flex items-center text-white opacity-75 hover:opacity-100 py-2 pl-4 nav-item">
     205                <i class="fas fa-cogs mr-3"></i>
     206                Помош
     207            </a>
     208            <a href="/myprofile" class="flex items-center text-white opacity-75 hover:opacity-100 py-2 pl-4 nav-item">
     209                <i class="fas fa-user mr-3"></i>
     210                Мој профил
     211            </a>
     212            <a href="/logout" class="flex items-center text-white opacity-75 hover:opacity-100 py-2 pl-4 nav-item">
     213                <i class="fas fa-sign-out-alt mr-3"></i>
     214                Одјави се
     215            </a>
     216
     217        </nav>
     218        <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">
     219            <i class="fas fa-plus mr-3"></i> Нов извештај
     220        </button>
     221    </header>
     222
     223
     224    <main class="w-full flex-grow p-6">
     225
     226        <h1 class="text-3xl text-black pb-6">Контролна табла</h1>
     227
     228
     229
     230
     231        <div class="w-full mt-12">
     232            <p class="text-xl pb-3 flex items-center">
     233                <i class="fas fa-list mr-3"></i> Додавање на полицаец
     234            </p>
     235
     236            <div class=".center">
     237                  <form method="POST" action="/register-policeman" class="mt-10 .center">
     238                      @csrf
     239                      <div class="mb-6">
     240                          <label class="block mb-2 uppercase font-bold text-xs text-gray-700"
     241                                 for="embg"
     242                          >
     243                              ЕМБГ
     244                          </label>
     245
     246                          <input class="border border-gray-400 p-2 w-full"
     247                                 type="text"
     248                                 name="embg"
     249                                 value="{{old('embg')}}"
     250                                 id="embg"
     251                                 required
     252                                >
     253                      </div>
     254
     255                      <div class="mb-6">
     256                          <label class="block mb-2 uppercase font-bold text-xs text-gray-700"
     257                                 for="name"
     258                          >
     259                              Име
     260                          </label>
     261
     262                          <input class="border border-gray-400 p-2 w-full  text-gray-500"
     263                                 type="text"
     264                                 name="name"
     265                                 value=""
     266                                 id="name"
     267                                 required
     268                                 disabled="disabled">
     269                      </div>
     270
     271                      @error('name')
     272                      <p class="text-red-500 text-xs mt-1">{{$message}}</p>
     273                      @enderror
     274
     275                      <div class="mb-6">
     276                          <label class="block mb-2 uppercase font-bold text-xs text-gray-700"
     277                                 for="lastname"
     278                          >
     279                              Презиме
     280                          </label>
     281
     282                          <input class="border border-gray-400 p-2 w-full text-gray-500"
     283                                 type="text"
     284                                 name="lastname"
     285                                 value=""
     286                                 id="lastname"
     287                                 required
     288                                 disabled="disabled" >
     289                      </div>
     290                      @error('lastname')
     291                      <p class="text-red-500 text-xs mt-1">{{$message}}</p>
     292                      @enderror
     293
     294                      <div class="mb-6">
     295                          <label class="block mb-2 uppercase font-bold text-xs text-gray-700"
     296                                 for="email"
     297                          >
     298                              Email
     299                          </label>
     300
     301                          <input class="border border-gray-400 p-2 w-full"
     302                                 type="email"
     303                                 name="email"
     304                                 value="{{old('email')}}"
     305                                 id="email"
     306                                 required
     307                          >
     308                      </div>
     309                      @error('email')
     310                      <p class="text-red-500 text-xs mt-1">{{$message}}</p>
     311                      @enderror
     312
     313                      <div class="mb-6">
     314                          <label class="block mb-2 uppercase font-bold text-xs text-gray-700"
     315                                 for="password"
     316                          >
     317                              Password
     318                          </label>
     319
     320                          <input class="border border-gray-400 p-2 w-full"
     321                                 type="password"
     322                                 name="password"
     323                                 id="password"
     324                                 required
     325                          >
     326                      </div>
     327                      <div class="mb-6">
     328                          <label class="block mb-2 uppercase font-bold text-xs text-gray-700"
     329                                 for="rank"
     330                          >
     331                              Ранк
     332                          </label>
     333
     334                          <input class="border border-gray-400 p-2 w-full"
     335                                 type="text"
     336                                 name="rank"
     337                                 id="rank"
     338                                 required
     339                          >
     340                      </div>
     341
     342                      <div class="mb-6">
     343                          <button type="submit"
     344                                  class="bg-blue-400 text-white rounded py-2 px-4 hover:bg-blue-500"
     345                          >
     346                              Додади
     347                          </button>
     348                      </div>
     349                  </form>
     350            </div>
     351        </div>
     352    </main>
    35353</div>
     354
     355
     356<!-- AlpineJS -->
     357<script src="https://cdn.jsdelivr.net/gh/alpinejs/alpine@v2.x.x/dist/alpine.min.js" defer></script>
     358<!-- Font Awesome -->
     359<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>
     360<!-- ChartJS -->
     361<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.3/Chart.min.js" integrity="sha256-R4pqcOYV8lt7snxMQO/HSbVCFRPMdrhAFMH+vr9giYI=" crossorigin="anonymous"></script>
     362
    36363</body>
    37364</html>
Note: See TracChangeset for help on using the changeset viewer.