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

Connected database

File:
1 edited

Legend:

Unmodified
Added
Removed
  • 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>
Note: See TracChangeset for help on using the changeset viewer.