Initial Commit

The initial public commit of MVGL website code.
This commit is contained in:
Jimmy B. 2024-01-14 13:51:43 -06:00
commit b39ecf1638
2043 changed files with 215154 additions and 0 deletions

View file

@ -0,0 +1,34 @@
<!--begin::Charts Widget 1-->
<div class="card {{ $class ?? '' }}">
<!--begin::Header-->
<div class="card-header border-0 pt-5">
<!--begin::Title-->
<h3 class="card-title align-items-start flex-column">
<span class="card-label fw-bolder fs-3 mb-1">Recent Statistics</span>
<span class="text-muted fw-bold fs-7">More than 400 new members</span>
</h3>
<!--end::Title-->
<!--begin::Toolbar-->
<div class="card-toolbar">
<!--begin::Menu-->
<button type="button" class="btn btn-sm btn-icon btn-color-primary btn-active-light-primary" data-kt-menu-trigger="click" data-kt-menu-placement="bottom-end">
{!! theme()->getSvgIcon("icons/duotune/general/gen024.svg", "svg-icon-2") !!}
</button>
{{ theme()->getView('partials/menus/_menu-1') }}
<!--end::Menu-->
</div>
<!--end::Toolbar-->
</div>
<!--end::Header-->
<!--begin::Body-->
<div class="card-body">
<!--begin::Chart-->
<div id="kt_charts_widget_1_chart" style="height: 350px"></div>
<!--end::Chart-->
</div>
<!--end::Body-->
</div>
<!--end::Charts Widget 1-->

View file

@ -0,0 +1,31 @@
<!--begin::Charts Widget 2-->
<div class="card {{ $class ?? '' }}">
<!--begin::Header-->
<div class="card-header border-0 pt-5">
<h3 class="card-title align-items-start flex-column">
<span class="card-label fw-bolder fs-3 mb-1">Recent Orders</span>
<span class="text-muted fw-bold fs-7">More than 500 new orders</span>
</h3>
<!--begin::Toolbar-->
<div class="card-toolbar" data-kt-buttons="true">
<a class="btn btn-sm btn-color-muted btn-active btn-active-primary active px-4 me-1" id="kt_charts_widget_2_year_btn">Year</a>
<a class="btn btn-sm btn-color-muted btn-active btn-active-primary px-4 me-1" id="kt_charts_widget_2_month_btn">Month</a>
<a class="btn btn-sm btn-color-muted btn-active btn-active-primary px-4" id="kt_charts_widget_2_week_btn">Week</a>
</div>
<!--end::Toolbar-->
</div>
<!--end::Header-->
<!--begin::Body-->
<div class="card-body">
<!--begin::Chart-->
<div id="kt_charts_widget_2_chart" style="height: 350px"></div>
<!--end::Chart-->
</div>
<!--end::Body-->
</div>
<!--end::Charts Widget 2-->

View file

@ -0,0 +1,31 @@
<!--begin::Charts Widget 3-->
<div class="card {{ $class ?? '' }}">
<!--begin::Header-->
<div class="card-header border-0 pt-5">
<h3 class="card-title align-items-start flex-column">
<span class="card-label fw-bolder fs-3 mb-1">Recent Transactions</span>
<span class="text-muted fw-bold fs-7">More than 1000 new records</span>
</h3>
<!--begin::Toolbar-->
<div class="card-toolbar" data-kt-buttons="true">
<a class="btn btn-sm btn-color-muted btn-active btn-active-primary active px-4 me-1" id="kt_charts_widget_3_year_btn">Year</a>
<a class="btn btn-sm btn-color-muted btn-active btn-active-primary px-4 me-1" id="kt_charts_widget_3_month_btn">Month</a>
<a class="btn btn-sm btn-color-muted btn-active btn-active-primary px-4" id="kt_charts_widget_3_week_btn">Week</a>
</div>
<!--end::Toolbar-->
</div>
<!--end::Header-->
<!--begin::Body-->
<div class="card-body">
<!--begin::Chart-->
<div id="kt_charts_widget_3_chart" style="height: 350px"></div>
<!--end::Chart-->
</div>
<!--end::Body-->
</div>
<!--end::Charts Widget 3-->

View file

@ -0,0 +1,31 @@
<!--begin::Charts Widget 4-->
<div class="card {{ $class ?? '' }}">
<!--begin::Header-->
<div class="card-header border-0 pt-5">
<h3 class="card-title align-items-start flex-column">
<span class="card-label fw-bolder fs-3 mb-1">Recent Customers</span>
<span class="text-muted fw-bold fs-7">More than 500 new customers</span>
</h3>
<!--begin::Toolbar-->
<div class="card-toolbar" data-kt-buttons="true">
<a class="btn btn-sm btn-color-muted btn-active btn-active-primary active px-4 me-1" id="kt_charts_widget_4_year_btn">Year</a>
<a class="btn btn-sm btn-color-muted btn-active btn-active-primary px-4 me-1" id="kt_charts_widget_4_month_btn">Month</a>
<a class="btn btn-sm btn-color-muted btn-active btn-active-primary px-4" id="kt_charts_widget_4_week_btn">Week</a>
</div>
<!--end::Toolbar-->
</div>
<!--end::Header-->
<!--begin::Body-->
<div class="card-body">
<!--begin::Chart-->
<div id="kt_charts_widget_4_chart" style="height: 350px"></div>
<!--end::Chart-->
</div>
<!--end::Body-->
</div>
<!--end::Charts Widget 4-->

View file

@ -0,0 +1,31 @@
<!--begin::Charts Widget 5-->
<div class="card {{ $class ?? '' }}">
<!--begin::Header-->
<div class="card-header border-0 pt-5">
<h3 class="card-title align-items-start flex-column">
<span class="card-label fw-bolder fs-3 mb-1">Recent Customers</span>
<span class="text-muted fw-bold fs-7">More than 500 new customers</span>
</h3>
<!--begin::Toolbar-->
<div class="card-toolbar" data-kt-buttons="true">
<a class="btn btn-sm btn-color-muted btn-active btn-active-primary active px-4 me-1" id="kt_charts_widget_5_year_btn">Year</a>
<a class="btn btn-sm btn-color-muted btn-active btn-active-primary px-4 me-1" id="kt_charts_widget_5_month_btn">Month</a>
<a class="btn btn-sm btn-color-muted btn-active btn-active-primary px-4" id="kt_charts_widget_5_week_btn">Week</a>
</div>
<!--end::Toolbar-->
</div>
<!--end::Header-->
<!--begin::Body-->
<div class="card-body">
<!--begin::Chart-->
<div id="kt_charts_widget_5_chart" style="height: 350px"></div>
<!--end::Chart-->
</div>
<!--end::Body-->
</div>
<!--end::Charts Widget 5-->

View file

@ -0,0 +1,29 @@
<!--begin::Charts Widget 5-->
<div class="card {{ $class ?? '' }}">
<!--begin::Header-->
<div class="card-header border-0 pt-5">
<h3 class="card-title align-items-start flex-column">
<span class="card-label fw-bolder fs-3 mb-1">Recent Orders</span>
<span class="text-muted fw-bold fs-7">More than 500+ new orders</span>
</h3>
<!--begin::Toolbar-->
<div class="card-toolbar" data-kt-buttons="true">
<a class="btn btn-sm btn-color-muted btn-active btn-active-primary active px-4 me-1" id="kt_charts_widget_6_sales_btn">Sales</a>
<a class="btn btn-sm btn-color-muted btn-active btn-active-primary px-4 me-1" id="kt_charts_widget_6_expenses_btn">Expenses</a>
</div>
<!--end::Toolbar-->
</div>
<!--end::Header-->
<!--begin::Body-->
<div class="card-body">
<!--begin::Chart-->
<div id="kt_charts_widget_6_chart" style="height: 350px"></div>
<!--end::Chart-->
</div>
<!--end::Body-->
</div>
<!--end::Charts Widget 5-->

View file

@ -0,0 +1,31 @@
<!--begin::Charts Widget 7-->
<div class="card {{ $class ?? '' }}">
<!--begin::Header-->
<div class="card-header border-0 pt-5">
<h3 class="card-title align-items-start flex-column">
<span class="card-label fw-bolder fs-3 mb-1">Recent Users</span>
<span class="text-muted fw-bold fs-7">More than 500 new users</span>
</h3>
<!--begin::Toolbar-->
<div class="card-toolbar" data-kt-buttons="true">
<a class="btn btn-sm btn-color-muted btn-active btn-active-primary active px-4 me-1" id="kt_charts_widget_7_year_btn">Year</a>
<a class="btn btn-sm btn-color-muted btn-active btn-active-primary px-4 me-1" id="kt_charts_widget_7_month_btn">Month</a>
<a class="btn btn-sm btn-color-muted btn-active btn-active-primary px-4" id="kt_charts_widget_7_week_btn">Week</a>
</div>
<!--end::Toolbar-->
</div>
<!--end::Header-->
<!--begin::Body-->
<div class="card-body">
<!--begin::Chart-->
<div id="kt_charts_widget_7_chart" style="height: 350px" class="card-rounded-bottom"></div>
<!--end::Chart-->
</div>
<!--end::Body-->
</div>
<!--end::Charts Widget 7-->

View file

@ -0,0 +1,31 @@
<!--begin::Charts Widget 8-->
<div class="card {{ $class ?? '' }}">
<!--begin::Header-->
<div class="card-header border-0 pt-5">
<h3 class="card-title align-items-start flex-column">
<span class="card-label fw-bolder fs-3 mb-1">Recent Orders</span>
<span class="text-muted fw-bold fs-7">More than 500 new orders</span>
</h3>
<!--begin::Toolbar-->
<div class="card-toolbar" data-kt-buttons="true">
<a class="btn btn-sm btn-color-muted btn-active btn-active-primary active px-4 me-1" id="kt_charts_widget_8_year_btn">Year</a>
<a class="btn btn-sm btn-color-muted btn-active btn-active-primary px-4 me-1" id="kt_charts_widget_8_month_btn">Month</a>
<a class="btn btn-sm btn-color-muted btn-active btn-active-primary px-4" id="kt_charts_widget_8_week_btn">Week</a>
</div>
<!--end::Toolbar-->
</div>
<!--end::Header-->
<!--begin::Body-->
<div class="card-body">
<!--begin::Chart-->
<div id="kt_charts_widget_8_chart" style="height: 350px" class="card-rounded-bottom"></div>
<!--end::Chart-->
</div>
<!--end::Body-->
</div>
<!--end::Charts Widget 8-->

View file

@ -0,0 +1,84 @@
<?php
// List items
$listRows = array(
array(
'icon' => 'icons/duotune/abstract/abs027.svg',
'color' => 'success',
'title' => 'Project Briefing',
'description' => 'Project Manager',
),
array(
'icon' => 'icons/duotune/art/art005.svg',
'color' => 'warning',
'title' => 'Concept Design',
'description' => 'Art Director'
),
array(
'icon' => 'icons/duotune/communication/com012.svg',
'color' => 'primary',
'title' => 'Functional Logics',
'description' => 'Lead Developer'
),
array(
'icon' => 'icons/duotune/coding/cod008.svg',
'color' => 'danger',
'title' => 'Development',
'description' => 'DevOps'
),
array(
'icon' => 'icons/duotune/general/gen049.svg',
'color' => 'info',
'title' => 'Testing',
'description' => 'QA Managers'
)
);
?>
<!--begin::List Widget 1-->
<div class="card {{ $class }}">
<!--begin::Header-->
<div class="card-header border-0 pt-5">
<h3 class="card-title align-items-start flex-column">
<span class="card-label fw-bolder text-dark">Tasks Overview</span>
<span class="text-muted mt-1 fw-bold fs-7">Pending 10 tasks</span>
</h3>
<div class="card-toolbar">
<!--begin::Menu-->
<button type="button" class="btn btn-sm btn-icon btn-color-primary btn-active-light-primary" data-kt-menu-trigger="click" data-kt-menu-placement="bottom-end">
{!! theme()->getSvgIcon("icons/duotune/general/gen024.svg", "svg-icon-2") !!}
</button>
{{ theme()->getView('partials/menus/_menu-1') }}
<!--end::Menu-->
</div>
</div>
<!--end::Header-->
<!--begin::Body-->
<div class="card-body pt-5">
@foreach($listRows as $row)
<!--begin::Item-->
<div class="d-flex align-items-center {{ util()->putIf(next($listRows), 'mb-7') }}">
<!--begin::Symbol-->
<div class="symbol symbol-50px me-5">
<span class="symbol-label bg-light-{{ $row['color'] }}">
{!! theme()->getSvgIcon($row['icon'], "svg-icon-2x svg-icon-" . $row['color']); !!}
</span>
</div>
<!--end::Symbol-->
<!--begin::Text-->
<div class="d-flex flex-column">
<a href="#" class="text-dark text-hover-primary fs-6 fw-bolder">{{ $row['title'] }}</a>
<span class="text-muted fw-bold">{{ $row['description'] }}</span>
</div>
<!--end::Text-->
</div>
<!--end::Item-->
@endforeach
</div>
<!--end::Body-->
</div>
<!--end::List Widget 1-->

View file

@ -0,0 +1,73 @@
<!--begin::List Widget 2-->
<?php
// List items
$listRows = array(
array(
'avatar' => 'avatars/300-6.jpg',
'name' => 'Emma Smith',
'description' => 'Project Manager',
),
array(
'avatar' => 'avatars/300-5.jpg',
'name' => 'Sean Bean',
'description' => 'PHP, SQLite, Artisan CLI',
),
array(
'avatar' => 'avatars/300-11.jpg',
'name' => 'Brian Cox',
'description' => 'PHP, SQLite, Artisan CLI',
),
array(
'avatar' => 'avatars/300-9.jpg',
'name' => 'Francis Mitcham',
'description' => 'PHP, SQLite, Artisan CLI',
),
array(
'avatar' => 'avatars/300-23.jpg',
'name' => 'Dan Wilson',
'description' => 'PHP, SQLite, Artisan CLI',
)
);
?>
<div class="card {{ $class }}">
<!--begin::Header-->
<div class="card-header border-0">
<h3 class="card-title fw-bolder text-dark">Authors</h3>
<div class="card-toolbar">
<!--begin::Menu-->
<button type="button" class="btn btn-sm btn-icon btn-color-primary btn-active-light-primary" data-kt-menu-trigger="click" data-kt-menu-placement="bottom-end">
{!! theme()->getSvgIcon("icons/duotune/general/gen024.svg", "svg-icon-2") !!}
</button>
{{ theme()->getView('partials/menus/_menu-2') }}
<!--end::Menu-->
</div>
</div>
<!--end::Header-->
<!--begin::Body-->
<div class="card-body pt-2">
@foreach($listRows as $index => $row)
<!--begin::Item-->
<div class="d-flex align-items-center {{ util()->putIf(next($listRows), 'mb-7') }}">
<!--begin::Avatar-->
<div class="symbol symbol-50px me-5">
<img src="{{ asset(theme()->getMediaUrlPath() . $row['avatar']) }}" class="" alt=""/>
</div>
<!--end::Avatar-->
<!--begin::Text-->
<div class="flex-grow-1">
<a href="#" class="text-dark fw-bolder text-hover-primary fs-6">{{ $row['name'] }}</a>
<span class="text-muted d-block fw-bold">{{ $row['description'] }}</span>
</div>
<!--end::Text-->
</div>
<!--end::Item-->
@endforeach
</div>
<!--end::Body-->
</div>
<!--end::List Widget 2-->

View file

@ -0,0 +1,85 @@
<?php
// List items
$listRows = array(
array(
'color' => 'success',
'title' => 'Create FireStone Logo',
'text' => 'Due in 2 Days',
),
array(
'color' => 'primary',
'title' => 'Stakeholder Meeting',
'text' => 'Due in 3 Days'
),
array(
'color' => 'warning',
'title' => 'Scoping & Estimations',
'text' => 'Due in 5 Days'
),
array(
'color' => 'primary',
'title' => 'KPI App Showcase',
'text' => 'Due in 2 Days'
),
array(
'color' => 'danger',
'title' => 'Project Meeting',
'text' => 'Due in 12 Days'
),
array(
'color' => 'success',
'title' => 'Customers Update',
'text' => 'Due in 1 week'
)
);
?>
<!--begin::List Widget 3-->
<div class="card {{ $class }}">
<!--begin::Header-->
<div class="card-header border-0">
<h3 class="card-title fw-bolder text-dark">Todo</h3>
<div class="card-toolbar">
<!--begin::Menu-->
<button type="button" class="btn btn-sm btn-icon btn-color-primary btn-active-light-primary" data-kt-menu-trigger="click" data-kt-menu-placement="bottom-end">
{!! theme()->getSvgIcon("icons/duotune/general/gen024.svg", "svg-icon-2") !!}
</button>
{{ theme()->getView('partials/menus/_menu-3') }}
<!--end::Menu-->
</div>
</div>
<!--end::Header-->
<!--begin::Body-->
<div class="card-body pt-2">
@foreach($listRows as $row)
<!--begin::Item-->
<div class="d-flex align-items-center {{ util()->putIf(next($listRows), 'mb-8') }}">
<!--begin::Bullet-->
<span class="bullet bullet-vertical h-40px bg-{{ $row['color'] }}"></span>
<!--end::Bullet-->
<!--begin::Checkbox-->
<div class="form-check form-check-custom form-check-solid mx-5">
<input class="form-check-input" type="checkbox" value=""/>
</div>
<!--end::Checkbox-->
<!--begin::Description-->
<div class="flex-grow-1">
<a href="#" class="text-gray-800 text-hover-primary fw-bolder fs-6">{{ $row['title'] }}</a>
<span class="text-muted fw-bold d-block">{{ $row['text'] }}</span>
</div>
<!--end::Description-->
<span class="badge badge-light-{{ $row['color'] }} fs-8 fw-bolder">New</span>
</div>
<!--end:Item-->
@endforeach
</div>
<!--end::Body-->
</div>
<!--end:List Widget 3-->

View file

@ -0,0 +1,104 @@
<?php
// List items
$listRows = array(
array(
'image' => 'svg/brand-logos/plurk.svg',
'title' => 'Top Authors',
'text' => 'Mark, Rowling, Esther',
'badge' => '+82$'
),
array(
'image' => 'svg/brand-logos/telegram.svg',
'title' => 'Popular Authors',
'text' => 'Randy, Steve, Mike',
'badge' => '+280$'
),
array(
'image' => 'svg/brand-logos/vimeo.svg',
'title' => 'New Users',
'text' => 'John, Pat, Jimmy',
'badge' => '+4500$'
),
array(
'image' => 'svg/brand-logos/bebo.svg',
'title' => 'Active Customers',
'text' => 'Mark, Rowling, Esther',
'badge' => '+4500$'
),
array(
'image' => 'svg/brand-logos/kickstarter.svg',
'title' => 'Bestseller Theme',
'text' => 'Disco, Retro, Sports',
'badge' => '+4500$',
'space' => ''
),
array(
'image' => 'svg/brand-logos/fox-hub.svg',
'title' => 'Fox Broker App',
'text' => 'Finance, Corporate, Apps',
'badge' => '+4500$'
),
);
$items = $items ?? 0;
?>
<!--begin::List Widget 4-->
<div class="card {{ $class }}">
<!--begin::Header-->
<div class="card-header border-0 pt-5">
<h3 class="card-title align-items-start flex-column">
<span class="card-label fw-bolder text-dark">Trends</span>
<span class="text-muted mt-1 fw-bold fs-7">Latest tech trends</span>
</h3>
<div class="card-toolbar">
<!--begin::Menu-->
<button type="button" class="btn btn-sm btn-icon btn-color-primary btn-active-light-primary" data-kt-menu-trigger="click" data-kt-menu-placement="bottom-end">
{!! theme()->getSvgIcon("icons/duotune/general/gen024.svg", "svg-icon-2") !!}
</button>
{{ theme()->getView('partials/menus/_menu-3') }}
<!--end::Menu-->
</div>
</div>
<!--end::Header-->
<!--begin::Body-->
<div class="card-body pt-5">
@foreach($listRows as $index => $row)
<?php
if ($items > 0 && $index > ($items - 1)) {
break;
}
?>
<!--begin::Item-->
<div class="d-flex align-items-sm-center {{ util()->putIf(next($listRows), 'mb-7') }}">
<!--begin::Symbol-->
<div class="symbol symbol-50px me-5">
<span class="symbol-label">
<img src="{{ asset(theme()->getMediaUrlPath() . $row['image']) }}" class="h-50 align-self-center" alt=""/>
</span>
</div>
<!--end::Symbol-->
<!--begin::Section-->
<div class="d-flex align-items-center flex-row-fluid flex-wrap">
<div class="flex-grow-1 me-2">
<a href="#" class="text-gray-800 text-hover-primary fs-6 fw-bolder">{{ $row['title'] }}</a>
<span class="text-muted fw-bold d-block fs-7">{{ $row['text'] }}</span>
</div>
<span class="badge badge-light fw-bolder my-2">{{ $row['badge'] }}</span>
</div>
<!--end::Section-->
</div>
<!--end::Item-->
@endforeach
</div>
<!--end::Body-->
</div>
<!--end::List Widget 4-->

View file

@ -0,0 +1,191 @@
<!--begin::List Widget 5-->
<div class="card {{ $class }}">
<!--begin::Header-->
<div class="card-header align-items-center border-0 mt-4">
<h3 class="card-title align-items-start flex-column">
<span class="fw-bolder mb-2 text-dark">Activities</span>
<span class="text-muted fw-bold fs-7">890,344 Sales</span>
</h3>
<div class="card-toolbar">
<!--begin::Menu-->
<button type="button" class="btn btn-sm btn-icon btn-color-primary btn-active-light-primary" data-kt-menu-trigger="click" data-kt-menu-placement="bottom-end">
{!! theme()->getSvgIcon("icons/duotune/general/gen024.svg", "svg-icon-2"); !!}
</button>
{{ theme()->getView('partials/menus/_menu-1') }}
<!--end::Menu-->
</div>
</div>
<!--end::Header-->
<!--begin::Body-->
<div class="card-body pt-5">
<!--begin::Timeline-->
<div class="timeline-label">
<!--begin::Item-->
<div class="timeline-item">
<!--begin::Label-->
<div class="timeline-label fw-bolder text-gray-800 fs-6">08:42</div>
<!--end::Label-->
<!--begin::Badge-->
<div class="timeline-badge">
<i class="fa fa-genderless text-warning fs-1"></i>
</div>
<!--end::Badge-->
<!--begin::Text-->
<div class="fw-mormal timeline-content text-muted ps-3">
Outlines keep you honest. And keep structure
</div>
<!--end::Text-->
</div>
<!--end::Item-->
<!--begin::Item-->
<div class="timeline-item">
<!--begin::Label-->
<div class="timeline-label fw-bolder text-gray-800 fs-6">10:00</div>
<!--end::Label-->
<!--begin::Badge-->
<div class="timeline-badge">
<i class="fa fa-genderless text-success fs-1"></i>
</div>
<!--end::Badge-->
<!--begin::Content-->
<div class="timeline-content d-flex">
<span class="fw-bolder text-gray-800 ps-3">AEOL meeting</span>
</div>
<!--end::Content-->
</div>
<!--end::Item-->
<!--begin::Item-->
<div class="timeline-item">
<!--begin::Label-->
<div class="timeline-label fw-bolder text-gray-800 fs-6">14:37</div>
<!--end::Label-->
<!--begin::Badge-->
<div class="timeline-badge">
<i class="fa fa-genderless text-danger fs-1"></i>
</div>
<!--end::Badge-->
<!--begin::Desc-->
<div class="timeline-content fw-bolder text-gray-800 ps-3">
Make deposit
<a href="#" class="text-primary">USD 700</a>.
to ESL
</div>
<!--end::Desc-->
</div>
<!--end::Item-->
<!--begin::Item-->
<div class="timeline-item">
<!--begin::Label-->
<div class="timeline-label fw-bolder text-gray-800 fs-6">16:50</div>
<!--end::Label-->
<!--begin::Badge-->
<div class="timeline-badge">
<i class="fa fa-genderless text-primary fs-1"></i>
</div>
<!--end::Badge-->
<!--begin::Text-->
<div class="timeline-content fw-mormal text-muted ps-3">
Indulging in poorly driving and keep structure keep great
</div>
<!--end::Text-->
</div>
<!--end::Item-->
<!--begin::Item-->
<div class="timeline-item">
<!--begin::Label-->
<div class="timeline-label fw-bolder text-gray-800 fs-6">21:03</div>
<!--end::Label-->
<!--begin::Badge-->
<div class="timeline-badge">
<i class="fa fa-genderless text-danger fs-1"></i>
</div>
<!--end::Badge-->
<!--begin::Desc-->
<div class="timeline-content fw-bold text-gray-800 ps-3">
New order placed <a href="#" class="text-primary">#XF-2356</a>.
</div>
<!--end::Desc-->
</div>
<!--end::Item-->
<!--begin::Item-->
<div class="timeline-item">
<!--begin::Label-->
<div class="timeline-label fw-bolder text-gray-800 fs-6">16:50</div>
<!--end::Label-->
<!--begin::Badge-->
<div class="timeline-badge">
<i class="fa fa-genderless text-primary fs-1"></i>
</div>
<!--end::Badge-->
<!--begin::Text-->
<div class="timeline-content fw-mormal text-muted ps-3">
Indulging in poorly driving and keep structure keep great
</div>
<!--end::Text-->
</div>
<!--end::Item-->
<!--begin::Item-->
<div class="timeline-item">
<!--begin::Label-->
<div class="timeline-label fw-bolder text-gray-800 fs-6">21:03</div>
<!--end::Label-->
<!--begin::Badge-->
<div class="timeline-badge">
<i class="fa fa-genderless text-danger fs-1"></i>
</div>
<!--end::Badge-->
<!--begin::Desc-->
<div class="timeline-content fw-bold text-gray-800 ps-3">
New order placed <a href="#" class="text-primary">#XF-2356</a>.
</div>
<!--end::Desc-->
</div>
<!--end::Item-->
<!--begin::Item-->
<div class="timeline-item">
<!--begin::Label-->
<div class="timeline-label fw-bolder text-gray-800 fs-6">10:30</div>
<!--end::Label-->
<!--begin::Badge-->
<div class="timeline-badge">
<i class="fa fa-genderless text-success fs-1"></i>
</div>
<!--end::Badge-->
<!--begin::Text-->
<div class="timeline-content fw-mormal text-muted ps-3">
Finance KPI Mobile app launch preparion meeting
</div>
<!--end::Text-->
</div>
<!--end::Item-->
</div>
<!--end::Timeline-->
</div>
<!--end: Card Body-->
</div>
<!--end: List Widget 5-->

View file

@ -0,0 +1,80 @@
<?php
// List items
$listRows = array(
array(
'color' => 'warning',
'icon' => 'icons/duotune/abstract/abs027.svg',
'title' => 'Group lunch celebration',
'text' => 'Due in 2 Days',
'number' => '+28%'
),
array(
'color' => 'success',
'icon' => 'icons/duotune/art/art005.svg',
'title' => 'Navigation optimization',
'text' => 'Due in 2 Days',
'number' => '+50%'
),
array(
'color' => 'danger',
'icon' => 'icons/duotune/communication/com012.svg',
'title' => 'Rebrand strategy planning',
'text' => 'Due in 5 Days',
'number' => '-27%'
),
array(
'color' => 'info',
'icon' => 'icons/duotune/communication/com012.svg',
'title' => 'Product goals strategy',
'text' => 'Due in 7 Days',
'number' => '+8%'
)
);
?>
<!--begin::List Widget 6-->
<div class="card {{ $class }}">
<!--begin::Header-->
<div class="card-header border-0">
<h3 class="card-title fw-bolder text-dark">Notifications</h3>
<div class="card-toolbar">
<!--begin::Menu-->
<button type="button" class="btn btn-sm btn-icon btn-color-primary btn-active-light-primary" data-kt-menu-trigger="click" data-kt-menu-placement="bottom-end">
{!! theme()->getSvgIcon("icons/duotune/general/gen024.svg", "svg-icon-2") !!}
</button>
{{ theme()->getView('partials/menus/_menu-3') }}
<!--end::Menu-->
</div>
</div>
<!--end::Header-->
<!--begin::Body-->
<div class="card-body pt-0">
@foreach($listRows as $row)
<!--begin::Item-->
<div class="d-flex align-items-center bg-light-{{ $row['color'] }} rounded p-5 {{ util()->putIf(next($listRows), 'mb-7') }}">
<!--begin::Icon-->
<span class="svg-icon svg-icon-{{ $row['color'] }} me-5">
{!! theme()->getSvgIcon("icons/duotune/abstract/abs027.svg", "svg-icon-1"); !!}
</span>
<!--end::Icon-->
<!--begin::Title-->
<div class="flex-grow-1 me-2">
<a href="#" class="fw-bolder text-gray-800 text-hover-primary fs-6">{{ $row['title'] }}</a>
<span class="text-muted fw-bold d-block">{{ $row['text'] }}</span>
</div>
<!--end::Title-->
<!--begin::Lable-->
<span class="fw-bolder text-{{ $row['color'] }} py-1">{{ $row['number'] }}</span>
<!--end::Lable-->
</div>
<!--end::Item-->
@endforeach
</div>
<!--end::Body-->
</div>
<!--end::List Widget 6-->

View file

@ -0,0 +1,85 @@
<?php
// List items
$listRows = array(
array(
'image' => 'stock/600x400/img-20.jpg',
'color' => 'success',
'title' => 'Cup & Green',
'text' => 'Size: 87KB',
'badge' => 'Approved'
),
array(
'image' => 'stock/600x400/img-19.jpg',
'color' => 'warning',
'title' => 'Yellow Background',
'text' => 'Size: 1.2MB',
'badge' => 'In Progress'
),
array(
'image' => 'stock/600x400/img-25.jpg',
'color' => 'success',
'title' => 'Nike & Blue',
'text' => 'Size: 87KB',
'badge' => 'Success'
),
array(
'image' => 'stock/600x400/img-24.jpg',
'color' => 'danger',
'title' => 'Red Boots',
'text' => 'Size: 345KB',
'badge' => 'Rejected'
)
);
?>
<!--begin::List Widget 7-->
<div class="card {{ $class }}">
<!--begin::Header-->
<div class="card-header align-items-center border-0 mt-4">
<h3 class="card-title align-items-start flex-column">
<span class="fw-bolder text-dark">Latest Media</span>
<span class="text-muted mt-1 fw-bold fs-7">Articles and publications</span>
</h3>
<div class="card-toolbar">
<!--begin::Menu-->
<button type="button" class="btn btn-sm btn-icon btn-color-primary btn-active-light-primary" data-kt-menu-trigger="click" data-kt-menu-placement="bottom-end">
{!! theme()->getSvgIcon("icons/duotune/general/gen024.svg", "svg-icon-2") !!}
</button>
{{ theme()->getView('partials/menus/_menu-1') }}
<!--end::Menu-->
</div>
</div>
<!--end::Header-->
<!--begin::Body-->
<div class="card-body pt-3">
@foreach($listRows as $row)
<!--begin::Item-->
<div class="d-flex align-items-sm-center {{ util()->putIf(next($listRows), 'mb-7') }}">
<!--begin::Symbol-->
<div class="symbol symbol-60px symbol-2by3 me-4">
<div class="symbol-label" style="background-image: url('{{ asset($row['image']) }}')"></div>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="d-flex flex-row-fluid flex-wrap align-items-center">
<div class="flex-grow-1 me-2">
<a href="#" class="text-gray-800 fw-bolder text-hover-primary fs-6">{{ $row['title'] }}</a>
<span class="text-muted fw-bold d-block pt-1">{{ $row['text'] }}</span>
</div>
<span class="badge badge-light-{{ $row['color'] }} fs-8 fw-bolder my-2">{{ $row['badge'] }}</span>
</div>
<!--end::Title-->
</div>
<!--end::Item-->
@endforeach
</div>
<!--end::Body-->
</div>
<!--end::List Widget 7-->

View file

@ -0,0 +1,95 @@
<?php
// List items
$listRows = array(
array(
'image' => 'stock/600x400/img-17.jpg',
'title' => 'Cup & Green',
'text' => 'Visually stunning',
'number' => '4.2'
),
array(
'image' => 'stock/600x400/img-10.jpg',
'title' => 'Pink Patterns',
'text' => 'Feminine all around',
'number' => '5.0'
),
array(
'image' => 'stock/600x400/img-1.jpg',
'title' => 'Abstract Art',
'text' => 'The will to capture readers',
'number' => '5.7'
),
array(
'image' => 'stock/600x400/img-9.jpg',
'title' => 'Desserts platter',
'text' => 'Food trends & inspirations',
'number' => '3.7'
)
);
?>
<!--begin::List Widget 8-->
<div class="card {{ $class }}">
<!--begin::Header-->
<div class="card-header align-items-center border-0 mt-4">
<h3 class="card-title align-items-start flex-column">
<span class="fw-bolder text-dark">Latest Products</span>
<span class="text-muted mt-1 fw-bold fs-7">Gifts and more</span>
</h3>
<div class="card-toolbar">
<!--begin::Menu-->
<button type="button" class="btn btn-sm btn-icon btn-color-primary btn-active-light-primary" data-kt-menu-trigger="click" data-kt-menu-placement="bottom-end">
{!! theme()->getSvgIcon("icons/duotune/general/gen024.svg", "svg-icon-2") !!}
</button>
{{ theme()->getView('partials/menus/_menu-3') }}
<!--end::Menu-->
</div>
</div>
<!--end::Header-->
<!--begin::Body-->
<div class="card-body pt-3">
@foreach($listRows as $row)
<!--begin::Item-->
<div class="d-flex align-items-sm-center {{ util()->putIf(next($listRows), 'mb-7') }}">
<!--begin::Symbol-->
<div class="symbol symbol-60px symbol-2by3 me-4">
<div class="symbol-label" style="background-image: url('{{ asset($row['image']) }}')"></div>
</div>
<!--end::Symbol-->
<!--begin::Content-->
<div class="d-flex flex-row-fluid align-items-center flex-wrap my-lg-0 me-2">
<!--begin::Title-->
<div class="flex-grow-1 my-lg-0 my-2 me-2">
<a href="#" class="text-gray-800 fw-bolder text-hover-primary fs-6">{{ $row['title'] }}</a>
<span class="text-muted fw-bold d-block pt-1">{{ $row['text'] }}</span>
</div>
<!--end::Title-->
<!--begin::Section-->
<div class="d-flex align-items-center">
<div class="me-6">
<i class="fa fa-star-half-alt me-1 text-warning fs-5"></i>
<span class="text-gray-800 fw-bolder">{{ $row['number'] }}</span>
</div>
<a href="#" class="btn btn-icon btn-light btn-sm border-0">
{!! theme()->getSvgIcon("icons/duotune/arrows/arr064.svg", "svg-icon-2 svg-icon-primary"); !!}
</a>
</div>
<!--end::Section-->
</div>
<!--end::Content-->
</div>
<!--end::Item-->
@endforeach
</div>
<!--end::Body-->
</div>
<!--end::List Widget 8-->

View file

@ -0,0 +1,110 @@
<?php
// List items
$listRows = array(
array(
'icon' => 'icons/duotune/maps/map004.svg',
'title' => 'Sales',
'description' => '100 Regions',
'stats' => '$2,5b',
'arrow' => 'up'
),
array(
'icon' => 'icons/duotune/general/gen024.svg',
'title' => 'Revenue',
'description' => 'Quarter 2/3',
'stats' => '$1,7b',
'arrow' => 'down'
),
array(
'icon' => 'icons/duotune/electronics/elc005.svg',
'title' => 'Growth',
'description' => '80% Rate',
'stats' => '$8,8m',
'arrow' => 'up'
),
array(
'icon' => 'icons/duotune/general/gen005.svg',
'title' => 'Dispute',
'description' => '3090 Refunds',
'stats' => '$270m',
'arrow' => 'down'
)
);
$color = $color ?? 'primary';
?>
<!--begin::List Widget 1-->
<div class="card {{ $class }}">
<!--begin::Body-->
<div class="card-body p-0">
<!--begin::Header-->
<div class="px-9 pt-7 card-rounded h-275px w-100 bg-{{ $color }}">
<!--begin::Heading-->
<div class="d-flex flex-stack">
<h3 class="m-0 text-white fw-bolder fs-3">Sales Summary</h3>
<div class="ms-1">
<!--begin::Menu-->
<button type="button" class="btn btn-sm btn-icon btn-color-white btn-active-white btn-active-color-{{ $color }} border-0 me-n3" data-kt-menu-trigger="click" data-kt-menu-placement="bottom-end">
{!! theme()->getSvgIcon("icons/duotune/general/gen024.svg", "svg-icon-2") !!}
</button>
{{ theme()->getView('partials/menus/_menu-3') }}
<!--end::Menu-->
</div>
</div>
<!--end::Heading-->
<!--begin::Balance-->
<div class="d-flex text-center flex-column text-white pt-8">
<span class="fw-bold fs-7">You Balance</span>
<span class="fw-bolder fs-2x pt-1">$37,562.00</span>
</div>
<!--end::Balance-->
</div>
<!--end::Header-->
<!--begin::Items-->
<div class="shadow-sm card-rounded mx-9 mb-9 px-6 py-9 position-relative z-index-1 bg-white" style="margin-top: -100px">
@foreach($listRows as $row)
<!--begin::Item-->
<div class="d-flex align-items-center {{ util()->putIf(next($listRows), 'mb-6') }}">
<!--begin::Symbol-->
<div class="symbol symbol-45px w-40px me-5">
<span class="symbol-label bg-lighten">
{!! theme()->getSvgIcon($row['icon'], "svg-icon-1") !!}
</span>
</div>
<!--end::Symbol-->
<!--begin::Description-->
<div class="d-flex align-items-center flex-wrap w-100">
<!--begin::Title-->
<div class="mb-1 pe-3 flex-grow-1">
<a href="#" class="fs-5 text-gray-800 text-hover-primary fw-bolder">{{ $row['title'] }}</a>
<div class="text-gray-400 fw-bold fs-7">{{ $row['description'] }}</div>
</div>
<!--end::Title-->
<!--begin::Label-->
<div class="d-flex align-items-center">
<div class="fw-bolder fs-5 text-gray-800 pe-1">{{ $row['stats'] }}</div>
@if($row['arrow'] === 'up')
{!! theme()->getSvgIcon("icons/duotune/arrows/arr066.svg", "svg-icon-5 svg-icon-success ms-1") !!}
@else
{!! theme()->getSvgIcon("icons/duotune/arrows/arr065.svg", "svg-icon-5 svg-icon-danger ms-1") !!}
@endif
</div>
<!--end::Label-->
</div>
<!--end::Description-->
</div>
<!--end::Item-->
@endforeach
</div>
<!--end::Items-->
</div>
<!--end::Body-->
</div>
<!--end::List Widget 1-->

View file

@ -0,0 +1,29 @@
@php
$chartColor = $chartColor ?? 'primary';
$chartHeight = $chartHeight ?? '175px';
@endphp
<!--begin::Mixed Widget 10-->
<div class="card {{ $class }}">
<!--begin::Body-->
<div class="card-body p-0 d-flex justify-content-between flex-column overflow-hidden">
<!--begin::Hidden-->
<div class="d-flex flex-stack flex-wrap flex-grow-1 px-9 pt-9 pb-3">
<div class="me-2">
<span class="fw-bolder text-gray-800 d-block fs-3">Sales</span>
<span class="text-gray-400 fw-bold">Oct 8 - Oct 26 {{ date("y") }}</span>
</div>
<div class="fw-bolder fs-3 text-{{ $chartColor }}">
$15,300
</div>
</div>
<!--end::Hidden-->
<!--begin::Chart-->
<div class="mixed-widget-10-chart" data-kt-color="{{ $chartColor }}" data-kt-chart-url="{{ route('profits') }}" style="height: {{ $chartHeight }}"></div>
<!--end::Chart-->
</div>
</div>
<!--end::Mixed Widget 10-->

View file

@ -0,0 +1,79 @@
@php
$chartColor = $chartColor ?? 'primary';
$chartHeight = $chartHeight ?? '175px';
@endphp
<!--begin::Mixed Widget 2-->
<div class="card {{ $class }}">
<!--begin::Header-->
<div class="card-header border-0 bg-{{ $chartColor }} py-5">
<h3 class="card-title fw-bolder text-white">Sales Statistics</h3>
<div class="card-toolbar">
<!--begin::Menu-->
<button type="button" class="btn btn-sm btn-icon btn-color-white btn-active-white btn-active-color-{{ $color ?? '' }} border-0 me-n3" data-kt-menu-trigger="click" data-kt-menu-placement="bottom-end">
{!! theme()->getSvgIcon("icons/duotune/general/gen024.svg", "svg-icon-2") !!}
</button>
{{ theme()->getView('partials/menus/_menu-3') }}
<!--end::Menu-->
</div>
</div>
<!--end::Header-->
<!--begin::Body-->
<div class="card-body p-0">
<!--begin::Chart-->
<div class="mixed-widget-2-chart card-rounded-bottom bg-{{ $chartColor }}" data-kt-color="{{ $chartColor }}" data-kt-chart-url="{{ route('profits') }}" style="height: {{ $chartHeight }}"></div>
<!--end::Chart-->
<!--begin::Stats-->
<div class="card-p mt-n20 position-relative">
<!--begin::Row-->
<div class="row g-0">
<!--begin::Col-->
<div class="col bg-light-warning px-6 py-8 rounded-2 me-7 mb-7">
{!! theme()->getSvgIcon("icons/duotune/general/gen032.svg", "svg-icon-3x svg-icon-warning d-block my-2") !!}
<a href="#" class="text-warning fw-bold fs-6">
Weekly Sales
</a>
</div>
<!--end::Col-->
<!--begin::Col-->
<div class="col bg-light-primary px-6 py-8 rounded-2 mb-7">
{!! theme()->getSvgIcon("icons/duotune/finance/fin006.svg", "svg-icon-3x svg-icon-primary d-block my-2") !!}
<a href="#" class="text-primary fw-bold fs-6">
New Projects
</a>
</div>
<!--end::Col-->
</div>
<!--end::Row-->
<!--begin::Row-->
<div class="row g-0">
<!--begin::Col-->
<div class="col bg-light-danger px-6 py-8 rounded-2 me-7">
{!! theme()->getSvgIcon("icons/duotune/abstract/abs027.svg", "svg-icon-3x svg-icon-danger d-block my-2") !!}
<a href="#" class="text-danger fw-bold fs-6 mt-2">
Item Orders
</a>
</div>
<!--end::Col-->
<!--begin::Col-->
<div class="col bg-light-success px-6 py-8 rounded-2">
{!! theme()->getSvgIcon("icons/duotune/communication/com010.svg", "svg-icon-3x svg-icon-success d-block my-2") !!}
<a href="#" class="text-success fw-bold fs-6 mt-2">
Bug Reports
</a>
</div>
<!--end::Col-->
</div>
<!--end::Row-->
</div>
<!--end::Stats-->
</div>
<!--end::Body-->
</div>
<!--end::Mixed Widget 2-->

View file

@ -0,0 +1,101 @@
@php
$chartColor = $chartColor ?? 'primary';
$chartHeight = $chartHeight ?? '175px';
@endphp
<!--begin::Mixed Widget 3-->
<div class="card {{ $class }}">
<!--begin::Beader-->
<div class="card-header border-0 py-5">
<h3 class="card-title align-items-start flex-column">
<span class="card-label fw-bolder fs-3 mb-1">Sales Overview</span>
<span class="text-muted fw-bold fs-7">Recent sales statistics</span>
</h3>
<div class="card-toolbar">
<!--begin::Menu-->
<button type="button" class="btn btn-sm btn-icon btn-color-primary btn-active-light-primary" data-kt-menu-trigger="click" data-kt-menu-placement="bottom-end">
{!! theme()->getSvgIcon("icons/duotune/general/gen024.svg", "svg-icon-2") !!}
</button>
{{ theme()->getView('partials/menus/_menu-1') }}
<!--end::Menu-->
</div>
</div>
<!--end::Header-->
<!--begin::Body-->
<div class="card-body p-0 d-flex flex-column">
<!--begin::Stats-->
<div class="card-p pt-5 bg-white flex-grow-1">
<!--begin::Row-->
<div class="row g-0">
<!--begin::Col-->
<div class="col mr-8">
<!--begin::Label-->
<div class="fs-7 text-muted fw-bold">Average Sale</div>
<!--end::Label-->
<!--begin::Stat-->
<div class="d-flex align-items-center">
<div class="fs-4 fw-bolder">$650</div>
{!! theme()->getSvgIcon("icons/duotune/arrows/arr066.svg", "svg-icon-5 svg-icon-success ms-1") !!}
</div>
<!--end::Stat-->
</div>
<!--end::Col-->
<!--begin::Col-->
<div class="col">
<!--begin::Label-->
<div class="fs-7 text-muted fw-bold">Commission</div>
<!--end::Label-->
<!--begin::Stat-->
<div class="fs-4 fw-bolder">$233,600</div>
<!--end::Stat-->
</div>
<!--end::Col-->
</div>
<!--end::Row-->
<!--begin::Row-->
<div class="row g-0 mt-8">
<!--begin::Col-->
<div class="col mr-8">
<!--begin::Label-->
<div class="fs-7 text-muted fw-bold">Annual Taxes 2019</div>
<!--end::Label-->
<!--begin::Stat-->
<div class="fs-4 fw-bolder">$29,004</div>
<!--end::Stat-->
</div>
<!--end::Col-->
<!--begin::Col-->
<div class="col">
<!--begin::Label-->
<div class="fs-7 text-muted fw-bold">Annual Income</div>
<!--end::Label-->
<!--begin::Stat-->
<div class="d-flex align-items-center">
<div class="fs-4 fw-bolder">$1,480,00</div>
{!! theme()->getSvgIcon("icons/duotune/arrows/arr065.svg", "svg-icon-5 svg-icon-danger ms-1") !!}
</div>
<!--end::Stat-->
</div>
<!--end::Col-->
</div>
<!--end::Row-->
</div>
<!--end::Stats-->
<!--begin::Chart-->
<div class="mixed-widget-3-chart card-rounded-bottom" data-kt-chart-color="{{ $chartColor }}" style="height: {{ $chartHeight }}"></div>
<!--end::Chart-->
</div>
<!--end::Body-->
</div>
<!--end::Mixed Widget 3-->

View file

@ -0,0 +1,45 @@
@php
$chartColor = $chartColor ?? 'primary';
$chartHeight = $chartHeight ?? '175px';
@endphp
<!--begin::Mixed Widget 4-->
<div class="card {{ $class }}">
<!--begin::Beader-->
<div class="card-header border-0 py-5">
<h3 class="card-title align-items-start flex-column">
<span class="card-label fw-bolder fs-3 mb-1">Action Needed</span>
<span class="text-muted fw-bold fs-7">Complete your profile setup</span>
</h3>
<div class="card-toolbar">
<!--begin::Menu-->
<button type="button" class="btn btn-sm btn-icon btn-color-primary btn-active-light-primary" data-kt-menu-trigger="click" data-kt-menu-placement="bottom-end">
{!! theme()->getSvgIcon("icons/duotune/general/gen024.svg", "svg-icon-2") !!}
</button>
{{ theme()->getView('partials/menus/_menu-1') }}
<!--end::Menu-->
</div>
</div>
<!--end::Header-->
<!--begin::Body-->
<div class="card-body d-flex flex-column">
<div class="flex-grow-1">
<div class="mixed-widget-4-chart" data-kt-chart-color="{{ $chartColor }}" style="height: {{ $chartHeight }}">
</div>
</div>
<div class="pt-5">
<p class="text-center fs-6 pb-5 ">
<span class="badge badge-light-danger fs-8">Notes:</span>&nbsp;
Current sprint requires stakeholders<br/>
to approve newly amended policies
</p>
<a href="#" class="btn btn-{{ $color }} w-100 py-3">Take Action</a>
</div>
</div>
<!--end::Body-->
</div>
<!--end::Mixed Widget 4-->

View file

@ -0,0 +1,121 @@
@php
$chartColor = $chartColor ?? 'primary';
$chartHeight = $chartHeight ?? '175px';
@endphp
<!--begin::Mixed Widget 5-->
<div class="card {{ $class }}">
<!--begin::Beader-->
<div class="card-header border-0 py-5">
<h3 class="card-title align-items-start flex-column">
<span class="card-label fw-bolder fs-3 mb-1">Trends</span>
<span class="text-muted fw-bold fs-7">Latest trends</span>
</h3>
<div class="card-toolbar">
<!--begin::Menu-->
<button type="button" class="btn btn-sm btn-icon btn-color-primary btn-active-light-primary" data-kt-menu-trigger="click" data-kt-menu-placement="bottom-end">
{!! theme()->getSvgIcon("icons/duotune/general/gen024.svg", "svg-icon-2") !!}
</button>
{{ theme()->getView('partials/menus/_menu-3') }}
<!--end::Menu-->
</div>
</div>
<!--end::Header-->
<!--begin::Body-->
<div class="card-body d-flex flex-column">
<!--begin::Chart-->
<div class="mixed-widget-5-chart card-rounded-top" data-kt-chart-color="{{ $chartColor }}" data-kt-chart-url="{{ route('profits') }}" style="height: {{ $chartHeight }}"></div>
<!--end::Chart-->
<!--begin::Items-->
<div class="mt-5">
<!--begin::Item-->
<div class="d-flex flex-stack mb-5">
<!--begin::Section-->
<div class="d-flex align-items-center me-2">
<!--begin::Symbol-->
<div class="symbol symbol-50px me-3">
<div class="symbol-label bg-light">
<img src="{{ asset(theme()->getMediaUrlPath() . 'svg/brand-logos/plurk.svg') }}" alt="" class="h-50"/>
</div>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div>
<a href="#" class="fs-6 text-gray-800 text-hover-primary fw-bolder">Top Authors</a>
<div class="fs-7 text-muted fw-bold mt-1">Ricky Hunt, Sandra Trepp</div>
</div>
<!--end::Title-->
</div>
<!--end::Section-->
<!--begin::Label-->
<div class="badge badge-light fw-bold py-4 px-3">+82$</div>
<!--end::Label-->
</div>
<!--end::Item-->
<!--begin::Item-->
<div class="d-flex flex-stack mb-5">
<!--begin::Section-->
<div class="d-flex align-items-center me-2">
<!--begin::Symbol-->
<div class="symbol symbol-50px me-3">
<div class="symbol-label bg-light">
<img src="{{ asset(theme()->getMediaUrlPath() . 'svg/brand-logos/figma-1.svg') }}" alt="" class="h-50"/>
</div>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div>
<a href="#" class="fs-6 text-gray-800 text-hover-primary fw-bolder">Top Sales</a>
<div class="fs-7 text-muted fw-bold mt-1">PitStop Emails</div>
</div>
<!--end::Title-->
</div>
<!--end::Section-->
<!--begin::Label-->
<div class="badge badge-light fw-bold py-4 px-3">+82$</div>
<!--end::Label-->
</div>
<!--end::Item-->
<!--begin::Item-->
<div class="d-flex flex-stack">
<!--begin::Section-->
<div class="d-flex align-items-center me-2">
<!--begin::Symbol-->
<div class="symbol symbol-50px me-3">
<div class="symbol-label bg-light">
<img src="{{ asset(theme()->getMediaUrlPath() . 'svg/brand-logos/vimeo.svg') }}" alt="" class="h-50"/>
</div>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div class="py-1">
<a href="#" class="fs-6 text-gray-800 text-hover-primary fw-bolder">Top Engagement</a>
<div class="fs-7 text-muted fw-bold mt-1">KT.com</div>
</div>
<!--end::Title-->
</div>
<!--end::Section-->
<!--begin::Label-->
<div class="badge badge-light fw-bold py-4 px-3">+82$</div>
<!--end::Label-->
</div>
<!--end::Item-->
</div>
<!--end::Items-->
</div>
<!--end::Body-->
</div>
<!--end::Mixed Widget 5-->

View file

@ -0,0 +1,131 @@
@php
$chartColor = $chartColor ?? 'primary';
$chartHeight = $chartHeight ?? '175px';
@endphp
<!--begin::Mixed Widget 6-->
<div class="card {{ $class }}">
<!--begin::Beader-->
<div class="card-header border-0 py-5">
<h3 class="card-title align-items-start flex-column">
<span class="card-label fw-bolder fs-3 mb-1">Sales Statistics</span>
<span class="text-muted fw-bold fs-7">Recent sales statistics</span>
</h3>
<div class="card-toolbar">
<!--begin::Menu-->
<button type="button" class="btn btn-sm btn-icon btn-color-primary btn-active-light-primary" data-kt-menu-trigger="click" data-kt-menu-placement="bottom-end">
{!! theme()->getSvgIcon("icons/duotune/general/gen024.svg", "svg-icon-2") !!}
</button>
{{ theme()->getView('partials/menus/_menu-1') }}
<!--end::Menu-->
</div>
</div>
<!--end::Header-->
<!--begin::Body-->
<div class="card-body p-0 d-flex flex-column">
<!--begin::Stats-->
<div class="card-px pt-5 pb-10 flex-grow-1">
<!--begin::Row-->
<div class="row g-0 mt-5 mb-10">
<!--begin::Col-->
<div class="col">
<div class="d-flex align-items-center me-2">
<!--begin::Symbol-->
<div class="symbol symbol-50px me-3">
<div class="symbol-label bg-light-info">
{!! theme()->getSvgIcon("icons/duotune/art/art007.svg", "svg-icon-1 svg-icon-info"); !!}
</div>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div>
<div class="fs-4 text-dark fw-bolder">$2,034</div>
<div class="fs-7 text-muted fw-bold">Author Sales</div>
</div>
<!--end::Title-->
</div>
</div>
<!--end::Col-->
<!--begin::Col-->
<div class="col">
<div class="d-flex align-items-center me-2">
<!--begin::Symbol-->
<div class="symbol symbol-50px me-3">
<div class="symbol-label bg-light-danger">
{!! theme()->getSvgIcon("icons/duotune/abstract/abs027.svg", "svg-icon-1 svg-icon-danger"); !!}
</div>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div>
<div class="fs-4 text-dark fw-bolder">$706</div>
<div class="fs-7 text-muted fw-bold">Commision</div>
</div>
<!--end::Title-->
</div>
</div>
<!--end::Col-->
</div>
<!--end::Row-->
<!--begin::Row-->
<div class="row g-0">
<!--begin::Col-->
<div class="col">
<div class="d-flex align-items-center me-2">
<!--begin::Symbol-->
<div class="symbol symbol-50px me-3">
<div class="symbol-label bg-light-success">
{!! theme()->getSvgIcon("icons/duotune/ecommerce/ecm002.svg", "svg-icon-1 svg-icon-success"); !!}
</div>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div>
<div class="fs-4 text-dark fw-bolder">$49</div>
<div class="fs-7 text-muted fw-bold">Average Bid</div>
</div>
<!--end::Title-->
</div>
</div>
<!--end::Col-->
<!--begin::Col-->
<div class="col">
<div class="d-flex align-items-center me-2">
<!--begin::Symbol-->
<div class="symbol symbol-50px me-3">
<div class="symbol-label bg-light-primary">
{!! theme()->getSvgIcon("icons/duotune/ecommerce/ecm010.svg", "svg-icon-1 svg-icon-primary"); !!}
</div>
</div>
<!--end::Symbol-->
<!--begin::Title-->
<div>
<div class="fs-4 text-dark fw-bolder">$5.8M</div>
<div class="fs-7 text-muted fw-bold">All Time Sales</div>
</div>
<!--end::Title-->
</div>
</div>
<!--end::Col-->
</div>
<!--end::Row-->
</div>
<!--end::Stats-->
<!--begin::Chart-->
<div class="mixed-widget-6-chart card-rounded-bottom" data-kt-chart-color="{{ $chartColor }}" style="height: {{ $chartHeight }}"></div>
<!--end::Chart-->
</div>
<!--end::Body-->
</div>
<!--end::Mixed Widget 6-->

View file

@ -0,0 +1,32 @@
@php
$chartColor = $chartColor ?? 'primary';
$chartHeight = $chartHeight ?? '175px';
@endphp
<!--begin::Mixed Widget 7-->
<div class="card {{ $class }}">
<!--begin::Body-->
<div class="card-body d-flex flex-column p-0">
<!--begin::Stats-->
<div class="flex-grow-1 card-p pb-0">
<div class="d-flex flex-stack flex-wrap">
<div class="me-2">
<a href="#" class="text-dark text-hover-primary fw-bolder fs-3">Generate Reports</a>
<div class="text-muted fs-7 fw-bold">Finance and accounting reports</div>
</div>
<div class="fw-bolder fs-3 text-{{ $chartColor }}">
$24,500
</div>
</div>
</div>
<!--end::Stats-->
<!--begin::Chart-->
<div class="mixed-widget-7-chart card-rounded-bottom" data-kt-chart-color="{{ $chartColor }}" data-kt-chart-url="{{ route('profits') }}" style="height: {{ $chartHeight }}"></div>
<!--end::Chart-->
</div>
<!--end::Body-->
</div>
<!--end::Mixed Widget 7-->

View file

@ -0,0 +1,82 @@
<!--begin::Mixed Widget 8-->
<div class="card {{ $class }}">
<!--begin::Body-->
<div class="card-body">
<!--begin::Heading-->
<div class="d-flex flex-stack">
<!--begin:Info-->
<div class="d-flex align-items-center">
<!--begin:Image-->
<div class="symbol symbol-60px me-5">
<span class="symbol-label bg-{{ $color ?? '' }}-light">
<img src="{{ asset(theme()->getMediaUrlPath() . $image ?? '') }}" class="h-50 align-self-center" alt=""/>
</span>
</div>
<!--end:Image-->
<!--begin:Title-->
<div class="d-flex flex-column flex-grow-1 my-lg-0 my-2 pr-3">
<a href="#" class="text-dark fw-bolder text-hover-primary fs-5">
{{ $title ?? '' }}
</a>
<span class="text-muted fw-bold">
{{ $date ?? '' }}
</span>
</div>
<!--end:Title-->
</div>
<!--begin:Info-->
<!--begin:Menu-->
<div class="ms-1">
<button type="button" class="btn btn-sm btn-icon btn-color-primary btn-active-light-primary" data-kt-menu-trigger="click" data-kt-menu-placement="bottom-end">
{!! theme()->getSvgIcon("icons/duotune/general/gen024.svg", "svg-icon-2") !!}
</button>
{{ theme()->getView('partials/menus/_menu-2') }}
</div>
<!--end::Menu-->
</div>
<!--end::Heading-->
<!--begin:Stats-->
<div class="d-flex flex-column w-100 mt-12">
<span class="text-dark me-2 fw-bolder pb-3">
Progress
</span>
<div class="progress h-5px w-100">
<div class="progress-bar bg-{{ $color ?? '' }}" role="progressbar" style="width: {{ $progress ?? '' }}%" aria-valuenow="{{ $progress ?? '' }}" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
<!--end:Stats-->
<!--begin:Team-->
<div class="d-flex flex-column mt-10">
<div class="text-dark me-2 fw-bolder pb-4">
Team
</div>
<div class="d-flex">
<a href="#" class="symbol symbol-35px me-2" data-bs-toggle="tooltip" title="Ana Stone">
<img src="{{ asset(theme()->getMediaUrlPath() . 'avatars/300-6.jpg' }}" alt=""/>
</a>
<a href="#" class="symbol symbol-35px me-2" data-bs-toggle="tooltip" title="Mark Larson">
<img src="{{ asset(theme()->getMediaUrlPath() . 'avatars/300-5.jpg' }}" alt=""/>
</a>
<a href="#" class="symbol symbol-35px me-2" data-bs-toggle="tooltip" title="Sam Harris">
<img src="{{ asset(theme()->getMediaUrlPath() . 'avatars/300-9.jpg' }}" alt=""/>
</a>
<a href="#" class="symbol symbol-35px" data-bs-toggle="tooltip" title="Alice Micto">
<img src="{{ asset(theme()->getMediaUrlPath() . 'avatars/300-10.jpg' }}" alt=""/>
</a>
</div>
</div>
<!--end:Team-->
</div>
<!--end::Body-->
</div>
<!--end::Mixed Widget 8-->

View file

@ -0,0 +1,51 @@
<!--begin::Mixed Widget 9-->
<div class="card {{ $class }}">
<!--begin::Body-->
<div class="card-body d-flex flex-column">
<div class="flex-grow-1">
<!--begin::Info-->
<div class="d-flex align-items-center pe-2 mb-5">
<span class="text-muted fw-bolder fs-5 flex-grow-1">
{{ $time ?? '' }}
</span>
<div class="symbol symbol-50px">
<span class="symbol-label bg-light">
<img src="{{ asset(theme()->getMediaUrlPath() . $image ?? '') }}" class="h-50 align-self-center" alt=""/>
</span>
</div>
</div>
<!--end::Info-->
<!--begin::Link-->
<a href="#" class="text-dark fw-bolder text-hover-primary fs-4">
{{ $title ?? '' }}
</a>
<!--end::Link-->
<!--begin::Desc-->
<p class="py-3">
{{ $description ?? '' }}
</p>
<!--end::Desc-->
</div>
<!--begin::Team-->
<div class="d-flex align-items-center">
<a href="#" class="symbol symbol-35px me-2" data-bs-toggle="tooltip" title="Ana Stone">
<img src="{{ asset(theme()->getMediaUrlPath() . 'avatars/300-6.jpg') }}" alt=""/>
</a>
<a href="#" class="symbol symbol-35px me-2" data-bs-toggle="tooltip" title="Mark Larson">
<img src="{{ asset(theme()->getMediaUrlPath() . 'avatars/300-5.jpg') }}" alt=""/>
</a>
<a href="#" class="symbol symbol-35px me-2" data-bs-toggle="tooltip" title="Sam Harris">
<img src="{{ asset(theme()->getMediaUrlPath() . 'avatars/300-9.jpg') }}" alt=""/>
</a>
</div>
<!--end::Team-->
</div>
<!--end::Body-->
</div>
<!--end::Mixed Widget 9-->

View file

@ -0,0 +1,149 @@
<?php
// Table rows
$tableRows = array(
array(
'image' => 'svg/brand-logos/plurk.svg',
'info' => array(
'title' => 'Top Authors',
'description' => 'Successful Fellas'
),
'progress' => array(
'value' => '70',
'color' => 'primary'
)
),
array(
'image' => 'svg/brand-logos/telegram.svg',
'info' => array(
'title' => 'Popular Authors',
'description' => 'Most Successful'
),
'progress' => array(
'value' => '50',
'color' => 'primary'
)
),
array(
'image' => 'svg/brand-logos/vimeo.svg',
'info' => array(
'title' => 'New Users',
'description' => 'Awesome Users'
),
'progress' => array(
'value' => '80',
'color' => 'primary'
)
),
array(
'image' => 'svg/brand-logos/bebo.svg',
'info' => array(
'title' => 'Active Customers',
'description' => 'Best Customers'
),
'progress' => array(
'value' => '90',
'color' => 'primary'
)
),
array(
'image' => 'svg/brand-logos/kickstarter.svg',
'info' => array(
'title' => 'Bestseller Theme',
'description' => 'Amazing Templates'
),
'progress' => array(
'value' => '70',
'color' => 'primary'
)
)
);
?>
<!--begin::Tables Widget 1-->
<div class="card {{ $class }}">
<!--begin::Header-->
<div class="card-header border-0 pt-5">
<h3 class="card-title align-items-start flex-column">
<span class="card-label fw-bolder fs-3 mb-1">Tasks Overview</span>
<span class="text-muted fw-bold fs-7">Pending 10 tasks</span>
</h3>
<div class="card-toolbar">
<!--begin::Menu-->
<button type="button" class="btn btn-sm btn-icon btn-color-primary btn-active-light-primary" data-kt-menu-trigger="click" data-kt-menu-placement="bottom-end">
{!! theme()->getSvgIcon("icons/duotune/general/gen024.svg", "svg-icon-2") !!}
</button>
{{ theme()->getView('partials/menus/_menu-1') }}
<!--end::Menu-->
</div>
</div>
<!--end::Header-->
<!--begin::Body-->
<div class="card-body py-3">
<!--begin::Table container-->
<div class="table-responsive">
<!--begin::Table-->
<table class="table align-middle gs-0 gy-5">
<!--begin::Table head-->
<thead>
<tr>
<th class="p-0 w-50px"></th>
<th class="p-0 min-w-200px"></th>
<th class="p-0 min-w-100px"></th>
<th class="p-0 min-w-40px"></th>
</tr>
</thead>
<!--end::Table head-->
<!--begin::Table body-->
<tbody>
@foreach($tableRows as $row)
<tr>
<th>
<div class="symbol symbol-50px me-2">
<span class="symbol-label">
<img src="{{ asset(theme()->getMediaUrlPath() . $row['image']) }}" class="h-50 align-self-center" alt=""/>
</span>
</div>
</th>
<td >
<a href="#" class="text-dark fw-bolder text-hover-primary mb-1 fs-6">{{ $row['info']['title'] }}</a>
<span class="text-muted fw-bold d-block fs-7">{{ $row['info']['description'] }}</span>
</td>
<td>
<div class="d-flex flex-column w-100 me-2">
<div class="d-flex flex-stack mb-2">
<span class="text-muted me-2 fs-7 fw-bold">
{{ $row['progress']['value'] }}%
</span>
</div>
<div class="progress h-6px w-100">
<div class="progress-bar bg-{{ $row['progress']['color'] }}" role="progressbar" style="width: {{ $row['progress']['value'] }}%" aria-valuenow="{{ $row['progress']['value'] }}" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
</td>
<td class="text-end">
<a href="#" class="btn btn-sm btn-icon btn-bg-light btn-active-color-primary">
{!! theme()->getSvgIcon("icons/duotune/arrows/arr064.svg", "svg-icon-2"); !!}
</a>
</td>
</tr>
@endforeach
</tbody>
<!--end::Table body-->
</table>
<!--end::Table-->
</div>
<!--end::Table container-->
</div>
</div>
<!--endW::Tables Widget 1-->

View file

@ -0,0 +1,155 @@
<?php
// Table rows
$tableRows = array(
array(
'price' => '$560,000',
'technologies' => 'Laravel, Metronic',
'status' => array(
'label' => 'Approved',
'color' => 'success'
)
),
array(
'price' => '$2,000,000',
'technologies' => 'ReactJs, HTML',
'status' => array(
'label' => 'In Progress',
'color' => 'warning'
)
),
array(
'price' => '$760,000',
'technologies' => 'Python, MySQL',
'status' => array(
'label' => 'Success',
'color' => 'danger'
)
),
array(
'price' => '$257,000',
'technologies' => 'ReactJS, Ruby',
'status' => array(
'label' => 'Rejected',
'color' => 'info'
)
),
array(
'price' => '$560,000',
'technologies' => 'AngularJS, C#',
'status' => array(
'label' => 'In Progress',
'color' => 'primary'
)
),
);
?>
<!--begin::Tables Widget 10-->
<div class="card {{ $class }}">
<!--begin::Header-->
<div class="card-header border-0 pt-5">
<h3 class="card-title align-items-start flex-column">
<span class="card-label fw-bolder fs-3 mb-1">New Products</span>
<span class="text-muted mt-1 fw-bold fs-7">Over 500 new products</span>
</h3>
<div class="card-toolbar">
<!--begin::Menu-->
<button type="button" class="btn btn-sm btn-icon btn-color-primary btn-active-light-primary" data-kt-menu-trigger="click" data-kt-menu-placement="bottom-end">
{!! theme()->getSvgIcon("icons/duotune/general/gen024.svg", "svg-icon-2") !!}
</button>
{{ theme()->getView('partials/menus/_menu-2') }}
<!--end::Menu-->
</div>
</div>
<!--end::Header-->
<!--begin::Body-->
<div class="card-body pt-3">
<!--begin::Table container-->
<div class="table-responsive">
<!--begin::Table-->
<table class="table table-row-dashed table-row-gray-300 align-middle gs-0 gy-4">
<!--begin::Table head-->
<thead>
<tr class="border-0">
<th class="p-0 "></th>
<th class="p-0 min-w-150px"></th>
<th class="p-0 min-w-200px"></th>
<th class="p-0 min-w-150px"></th>
<th class="p-0 min-w-100px text-end"></th>
</tr>
</thead>
<!--end::Table head-->
<!--begin::Table body-->
<tbody>
@foreach($tableRows as $index => $row)
<?php
$user = \App\Core\Data::getSampleUserInfo($index);
?>
<tr>
<td>
<div class="d-flex align-items-center">
<!--begin::Avatar-->
<div class="symbol symbol-45px me-5">
@if (isset($user['avatar']))
<img alt="Pic" src="{{ asset(theme()->getMediaUrlPath() . $user['avatar']) }}" />
@else
<span class="symbol-label bg-light-{{ $user['initials']['state'] }} text-{{ $user['initials']['state'] }} fw-bolder">
{{ $user['initials']['label'] }}
</span>
@endif
</div>
<!--end::Avatar-->
<!--begin::Name-->
<div class="d-flex justify-content-start flex-column">
<a href="#" class="text-dark fw-bolder text-hover-primary mb-1 fs-6">{{ $user['name'] }}</a>
<a href="#" class="text-muted text-hover-primary fw-bold text-muted d-block fs-7">
<span class="text-dark">Email</span>: {{ $user['email'] }}
</a>
</div>
<!--end::Name-->
</div>
</td>
<td class="text-end">
<a href="#" class="text-dark fw-bolder text-hover-primary d-block mb-1 fs-6">{{ $row['price'] }}</a>
<span class="text-muted fw-bold text-muted d-block fs-7">Paid</span>
</td>
<td class="text-muted fw-bold text-end">
{{ $row['technologies'] }}
</td>
<td class="text-end">
<span class="badge badge-light-{{ $row['status']['color'] }}">{{ $row['status']['label'] }}</span>
</td>
<td class="text-end">
<a href="#" class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1">
{!! theme()->getSvgIcon("icons/duotune/general/gen019.svg", "svg-icon-3") !!}
</a>
<a href="#" class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1">
{!! theme()->getSvgIcon("icons/duotune/art/art005.svg", "svg-icon-3") !!}
</a>
<a href="#" class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm">
{!! theme()->getSvgIcon("icons/duotune/general/gen027.svg", "svg-icon-3") !!}
</a>
</td>
</tr>
@endforeach
</tbody>
<!--end::Table body-->
</table>
<!--end::Table-->
</div>
<!--end::Table container-->
</div>
<!--begin::Body-->
</div>
<!--end::Tables Widget 10-->

View file

@ -0,0 +1,189 @@
<?php
// Table rows
$tableRows = array(
array(
'product' => array(
'image' => 'stock/600x400/img-26.jpg',
'name' => 'Sant Extreanet Solution',
'specs' => 'HTML, JS, ReactJS'
),
'price' => '$2,790',
'deposit' => '$520',
'agent' => array(
'name' => 'Bradly Beal',
'position' => 'Insurance'
),
'status' => array(
'label' => 'Approved',
'color' => 'primary'
)
),
array(
'product' => array(
'image' => 'stock/600x400/img-3.jpg',
'name' => 'Telegram Development',
'specs' => 'C#, ASP.NET, MS SQL'
),
'price' => '$4,790',
'deposit' => '$240',
'agent' => array(
'name' => 'Chris Thompson',
'position' => 'NBA Player'
),
'status' => array(
'label' => 'In Progress',
'color' => 'danger'
)
),
array(
'product' => array(
'image' => 'stock/600x400/img-9.jpg',
'name' => 'Payroll Application',
'specs' => 'PHP, Laravel, VueJS'
),
'price' => '$4,390',
'deposit' => '$593',
'agent' => array(
'name' => 'Zoey McGee',
'position' => 'Ruby Developer'
),
'status' => array(
'label' => 'Success',
'color' => 'success'
)
),
array(
'product' => array(
'image' => 'stock/600x400/img-18.jpg',
'name' => 'HR Management System',
'specs' => 'Python, PostgreSQL, ReactJS'
),
'price' => '$7,990',
'deposit' => '$980',
'agent' => array(
'name' => 'Brandon Ingram',
'position' => 'Insurance'
),
'status' => array(
'label' => 'Rejected',
'color' => 'info'
)
),
array(
'product' => array(
'image' => 'stock/600x400/img-8.jpg',
'name' => 'Telegram Mobile',
'specs' => 'HTML, JS, ReactJS'
),
'price' => '$5,790',
'deposit' => '$750',
'agent' => array(
'name' => 'Natali Trump',
'position' => 'Insurance'
),
'status' => array(
'label' => 'Approved',
'color' => 'warning'
)
),
);
?>
<!--begin::Tables Widget 11-->
<div class="card {{ $class }}">
<!--begin::Header-->
<div class="card-header border-0 pt-5">
<h3 class="card-title align-items-start flex-column">
<span class="card-label fw-bolder fs-3 mb-1">New Arrivals</span>
<span class="text-muted mt-1 fw-bold fs-7">Over 500 new products</span>
</h3>
<div class="card-toolbar">
<a href="#" class="btn btn-sm btn-light-primary">
{!! theme()->getSvgIcon("icons/duotune/arrows/arr075.svg", "svg-icon-2") !!}
New Member
</a>
</div>
</div>
<!--end::Header-->
<!--begin::Body-->
<div class="card-body py-3">
<!--begin::Table container-->
<div class="table-responsive">
<!--begin::Table-->
<table class="table align-middle gs-0 gy-4">
<!--begin::Table head-->
<thead>
<tr class="fw-bolder text-muted bg-light">
<th class="ps-4 min-w-325px rounded-start">Product</th>
<th class="min-w-125px">Price</th>
<th class="min-w-125px">Deposit</th>
<th class="min-w-200px">Agent</th>
<th class="min-w-150px">Status</th>
<th class="min-w-200px text-end rounded-end"></th>
</tr>
</thead>
<!--end::Table head-->
<!--begin::Table body-->
<tbody>
@foreach($tableRows as $row)
<tr>
<td>
<div class="d-flex align-items-center">
<div class="symbol symbol-50px me-5">
<img src="{{ asset(theme()->getMediaUrlPath() . $row['product']['image']) }}" class="" alt=""/>
</div>
<div class="d-flex justify-content-start flex-column">
<a href="#" class="text-dark fw-bolder text-hover-primary mb-1 fs-6">{{ $row['product']['name'] }}</a>
<span class="text-muted fw-bold text-muted d-block fs-7">{{ $row['product']['specs'] }}</span>
</div>
</div>
</td>
<td>
<a href="#" class="text-dark fw-bolder text-hover-primary d-block mb-1 fs-6">{{ $row['price'] }}</a>
<span class="text-muted fw-bold text-muted d-block fs-7">Paid</span>
</td>
<td>
<a href="#" class="text-dark fw-bolder text-hover-primary d-block mb-1 fs-6">{{ $row['deposit'] }}</a>
<span class="text-muted fw-bold text-muted d-block fs-7">Rejected</span>
</td>
<td>
<a href="#" class="text-dark fw-bolder text-hover-primary d-block mb-1 fs-6">{{ $row['agent']['name'] }}</a>
<span class="text-muted fw-bold text-muted d-block fs-7">{{ $row['agent']['position'] }}</span>
</td>
<td>
<span class="badge badge-light-{{ $row['status']['color'] }} fs-7 fw-bold">{{ $row['status']['label'] }}</span>
</td>
<td class="text-end">
<a href="#" class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1">
{!! theme()->getSvgIcon("icons/duotune/general/gen019.svg", "svg-icon-3") !!}
</a>
<a href="#" class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1">
{!! theme()->getSvgIcon("icons/duotune/art/art005.svg", "svg-icon-3") !!}
</a>
<a href="#" class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm">
{!! theme()->getSvgIcon("icons/duotune/general/gen027.svg", "svg-icon-3") !!}
</a>
</td>
</tr>
@endforeach
</tbody>
<!--end::Table body-->
</table>
<!--end::Table-->
</div>
<!--end::Table container-->
</div>
<!--begin::Body-->
</div>
<!--end::Tables Widget 11-->

View file

@ -0,0 +1,227 @@
<?php
// Table rows
$tableRows = array(
array(
'agent' => array(
'image' => 'svg/avatars/001-boy.svg',
'name' => 'Brad Simmons',
'skills' => 'HTML, JS, ReactJS'
),
'earnings' => array(
'value' => '$8,000,000',
'remarks' => 'Pending'
),
'comission' => array(
'value' => '$5,400',
'remarks' => 'Paid'
),
'company' => array(
'name' => 'Intertico',
'fields' => 'Web, UI/UX Design'
),
'rating' => array(
'value' => 5,
'remarks' => 'Best Rated'
)
),
array(
'agent' => array(
'image' => 'svg/avatars/047-girl-25.svg',
'name' => 'Lebron Wayde',
'skills' => 'PHP, Laravel, VueJS'
),
'earnings' => array(
'value' => '$8,750,000',
'remarks' => 'Paid'
),
'comission' => array(
'value' => '$7,400',
'remarks' => 'Paid'
),
'company' => array(
'name' => 'Agoda',
'fields' => 'Houses & Hotels'
),
'rating' => array(
'value' => 4,
'remarks' => 'Above Avarage'
)
),
array(
'agent' => array(
'image' => 'svg/avatars/006-girl-3.svg',
'name' => 'Brad Simmons',
'skills' => 'HTML, JS, ReactJS'
),
'earnings' => array(
'value' => '$8,000,000',
'remarks' => 'In Proccess'
),
'comission' => array(
'value' => '$2,500',
'remarks' => 'Rejected'
),
'company' => array(
'name' => 'RoadGee',
'fields' => 'Paid'
),
'rating' => array(
'value' => 5,
'remarks' => 'Best Rated'
)
),
array(
'agent' => array(
'image' => 'svg/avatars/014-girl-7.svg',
'name' => 'Natali Trump',
'skills' => 'HTML, JS, ReactJS'
),
'earnings' => array(
'value' => '$700,000',
'remarks' => 'Pending'
),
'comission' => array(
'value' => '$7,760',
'remarks' => 'Paid'
),
'company' => array(
'name' => 'The Hill',
'fields' => 'Insurance'
),
'rating' => array(
'value' => 3,
'remarks' => 'Avarage'
)
),
array(
'agent' => array(
'image' => 'svg/avatars/020-girl-11.svg',
'name' => ' Jessie Clarcson',
'skills' => 'HTML, JS, ReactJS'
),
'earnings' => array(
'value' => '$1,320,000',
'remarks' => 'Pending'
),
'comission' => array(
'value' => '$6,250',
'remarks' => 'Paid'
),
'company' => array(
'name' => 'Intertico',
'fields' => 'Web, UI/UX Design'
),
'rating' => array(
'value' => 5,
'remarks' => 'Best Rated'
)
)
);
?>
<!--begin::Tables Widget 12-->
<div class="card {{ $class }}">
<!--begin::Header-->
<div class="card-header border-0 pt-5">
<h3 class="card-title align-items-start flex-column">
<span class="card-label fw-bolder fs-3 mb-1">Member Statistics</span>
<span class="text-muted mt-1 fw-bold fs-7">Over 500 new members</span>
</h3>
<div class="card-toolbar">
<!--begin::Menu-->
<button type="button" class="btn btn-sm btn-icon btn-color-primary btn-active-light-primary" data-kt-menu-trigger="click" data-kt-menu-placement="bottom-end">
{!! theme()->getSvgIcon("icons/duotune/general/gen024.svg", "svg-icon-2") !!}
</button>
{{ theme()->getView('partials/menus/_menu-2') }}
<!--end::Menu-->
</div>
</div>
<!--end::Header-->
<!--begin::Body-->
<div class="card-body py-3">
<!--begin::Table container-->
<div class="table-responsive">
<!--begin::Table-->
<table class="table align-middle gs-0 gy-4">
<!--begin::Table head-->
<thead>
<tr class="fw-bolder text-muted bg-light">
<th class="ps-4 min-w-300px rounded-start">Agent</th>
<th class="min-w-125px">Earnings</th>
<th class="min-w-125px">Comission</th>
<th class="min-w-200px">Company</th>
<th class="min-w-150px">Rating</th>
<th class="min-w-200px text-end rounded-end"></th>
</tr>
</thead>
<!--end::Table head-->
<!--begin::Table body-->
<tbody>
@foreach($tableRows as $row)
<tr>
<td>
<div class="d-flex align-items-center">
<div class="symbol symbol-50px me-5">
<span class="symbol-label bg-light">
<img src="{{ asset(theme()->getMediaUrlPath() . $row['agent']['image']) }}" class="h-75 align-self-end" alt=""/>
</span>
</div>
<div class="d-flex justify-content-start flex-column">
<a href="#" class="text-dark fw-bolder text-hover-primary mb-1 fs-6">{{ $row['agent']['name'] }}</a>
<span class="text-muted fw-bold text-muted d-block fs-7">{{ $row['agent']['skills'] }}</span>
</div>
</div>
</td>
<td>
<a href="#" class="text-dark fw-bolder text-hover-primary d-block mb-1 fs-6">{{ $row['earnings']['value'] }}</a>
<span class="text-muted fw-bold text-muted d-block fs-7">{{ $row['earnings']['remarks'] }}</span>
</td>
<td>
<a href="#" class="text-dark fw-bolder text-hover-primary d-block mb-1 fs-6">{{ $row['comission']['value'] }}</a>
<span class="text-muted fw-bold text-muted d-block fs-7">{{ $row['comission']['remarks'] }}</span>
</td>
<td>
<a href="#" class="text-dark fw-bolder text-hover-primary d-block mb-1 fs-6">{{ $row['company']['name'] }}</a>
<span class="text-muted fw-bold text-muted d-block fs-7">{{ $row['company']['fields'] }}</span>
</td>
<td>
<div class="rating">
<?php for($i = 1; $i <= 5; $i++):?>
<div class="rating-label me-2 <?php echo ($row["rating"]['value'] >= $i ? 'checked' : '')?>">
<i class="bi bi-star-fill fs-5"></i>
</div>
<?php endfor?>
</div>
<span class="text-muted fw-bold text-muted d-block fs-7 mt-1">{{ $row['rating']['remarks'] }}</span>
</td>
<td class="text-end">
<a href="#" class="btn btn-bg-light btn-color-muted btn-active-color-primary btn-sm px-4 me-2">
View
</a>
<a href="#" class="btn btn-bg-light btn-color-muted btn-active-color-primary btn-sm px-4">
Edit
</a>
</td>
</tr>
@endforeach
</tbody>
<!--end::Table body-->
</table>
<!--end::Table-->
</div>
<!--end::Table container-->
</div>
<!--begin::Body-->
</div>
<!--end::Tables Widget 12-->

View file

@ -0,0 +1,233 @@
<?php
// Table rows
$tableRows = array(
array(
'orderid' => '56037-XDER',
'country' => array(
'name' => 'Brasil',
'code' => 'PH'
),
'date' => array(
'value' => '05/28/2020',
'remarks' => 'Paid'
),
'progress' => array(
'value' => '50',
'color' => 'primary'
),
'company' => array(
'name' => 'Intertico',
'fields' => 'Web, UI/UX Design'
),
'status' => array(
'label' => 'Approved',
'color' => 'success'
),
'total' => '$3560'
),
array(
'orderid' => '05822-FXSP',
'country' => array(
'name' => 'Belarus',
'code' => 'BY'
),
'date' => array(
'value' => '04/18/2021',
'remarks' => 'Paid'
),
'progress' => array(
'value' => '50',
'color' => 'primary'
),
'company' => array(
'name' => 'Agoda',
'fields' => 'Houses & Hotels'
),
'status' => array(
'label' => 'In Progress',
'color' => 'warning'
),
'total' => '$4850'
),
array(
'orderid' => '4472-QREX',
'country' => array(
'name' => 'Phillipines',
'code' => 'BH'
),
'date' => array(
'value' => '07/23/2019',
'remarks' => 'Paid'
),
'progress' => array(
'value' => '50',
'color' => 'primary'
),
'company' => array(
'name' => 'RoadGee',
'fields' => 'Transportation'
),
'status' => array(
'label' => 'Success',
'color' => 'danger'
),
'total' => '$8376'
),
array(
'orderid' => '00347-BCLQ',
'country' => array(
'name' => 'Argentina',
'code' => 'BR'
),
'date' => array(
'value' => '12/21/2021',
'remarks' => 'Paid'
),
'progress' => array(
'value' => '50',
'color' => 'primary'
),
'company' => array(
'name' => 'The Hill',
'fields' => 'Insurance'
),
'status' => array(
'label' => 'Rejected',
'color' => 'info'
),
'total' => '$9486'
),
array(
'orderid' => '59486-XDER',
'country' => array(
'name' => 'Agoda',
'code' => 'BT'
),
'date' => array(
'value' => '05/28/2020',
'remarks' => 'Paid'
),
'progress' => array(
'value' => '50',
'color' => 'primary'
),
'company' => array(
'name' => 'Phillipines',
'fields' => 'Transportation'
),
'status' => array(
'label' => 'Approved',
'color' => 'primary'
),
'total' => '$8476'
),
);
?>
<!--begin::Tables Widget 13-->
<div class="card {{ $class }}">
<!--begin::Header-->
<div class="card-header border-0 pt-5">
<h3 class="card-title align-items-start flex-column">
<span class="card-label fw-bolder fs-3 mb-1">Recent Orders</span>
<span class="text-muted mt-1 fw-bold fs-7">Over 500 orders</span>
</h3>
<div class="card-toolbar">
<!--begin::Menu-->
<button type="button" class="btn btn-sm btn-icon btn-color-primary btn-active-light-primary" data-kt-menu-trigger="click" data-kt-menu-placement="bottom-end">
{!! theme()->getSvgIcon("icons/duotune/general/gen024.svg", "svg-icon-2") !!}
</button>
{{ theme()->getView('partials/menus/_menu-2') }}
<!--end::Menu-->
</div>
</div>
<!--end::Header-->
<!--begin::Body-->
<div class="card-body py-3">
<!--begin::Table container-->
<div class="table-responsive">
<!--begin::Table-->
<table class="table table-row-bordered table-row-gray-100 align-middle gs-0 gy-3">
<!--begin::Table head-->
<thead>
<tr class="fw-bolder text-muted">
<th class="w-25px">
<div class="form-check form-check-sm form-check-custom form-check-solid">
<input class="form-check-input" type="checkbox" value="1" data-kt-check="true" data-kt-check-target=".widget-13-check"/>
</div>
</th>
<th class="min-w-150px">Order Id</th>
<th class="min-w-140px">Country</th>
<th class="min-w-120px">Date</th>
<th class="min-w-120px">Company</th>
<th class="min-w-120px">Total</th>
<th class="min-w-120px">Status</th>
<th class="min-w-100px text-end">Actions</th>
</tr>
</thead>
<!--end::Table head-->
<!--begin::Table body-->
<tbody>
@foreach($tableRows as $row)
<tr>
<td>
<div class="form-check form-check-sm form-check-custom form-check-solid">
<input class="form-check-input widget-13-check" type="checkbox" value="1"/>
</div>
</td>
<td>
<a href="#" class="text-dark fw-bolder text-hover-primary fs-6">{{ $row['orderid'] }}</a>
</td>
<td>
<a href="#" class="text-dark fw-bolder text-hover-primary d-block mb-1 fs-6">{{ $row['country']['name'] }}</a>
<span class="text-muted fw-bold text-muted d-block fs-7">Code: {{ $row['country']['code'] }}</span>
</td>
<td>
<a href="#" class="text-dark fw-bolder text-hover-primary d-block mb-1 fs-6">{{ $row['date']['value'] }}</a>
<span class="text-muted fw-bold text-muted d-block fs-7">Code: {{ $row['date']['remarks'] }}</span>
</td>
<td>
<a href="#" class="text-dark fw-bolder text-hover-primary d-block mb-1 fs-6">{{ $row['company']['name'] }}</a>
<span class="text-muted fw-bold text-muted d-block fs-7">{{ $row['company']['fields'] }}</span>
</td>
<td class="text-dark fw-bolder text-hover-primary fs-6">
{{ $row['total'] }}
</td>
<td>
<span class="badge badge-light-{{ $row['status']['color'] }}">{{ $row['status']['label'] }}</span>
</td>
<td class="text-end">
<a href="#" class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1">
{!! theme()->getSvgIcon("icons/duotune/general/gen019.svg", "svg-icon-3") !!}
</a>
<a href="#" class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1">
{!! theme()->getSvgIcon("icons/duotune/art/art005.svg", "svg-icon-3") !!}
</a>
<a href="#" class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm">
{!! theme()->getSvgIcon("icons/duotune/general/gen027.svg", "svg-icon-3") !!}
</a>
</td>
</tr>
@endforeach
</tbody>
<!--end::Table body-->
</table>
<!--end::Table-->
</div>
<!--end::Table container-->
</div>
<!--begin::Body-->
</div>
<!--end::Tables Widget 13-->

View file

@ -0,0 +1,150 @@
<?php
// Table rows
$tableRows = array(
array(
'image' => 'svg/brand-logos/plurk.svg',
'info' => array(
'title' => 'Top Authors',
'description' => 'Successful Fellas'
),
'badges' => array(
array('label' => 'Angular', 'color' => 'danger'),
array('label' => 'PHP', 'color' => 'info')
),
'remarks' => '4600 Users'
),
array(
'image' => 'svg/brand-logos/telegram.svg',
'info' => array(
'title' => 'Popular Authors',
'description' => 'Most Successful'
),
'badges' => array(
array('label' => 'HTML', 'color' => 'danger'),
array('label' => 'CSS', 'color' => 'info')
),
'remarks' => '7200 Users'
),
array(
'image' => 'svg/brand-logos/vimeo.svg',
'info' => array(
'title' => 'New Users',
'description' => 'Awesome Users'
),
'badges' => array(
array('label' => 'React', 'color' => 'danger'),
array('label' => 'SASS', 'color' => 'info')
),
'remarks' => '890 Users'
),
array(
'image' => 'svg/brand-logos/bebo.svg',
'info' => array(
'title' => 'Active Customers',
'description' => 'Best Customers'
),
'badges' => array(
array('label' => 'Java', 'color' => 'danger'),
array('label' => 'PHP', 'color' => 'info')
),
'remarks' => '6370 Users'
),
array(
'image' => 'svg/brand-logos/kickstarter.svg',
'info' => array(
'title' => 'Bestseller Theme',
'description' => 'Amazing Templates'
),
'badges' => array(
array('label' => 'Python', 'color' => 'danger'),
array('label' => 'MySQL', 'color' => 'info')
),
'remarks' => '354 Users'
)
);
?>
<!--begin::Tables Widget 2-->
<div class="card {{ $class }}">
<!--begin::Header-->
<div class="card-header border-0 pt-5">
<h3 class="card-title align-items-start flex-column">
<span class="card-label fw-bolder fs-3 mb-1">Latest Arrivals</span>
<span class="text-muted mt-1 fw-bold fs-7">More than 100 new products</span>
</h3>
<div class="card-toolbar">
<!--begin::Menu-->
<button type="button" class="btn btn-sm btn-icon btn-color-primary btn-active-light-primary" data-kt-menu-trigger="click" data-kt-menu-placement="bottom-end">
{!! theme()->getSvgIcon("icons/duotune/general/gen024.svg", "svg-icon-2") !!}
</button>
{{ theme()->getView('partials/menus/_menu-1') }}
<!--end::Menu-->
</div>
</div>
<!--end::Header-->
<!--begin::Body-->
<div class="card-body py-3">
<!--begin::Table container-->
<div class="table-responsive">
<!--begin::Table-->
<table class="table align-middle gs-0 gy-5">
<!--begin::Table head-->
<thead>
<tr>
<th class="p-0 w-50px"></th>
<th class="p-0 min-w-150px"></th>
<th class="p-0 min-w-140px"></th>
<th class="p-0 min-w-120px"></th>
<th class="p-0 min-w-40px"></th>
</tr>
</thead>
<!--end::Table head-->
<!--begin::Table body-->
<tbody>
@foreach($tableRows as $row)
<tr>
<td>
<div class="symbol symbol-50px me-2">
<span class="symbol-label">
<img src="{{ asset(theme()->getMediaUrlPath() . $row['image']) }}" class="h-50 align-self-center" alt=""/>
</span>
</div>
</td>
<td>
<a href="#" class="text-dark fw-bolder text-hover-primary mb-1 fs-6">{{ $row['info']['title'] }}</a>
<span class="text-muted fw-bold d-block fs-7">{{ $row['info']['description'] }}</span>
</td>
<td class="text-end">
@foreach($row['badges'] as $badge)
<span class="badge badge-light-{{ $badge['color'] }} fw-bold me-1">{{ $badge['label'] }}</span>
@endforeach
</td>
<td class="text-end">
<span class="text-muted fw-bold">
{{ $row['remarks'] }}
</span>
</td>
<td class="text-end">
<a href="#" class="btn btn-sm btn-icon btn-bg-light btn-active-color-primary">
{!! theme()->getSvgIcon("icons/duotune/arrows/arr064.svg", "svg-icon-2"); !!}
</a>
</td>
</tr>
@endforeach
</tbody>
<!--end::Table body-->
</table>
<!--end::Table-->
</div>
<!--end::Table container-->
</div>
<!--end::Body-->
</div>
<!--end::Tables Widget 2-->

View file

@ -0,0 +1,126 @@
<?php
// Table rows
$tableRows = array(
array(
'icon' => 'icons/duotune/ecommerce/ecm002.svg',
'color' => 'success',
'title' => 'Top Authors',
'description' => 'Best Customers',
'technologies' => 'ReactJs, HTML',
'users' => '4600 Users',
'size' => '5.4MB'
),
array(
'icon' => 'icons/duotune/general/gen024.svg',
'color' => 'danger',
'title' => 'Popular Authors',
'description' => 'Best Customers',
'technologies' => 'Python, MySQL',
'users' => '7200 Users',
'size' => '2.8MB'
),
array(
'icon' => 'icons/duotune/finance/fin006.svg',
'color' => 'info',
'title' => 'New Users',
'description' => 'Communication/Group.svg',
'technologies' => 'Laravel, Metronic',
'users' => '890 Users',
'size' => '1.5MB'
),
array(
'icon' => 'icons/duotune/abstract/abs027.svg',
'color' => 'warning',
'title' => 'Active Customers',
'description' => 'Best Customers',
'technologies' => 'AngularJS, C#',
'users' => '4600 Users',
'size' => '5.4MB'
),
array(
'icon' => 'icons/duotune/abstract/abs042.svg',
'color' => 'primary',
'title' => 'Active Customers',
'description' => 'Best Customers',
'technologies' => 'ReactJS, Ruby',
'users' => '354 Users',
'size' => '500KB'
)
);
?>
<!--begin::Tables Widget 3-->
<div class="card {{ $class }}">
<!--begin::Header-->
<div class="card-header border-0 pt-5">
<h3 class="card-title align-items-start flex-column">
<span class="card-label fw-bolder fs-3 mb-1">Files</span>
<span class="text-muted mt-1 fw-bold fs-7">Over 100 pending files</span>
</h3>
<div class="card-toolbar">
<!--begin::Menu-->
<button type="button" class="btn btn-sm btn-icon btn-color-primary btn-active-light-primary" data-kt-menu-trigger="click" data-kt-menu-placement="bottom-end">
{!! theme()->getSvgIcon("icons/duotune/general/gen024.svg", "svg-icon-2") !!}
</button>
{{ theme()->getView('partials/menus/_menu-3') }}
<!--end::Menu-->
</div>
</div>
<!--end::Header-->
<!--begin::Body-->
<div class="card-body py-3">
<!--begin::Table container-->
<div class="table-responsive">
<!--begin::Table-->
<table class="table align-middle gs-0 gy-3">
<!--begin::Table head-->
<thead>
<tr>
<th class="p-0 w-50px"></th>
<th class="p-0 min-w-150px"></th>
<th class="p-0 min-w-140px"></th>
<th class="p-0 min-w-120px"></th>
<th class="p-0 min-w-40px"></th>
</tr>
</thead>
<!--end::Table head-->
<!--begin::Table body-->
<tbody>
@foreach($tableRows as $row)
<tr>
<td>
<div class="symbol symbol-50px me-2">
<span class="symbol-label bg-light-{{ $row['color'] }}">
{!! theme()->getSvgIcon($row['icon'], "svg-icon-2x svg-icon-" . $row['color']); !!}
</span>
</div>
</td>
<td>
<a href="#" class="text-dark fw-bolder text-hover-primary mb-1 fs-6">
{{ $row['title'] }}
</a>
</td>
<td class="text-end text-muted fw-bold">
{{ $row['technologies'] }}
</td>
<td class="text-end text-muted fw-bold">
{{ $row['users'] }}
</td>
<td class="text-end text-dark fw-bolder fs-6 pe-0">
{{ $row['size'] }}
</td>
</tr>
@endforeach
</tbody>
<!--end::Table body-->
</table>
<!--end::Table-->
</div>
<!--end::Table container-->
</div>
<!--begin::Body-->
</div>
<!--end::Tables Widget 3-->

View file

@ -0,0 +1,217 @@
<?php
// Tab 1 table rows
$tableRows = array(
// Tab 1
array(
array(
'image' => 'avatars/300-14.jpg',
'user' => array(
'name' => 'Brad Simmons',
'position' => 'Movie Creator'
),
'rating' => 5
),
array(
'image' => 'avatars/300-5.jpg',
'user' => array(
'name' => 'Jessie Clarcson',
'position' => 'HTML, CSS Coding'
),
'rating' => 5
),
array(
'image' => 'avatars/300-20.jpg',
'user' => array(
'name' => 'Lebron Wayde',
'position' => 'ReactJS Developer'
),
'rating' => 4
),
array(
'image' => 'avatars/300-23.jpg',
'user' => array(
'name' => 'Natali Trump',
'position' => 'UI/UX Designer'
),
'rating' => 5
),
array(
'image' => 'avatars/300-10.jpg',
'user' => array(
'name' => 'Kevin Leonard',
'position' => 'Art Director'
),
'rating' => 3
)
),
// Tab 2
array(
array(
'image' => 'svg/avatars/043-boy-18.svg',
'user' => array(
'name' => 'Kevin Leonard',
'position' => 'Art Director'
),
'rating' => 3
),
array(
'image' => 'svg/avatars/014-girl-7.svg',
'user' => array(
'name' => 'Natali Trump',
'position' => 'UI/UX Designer'
),
'rating' => 5
),
array(
'image' => 'svg/avatars/018-girl-9.svg',
'user' => array(
'name' => 'Jessie Clarcson',
'position' => 'HTML, CSS Coding'
),
'rating' => 5
),
array(
'image' => 'svg/avatars/001-boy.svg',
'user' => array(
'name' => 'Brad Simmons',
'position' => 'Movie Creator'
),
'rating' => 5
),
),
// Tab 3
array(
array(
'image' => 'svg/avatars/018-girl-9.svg',
'user' => array(
'name' => 'Jessie Clarcson',
'position' => 'HTML, CSS Coding'
),
'rating' => 5
),
array(
'image' => 'svg/avatars/047-girl-25.svg',
'user' => array(
'name' => 'Lebron Wayde',
'position' => 'ReactJS Developer'
),
'rating' => 4
),
array(
'image' => 'svg/avatars/014-girl-7.svg',
'user' => array(
'name' => 'Natali Trump',
'position' => 'UI/UX Designer'
),
'rating' => 5
),
),
);
$loopIndex = 0;
?>
<!--begin::Tables Widget 4-->
<div class="card {{ $class }}">
<!--begin::Header-->
<div class="card-header border-0 pt-5">
<h3 class="card-title align-items-start flex-column">
<span class="card-label fw-bolder fs-3 mb-1">New Members</span>
<span class="text-muted mt-1 fw-bold fs-7">More than 400 new members</span>
</h3>
<div class="card-toolbar">
<ul class="nav">
<li class="nav-item">
<a class="nav-link btn btn-sm btn-color-muted btn-active btn-active-light-primary active fw-bolder px-4 me-1" data-bs-toggle="tab" href="#kt_table_widget_4_tab_1">Month</a>
</li>
<li class="nav-item">
<a class="nav-link btn btn-sm btn-color-muted btn-active btn-active-light-primary fw-bolder px-4 me-1" data-bs-toggle="tab" href="#kt_table_widget_4_tab_2">Week</a>
</li>
<li class="nav-item">
<a class="nav-link btn btn-sm btn-color-muted btn-active btn-active-light-primary fw-bolder px-4" data-bs-toggle="tab" href="#kt_table_widget_4_tab_3">Day</a>
</li>
</ul>
</div>
</div>
<!--end::Header-->
<!--begin::Body-->
<div class="card-body py-3">
<div class="tab-content">
@foreach($tableRows as $tableRows)
<?php
$loopIndex++;
$activeClass = $loopIndex === 1 ? 'show active' : '';
?>
<!--begin::Tap pane-->
<div class="tab-pane fade {{ $activeClass }}" id="kt_table_widget_4_tab_{{ $loopIndex }}">
<!--begin::Table container-->
<div class="table-responsive">
<!--begin::Table-->
<table class="table align-middle gs-0 gy-3">
<!--begin::Table head-->
<thead>
<tr>
<th class="p-0 w-50px"></th>
<th class="p-0 min-w-150px"></th>
<th class="p-0 min-w-140px"></th>
<th class="p-0 min-w-120px"></th>
</tr>
</thead>
<!--end::Table head-->
<!--begin::Table body-->
<tbody>
@foreach($tableRows as $row)
<tr>
<td>
<div class="symbol symbol-50px">
<img src="{{ asset(theme()->getMediaUrlPath() . $row['image']) }}" alt=""/>
</div>
</td>
<td>
<a href="#" class="text-dark fw-bolder text-hover-primary mb-1 fs-6">{{ $row['user']['name'] }}</a>
<span class="text-muted fw-bold d-block fs-7">{{ $row['user']['position'] }}</span>
</td>
<td>
<span class="text-muted fw-bold d-block fs-7">
Rating
</span>
<div class="rating">
<?php for($i = 1; $i <= 5; $i++):?>
<div class="rating-label me-2 <?php echo ($row["rating"] >= $i ? 'checked' : '')?>">
<i class="bi bi-star-fill fs-5"></i>
</div>
<?php endfor?>
</div>
</td>
<td class="text-end">
<a href="#" class="btn btn-icon btn-light-twitter btn-sm me-3">
<i class="bi bi-twitter fs-4"></i>
</a>
<a href="#" class="btn btn-icon btn-light-facebook btn-sm">
<i class="bi bi-facebook fs-4"></i>
</a>
</td>
</tr>
@endforeach
</tbody>
<!--end::Table body-->
</table>
</div>
<!--end::Table-->
</div>
<!--end::Tap pane-->
@endforeach
</div>
</div>
<!--end::Body-->
</div>
<!--end::Tables Widget 4-->

View file

@ -0,0 +1,258 @@
<?php
// Table rows
$tableRows = array(
// Tab 1
array(
array(
'image' => 'svg/brand-logos/plurk.svg',
'info' => array(
'title' => 'Brad Simmons',
'description' => 'Movie Creator'
),
'technologies' => 'React, HTML',
'status' => array(
'label' => 'Approved',
'color' => 'success'
)
),
array(
'image' => 'svg/brand-logos/telegram.svg',
'info' => array(
'title' => 'Popular Authors',
'description' => 'Most Successful'
),
'technologies' => 'Python, MySQL',
'status' => array(
'label' => 'In Progress',
'color' => 'warning'
)
),
array(
'image' => 'svg/brand-logos/vimeo.svg',
'info' => array(
'title' => 'New Users',
'description' => 'Awesome Users'
),
'technologies' => 'Laravel,Metronic',
'status' => array(
'label' => 'Success',
'color' => 'primary'
)
),
array(
'image' => 'svg/brand-logos/bebo.svg',
'info' => array(
'title' => 'Active Customers',
'description' => 'Movie Creator'
),
'technologies' => 'AngularJS, C#',
'status' => array(
'label' => 'Rejected',
'color' => 'danger'
)
),
array(
'image' => 'svg/brand-logos/kickstarter.svg',
'info' => array(
'title' => 'Bestseller Theme',
'description' => 'Best Customers'
),
'technologies' => 'ReactJS, Ruby ',
'status' => array(
'label' => 'In Progress',
'color' => 'warning'
)
),
),
// Tab 2
array(
array(
'image' => 'svg/brand-logos/plurk.svg',
'info' => array(
'title' => 'Brad Simmons',
'description' => 'Movie Creator'
),
'technologies' => 'React, HTML',
'status' => array(
'label' => 'Approved',
'color' => 'success'
)
),
array(
'image' => 'svg/brand-logos/telegram.svg',
'info' => array(
'title' => 'Popular Authors',
'description' => 'Most Successful'
),
'technologies' => 'Python, MySQL',
'status' => array(
'label' => 'In Progress',
'color' => 'warning'
)
),
array(
'image' => 'svg/brand-logos/bebo.svg',
'info' => array(
'title' => 'Active Customers',
'description' => 'Movie Creator'
),
'technologies' => 'AngularJS, C#',
'status' => array(
'label' => 'Rejected',
'color' => 'danger'
)
),
),
// Tab 3
array(
array(
'image' => 'svg/brand-logos/kickstarter.svg',
'info' => array(
'title' => 'Bestseller Theme',
'description' => 'Best Customers'
),
'technologies' => 'ReactJS, Ruby ',
'status' => array(
'label' => 'In Progress',
'color' => 'warning'
)
),
array(
'image' => 'svg/brand-logos/bebo.svg',
'info' => array(
'title' => 'Active Customers',
'description' => 'Movie Creator'
),
'technologies' => 'AngularJS, C#',
'status' => array(
'label' => 'Rejected',
'color' => 'danger'
)
),
array(
'image' => 'svg/brand-logos/vimeo.svg',
'info' => array(
'title' => 'New Users',
'description' => 'Awesome Users'
),
'technologies' => 'Laravel,Metronic',
'status' => array(
'label' => 'Success',
'color' => 'primary'
)
),
array(
'image' => 'svg/brand-logos/telegram.svg',
'info' => array(
'title' => 'Popular Authors',
'description' => 'Most Successful'
),
'technologies' => 'Python, MySQL',
'status' => array(
'label' => 'In Progress',
'color' => 'warning'
)
),
),
);
$loopIndex = 0;
?>
<!--begin::Tables Widget 5-->
<div class="card {{ $class }}">
<!--begin::Header-->
<div class="card-header border-0 pt-5">
<h3 class="card-title align-items-start flex-column">
<span class="card-label fw-bolder fs-3 mb-1">Latest Products</span>
<span class="text-muted mt-1 fw-bold fs-7">More than 400 new products</span>
</h3>
<div class="card-toolbar">
<ul class="nav">
<li class="nav-item">
<a class="nav-link btn btn-sm btn-color-muted btn-active btn-active-light-primary active fw-bolder px-4 me-1" data-bs-toggle="tab" href="#kt_table_widget_5_tab_1">Month</a>
</li>
<li class="nav-item">
<a class="nav-link btn btn-sm btn-color-muted btn-active btn-active-light-primary fw-bolder px-4 me-1" data-bs-toggle="tab" href="#kt_table_widget_5_tab_2">Week</a>
</li>
<li class="nav-item">
<a class="nav-link btn btn-sm btn-color-muted btn-active btn-active-light-primary fw-bolder px-4" data-bs-toggle="tab" href="#kt_table_widget_5_tab_3">Day</a>
</li>
</ul>
</div>
</div>
<!--end::Header-->
<!--begin::Body-->
<div class="card-body py-3">
<div class="tab-content">
@foreach($tableRows as $tableRows)
<?php
$loopIndex++;
$activeClass = $loopIndex === 1 ? 'show active' : '';
?>
<!--begin::Tap pane-->
<div class="tab-pane fade {{ $activeClass }}" id="kt_table_widget_5_tab_{{ $loopIndex }}">
<!--begin::Table container-->
<div class="table-responsive">
<!--begin::Table-->
<table class="table table-row-dashed table-row-gray-200 align-middle gs-0 gy-4">
<!--begin::Table head-->
<thead>
<tr class="border-0">
<th class="p-0 w-50px"></th>
<th class="p-0 min-w-150px"></th>
<th class="p-0 min-w-140px"></th>
<th class="p-0 min-w-110px"></th>
<th class="p-0 min-w-50px"></th>
</tr>
</thead>
<!--end::Table head-->
<!--begin::Table body-->
<tbody>
@foreach($tableRows as $row)
<tr>
<td>
<div class="symbol symbol-45px me-2">
<span class="symbol-label">
<img src="{{ asset(theme()->getMediaUrlPath() . $row['image']) }}" class="h-50 align-self-center" alt=""/>
</span>
</div>
</td>
<td>
<a href="#" class="text-dark fw-bolder text-hover-primary mb-1 fs-6">{{ $row['info']['title'] }}</a>
<span class="text-muted fw-bold d-block">{{ $row['info']['description'] }}</span>
</td>
<td class="text-end text-muted fw-bold">
{{ $row['technologies'] }}
</td>
<td class="text-end">
<span class="badge badge-light-{{ $row['status']['color'] }}">{{ $row['status']['label'] }}</span>
</td>
<td class="text-end">
<a href="#" class="btn btn-sm btn-icon btn-bg-light btn-active-color-primary">
{!! theme()->getSvgIcon("icons/duotune/arrows/arr064.svg", "svg-icon-2"); !!}
</a>
</td>
</tr>
@endforeach
</tbody>
<!--end::Table body-->
</table>
</div>
<!--end::Table-->
</div>
<!--end::Tap pane-->
@endforeach
</div>
</div>
<!--end::Body-->
</div>
<!--end::Tables Widget 5-->

View file

@ -0,0 +1,257 @@
<?php
// Tab 1 table rows
$tableRows = array(
// Tab 1
array(
array(
'image' => 'svg/avatars/001-boy.svg',
'user' => array(
'name' => 'Brad Simmons',
'position' => 'Successful Fellas'
),
'paid' => '$200,500',
'progress' => array(
'value' => '+28%',
'color' => 'primary'
)
),
array(
'image' => 'svg/avatars/018-girl-9.svg',
'user' => array(
'name' => 'Jessie Clarcson',
'position' => 'HTML, CSS Coding'
),
'paid' => '$1,200,000',
'progress' => array(
'value' => '+52%',
'color' => 'warning'
)
),
array(
'image' => 'svg/avatars/047-girl-25.svg',
'user' => array(
'name' => 'Jessie Clarcson',
'position' => 'PHP, Laravel, VueJS'
),
'paid' => '$1,200,000',
'progress' => array(
'value' => '+52%',
'color' => 'danger'
)
),
array(
'image' => 'svg/avatars/014-girl-7.svg',
'user' => array(
'name' => 'Natali Trump',
'position' => 'UI/UX Designer'
),
'paid' => '$3,400,000',
'progress' => array(
'value' => '-34%',
'color' => 'success'
)
),
array(
'image' => 'svg/avatars/043-boy-18.svg',
'user' => array(
'name' => 'Kevin Leonard',
'position' => 'Art Director'
),
'paid' => '$35,600,000',
'progress' => array(
'value' => '+230%',
'color' => 'info'
)
),
),
// Tab 2
array(
array(
'image' => 'svg/avatars/018-girl-9.svg',
'user' => array(
'name' => 'Jessie Clarcson',
'position' => 'HTML, CSS Coding'
),
'paid' => '$1,200,000',
'progress' => array(
'value' => '+52%',
'color' => 'warning'
)
),
array(
'image' => 'svg/avatars/014-girl-7.svg',
'user' => array(
'name' => 'Natali Trump',
'position' => 'UI/UX Designer'
),
'paid' => '$3,400,000',
'progress' => array(
'value' => '-34%',
'color' => 'success'
)
),
array(
'image' => 'svg/avatars/001-boy.svg',
'user' => array(
'name' => 'Brad Simmons',
'position' => 'Successful Fellas'
),
'paid' => '$200,500',
'progress' => array(
'value' => '+28%',
'color' => 'primary'
)
),
),
// Tab 3
array(
array(
'image' => 'svg/avatars/047-girl-25.svg',
'user' => array(
'name' => 'Jessie Clarcson',
'position' => 'HTML, CSS Coding'
),
'paid' => '$1,200,000',
'progress' => array(
'value' => '+52%',
'color' => 'danger'
)
),
array(
'image' => 'svg/avatars/014-girl-7.svg',
'user' => array(
'name' => 'Natali Trump',
'position' => 'UI/UX Designer'
),
'paid' => '$3,400,000',
'progress' => array(
'value' => '-34%',
'color' => 'success'
)
),
array(
'image' => 'svg/avatars/043-boy-18.svg',
'user' => array(
'name' => 'Kevin Leonard',
'position' => 'Art Director'
),
'paid' => '$35,600,000',
'progress' => array(
'value' => '+230%',
'color' => 'info'
)
),
array(
'image' => 'svg/avatars/001-boy.svg',
'user' => array(
'name' => 'Brad Simmons',
'position' => 'Successful Fellas'
),
'paid' => '$200,500',
'progress' => array(
'value' => '+28%',
'color' => 'primary'
)
),
)
);
$loopIndex = 0;
?>
<!--begin::Table Widget 6-->
<div class="card {{ $class }}">
<!--begin::Header-->
<div class="card-header border-0 pt-5">
<h3 class="card-title align-items-start flex-column">
<span class="card-label fw-bolder fs-3 mb-1">Authors Earnings</span>
<span class="text-muted mt-1 fw-bold fs-7">More than 400 new authors</span>
</h3>
<div class="card-toolbar">
<ul class="nav">
<li class="nav-item">
<a class="nav-link btn btn-sm btn-color-muted btn-active btn-active-light-primary active fw-bolder px-4 me-1" data-bs-toggle="tab" href="#kt_table_widget_6_tab_1">Month</a>
</li>
<li class="nav-item">
<a class="nav-link btn btn-sm btn-color-muted btn-active btn-active-light-primary fw-bolder px-4 me-1" data-bs-toggle="tab" href="#kt_table_widget_6_tab_2">Week</a>
</li>
<li class="nav-item">
<a class="nav-link btn btn-sm btn-color-muted btn-active btn-active-light-primary fw-bolder px-4" data-bs-toggle="tab" href="#kt_table_widget_6_tab_3">Day</a>
</li>
</ul>
</div>
</div>
<!--end::Header-->
<!--begin::Body-->
<div class="card-body py-3">
<div class="tab-content">
@foreach($tableRows as $tableRows)
<?php
$loopIndex++;
$activeClass = $loopIndex === 1 ? 'show active' : '';
?>
<!--begin::Tap pane-->
<div class="tab-pane fade {{ $activeClass }}" id="kt_table_widget_6_tab_{{ $loopIndex }}">
<!--begin::Table container-->
<div class="table-responsive">
<!--begin::Table-->
<table class="table align-middle gs-0 gy-3">
<!--begin::Table head-->
<thead>
<tr>
<th class="p-0 w-50px"></th>
<th class="p-0 min-w-150px"></th>
<th class="p-0 min-w-140px"></th>
<th class="p-0 min-w-120px"></th>
</tr>
</thead>
<!--end::Table head-->
<!--begin::Table body-->
<tbody>
@foreach($tableRows as $row)
<tr>
<td>
<div class="symbol symbol-50px me-2">
<span class="symbol-label">
<img src="{{ asset(theme()->getMediaUrlPath() . $row['image']) }}" class="h-75 align-self-end" alt=""/>
</span>
</div>
</td>
<td>
<a href="#" class="text-dark fw-bolder text-hover-primary mb-1 fs-6">{{ $row['user']['name'] }}</a>
<span class="text-muted fw-bold d-block">{{ $row['user']['position'] }}</span>
</td>
<td>
<span class="text-muted fw-bold d-block fs-7">Paid</span>
<span class="text-dark fw-bolder d-block fs-5">{{ $row['paid'] }}</span>
</td>
<td class="text-end">
<span class="text-{{ $row['progress']['color'] }} fs-7 fw-bolder">{{ $row['progress']['value'] }}</span>
</td>
<td class="text-end">
<a href="#" class="btn btn-sm btn-icon btn-bg-light btn-active-color-primary">
{!! theme()->getSvgIcon("icons/duotune/arrows/arr064.svg", "svg-icon-2"); !!}
</a>
</td>
</tr>
@endforeach
</tbody>
<!--end::Table body-->
</table>
</div>
<!--end::Table-->
</div>
<!--end::Tap pane-->
@endforeach
</div>
</div>
<!--end::Body-->
</div>
<!--end::Tables Widget 6-->

View file

@ -0,0 +1,295 @@
<?php
// Tab 1 table rows
$tableRows = array(
// Tab 1
array(
array(
'icon' => array(
'file' => 'icons/duotune/coding/cod002.svg',
'color' => 'success'
),
'info' => array(
'title' => 'Media Device',
'description' => 'Voice and video recorder'
),
'date' => '5 day ago',
'badge' => array(
'label' => 'Delivered',
'color' => 'success'
)
),
array(
'icon' => array(
'file' => 'icons/duotune/general/gen024.svg',
'color' => 'danger'
),
'info' => array(
'title' => 'Special Meal',
'description' => 'Quona Rice'
),
'date' => '2 day ago',
'badge' => array(
'label' => 'Delivered',
'color' => 'danger'
)
),
array(
'icon' => array(
'file' => 'icons/duotune/maps/map004.svg',
'color' => 'primary'
),
'info' => array(
'title' => 'New Users',
'description' => 'Awesome Users'
),
'date' => '4 day ago',
'badge' => array(
'label' => 'Delivered',
'color' => 'primary'
)
),
array(
'icon' => array(
'file' => 'icons/duotune/abstract/abs027.svg',
'color' => 'warning'
),
'info' => array(
'title' => 'Active Customers',
'description' => 'Best Customers'
),
'date' => '1 day ago',
'badge' => array(
'label' => 'Delivered',
'color' => 'warning'
)
),
array(
'icon' => array(
'file' => 'icons/duotune/art/art007.svg',
'color' => 'info'
),
'info' => array(
'title' => 'Strawberry Boxes',
'description' => 'From Spain'
),
'date' => '7 day ago',
'badge' => array(
'label' => 'Delivered',
'color' => 'info'
)
),
),
// Tab 2
array(
array(
'icon' => array(
'file' => 'icons/duotune/abstract/abs042.svg',
'color' => 'info'
),
'info' => array(
'title' => 'Strawberry Boxes',
'description' => 'From Spain'
),
'date' => '4 week ago',
'badge' => array(
'label' => 'Delivered',
'color' => 'info'
)
),
array(
'icon' => array(
'file' => 'icons/duotune/general/gen024.svg',
'color' => 'danger'
),
'info' => array(
'title' => 'Special Meal',
'description' => 'Quona Rice'
),
'date' => '2 week ago',
'badge' => array(
'label' => 'Delivered',
'color' => 'danger'
)
),
array(
'icon' => array(
'file' => 'icons/duotune/abstract/abs027.svg',
'color' => 'warning'
),
'info' => array(
'title' => 'Active Customers',
'description' => 'Best Customers'
),
'date' => '5 week ago',
'badge' => array(
'label' => 'Delivered',
'color' => 'warning'
)
),
),
// Tab 3
array(
array(
'icon' => array(
'file' => 'icons/duotune/ecommerce/ecm002.svg',
'color' => 'success'
),
'info' => array(
'title' => 'Media Device',
'description' => 'Voice and video recorder'
),
'date' => '3 month ago',
'badge' => array(
'label' => 'Delivered',
'color' => 'success'
)
),
array(
'icon' => array(
'file' => 'icons/duotune/general/gen024.svg',
'color' => 'danger'
),
'info' => array(
'title' => 'Special Meal',
'description' => 'Quona Rice'
),
'date' => '5 month ago',
'badge' => array(
'label' => 'Delivered',
'color' => 'danger'
)
),
array(
'icon' => array(
'file' => 'icons/duotune/abstract/abs027.svg',
'color' => 'warning'
),
'info' => array(
'title' => 'Active Customers',
'description' => 'Best Customers'
),
'date' => '6 month ago',
'badge' => array(
'label' => 'Delivered',
'color' => 'warning'
)
),
array(
'icon' => array(
'file' => 'icons/duotune/abstract/abs042.svg',
'color' => 'info'
),
'info' => array(
'title' => 'Strawberry Boxes',
'description' => 'From Spain'
),
'date' => '4 month ago',
'badge' => array(
'label' => 'Delivered',
'color' => 'info'
)
),
)
);
$loopIndex = 0;
?>
<!--begin::Table Widget 7-->
<div class="card {{ $class }}">
<!--begin::Header-->
<div class="card-header border-0 pt-5">
<h3 class="card-title align-items-start flex-column">
<span class="card-label fw-bolder fs-3 mb-1">Latest Orders</span>
<span class="text-muted mt-1 fw-bold fs-7">More than 100 new orders</span>
</h3>
<div class="card-toolbar">
<ul class="nav">
<li class="nav-item">
<a class="nav-link btn btn-sm btn-color-muted btn-active btn-active-light-primary active fw-bolder px-4 me-1" data-bs-toggle="tab" href="#kt_table_widget_7_tab_1">Month</a>
</li>
<li class="nav-item">
<a class="nav-link btn btn-sm btn-color-muted btn-active btn-active-light-primary fw-bolder px-4 me-1" data-bs-toggle="tab" href="#kt_table_widget_7_tab_2">Week</a>
</li>
<li class="nav-item">
<a class="nav-link btn btn-sm btn-color-muted btn-active btn-active-light-primary fw-bolder px-4" data-bs-toggle="tab" href="#kt_table_widget_7_tab_3">Day</a>
</li>
</ul>
</div>
</div>
<!--end::Header-->
<!--begin::Body-->
<div class="card-body py-3">
<div class="tab-content">
@foreach($tableRows as $tableRows)
<?php
$loopIndex++;
$activeClass = $loopIndex === 1 ? 'show active' : '';
?>
<!--begin::Tap pane-->
<div class="tab-pane fade {{ $activeClass }}" id="kt_table_widget_7_tab_{{ $loopIndex }}">
<!--begin::Table container-->
<div class="table-responsive">
<!--begin::Table-->
<table class="table align-middle gs-0 gy-3">
<!--begin::Table head-->
<thead>
<tr>
<th class="p-0 w-50px"></th>
<th class="p-0 min-w-150px"></th>
<th class="p-0 min-w-140px"></th>
<th class="p-0 min-w-120px"></th>
</tr>
</thead>
<!--end::Table head-->
<!--begin::Table body-->
<tbody>
@foreach($tableRows as $row)
<tr>
<td>
<div class="symbol symbol-50px me-2">
<span class="symbol-label bg-light-{{ $row['icon']['color'] }}">
{!! theme()->getSvgIcon($row['icon']['file'], "svg-icon-2x svg-icon-" . $row['icon']['color']); !!}
</span>
</div>
</td>
<td>
<a href="#" class="text-dark fw-bolder text-hover-primary mb-1 fs-6">{{ $row['info']['title'] }}</a>
<span class="text-muted fw-bold d-block fs-7">{{ $row['info']['description'] }}</span>
</td>
<td class="text-end">
<span class="text-muted fw-bold d-block fs-8">Ordered</span>
<span class="text-dark fw-bolder d-block fs-7">{{ $row['date'] }}</span>
</td>
<td class="text-end">
<span class="badge badge-light-{{ $row['badge']['color'] }} fs-7 fw-bolder">{{ $row['badge']['label'] }}</span>
</td>
<td class="text-end">
<a href="#" class="btn btn-sm btn-icon btn-bg-light btn-active-color-primary">
<i class="bi bi-three-dots fs-5"></i>
</a>
</td>
</tr>
@endforeach
</tbody>
<!--end::Table body-->
</table>
</div>
<!--end::Table-->
</div>
<!--end::Tap pane-->
@endforeach
</div>
</div>
<!--end::Body-->
</div>
<!--end::Tables Widget 7-->

View file

@ -0,0 +1,242 @@
<?php
// Tab 1 table rows
$tableRows = array(
// Tab 1
array(
array(
'icon' => array(
'file' => 'icons/duotune/coding/cod002.svg',
'color' => 'danger'
),
'info' => array(
'event' => 'School Music Festival',
'user' => 'by Rose Liam'
),
'date' => '4:20PM, 03 Sep'
),
array(
'icon' => array(
'file' => 'icons/duotune/general/gen024.svg',
'color' => 'warning'
),
'info' => array(
'event' => 'Maths Championship',
'user' => 'By Tom Gere'
),
'date' => '10:05PM, 25 Oct'
),
array(
'icon' => array(
'file' => 'icons/duotune/maps/map004.svg',
'color' => 'info'
),
'info' => array(
'event' => 'Who Knows Geography',
'user' => 'By Zoey Dylan'
),
'date' => '3:22PM, 07 Sep'
),
array(
'icon' => array(
'file' => 'icons/duotune/abstract/abs027.svg',
'color' => 'primary'
),
'info' => array(
'event' => 'Napoleon Days',
'user' => 'By Luke Owen'
),
'date' => '1:20PM, 02 Dec'
),
array(
'icon' => array(
'file' => 'icons/duotune/art/art007.svg',
'color' => 'success'
),
'info' => array(
'event' => 'The School Art Leads',
'user' => 'By Ellie Cole'
),
'date' => '6:20PM, 07 Sep'
),
),
// Tab 2
array(
array(
'icon' => array(
'file' => 'icons/duotune/maps/map004.svg',
'color' => 'info'
),
'info' => array(
'event' => 'Who Knows Geography',
'user' => 'By Zoey Dylan'
),
'date' => '3:22PM, 07 Sep'
),
array(
'icon' => array(
'file' => 'icons/duotune/general/gen024.svg',
'color' => 'warning'
),
'info' => array(
'event' => 'Maths Championship',
'user' => 'By Tom Gere'
),
'date' => '10:05PM, 25 Oct'
),
array(
'icon' => array(
'file' => 'icons/duotune/coding/cod002.svg',
'color' => 'danger'
),
'info' => array(
'event' => 'School Music Festival',
'user' => 'by Rose Liam'
),
'date' => '4:20PM, 03 Sep'
),
),
// Tab 3
array(
array(
'icon' => array(
'file' => 'icons/duotune/general/gen024.svg',
'color' => 'warning'
),
'info' => array(
'event' => 'Maths Championship',
'user' => 'By Tom Gere'
),
'date' => '10:05PM, 25 Oct'
),
array(
'icon' => array(
'file' => 'icons/duotune/maps/map004.svg',
'color' => 'info'
),
'info' => array(
'event' => 'Who Knows Geography',
'user' => 'By Zoey Dylan'
),
'date' => '3:22PM, 07 Sep'
),
array(
'icon' => array(
'file' => 'icons/duotune/abstract/abs027.svg',
'color' => 'primary'
),
'info' => array(
'event' => 'Napoleon Days',
'user' => 'By Luke Owen'
),
'date' => '1:20PM, 02 Dec'
),
array(
'icon' => array(
'file' => 'icons/duotune/coding/cod002.svg',
'color' => 'danger'
),
'info' => array(
'event' => 'School Music Festival',
'user' => 'by Rose Liam'
),
'date' => '4:20PM, 03 Sep'
),
)
);
$loopIndex = 0;
?>
<!--begin::Table Widget 8-->
<div class="card {{ $class }}">
<!--begin::Header-->
<div class="card-header border-0 pt-5">
<h3 class="card-title align-items-start flex-column">
<span class="card-label fw-bolder fs-3 mb-1">Latest Products</span>
<span class="text-muted mt-1 fw-bold fs-7">More than 100 new orders</span>
</h3>
<div class="card-toolbar">
<ul class="nav">
<li class="nav-item">
<a class="nav-link btn btn-sm btn-color-muted btn-active btn-active-light-primary active fw-bolder px-4 me-1" data-bs-toggle="tab" href="#kt_table_widget_8_tab_1">Month</a>
</li>
<li class="nav-item">
<a class="nav-link btn btn-sm btn-color-muted btn-active btn-active-light-primary fw-bolder px-4 me-1" data-bs-toggle="tab" href="#kt_table_widget_8_tab_2">Week</a>
</li>
<li class="nav-item">
<a class="nav-link btn btn-sm btn-color-muted btn-active btn-active-light-primary fw-bolder px-4" data-bs-toggle="tab" href="#kt_table_widget_8_tab_3">Day</a>
</li>
</ul>
</div>
</div>
<!--end::Header-->
<!--begin::Body-->
<div class="card-body py-3">
<div class="tab-content">
@foreach($tableRows as $tableRows)
<?php
$loopIndex++;
$activeClass = $loopIndex === 1 ? 'show active' : '';
?>
<!--begin::Tap pane-->
<div class="tab-pane fade {{ $activeClass }}" id="kt_table_widget_8_tab_{{ $loopIndex }}">
<!--begin::Table container-->
<div class="table-responsive">
<!--begin::Table-->
<table class="table align-middle gs-0 gy-3">
<!--begin::Table head-->
<thead>
<tr>
<th class="p-0 w-50px"></th>
<th class="p-0 min-w-150px"></th>
<th class="p-0 min-w-120px"></th>
</tr>
</thead>
<!--end::Table head-->
<!--begin::Table body-->
<tbody>
@foreach($tableRows as $row)
<tr>
<td>
<div class="symbol symbol-50px me-2">
<span class="symbol-label bg-light-{{ $row['icon']['color'] }}">
{!! theme()->getSvgIcon($row['icon']['file'], "svg-icon-2x svg-icon-" . $row['icon']['color']); !!}
</span>
</div>
</td>
<td>
<a href="#" class="text-dark fw-bolder text-hover-primary mb-1 fs-6">{{ $row['info']['event'] }}</a>
<span class="text-muted fw-bold d-block fs-7">{{ $row['info']['user'] }}</span>
</td>
<td class="text-end">
<span class="text-dark fw-bolder d-block fs-7">{{ $row['date'] }}</span>
<span class="text-muted fw-bold d-block fs-8">Date</span>
</td>
<td class="text-end">
<a href="#" class="btn btn-sm btn-icon btn-bg-light btn-active-color-primary">
<i class="bi bi-three-dots fs-5"></i>
</a>
</td>
</tr>
@endforeach
</tbody>
<!--end::Table body-->
</table>
</div>
<!--end::Table-->
</div>
<!--end::Tap pane-->
@endforeach
</div>
</div>
<!--end::Body-->
</div>
<!--end::Tables Widget 8-->

View file

@ -0,0 +1,189 @@
<?php
// Table rows
$tableRows = array(
array(
'user' => array(
'image' => 'avatars/300-14.jpg',
'name' => 'Ana Simmons',
'skills' => 'HTML, JS, ReactJS'
),
'company' => array(
'name' => 'Intertico',
'skills' => 'Web, UI/UX Design'
),
'progress' => array(
'value' => '50',
'color' => 'primary'
)
),
array(
'user' => array(
'image' => 'avatars/300-2.jpg',
'name' => 'Jessie Clarcson',
'skills' => 'C#, ASP.NET, MS SQL'
),
'company' => array(
'name' => 'Agoda',
'skills' => 'Houses & Hotels'
),
'progress' => array(
'value' => '70',
'color' => 'danger'
)
),
array(
'user' => array(
'image' => 'avatars/300-5.jpg',
'name' => 'Lebron Wayde',
'skills' => 'PHP, Laravel, VueJS'
),
'company' => array(
'name' => 'RoadGee',
'skills' => 'Transportation'
),
'progress' => array(
'value' => '60',
'color' => 'success'
)
),
array(
'user' => array(
'image' => 'avatars/300-20.jpg',
'name' => 'Natali Goodwin',
'skills' => 'Python, PostgreSQL, ReactJS'
),
'company' => array(
'name' => 'The Hill',
'skills' => 'Insurance'
),
'progress' => array(
'value' => '50',
'color' => 'warning'
)
),
array(
'user' => array(
'image' => 'avatars/300-23.jpg',
'name' => 'Kevin Leonard',
'skills' => 'HTML, JS, ReactJS'
),
'company' => array(
'name' => 'RoadGee',
'skills' => 'Art Director'
),
'progress' => array(
'value' => '90',
'color' => 'info'
)
),
);
?>
<!--begin::Tables Widget 9-->
<div class="card {{ $class }}">
<!--begin::Header-->
<div class="card-header border-0 pt-5">
<h3 class="card-title align-items-start flex-column">
<span class="card-label fw-bolder fs-3 mb-1">Members Statistics</span>
<span class="text-muted mt-1 fw-bold fs-7">Over 500 members</span>
</h3>
<div class="card-toolbar" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-trigger="hover" title="Click to add a user">
<a href="#" class="btn btn-sm btn-light-primary" data-bs-toggle="modal" data-bs-target="#kt_modal_invite_friends">
{!! theme()->getSvgIcon("icons/duotune/arrows/arr075.svg", "svg-icon-3") !!}
New Member
</a>
</div>
</div>
<!--end::Header-->
<!--begin::Body-->
<div class="card-body py-3">
<!--begin::Table container-->
<div class="table-responsive">
<!--begin::Table-->
<table class="table table-row-dashed table-row-gray-300 align-middle gs-0 gy-4">
<!--begin::Table head-->
<thead>
<tr class="fw-bolder text-muted">
<th class="w-25px">
<div class="form-check form-check-sm form-check-custom form-check-solid">
<input class="form-check-input" type="checkbox" value="1" data-kt-check="true" data-kt-check-target=".widget-9-check"/>
</div>
</th>
<th class="min-w-150px">Authors</th>
<th class="min-w-140px">Company</th>
<th class="min-w-120px">Progress</th>
<th class="min-w-100px text-end">Actions</th>
</tr>
</thead>
<!--end::Table head-->
<!--begin::Table body-->
<tbody>
@foreach($tableRows as $row)
<tr>
<td>
<div class="form-check form-check-sm form-check-custom form-check-solid">
<input class="form-check-input widget-9-check" type="checkbox" value="1"/>
</div>
</td>
<td>
<div class="d-flex align-items-center">
<div class="symbol symbol-45px me-5">
<img src="{{ asset(theme()->getMediaUrlPath() . $row['user']['image']) }}" alt=""/>
</div>
<div class="d-flex justify-content-start flex-column">
<a href="#" class="text-dark fw-bolder text-hover-primary fs-6">{{ $row['user']['name'] }}</a>
<span class="text-muted fw-bold text-muted d-block fs-7">{{ $row['user']['skills'] }}</span>
</div>
</div>
</td>
<td>
<a href="#" class="text-dark fw-bolder text-hover-primary d-block fs-6">{{ $row['company']['name'] }}</a>
<span class="text-muted fw-bold text-muted d-block fs-7">{{ $row['company']['skills'] }}</span>
</td>
<td class="text-end">
<div class="d-flex flex-column w-100 me-2">
<div class="d-flex flex-stack mb-2">
<span class="text-muted me-2 fs-7 fw-bold">
{{ $row['progress']['value'] }}%
</span>
</div>
<div class="progress h-6px w-100">
<div class="progress-bar bg-{{ $row['progress']['color'] }}" role="progressbar" style="width: {{ $row['progress']['value'] }}%" aria-valuenow="{{ $row['progress']['value'] }}" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
</td>
<td class="text-end">
<a href="#" class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1">
{!! theme()->getSvgIcon("icons/duotune/general/gen019.svg", "svg-icon-3") !!}
</a>
<a href="#" class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1">
{!! theme()->getSvgIcon("icons/duotune/art/art005.svg", "svg-icon-3") !!}
</a>
<a href="#" class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm">
{!! theme()->getSvgIcon("icons/duotune/general/gen027.svg", "svg-icon-3") !!}
</a>
</td>
</tr>
@endforeach
</tbody>
<!--end::Table body-->
</table>
<!--end::Table-->
</div>
<!--end::Table container-->
</div>
<!--begin::Body-->
</div>
<!--end::Tables Widget 9-->