dashboard.blade.php
1 @section('content') 2 <x-card title="{{ __('dossiers.cards.index')}}" headerClasses="bg-primary-600 rounded-t text-white"> 3 4 5 <x-slot name="action"> 6 <button class="rounded-full focus:outline-none focus:ring-2 focus:ring-white"> 7 <x-icon name="dots-vertical" class="w-4 h-4 text-white" /> 8 </button> 9 </x-slot> 10 11 <div class="flex flex-col space-y-4"> 12 <x-card title="{{ __('dossiers.dossier.cards.filters')}}" headerClasses="bg-primary-600 rounded-t text-white text-sm"> 13 <div class="grid w-full grid-cols-4 gap-4"> 14 <div class="flex flex-col items-start justify-center col-span-2"> 15 <x-input label="Filtro" /> 16 </div> 17 <div class="flex flex-col items-start justify-center "> 18 <x-input label="Inicio" type="date" /> 19 </div> 20 <div class="flex flex-col items-start justify-center "> 21 <x-input label="Fin" type="date" /> 22 </div> 23 <div class="flex flex-col items-start justify-center"> 24 <x-select 25 label="Select Status" 26 multiselect 27 placeholder="Select one status" 28 :options="['Active', 'Pending', 'Stuck', 'Done']" 29 /> 30 </div> 31 <div class="flex flex-col items-start justify-center"> 32 <div class="mb-1 text-sm font-semibold text-secondary-700">Filtro</div> 33 <div class="h-10 py-2"> 34 <x-toggle label="Label in Right" /> 35 </div> 36 </div> 37 38 39 <div class="flex flex-col items-start justify-center"> 40 <x-input label="Name" placeholder="your name" /> 41 </div> 42 <div class="flex flex-col items-start justify-center"> 43 <x-input label="Name" placeholder="your name" /> 44 </div> 45 </div> 46 </x-card> 47 48 <x-table.table> 49 <x-slot name="head"> 50 51 <x-table.heading sortable class="text-center"> 52 {{ __('dossiers.table.last_update') }}</x-table.heading> 53 <x-table.heading sortable class="text-center"> 54 {{ __('dossiers.table.code') }}</x-table.heading> 55 56 <x-table.heading sortable class="text-left"> 57 {{ __('dossiers.table.toe') }}</x-table.heading> 58 59 60 <x-table.heading sortable class="text-center"> 61 {{ __('dossiers.table.status') }}</x-table.heading> 62 63 <x-table.heading sortable class="text-center"> 64 {{ __('dossiers.table.step') }}</x-table.heading> 65 <x-table.heading sortable class="text-center"> 66 {{ __('dossiers.table.laboratory') }}</x-table.heading> 67 68 </x-slot> 69 <x-slot name="body"> 70 71 <x-table.row wire:loading.class.delay="opacity-50" wire:ignore.self> 72 73 <x-table.cell class="text-xs text-center text-gray-500"> 74 hoy a las 9:36 75 </x-table.cell> 76 <x-table.cell class="text-xs text-center text-gray-500"> 77 #AB-202304 78 </x-table.cell> 79 <x-table.cell class="text-base"> 80 <div class="flex flex-col"> 81 <div class="font-medium text-secondary-700">Deep Firewall for AWS</div> 82 <div class="text-xs font-medium text-gray-500">ACME Enterprises</div> 83 </div> 84 </x-table.cell> 85 86 <x-table.cell> 87 <div class="flex items-center justify-center"> 88 <x-badge flat primary label="En curso" /> 89 </div> 90 </x-table.cell> 91 <x-table.cell> 92 <div class="flex items-center justify-center"> 93 <x-badge flat warning label="Inicio" /> 94 </div> 95 </x-table.cell> 96 97 <x-table.cell> 98 <div class="flex items-center justify-center"> 99 <x-badge flat negative label="jtsec Beyond IT Security" /> 100 </div> 101 </x-table.cell> 102 </x-table.row> 103 104 <x-table.row wire:loading.class.delay="opacity-50" wire:ignore.self> 105 106 <x-table.cell class="text-xs text-center text-gray-500"> 107 hoy a las 9:36 108 </x-table.cell> 109 <x-table.cell class="text-xs text-center text-gray-500"> 110 #AB-202304 111 </x-table.cell> 112 <x-table.cell class="text-base"> 113 <div class="flex flex-col"> 114 <div class="font-medium text-secondary-700">Deep Firewall for AWS</div> 115 <div class="text-xs font-medium text-gray-500">ACME Enterprises</div> 116 </div> 117 </x-table.cell> 118 119 <x-table.cell> 120 <div class="flex items-center justify-center"> 121 <x-badge flat primary label="En curso" /> 122 </div> 123 </x-table.cell> 124 <x-table.cell> 125 <div class="flex items-center justify-center"> 126 <x-badge flat warning label="Inicio" /> 127 </div> 128 </x-table.cell> 129 130 <x-table.cell> 131 <div class="flex items-center justify-center"> 132 <x-badge flat negative label="jtsec Beyond IT Security" /> 133 </div> 134 </x-table.cell> 135 </x-table.row> 136 137 <x-table.row wire:loading.class.delay="opacity-50" wire:ignore.self> 138 139 <x-table.cell class="text-xs text-center text-gray-500"> 140 hoy a las 9:36 141 </x-table.cell> 142 <x-table.cell class="text-xs text-center text-gray-500"> 143 #AB-202304 144 </x-table.cell> 145 <x-table.cell class="text-base"> 146 <div class="flex flex-col"> 147 <div class="font-medium text-secondary-700">Deep Firewall for AWS</div> 148 <div class="text-xs font-medium text-gray-500">ACME Enterprises</div> 149 </div> 150 </x-table.cell> 151 152 <x-table.cell> 153 <div class="flex items-center justify-center"> 154 <x-badge flat primary label="En curso" /> 155 </div> 156 </x-table.cell> 157 <x-table.cell> 158 <div class="flex items-center justify-center"> 159 <x-badge flat warning label="Inicio" /> 160 </div> 161 </x-table.cell> 162 163 <x-table.cell> 164 <div class="flex items-center justify-center"> 165 <x-badge flat negative label="jtsec Beyond IT Security" /> 166 </div> 167 </x-table.cell> 168 </x-table.row> 169 <x-table.row wire:loading.class.delay="opacity-50" wire:ignore.self> 170 171 <x-table.cell class="text-xs text-center text-gray-500"> 172 hoy a las 9:36 173 </x-table.cell> 174 <x-table.cell class="text-xs text-center text-gray-500"> 175 #AB-202304 176 </x-table.cell> 177 <x-table.cell class="text-base"> 178 <div class="flex flex-col"> 179 <div class="font-medium text-secondary-700">Deep Firewall for AWS</div> 180 <div class="text-xs font-medium text-gray-500">ACME Enterprises</div> 181 </div> 182 </x-table.cell> 183 184 <x-table.cell> 185 <div class="flex items-center justify-center"> 186 <x-badge flat primary label="En curso" /> 187 </div> 188 </x-table.cell> 189 <x-table.cell> 190 <div class="flex items-center justify-center"> 191 <x-badge flat warning label="Inicio" /> 192 </div> 193 </x-table.cell> 194 195 <x-table.cell> 196 <div class="flex items-center justify-center"> 197 <x-badge flat negative label="jtsec Beyond IT Security" /> 198 </div> 199 </x-table.cell> 200 </x-table.row> 201 202 <x-table.row wire:loading.class.delay="opacity-50" wire:ignore.self> 203 204 <x-table.cell class="text-xs text-center text-gray-500"> 205 hoy a las 9:36 206 </x-table.cell> 207 <x-table.cell class="text-xs text-center text-gray-500"> 208 #AB-202304 209 </x-table.cell> 210 <x-table.cell class="text-base"> 211 <div class="flex flex-col"> 212 <div class="font-medium text-secondary-700">Deep Firewall for AWS</div> 213 <div class="text-xs font-medium text-gray-500">ACME Enterprises</div> 214 </div> 215 </x-table.cell> 216 217 <x-table.cell> 218 <div class="flex items-center justify-center"> 219 <x-badge flat primary label="En curso" /> 220 </div> 221 </x-table.cell> 222 <x-table.cell> 223 <div class="flex items-center justify-center"> 224 <x-badge flat warning label="Inicio" /> 225 </div> 226 </x-table.cell> 227 228 <x-table.cell> 229 <div class="flex items-center justify-center"> 230 <x-badge flat negative label="jtsec Beyond IT Security" /> 231 </div> 232 </x-table.cell> 233 </x-table.row> 234 235 <x-table.row wire:loading.class.delay="opacity-50" wire:ignore.self> 236 237 <x-table.cell class="text-xs text-center text-gray-500"> 238 hoy a las 9:36 239 </x-table.cell> 240 <x-table.cell class="text-xs text-center text-gray-500"> 241 #AB-202304 242 </x-table.cell> 243 <x-table.cell class="text-base"> 244 <div class="flex flex-col"> 245 <div class="font-medium text-secondary-700">Deep Firewall for AWS</div> 246 <div class="text-xs font-medium text-gray-500">ACME Enterprises</div> 247 </div> 248 </x-table.cell> 249 250 <x-table.cell> 251 <div class="flex items-center justify-center"> 252 <x-badge flat primary label="En curso" /> 253 </div> 254 </x-table.cell> 255 <x-table.cell> 256 <div class="flex items-center justify-center"> 257 <x-badge flat warning label="Inicio" /> 258 </div> 259 </x-table.cell> 260 261 <x-table.cell> 262 <div class="flex items-center justify-center"> 263 <x-badge flat negative label="jtsec Beyond IT Security" /> 264 </div> 265 </x-table.cell> 266 </x-table.row> 267 268 <x-table.row wire:loading.class.delay="opacity-50" wire:ignore.self> 269 270 <x-table.cell class="text-xs text-center text-gray-500"> 271 hoy a las 9:36 272 </x-table.cell> 273 <x-table.cell class="text-xs text-center text-gray-500"> 274 #AB-202304 275 </x-table.cell> 276 <x-table.cell class="text-base"> 277 <div class="flex flex-col"> 278 <div class="font-medium text-secondary-700">Deep Firewall for AWS</div> 279 <div class="text-xs font-medium text-gray-500">ACME Enterprises</div> 280 </div> 281 </x-table.cell> 282 283 <x-table.cell> 284 <div class="flex items-center justify-center"> 285 <x-badge flat primary label="En curso" /> 286 </div> 287 </x-table.cell> 288 <x-table.cell> 289 <div class="flex items-center justify-center"> 290 <x-badge flat warning label="Inicio" /> 291 </div> 292 </x-table.cell> 293 294 <x-table.cell> 295 <div class="flex items-center justify-center"> 296 <x-badge flat negative label="jtsec Beyond IT Security" /> 297 </div> 298 </x-table.cell> 299 </x-table.row> 300 301 <x-table.row wire:loading.class.delay="opacity-50" wire:ignore.self> 302 303 <x-table.cell class="text-xs text-center text-gray-500"> 304 hoy a las 9:36 305 </x-table.cell> 306 <x-table.cell class="text-xs text-center text-gray-500"> 307 #AB-202304 308 </x-table.cell> 309 <x-table.cell class="text-base"> 310 <div class="flex flex-col"> 311 <div class="font-medium text-secondary-700">Deep Firewall for AWS</div> 312 <div class="text-xs font-medium text-gray-500">ACME Enterprises</div> 313 </div> 314 </x-table.cell> 315 316 <x-table.cell> 317 <div class="flex items-center justify-center"> 318 <x-badge flat primary label="En curso" /> 319 </div> 320 </x-table.cell> 321 <x-table.cell> 322 <div class="flex items-center justify-center"> 323 <x-badge flat warning label="Inicio" /> 324 </div> 325 </x-table.cell> 326 327 <x-table.cell> 328 <div class="flex items-center justify-center"> 329 <x-badge flat negative label="jtsec Beyond IT Security" /> 330 </div> 331 </x-table.cell> 332 </x-table.row> 333 334 335 336 337 </x-slot> 338 </x-table> 339 </div> 340 </x-card> 341 @endsection