Initial commit
This commit is contained in:
Daeng Deni Mardaeni
80
resources/views/partials/widgets/cards/_widget-17.blade.php
Normal file
80
resources/views/partials/widgets/cards/_widget-17.blade.php
Normal file
@ -0,0 +1,80 @@
|
||||
<!--begin::Card widget 17-->
|
||||
<div class="card card-flush h-md-50 mb-5 mb-xl-10">
|
||||
<!--begin::Header-->
|
||||
<div class="card-header pt-5">
|
||||
<!--begin::Title-->
|
||||
<div class="card-title d-flex flex-column">
|
||||
<!--begin::Info-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Currency-->
|
||||
<span class="fs-4 fw-semibold text-gray-400 me-1 align-self-start">$</span>
|
||||
<!--end::Currency-->
|
||||
<!--begin::Amount-->
|
||||
<span class="fs-2hx fw-bold text-dark me-2 lh-1 ls-n2">69,700</span>
|
||||
<!--end::Amount-->
|
||||
<!--begin::Badge-->
|
||||
<span class="badge badge-light-success fs-base">{!! getIcon('arrow-up', 'fs-5 text-success ms-n1') !!} 2.2%</span>
|
||||
<!--end::Badge-->
|
||||
</div>
|
||||
<!--end::Info-->
|
||||
<!--begin::Subtitle-->
|
||||
<span class="text-gray-400 pt-1 fw-semibold fs-6">Projects Earnings in April</span>
|
||||
<!--end::Subtitle-->
|
||||
</div>
|
||||
<!--end::Title-->
|
||||
</div>
|
||||
<!--end::Header-->
|
||||
<!--begin::Card body-->
|
||||
<div class="card-body pt-2 pb-4 d-flex flex-wrap align-items-center">
|
||||
<!--begin::Chart-->
|
||||
<div class="d-flex flex-center me-5 pt-2">
|
||||
<div id="kt_card_widget_17_chart" style="min-width: 70px; min-height: 70px" data-kt-size="70" data-kt-line="11"></div>
|
||||
</div>
|
||||
<!--end::Chart-->
|
||||
<!--begin::Labels-->
|
||||
<div class="d-flex flex-column content-justify-center flex-row-fluid">
|
||||
<!--begin::Label-->
|
||||
<div class="d-flex fw-semibold align-items-center">
|
||||
<!--begin::Bullet-->
|
||||
<div class="bullet w-8px h-3px rounded-2 bg-success me-3"></div>
|
||||
<!--end::Bullet-->
|
||||
<!--begin::Label-->
|
||||
<div class="text-gray-500 flex-grow-1 me-4">Leaf CRM</div>
|
||||
<!--end::Label-->
|
||||
<!--begin::Stats-->
|
||||
<div class="fw-bolder text-gray-700 text-xxl-end">$7,660</div>
|
||||
<!--end::Stats-->
|
||||
</div>
|
||||
<!--end::Label-->
|
||||
<!--begin::Label-->
|
||||
<div class="d-flex fw-semibold align-items-center my-3">
|
||||
<!--begin::Bullet-->
|
||||
<div class="bullet w-8px h-3px rounded-2 bg-primary me-3"></div>
|
||||
<!--end::Bullet-->
|
||||
<!--begin::Label-->
|
||||
<div class="text-gray-500 flex-grow-1 me-4">Mivy App</div>
|
||||
<!--end::Label-->
|
||||
<!--begin::Stats-->
|
||||
<div class="fw-bolder text-gray-700 text-xxl-end">$2,820</div>
|
||||
<!--end::Stats-->
|
||||
</div>
|
||||
<!--end::Label-->
|
||||
<!--begin::Label-->
|
||||
<div class="d-flex fw-semibold align-items-center">
|
||||
<!--begin::Bullet-->
|
||||
<div class="bullet w-8px h-3px rounded-2 me-3" style="background-color: #E4E6EF"></div>
|
||||
<!--end::Bullet-->
|
||||
<!--begin::Label-->
|
||||
<div class="text-gray-500 flex-grow-1 me-4">Others</div>
|
||||
<!--end::Label-->
|
||||
<!--begin::Stats-->
|
||||
<div class="fw-bolder text-gray-700 text-xxl-end">$45,257</div>
|
||||
<!--end::Stats-->
|
||||
</div>
|
||||
<!--end::Label-->
|
||||
</div>
|
||||
<!--end::Labels-->
|
||||
</div>
|
||||
<!--end::Card body-->
|
||||
</div>
|
||||
<!--end::Card widget 17-->
|
||||
128
resources/views/partials/widgets/cards/_widget-18.blade.php
Normal file
128
resources/views/partials/widgets/cards/_widget-18.blade.php
Normal file
@ -0,0 +1,128 @@
|
||||
<!--begin::Card widget 18-->
|
||||
<div class="card card-flush h-xl-100">
|
||||
<!--begin::Body-->
|
||||
<div class="card-body py-9">
|
||||
<!--begin::Row-->
|
||||
<div class="row gx-9 h-100">
|
||||
<!--begin::Col-->
|
||||
<div class="col-sm-6 mb-10 mb-sm-0">
|
||||
<!--begin::Image-->
|
||||
<div class="bgi-no-repeat bgi-position-center bgi-size-cover card-rounded min-h-400px min-h-sm-100 h-100" style="background-size: 100% 100%;background-image:url('assets/media/stock/600x600/img-65.jpg')"></div>
|
||||
<!--end::Image-->
|
||||
</div>
|
||||
<!--end::Col-->
|
||||
<!--begin::Col-->
|
||||
<div class="col-sm-6">
|
||||
<!--begin::Wrapper-->
|
||||
<div class="d-flex flex-column h-100">
|
||||
<!--begin::Header-->
|
||||
<div class="mb-7">
|
||||
<!--begin::Headin-->
|
||||
<div class="d-flex flex-stack mb-6">
|
||||
<!--begin::Title-->
|
||||
<div class="flex-shrink-0 me-5">
|
||||
<span class="text-gray-400 fs-7 fw-bold me-2 d-block lh-1 pb-1">Featured</span>
|
||||
<span class="text-gray-800 fs-1 fw-bold">9 Degree</span>
|
||||
</div>
|
||||
<!--end::Title-->
|
||||
<span class="badge badge-light-primary flex-shrink-0 align-self-center py-3 px-4 fs-7">In Process</span>
|
||||
</div>
|
||||
<!--end::Heading-->
|
||||
<!--begin::Items-->
|
||||
<div class="d-flex align-items-center flex-wrap d-grid gap-2">
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex align-items-center me-5 me-xl-13">
|
||||
<!--begin::Symbol-->
|
||||
<div class="symbol symbol-30px symbol-circle me-3">
|
||||
<img src="assets/media/avatars/300-3.jpg" class="" alt="" />
|
||||
</div>
|
||||
<!--end::Symbol-->
|
||||
<!--begin::Info-->
|
||||
<div class="m-0">
|
||||
<span class="fw-semibold text-gray-400 d-block fs-8">Manager</span>
|
||||
<a href="#" class="fw-bold text-gray-800 text-hover-primary fs-7">Robert Fox</a>
|
||||
</div>
|
||||
<!--end::Info-->
|
||||
</div>
|
||||
<!--end::Item-->
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Symbol-->
|
||||
<div class="symbol symbol-30px symbol-circle me-3">
|
||||
<span class="symbol-label bg-success">{!! getIcon('abstract-41', 'fs-5 text-white') !!}</span>
|
||||
</div>
|
||||
<!--end::Symbol-->
|
||||
<!--begin::Info-->
|
||||
<div class="m-0">
|
||||
<span class="fw-semibold text-gray-400 d-block fs-8">Budget</span>
|
||||
<span class="fw-bold text-gray-800 fs-7">$64.800</span>
|
||||
</div>
|
||||
<!--end::Info-->
|
||||
</div>
|
||||
<!--end::Item-->
|
||||
</div>
|
||||
<!--end::Items-->
|
||||
</div>
|
||||
<!--end::Header-->
|
||||
<!--begin::Body-->
|
||||
<div class="mb-6">
|
||||
<!--begin::Text-->
|
||||
<span class="fw-semibold text-gray-600 fs-6 mb-8 d-block">Flat cartoony illustrations with vivid unblended colors and asymmetrical beautiful purple hair lady</span>
|
||||
<!--end::Text-->
|
||||
<!--begin::Stats-->
|
||||
<div class="d-flex">
|
||||
<!--begin::Stat-->
|
||||
<div class="border border-gray-300 border-dashed rounded min-w-100px w-100 py-2 px-4 me-6 mb-3">
|
||||
<!--begin::Date-->
|
||||
<span class="fs-6 text-gray-700 fw-bold">Feb 6, 2021</span>
|
||||
<!--end::Date-->
|
||||
<!--begin::Label-->
|
||||
<div class="fw-semibold text-gray-400">Due Date</div>
|
||||
<!--end::Label-->
|
||||
</div>
|
||||
<!--end::Stat-->
|
||||
<!--begin::Stat-->
|
||||
<div class="border border-gray-300 border-dashed rounded min-w-100px w-100 py-2 px-4 mb-3">
|
||||
<!--begin::Number-->
|
||||
<span class="fs-6 text-gray-700 fw-bold">$
|
||||
<span class="ms-n1" data-kt-countup="true" data-kt-countup-value="284,900.00">0</span></span>
|
||||
<!--end::Number-->
|
||||
<!--begin::Label-->
|
||||
<div class="fw-semibold text-gray-400">Budget</div>
|
||||
<!--end::Label-->
|
||||
</div>
|
||||
<!--end::Stat-->
|
||||
</div>
|
||||
<!--end::Stats-->
|
||||
</div>
|
||||
<!--end::Body-->
|
||||
<!--begin::Footer-->
|
||||
<div class="d-flex flex-stack mt-auto bd-highlight">
|
||||
<!--begin::Users group-->
|
||||
<div class="symbol-group symbol-hover flex-nowrap">
|
||||
<div class="symbol symbol-35px symbol-circle" data-bs-toggle="tooltip" title="Melody Macy">
|
||||
<img alt="Pic" src="assets/media/avatars/300-2.jpg" />
|
||||
</div>
|
||||
<div class="symbol symbol-35px symbol-circle" data-bs-toggle="tooltip" title="Michael Eberon">
|
||||
<img alt="Pic" src="assets/media/avatars/300-3.jpg" />
|
||||
</div>
|
||||
<div class="symbol symbol-35px symbol-circle" data-bs-toggle="tooltip" title="Susan Redwood">
|
||||
<span class="symbol-label bg-primary text-inverse-primary fw-bold">S</span>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Users group-->
|
||||
<!--begin::Actions-->
|
||||
<a href="#" class="d-flex align-items-center text-primary opacity-75-hover fs-6 fw-semibold">View Project {!! getIcon('exit-right-corner', 'fs-4 ms-1') !!}</a>
|
||||
<!--end::Actions-->
|
||||
</div>
|
||||
<!--end::Footer-->
|
||||
</div>
|
||||
<!--end::Wrapper-->
|
||||
</div>
|
||||
<!--end::Col-->
|
||||
</div>
|
||||
<!--end::Row-->
|
||||
</div>
|
||||
<!--end::Body-->
|
||||
</div>
|
||||
<!--end::Card widget 18-->
|
||||
33
resources/views/partials/widgets/cards/_widget-20.blade.php
Normal file
33
resources/views/partials/widgets/cards/_widget-20.blade.php
Normal file
@ -0,0 +1,33 @@
|
||||
<!--begin::Card widget 20-->
|
||||
<div class="card card-flush bgi-no-repeat bgi-size-contain bgi-position-x-end h-md-50 mb-5 mb-xl-10" style="background-color: #F1416C;background-image:url('assets/media/patterns/vector-1.png')">
|
||||
<!--begin::Header-->
|
||||
<div class="card-header pt-5">
|
||||
<!--begin::Title-->
|
||||
<div class="card-title d-flex flex-column">
|
||||
<!--begin::Amount-->
|
||||
<span class="fs-2hx fw-bold text-white me-2 lh-1 ls-n2">69</span>
|
||||
<!--end::Amount-->
|
||||
<!--begin::Subtitle-->
|
||||
<span class="text-white opacity-75 pt-1 fw-semibold fs-6">Active Projects</span>
|
||||
<!--end::Subtitle-->
|
||||
</div>
|
||||
<!--end::Title-->
|
||||
</div>
|
||||
<!--end::Header-->
|
||||
<!--begin::Card body-->
|
||||
<div class="card-body d-flex align-items-end pt-0">
|
||||
<!--begin::Progress-->
|
||||
<div class="d-flex align-items-center flex-column mt-3 w-100">
|
||||
<div class="d-flex justify-content-between fw-bold fs-6 text-white opacity-75 w-100 mt-auto mb-2">
|
||||
<span>43 Pending</span>
|
||||
<span>72%</span>
|
||||
</div>
|
||||
<div class="h-8px mx-3 w-100 bg-white bg-opacity-50 rounded">
|
||||
<div class="bg-white rounded h-8px" role="progressbar" style="width: 72%;" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Progress-->
|
||||
</div>
|
||||
<!--end::Card body-->
|
||||
</div>
|
||||
<!--end::Card widget 20-->
|
||||
50
resources/views/partials/widgets/cards/_widget-7.blade.php
Normal file
50
resources/views/partials/widgets/cards/_widget-7.blade.php
Normal file
@ -0,0 +1,50 @@
|
||||
<!--begin::Card widget 7-->
|
||||
<div class="card card-flush h-md-50 mb-5 mb-xl-10">
|
||||
<!--begin::Header-->
|
||||
<div class="card-header pt-5">
|
||||
<!--begin::Title-->
|
||||
<div class="card-title d-flex flex-column">
|
||||
<!--begin::Amount-->
|
||||
<span class="fs-2hx fw-bold text-dark me-2 lh-1 ls-n2">357</span>
|
||||
<!--end::Amount-->
|
||||
<!--begin::Subtitle-->
|
||||
<span class="text-gray-400 pt-1 fw-semibold fs-6">Professionals</span>
|
||||
<!--end::Subtitle-->
|
||||
</div>
|
||||
<!--end::Title-->
|
||||
</div>
|
||||
<!--end::Header-->
|
||||
<!--begin::Card body-->
|
||||
<div class="card-body d-flex flex-column justify-content-end pe-0">
|
||||
<!--begin::Title-->
|
||||
<span class="fs-6 fw-bolder text-gray-800 d-block mb-2">Today’s Heroes</span>
|
||||
<!--end::Title-->
|
||||
<!--begin::Users group-->
|
||||
<div class="symbol-group symbol-hover flex-nowrap">
|
||||
<div class="symbol symbol-35px symbol-circle" data-bs-toggle="tooltip" title="Alan Warden">
|
||||
<span class="symbol-label bg-warning text-inverse-warning fw-bold">A</span>
|
||||
</div>
|
||||
<div class="symbol symbol-35px symbol-circle" data-bs-toggle="tooltip" title="Michael Eberon">
|
||||
<img alt="Pic" src="assets/media/avatars/300-11.jpg" />
|
||||
</div>
|
||||
<div class="symbol symbol-35px symbol-circle" data-bs-toggle="tooltip" title="Susan Redwood">
|
||||
<span class="symbol-label bg-primary text-inverse-primary fw-bold">S</span>
|
||||
</div>
|
||||
<div class="symbol symbol-35px symbol-circle" data-bs-toggle="tooltip" title="Melody Macy">
|
||||
<img alt="Pic" src="assets/media/avatars/300-2.jpg" />
|
||||
</div>
|
||||
<div class="symbol symbol-35px symbol-circle" data-bs-toggle="tooltip" title="Perry Matthew">
|
||||
<span class="symbol-label bg-danger text-inverse-danger fw-bold">P</span>
|
||||
</div>
|
||||
<div class="symbol symbol-35px symbol-circle" data-bs-toggle="tooltip" title="Barry Walter">
|
||||
<img alt="Pic" src="assets/media/avatars/300-12.jpg" />
|
||||
</div>
|
||||
<a href="#" class="symbol symbol-35px symbol-circle" data-bs-toggle="modal" data-bs-target="#kt_modal_view_users">
|
||||
<span class="symbol-label bg-dark text-gray-300 fs-8 fw-bold">+42</span>
|
||||
</a>
|
||||
</div>
|
||||
<!--end::Users group-->
|
||||
</div>
|
||||
<!--end::Card body-->
|
||||
</div>
|
||||
<!--end::Card widget 7-->
|
||||
29
resources/views/partials/widgets/charts/_widget-14.blade.php
Normal file
29
resources/views/partials/widgets/charts/_widget-14.blade.php
Normal file
@ -0,0 +1,29 @@
|
||||
<!--begin::Chart widget 14-->
|
||||
<div class="card card-flush h-xl-100">
|
||||
<!--begin::Header-->
|
||||
<div class="card-header pt-7">
|
||||
<!--begin::Title-->
|
||||
<h3 class="card-title align-items-start flex-column">
|
||||
<span class="card-label fw-bold text-dark">Departments</span>
|
||||
<span class="text-gray-400 pt-2 fw-semibold fs-6">Performance & achievements</span>
|
||||
</h3>
|
||||
<!--end::Title-->
|
||||
<!--begin::Toolbar-->
|
||||
<div class="card-toolbar">
|
||||
<!--begin::Menu-->
|
||||
<button class="btn btn-icon btn-color-gray-400 btn-active-color-primary justify-content-end" data-kt-menu-trigger="click" data-kt-menu-placement="bottom-end" data-kt-menu-overflow="true">{!! getIcon('dots-square', 'fs-1 text-gray-300 me-n1') !!}</button>
|
||||
@include('partials/menus/_menu-3')
|
||||
<!--end::Menu-->
|
||||
</div>
|
||||
<!--end::Toolbar-->
|
||||
</div>
|
||||
<!--end::Header-->
|
||||
<!--begin::Body-->
|
||||
<div class="card-body pt-5">
|
||||
<!--begin::Chart container-->
|
||||
<div id="kt_charts_widget_14_chart" class="w-100 h-350px"></div>
|
||||
<!--end::Chart container-->
|
||||
</div>
|
||||
<!--end::Body-->
|
||||
</div>
|
||||
<!--end::Chart widget 14-->
|
||||
79
resources/views/partials/widgets/charts/_widget-20.blade.php
Normal file
79
resources/views/partials/widgets/charts/_widget-20.blade.php
Normal file
@ -0,0 +1,79 @@
|
||||
<!--begin::Chart widget 20-->
|
||||
<div class="card card-flush h-xl-100">
|
||||
<!--begin::Header-->
|
||||
<div class="card-header py-5">
|
||||
<!--begin::Title-->
|
||||
<h3 class="card-title fw-bold text-gray-800">Monthly Targets</h3>
|
||||
<!--end::Title-->
|
||||
<!--begin::Toolbar-->
|
||||
<div class="card-toolbar">
|
||||
<!--begin::Daterangepicker(defined in src/js/layout/app.js)-->
|
||||
<div data-kt-daterangepicker="true" data-kt-daterangepicker-opens="left" class="btn btn-sm btn-light d-flex align-items-center px-4">
|
||||
<!--begin::Display range-->
|
||||
<div class="text-gray-600 fw-bold">Loading date range...</div>
|
||||
<!--end::Display range-->
|
||||
{!! getIcon('calendar-8', 'fs-1 ms-2 me-0') !!}</div>
|
||||
<!--end::Daterangepicker-->
|
||||
</div>
|
||||
<!--end::Toolbar-->
|
||||
</div>
|
||||
<!--end::Header-->
|
||||
<!--begin::Card body-->
|
||||
<div class="card-body d-flex justify-content-between flex-column pb-0 px-0 pt-1">
|
||||
<!--begin::Items-->
|
||||
<div class="d-flex flex-wrap d-grid gap-5 px-9 mb-5">
|
||||
<!--begin::Item-->
|
||||
<div class="me-md-2">
|
||||
<!--begin::Statistics-->
|
||||
<div class="d-flex mb-2">
|
||||
<span class="fs-4 fw-semibold text-gray-400 me-1">$</span>
|
||||
<span class="fs-2hx fw-bold text-gray-800 me-2 lh-1 ls-n2">12,706</span>
|
||||
</div>
|
||||
<!--end::Statistics-->
|
||||
<!--begin::Description-->
|
||||
<span class="fs-6 fw-semibold text-gray-400">Targets for April</span>
|
||||
<!--end::Description-->
|
||||
</div>
|
||||
<!--end::Item-->
|
||||
<!--begin::Item-->
|
||||
<div class="border-start-dashed border-end-dashed border-start border-end border-gray-300 px-5 ps-md-10 pe-md-7 me-md-5">
|
||||
<!--begin::Statistics-->
|
||||
<div class="d-flex mb-2">
|
||||
<span class="fs-4 fw-semibold text-gray-400 me-1">$</span>
|
||||
<span class="fs-2hx fw-bold text-gray-800 me-2 lh-1 ls-n2">8,035</span>
|
||||
</div>
|
||||
<!--end::Statistics-->
|
||||
<!--begin::Description-->
|
||||
<span class="fs-6 fw-semibold text-gray-400">Actual for April</span>
|
||||
<!--end::Description-->
|
||||
</div>
|
||||
<!--end::Item-->
|
||||
<!--begin::Item-->
|
||||
<div class="m-0">
|
||||
<!--begin::Statistics-->
|
||||
<div class="d-flex align-items-center mb-2">
|
||||
<!--begin::Currency-->
|
||||
<span class="fs-4 fw-semibold text-gray-400 align-self-start me-1">$</span>
|
||||
<!--end::Currency-->
|
||||
<!--begin::Value-->
|
||||
<span class="fs-2hx fw-bold text-gray-800 me-2 lh-1 ls-n2">4,684</span>
|
||||
<!--end::Value-->
|
||||
<!--begin::Label-->
|
||||
<span class="badge badge-light-success fs-base">{!! getIcon('black-up', 'fs-7 text-success ms-n1') !!} 4.5%</span>
|
||||
<!--end::Label-->
|
||||
</div>
|
||||
<!--end::Statistics-->
|
||||
<!--begin::Description-->
|
||||
<span class="fs-6 fw-semibold text-gray-400">GAP</span>
|
||||
<!--end::Description-->
|
||||
</div>
|
||||
<!--end::Item-->
|
||||
</div>
|
||||
<!--end::Items-->
|
||||
<!--begin::Chart-->
|
||||
<div id="kt_charts_widget_20" class="min-h-auto ps-4 pe-6" data-kt-chart-info="Revenue" style="height: 300px"></div>
|
||||
<!--end::Chart-->
|
||||
</div>
|
||||
<!--end::Card body-->
|
||||
</div>
|
||||
<!--end::Chart widget 20-->
|
||||
29
resources/views/partials/widgets/charts/_widget-24.blade.php
Normal file
29
resources/views/partials/widgets/charts/_widget-24.blade.php
Normal file
@ -0,0 +1,29 @@
|
||||
<!--begin::Chart widget 24-->
|
||||
<div class="card card-flush overflow-hidden h-xl-100">
|
||||
<!--begin::Header-->
|
||||
<div class="card-header py-5">
|
||||
<!--begin::Title-->
|
||||
<h3 class="card-title align-items-start flex-column">
|
||||
<span class="card-label fw-bold text-dark">Human Resources</span>
|
||||
<span class="text-gray-400 mt-1 fw-semibold fs-6">Reports by states and ganders</span>
|
||||
</h3>
|
||||
<!--end::Title-->
|
||||
<!--begin::Toolbar-->
|
||||
<div class="card-toolbar">
|
||||
<!--begin::Menu-->
|
||||
<button class="btn btn-icon btn-color-gray-400 btn-active-color-primary justify-content-end" data-kt-menu-trigger="click" data-kt-menu-placement="bottom-end" data-kt-menu-overflow="true">{!! getIcon('dots-square', 'fs-1') !!}</button>
|
||||
@include('partials/menus/_menu-2')
|
||||
<!--end::Menu-->
|
||||
</div>
|
||||
<!--end::Toolbar-->
|
||||
</div>
|
||||
<!--end::Header-->
|
||||
<!--begin::Card body-->
|
||||
<div class="card-body pt-0">
|
||||
<!--begin::Chart-->
|
||||
<div id="kt_charts_widget_24" class="min-h-auto" style="height: 300px"></div>
|
||||
<!--end::Chart-->
|
||||
</div>
|
||||
<!--end::Card body-->
|
||||
</div>
|
||||
<!--end::Chart widget 24-->
|
||||
103
resources/views/partials/widgets/charts/_widget-27.blade.php
Normal file
103
resources/views/partials/widgets/charts/_widget-27.blade.php
Normal file
@ -0,0 +1,103 @@
|
||||
<!--begin::Chart widget 27-->
|
||||
<div class="card card-flush h-xl-100">
|
||||
<!--begin::Header-->
|
||||
<div class="card-header py-7">
|
||||
<!--begin::Statistics-->
|
||||
<div class="m-0">
|
||||
<!--begin::Heading-->
|
||||
<div class="d-flex align-items-center mb-2">
|
||||
<!--begin::Title-->
|
||||
<span class="fs-2hx fw-bold text-gray-800 me-2 lh-1 ls-n2">35,568</span>
|
||||
<!--end::Title-->
|
||||
<!--begin::Label-->
|
||||
<span class="badge badge-light-danger fs-base">{!! getIcon('arrow-up', 'fs-5 text-danger ms-n1') !!} 8.02%</span>
|
||||
<!--end::Label-->
|
||||
</div>
|
||||
<!--end::Heading-->
|
||||
<!--begin::Description-->
|
||||
<span class="fs-6 fw-semibold text-gray-400">Organic Sessions</span>
|
||||
<!--end::Description-->
|
||||
</div>
|
||||
<!--end::Statistics-->
|
||||
<!--begin::Toolbar-->
|
||||
<div class="card-toolbar">
|
||||
<!--begin::Menu-->
|
||||
<button class="btn btn-icon btn-color-gray-400 btn-active-color-primary justify-content-end" data-kt-menu-trigger="click" data-kt-menu-placement="bottom-end" data-kt-menu-overflow="true">{!! getIcon('dots-square', 'fs-1 text-gray-300 me-n1') !!}</button>
|
||||
<!--begin::Menu 2-->
|
||||
<div class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-800 menu-state-bg-light-primary fw-semibold w-200px" data-kt-menu="true">
|
||||
<!--begin::Menu item-->
|
||||
<div class="menu-item px-3">
|
||||
<div class="menu-content fs-6 text-dark fw-bold px-3 py-4">Quick Actions</div>
|
||||
</div>
|
||||
<!--end::Menu item-->
|
||||
<!--begin::Menu separator-->
|
||||
<div class="separator mb-3 opacity-75"></div>
|
||||
<!--end::Menu separator-->
|
||||
<!--begin::Menu item-->
|
||||
<div class="menu-item px-3">
|
||||
<a href="#" class="menu-link px-3">New Ticket</a>
|
||||
</div>
|
||||
<!--end::Menu item-->
|
||||
<!--begin::Menu item-->
|
||||
<div class="menu-item px-3">
|
||||
<a href="#" class="menu-link px-3">New Customer</a>
|
||||
</div>
|
||||
<!--end::Menu item-->
|
||||
<!--begin::Menu item-->
|
||||
<div class="menu-item px-3" data-kt-menu-trigger="hover" data-kt-menu-placement="right-start">
|
||||
<!--begin::Menu item-->
|
||||
<a href="#" class="menu-link px-3">
|
||||
<span class="menu-title">New Group</span>
|
||||
<span class="menu-arrow"></span>
|
||||
</a>
|
||||
<!--end::Menu item-->
|
||||
<!--begin::Menu sub-->
|
||||
<div class="menu-sub menu-sub-dropdown w-175px py-4">
|
||||
<!--begin::Menu item-->
|
||||
<div class="menu-item px-3">
|
||||
<a href="#" class="menu-link px-3">Admin Group</a>
|
||||
</div>
|
||||
<!--end::Menu item-->
|
||||
<!--begin::Menu item-->
|
||||
<div class="menu-item px-3">
|
||||
<a href="#" class="menu-link px-3">Staff Group</a>
|
||||
</div>
|
||||
<!--end::Menu item-->
|
||||
<!--begin::Menu item-->
|
||||
<div class="menu-item px-3">
|
||||
<a href="#" class="menu-link px-3">Member Group</a>
|
||||
</div>
|
||||
<!--end::Menu item-->
|
||||
</div>
|
||||
<!--end::Menu sub-->
|
||||
</div>
|
||||
<!--end::Menu item-->
|
||||
<!--begin::Menu item-->
|
||||
<div class="menu-item px-3">
|
||||
<a href="#" class="menu-link px-3">New Contact</a>
|
||||
</div>
|
||||
<!--end::Menu item-->
|
||||
<!--begin::Menu separator-->
|
||||
<div class="separator mt-3 opacity-75"></div>
|
||||
<!--end::Menu separator-->
|
||||
<!--begin::Menu item-->
|
||||
<div class="menu-item px-3">
|
||||
<div class="menu-content px-3 py-3">
|
||||
<a class="btn btn-primary btn-sm px-4" href="#">Generate Reports</a>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Menu item-->
|
||||
</div>
|
||||
<!--end::Menu 2-->
|
||||
<!--end::Menu-->
|
||||
</div>
|
||||
<!--end::Toolbar-->
|
||||
</div>
|
||||
<!--end::Header-->
|
||||
<!--begin::Body-->
|
||||
<div class="card-body pt-0 pb-1">
|
||||
<div id="kt_charts_widget_27" class="min-h-auto"></div>
|
||||
</div>
|
||||
<!--end::Body-->
|
||||
</div>
|
||||
<!--end::Chart widget 27-->
|
||||
105
resources/views/partials/widgets/charts/_widget-28.blade.php
Normal file
105
resources/views/partials/widgets/charts/_widget-28.blade.php
Normal file
@ -0,0 +1,105 @@
|
||||
<!--begin::Chart widget 28-->
|
||||
<div class="card card-flush h-xl-100">
|
||||
<!--begin::Header-->
|
||||
<div class="card-header py-7">
|
||||
<!--begin::Statistics-->
|
||||
<div class="m-0">
|
||||
<!--begin::Heading-->
|
||||
<div class="d-flex align-items-center mb-2">
|
||||
<!--begin::Title-->
|
||||
<span class="fs-2hx fw-bold text-gray-800 me-2 lh-1 ls-n2">2,579</span>
|
||||
<!--end::Title-->
|
||||
<!--begin::Label-->
|
||||
<span class="badge badge-light-success fs-base">{!! getIcon('arrow-up', 'fs-5 text-success ms-n1') !!} 2.2%</span>
|
||||
<!--end::Label-->
|
||||
</div>
|
||||
<!--end::Heading-->
|
||||
<!--begin::Description-->
|
||||
<span class="fs-6 fw-semibold text-gray-400">Domain External Links</span>
|
||||
<!--end::Description-->
|
||||
</div>
|
||||
<!--end::Statistics-->
|
||||
<!--begin::Toolbar-->
|
||||
<div class="card-toolbar">
|
||||
<!--begin::Menu-->
|
||||
<button class="btn btn-icon btn-color-gray-400 btn-active-color-primary justify-content-end" data-kt-menu-trigger="click" data-kt-menu-placement="bottom-end" data-kt-menu-overflow="true">{!! getIcon('dots-square', 'fs-1 text-gray-300 me-n1') !!}</button>
|
||||
<!--begin::Menu 2-->
|
||||
<div class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-800 menu-state-bg-light-primary fw-semibold w-200px" data-kt-menu="true">
|
||||
<!--begin::Menu item-->
|
||||
<div class="menu-item px-3">
|
||||
<div class="menu-content fs-6 text-dark fw-bold px-3 py-4">Quick Actions</div>
|
||||
</div>
|
||||
<!--end::Menu item-->
|
||||
<!--begin::Menu separator-->
|
||||
<div class="separator mb-3 opacity-75"></div>
|
||||
<!--end::Menu separator-->
|
||||
<!--begin::Menu item-->
|
||||
<div class="menu-item px-3">
|
||||
<a href="#" class="menu-link px-3">New Ticket</a>
|
||||
</div>
|
||||
<!--end::Menu item-->
|
||||
<!--begin::Menu item-->
|
||||
<div class="menu-item px-3">
|
||||
<a href="#" class="menu-link px-3">New Customer</a>
|
||||
</div>
|
||||
<!--end::Menu item-->
|
||||
<!--begin::Menu item-->
|
||||
<div class="menu-item px-3" data-kt-menu-trigger="hover" data-kt-menu-placement="right-start">
|
||||
<!--begin::Menu item-->
|
||||
<a href="#" class="menu-link px-3">
|
||||
<span class="menu-title">New Group</span>
|
||||
<span class="menu-arrow"></span>
|
||||
</a>
|
||||
<!--end::Menu item-->
|
||||
<!--begin::Menu sub-->
|
||||
<div class="menu-sub menu-sub-dropdown w-175px py-4">
|
||||
<!--begin::Menu item-->
|
||||
<div class="menu-item px-3">
|
||||
<a href="#" class="menu-link px-3">Admin Group</a>
|
||||
</div>
|
||||
<!--end::Menu item-->
|
||||
<!--begin::Menu item-->
|
||||
<div class="menu-item px-3">
|
||||
<a href="#" class="menu-link px-3">Staff Group</a>
|
||||
</div>
|
||||
<!--end::Menu item-->
|
||||
<!--begin::Menu item-->
|
||||
<div class="menu-item px-3">
|
||||
<a href="#" class="menu-link px-3">Member Group</a>
|
||||
</div>
|
||||
<!--end::Menu item-->
|
||||
</div>
|
||||
<!--end::Menu sub-->
|
||||
</div>
|
||||
<!--end::Menu item-->
|
||||
<!--begin::Menu item-->
|
||||
<div class="menu-item px-3">
|
||||
<a href="#" class="menu-link px-3">New Contact</a>
|
||||
</div>
|
||||
<!--end::Menu item-->
|
||||
<!--begin::Menu separator-->
|
||||
<div class="separator mt-3 opacity-75"></div>
|
||||
<!--end::Menu separator-->
|
||||
<!--begin::Menu item-->
|
||||
<div class="menu-item px-3">
|
||||
<div class="menu-content px-3 py-3">
|
||||
<a class="btn btn-primary btn-sm px-4" href="#">Generate Reports</a>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Menu item-->
|
||||
</div>
|
||||
<!--end::Menu 2-->
|
||||
<!--end::Menu-->
|
||||
</div>
|
||||
<!--end::Toolbar-->
|
||||
</div>
|
||||
<!--end::Header-->
|
||||
<!--begin::Body-->
|
||||
<div class="card-body d-flex align-items-end ps-4 pe-0 pb-4">
|
||||
<!--begin::Chart-->
|
||||
<div id="kt_charts_widget_28" class="h-300px w-100 min-h-auto"></div>
|
||||
<!--end::Chart-->
|
||||
</div>
|
||||
<!--end::Body-->
|
||||
</div>
|
||||
<!--end::Chart widget 28-->
|
||||
26
resources/views/partials/widgets/charts/_widget-31.blade.php
Normal file
26
resources/views/partials/widgets/charts/_widget-31.blade.php
Normal file
@ -0,0 +1,26 @@
|
||||
<!--begin::Chart widget 31-->
|
||||
<div class="card card-flush h-xl-100">
|
||||
<!--begin::Header-->
|
||||
<div class="card-header pt-7 mb-7">
|
||||
<!--begin::Title-->
|
||||
<h3 class="card-title align-items-start flex-column">
|
||||
<span class="card-label fw-bold text-gray-800">Warephase stats</span>
|
||||
<span class="text-gray-400 mt-1 fw-semibold fs-6">8k social visitors</span>
|
||||
</h3>
|
||||
<!--end::Title-->
|
||||
<!--begin::Toolbar-->
|
||||
<div class="card-toolbar">
|
||||
<a href="#" class="btn btn-sm btn-light">PDF Report</a>
|
||||
</div>
|
||||
<!--end::Toolbar-->
|
||||
</div>
|
||||
<!--end::Header-->
|
||||
<!--begin::Body-->
|
||||
<div class="card-body d-flex align-items-end pt-0">
|
||||
<!--begin::Chart-->
|
||||
<div id="kt_charts_widget_31_chart" class="w-100 h-300px"></div>
|
||||
<!--end::Chart-->
|
||||
</div>
|
||||
<!--end::Body-->
|
||||
</div>
|
||||
<!--end::Chart widget 31-->
|
||||
453
resources/views/partials/widgets/charts/_widget-35.blade.php
Normal file
453
resources/views/partials/widgets/charts/_widget-35.blade.php
Normal file
@ -0,0 +1,453 @@
|
||||
<!--begin::Chart Widget 35-->
|
||||
<div class="card card-flush h-md-100">
|
||||
<!--begin::Header-->
|
||||
<div class="card-header pt-5 mb-6">
|
||||
<!--begin::Title-->
|
||||
<h3 class="card-title align-items-start flex-column">
|
||||
<!--begin::Statistics-->
|
||||
<div class="d-flex align-items-center mb-2">
|
||||
<!--begin::Currency-->
|
||||
<span class="fs-3 fw-semibold text-gray-400 align-self-start me-1">$</span>
|
||||
<!--end::Currency-->
|
||||
<!--begin::Value-->
|
||||
<span class="fs-2hx fw-bold text-gray-800 me-2 lh-1 ls-n2">3,274.94</span>
|
||||
<!--end::Value-->
|
||||
<!--begin::Label-->
|
||||
<span class="badge badge-light-success fs-base">{!! getIcon('arrow-up', 'fs-5 text-success ms-n1') !!} 9.2%</span>
|
||||
<!--end::Label-->
|
||||
</div>
|
||||
<!--end::Statistics-->
|
||||
<!--begin::Description-->
|
||||
<span class="fs-6 fw-semibold text-gray-400">Avg. Agent Earnings</span>
|
||||
<!--end::Description-->
|
||||
</h3>
|
||||
<!--end::Title-->
|
||||
<!--begin::Toolbar-->
|
||||
<div class="card-toolbar">
|
||||
<!--begin::Menu-->
|
||||
<button class="btn btn-icon btn-color-gray-400 btn-active-color-primary justify-content-end" data-kt-menu-trigger="click" data-kt-menu-placement="bottom-end" data-kt-menu-overflow="true">{!! getIcon('dots-square', 'fs-1 text-gray-300 me-n1') !!}</button>
|
||||
<!--begin::Menu 2-->
|
||||
<div class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-800 menu-state-bg-light-primary fw-semibold w-200px" data-kt-menu="true">
|
||||
<!--begin::Menu item-->
|
||||
<div class="menu-item px-3">
|
||||
<div class="menu-content fs-6 text-dark fw-bold px-3 py-4">Quick Actions</div>
|
||||
</div>
|
||||
<!--end::Menu item-->
|
||||
<!--begin::Menu separator-->
|
||||
<div class="separator mb-3 opacity-75"></div>
|
||||
<!--end::Menu separator-->
|
||||
<!--begin::Menu item-->
|
||||
<div class="menu-item px-3">
|
||||
<a href="#" class="menu-link px-3">New Ticket</a>
|
||||
</div>
|
||||
<!--end::Menu item-->
|
||||
<!--begin::Menu item-->
|
||||
<div class="menu-item px-3">
|
||||
<a href="#" class="menu-link px-3">New Customer</a>
|
||||
</div>
|
||||
<!--end::Menu item-->
|
||||
<!--begin::Menu item-->
|
||||
<div class="menu-item px-3" data-kt-menu-trigger="hover" data-kt-menu-placement="right-start">
|
||||
<!--begin::Menu item-->
|
||||
<a href="#" class="menu-link px-3">
|
||||
<span class="menu-title">New Group</span>
|
||||
<span class="menu-arrow"></span>
|
||||
</a>
|
||||
<!--end::Menu item-->
|
||||
<!--begin::Menu sub-->
|
||||
<div class="menu-sub menu-sub-dropdown w-175px py-4">
|
||||
<!--begin::Menu item-->
|
||||
<div class="menu-item px-3">
|
||||
<a href="#" class="menu-link px-3">Admin Group</a>
|
||||
</div>
|
||||
<!--end::Menu item-->
|
||||
<!--begin::Menu item-->
|
||||
<div class="menu-item px-3">
|
||||
<a href="#" class="menu-link px-3">Staff Group</a>
|
||||
</div>
|
||||
<!--end::Menu item-->
|
||||
<!--begin::Menu item-->
|
||||
<div class="menu-item px-3">
|
||||
<a href="#" class="menu-link px-3">Member Group</a>
|
||||
</div>
|
||||
<!--end::Menu item-->
|
||||
</div>
|
||||
<!--end::Menu sub-->
|
||||
</div>
|
||||
<!--end::Menu item-->
|
||||
<!--begin::Menu item-->
|
||||
<div class="menu-item px-3">
|
||||
<a href="#" class="menu-link px-3">New Contact</a>
|
||||
</div>
|
||||
<!--end::Menu item-->
|
||||
<!--begin::Menu separator-->
|
||||
<div class="separator mt-3 opacity-75"></div>
|
||||
<!--end::Menu separator-->
|
||||
<!--begin::Menu item-->
|
||||
<div class="menu-item px-3">
|
||||
<div class="menu-content px-3 py-3">
|
||||
<a class="btn btn-primary btn-sm px-4" href="#">Generate Reports</a>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Menu item-->
|
||||
</div>
|
||||
<!--end::Menu 2-->
|
||||
<!--end::Menu-->
|
||||
</div>
|
||||
<!--end::Toolbar-->
|
||||
</div>
|
||||
<!--end::Header-->
|
||||
<!--begin::Body-->
|
||||
<div class="card-body py-0 px-0">
|
||||
<!--begin::Nav-->
|
||||
<ul class="nav d-flex justify-content-between mb-3 mx-9">
|
||||
<!--begin::Item-->
|
||||
<li class="nav-item mb-3">
|
||||
<!--begin::Link-->
|
||||
<a class="nav-link btn btn-flex flex-center btn-active-danger btn-color-gray-600 btn-active-color-white rounded-2 w-45px h-35px active" data-bs-toggle="tab" id="kt_charts_widget_35_tab_1" href="#kt_charts_widget_35_tab_content_1">1d</a>
|
||||
<!--end::Link-->
|
||||
</li>
|
||||
<!--end::Item-->
|
||||
<!--begin::Item-->
|
||||
<li class="nav-item mb-3">
|
||||
<!--begin::Link-->
|
||||
<a class="nav-link btn btn-flex flex-center btn-active-danger btn-color-gray-600 btn-active-color-white rounded-2 w-45px h-35px" data-bs-toggle="tab" id="kt_charts_widget_35_tab_2" href="#kt_charts_widget_35_tab_content_2">5d</a>
|
||||
<!--end::Link-->
|
||||
</li>
|
||||
<!--end::Item-->
|
||||
<!--begin::Item-->
|
||||
<li class="nav-item mb-3">
|
||||
<!--begin::Link-->
|
||||
<a class="nav-link btn btn-flex flex-center btn-active-danger btn-color-gray-600 btn-active-color-white rounded-2 w-45px h-35px" data-bs-toggle="tab" id="kt_charts_widget_35_tab_3" href="#kt_charts_widget_35_tab_content_3">1m</a>
|
||||
<!--end::Link-->
|
||||
</li>
|
||||
<!--end::Item-->
|
||||
<!--begin::Item-->
|
||||
<li class="nav-item mb-3">
|
||||
<!--begin::Link-->
|
||||
<a class="nav-link btn btn-flex flex-center btn-active-danger btn-color-gray-600 btn-active-color-white rounded-2 w-45px h-35px" data-bs-toggle="tab" id="kt_charts_widget_35_tab_4" href="#kt_charts_widget_35_tab_content_4">6m</a>
|
||||
<!--end::Link-->
|
||||
</li>
|
||||
<!--end::Item-->
|
||||
<!--begin::Item-->
|
||||
<li class="nav-item mb-3">
|
||||
<!--begin::Link-->
|
||||
<a class="nav-link btn btn-flex flex-center btn-active-danger btn-color-gray-600 btn-active-color-white rounded-2 w-45px h-35px" data-bs-toggle="tab" id="kt_charts_widget_35_tab_5" href="#kt_charts_widget_35_tab_content_5">1y</a>
|
||||
<!--end::Link-->
|
||||
</li>
|
||||
<!--end::Item-->
|
||||
</ul>
|
||||
<!--end::Nav-->
|
||||
<!--begin::Tab Content-->
|
||||
<div class="tab-content mt-n6">
|
||||
<!--begin::Tap pane-->
|
||||
<div class="tab-pane fade active show" id="kt_charts_widget_35_tab_content_1">
|
||||
<!--begin::Chart-->
|
||||
<div id="kt_charts_widget_35_chart_1" data-kt-chart-color="primary" class="min-h-auto h-200px ps-3 pe-6"></div>
|
||||
<!--end::Chart-->
|
||||
<!--begin::Table container-->
|
||||
<div class="table-responsive mx-9 mt-n6">
|
||||
<!--begin::Table-->
|
||||
<table class="table align-middle gs-0 gy-4">
|
||||
<!--begin::Table head-->
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="min-w-100px"></th>
|
||||
<th class="min-w-100px text-end pe-0"></th>
|
||||
<th class="text-end min-w-50px"></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<!--end::Table head-->
|
||||
<!--begin::Table body-->
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>
|
||||
<a href="#" class="text-gray-600 fw-bold fs-6">2:30 PM</a>
|
||||
</td>
|
||||
<td class="pe-0 text-end">
|
||||
<span class="text-gray-800 fw-bold fs-6 me-1">$2,756.26</span>
|
||||
</td>
|
||||
<td class="pe-0 text-end">
|
||||
<span class="fw-bold fs-6 text-danger">-139.34</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<a href="#" class="text-gray-600 fw-bold fs-6">3:10 PM</a>
|
||||
</td>
|
||||
<td class="pe-0 text-end">
|
||||
<span class="text-gray-800 fw-bold fs-6 me-1">$3,207.03</span>
|
||||
</td>
|
||||
<td class="pe-0 text-end">
|
||||
<span class="fw-bold fs-6 text-success">+576.24</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<a href="#" class="text-gray-600 fw-bold fs-6">3:55 PM</a>
|
||||
</td>
|
||||
<td class="pe-0 text-end">
|
||||
<span class="text-gray-800 fw-bold fs-6 me-1">$3,274.94</span>
|
||||
</td>
|
||||
<td class="pe-0 text-end">
|
||||
<span class="fw-bold fs-6 text-success">+124.03</span>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<!--end::Table body-->
|
||||
</table>
|
||||
<!--end::Table-->
|
||||
</div>
|
||||
<!--end::Table container-->
|
||||
</div>
|
||||
<!--end::Tap pane-->
|
||||
<!--begin::Tap pane-->
|
||||
<div class="tab-pane fade" id="kt_charts_widget_35_tab_content_2">
|
||||
<!--begin::Chart-->
|
||||
<div id="kt_charts_widget_35_chart_2" data-kt-chart-color="primary" class="min-h-auto h-200px ps-3 pe-6"></div>
|
||||
<!--end::Chart-->
|
||||
<!--begin::Table container-->
|
||||
<div class="table-responsive mx-9 mt-n6">
|
||||
<!--begin::Table-->
|
||||
<table class="table align-middle gs-0 gy-4">
|
||||
<!--begin::Table head-->
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="min-w-100px"></th>
|
||||
<th class="min-w-100px text-end pe-0"></th>
|
||||
<th class="text-end min-w-50px"></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<!--end::Table head-->
|
||||
<!--begin::Table body-->
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>
|
||||
<a href="#" class="text-gray-600 fw-bold fs-6">4:30 PM</a>
|
||||
</td>
|
||||
<td class="pe-0 text-end">
|
||||
<span class="text-gray-800 fw-bold fs-6 me-1">$2,345.45</span>
|
||||
</td>
|
||||
<td class="pe-0 text-end">
|
||||
<span class="fw-bold fs-6 text-success">+134.02</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<a href="#" class="text-gray-600 fw-bold fs-6">11:35 AM</a>
|
||||
</td>
|
||||
<td class="pe-0 text-end">
|
||||
<span class="text-gray-800 fw-bold fs-6 me-1">$756.26</span>
|
||||
</td>
|
||||
<td class="pe-0 text-end">
|
||||
<span class="fw-bold fs-6 text-primary">-124.03</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<a href="#" class="text-gray-600 fw-bold fs-6">3:30 PM</a>
|
||||
</td>
|
||||
<td class="pe-0 text-end">
|
||||
<span class="text-gray-800 fw-bold fs-6 me-1">$1,756.26</span>
|
||||
</td>
|
||||
<td class="pe-0 text-end">
|
||||
<span class="fw-bold fs-6 text-danger">+144.04</span>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<!--end::Table body-->
|
||||
</table>
|
||||
<!--end::Table-->
|
||||
</div>
|
||||
<!--end::Table container-->
|
||||
</div>
|
||||
<!--end::Tap pane-->
|
||||
<!--begin::Tap pane-->
|
||||
<div class="tab-pane fade" id="kt_charts_widget_35_tab_content_3">
|
||||
<!--begin::Chart-->
|
||||
<div id="kt_charts_widget_35_chart_3" data-kt-chart-color="primary" class="min-h-auto h-200px ps-3 pe-6"></div>
|
||||
<!--end::Chart-->
|
||||
<!--begin::Table container-->
|
||||
<div class="table-responsive mx-9 mt-n6">
|
||||
<!--begin::Table-->
|
||||
<table class="table align-middle gs-0 gy-4">
|
||||
<!--begin::Table head-->
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="min-w-100px"></th>
|
||||
<th class="min-w-100px text-end pe-0"></th>
|
||||
<th class="text-end min-w-50px"></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<!--end::Table head-->
|
||||
<!--begin::Table body-->
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>
|
||||
<a href="#" class="text-gray-600 fw-bold fs-6">3:20 AM</a>
|
||||
</td>
|
||||
<td class="pe-0 text-end">
|
||||
<span class="text-gray-800 fw-bold fs-6 me-1">$3,756.26</span>
|
||||
</td>
|
||||
<td class="pe-0 text-end">
|
||||
<span class="fw-bold fs-6 text-primary">+185.03</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<a href="#" class="text-gray-600 fw-bold fs-6">12:30 AM</a>
|
||||
</td>
|
||||
<td class="pe-0 text-end">
|
||||
<span class="text-gray-800 fw-bold fs-6 me-1">$2,756.26</span>
|
||||
</td>
|
||||
<td class="pe-0 text-end">
|
||||
<span class="fw-bold fs-6 text-danger">+124.03</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<a href="#" class="text-gray-600 fw-bold fs-6">4:30 PM</a>
|
||||
</td>
|
||||
<td class="pe-0 text-end">
|
||||
<span class="text-gray-800 fw-bold fs-6 me-1">$756.26</span>
|
||||
</td>
|
||||
<td class="pe-0 text-end">
|
||||
<span class="fw-bold fs-6 text-success">-154.03</span>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<!--end::Table body-->
|
||||
</table>
|
||||
<!--end::Table-->
|
||||
</div>
|
||||
<!--end::Table container-->
|
||||
</div>
|
||||
<!--end::Tap pane-->
|
||||
<!--begin::Tap pane-->
|
||||
<div class="tab-pane fade" id="kt_charts_widget_35_tab_content_4">
|
||||
<!--begin::Chart-->
|
||||
<div id="kt_charts_widget_35_chart_4" data-kt-chart-color="primary" class="min-h-auto h-200px ps-3 pe-6"></div>
|
||||
<!--end::Chart-->
|
||||
<!--begin::Table container-->
|
||||
<div class="table-responsive mx-9 mt-n6">
|
||||
<!--begin::Table-->
|
||||
<table class="table align-middle gs-0 gy-4">
|
||||
<!--begin::Table head-->
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="min-w-100px"></th>
|
||||
<th class="min-w-100px text-end pe-0"></th>
|
||||
<th class="text-end min-w-50px"></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<!--end::Table head-->
|
||||
<!--begin::Table body-->
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>
|
||||
<a href="#" class="text-gray-600 fw-bold fs-6">2:30 PM</a>
|
||||
</td>
|
||||
<td class="pe-0 text-end">
|
||||
<span class="text-gray-800 fw-bold fs-6 me-1">$2,756.26</span>
|
||||
</td>
|
||||
<td class="pe-0 text-end">
|
||||
<span class="fw-bold fs-6 text-warning">+124.03</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<a href="#" class="text-gray-600 fw-bold fs-6">5:30 AM</a>
|
||||
</td>
|
||||
<td class="pe-0 text-end">
|
||||
<span class="text-gray-800 fw-bold fs-6 me-1">$1,756.26</span>
|
||||
</td>
|
||||
<td class="pe-0 text-end">
|
||||
<span class="fw-bold fs-6 text-info">+144.65</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<a href="#" class="text-gray-600 fw-bold fs-6">4:30 PM</a>
|
||||
</td>
|
||||
<td class="pe-0 text-end">
|
||||
<span class="text-gray-800 fw-bold fs-6 me-1">$2,085.25</span>
|
||||
</td>
|
||||
<td class="pe-0 text-end">
|
||||
<span class="fw-bold fs-6 text-primary">+154.06</span>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<!--end::Table body-->
|
||||
</table>
|
||||
<!--end::Table-->
|
||||
</div>
|
||||
<!--end::Table container-->
|
||||
</div>
|
||||
<!--end::Tap pane-->
|
||||
<!--begin::Tap pane-->
|
||||
<div class="tab-pane fade" id="kt_charts_widget_35_tab_content_5">
|
||||
<!--begin::Chart-->
|
||||
<div id="kt_charts_widget_35_chart_5" data-kt-chart-color="primary" class="min-h-auto h-200px ps-3 pe-6"></div>
|
||||
<!--end::Chart-->
|
||||
<!--begin::Table container-->
|
||||
<div class="table-responsive mx-9 mt-n6">
|
||||
<!--begin::Table-->
|
||||
<table class="table align-middle gs-0 gy-4">
|
||||
<!--begin::Table head-->
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="min-w-100px"></th>
|
||||
<th class="min-w-100px text-end pe-0"></th>
|
||||
<th class="text-end min-w-50px"></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<!--end::Table head-->
|
||||
<!--begin::Table body-->
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>
|
||||
<a href="#" class="text-gray-600 fw-bold fs-6">2:30 PM</a>
|
||||
</td>
|
||||
<td class="pe-0 text-end">
|
||||
<span class="text-gray-800 fw-bold fs-6 me-1">$2,045.04</span>
|
||||
</td>
|
||||
<td class="pe-0 text-end">
|
||||
<span class="fw-bold fs-6 text-warning">+114.03</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<a href="#" class="text-gray-600 fw-bold fs-6">3:30 AM</a>
|
||||
</td>
|
||||
<td class="pe-0 text-end">
|
||||
<span class="text-gray-800 fw-bold fs-6 me-1">$756.26</span>
|
||||
</td>
|
||||
<td class="pe-0 text-end">
|
||||
<span class="fw-bold fs-6 text-primary">-124.03</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<a href="#" class="text-gray-600 fw-bold fs-6">10:30 PM</a>
|
||||
</td>
|
||||
<td class="pe-0 text-end">
|
||||
<span class="text-gray-800 fw-bold fs-6 me-1">$1.756.26</span>
|
||||
</td>
|
||||
<td class="pe-0 text-end">
|
||||
<span class="fw-bold fs-6 text-info">+165.86</span>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<!--end::Table body-->
|
||||
</table>
|
||||
<!--end::Table-->
|
||||
</div>
|
||||
<!--end::Table container-->
|
||||
</div>
|
||||
<!--end::Tap pane-->
|
||||
</div>
|
||||
<!--end::Tab Content-->
|
||||
</div>
|
||||
<!--end::Body-->
|
||||
</div>
|
||||
<!--end::Chart Widget 35-->
|
||||
32
resources/views/partials/widgets/charts/_widget-36.blade.php
Normal file
32
resources/views/partials/widgets/charts/_widget-36.blade.php
Normal file
@ -0,0 +1,32 @@
|
||||
<!--begin::Chart widget 36-->
|
||||
<div class="card card-flush overflow-hidden h-lg-100">
|
||||
<!--begin::Header-->
|
||||
<div class="card-header pt-5">
|
||||
<!--begin::Title-->
|
||||
<h3 class="card-title align-items-start flex-column">
|
||||
<span class="card-label fw-bold text-dark">Performance</span>
|
||||
<span class="text-gray-400 mt-1 fw-semibold fs-6">1,046 Inbound Calls today</span>
|
||||
</h3>
|
||||
<!--end::Title-->
|
||||
<!--begin::Toolbar-->
|
||||
<div class="card-toolbar">
|
||||
<!--begin::Daterangepicker(defined in src/js/layout/app.js)-->
|
||||
<div data-kt-daterangepicker="true" data-kt-daterangepicker-opens="left" data-kt-daterangepicker-range="today" class="btn btn-sm btn-light d-flex align-items-center px-4">
|
||||
<!--begin::Display range-->
|
||||
<div class="text-gray-600 fw-bold">Loading date range...</div>
|
||||
<!--end::Display range-->
|
||||
{!! getIcon('calendar-8', 'fs-1 ms-2 me-0') !!}</div>
|
||||
<!--end::Daterangepicker-->
|
||||
</div>
|
||||
<!--end::Toolbar-->
|
||||
</div>
|
||||
<!--end::Header-->
|
||||
<!--begin::Card body-->
|
||||
<div class="card-body d-flex align-items-end p-0">
|
||||
<!--begin::Chart-->
|
||||
<div id="kt_charts_widget_36" class="min-h-auto w-100 ps-4 pe-6" style="height: 300px"></div>
|
||||
<!--end::Chart-->
|
||||
</div>
|
||||
<!--end::Card body-->
|
||||
</div>
|
||||
<!--end::Chart widget 36-->
|
||||
228
resources/views/partials/widgets/charts/_widget-8.blade.php
Normal file
228
resources/views/partials/widgets/charts/_widget-8.blade.php
Normal file
@ -0,0 +1,228 @@
|
||||
<!--begin::Chart widget 8-->
|
||||
<div class="card card-flush h-xl-100">
|
||||
<!--begin::Header-->
|
||||
<div class="card-header pt-5">
|
||||
<!--begin::Title-->
|
||||
<h3 class="card-title align-items-start flex-column">
|
||||
<span class="card-label fw-bold text-dark">Performance Overview</span>
|
||||
<span class="text-gray-400 mt-1 fw-semibold fs-6">Users from all channels</span>
|
||||
</h3>
|
||||
<!--end::Title-->
|
||||
<!--begin::Toolbar-->
|
||||
<div class="card-toolbar">
|
||||
<ul class="nav" id="kt_chart_widget_8_tabs">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link btn btn-sm btn-color-muted btn-active btn-active-light fw-bold px-4 me-1" data-bs-toggle="tab" id="kt_chart_widget_8_week_toggle" href="#kt_chart_widget_8_week_tab">Month</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link btn btn-sm btn-color-muted btn-active btn-active-light fw-bold px-4 me-1 active" data-bs-toggle="tab" id="kt_chart_widget_8_month_toggle" href="#kt_chart_widget_8_month_tab">Week</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!--end::Toolbar-->
|
||||
</div>
|
||||
<!--end::Header-->
|
||||
<!--begin::Body-->
|
||||
<div class="card-body pt-6">
|
||||
<!--begin::Tab content-->
|
||||
<div class="tab-content">
|
||||
<!--begin::Tab pane-->
|
||||
<div class="tab-pane fade" id="kt_chart_widget_8_week_tab" role="tabpanel">
|
||||
<!--begin::Statistics-->
|
||||
<div class="mb-5">
|
||||
<!--begin::Statistics-->
|
||||
<div class="d-flex align-items-center mb-2">
|
||||
<span class="fs-1 fw-semibold text-gray-400 me-1 mt-n1">$</span>
|
||||
<span class="fs-3x fw-bold text-gray-800 me-2 lh-1 ls-n2">18,89</span>
|
||||
<span class="badge badge-light-success fs-base">{!! getIcon('arrow-up', 'fs-5 text-success ms-n1') !!} 4,8%</span>
|
||||
</div>
|
||||
<!--end::Statistics-->
|
||||
<!--begin::Description-->
|
||||
<span class="fs-6 fw-semibold text-gray-400">Avarage cost per interaction</span>
|
||||
<!--end::Description-->
|
||||
</div>
|
||||
<!--end::Statistics-->
|
||||
<!--begin::Chart-->
|
||||
<div id="kt_chart_widget_8_week_chart" class="ms-n5 min-h-auto" style="height: 275px"></div>
|
||||
<!--end::Chart-->
|
||||
<!--begin::Items-->
|
||||
<div class="d-flex flex-wrap pt-5">
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex flex-column me-7 me-lg-16 pt-sm-3 pt-6">
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex align-items-center mb-3 mb-sm-6">
|
||||
<!--begin::Bullet-->
|
||||
<span class="bullet bullet-dot bg-primary me-2 h-10px w-10px"></span>
|
||||
<!--end::Bullet-->
|
||||
<!--begin::Label-->
|
||||
<span class="fw-bold text-gray-600 fs-6">Social Campaigns</span>
|
||||
<!--end::Label-->
|
||||
</div>
|
||||
<!--ed::Item-->
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Bullet-->
|
||||
<span class="bullet bullet-dot bg-danger me-2 h-10px w-10px"></span>
|
||||
<!--end::Bullet-->
|
||||
<!--begin::Label-->
|
||||
<span class="fw-bold text-<gray-600 fs-6">Google Ads</span>
|
||||
<!--end::Label-->
|
||||
</div>
|
||||
<!--ed::Item-->
|
||||
</div>
|
||||
<!--ed::Item-->
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex flex-column me-7 me-lg-16 pt-sm-3 pt-6">
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex align-items-center mb-3 mb-sm-6">
|
||||
<!--begin::Bullet-->
|
||||
<span class="bullet bullet-dot bg-success me-2 h-10px w-10px"></span>
|
||||
<!--end::Bullet-->
|
||||
<!--begin::Label-->
|
||||
<span class="fw-bold text-gray-600 fs-6">Email Newsletter</span>
|
||||
<!--end::Label-->
|
||||
</div>
|
||||
<!--ed::Item-->
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Bullet-->
|
||||
<span class="bullet bullet-dot bg-warning me-2 h-10px w-10px"></span>
|
||||
<!--end::Bullet-->
|
||||
<!--begin::Label-->
|
||||
<span class="fw-bold text-gray-600 fs-6">Courses</span>
|
||||
<!--end::Label-->
|
||||
</div>
|
||||
<!--ed::Item-->
|
||||
</div>
|
||||
<!--ed::Item-->
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex flex-column pt-sm-3 pt-6">
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex align-items-center mb-3 mb-sm-6">
|
||||
<!--begin::Bullet-->
|
||||
<span class="bullet bullet-dot bg-info me-2 h-10px w-10px"></span>
|
||||
<!--end::Bullet-->
|
||||
<!--begin::Label-->
|
||||
<span class="fw-bold text-gray-600 fs-6">TV Campaign</span>
|
||||
<!--end::Label-->
|
||||
</div>
|
||||
<!--ed::Item-->
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Bullet-->
|
||||
<span class="bullet bullet-dot bg-success me-2 h-10px w-10px"></span>
|
||||
<!--end::Bullet-->
|
||||
<!--begin::Label-->
|
||||
<span class="fw-bold text-gray-600 fs-6">Radio</span>
|
||||
<!--end::Label-->
|
||||
</div>
|
||||
<!--ed::Item-->
|
||||
</div>
|
||||
<!--ed::Item-->
|
||||
</div>
|
||||
<!--ed::Items-->
|
||||
</div>
|
||||
<!--end::Tab pane-->
|
||||
<!--begin::Tab pane-->
|
||||
<div class="tab-pane fade active show" id="kt_chart_widget_8_month_tab" role="tabpanel">
|
||||
<!--begin::Statistics-->
|
||||
<div class="mb-5">
|
||||
<!--begin::Statistics-->
|
||||
<div class="d-flex align-items-center mb-2">
|
||||
<span class="fs-1 fw-semibold text-gray-400 me-1 mt-n1">$</span>
|
||||
<span class="fs-3x fw-bold text-gray-800 me-2 lh-1 ls-n2">8,55</span>
|
||||
<span class="badge badge-light-success fs-base">{!! getIcon('arrow-up', 'fs-5 text-success ms-n1') !!} 2.2%</span>
|
||||
</div>
|
||||
<!--end::Statistics-->
|
||||
<!--begin::Description-->
|
||||
<span class="fs-6 fw-semibold text-gray-400">Avarage cost per interaction</span>
|
||||
<!--end::Description-->
|
||||
</div>
|
||||
<!--end::Statistics-->
|
||||
<!--begin::Chart-->
|
||||
<div id="kt_chart_widget_8_month_chart" class="ms-n5 min-h-auto" style="height: 275px"></div>
|
||||
<!--end::Chart-->
|
||||
<!--begin::Items-->
|
||||
<div class="d-flex flex-wrap pt-5">
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex flex-column me-7 me-lg-16 pt-sm-3 pt-6">
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex align-items-center mb-3 mb-sm-6">
|
||||
<!--begin::Bullet-->
|
||||
<span class="bullet bullet-dot bg-primary me-2 h-10px w-10px"></span>
|
||||
<!--end::Bullet-->
|
||||
<!--begin::Label-->
|
||||
<span class="fw-bold text-gray-600 fs-6">Social Campaigns</span>
|
||||
<!--end::Label-->
|
||||
</div>
|
||||
<!--ed::Item-->
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Bullet-->
|
||||
<span class="bullet bullet-dot bg-danger me-2 h-10px w-10px"></span>
|
||||
<!--end::Bullet-->
|
||||
<!--begin::Label-->
|
||||
<span class="fw-bold text-gray-600 fs-6">Google Ads</span>
|
||||
<!--end::Label-->
|
||||
</div>
|
||||
<!--ed::Item-->
|
||||
</div>
|
||||
<!--ed::Item-->
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex flex-column me-7 me-lg-16 pt-sm-3 pt-6">
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex align-items-center mb-3 mb-sm-6">
|
||||
<!--begin::Bullet-->
|
||||
<span class="bullet bullet-dot bg-success me-2 h-10px w-10px"></span>
|
||||
<!--end::Bullet-->
|
||||
<!--begin::Label-->
|
||||
<span class="fw-bold text-gray-600 fs-6">Email Newsletter</span>
|
||||
<!--end::Label-->
|
||||
</div>
|
||||
<!--ed::Item-->
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Bullet-->
|
||||
<span class="bullet bullet-dot bg-warning me-2 h-10px w-10px"></span>
|
||||
<!--end::Bullet-->
|
||||
<!--begin::Label-->
|
||||
<span class="fw-bold text-gray-600 fs-6">Courses</span>
|
||||
<!--end::Label-->
|
||||
</div>
|
||||
<!--ed::Item-->
|
||||
</div>
|
||||
<!--ed::Item-->
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex flex-column pt-sm-3 pt-6">
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex align-items-center mb-3 mb-sm-6">
|
||||
<!--begin::Bullet-->
|
||||
<span class="bullet bullet-dot bg-info me-2 h-10px w-10px"></span>
|
||||
<!--end::Bullet-->
|
||||
<!--begin::Label-->
|
||||
<span class="fw-bold text-gray-600 fs-6">TV Campaign</span>
|
||||
<!--end::Label-->
|
||||
</div>
|
||||
<!--ed::Item-->
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Bullet-->
|
||||
<span class="bullet bullet-dot bg-success me-2 h-10px w-10px"></span>
|
||||
<!--end::Bullet-->
|
||||
<!--begin::Label-->
|
||||
<span class="fw-bold text-gray-600 fs-6">Radio</span>
|
||||
<!--end::Label-->
|
||||
</div>
|
||||
<!--ed::Item-->
|
||||
</div>
|
||||
<!--ed::Item-->
|
||||
</div>
|
||||
<!--ed::Items-->
|
||||
</div>
|
||||
<!--end::Tab pane-->
|
||||
</div>
|
||||
<!--end::Tab content-->
|
||||
</div>
|
||||
<!--end::Body-->
|
||||
</div>
|
||||
<!--end::Chart widget 8-->
|
||||
32
resources/views/partials/widgets/engage/_widget-10.blade.php
Normal file
32
resources/views/partials/widgets/engage/_widget-10.blade.php
Normal file
@ -0,0 +1,32 @@
|
||||
<!--begin::Engage widget 10-->
|
||||
<div class="card card-flush h-md-100">
|
||||
<!--begin::Body-->
|
||||
<div class="card-body d-flex flex-column justify-content-between mt-9 bgi-no-repeat bgi-size-cover bgi-position-x-center pb-0" style="background-position: 100% 50%; background-image:url('assets/media/stock/900x600/42.png')">
|
||||
<!--begin::Wrapper-->
|
||||
<div class="mb-10">
|
||||
<!--begin::Title-->
|
||||
<div class="fs-2hx fw-bold text-gray-800 text-center mb-13">
|
||||
<span class="me-2">Try our all new Enviroment with
|
||||
<br />
|
||||
<span class="position-relative d-inline-block text-danger">
|
||||
<a href="#" class="text-danger opacity-75-hover">Pro Plan</a>
|
||||
<!--begin::Separator-->
|
||||
<span class="position-absolute opacity-15 bottom-0 start-0 border-4 border-danger border-bottom w-100"></span>
|
||||
<!--end::Separator-->
|
||||
</span></span>for Free</div>
|
||||
<!--end::Title-->
|
||||
<!--begin::Action-->
|
||||
<div class="text-center">
|
||||
<a href='#' class="btn btn-sm btn-dark fw-bold" data-bs-toggle="modal" data-bs-target="#kt_modal_upgrade_plan">Upgrade Now</a>
|
||||
</div>
|
||||
<!--begin::Action-->
|
||||
</div>
|
||||
<!--begin::Wrapper-->
|
||||
<!--begin::Illustration-->
|
||||
<img class="mx-auto h-150px h-lg-200px theme-light-show" src="assets/media/illustrations/misc/upgrade.svg" alt="" />
|
||||
<img class="mx-auto h-150px h-lg-200px theme-dark-show" src="assets/media/illustrations/misc/upgrade-dark.svg" alt="" />
|
||||
<!--end::Illustration-->
|
||||
</div>
|
||||
<!--end::Body-->
|
||||
</div>
|
||||
<!--end::Engage widget 10-->
|
||||
124
resources/views/partials/widgets/lists/_widget-26.blade.php
Normal file
124
resources/views/partials/widgets/lists/_widget-26.blade.php
Normal file
@ -0,0 +1,124 @@
|
||||
<!--begin::List widget 26-->
|
||||
<div class="card card-flush h-lg-50">
|
||||
<!--begin::Header-->
|
||||
<div class="card-header pt-5">
|
||||
<!--begin::Title-->
|
||||
<h3 class="card-title text-gray-800 fw-bold">External Links</h3>
|
||||
<!--end::Title-->
|
||||
<!--begin::Toolbar-->
|
||||
<div class="card-toolbar">
|
||||
<!--begin::Menu-->
|
||||
<button class="btn btn-icon btn-color-gray-400 btn-active-color-primary justify-content-end" data-kt-menu-trigger="click" data-kt-menu-placement="bottom-end" data-kt-menu-overflow="true">{!! getIcon('dots-square', 'fs-1 text-gray-300 me-n1') !!}</button>
|
||||
<!--begin::Menu 2-->
|
||||
<div class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-800 menu-state-bg-light-primary fw-semibold w-200px" data-kt-menu="true">
|
||||
<!--begin::Menu item-->
|
||||
<div class="menu-item px-3">
|
||||
<div class="menu-content fs-6 text-dark fw-bold px-3 py-4">Quick Actions</div>
|
||||
</div>
|
||||
<!--end::Menu item-->
|
||||
<!--begin::Menu separator-->
|
||||
<div class="separator mb-3 opacity-75"></div>
|
||||
<!--end::Menu separator-->
|
||||
<!--begin::Menu item-->
|
||||
<div class="menu-item px-3">
|
||||
<a href="#" class="menu-link px-3">New Ticket</a>
|
||||
</div>
|
||||
<!--end::Menu item-->
|
||||
<!--begin::Menu item-->
|
||||
<div class="menu-item px-3">
|
||||
<a href="#" class="menu-link px-3">New Customer</a>
|
||||
</div>
|
||||
<!--end::Menu item-->
|
||||
<!--begin::Menu item-->
|
||||
<div class="menu-item px-3" data-kt-menu-trigger="hover" data-kt-menu-placement="right-start">
|
||||
<!--begin::Menu item-->
|
||||
<a href="#" class="menu-link px-3">
|
||||
<span class="menu-title">New Group</span>
|
||||
<span class="menu-arrow"></span>
|
||||
</a>
|
||||
<!--end::Menu item-->
|
||||
<!--begin::Menu sub-->
|
||||
<div class="menu-sub menu-sub-dropdown w-175px py-4">
|
||||
<!--begin::Menu item-->
|
||||
<div class="menu-item px-3">
|
||||
<a href="#" class="menu-link px-3">Admin Group</a>
|
||||
</div>
|
||||
<!--end::Menu item-->
|
||||
<!--begin::Menu item-->
|
||||
<div class="menu-item px-3">
|
||||
<a href="#" class="menu-link px-3">Staff Group</a>
|
||||
</div>
|
||||
<!--end::Menu item-->
|
||||
<!--begin::Menu item-->
|
||||
<div class="menu-item px-3">
|
||||
<a href="#" class="menu-link px-3">Member Group</a>
|
||||
</div>
|
||||
<!--end::Menu item-->
|
||||
</div>
|
||||
<!--end::Menu sub-->
|
||||
</div>
|
||||
<!--end::Menu item-->
|
||||
<!--begin::Menu item-->
|
||||
<div class="menu-item px-3">
|
||||
<a href="#" class="menu-link px-3">New Contact</a>
|
||||
</div>
|
||||
<!--end::Menu item-->
|
||||
<!--begin::Menu separator-->
|
||||
<div class="separator mt-3 opacity-75"></div>
|
||||
<!--end::Menu separator-->
|
||||
<!--begin::Menu item-->
|
||||
<div class="menu-item px-3">
|
||||
<div class="menu-content px-3 py-3">
|
||||
<a class="btn btn-primary btn-sm px-4" href="#">Generate Reports</a>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Menu item-->
|
||||
</div>
|
||||
<!--end::Menu 2-->
|
||||
<!--end::Menu-->
|
||||
</div>
|
||||
<!--end::Toolbar-->
|
||||
</div>
|
||||
<!--end::Header-->
|
||||
<!--begin::Body-->
|
||||
<div class="card-body pt-5">
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex flex-stack">
|
||||
<!--begin::Section-->
|
||||
<a href="#" class="text-primary fw-semibold fs-6 me-2">Avg. Client Rating</a>
|
||||
<!--end::Section-->
|
||||
<!--begin::Action-->
|
||||
<button type="button" class="btn btn-icon btn-sm h-auto btn-color-gray-400 btn-active-color-primary justify-content-end">{!! getIcon('exit-right-corner', 'fs-2') !!}</button>
|
||||
<!--end::Action-->
|
||||
</div>
|
||||
<!--end::Item-->
|
||||
<!--begin::Separator-->
|
||||
<div class="separator separator-dashed my-3"></div>
|
||||
<!--end::Separator-->
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex flex-stack">
|
||||
<!--begin::Section-->
|
||||
<a href="#" class="text-primary fw-semibold fs-6 me-2">Instagram Followers</a>
|
||||
<!--end::Section-->
|
||||
<!--begin::Action-->
|
||||
<button type="button" class="btn btn-icon btn-sm h-auto btn-color-gray-400 btn-active-color-primary justify-content-end">{!! getIcon('exit-right-corner', 'fs-2') !!}</button>
|
||||
<!--end::Action-->
|
||||
</div>
|
||||
<!--end::Item-->
|
||||
<!--begin::Separator-->
|
||||
<div class="separator separator-dashed my-3"></div>
|
||||
<!--end::Separator-->
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex flex-stack">
|
||||
<!--begin::Section-->
|
||||
<a href="#" class="text-primary fw-semibold fs-6 me-2">Google Ads CPC</a>
|
||||
<!--end::Section-->
|
||||
<!--begin::Action-->
|
||||
<button type="button" class="btn btn-icon btn-sm h-auto btn-color-gray-400 btn-active-color-primary justify-content-end">{!! getIcon('exit-right-corner', 'fs-2') !!}</button>
|
||||
<!--end::Action-->
|
||||
</div>
|
||||
<!--end::Item-->
|
||||
</div>
|
||||
<!--end::Body-->
|
||||
</div>
|
||||
<!--end::LIst widget 26-->
|
||||
238
resources/views/partials/widgets/lists/_widget-7.blade.php
Normal file
238
resources/views/partials/widgets/lists/_widget-7.blade.php
Normal file
@ -0,0 +1,238 @@
|
||||
<!--begin::List widget 7-->
|
||||
<div class="card card-flush h-md-100">
|
||||
<!--begin::Header-->
|
||||
<div class="card-header py-7">
|
||||
<!--begin::Statistics-->
|
||||
<div class="m-0">
|
||||
<!--begin::Heading-->
|
||||
<div class="d-flex align-items-center mb-2">
|
||||
<!--begin::Title-->
|
||||
<span class="fs-2hx fw-bold text-gray-800 me-2 lh-1 ls-n2">0.37%</span>
|
||||
<!--end::Title-->
|
||||
<!--begin::Badge-->
|
||||
<span class="badge badge-light-danger fs-base">{!! getIcon('arrow-up', 'fs-5 text-danger ms-n1') !!} 8.02%</span>
|
||||
<!--end::Badge-->
|
||||
</div>
|
||||
<!--end::Heading-->
|
||||
<!--begin::Description-->
|
||||
<span class="fs-6 fw-semibold text-gray-400">Online store convertion rate</span>
|
||||
<!--end::Description-->
|
||||
</div>
|
||||
<!--end::Statistics-->
|
||||
<!--begin::Toolbar-->
|
||||
<div class="card-toolbar">
|
||||
<!--begin::Menu-->
|
||||
<button class="btn btn-icon btn-color-gray-400 btn-active-color-primary justify-content-end" data-kt-menu-trigger="click" data-kt-menu-placement="bottom-end" data-kt-menu-overflow="true">{!! getIcon('dots-square', 'fs-1 text-gray-300 me-n1') !!}</button>
|
||||
@include('partials/menus/_menu-2')
|
||||
<!--end::Menu-->
|
||||
</div>
|
||||
<!--end::Toolbar-->
|
||||
</div>
|
||||
<!--end::Header-->
|
||||
<!--begin::Body-->
|
||||
<div class="card-body pt-0">
|
||||
<!--begin::Items-->
|
||||
<div class="mb-0">
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex flex-stack">
|
||||
<!--begin::Section-->
|
||||
<div class="d-flex align-items-center me-5">
|
||||
<!--begin::Symbol-->
|
||||
<div class="symbol symbol-30px me-5">
|
||||
<span class="symbol-label">{!! getIcon('magnifier', 'fs-3 text-gray-600') !!}</span>
|
||||
</div>
|
||||
<!--end::Symbol-->
|
||||
<!--begin::Content-->
|
||||
<div class="me-5">
|
||||
<!--begin::Title-->
|
||||
<a href="#" class="text-gray-800 fw-bold text-hover-primary fs-6">Search Retargeting</a>
|
||||
<!--end::Title-->
|
||||
<!--begin::Desc-->
|
||||
<span class="text-gray-400 fw-semibold fs-7 d-block text-start ps-0">Direct link clicks</span>
|
||||
<!--end::Desc-->
|
||||
</div>
|
||||
<!--end::Content-->
|
||||
</div>
|
||||
<!--end::Section-->
|
||||
<!--begin::Wrapper-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Number-->
|
||||
<span class="text-gray-800 fw-bold fs-6 me-3">0.24%</span>
|
||||
<!--end::Number-->
|
||||
<!--begin::Info-->
|
||||
<div class="d-flex flex-center">
|
||||
<!--begin::label-->
|
||||
<span class="badge badge-light-success fs-base">{!! getIcon('arrow-up', 'fs-5 text-success ms-n1') !!} 2.4%</span>
|
||||
<!--end::label-->
|
||||
</div>
|
||||
<!--end::Info-->
|
||||
</div>
|
||||
<!--end::Wrapper-->
|
||||
</div>
|
||||
<!--end::Item-->
|
||||
<!--begin::Separator-->
|
||||
<div class="separator separator-dashed my-3"></div>
|
||||
<!--end::Separator-->
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex flex-stack">
|
||||
<!--begin::Section-->
|
||||
<div class="d-flex align-items-center me-5">
|
||||
<!--begin::Symbol-->
|
||||
<div class="symbol symbol-30px me-5">
|
||||
<span class="symbol-label">{!! getIcon('tiktok', 'fs-3 text-gray-600') !!}</span>
|
||||
</div>
|
||||
<!--end::Symbol-->
|
||||
<!--begin::Content-->
|
||||
<div class="me-5">
|
||||
<!--begin::Title-->
|
||||
<a href="#" class="text-gray-800 fw-bold text-hover-primary fs-6">Social Retargeting</a>
|
||||
<!--end::Title-->
|
||||
<!--begin::Desc-->
|
||||
<span class="text-gray-400 fw-semibold fs-7 d-block text-start ps-0">Direct link clicks</span>
|
||||
<!--end::Desc-->
|
||||
</div>
|
||||
<!--end::Content-->
|
||||
</div>
|
||||
<!--end::Section-->
|
||||
<!--begin::Wrapper-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Number-->
|
||||
<span class="text-gray-800 fw-bold fs-6 me-3">0.94%</span>
|
||||
<!--end::Number-->
|
||||
<!--begin::Info-->
|
||||
<div class="d-flex flex-center">
|
||||
<!--begin::label-->
|
||||
<span class="badge badge-light-danger fs-base">{!! getIcon('arrow-down', 'fs-5 text-danger ms-n1') !!} 9.4%</span>
|
||||
<!--end::label-->
|
||||
</div>
|
||||
<!--end::Info-->
|
||||
</div>
|
||||
<!--end::Wrapper-->
|
||||
</div>
|
||||
<!--end::Item-->
|
||||
<!--begin::Separator-->
|
||||
<div class="separator separator-dashed my-3"></div>
|
||||
<!--end::Separator-->
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex flex-stack">
|
||||
<!--begin::Section-->
|
||||
<div class="d-flex align-items-center me-5">
|
||||
<!--begin::Symbol-->
|
||||
<div class="symbol symbol-30px me-5">
|
||||
<span class="symbol-label">{!! getIcon('sms', 'fs-3 text-gray-600') !!}</span>
|
||||
</div>
|
||||
<!--end::Symbol-->
|
||||
<!--begin::Content-->
|
||||
<div class="me-5">
|
||||
<!--begin::Title-->
|
||||
<a href="#" class="text-gray-800 fw-bold text-hover-primary fs-6">Email Retargeting</a>
|
||||
<!--end::Title-->
|
||||
<!--begin::Desc-->
|
||||
<span class="text-gray-400 fw-semibold fs-7 d-block text-start ps-0">Direct link clicks</span>
|
||||
<!--end::Desc-->
|
||||
</div>
|
||||
<!--end::Content-->
|
||||
</div>
|
||||
<!--end::Section-->
|
||||
<!--begin::Wrapper-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Number-->
|
||||
<span class="text-gray-800 fw-bold fs-6 me-3">1.23%</span>
|
||||
<!--end::Number-->
|
||||
<!--begin::Info-->
|
||||
<div class="d-flex flex-center">
|
||||
<!--begin::label-->
|
||||
<span class="badge badge-light-success fs-base">{!! getIcon('arrow-up', 'fs-5 text-success ms-n1') !!} 0.2%</span>
|
||||
<!--end::label-->
|
||||
</div>
|
||||
<!--end::Info-->
|
||||
</div>
|
||||
<!--end::Wrapper-->
|
||||
</div>
|
||||
<!--end::Item-->
|
||||
<!--begin::Separator-->
|
||||
<div class="separator separator-dashed my-3"></div>
|
||||
<!--end::Separator-->
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex flex-stack">
|
||||
<!--begin::Section-->
|
||||
<div class="d-flex align-items-center me-5">
|
||||
<!--begin::Symbol-->
|
||||
<div class="symbol symbol-30px me-5">
|
||||
<span class="symbol-label">{!! getIcon('icon', 'fs-3 text-gray-600') !!}</span>
|
||||
</div>
|
||||
<!--end::Symbol-->
|
||||
<!--begin::Content-->
|
||||
<div class="me-5">
|
||||
<!--begin::Title-->
|
||||
<a href="#" class="text-gray-800 fw-bold text-hover-primary fs-6">Referrals Customers</a>
|
||||
<!--end::Title-->
|
||||
<!--begin::Desc-->
|
||||
<span class="text-gray-400 fw-semibold fs-7 d-block text-start ps-0">Direct link clicks</span>
|
||||
<!--end::Desc-->
|
||||
</div>
|
||||
<!--end::Content-->
|
||||
</div>
|
||||
<!--end::Section-->
|
||||
<!--begin::Wrapper-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Number-->
|
||||
<span class="text-gray-800 fw-bold fs-6 me-3">0.08%</span>
|
||||
<!--end::Number-->
|
||||
<!--begin::Info-->
|
||||
<div class="d-flex flex-center">
|
||||
<!--begin::label-->
|
||||
<span class="badge badge-light-danger fs-base">{!! getIcon('arrow-down', 'fs-5 text-danger ms-n1') !!} 0.4%</span>
|
||||
<!--end::label-->
|
||||
</div>
|
||||
<!--end::Info-->
|
||||
</div>
|
||||
<!--end::Wrapper-->
|
||||
</div>
|
||||
<!--end::Item-->
|
||||
<!--begin::Separator-->
|
||||
<div class="separator separator-dashed my-3"></div>
|
||||
<!--end::Separator-->
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex flex-stack">
|
||||
<!--begin::Section-->
|
||||
<div class="d-flex align-items-center me-5">
|
||||
<!--begin::Symbol-->
|
||||
<div class="symbol symbol-30px me-5">
|
||||
<span class="symbol-label">{!! getIcon('abstract-25', 'fs-3 text-gray-600') !!}</span>
|
||||
</div>
|
||||
<!--end::Symbol-->
|
||||
<!--begin::Content-->
|
||||
<div class="me-5">
|
||||
<!--begin::Title-->
|
||||
<a href="#" class="text-gray-800 fw-bold text-hover-primary fs-6">Other</a>
|
||||
<!--end::Title-->
|
||||
<!--begin::Desc-->
|
||||
<span class="text-gray-400 fw-semibold fs-7 d-block text-start ps-0">Direct link clicks</span>
|
||||
<!--end::Desc-->
|
||||
</div>
|
||||
<!--end::Content-->
|
||||
</div>
|
||||
<!--end::Section-->
|
||||
<!--begin::Wrapper-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Number-->
|
||||
<span class="text-gray-800 fw-bold fs-6 me-3">0.46%</span>
|
||||
<!--end::Number-->
|
||||
<!--begin::Info-->
|
||||
<div class="d-flex flex-center">
|
||||
<!--begin::label-->
|
||||
<span class="badge badge-light-success fs-base">{!! getIcon('arrow-up', 'fs-5 text-success ms-n1') !!} 8.3%</span>
|
||||
<!--end::label-->
|
||||
</div>
|
||||
<!--end::Info-->
|
||||
</div>
|
||||
<!--end::Wrapper-->
|
||||
</div>
|
||||
<!--end::Item-->
|
||||
</div>
|
||||
<!--end::Items-->
|
||||
</div>
|
||||
<!--end::Body-->
|
||||
</div>
|
||||
<!--end::List widget 7-->
|
||||
252
resources/views/partials/widgets/lists/_widget-8.blade.php
Normal file
252
resources/views/partials/widgets/lists/_widget-8.blade.php
Normal file
@ -0,0 +1,252 @@
|
||||
<!--begin::List widget 8-->
|
||||
<div class="card card-flush h-xl-100">
|
||||
<!--begin::Header-->
|
||||
<div class="card-header pt-7 mb-5">
|
||||
<!--begin::Title-->
|
||||
<h3 class="card-title align-items-start flex-column">
|
||||
<span class="card-label fw-bold text-gray-800">Visits by Country</span>
|
||||
<span class="text-gray-400 mt-1 fw-semibold fs-6">20 countries share 97% visits</span>
|
||||
</h3>
|
||||
<!--end::Title-->
|
||||
<!--begin::Toolbar-->
|
||||
<div class="card-toolbar">
|
||||
<a href="/" class="btn btn-sm btn-light">View All</a>
|
||||
</div>
|
||||
<!--end::Toolbar-->
|
||||
</div>
|
||||
<!--end::Header-->
|
||||
<!--begin::Body-->
|
||||
<div class="card-body pt-0">
|
||||
<!--begin::Items-->
|
||||
<div class="m-0">
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex flex-stack">
|
||||
<!--begin::Flag-->
|
||||
<img src="assets/media/flags/united-states.svg" class="me-4 w-25px" style="border-radius: 4px" alt="" />
|
||||
<!--end::Flag-->
|
||||
<!--begin::Section-->
|
||||
<div class="d-flex flex-stack flex-row-fluid d-grid gap-2">
|
||||
<!--begin::Content-->
|
||||
<div class="me-5">
|
||||
<!--begin::Title-->
|
||||
<a href="#" class="text-gray-800 fw-bold text-hover-primary fs-6">United States</a>
|
||||
<!--end::Title-->
|
||||
<!--begin::Desc-->
|
||||
<span class="text-gray-400 fw-semibold fs-7 d-block text-start ps-0">Direct link clicks</span>
|
||||
<!--end::Desc-->
|
||||
</div>
|
||||
<!--end::Content-->
|
||||
<!--begin::Info-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Number-->
|
||||
<span class="text-gray-800 fw-bold fs-6 me-3 d-block">9,763</span>
|
||||
<!--end::Number-->
|
||||
<!--begin::Label-->
|
||||
<div class="m-0">
|
||||
<!--begin::Label-->
|
||||
<span class="badge badge-light-success fs-base">{!! getIcon('arrow-up', 'fs-5 text-success ms-n1') !!} 2.6%</span>
|
||||
<!--end::Label-->
|
||||
</div>
|
||||
<!--end::Label-->
|
||||
</div>
|
||||
<!--end::Info-->
|
||||
</div>
|
||||
<!--end::Section-->
|
||||
</div>
|
||||
<!--end::Item-->
|
||||
<!--begin::Separator-->
|
||||
<div class="separator separator-dashed my-3"></div>
|
||||
<!--end::Separator-->
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex flex-stack">
|
||||
<!--begin::Flag-->
|
||||
<img src="assets/media/flags/brazil.svg" class="me-4 w-25px" style="border-radius: 4px" alt="" />
|
||||
<!--end::Flag-->
|
||||
<!--begin::Section-->
|
||||
<div class="d-flex flex-stack flex-row-fluid d-grid gap-2">
|
||||
<!--begin::Content-->
|
||||
<div class="me-5">
|
||||
<!--begin::Title-->
|
||||
<a href="#" class="text-gray-800 fw-bold text-hover-primary fs-6">Brasil</a>
|
||||
<!--end::Title-->
|
||||
<!--begin::Desc-->
|
||||
<span class="text-gray-400 fw-semibold fs-7 d-block text-start ps-0">All Social Channels</span>
|
||||
<!--end::Desc-->
|
||||
</div>
|
||||
<!--end::Content-->
|
||||
<!--begin::Info-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Number-->
|
||||
<span class="text-gray-800 fw-bold fs-6 me-3 d-block">4,062</span>
|
||||
<!--end::Number-->
|
||||
<!--begin::Label-->
|
||||
<div class="m-0">
|
||||
<!--begin::Label-->
|
||||
<span class="badge badge-light-danger fs-base">{!! getIcon('arrow-down', 'fs-5 text-danger ms-n1') !!} 0.4%</span>
|
||||
<!--end::Label-->
|
||||
</div>
|
||||
<!--end::Label-->
|
||||
</div>
|
||||
<!--end::Info-->
|
||||
</div>
|
||||
<!--end::Section-->
|
||||
</div>
|
||||
<!--end::Item-->
|
||||
<!--begin::Separator-->
|
||||
<div class="separator separator-dashed my-3"></div>
|
||||
<!--end::Separator-->
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex flex-stack">
|
||||
<!--begin::Flag-->
|
||||
<img src="assets/media/flags/turkey.svg" class="me-4 w-25px" style="border-radius: 4px" alt="" />
|
||||
<!--end::Flag-->
|
||||
<!--begin::Section-->
|
||||
<div class="d-flex flex-stack flex-row-fluid d-grid gap-2">
|
||||
<!--begin::Content-->
|
||||
<div class="me-5">
|
||||
<!--begin::Title-->
|
||||
<a href="#" class="text-gray-800 fw-bold text-hover-primary fs-6">Turkey</a>
|
||||
<!--end::Title-->
|
||||
<!--begin::Desc-->
|
||||
<span class="text-gray-400 fw-semibold fs-7 d-block text-start ps-0">Mailchimp Campaigns</span>
|
||||
<!--end::Desc-->
|
||||
</div>
|
||||
<!--end::Content-->
|
||||
<!--begin::Info-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Number-->
|
||||
<span class="text-gray-800 fw-bold fs-6 me-3 d-block">1,680</span>
|
||||
<!--end::Number-->
|
||||
<!--begin::Label-->
|
||||
<div class="m-0">
|
||||
<!--begin::Label-->
|
||||
<span class="badge badge-light-success fs-base">{!! getIcon('arrow-up', 'fs-5 text-success ms-n1') !!} 0.2%</span>
|
||||
<!--end::Label-->
|
||||
</div>
|
||||
<!--end::Label-->
|
||||
</div>
|
||||
<!--end::Info-->
|
||||
</div>
|
||||
<!--end::Section-->
|
||||
</div>
|
||||
<!--end::Item-->
|
||||
<!--begin::Separator-->
|
||||
<div class="separator separator-dashed my-3"></div>
|
||||
<!--end::Separator-->
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex flex-stack">
|
||||
<!--begin::Flag-->
|
||||
<img src="assets/media/flags/france.svg" class="me-4 w-25px" style="border-radius: 4px" alt="" />
|
||||
<!--end::Flag-->
|
||||
<!--begin::Section-->
|
||||
<div class="d-flex flex-stack flex-row-fluid d-grid gap-2">
|
||||
<!--begin::Content-->
|
||||
<div class="me-5">
|
||||
<!--begin::Title-->
|
||||
<a href="#" class="text-gray-800 fw-bold text-hover-primary fs-6">France</a>
|
||||
<!--end::Title-->
|
||||
<!--begin::Desc-->
|
||||
<span class="text-gray-400 fw-semibold fs-7 d-block text-start ps-0">Impact Radius visits</span>
|
||||
<!--end::Desc-->
|
||||
</div>
|
||||
<!--end::Content-->
|
||||
<!--begin::Info-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Number-->
|
||||
<span class="text-gray-800 fw-bold fs-6 me-3 d-block">849</span>
|
||||
<!--end::Number-->
|
||||
<!--begin::Label-->
|
||||
<div class="m-0">
|
||||
<!--begin::Label-->
|
||||
<span class="badge badge-light-success fs-base">{!! getIcon('arrow-up', 'fs-5 text-success ms-n1') !!} 4.1%</span>
|
||||
<!--end::Label-->
|
||||
</div>
|
||||
<!--end::Label-->
|
||||
</div>
|
||||
<!--end::Info-->
|
||||
</div>
|
||||
<!--end::Section-->
|
||||
</div>
|
||||
<!--end::Item-->
|
||||
<!--begin::Separator-->
|
||||
<div class="separator separator-dashed my-3"></div>
|
||||
<!--end::Separator-->
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex flex-stack">
|
||||
<!--begin::Flag-->
|
||||
<img src="assets/media/flags/india.svg" class="me-4 w-25px" style="border-radius: 4px" alt="" />
|
||||
<!--end::Flag-->
|
||||
<!--begin::Section-->
|
||||
<div class="d-flex flex-stack flex-row-fluid d-grid gap-2">
|
||||
<!--begin::Content-->
|
||||
<div class="me-5">
|
||||
<!--begin::Title-->
|
||||
<a href="#" class="text-gray-800 fw-bold text-hover-primary fs-6">India</a>
|
||||
<!--end::Title-->
|
||||
<!--begin::Desc-->
|
||||
<span class="text-gray-400 fw-semibold fs-7 d-block text-start ps-0">Many Sources</span>
|
||||
<!--end::Desc-->
|
||||
</div>
|
||||
<!--end::Content-->
|
||||
<!--begin::Info-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Number-->
|
||||
<span class="text-gray-800 fw-bold fs-6 me-3 d-block">604</span>
|
||||
<!--end::Number-->
|
||||
<!--begin::Label-->
|
||||
<div class="m-0">
|
||||
<!--begin::Label-->
|
||||
<span class="badge badge-light-danger fs-base">{!! getIcon('arrow-down', 'fs-5 text-danger ms-n1') !!} 8.3%</span>
|
||||
<!--end::Label-->
|
||||
</div>
|
||||
<!--end::Label-->
|
||||
</div>
|
||||
<!--end::Info-->
|
||||
</div>
|
||||
<!--end::Section-->
|
||||
</div>
|
||||
<!--end::Item-->
|
||||
<!--begin::Separator-->
|
||||
<div class="separator separator-dashed my-3"></div>
|
||||
<!--end::Separator-->
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex flex-stack">
|
||||
<!--begin::Flag-->
|
||||
<img src="assets/media/flags/sweden.svg" class="me-4 w-25px" style="border-radius: 4px" alt="" />
|
||||
<!--end::Flag-->
|
||||
<!--begin::Section-->
|
||||
<div class="d-flex flex-stack flex-row-fluid d-grid gap-2">
|
||||
<!--begin::Content-->
|
||||
<div class="me-5">
|
||||
<!--begin::Title-->
|
||||
<a href="#" class="text-gray-800 fw-bold text-hover-primary fs-6">Sweden</a>
|
||||
<!--end::Title-->
|
||||
<!--begin::Desc-->
|
||||
<span class="text-gray-400 fw-semibold fs-7 d-block text-start ps-0">Social Network</span>
|
||||
<!--end::Desc-->
|
||||
</div>
|
||||
<!--end::Content-->
|
||||
<!--begin::Info-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Number-->
|
||||
<span class="text-gray-800 fw-bold fs-6 me-3 d-block">237</span>
|
||||
<!--end::Number-->
|
||||
<!--begin::Label-->
|
||||
<div class="m-0">
|
||||
<!--begin::Label-->
|
||||
<span class="badge badge-light-success fs-base">{!! getIcon('arrow-up', 'fs-5 text-success ms-n1') !!} 1.9%</span>
|
||||
<!--end::Label-->
|
||||
</div>
|
||||
<!--end::Label-->
|
||||
</div>
|
||||
<!--end::Info-->
|
||||
</div>
|
||||
<!--end::Section-->
|
||||
</div>
|
||||
<!--end::Item-->
|
||||
</div>
|
||||
<!--end::Items-->
|
||||
</div>
|
||||
<!--end::Body-->
|
||||
</div>
|
||||
<!--end::LIst widget 8-->
|
||||
248
resources/views/partials/widgets/lists/_widget-9.blade.php
Normal file
248
resources/views/partials/widgets/lists/_widget-9.blade.php
Normal file
@ -0,0 +1,248 @@
|
||||
<!--begin::List widget 9-->
|
||||
<div class="card card-flush h-xl-100">
|
||||
<!--begin::Header-->
|
||||
<div class="card-header py-7">
|
||||
<!--begin::Title-->
|
||||
<h3 class="card-title align-items-start flex-column">
|
||||
<span class="card-label fw-bold text-gray-800">Social Network Visits</span>
|
||||
<span class="text-gray-400 mt-1 fw-semibold fs-6">8k social visitors</span>
|
||||
</h3>
|
||||
<!--end::Title-->
|
||||
<!--begin::Toolbar-->
|
||||
<div class="card-toolbar">
|
||||
<a href="#" class="btn btn-sm btn-light">View All</a>
|
||||
</div>
|
||||
<!--end::Toolbar-->
|
||||
</div>
|
||||
<!--end::Header-->
|
||||
<!--begin::Body-->
|
||||
<div class="card-body card-body d-flex justify-content-between flex-column pt-3">
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex flex-stack">
|
||||
<!--begin::Flag-->
|
||||
<img src="assets/media/svg/brand-logos/dribbble-icon-1.svg" class="me-4 w-30px" style="border-radius: 4px" alt="" />
|
||||
<!--end::Flag-->
|
||||
<!--begin::Section-->
|
||||
<div class="d-flex align-items-center flex-stack flex-wrap flex-row-fluid d-grid gap-2">
|
||||
<!--begin::Content-->
|
||||
<div class="me-5">
|
||||
<!--begin::Title-->
|
||||
<a href="#" class="text-gray-800 fw-bold text-hover-primary fs-6">Dribbble</a>
|
||||
<!--end::Title-->
|
||||
<!--begin::Desc-->
|
||||
<span class="text-gray-400 fw-semibold fs-7 d-block text-start ps-0">Community</span>
|
||||
<!--end::Desc-->
|
||||
</div>
|
||||
<!--end::Content-->
|
||||
<!--begin::Wrapper-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Number-->
|
||||
<span class="text-gray-800 fw-bold fs-4 me-3">579</span>
|
||||
<!--end::Number-->
|
||||
<!--begin::Info-->
|
||||
<div class="m-0">
|
||||
<!--begin::Label-->
|
||||
<span class="badge badge-light-success fs-base">{!! getIcon('arrow-up', 'fs-5 text-success ms-n1') !!} 2.6%</span>
|
||||
<!--end::Label-->
|
||||
</div>
|
||||
<!--end::Info-->
|
||||
</div>
|
||||
<!--end::Wrapper-->
|
||||
</div>
|
||||
<!--end::Section-->
|
||||
</div>
|
||||
<!--end::Item-->
|
||||
<!--begin::Separator-->
|
||||
<div class="separator separator-dashed my-3"></div>
|
||||
<!--end::Separator-->
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex flex-stack">
|
||||
<!--begin::Flag-->
|
||||
<img src="assets/media/svg/brand-logos/linkedin-1.svg" class="me-4 w-30px" style="border-radius: 4px" alt="" />
|
||||
<!--end::Flag-->
|
||||
<!--begin::Section-->
|
||||
<div class="d-flex align-items-center flex-stack flex-wrap flex-row-fluid d-grid gap-2">
|
||||
<!--begin::Content-->
|
||||
<div class="me-5">
|
||||
<!--begin::Title-->
|
||||
<a href="#" class="text-gray-800 fw-bold text-hover-primary fs-6">Linked In</a>
|
||||
<!--end::Title-->
|
||||
<!--begin::Desc-->
|
||||
<span class="text-gray-400 fw-semibold fs-7 d-block text-start ps-0">Social Media</span>
|
||||
<!--end::Desc-->
|
||||
</div>
|
||||
<!--end::Content-->
|
||||
<!--begin::Wrapper-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Number-->
|
||||
<span class="text-gray-800 fw-bold fs-4 me-3">2,588</span>
|
||||
<!--end::Number-->
|
||||
<!--begin::Info-->
|
||||
<div class="m-0">
|
||||
<!--begin::Label-->
|
||||
<span class="badge badge-light-danger fs-base">{!! getIcon('arrow-down', 'fs-5 text-danger ms-n1') !!} 0.4%</span>
|
||||
<!--end::Label-->
|
||||
</div>
|
||||
<!--end::Info-->
|
||||
</div>
|
||||
<!--end::Wrapper-->
|
||||
</div>
|
||||
<!--end::Section-->
|
||||
</div>
|
||||
<!--end::Item-->
|
||||
<!--begin::Separator-->
|
||||
<div class="separator separator-dashed my-3"></div>
|
||||
<!--end::Separator-->
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex flex-stack">
|
||||
<!--begin::Flag-->
|
||||
<img src="assets/media/svg/brand-logos/slack-icon.svg" class="me-4 w-30px" style="border-radius: 4px" alt="" />
|
||||
<!--end::Flag-->
|
||||
<!--begin::Section-->
|
||||
<div class="d-flex align-items-center flex-stack flex-wrap flex-row-fluid d-grid gap-2">
|
||||
<!--begin::Content-->
|
||||
<div class="me-5">
|
||||
<!--begin::Title-->
|
||||
<a href="#" class="text-gray-800 fw-bold text-hover-primary fs-6">Slack</a>
|
||||
<!--end::Title-->
|
||||
<!--begin::Desc-->
|
||||
<span class="text-gray-400 fw-semibold fs-7 d-block text-start ps-0">Messanger</span>
|
||||
<!--end::Desc-->
|
||||
</div>
|
||||
<!--end::Content-->
|
||||
<!--begin::Wrapper-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Number-->
|
||||
<span class="text-gray-800 fw-bold fs-4 me-3">794</span>
|
||||
<!--end::Number-->
|
||||
<!--begin::Info-->
|
||||
<div class="m-0">
|
||||
<!--begin::Label-->
|
||||
<span class="badge badge-light-success fs-base">{!! getIcon('arrow-up', 'fs-5 text-success ms-n1') !!} 0.2%</span>
|
||||
<!--end::Label-->
|
||||
</div>
|
||||
<!--end::Info-->
|
||||
</div>
|
||||
<!--end::Wrapper-->
|
||||
</div>
|
||||
<!--end::Section-->
|
||||
</div>
|
||||
<!--end::Item-->
|
||||
<!--begin::Separator-->
|
||||
<div class="separator separator-dashed my-3"></div>
|
||||
<!--end::Separator-->
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex flex-stack">
|
||||
<!--begin::Flag-->
|
||||
<img src="assets/media/svg/brand-logos/youtube-3.svg" class="me-4 w-30px" style="border-radius: 4px" alt="" />
|
||||
<!--end::Flag-->
|
||||
<!--begin::Section-->
|
||||
<div class="d-flex align-items-center flex-stack flex-wrap flex-row-fluid d-grid gap-2">
|
||||
<!--begin::Content-->
|
||||
<div class="me-5">
|
||||
<!--begin::Title-->
|
||||
<a href="#" class="text-gray-800 fw-bold text-hover-primary fs-6">YouTube</a>
|
||||
<!--end::Title-->
|
||||
<!--begin::Desc-->
|
||||
<span class="text-gray-400 fw-semibold fs-7 d-block text-start ps-0">Video Channel</span>
|
||||
<!--end::Desc-->
|
||||
</div>
|
||||
<!--end::Content-->
|
||||
<!--begin::Wrapper-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Number-->
|
||||
<span class="text-gray-800 fw-bold fs-4 me-3">1,578</span>
|
||||
<!--end::Number-->
|
||||
<!--begin::Info-->
|
||||
<div class="m-0">
|
||||
<!--begin::Label-->
|
||||
<span class="badge badge-light-success fs-base">{!! getIcon('arrow-up', 'fs-5 text-success ms-n1') !!} 4.1%</span>
|
||||
<!--end::Label-->
|
||||
</div>
|
||||
<!--end::Info-->
|
||||
</div>
|
||||
<!--end::Wrapper-->
|
||||
</div>
|
||||
<!--end::Section-->
|
||||
</div>
|
||||
<!--end::Item-->
|
||||
<!--begin::Separator-->
|
||||
<div class="separator separator-dashed my-3"></div>
|
||||
<!--end::Separator-->
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex flex-stack">
|
||||
<!--begin::Flag-->
|
||||
<img src="assets/media/svg/brand-logos/instagram-2-1.svg" class="me-4 w-30px" style="border-radius: 4px" alt="" />
|
||||
<!--end::Flag-->
|
||||
<!--begin::Section-->
|
||||
<div class="d-flex align-items-center flex-stack flex-wrap flex-row-fluid d-grid gap-2">
|
||||
<!--begin::Content-->
|
||||
<div class="me-5">
|
||||
<!--begin::Title-->
|
||||
<a href="#" class="text-gray-800 fw-bold text-hover-primary fs-6">Instagram</a>
|
||||
<!--end::Title-->
|
||||
<!--begin::Desc-->
|
||||
<span class="text-gray-400 fw-semibold fs-7 d-block text-start ps-0">Social Network</span>
|
||||
<!--end::Desc-->
|
||||
</div>
|
||||
<!--end::Content-->
|
||||
<!--begin::Wrapper-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Number-->
|
||||
<span class="text-gray-800 fw-bold fs-4 me-3">3,458</span>
|
||||
<!--end::Number-->
|
||||
<!--begin::Info-->
|
||||
<div class="m-0">
|
||||
<!--begin::Label-->
|
||||
<span class="badge badge-light-success fs-base">{!! getIcon('arrow-up', 'fs-5 text-success ms-n1') !!} 8.3%</span>
|
||||
<!--end::Label-->
|
||||
</div>
|
||||
<!--end::Info-->
|
||||
</div>
|
||||
<!--end::Wrapper-->
|
||||
</div>
|
||||
<!--end::Section-->
|
||||
</div>
|
||||
<!--end::Item-->
|
||||
<!--begin::Separator-->
|
||||
<div class="separator separator-dashed my-3"></div>
|
||||
<!--end::Separator-->
|
||||
<!--begin::Item-->
|
||||
<div class="d-flex flex-stack">
|
||||
<!--begin::Flag-->
|
||||
<img src="assets/media/svg/brand-logos/facebook-3.svg" class="me-4 w-30px" style="border-radius: 4px" alt="" />
|
||||
<!--end::Flag-->
|
||||
<!--begin::Section-->
|
||||
<div class="d-flex align-items-center flex-stack flex-wrap flex-row-fluid d-grid gap-2">
|
||||
<!--begin::Content-->
|
||||
<div class="me-5">
|
||||
<!--begin::Title-->
|
||||
<a href="#" class="text-gray-800 fw-bold text-hover-primary fs-6">Facebook</a>
|
||||
<!--end::Title-->
|
||||
<!--begin::Desc-->
|
||||
<span class="text-gray-400 fw-semibold fs-7 d-block text-start ps-0">Social Network</span>
|
||||
<!--end::Desc-->
|
||||
</div>
|
||||
<!--end::Content-->
|
||||
<!--begin::Wrapper-->
|
||||
<div class="d-flex align-items-center">
|
||||
<!--begin::Number-->
|
||||
<span class="text-gray-800 fw-bold fs-4 me-3">2,047</span>
|
||||
<!--end::Number-->
|
||||
<!--begin::Info-->
|
||||
<div class="m-0">
|
||||
<!--begin::Label-->
|
||||
<span class="badge badge-light-success fs-base">{!! getIcon('arrow-up', 'fs-5 text-success ms-n1') !!} 1.9%</span>
|
||||
<!--end::Label-->
|
||||
</div>
|
||||
<!--end::Info-->
|
||||
</div>
|
||||
<!--end::Wrapper-->
|
||||
</div>
|
||||
<!--end::Section-->
|
||||
</div>
|
||||
<!--end::Item-->
|
||||
</div>
|
||||
<!--end::Body-->
|
||||
</div>
|
||||
<!--end::List widget 9-->
|
||||
196
resources/views/partials/widgets/tables/_widget-14.blade.php
Normal file
196
resources/views/partials/widgets/tables/_widget-14.blade.php
Normal file
@ -0,0 +1,196 @@
|
||||
<!--begin::Table widget 14-->
|
||||
<div class="card card-flush h-md-100">
|
||||
<!--begin::Header-->
|
||||
<div class="card-header pt-7">
|
||||
<!--begin::Title-->
|
||||
<h3 class="card-title align-items-start flex-column">
|
||||
<span class="card-label fw-bold text-gray-800">Projects Stats</span>
|
||||
<span class="text-gray-400 mt-1 fw-semibold fs-6">Updated 37 minutes ago</span>
|
||||
</h3>
|
||||
<!--end::Title-->
|
||||
<!--begin::Toolbar-->
|
||||
<div class="card-toolbar">
|
||||
<a href="#" class="btn btn-sm btn-light">History</a>
|
||||
</div>
|
||||
<!--end::Toolbar-->
|
||||
</div>
|
||||
<!--end::Header-->
|
||||
<!--begin::Body-->
|
||||
<div class="card-body pt-6">
|
||||
<!--begin::Table container-->
|
||||
<div class="table-responsive">
|
||||
<!--begin::Table-->
|
||||
<table class="table table-row-dashed align-middle gs-0 gy-3 my-0">
|
||||
<!--begin::Table head-->
|
||||
<thead>
|
||||
<tr class="fs-7 fw-bold text-gray-400 border-bottom-0">
|
||||
<th class="p-0 pb-3 min-w-175px text-start">ITEM</th>
|
||||
<th class="p-0 pb-3 min-w-100px text-end">BUDGET</th>
|
||||
<th class="p-0 pb-3 min-w-100px text-end">PROGRESS</th>
|
||||
<th class="p-0 pb-3 min-w-175px text-end pe-12">STATUS</th>
|
||||
<th class="p-0 pb-3 w-125px text-end pe-7">CHART</th>
|
||||
<th class="p-0 pb-3 w-50px text-end">VIEW</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<!--end::Table head-->
|
||||
<!--begin::Table body-->
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="symbol symbol-50px me-3">
|
||||
<img src="assets/media/stock/600x600/img-49.jpg" class="" alt="" />
|
||||
</div>
|
||||
<div class="d-flex justify-content-start flex-column">
|
||||
<a href="#" class="text-gray-800 fw-bold text-hover-primary mb-1 fs-6">Mivy App</a>
|
||||
<span class="text-gray-400 fw-semibold d-block fs-7">Jane Cooper</span>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td class="text-end pe-0">
|
||||
<span class="text-gray-600 fw-bold fs-6">$32,400</span>
|
||||
</td>
|
||||
<td class="text-end pe-0">
|
||||
<!--begin::Label-->
|
||||
<span class="badge badge-light-success fs-base">{!! getIcon('arrow-up', 'fs-5 text-success ms-n1') !!} 9.2%</span>
|
||||
<!--end::Label-->
|
||||
</td>
|
||||
<td class="text-end pe-12">
|
||||
<span class="badge py-3 px-4 fs-7 badge-light-primary">In Process</span>
|
||||
</td>
|
||||
<td class="text-end pe-0">
|
||||
<div id="kt_table_widget_14_chart_1" class="h-50px mt-n8 pe-7" data-kt-chart-color="success"></div>
|
||||
</td>
|
||||
<td class="text-end">
|
||||
<a href="#" class="btn btn-sm btn-icon btn-bg-light btn-active-color-primary w-30px h-30px">{!! getIcon('black-right', 'fs-2 text-gray-500') !!}</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="symbol symbol-50px me-3">
|
||||
<img src="assets/media/stock/600x600/img-40.jpg" class="" alt="" />
|
||||
</div>
|
||||
<div class="d-flex justify-content-start flex-column">
|
||||
<a href="#" class="text-gray-800 fw-bold text-hover-primary mb-1 fs-6">Avionica</a>
|
||||
<span class="text-gray-400 fw-semibold d-block fs-7">Esther Howard</span>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td class="text-end pe-0">
|
||||
<span class="text-gray-600 fw-bold fs-6">$256,910</span>
|
||||
</td>
|
||||
<td class="text-end pe-0">
|
||||
<!--begin::Label-->
|
||||
<span class="badge badge-light-danger fs-base">{!! getIcon('arrow-down', 'fs-5 text-danger ms-n1') !!} 0.4%</span>
|
||||
<!--end::Label-->
|
||||
</td>
|
||||
<td class="text-end pe-12">
|
||||
<span class="badge py-3 px-4 fs-7 badge-light-warning">On Hold</span>
|
||||
</td>
|
||||
<td class="text-end pe-0">
|
||||
<div id="kt_table_widget_14_chart_2" class="h-50px mt-n8 pe-7" data-kt-chart-color="danger"></div>
|
||||
</td>
|
||||
<td class="text-end">
|
||||
<a href="#" class="btn btn-sm btn-icon btn-bg-light btn-active-color-primary w-30px h-30px">{!! getIcon('black-right', 'fs-2 text-gray-500') !!}</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="symbol symbol-50px me-3">
|
||||
<img src="assets/media/stock/600x600/img-39.jpg" class="" alt="" />
|
||||
</div>
|
||||
<div class="d-flex justify-content-start flex-column">
|
||||
<a href="#" class="text-gray-800 fw-bold text-hover-primary mb-1 fs-6">Charto CRM</a>
|
||||
<span class="text-gray-400 fw-semibold d-block fs-7">Jenny Wilson</span>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td class="text-end pe-0">
|
||||
<span class="text-gray-600 fw-bold fs-6">$8,220</span>
|
||||
</td>
|
||||
<td class="text-end pe-0">
|
||||
<!--begin::Label-->
|
||||
<span class="badge badge-light-success fs-base">{!! getIcon('arrow-up', 'fs-5 text-success ms-n1') !!} 9.2%</span>
|
||||
<!--end::Label-->
|
||||
</td>
|
||||
<td class="text-end pe-12">
|
||||
<span class="badge py-3 px-4 fs-7 badge-light-primary">In Process</span>
|
||||
</td>
|
||||
<td class="text-end pe-0">
|
||||
<div id="kt_table_widget_14_chart_3" class="h-50px mt-n8 pe-7" data-kt-chart-color="success"></div>
|
||||
</td>
|
||||
<td class="text-end">
|
||||
<a href="#" class="btn btn-sm btn-icon btn-bg-light btn-active-color-primary w-30px h-30px">{!! getIcon('black-right', 'fs-2 text-gray-500') !!}</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="symbol symbol-50px me-3">
|
||||
<img src="assets/media/stock/600x600/img-47.jpg" class="" alt="" />
|
||||
</div>
|
||||
<div class="d-flex justify-content-start flex-column">
|
||||
<a href="#" class="text-gray-800 fw-bold text-hover-primary mb-1 fs-6">Tower Hill</a>
|
||||
<span class="text-gray-400 fw-semibold d-block fs-7">Cody Fisher</span>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td class="text-end pe-0">
|
||||
<span class="text-gray-600 fw-bold fs-6">$74,000</span>
|
||||
</td>
|
||||
<td class="text-end pe-0">
|
||||
<!--begin::Label-->
|
||||
<span class="badge badge-light-success fs-base">{!! getIcon('arrow-up', 'fs-5 text-success ms-n1') !!} 9.2%</span>
|
||||
<!--end::Label-->
|
||||
</td>
|
||||
<td class="text-end pe-12">
|
||||
<span class="badge py-3 px-4 fs-7 badge-light-success">Complated</span>
|
||||
</td>
|
||||
<td class="text-end pe-0">
|
||||
<div id="kt_table_widget_14_chart_4" class="h-50px mt-n8 pe-7" data-kt-chart-color="success"></div>
|
||||
</td>
|
||||
<td class="text-end">
|
||||
<a href="#" class="btn btn-sm btn-icon btn-bg-light btn-active-color-primary w-30px h-30px">{!! getIcon('black-right', 'fs-2 text-gray-500') !!}</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="symbol symbol-50px me-3">
|
||||
<img src="assets/media/stock/600x600/img-48.jpg" class="" alt="" />
|
||||
</div>
|
||||
<div class="d-flex justify-content-start flex-column">
|
||||
<a href="#" class="text-gray-800 fw-bold text-hover-primary mb-1 fs-6">9 Degree</a>
|
||||
<span class="text-gray-400 fw-semibold d-block fs-7">Savannah Nguyen</span>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td class="text-end pe-0">
|
||||
<span class="text-gray-600 fw-bold fs-6">$183,300</span>
|
||||
</td>
|
||||
<td class="text-end pe-0">
|
||||
<!--begin::Label-->
|
||||
<span class="badge badge-light-danger fs-base">{!! getIcon('arrow-down', 'fs-5 text-danger ms-n1') !!} 0.4%</span>
|
||||
<!--end::Label-->
|
||||
</td>
|
||||
<td class="text-end pe-12">
|
||||
<span class="badge py-3 px-4 fs-7 badge-light-primary">In Process</span>
|
||||
</td>
|
||||
<td class="text-end pe-0">
|
||||
<div id="kt_table_widget_14_chart_5" class="h-50px mt-n8 pe-7" data-kt-chart-color="danger"></div>
|
||||
</td>
|
||||
<td class="text-end">
|
||||
<a href="#" class="btn btn-sm btn-icon btn-bg-light btn-active-color-primary w-30px h-30px">{!! getIcon('black-right', 'fs-2 text-gray-500') !!}</a>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<!--end::Table body-->
|
||||
</table>
|
||||
</div>
|
||||
<!--end::Table-->
|
||||
</div>
|
||||
<!--end: Card Body-->
|
||||
</div>
|
||||
<!--end::Table widget 14-->
|
||||
755
resources/views/partials/widgets/tables/_widget-16.blade.php
Normal file
755
resources/views/partials/widgets/tables/_widget-16.blade.php
Normal file
@ -0,0 +1,755 @@
|
||||
<!--begin::Tables widget 16-->
|
||||
<div class="card card-flush h-xl-100">
|
||||
<!--begin::Header-->
|
||||
<div class="card-header pt-5">
|
||||
<!--begin::Title-->
|
||||
<h3 class="card-title align-items-start flex-column">
|
||||
<span class="card-label fw-bold text-gray-800">Authors Achievements</span>
|
||||
<span class="text-gray-400 mt-1 fw-semibold fs-6">Avg. 69.34% Conv. Rate</span>
|
||||
</h3>
|
||||
<!--end::Title-->
|
||||
<!--begin::Toolbar-->
|
||||
<div class="card-toolbar">
|
||||
<!--begin::Menu-->
|
||||
<button class="btn btn-icon btn-color-gray-400 btn-active-color-primary justify-content-end" data-kt-menu-trigger="click" data-kt-menu-placement="bottom-end" data-kt-menu-overflow="true">{!! getIcon('dots-square', 'fs-1 text-gray-300 me-n1') !!}</button>
|
||||
<!--begin::Menu 2-->
|
||||
<div class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-800 menu-state-bg-light-primary fw-semibold w-200px" data-kt-menu="true">
|
||||
<!--begin::Menu item-->
|
||||
<div class="menu-item px-3">
|
||||
<div class="menu-content fs-6 text-dark fw-bold px-3 py-4">Quick Actions</div>
|
||||
</div>
|
||||
<!--end::Menu item-->
|
||||
<!--begin::Menu separator-->
|
||||
<div class="separator mb-3 opacity-75"></div>
|
||||
<!--end::Menu separator-->
|
||||
<!--begin::Menu item-->
|
||||
<div class="menu-item px-3">
|
||||
<a href="#" class="menu-link px-3">New Ticket</a>
|
||||
</div>
|
||||
<!--end::Menu item-->
|
||||
<!--begin::Menu item-->
|
||||
<div class="menu-item px-3">
|
||||
<a href="#" class="menu-link px-3">New Customer</a>
|
||||
</div>
|
||||
<!--end::Menu item-->
|
||||
<!--begin::Menu item-->
|
||||
<div class="menu-item px-3" data-kt-menu-trigger="hover" data-kt-menu-placement="right-start">
|
||||
<!--begin::Menu item-->
|
||||
<a href="#" class="menu-link px-3">
|
||||
<span class="menu-title">New Group</span>
|
||||
<span class="menu-arrow"></span>
|
||||
</a>
|
||||
<!--end::Menu item-->
|
||||
<!--begin::Menu sub-->
|
||||
<div class="menu-sub menu-sub-dropdown w-175px py-4">
|
||||
<!--begin::Menu item-->
|
||||
<div class="menu-item px-3">
|
||||
<a href="#" class="menu-link px-3">Admin Group</a>
|
||||
</div>
|
||||
<!--end::Menu item-->
|
||||
<!--begin::Menu item-->
|
||||
<div class="menu-item px-3">
|
||||
<a href="#" class="menu-link px-3">Staff Group</a>
|
||||
</div>
|
||||
<!--end::Menu item-->
|
||||
<!--begin::Menu item-->
|
||||
<div class="menu-item px-3">
|
||||
<a href="#" class="menu-link px-3">Member Group</a>
|
||||
</div>
|
||||
<!--end::Menu item-->
|
||||
</div>
|
||||
<!--end::Menu sub-->
|
||||
</div>
|
||||
<!--end::Menu item-->
|
||||
<!--begin::Menu item-->
|
||||
<div class="menu-item px-3">
|
||||
<a href="#" class="menu-link px-3">New Contact</a>
|
||||
</div>
|
||||
<!--end::Menu item-->
|
||||
<!--begin::Menu separator-->
|
||||
<div class="separator mt-3 opacity-75"></div>
|
||||
<!--end::Menu separator-->
|
||||
<!--begin::Menu item-->
|
||||
<div class="menu-item px-3">
|
||||
<div class="menu-content px-3 py-3">
|
||||
<a class="btn btn-primary btn-sm px-4" href="#">Generate Reports</a>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Menu item-->
|
||||
</div>
|
||||
<!--end::Menu 2-->
|
||||
<!--end::Menu-->
|
||||
</div>
|
||||
<!--end::Toolbar-->
|
||||
</div>
|
||||
<!--end::Header-->
|
||||
<!--begin::Body-->
|
||||
<div class="card-body pt-6">
|
||||
<!--begin::Nav-->
|
||||
<ul class="nav nav-pills nav-pills-custom mb-3">
|
||||
<!--begin::Item-->
|
||||
<li class="nav-item mb-3 me-3 me-lg-6">
|
||||
<!--begin::Link-->
|
||||
<a class="nav-link btn btn-outline btn-flex btn-color-muted btn-active-color-primary flex-column overflow-hidden w-80px h-85px pt-5 pb-2 active" id="kt_stats_widget_16_tab_link_1" data-bs-toggle="pill" href="#kt_stats_widget_16_tab_1">
|
||||
<!--begin::Icon-->
|
||||
<div class="nav-icon mb-3">{!! getIcon('car', 'fs-1') !!}</div>
|
||||
<!--end::Icon-->
|
||||
<!--begin::Title-->
|
||||
<span class="nav-text text-gray-800 fw-bold fs-6 lh-1">SaaS</span>
|
||||
<!--end::Title-->
|
||||
<!--begin::Bullet-->
|
||||
<span class="bullet-custom position-absolute bottom-0 w-100 h-4px bg-primary"></span>
|
||||
<!--end::Bullet-->
|
||||
</a>
|
||||
<!--end::Link-->
|
||||
</li>
|
||||
<!--end::Item-->
|
||||
<!--begin::Item-->
|
||||
<li class="nav-item mb-3 me-3 me-lg-6">
|
||||
<!--begin::Link-->
|
||||
<a class="nav-link btn btn-outline btn-flex btn-color-muted btn-active-color-primary flex-column overflow-hidden w-80px h-85px pt-5 pb-2" id="kt_stats_widget_16_tab_link_2" data-bs-toggle="pill" href="#kt_stats_widget_16_tab_2">
|
||||
<!--begin::Icon-->
|
||||
<div class="nav-icon mb-3">{!! getIcon('bitcoin', 'fs-1') !!}</div>
|
||||
<!--end::Icon-->
|
||||
<!--begin::Title-->
|
||||
<span class="nav-text text-gray-800 fw-bold fs-6 lh-1">Crypto</span>
|
||||
<!--end::Title-->
|
||||
<!--begin::Bullet-->
|
||||
<span class="bullet-custom position-absolute bottom-0 w-100 h-4px bg-primary"></span>
|
||||
<!--end::Bullet-->
|
||||
</a>
|
||||
<!--end::Link-->
|
||||
</li>
|
||||
<!--end::Item-->
|
||||
<!--begin::Item-->
|
||||
<li class="nav-item mb-3 me-3 me-lg-6">
|
||||
<!--begin::Link-->
|
||||
<a class="nav-link btn btn-outline btn-flex btn-color-muted btn-active-color-primary flex-column overflow-hidden w-80px h-85px pt-5 pb-2" id="kt_stats_widget_16_tab_link_3" data-bs-toggle="pill" href="#kt_stats_widget_16_tab_3">
|
||||
<!--begin::Icon-->
|
||||
<div class="nav-icon mb-3">{!! getIcon('like', 'fs-1') !!}</div>
|
||||
<!--end::Icon-->
|
||||
<!--begin::Title-->
|
||||
<span class="nav-text text-gray-800 fw-bold fs-6 lh-1">Social</span>
|
||||
<!--end::Title-->
|
||||
<!--begin::Bullet-->
|
||||
<span class="bullet-custom position-absolute bottom-0 w-100 h-4px bg-primary"></span>
|
||||
<!--end::Bullet-->
|
||||
</a>
|
||||
<!--end::Link-->
|
||||
</li>
|
||||
<!--end::Item-->
|
||||
<!--begin::Item-->
|
||||
<li class="nav-item mb-3 me-3 me-lg-6">
|
||||
<!--begin::Link-->
|
||||
<a class="nav-link btn btn-outline btn-flex btn-color-muted btn-active-color-primary flex-column overflow-hidden w-80px h-85px pt-5 pb-2" id="kt_stats_widget_16_tab_link_4" data-bs-toggle="pill" href="#kt_stats_widget_16_tab_4">
|
||||
<!--begin::Icon-->
|
||||
<div class="nav-icon mb-3">{!! getIcon('tablet', 'fs-1') !!}</div>
|
||||
<!--end::Icon-->
|
||||
<!--begin::Title-->
|
||||
<span class="nav-text text-gray-800 fw-bold fs-6 lh-1">Mobile</span>
|
||||
<!--end::Title-->
|
||||
<!--begin::Bullet-->
|
||||
<span class="bullet-custom position-absolute bottom-0 w-100 h-4px bg-primary"></span>
|
||||
<!--end::Bullet-->
|
||||
</a>
|
||||
<!--end::Link-->
|
||||
</li>
|
||||
<!--end::Item-->
|
||||
<!--begin::Item-->
|
||||
<li class="nav-item mb-3 me-3 me-lg-6">
|
||||
<!--begin::Link-->
|
||||
<a class="nav-link btn btn-outline btn-flex btn-color-muted btn-active-color-primary flex-column overflow-hidden w-80px h-85px pt-5 pb-2" id="kt_stats_widget_16_tab_link_5" data-bs-toggle="pill" href="#kt_stats_widget_16_tab_5">
|
||||
<!--begin::Icon-->
|
||||
<div class="nav-icon mb-3">{!! getIcon('send', 'fs-1') !!}</div>
|
||||
<!--end::Icon-->
|
||||
<!--begin::Title-->
|
||||
<span class="nav-text text-gray-800 fw-bold fs-6 lh-1">Others</span>
|
||||
<!--end::Title-->
|
||||
<!--begin::Bullet-->
|
||||
<span class="bullet-custom position-absolute bottom-0 w-100 h-4px bg-primary"></span>
|
||||
<!--end::Bullet-->
|
||||
</a>
|
||||
<!--end::Link-->
|
||||
</li>
|
||||
<!--end::Item-->
|
||||
</ul>
|
||||
<!--end::Nav-->
|
||||
<!--begin::Tab Content-->
|
||||
<div class="tab-content">
|
||||
<!--begin::Tap pane-->
|
||||
<div class="tab-pane fade show active" id="kt_stats_widget_16_tab_1">
|
||||
<!--begin::Table container-->
|
||||
<div class="table-responsive">
|
||||
<!--begin::Table-->
|
||||
<table class="table table-row-dashed align-middle gs-0 gy-3 my-0">
|
||||
<!--begin::Table head-->
|
||||
<thead>
|
||||
<tr class="fs-7 fw-bold text-gray-400 border-bottom-0">
|
||||
<th class="p-0 pb-3 min-w-150px text-start">AUTHOR</th>
|
||||
<th class="p-0 pb-3 min-w-100px text-end pe-13">CONV.</th>
|
||||
<th class="p-0 pb-3 w-125px text-end pe-7">CHART</th>
|
||||
<th class="p-0 pb-3 w-50px text-end">VIEW</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<!--end::Table head-->
|
||||
<!--begin::Table body-->
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="symbol symbol-50px me-3">
|
||||
<img src="assets/media/avatars/300-3.jpg" class="" alt="" />
|
||||
</div>
|
||||
<div class="d-flex justify-content-start flex-column">
|
||||
<a href="#" class="text-gray-800 fw-bold text-hover-primary mb-1 fs-6">Guy Hawkins</a>
|
||||
<span class="text-gray-400 fw-semibold d-block fs-7">Haiti</span>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td class="text-end pe-13">
|
||||
<span class="text-gray-600 fw-bold fs-6">78.34%</span>
|
||||
</td>
|
||||
<td class="text-end pe-0">
|
||||
<div id="kt_table_widget_16_chart_1_1" class="h-50px mt-n8 pe-7" data-kt-chart-color="success"></div>
|
||||
</td>
|
||||
<td class="text-end">
|
||||
<a href="#" class="btn btn-sm btn-icon btn-bg-light btn-active-color-primary w-30px h-30px">{!! getIcon('black-right', 'fs-2 text-gray-500') !!}</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="symbol symbol-50px me-3">
|
||||
<img src="assets/media/avatars/300-2.jpg" class="" alt="" />
|
||||
</div>
|
||||
<div class="d-flex justify-content-start flex-column">
|
||||
<a href="#" class="text-gray-800 fw-bold text-hover-primary mb-1 fs-6">Jane Cooper</a>
|
||||
<span class="text-gray-400 fw-semibold d-block fs-7">Monaco</span>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td class="text-end pe-13">
|
||||
<span class="text-gray-600 fw-bold fs-6">63.83%</span>
|
||||
</td>
|
||||
<td class="text-end pe-0">
|
||||
<div id="kt_table_widget_16_chart_1_2" class="h-50px mt-n8 pe-7" data-kt-chart-color="danger"></div>
|
||||
</td>
|
||||
<td class="text-end">
|
||||
<a href="#" class="btn btn-sm btn-icon btn-bg-light btn-active-color-primary w-30px h-30px">{!! getIcon('black-right', 'fs-2 text-gray-500') !!}</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="symbol symbol-50px me-3">
|
||||
<img src="assets/media/avatars/300-9.jpg" class="" alt="" />
|
||||
</div>
|
||||
<div class="d-flex justify-content-start flex-column">
|
||||
<a href="#" class="text-gray-800 fw-bold text-hover-primary mb-1 fs-6">Jacob Jones</a>
|
||||
<span class="text-gray-400 fw-semibold d-block fs-7">Poland</span>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td class="text-end pe-13">
|
||||
<span class="text-gray-600 fw-bold fs-6">92.56%</span>
|
||||
</td>
|
||||
<td class="text-end pe-0">
|
||||
<div id="kt_table_widget_16_chart_1_3" class="h-50px mt-n8 pe-7" data-kt-chart-color="success"></div>
|
||||
</td>
|
||||
<td class="text-end">
|
||||
<a href="#" class="btn btn-sm btn-icon btn-bg-light btn-active-color-primary w-30px h-30px">{!! getIcon('black-right', 'fs-2 text-gray-500') !!}</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="symbol symbol-50px me-3">
|
||||
<img src="assets/media/avatars/300-7.jpg" class="" alt="" />
|
||||
</div>
|
||||
<div class="d-flex justify-content-start flex-column">
|
||||
<a href="#" class="text-gray-800 fw-bold text-hover-primary mb-1 fs-6">Cody Fishers</a>
|
||||
<span class="text-gray-400 fw-semibold d-block fs-7">Mexico</span>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td class="text-end pe-13">
|
||||
<span class="text-gray-600 fw-bold fs-6">63.08%</span>
|
||||
</td>
|
||||
<td class="text-end pe-0">
|
||||
<div id="kt_table_widget_16_chart_1_4" class="h-50px mt-n8 pe-7" data-kt-chart-color="success"></div>
|
||||
</td>
|
||||
<td class="text-end">
|
||||
<a href="#" class="btn btn-sm btn-icon btn-bg-light btn-active-color-primary w-30px h-30px">{!! getIcon('black-right', 'fs-2 text-gray-500') !!}</a>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<!--end::Table body-->
|
||||
</table>
|
||||
<!--end::Table-->
|
||||
</div>
|
||||
<!--end::Table container-->
|
||||
</div>
|
||||
<!--end::Tap pane-->
|
||||
<!--begin::Tap pane-->
|
||||
<div class="tab-pane fade" id="kt_stats_widget_16_tab_2">
|
||||
<!--begin::Table container-->
|
||||
<div class="table-responsive">
|
||||
<!--begin::Table-->
|
||||
<table class="table table-row-dashed align-middle gs-0 gy-3 my-0">
|
||||
<!--begin::Table head-->
|
||||
<thead>
|
||||
<tr class="fs-7 fw-bold text-gray-400 border-bottom-0">
|
||||
<th class="p-0 pb-3 min-w-150px text-start">AUTHOR</th>
|
||||
<th class="p-0 pb-3 min-w-100px text-end pe-13">CONV.</th>
|
||||
<th class="p-0 pb-3 w-125px text-end pe-7">CHART</th>
|
||||
<th class="p-0 pb-3 w-50px text-end">VIEW</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<!--end::Table head-->
|
||||
<!--begin::Table body-->
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="symbol symbol-50px me-3">
|
||||
<img src="assets/media/avatars/300-25.jpg" class="" alt="" />
|
||||
</div>
|
||||
<div class="d-flex justify-content-start flex-column">
|
||||
<a href="#" class="text-gray-800 fw-bold text-hover-primary mb-1 fs-6">Brooklyn Simmons</a>
|
||||
<span class="text-gray-400 fw-semibold d-block fs-7">Poland</span>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td class="text-end pe-13">
|
||||
<span class="text-gray-600 fw-bold fs-6">85.23%</span>
|
||||
</td>
|
||||
<td class="text-end pe-0">
|
||||
<div id="kt_table_widget_16_chart_2_1" class="h-50px mt-n8 pe-7" data-kt-chart-color="success"></div>
|
||||
</td>
|
||||
<td class="text-end">
|
||||
<a href="#" class="btn btn-sm btn-icon btn-bg-light btn-active-color-primary w-30px h-30px">{!! getIcon('black-right', 'fs-2 text-gray-500') !!}</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="symbol symbol-50px me-3">
|
||||
<img src="assets/media/avatars/300-24.jpg" class="" alt="" />
|
||||
</div>
|
||||
<div class="d-flex justify-content-start flex-column">
|
||||
<a href="#" class="text-gray-800 fw-bold text-hover-primary mb-1 fs-6">Esther Howard</a>
|
||||
<span class="text-gray-400 fw-semibold d-block fs-7">Mexico</span>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td class="text-end pe-13">
|
||||
<span class="text-gray-600 fw-bold fs-6">74.83%</span>
|
||||
</td>
|
||||
<td class="text-end pe-0">
|
||||
<div id="kt_table_widget_16_chart_2_2" class="h-50px mt-n8 pe-7" data-kt-chart-color="danger"></div>
|
||||
</td>
|
||||
<td class="text-end">
|
||||
<a href="#" class="btn btn-sm btn-icon btn-bg-light btn-active-color-primary w-30px h-30px">{!! getIcon('black-right', 'fs-2 text-gray-500') !!}</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="symbol symbol-50px me-3">
|
||||
<img src="assets/media/avatars/300-20.jpg" class="" alt="" />
|
||||
</div>
|
||||
<div class="d-flex justify-content-start flex-column">
|
||||
<a href="#" class="text-gray-800 fw-bold text-hover-primary mb-1 fs-6">Annette Black</a>
|
||||
<span class="text-gray-400 fw-semibold d-block fs-7">Haiti</span>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td class="text-end pe-13">
|
||||
<span class="text-gray-600 fw-bold fs-6">90.06%</span>
|
||||
</td>
|
||||
<td class="text-end pe-0">
|
||||
<div id="kt_table_widget_16_chart_2_3" class="h-50px mt-n8 pe-7" data-kt-chart-color="success"></div>
|
||||
</td>
|
||||
<td class="text-end">
|
||||
<a href="#" class="btn btn-sm btn-icon btn-bg-light btn-active-color-primary w-30px h-30px">{!! getIcon('black-right', 'fs-2 text-gray-500') !!}</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="symbol symbol-50px me-3">
|
||||
<img src="assets/media/avatars/300-17.jpg" class="" alt="" />
|
||||
</div>
|
||||
<div class="d-flex justify-content-start flex-column">
|
||||
<a href="#" class="text-gray-800 fw-bold text-hover-primary mb-1 fs-6">Marvin McKinney</a>
|
||||
<span class="text-gray-400 fw-semibold d-block fs-7">Monaco</span>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td class="text-end pe-13">
|
||||
<span class="text-gray-600 fw-bold fs-6">54.08%</span>
|
||||
</td>
|
||||
<td class="text-end pe-0">
|
||||
<div id="kt_table_widget_16_chart_2_4" class="h-50px mt-n8 pe-7" data-kt-chart-color="success"></div>
|
||||
</td>
|
||||
<td class="text-end">
|
||||
<a href="#" class="btn btn-sm btn-icon btn-bg-light btn-active-color-primary w-30px h-30px">{!! getIcon('black-right', 'fs-2 text-gray-500') !!}</a>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<!--end::Table body-->
|
||||
</table>
|
||||
<!--end::Table-->
|
||||
</div>
|
||||
<!--end::Table container-->
|
||||
</div>
|
||||
<!--end::Tap pane-->
|
||||
<!--begin::Tap pane-->
|
||||
<div class="tab-pane fade" id="kt_stats_widget_16_tab_3">
|
||||
<!--begin::Table container-->
|
||||
<div class="table-responsive">
|
||||
<!--begin::Table-->
|
||||
<table class="table table-row-dashed align-middle gs-0 gy-3 my-0">
|
||||
<!--begin::Table head-->
|
||||
<thead>
|
||||
<tr class="fs-7 fw-bold text-gray-400 border-bottom-0">
|
||||
<th class="p-0 pb-3 min-w-150px text-start">AUTHOR</th>
|
||||
<th class="p-0 pb-3 min-w-100px text-end pe-13">CONV.</th>
|
||||
<th class="p-0 pb-3 w-125px text-end pe-7">CHART</th>
|
||||
<th class="p-0 pb-3 w-50px text-end">VIEW</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<!--end::Table head-->
|
||||
<!--begin::Table body-->
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="symbol symbol-50px me-3">
|
||||
<img src="assets/media/avatars/300-11.jpg" class="" alt="" />
|
||||
</div>
|
||||
<div class="d-flex justify-content-start flex-column">
|
||||
<a href="#" class="text-gray-800 fw-bold text-hover-primary mb-1 fs-6">Jacob Jones</a>
|
||||
<span class="text-gray-400 fw-semibold d-block fs-7">New York</span>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td class="text-end pe-13">
|
||||
<span class="text-gray-600 fw-bold fs-6">52.34%</span>
|
||||
</td>
|
||||
<td class="text-end pe-0">
|
||||
<div id="kt_table_widget_16_chart_3_1" class="h-50px mt-n8 pe-7" data-kt-chart-color="success"></div>
|
||||
</td>
|
||||
<td class="text-end">
|
||||
<a href="#" class="btn btn-sm btn-icon btn-bg-light btn-active-color-primary w-30px h-30px">{!! getIcon('black-right', 'fs-2 text-gray-500') !!}</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="symbol symbol-50px me-3">
|
||||
<img src="assets/media/avatars/300-23.jpg" class="" alt="" />
|
||||
</div>
|
||||
<div class="d-flex justify-content-start flex-column">
|
||||
<a href="#" class="text-gray-800 fw-bold text-hover-primary mb-1 fs-6">Ronald Richards</a>
|
||||
<span class="text-gray-400 fw-semibold d-block fs-7">Madrid</span>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td class="text-end pe-13">
|
||||
<span class="text-gray-600 fw-bold fs-6">77.65%</span>
|
||||
</td>
|
||||
<td class="text-end pe-0">
|
||||
<div id="kt_table_widget_16_chart_3_2" class="h-50px mt-n8 pe-7" data-kt-chart-color="danger"></div>
|
||||
</td>
|
||||
<td class="text-end">
|
||||
<a href="#" class="btn btn-sm btn-icon btn-bg-light btn-active-color-primary w-30px h-30px">{!! getIcon('black-right', 'fs-2 text-gray-500') !!}</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="symbol symbol-50px me-3">
|
||||
<img src="assets/media/avatars/300-4.jpg" class="" alt="" />
|
||||
</div>
|
||||
<div class="d-flex justify-content-start flex-column">
|
||||
<a href="#" class="text-gray-800 fw-bold text-hover-primary mb-1 fs-6">Leslie Alexander</a>
|
||||
<span class="text-gray-400 fw-semibold d-block fs-7">Pune</span>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td class="text-end pe-13">
|
||||
<span class="text-gray-600 fw-bold fs-6">82.47%</span>
|
||||
</td>
|
||||
<td class="text-end pe-0">
|
||||
<div id="kt_table_widget_16_chart_3_3" class="h-50px mt-n8 pe-7" data-kt-chart-color="success"></div>
|
||||
</td>
|
||||
<td class="text-end">
|
||||
<a href="#" class="btn btn-sm btn-icon btn-bg-light btn-active-color-primary w-30px h-30px">{!! getIcon('black-right', 'fs-2 text-gray-500') !!}</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="symbol symbol-50px me-3">
|
||||
<img src="assets/media/avatars/300-1.jpg" class="" alt="" />
|
||||
</div>
|
||||
<div class="d-flex justify-content-start flex-column">
|
||||
<a href="#" class="text-gray-800 fw-bold text-hover-primary mb-1 fs-6">Courtney Henry</a>
|
||||
<span class="text-gray-400 fw-semibold d-block fs-7">Mexico</span>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td class="text-end pe-13">
|
||||
<span class="text-gray-600 fw-bold fs-6">67.84%</span>
|
||||
</td>
|
||||
<td class="text-end pe-0">
|
||||
<div id="kt_table_widget_16_chart_3_4" class="h-50px mt-n8 pe-7" data-kt-chart-color="success"></div>
|
||||
</td>
|
||||
<td class="text-end">
|
||||
<a href="#" class="btn btn-sm btn-icon btn-bg-light btn-active-color-primary w-30px h-30px">{!! getIcon('black-right', 'fs-2 text-gray-500') !!}</a>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<!--end::Table body-->
|
||||
</table>
|
||||
<!--end::Table-->
|
||||
</div>
|
||||
<!--end::Table container-->
|
||||
</div>
|
||||
<!--end::Tap pane-->
|
||||
<!--begin::Tap pane-->
|
||||
<div class="tab-pane fade" id="kt_stats_widget_16_tab_4">
|
||||
<!--begin::Table container-->
|
||||
<div class="table-responsive">
|
||||
<!--begin::Table-->
|
||||
<table class="table table-row-dashed align-middle gs-0 gy-3 my-0">
|
||||
<!--begin::Table head-->
|
||||
<thead>
|
||||
<tr class="fs-7 fw-bold text-gray-400 border-bottom-0">
|
||||
<th class="p-0 pb-3 min-w-150px text-start">AUTHOR</th>
|
||||
<th class="p-0 pb-3 min-w-100px text-end pe-13">CONV.</th>
|
||||
<th class="p-0 pb-3 w-125px text-end pe-7">CHART</th>
|
||||
<th class="p-0 pb-3 w-50px text-end">VIEW</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<!--end::Table head-->
|
||||
<!--begin::Table body-->
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="symbol symbol-50px me-3">
|
||||
<img src="assets/media/avatars/300-12.jpg" class="" alt="" />
|
||||
</div>
|
||||
<div class="d-flex justify-content-start flex-column">
|
||||
<a href="#" class="text-gray-800 fw-bold text-hover-primary mb-1 fs-6">Arlene McCoy</a>
|
||||
<span class="text-gray-400 fw-semibold d-block fs-7">London</span>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td class="text-end pe-13">
|
||||
<span class="text-gray-600 fw-bold fs-6">53.44%</span>
|
||||
</td>
|
||||
<td class="text-end pe-0">
|
||||
<div id="kt_table_widget_16_chart_4_1" class="h-50px mt-n8 pe-7" data-kt-chart-color="success"></div>
|
||||
</td>
|
||||
<td class="text-end">
|
||||
<a href="#" class="btn btn-sm btn-icon btn-bg-light btn-active-color-primary w-30px h-30px">{!! getIcon('black-right', 'fs-2 text-gray-500') !!}</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="symbol symbol-50px me-3">
|
||||
<img src="assets/media/avatars/300-21.jpg" class="" alt="" />
|
||||
</div>
|
||||
<div class="d-flex justify-content-start flex-column">
|
||||
<a href="#" class="text-gray-800 fw-bold text-hover-primary mb-1 fs-6">Marvin McKinneyr</a>
|
||||
<span class="text-gray-400 fw-semibold d-block fs-7">Monaco</span>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td class="text-end pe-13">
|
||||
<span class="text-gray-600 fw-bold fs-6">74.64%</span>
|
||||
</td>
|
||||
<td class="text-end pe-0">
|
||||
<div id="kt_table_widget_16_chart_4_2" class="h-50px mt-n8 pe-7" data-kt-chart-color="danger"></div>
|
||||
</td>
|
||||
<td class="text-end">
|
||||
<a href="#" class="btn btn-sm btn-icon btn-bg-light btn-active-color-primary w-30px h-30px">{!! getIcon('black-right', 'fs-2 text-gray-500') !!}</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="symbol symbol-50px me-3">
|
||||
<img src="assets/media/avatars/300-30.jpg" class="" alt="" />
|
||||
</div>
|
||||
<div class="d-flex justify-content-start flex-column">
|
||||
<a href="#" class="text-gray-800 fw-bold text-hover-primary mb-1 fs-6">Jacob Jones</a>
|
||||
<span class="text-gray-400 fw-semibold d-block fs-7">PManila</span>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td class="text-end pe-13">
|
||||
<span class="text-gray-600 fw-bold fs-6">88.56%</span>
|
||||
</td>
|
||||
<td class="text-end pe-0">
|
||||
<div id="kt_table_widget_16_chart_4_3" class="h-50px mt-n8 pe-7" data-kt-chart-color="success"></div>
|
||||
</td>
|
||||
<td class="text-end">
|
||||
<a href="#" class="btn btn-sm btn-icon btn-bg-light btn-active-color-primary w-30px h-30px">{!! getIcon('black-right', 'fs-2 text-gray-500') !!}</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="symbol symbol-50px me-3">
|
||||
<img src="assets/media/avatars/300-14.jpg" class="" alt="" />
|
||||
</div>
|
||||
<div class="d-flex justify-content-start flex-column">
|
||||
<a href="#" class="text-gray-800 fw-bold text-hover-primary mb-1 fs-6">Esther Howard</a>
|
||||
<span class="text-gray-400 fw-semibold d-block fs-7">Iceland</span>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td class="text-end pe-13">
|
||||
<span class="text-gray-600 fw-bold fs-6">63.16%</span>
|
||||
</td>
|
||||
<td class="text-end pe-0">
|
||||
<div id="kt_table_widget_16_chart_4_4" class="h-50px mt-n8 pe-7" data-kt-chart-color="success"></div>
|
||||
</td>
|
||||
<td class="text-end">
|
||||
<a href="#" class="btn btn-sm btn-icon btn-bg-light btn-active-color-primary w-30px h-30px">{!! getIcon('black-right', 'fs-2 text-gray-500') !!}</a>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<!--end::Table body-->
|
||||
</table>
|
||||
<!--end::Table-->
|
||||
</div>
|
||||
<!--end::Table container-->
|
||||
</div>
|
||||
<!--end::Tap pane-->
|
||||
<!--begin::Tap pane-->
|
||||
<div class="tab-pane fade" id="kt_stats_widget_16_tab_5">
|
||||
<!--begin::Table container-->
|
||||
<div class="table-responsive">
|
||||
<!--begin::Table-->
|
||||
<table class="table table-row-dashed align-middle gs-0 gy-3 my-0">
|
||||
<!--begin::Table head-->
|
||||
<thead>
|
||||
<tr class="fs-7 fw-bold text-gray-400 border-bottom-0">
|
||||
<th class="p-0 pb-3 min-w-150px text-start">AUTHOR</th>
|
||||
<th class="p-0 pb-3 min-w-100px text-end pe-13">CONV.</th>
|
||||
<th class="p-0 pb-3 w-125px text-end pe-7">CHART</th>
|
||||
<th class="p-0 pb-3 w-50px text-end">VIEW</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<!--end::Table head-->
|
||||
<!--begin::Table body-->
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="symbol symbol-50px me-3">
|
||||
<img src="assets/media/avatars/300-6.jpg" class="" alt="" />
|
||||
</div>
|
||||
<div class="d-flex justify-content-start flex-column">
|
||||
<a href="#" class="text-gray-800 fw-bold text-hover-primary mb-1 fs-6">Jane Cooper</a>
|
||||
<span class="text-gray-400 fw-semibold d-block fs-7">Haiti</span>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td class="text-end pe-13">
|
||||
<span class="text-gray-600 fw-bold fs-6">68.54%</span>
|
||||
</td>
|
||||
<td class="text-end pe-0">
|
||||
<div id="kt_table_widget_16_chart_5_1" class="h-50px mt-n8 pe-7" data-kt-chart-color="success"></div>
|
||||
</td>
|
||||
<td class="text-end">
|
||||
<a href="#" class="btn btn-sm btn-icon btn-bg-light btn-active-color-primary w-30px h-30px">{!! getIcon('black-right', 'fs-2 text-gray-500') !!}</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="symbol symbol-50px me-3">
|
||||
<img src="assets/media/avatars/300-10.jpg" class="" alt="" />
|
||||
</div>
|
||||
<div class="d-flex justify-content-start flex-column">
|
||||
<a href="#" class="text-gray-800 fw-bold text-hover-primary mb-1 fs-6">Esther Howard</a>
|
||||
<span class="text-gray-400 fw-semibold d-block fs-7">Kiribati</span>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td class="text-end pe-13">
|
||||
<span class="text-gray-600 fw-bold fs-6">55.83%</span>
|
||||
</td>
|
||||
<td class="text-end pe-0">
|
||||
<div id="kt_table_widget_16_chart_5_2" class="h-50px mt-n8 pe-7" data-kt-chart-color="danger"></div>
|
||||
</td>
|
||||
<td class="text-end">
|
||||
<a href="#" class="btn btn-sm btn-icon btn-bg-light btn-active-color-primary w-30px h-30px">{!! getIcon('black-right', 'fs-2 text-gray-500') !!}</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="symbol symbol-50px me-3">
|
||||
<img src="assets/media/avatars/300-9.jpg" class="" alt="" />
|
||||
</div>
|
||||
<div class="d-flex justify-content-start flex-column">
|
||||
<a href="#" class="text-gray-800 fw-bold text-hover-primary mb-1 fs-6">Jacob Jones</a>
|
||||
<span class="text-gray-400 fw-semibold d-block fs-7">Poland</span>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td class="text-end pe-13">
|
||||
<span class="text-gray-600 fw-bold fs-6">93.46%</span>
|
||||
</td>
|
||||
<td class="text-end pe-0">
|
||||
<div id="kt_table_widget_16_chart_5_3" class="h-50px mt-n8 pe-7" data-kt-chart-color="success"></div>
|
||||
</td>
|
||||
<td class="text-end">
|
||||
<a href="#" class="btn btn-sm btn-icon btn-bg-light btn-active-color-primary w-30px h-30px">{!! getIcon('black-right', 'fs-2 text-gray-500') !!}</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="symbol symbol-50px me-3">
|
||||
<img src="assets/media/avatars/300-3.jpg" class="" alt="" />
|
||||
</div>
|
||||
<div class="d-flex justify-content-start flex-column">
|
||||
<a href="#" class="text-gray-800 fw-bold text-hover-primary mb-1 fs-6">Ralph Edwards</a>
|
||||
<span class="text-gray-400 fw-semibold d-block fs-7">Mexico</span>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td class="text-end pe-13">
|
||||
<span class="text-gray-600 fw-bold fs-6">64.48%</span>
|
||||
</td>
|
||||
<td class="text-end pe-0">
|
||||
<div id="kt_table_widget_16_chart_5_4" class="h-50px mt-n8 pe-7" data-kt-chart-color="success"></div>
|
||||
</td>
|
||||
<td class="text-end">
|
||||
<a href="#" class="btn btn-sm btn-icon btn-bg-light btn-active-color-primary w-30px h-30px">{!! getIcon('black-right', 'fs-2 text-gray-500') !!}</a>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<!--end::Table body-->
|
||||
</table>
|
||||
<!--end::Table-->
|
||||
</div>
|
||||
<!--end::Table container-->
|
||||
</div>
|
||||
<!--end::Tap pane-->
|
||||
<!--end::Table container-->
|
||||
</div>
|
||||
<!--end::Tab Content-->
|
||||
</div>
|
||||
<!--end: Card Body-->
|
||||
</div>
|
||||
<!--end::Tables widget 16-->
|
||||
Reference in New Issue
Block a user