source: resources/views/dashboard/index.blade.php@ c6b84df

develop
Last change on this file since c6b84df was c6b84df, checked in by beratkjufliju <kufliju@…>, 3 years ago

added fileTypes controller, notifications, excel export, edited views
  • Property mode set to 100644
File size: 55.0 KB
Line 
1@extends('layouts.app')
2
3@section('head')
4 <!-- Slick -->
5 <link rel="stylesheet" href="{{ url('/vendors/slick/slick.css') }}" type="text/css">
6 <link rel="stylesheet" href="{{ url('/vendors/slick/slick-theme.css') }}" type="text/css">
7
8 <!-- Daterangepicker -->
9 <link rel="stylesheet" href="{{ url('vendors/datepicker/daterangepicker.css') }}" type="text/css">
10
11 <!-- DataTable -->
12 <link rel="stylesheet" href="{{ url('vendors/dataTable/datatables.min.css') }}" type="text/css">
13@endsection
14
15@section('pageTitle', 'Dashboard')
16
17@section('content')
18
19 <div class="page-header">
20 <nav aria-label="breadcrumb">
21 <ol class="breadcrumb">
22 <li class="breadcrumb-item">
23 <a href="{{ url('/') }}">Dashboard</a>
24 </li>
25 </ol>
26 </nav>
27 </div>
28
29 <div class="row">
30 <div class="col-md-12">
31
32 <div class="row">
33 <div class="col-lg-4 col-md-12">
34 <div class="card">
35 <div class="card-body">
36 <div class="d-flex justify-content-between mb-3">
37 <div>
38 <p class="text-muted">Total Departments</p>
39 <h2 class="font-weight-bold">{{ $departments->count() }}</h2>
40 </div>
41 <div>
42 <figure class="avatar">
43 <span class="avatar-title bg-success-bright text-success rounded-circle">
44 <i class="ti-layout-grid2"></i>
45 </span>
46 </figure>
47 </div>
48 </div>
49 <div class="d-inline-flex align-items-center">
50 <a href="{{ route("dashboard.departments.index") }}" class="text-linkedin"><i class="fa fa-arrow-right text-linkedin pr-1" aria-hidden="true"></i> Show departments</a>
51 </div>
52 </div>
53 </div>
54 </div>
55 <div class="col-lg-4 col-md-12">
56 <div class="card">
57 <div class="card-body">
58 <div class="d-flex justify-content-between mb-3">
59 <div>
60 <p class="text-muted">Total Folders</p>
61 <h2 class="font-weight-bold">{{ $folders->count() }}</h2>
62 </div>
63 <div>
64 <figure class="avatar">
65 <span class="avatar-title bg-info-bright text-info rounded-circle">
66 <i class="ti-folder"></i>
67 </span>
68 </figure>
69 </div>
70 </div>
71 <div class="d-inline-flex align-items-center">
72 <a href="{{ route("dashboard.folders.index") }}" class="text-linkedin"><i class="fa fa-arrow-right text-linkedin pr-1" aria-hidden="true"></i> Show folders</a>
73 </div>
74 </div>
75 </div>
76 </div>
77 <div class="col-lg-4 col-md-12">
78 <div class="card">
79 <div class="card-body">
80 <div class="d-flex justify-content-between mb-3">
81 <div>
82 <p class="text-muted">Total Files</p>
83 <h2 class="font-weight-bold">{{ $files->count() }}</h2>
84 </div>
85 <div>
86 <figure class="avatar">
87 <span class="avatar-title bg-warning-bright text-warning rounded-circle">
88 <i class="ti-files"></i>
89 </span>
90 </figure>
91 </div>
92 </div>
93 <div class="d-inline-flex align-items-center">
94 <a href="{{ route("dashboard.files.index") }}" class="text-linkedin"><i class="fa fa-arrow-right text-linkedin pr-1" aria-hidden="true"></i> Show files</a>
95 </div>
96 </div>
97 </div>
98 </div>
99
100 </div>
101
102 </div>
103 </div>
104
105 <div class="row">
106 <div class="col-lg-8 col-md-12">
107 <div class="card">
108 <div class="card-body">
109 <div class="d-flex justify-content-between">
110 <h6 class="card-title">Revenue</h6>
111 <div>
112 <a href="#" class="btn btn-outline-light btn-sm mr-2">
113 <i class="fa fa-refresh"></i>
114 </a>
115 <div class="dropdown">
116 <a href="#" data-toggle="dropdown"
117 class="btn btn-outline-light btn-sm"
118 aria-haspopup="true" aria-expanded="false">
119 <i class="fa fa-ellipsis-h" aria-hidden="true"></i>
120 </a>
121 <div class="dropdown-menu dropdown-menu-right">
122 <a class="dropdown-item" href="#">Action</a>
123 <a class="dropdown-item" href="#">Another action</a>
124 <a class="dropdown-item" href="#">Something else here</a>
125 </div>
126 </div>
127 </div>
128 </div>
129 <div class="row mb-3">
130 <div class="col-lg-4">
131 <p class="mb-2">This Week</p>
132 <div class="d-flex align-items-end">
133 <h2 class="mb-0 line-height-30 font-size-35">$235</h2>
134 <span class="text-success small ml-2 d-flex align-items-center">
135 <span class="ti-arrow-up mr-2"></span>
136 <span class="badge badge-success rounded d-inline-flex align-items-center">1.9%</span>
137 </span>
138 </div>
139 </div>
140 <div class="col-lg-4">
141 <p class="mb-2">Last Week</p>
142 <div class="d-flex align-items-end">
143 <h2 class="mb-0 line-height-30 font-size-35">$5,180</h2>
144 <span class="text-danger small ml-2 d-flex align-items-center">
145 <span class="ti-arrow-down mr-2"></span>
146 <span class="badge badge-danger rounded d-inline-flex align-items-center">1.9%</span>
147 </span>
148 </div>
149 </div>
150 </div>
151 <div id="revenue"></div>
152 </div>
153 </div>
154
155 </div>
156 <div class="col-lg-4 col-md-12">
157 <div class="card">
158 <div class="card-body">
159 <div class="d-flex justify-content-between">
160 <h6 class="card-title">Hot Products</h6>
161 <div>
162 <div class="dropdown">
163 <a href="#" data-toggle="dropdown"
164 class="btn btn-outline-light btn-sm"
165 aria-haspopup="true" aria-expanded="false">
166 <i class="fa fa-ellipsis-h" aria-hidden="true"></i>
167 </a>
168 <div class="dropdown-menu dropdown-menu-right">
169 <a class="dropdown-item" href="#">Action</a>
170 <a class="dropdown-item" href="#">Another action</a>
171 <a class="dropdown-item" href="#">Something else here</a>
172 </div>
173 </div>
174 </div>
175 </div>
176 <div id="hot-products"></div>
177 <div>
178 <ul class="list-group list-group-flush">
179 <li class="list-group-item pl-0 pr-0">
180 <i class="fa fa-circle mr-1 text-secondary"></i> Iphone
181 </li>
182 <li class="list-group-item pl-0 pr-0">
183 <i class="fa fa-circle mr-1 text-warning"></i> Samsung
184 </li>
185 <li class="list-group-item pl-0 pr-0">
186 <i class="fa fa-circle mr-1 text-info"></i> Huawei
187 </li>
188 <li class="list-group-item pl-0 pr-0">
189 <i class="fa fa-circle mr-1 text-success"></i> General Mobile
190 </li>
191 <li class="list-group-item pl-0 pr-0">
192 <i class="fa fa-circle mr-1 text-danger"></i> Xiaomi
193 </li>
194 </ul>
195 </div>
196 </div>
197 </div>
198 </div>
199 </div>
200
201 <div class="card">
202 <div class="card-body">
203 <div class="d-flex justify-content-between">
204 <h6 class="card-title">Recent Orders</h6>
205 <div>
206 <a href="#" class="btn btn-outline-light btn-sm mr-2">
207 <i class="fa fa-refresh"></i>
208 </a>
209 <div class="dropdown">
210 <a href="#" data-toggle="dropdown"
211 class="btn btn-outline-light btn-sm"
212 aria-haspopup="true" aria-expanded="false">
213 <i class="fa fa-ellipsis-h" aria-hidden="true"></i>
214 </a>
215 <div class="dropdown-menu dropdown-menu-right">
216 <a class="dropdown-item" href="#">Action</a>
217 <a class="dropdown-item" href="#">Another action</a>
218 <a class="dropdown-item" href="#">Something else here</a>
219 </div>
220 </div>
221 </div>
222 </div>
223 <div class="row">
224 <div class="col-md-12">
225 <div class="table-responsive">
226 <table id="recent-orders" class="table table-lg">
227 <thead>
228 <tr>
229 <th>ID</th>
230 <th>Product Name</th>
231 <th>Customer</th>
232 <th>Total Price</th>
233 <th>Status</th>
234 <th>Date</th>
235 <th>Action</th>
236 </tr>
237 </thead>
238 <tbody>
239 <tr>
240 <td>
241 <a href="#">3145</a>
242 </td>
243 <td>
244 <a href="testproduct-detail') }}" class="d-flex align-items-center">
245 <img width="40" src="{{ url('assets/media/image/products/product1.png') }}"
246 class="rounded mr-3" alt="grape">
247 <span>HP Pavilion 15-EC0005NT AMD</span>
248 </a>
249 </td>
250 <td>Dollie Bullock</td>
251 <td>$230</td>
252 <td>
253 <span
254 class="badge bg-secondary-bright text-secondary">On pre-order (not paid)</span>
255 </td>
256 <td>2018/08/28 21:24:36</td>
257 <td>
258 <a href="#" class="text-secondary" data-toggle="tooltip" title="Edit">
259 <i class="ti-pencil"></i>
260 </a>
261 <a href="#" class="text-danger ml-2" data-toggle="tooltip" title="Delete">
262 <i class="ti-trash"></i>
263 </a>
264 </td>
265 </tr>
266 <tr>
267 <td>
268 <a href="#">7321</a>
269 </td>
270 <td>
271 <a href="testproduct-detail') }}" class="d-flex align-items-center">
272 <img width="40" src="{{ url('assets/media/image/products/product2.png') }}"
273 class="rounded mr-3" alt="banana">
274 <span>Samsung Galaxy A51 128 GB</span>
275 </a>
276 </td>
277 <td>Holmes Hines</td>
278 <td>$300</td>
279 <td>
280 <span class="badge bg-success-bright text-success">Payment accepted</span>
281 </td>
282 <td>2018/08/28 21:24:36</td>
283 <td>
284 <a href="#" class="text-secondary" data-toggle="tooltip" title="Edit">
285 <i class="ti-pencil"></i>
286 </a>
287 <a href="#" class="text-danger ml-2" data-toggle="tooltip" title="Delete">
288 <i class="ti-trash"></i>
289 </a>
290 </td>
291 </tr>
292 <tr>
293 <td>
294 <a href="#">9342</a>
295 </td>
296 <td>
297 <a href="testproduct-detail') }}" class="d-flex align-items-center">
298 <img width="40" src="{{ url('assets/media/image/products/product3.png') }}"
299 class="rounded mr-3" alt="cherry">
300 <span>Snopy SN-BT96 Pretty</span>
301 </a>
302 </td>
303 <td>Serena Glover</td>
304 <td>$250</td>
305 <td>
306 <span class="badge bg-danger-bright text-danger">Payment error</span>
307 </td>
308 <td>2018/08/28 21:24:36</td>
309 <td>
310 <a href="#" class="text-secondary" data-toggle="tooltip" title="Edit">
311 <i class="ti-pencil"></i>
312 </a>
313 <a href="#" class="text-danger ml-2" data-toggle="tooltip" title="Delete">
314 <i class="ti-trash"></i>
315 </a>
316 </td>
317 </tr>
318 <tr>
319 <td>
320 <a href="#">6416</a>
321 </td>
322 <td>
323 <a href="testproduct-detail') }}" class="d-flex align-items-center">
324 <img width="40" src="{{ url('assets/media/image/products/product4.png') }}"
325 class="rounded mr-3" alt="papaya">
326 <span>Ultimate Ears Wonderboom</span>
327 </a>
328 </td>
329 <td>Dianne Prince</td>
330 <td>$550</td>
331 <td>
332 <span class="badge bg-success-bright text-success">Payment accepted</span>
333 </td>
334 <td>2018/08/28 21:24:36</td>
335 <td>
336 <a href="#" class="text-secondary" data-toggle="tooltip" title="Edit">
337 <i class="ti-pencil"></i>
338 </a>
339 <a href="#" class="text-danger ml-2" data-toggle="tooltip" title="Delete">
340 <i class="ti-trash"></i>
341 </a>
342 </td>
343 </tr>
344 <tr>
345 <td>
346 <a href="#">92327</a>
347 </td>
348 <td>
349 <a href="testproduct-detail') }}" class="d-flex align-items-center">
350 <img width="40" src="{{ url('assets/media/image/products/product5.png') }}"
351 class="rounded mr-3" alt="pig">
352 <span>Canon Pixma E3140 Printer</span>
353 </a>
354 </td>
355 <td>Morgan Pitts</td>
356 <td>$280</td>
357 <td>
358 <span class="badge bg-warning-bright text-warning">Preparing the order</span>
359 </td>
360 <td>2018/08/28 21:24:36</td>
361 <td>
362 <a href="#" class="text-secondary" data-toggle="tooltip" title="Edit">
363 <i class="ti-pencil"></i>
364 </a>
365 <a href="#" class="text-danger ml-2" data-toggle="tooltip" title="Delete">
366 <i class="ti-trash"></i>
367 </a>
368 </td>
369 </tr>
370 <tr>
371 <td>
372 <a href="#">3013</a>
373 </td>
374 <td>
375 <a href="testproduct-detail') }}" class="d-flex align-items-center">
376 <img width="40" src="{{ url('assets/media/image/products/product6.png') }}"
377 class="rounded mr-3" alt="pineapple">
378 <span>Canon 4000D 18-55 MM</span>
379 </a>
380 </td>
381 <td>Merrill Richardson</td>
382 <td>$128</td>
383 <td>
384 <span class="badge bg-info-bright text-info">Awaiting PayPal payment</span>
385 </td>
386 <td>2018/08/28 21:24:36</td>
387 <td>
388 <a href="#" class="text-secondary" data-toggle="tooltip" title="Edit">
389 <i class="ti-pencil"></i>
390 </a>
391 <a href="#" class="text-danger ml-2" data-toggle="tooltip" title="Delete">
392 <i class="ti-trash"></i>
393 </a>
394 </td>
395 </tr>
396 <tr>
397 <td>
398 <a href="#">10323</a>
399 </td>
400 <td>
401 <a href="testproduct-detail') }}" class="d-flex align-items-center">
402 <img width="40" src="{{ url('assets/media/image/products/product7.png') }}"
403 class="rounded mr-3" alt="pomegranate">
404 <span>Lenovo Tab E10 TB-X104F 32GB 10.1"</span>
405 </a>
406 </td>
407 <td>Krista Mathis</td>
408 <td>$500</td>
409 <td>
410 <span class="badge bg-secondary-bright text-secondary">Shipped</span>
411 </td>
412 <td>2018/08/28 21:24:36</td>
413 <td>
414 <a href="#" class="text-secondary" data-toggle="tooltip" title="Edit">
415 <i class="ti-pencil"></i>
416 </a>
417 <a href="#" class="text-danger ml-2" data-toggle="tooltip" title="Delete">
418 <i class="ti-trash"></i>
419 </a>
420 </td>
421 </tr>
422 <tr>
423 <td>
424 <a href="#">4218</a>
425 </td>
426 <td>
427 <a href="testproduct-detail') }}" class="d-flex align-items-center">
428 <img width="40" src="{{ url('assets/media/image/products/product8.png') }}"
429 class="rounded mr-3" alt="raspberry">
430 <span>Samsung 55Q60RAT 55"</span>
431 </a>
432 </td>
433 <td>Frankie Hewitt</td>
434 <td>$300</td>
435 <td>
436 <span class="badge bg-success-bright text-success">Remote payment accepted</span>
437 </td>
438 <td>2018/08/28 21:24:36</td>
439 <td>
440 <a href="#" class="text-secondary" data-toggle="tooltip" title="Edit">
441 <i class="ti-pencil"></i>
442 </a>
443 <a href="#" class="text-danger ml-2" data-toggle="tooltip" title="Delete">
444 <i class="ti-trash"></i>
445 </a>
446 </td>
447 </tr>
448 <tr>
449 <td>
450 <a href="#">3158</a>
451 </td>
452 <td>
453 <a href="testproduct-detail') }}" class="d-flex align-items-center">
454 <img width="40" src="{{ url('assets/media/image/products/product9.png') }}"
455 class="rounded mr-3" alt="strawberry">
456 <span>Toshiba Canvio Basic 1TB 2.5"</span>
457 </a>
458 </td>
459 <td>Hayden Fitzgerald</td>
460 <td>$200</td>
461 <td>
462 <span class="badge bg-success-bright text-success">Delivered</span>
463 </td>
464 <td>2018/08/28 21:24:36</td>
465 <td>
466 <a href="#" class="text-secondary" data-toggle="tooltip" title="Edit">
467 <i class="ti-pencil"></i>
468 </a>
469 <a href="#" class="text-danger ml-2" data-toggle="tooltip" title="Delete">
470 <i class="ti-trash"></i>
471 </a>
472 </td>
473 </tr>
474 <tr>
475 <td>
476 <a href="#">9610</a>
477 </td>
478 <td>
479 <a href="testproduct-detail') }}" class="d-flex align-items-center">
480 <img width="40" src="{{ url('assets/media/image/products/product10.png') }}"
481 class="rounded mr-3" alt="watermelon">
482 <span>Fms Wireless Controller</span>
483 </a>
484 </td>
485 <td>Cole Holcomb</td>
486 <td>$700</td>
487 <td>
488 <span
489 class="badge bg-secondary-bright text-secondary">On pre-order (not paid)</span>
490 </td>
491 <td>2018/08/28 21:24:36</td>
492 <td>
493 <a href="#" class="text-secondary" data-toggle="tooltip" title="Edit">
494 <i class="ti-pencil"></i>
495 </a>
496 <a href="#" class="text-danger ml-2" data-toggle="tooltip" title="Delete">
497 <i class="ti-trash"></i>
498 </a>
499 </td>
500 </tr>
501 </tbody>
502 </table>
503 </div>
504 </div>
505 </div>
506 </div>
507 </div>
508
509 <div class="row">
510 <div class="col-lg-8 col-md-12">
511 <div class="card">
512 <div class="card-body">
513 <div class="d-md-flex mb-2 mb-sm-0 justify-content-between">
514 <h6 class="card-title">Activities</h6>
515 <div>
516 <div id="reportrange" class="form-control">
517 <span></span>
518 </div>
519 </div>
520 </div>
521 <div id="ecommerce-activity-chart"></div>
522 </div>
523 </div>
524 </div>
525 <div class="col-lg-4 col-md-12">
526 <div class="card">
527 <div class="card-body pb-0">
528 <div class="d-flex justify-content-between align-items-start mb-3">
529 <h6 class="card-title mb-0">Top Sales</h6>
530 <a href="#" class="small">All Sales</a>
531 </div>
532 </div>
533 <div class="table-responsive">
534 <table class="table table-striped mb-0">
535 <thead>
536 <tr>
537 <th>Product</th>
538 <th>Total Sales</th>
539 </tr>
540 </thead>
541 <tbody>
542 <tr>
543 <td>
544 <a href="#">Apple</a>
545 </td>
546 <td>21</td>
547 </tr>
548 <tr>
549 <td>
550 <a href="#">Samsung <span class="badge badge-danger ml-1">New</span></a>
551 </td>
552 <td>52</td>
553 </tr>
554 <tr>
555 <td>
556 <a href="#">Huawei</a>
557 </td>
558 <td>74</td>
559 </tr>
560 <tr>
561 <td>
562 <a href="#">General Mobile</a>
563 </td>
564 <td>25</td>
565 </tr>
566 <tr>
567 <td>
568 <a href="#">Xiaomi</a>
569 </td>
570 <td>11</td>
571 </tr>
572 <tr>
573 <td>
574 <a href="#">Nokia</a>
575 </td>
576 <td>8</td>
577 </tr>
578 <tr>
579 <td>
580 <a href="#">Sony</a>
581 </td>
582 <td>5</td>
583 </tr>
584 <tr>
585 <td>
586 <a href="#">Alcatel</a>
587 </td>
588 <td>5</td>
589 </tr>
590 </tbody>
591 </table>
592 </div>
593 </div>
594 </div>
595 </div>
596
597 <div class="row">
598 <div class="col-md-6">
599 <div class="card">
600 <div class="card-body">
601 <h6 class="card-title d-flex justify-content-between">
602 <span>Income Distribution</span>
603 <span class="dropdown">
604 <a class="btn btn-outline-light btn-sm dropdown-toggle" href="#"
605 data-toggle="dropdown">USA</a>
606 <span class="dropdown-menu dropdown-menu-right">
607 <a href="#" class="dropdown-item">USA</a>
608 <a href="#" class="dropdown-item">Germany</a>
609 <a href="#" class="dropdown-item">France</a>
610 <a href="#" class="dropdown-item">Italy</a>
611 </span>
612 </span>
613 </h6>
614 <div id="vmap_usa_en" style="height: 300px"></div>
615 </div>
616 <div class="table-responsive">
617 <table class="table table-borderless table-lg table-striped mb-0">
618 <thead>
619 <tr>
620 <th class="wd-40">States</th>
621 <th class="wd-25 text-center">Orders</th>
622 <th class="wd-35 text-center">Earnings</th>
623 <th class="wd-35"></th>
624 </tr>
625 </thead>
626 <tbody>
627 <tr>
628 <td>California</td>
629 <td class="text-center">12,201</td>
630 <td class="text-center text-success">$150,200.80</td>
631 <td class="text-right">
632 <a href="#" data-toggle="tooltip" title="Detail">
633 <i class="fa fa-external-link"></i>
634 </a>
635 </td>
636 </tr>
637 <tr>
638 <td>Texas</td>
639 <td class="text-center">11,950</td>
640 <td class="text-center text-success">$138,910.20</td>
641 <td class="text-right">
642 <a href="#" data-toggle="tooltip" title="Detail">
643 <i class="fa fa-external-link"></i>
644 </a>
645 </td>
646 </tr>
647 <tr>
648 <td>Wyoming</td>
649 <td class="text-center">11,198</td>
650 <td class="text-center text-danger">$132,050.00</td>
651 <td class="text-right">
652 <a href="#" data-toggle="tooltip" title="Detail">
653 <i class="fa fa-external-link"></i>
654 </a>
655 </td>
656 </tr>
657 <tr>
658 <td>Florida</td>
659 <td class="text-center">9,885</td>
660 <td class="text-center text-success">$127,762.10</td>
661 <td class="text-right">
662 <a href="#" data-toggle="tooltip" title="Detail">
663 <i class="fa fa-external-link"></i>
664 </a>
665 </td>
666 </tr>
667 <tr>
668 <td>New York</td>
669 <td class="text-center">21,198</td>
670 <td class="text-center text-danger">$432,410.00</td>
671 <td class="text-right">
672 <a href="#" data-toggle="tooltip" title="Detail">
673 <i class="fa fa-external-link"></i>
674 </a>
675 </td>
676 </tr>
677 <tr>
678 <td>Montana</td>
679 <td class="text-center">2,885</td>
680 <td class="text-center text-success">$7,100.00</td>
681 <td class="text-right">
682 <a href="#" data-toggle="tooltip" title="Detail">
683 <i class="fa fa-external-link"></i>
684 </a>
685 </td>
686 </tr>
687 </tbody>
688 </table>
689 </div>
690 </div>
691 </div>
692 <div class="col-md-6">
693 <div class="card">
694 <div class="card-body">
695 <div class="card-title d-flex justify-content-between">
696 <h6 class="card-title">Revenue by Country</h6>
697 <div>
698 <a href="#" class="btn btn-outline-light btn-sm mr-2">
699 <i class="fa fa-refresh"></i>
700 </a>
701 <div class="dropdown">
702 <a href="#" data-toggle="dropdown"
703 class="btn btn-outline-light btn-sm"
704 aria-haspopup="true" aria-expanded="false">
705 <i class="fa fa-ellipsis-h" aria-hidden="true"></i>
706 </a>
707 <div class="dropdown-menu dropdown-menu-right">
708 <a class="dropdown-item" href="#">Action</a>
709 <a class="dropdown-item" href="#">Another action</a>
710 <a class="dropdown-item" href="#">Something else here</a>
711 </div>
712 </div>
713 </div>
714 </div>
715 <p>Total Revenue</p>
716 <h2 class="mb-4 font-size-35">$469,453</h2>
717 <div class="progress mb-3" style="height: 10px">
718 <div class="progress-bar w-25 bg-secondary-gradient" role="progressbar"></div>
719 <div class="progress-bar w-50 bg-info-gradient" role="progressbar"></div>
720 <div class="progress-bar w-25 bg-warning-gradient" role="progressbar"></div>
721 <div class="progress-bar w-25 bg-success-gradient" role="progressbar"></div>
722 <div class="progress-bar w-50 bg-danger-gradient" role="progressbar"></div>
723 </div>
724 </div>
725 <div class="p-4 bg-dark-gradient">
726 <ul class="list-inline ">
727 <li class="list-inline-item mr-4 mb-3">
728 <div class="d-flex align-items-center">
729 <span class="d-inline-flex align-items-center">
730 <i class="fa fa-circle text-secondary mr-1 small"></i> Russia
731 </span>
732 <small class="ml-3 text-success d-inline-flex align-items-center">
733 <i class="fa fa-caret-up mr-1"></i> 40%
734 </small>
735 </div>
736 </li>
737 <li class="list-inline-item mr-4 mb-3">
738 <div class="d-flex align-items-center">
739 <span class="d-inline-flex align-items-center">
740 <i class="fa fa-circle text-info mr-1 small"></i> Australia
741 </span>
742 <small class="ml-3 text-danger d-inline-flex align-items-center">
743 <i class="fa fa-caret-down mr-1"></i> 25%
744 </small>
745 </div>
746 </li>
747 <li class="list-inline-item mr-4 mb-3">
748 <div class="d-flex align-items-center">
749 <span class="d-inline-flex align-items-center">
750 <i class="fa fa-circle text-warning mr-1 small"></i> China
751 </span>
752 <small class="ml-3 text-success d-inline-flex align-items-center">
753 <i class="fa fa-caret-up mr-1"></i> 30%
754 </small>
755 </div>
756 </li>
757 <li class="list-inline-item mr-4 mb-3">
758 <div class="d-flex align-items-center">
759 <span class="d-inline-flex align-items-center">
760 <i class="fa fa-circle text-success mr-1 small"></i> Tunisia
761 </span>
762 <small class="ml-3 text-success d-inline-flex align-items-center">
763 <i class="fa fa-caret-up mr-1"></i> 10%
764 </small>
765 </div>
766 </li>
767 <li class="list-inline-item mr-4 mb-3">
768 <div class="d-flex align-items-center">
769 <span class="d-inline-flex align-items-center">
770 <i class="fa fa-circle text-success mr-1 small"></i> Spain
771 </span>
772 <small class="ml-3 text-danger d-inline-flex align-items-center">
773 <i class="fa fa-caret-down mr-1"></i> 10%
774 </small>
775 </div>
776 </li>
777 </ul>
778 </div>
779 </div>
780 <div class="card">
781 <div class="card-body">
782 <h6 class="card-title">Reviews</h6>
783 <div class="card-scroll">
784 <ul class="list-group list-group-flush">
785 <li class="list-group-item d-flex pl-0 pr-0">
786 <a href="#">
787 <figure class="avatar mr-3">
788 <img src="{{ url('assets/media/image/user/man_avatar1.jpg') }}" class="rounded-circle" alt="image">
789 </figure>
790 </a>
791 <div>
792 <div class="d-flex justify-content-between">
793 <a href="#">
794 <h6>Valentine Maton</h6>
795 <ul class="list-inline mb-1">
796 <li class="list-inline-item mb-0">
797 <i class="fa fa-star text-warning"></i>
798 </li>
799 <li class="list-inline-item mb-0">
800 <i class="fa fa-star text-warning"></i>
801 </li>
802 <li class="list-inline-item mb-0">
803 <i class="fa fa-star text-warning"></i>
804 </li>
805 <li class="list-inline-item mb-0">
806 <i class="fa fa-star text-warning"></i>
807 </li>
808 <li class="list-inline-item mb-0">
809 <i class="fa fa-star text-warning"></i>
810 </li>
811 <li class="list-inline-item mb-0">(5)</li>
812 </ul>
813 </a>
814 <div class="ml-auto">
815 <div class="dropdown">
816 <a href="#" data-toggle="dropdown"
817 class="btn btn-outline-light btn-sm"
818 aria-haspopup="true" aria-expanded="false">
819 <i class="fa fa-ellipsis-h" aria-hidden="true"></i>
820 </a>
821 <div class="dropdown-menu dropdown-menu-right">
822 <a href="#" class="dropdown-item">View</a>
823 <a href="#" class="dropdown-item">Send Message</a>
824 </div>
825 </div>
826 </div>
827 </div>
828 <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odio, tempora.</p>
829 </div>
830 </li>
831 <li class="list-group-item d-flex pl-0 pr-0">
832 <a href="#">
833 <figure class="avatar mr-3">
834 <img src="{{ url('assets/media/image/user/man_avatar2.jpg') }}" class="rounded-circle" alt="image">
835 </figure>
836 </a>
837 <div>
838 <div class="d-flex justify-content-between">
839 <a href="#">
840 <h6>Valentine Maton</h6>
841 <ul class="list-inline mb-1">
842 <li class="list-inline-item mb-0">
843 <i class="fa fa-star text-warning"></i>
844 </li>
845 <li class="list-inline-item mb-0">
846 <i class="fa fa-star text-warning"></i>
847 </li>
848 <li class="list-inline-item mb-0">
849 <i class="fa fa-star text-warning"></i>
850 </li>
851 <li class="list-inline-item mb-0">
852 <i class="fa fa-star-half-o text-warning"></i>
853 </li>
854 <li class="list-inline-item mb-0">
855 <i class="fa fa-star-o"></i>
856 </li>
857 <li class="list-inline-item mb-0">(3.5)</li>
858 </ul>
859 </a>
860 <div class="ml-auto">
861 <div class="dropdown">
862 <a href="#" data-toggle="dropdown"
863 class="btn btn-outline-light btn-sm"
864 aria-haspopup="true" aria-expanded="false">
865 <i class="fa fa-ellipsis-h" aria-hidden="true"></i>
866 </a>
867 <div class="dropdown-menu dropdown-menu-right">
868 <a href="#" class="dropdown-item">View</a>
869 <a href="#" class="dropdown-item">Send Message</a>
870 </div>
871 </div>
872 </div>
873 </div>
874 <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odio, tempora.</p>
875 </div>
876 </li>
877 <li class="list-group-item d-flex pl-0 pr-0">
878 <a href="#">
879 <figure class="avatar mr-3">
880 <img src="{{ url('assets/media/image/user/man_avatar3.jpg') }}" class="rounded-circle" alt="image">
881 </figure>
882 </a>
883 <div>
884 <div class="d-flex justify-content-between">
885 <a href="#">
886 <h6>Valentine Maton</h6>
887 <ul class="list-inline mb-1">
888 <li class="list-inline-item mb-0">
889 <i class="fa fa-star text-warning"></i>
890 </li>
891 <li class="list-inline-item mb-0">
892 <i class="fa fa-star text-warning"></i>
893 </li>
894 <li class="list-inline-item mb-0">
895 <i class="fa fa-star text-warning"></i>
896 </li>
897 <li class="list-inline-item mb-0">
898 <i class="fa fa-star text-warning"></i>
899 </li>
900 <li class="list-inline-item mb-0">
901 <i class="fa fa-star-half-o text-warning"></i>
902 </li>
903 <li class="list-inline-item mb-0">(4.5)</li>
904 </ul>
905 </a>
906 <div class="ml-auto">
907 <div class="dropdown">
908 <a href="#" data-toggle="dropdown"
909 class="btn btn-outline-light btn-sm"
910 aria-haspopup="true" aria-expanded="false">
911 <i class="fa fa-ellipsis-h" aria-hidden="true"></i>
912 </a>
913 <div class="dropdown-menu dropdown-menu-right">
914 <a href="#" class="dropdown-item">View</a>
915 <a href="#" class="dropdown-item">Send Message</a>
916 </div>
917 </div>
918 </div>
919 </div>
920 <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odio, tempora.</p>
921 </div>
922 </li>
923 <li class="list-group-item d-flex pl-0 pr-0">
924 <a href="#">
925 <figure class="avatar mr-3">
926 <img src="{{ url('assets/media/image/user/man_avatar4.jpg') }}" class="rounded-circle" alt="image">
927 </figure>
928 </a>
929 <div>
930 <div class="d-flex justify-content-between">
931 <a href="#">
932 <h6>Valentine Maton</h6>
933 <ul class="list-inline mb-1">
934 <li class="list-inline-item mb-0">
935 <i class="fa fa-star text-warning"></i>
936 </li>
937 <li class="list-inline-item mb-0">
938 <i class="fa fa-star text-warning"></i>
939 </li>
940 <li class="list-inline-item mb-0">
941 <i class="fa fa-star text-warning"></i>
942 </li>
943 <li class="list-inline-item mb-0">
944 <i class="fa fa-star text-warning"></i>
945 </li>
946 <li class="list-inline-item mb-0">
947 <i class="fa fa-star-o"></i>
948 </li>
949 <li class="list-inline-item mb-0">(4)</li>
950 </ul>
951 </a>
952 <div class="ml-auto">
953 <div class="dropdown">
954 <a href="#" data-toggle="dropdown"
955 class="btn btn-outline-light btn-sm"
956 aria-haspopup="true" aria-expanded="false">
957 <i class="fa fa-ellipsis-h" aria-hidden="true"></i>
958 </a>
959 <div class="dropdown-menu dropdown-menu-right">
960 <a href="#" class="dropdown-item">View</a>
961 <a href="#" class="dropdown-item">Send Message</a>
962 </div>
963 </div>
964 </div>
965 </div>
966 <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odio, tempora.</p>
967 </div>
968 </li>
969 </ul>
970 </div>
971 <div class="mt-3 text-center">
972 <a href="#" class="btn btn-primary">
973 View All
974 </a>
975 </div>
976 </div>
977 </div>
978
979 </div>
980 </div>
981
982@endsection
983
984@section('script')
985
986 <!-- Apex chart -->
987 <script src="https://apexcharts.com/samples/assets/irregular-data-series.js"></script>
988 <script src="{{ url('/vendors/charts/apex/apexcharts.min.js') }}"></script>
989
990 <!-- Daterangepicker -->
991 <script src="{{ url('vendors/datepicker/daterangepicker.js') }}"></script>
992
993 <!-- DataTable -->
994 <script src="{{ url('vendors/dataTable/datatables.min.js') }}"></script>
995
996 <!-- Dashboard scripts -->
997 <script src="{{ url('/assets/js/examples/dashboard.js') }}"></script>
998
999 <!-- Vamp -->
1000 <script src="{{ url('vendors/vmap/jquery.vmap.min.js') }}"></script>
1001 <script src="{{ url('vendors/vmap/maps/jquery.vmap.usa.js') }}"></script>
1002 <script src="{{ url('assets/js/examples/vmap.js') }}"></script>
1003
1004 <!-- To use theme colors with Javascript -->
1005 <div class="colors">
1006 <div class="bg-primary"></div>
1007 <div class="bg-primary-bright"></div>
1008 <div class="bg-secondary"></div>
1009 <div class="bg-secondary-bright"></div>
1010 <div class="bg-info"></div>
1011 <div class="bg-info-bright"></div>
1012 <div class="bg-success"></div>
1013 <div class="bg-success-bright"></div>
1014 <div class="bg-danger"></div>
1015 <div class="bg-danger-bright"></div>
1016 <div class="bg-warning"></div>
1017 <div class="bg-warning-bright"></div>
1018 </div>
1019
1020 <script src="{{ url('assets/js/examples/pages/ecommerce-dashboard.js') }}"></script>
1021
1022@endsection
Note: See TracBrowser for help on using the repository browser.