Admin-LTE
| Title | Code |
|---|---|
|
|
<div class="row">
@php
$colors = [
'bg-primary',
'bg-secondary',
'bg-success',
'bg-info',
'bg-warning',
'bg-danger',
'bg-light',
'bg-dark',
];
$types = [
[
'link' => 'abc.com',
'bg' => 'bg-primary',
'value' => 20,
'title' => 'All category'
],
[
'link' => 'efg.com',
'bg' => 'bg-secondary',
'value' => 30,
'title' => 'All domain'
],
[
'link' => 'xyzc.com',
'bg' => 'bg-success',
'value' => 40,
'title' => 'All hosting'
]
];
@endphp
@foreach ($types as $key => $item)
<div class="col-lg-3 col-6">
<a href="{{ $item['link'] }}">
<div class="small-box {{ $item['bg'] }}">
<div class="inner text-center">
<h3>{{ $item['value'] ?? 0 }}</h3>
<p>{{ $item['title'] }}</p>
</div>
<div class="icon">
<i class="ion ion-bag"></i>
</div>
</div>
</a>
</div>
@endforeach
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Ratione, rem, aliquid laboriosam quibusdam
nisi itaque dolores molestiae reiciendis placeat impedit porro cum quaerat laborum eligendi! Quae,
molestiae. Nesciunt, ipsa vel.
<div class="col-lg-3 col-6">
<a href="#">
<div class="small-box bg-info">
<div class="inner text-center">
<h3>{{ $category ?? 0 }}</h3>
<p>All category</p>
</div>
<div class="icon">
<i class="ion ion-bag"></i>
</div>
</div>
</a>
</div>
<div class="col-lg-3 col-6">
<a href="#">
<div class="small-box bg-primary">
<div class="inner text-center">
<h3>{{ $domain ?? 0 }}</h3>
<p>All domain</p>
</div>
<div class="icon">
<i class="ion ion-stats-bars"></i>
</div>
</div>
</a>
</div>
<div class="col-lg-3 col-6">
<a href="">
<div class="small-box bg-secondary">
<div class="inner text-center">
<h3>130</h3>
<p>User Registrations</p>
</div>
<div class="icon">
<i class="ion ion-person-add"></i>
</div>
</div>
</a>
</div>
<div class="col-lg-3 col-6">
<a href="">
<div class="small-box bg-danger">
<div class="inner text-center">
<h3>120</h3>
<p>Unique Visitors</p>
</div>
<div class="icon">
<i class="ion ion-pie-graph"></i>
</div>
</div>
</a>
</div>
<div class="col-lg-3 col-6">
<a href="">
<div class="small-box bg-warning">
<div class="inner text-center">
<h3>110</h3>
<p>New Orders</p>
</div>
<div class="icon">
<i class="ion ion-bag"></i>
</div>
</div>
</a>
</div>
<div class="col-lg-3 col-6">
<a href="">
<div class="small-box bg-info">
<div class="inner text-center">
<h3>100<sup style="font-size: 20px">%</sup></h3>
<p>Bounce Rate</p>
</div>
<div class="icon">
<i class="ion ion-stats-bars"></i>
</div>
</div>
</a>
</div>
<div class="col-lg-3 col-6">
<a href="">
<div class="small-box bg-light">
<div class="inner text-center">
<h3>90</h3>
<p>User Registrations</p>
</div>
<div class="icon">
<i class="ion ion-person-add"></i>
</div>
</div>
</a>
</div>
<div class="col-lg-3 col-6">
<a href="">
<div class="small-box bg-dark">
<div class="inner text-center">
<h3>80</h3>
<p>Unique Visitors</p>
</div>
<div class="icon">
<i class="ion ion-pie-graph"></i>
</div>
</div>
</a>
</div>
</div>
|
|
|
<div class="row">
@php
$colors = [
'bg-primary',
'bg-secondary',
'bg-success',
'bg-info',
'bg-warning',
'bg-danger',
'bg-light',
'bg-dark',
];
$types = [
[
'link' => 'abc.com',
'bg' => 'bg-primary',
'value' => 20,
'title' => 'All category'
],
[
'link' => 'efg.com',
'bg' => 'bg-secondary',
'value' => 30,
'title' => 'All domain'
],
[
'link' => 'xyzc.com',
'bg' => 'bg-success',
'value' => 40,
'title' => 'All hosting'
]
];
@endphp
@foreach ($types as $key => $item)
<div class="col-lg-3 col-6">
<a href="{{ $item['link'] }}">
<div class="small-box {{ $item['bg'] }}">
<div class="inner text-center">
<h3>{{ $item['value'] ?? 0 }}</h3>
<p>{{ $item['title'] }}</p>
</div>
<div class="icon">
<i class="ion ion-bag"></i>
</div>
</div>
</a>
</div>
@endforeach
</div>
|
|
|
$data['types'] = [
[
'link' => url('category-list'),
'bg' => 'bg-primary',
'value' => Category::count(),
'title' => 'All category'
],
[
'link' => route('domainList'),
'bg' => 'bg-secondary',
'value' => Domain::count(),
'title' => 'All domain'
],
[
'link' => '#',
'bg' => 'bg-success',
'value' => StatusType::count(),
'title' => 'All status type'
],
];
return view('home', $data);
@foreach ($types as $key => $item)
<div class="col-lg-3 col-6">
<a href="{{ $item['link'] }}">
<div class="small-box {{ $item['bg'] }}">
<div class="inner text-center py-3">
<h3>{{ $item['value'] ?? 0 }}</h3>
<h5>{{ $item['title'] }}</h5>
</div>
<div class="icon">
<i class="ion ion-bag"></i>
</div>
</div>
</a>
</div>
@endforeach
|
|
|
$colors = [
'bg-primary',
'bg-secondary',
'bg-success',
'bg-info'
];
$items = [
[
'link' => url('category-list'),
'value' => Category::count(),
'title' => 'All category'
],
[
'link' => route('domainList'),
'value' => Domain::count(),
'title' => 'All domain'
],
[
'link' => url('category-list'),
'value' => Category::count(),
'title' => 'All category'
],
];
// Auto-assign colors in sequence
$data['types'] = [];
foreach ($items as $index => $item) {
$item['bg'] = $colors[$index % count($colors)]; // Assign color based on index
$data['types'][] = $item;
}
Or
if you want color will be set befoler value position bellow code
// Auto-assign colors in sequence
$data['types'] = [];
foreach ($items as $index => $item) {
$item = [
'link' => $item['link'],
'bg' => $colors[$index % count($colors)], // Insert "bg" before "value"
'value' => $item['value'],
'title' => $item['title'],
];
$data['types'][] = $item;
}
return view('home', $data);
|