john
Ilham Wara Nugroho 2025-11-24 13:07:30 +07:00
parent e415904bae
commit d8d666a3a2
46 changed files with 4677 additions and 1051 deletions

View File

@ -4,6 +4,7 @@ use Illuminate\Support\Str;
use App\Models\Master\Menu;
use App\Models\Master\AccessMenu;
use App\Models\User;
use App\Models\GWP;
if (!function_exists('taskLabel')) {
/**
@ -328,3 +329,76 @@ if (!function_exists('include_files_in_folder')) {
}
}
}
//NEWW
if (!function_exists('getMatriks')) {
function getMatriks($ghgCode,$arCode)
{
$gwp = GWP::whereHas('ghg',function($queryGHG) use ($ghgCode){
$queryGHG->where('kode',$ghgCode);
})->whereHas('ar',function($queryAR) use ($arCode){
$queryAR->where('kode',$arCode);
})->first();
return @$gwp->value;
}
}
if (!function_exists('getFormattedValue')) {
function getFormattedValue($value, $decNum = 8, $hasTrail = false)
{
if ($value !== null && $value !== '' && is_numeric($value)) {
// Convert to float and format with maximum decimal places
$value = number_format((float) $value, $decNum, ',', '.');
// Remove trailing zeros and the decimal separator if there are no decimals left
if ($hasTrail == false) {
$value = rtrim(rtrim($value, '0'), ',');
}
}
return $value;
}
}
if (!function_exists('getOriginalValue')) {
function getOriginalValue($value)
{
if ($value) {
$value = str_replace('.', '', $value); // Remove periods
$value = str_replace(',', '.', $value); // Replace commas with periods
if (is_numeric($value)) {
return (float) $value;
}
}
return $value;
}
}
if (!function_exists('formatActivityCode')) {
function formatActivityCode($code)
{
if (strpos($code, '_') === false && strlen($code) <= 3) {
return strtoupper($code);
} else {
$words = explode('_', $code);
$formattedWords = array_map('ucwords', $words);
return implode(' ', $formattedWords);
}
}
}
if (!function_exists('activityYearRange')) {
function activityYearRange(int $inventoryYear, $isDesc = true, int $range = 15): array
{
if ($isDesc == true) {
return range($inventoryYear - 1, $inventoryYear - $range);
} else {
return range($inventoryYear - $range, $inventoryYear - 1);
}
}
}

View File

@ -7,12 +7,17 @@ use Illuminate\Http\Request;
class DashboardAdaptasiController extends Controller
{
protected $title = 'Dashboard Adaptasi';
protected $template = 'modules.dashboard.adaptasi';
protected $route = 'modules.dashboard.adaptasi';
/**
* Display a listing of the resource.
*/
public function index()
{
//
$data['title'] = $this->title;
return view($this->template.'.index',$data);
}
/**

View File

@ -7,12 +7,17 @@ use Illuminate\Http\Request;
class DashboardInventoryController extends Controller
{
protected $title = 'Dashboard Inventory';
protected $template = 'modules.dashboard.inventory';
protected $route = 'modules.dashboard.inventory';
/**
* Display a listing of the resource.
*/
public function index()
{
//
$data['title'] = $this->title;
return view($this->template.'.index',$data);
}
/**

View File

@ -7,12 +7,17 @@ use Illuminate\Http\Request;
class DashboardMitigasiController extends Controller
{
protected $title = 'Dashboard Mitigasi';
protected $template = 'modules.dashboard.mitigasi';
protected $route = 'modules.dashboard.mitigasi';
/**
* Display a listing of the resource.
*/
public function index()
{
//
$data['title'] = $this->title;
return view($this->template.'.index',$data);
}
/**

View File

@ -5,7 +5,7 @@ namespace App\Http\Controllers\Energi;
use App\Http\Controllers\Controller;
use Illuminate\Http\Request;
class PengunaanListrikController extends Controller
class PenggunaanListrikController extends Controller
{
/**
* Display a listing of the resource.

View File

@ -4,15 +4,73 @@ namespace App\Http\Controllers\Pengaturan;
use App\Http\Controllers\Controller;
use Illuminate\Http\Request;
use App\Models\AR;
class ARController extends Controller
{
protected $title = 'AR';
protected $template = 'modules.pengaturan.ar';
protected $route = 'modules.pengaturan.ar';
/**
* Display a listing of the resource.
*/
public function index()
{
//
permission('is_read', $this->route, 'module',true);
$data['breadcrumbs'] = [
['name' => 'Dashboard'],
['name' => 'Pengaturan'],
['name' => 'AR','active' => true],
];
$data['title'] = $this->title;
$data['route'] = $this->route;
return view($this->template.'.index',$data);
}
public function grid(Request $request)
{
$data = AR::orderBy('nomor_baris','ASC')->get();
$_data = [];
foreach ($data as $key => $row) {
$action = '';
$status = '';
if($row->status == 0){
$status = '<span class="btn btn-sm btn-block btn-danger"> Tidak Aktif </span>';
}else{
$status = '<span class="btn btn-sm btn-block btn-success"> Aktif </span>';
}
$action .= '<div class="d-flex gap-1">';
if((permission('is_create', $this->route.'.*','module',false)) || (permission('is_update', $this->route.'.*','module',false))){
$action .= '<a data-id="'.encode_id($row->ArId).'" href="'.url('pengaturan/ar/update/'.encode_id($row->ArId)).'" data-toggle="tooltip" title="Edit Data" class="btn btn-sm btn-block btn-primary"><i class="mdi mdi-pencil text-white"></i></a>';
if(session('group_id') == 1){
$action .= '<a href="#" data-href="'.url('pengaturan/ar/delete/'.encode_id($row->ArId)).'" data-toggle="tooltip" title="Edit Data" class="remove_data btn btn-sm btn-block btn-danger"><i class="mdi mdi-delete text-white"></i></a>';
}
}
$action .= '</div>';
$_data[] = [
'no' => $key+1,
'id' => encode_id($row->ArId),
'kode' => @$row->kode,
'nama' => @$row->nama,
'deskripsi' => @$row->deskripsi,
'nomor_baris' => @$row->nomor_baris,
'status' => @$status,
'action' => @$action,
];
}
// return response()->json($_data); // Return the data as a JSON response
return response()->json($_data);
}
/**
@ -28,7 +86,52 @@ class ARController extends Controller
*/
public function store(Request $request)
{
//
$request->validate([
'kode' => 'required|string|max:255|unique:p_ar,kode',
'nama' => 'required|string|max:255',
'deskripsi' => 'required|string',
'nomor_baris' => 'required|numeric',
],[
'kode.unique' => 'Kode Tidak Boleh Sama',
'nomor_baris.numeric' => 'Nomor Baris Harus Berupa Angka',
'kode.required' => 'Tidak Boleh Kosong',
'nama.required' => 'Tidak Boleh Kosong',
'deskripsi.required' => 'Tidak Boleh Kosong',
'nomor_baris.required' => 'Tidak Boleh Kosong',
]);
try {
if(@request()->secure_id){
$keyId = decode_id(@request()->secure_id);
$data = AR::find($keyId);
$data->kode = $request->kode;
$data->nama = $request->nama;
$data->deskripsi = $request->deskripsi;
$data->nomor_baris = $request->nomor_baris;
$data->status = $request->status;
$data->save();
}else{
$data = new AR;
$data->kode = $request->kode;
$data->nama = $request->nama;
$data->deskripsi = $request->deskripsi;
$data->nomor_baris = $request->nomor_baris;
$data->status = $request->status;
$data->save();
}
return redirect()->back()->with([
'message' => 'Berhasil update data',
'type' => 'success',
]);
} catch (\Exception $e) {
return redirect()->back()->with([
'message' => 'Gagal disimpan. Silakan coba lagi. Error: ' . $e->getMessage(),
'type' => 'error',
]);
}
}
/**
@ -50,9 +153,28 @@ class ARController extends Controller
/**
* Update the specified resource in storage.
*/
public function update(Request $request, string $id)
public function update($id = null)
{
//
$data['breadcrumbs'] = [
['name' => 'Dashboard'],
['name' => 'Pengaturan'],
['name' => 'AR','active' => true],
];
$keyId = decode_id($id);
$data['title'] = $this->title;
$data['route'] = $this->route;
$data['keyId'] = $id;
$data['item'] = AR::where('ArId',$keyId)->first();
return view($this->template.'.form',$data);
}
public function delete($id)
{
$keyId = decode_id($id);
$data = AR::where('ArId',$keyId)->delete();
return response()->json(['success' => true,'message' => 'Berhasil update data','type' => 'success']);
}
/**

View File

@ -0,0 +1,187 @@
<?php
namespace App\Http\Controllers\Pengaturan;
use App\Http\Controllers\Controller;
use Illuminate\Http\Request;
use App\Models\GHG;
class GHGController extends Controller
{
protected $title = 'GHG';
protected $template = 'modules.pengaturan.ghg';
protected $route = 'modules.pengaturan.ghg';
/**
* Display a listing of the resource.
*/
public function index()
{
permission('is_read', $this->route, 'module',true);
$data['breadcrumbs'] = [
['name' => 'Dashboard'],
['name' => 'Pengaturan'],
['name' => 'GHG','active' => true],
];
$data['title'] = $this->title;
$data['route'] = $this->route;
return view($this->template.'.index',$data);
}
public function grid(Request $request)
{
$data = GHG::orderBy('nomor_baris','ASC')->get();
$_data = [];
foreach ($data as $key => $row) {
$action = '';
$status = '';
if($row->status == 0){
$status = '<span class="btn btn-sm btn-block btn-danger"> Tidak Aktif </span>';
}else{
$status = '<span class="btn btn-sm btn-block btn-success"> Aktif </span>';
}
$action .= '<div class="d-flex gap-1">';
if((permission('is_create', $this->route.'.*','module',false)) || (permission('is_update', $this->route.'.*','module',false))){
$action .= '<a data-id="'.encode_id($row->GhgId).'" href="'.url('pengaturan/ghg/update/'.encode_id($row->GhgId)).'" data-toggle="tooltip" title="Edit Data" class="btn btn-sm btn-block btn-primary"><i class="mdi mdi-pencil text-white"></i></a>';
if(session('group_id') == 1){
$action .= '<a href="#" data-href="'.url('pengaturan/ghg/delete/'.encode_id($row->GhgId)).'" data-toggle="tooltip" title="Edit Data" class="remove_data btn btn-sm btn-block btn-danger"><i class="mdi mdi-delete text-white"></i></a>';
}
}
$action .= '</div>';
$_data[] = [
'no' => $key+1,
'id' => encode_id($row->GhgId),
'kode' => @$row->kode,
'nama' => @$row->nama,
'deskripsi' => @$row->deskripsi,
'nomor_baris' => @$row->nomor_baris,
'status' => @$status,
'action' => @$action,
];
}
// return response()->json($_data); // Return the data as a JSON response
return response()->json($_data);
}
/**
* Show the form for creating a new resource.
*/
public function create()
{
//
}
/**
* Store a newly created resource in storage.
*/
public function store(Request $request)
{
$request->validate([
'kode' => 'required|string|max:255|unique:p_ar,kode',
'nama' => 'required|string|max:255',
'deskripsi' => 'required|string',
'nomor_baris' => 'required|numeric',
],[
'kode.unique' => 'Kode Tidak Boleh Sama',
'nomor_baris.numeric' => 'Nomor Baris Harus Berupa Angka',
'kode.required' => 'Tidak Boleh Kosong',
'nama.required' => 'Tidak Boleh Kosong',
'deskripsi.required' => 'Tidak Boleh Kosong',
'nomor_baris.required' => 'Tidak Boleh Kosong',
]);
try {
if(@request()->secure_id){
$keyId = decode_id(@request()->secure_id);
$data = GHG::find($keyId);
$data->kode = $request->kode;
$data->nama = $request->nama;
$data->deskripsi = $request->deskripsi;
$data->nomor_baris = $request->nomor_baris;
$data->status = $request->status;
$data->save();
}else{
$data = new GHG;
$data->kode = $request->kode;
$data->nama = $request->nama;
$data->deskripsi = $request->deskripsi;
$data->nomor_baris = $request->nomor_baris;
$data->status = $request->status;
$data->save();
}
return redirect()->back()->with([
'message' => 'Berhasil update data',
'type' => 'success',
]);
} catch (\Exception $e) {
return redirect()->back()->with([
'message' => 'Gagal disimpan. Silakan coba lagi. Error: ' . $e->getMessage(),
'type' => 'error',
]);
}
}
/**
* Display the specified resource.
*/
public function show(string $id)
{
//
}
/**
* Show the form for editing the specified resource.
*/
public function edit(string $id)
{
//
}
/**
* Update the specified resource in storage.
*/
public function update($id = null)
{
$data['breadcrumbs'] = [
['name' => 'Dashboard'],
['name' => 'Pengaturan'],
['name' => 'GHG','active' => true],
];
$keyId = decode_id($id);
$data['title'] = $this->title;
$data['route'] = $this->route;
$data['keyId'] = $id;
$data['item'] = GHG::where('GhgId',$keyId)->first();
return view($this->template.'.form',$data);
}
public function delete($id)
{
$keyId = decode_id($id);
$data = GHG::where('GhgId',$keyId)->delete();
return response()->json(['success' => true,'message' => 'Berhasil update data','type' => 'success']);
}
/**
* Remove the specified resource from storage.
*/
public function destroy(string $id)
{
//
}
}

View File

@ -4,15 +4,83 @@ namespace App\Http\Controllers\Pengaturan;
use App\Http\Controllers\Controller;
use Illuminate\Http\Request;
use App\Models\GHG;
use App\Models\AR;
use App\Models\GWP;
class GWPController extends Controller
{
protected $title = 'GWP';
protected $template = 'modules.pengaturan.gwp';
protected $route = 'modules.pengaturan.gwp';
/**
* Display a listing of the resource.
*/
public function index()
{
//
permission('is_read', $this->route, 'module',true);
$data['breadcrumbs'] = [
['name' => 'Dashboard'],
['name' => 'Pengaturan'],
['name' => 'GWP','active' => true],
];
$data['title'] = $this->title;
$data['route'] = $this->route;
$data['ar'] = AR::where('status',1)->orderBy('nomor_baris','ASC')->get();
return view($this->template.'.form',$data);
}
public function grid(Request $request)
{
$data = GHG::orderBy('nomor_baris','ASC')->get();
$ar = AR::where('status',1)->orderBy('nomor_baris','ASC')->get();
$_data = [];
foreach ($data as $key => $row) {
$_ardata = [];
foreach ($ar as $keyAr => $rowAr) {
$_ardata['ar_'.$rowAr->ArId.'_'.strtolower($rowAr->kode)] = '<input name="ar_'.$rowAr->ArId.'_'.strtolower($rowAr->kode).'[]" type="text" value="'.getFormattedValue( getMatriks($row->kode, $rowAr->kode)).'" class="form-control">';
}
$action = '';
$status = '';
if($row->status == 0){
$status = '<span class="btn btn-sm btn-block btn-danger"> Tidak Aktif </span>';
}else{
$status = '<span class="btn btn-sm btn-block btn-success"> Aktif </span>';
}
$action .= '<div class="d-flex gap-1">';
if((permission('is_create', $this->route.'.*','module',false)) || (permission('is_update', $this->route.'.*','module',false))){
$action .= '<a data-id="'.encode_id($row->GhgId).'" href="'.url('pengaturan/ghg/update/'.encode_id($row->GhgId)).'" data-toggle="tooltip" title="Edit Data" class="btn btn-sm btn-block btn-primary"><i class="mdi mdi-pencil text-white"></i></a>';
if(session('group_id') == 1){
$action .= '<a href="#" data-href="'.url('pengaturan/ghg/delete/'.encode_id($row->GhgId)).'" data-toggle="tooltip" title="Edit Data" class="remove_data btn btn-sm btn-block btn-danger"><i class="mdi mdi-delete text-white"></i></a>';
}
}
$action .= '</div>';
$_data[] = array_merge([
'no' => $key+1,
'id' => encode_id($row->GhgId),
'kode' => '<input name="ghg[]" type="hidden" value="'.encode_id($row->GhgId).'" class="form-control">'.@$row->kode,
'nama' => @$row->deskripsi,
'status' => @$status,
'action' => @$action,
],$_ardata);
}
// return response()->json($_data); // Return the data as a JSON response
return response()->json($_data);
}
/**
@ -28,7 +96,85 @@ class GWPController extends Controller
*/
public function store(Request $request)
{
//
$post = request()->all();
$ghg_list = $post['ghg'] ?? [];
$ghg_count = count($ghg_list);
$ar_inputs = [];
try {
foreach ($post as $k => $v) {
if (\Str::startsWith($k, 'ar_')) {
// ekstrak ArId dari nama, format di code sebelumnya: ar_{ArId}_{kode}
if (preg_match('/^ar_(\d+)_/', $k, $m)) {
$arId = (int) $m[1];
} else {
// fallback: jika tidak ada angka, gunakan seluruh key (atau handle sesuai kebutuhan)
// skip jika tidak bisa ambil ArId
continue;
}
$ar_inputs[$arId] = array_values((array) $v); // cast ke array & reindex
}
}
foreach ($ar_inputs as $arId => $vals) {
$len = count($vals);
if ($len < $ghg_count) {
$ar_inputs[$arId] = array_pad($vals, $ghg_count, null);
} elseif ($len > $ghg_count) {
$ar_inputs[$arId] = array_slice($vals, 0, $ghg_count);
}
}
$inserts = [];
$now = now();
for ($i = 0; $i < $ghg_count; $i++) {
// decode ghg id (sesuaikan fungsi decode_id)
$ghgEncoded = $ghg_list[$i];
$ghgId = decode_id($ghgEncoded);
foreach ($ar_inputs as $arId => $vals) {
$rawValue = $vals[$i];
$value = is_string($rawValue) ? trim($rawValue) : $rawValue;
if ($value === '') $value = null;
$inserts[] = [
'ghg_id' => $ghgId,
'ar_id' => $arId,
'value' => $value,
'created_at'=> $now,
'updated_at'=> $now,
];
}
}
\DB::transaction(function () use ($inserts) {
$chunkSize = 500;
foreach (array_chunk($inserts, $chunkSize) as $chunk) {
foreach ($chunk as $row) {
GWP::updateOrCreate(
[
'ghg_id' => $row['ghg_id'],
'ar_id' => $row['ar_id'],
],[
'value' => @$row['value'] ? @$row['value'] : 0
]
);
}
}
});
return redirect()->back()->with([
'message' => 'Berhasil update data',
'type' => 'success',
]);
} catch (\Exception $e) {
return redirect()->back()->with([
'message' => 'Gagal disimpan. Silakan coba lagi. Error: ' . $e->getMessage(),
'type' => 'error',
]);
}
}
/**
@ -50,7 +196,7 @@ class GWPController extends Controller
/**
* Update the specified resource in storage.
*/
public function update(Request $request, string $id)
public function update($id = null)
{
//
}

15
app/Models/AR.php 100644
View File

@ -0,0 +1,15 @@
<?php
namespace App\Models;
use Illuminate\Database\Eloquent\Model;
use Illuminate\Database\Eloquent\SoftDeletes;
class AR extends Model
{
use SoftDeletes;
protected $table = 'p_ar';
protected $primaryKey = 'ArId';
protected $guarded = [];
}

15
app/Models/GHG.php 100644
View File

@ -0,0 +1,15 @@
<?php
namespace App\Models;
use Illuminate\Database\Eloquent\Model;
use Illuminate\Database\Eloquent\SoftDeletes;
class GHG extends Model
{
use SoftDeletes;
protected $table = 'p_ghg';
protected $primaryKey = 'GhgId';
protected $guarded = [];
}

23
app/Models/GWP.php 100644
View File

@ -0,0 +1,23 @@
<?php
namespace App\Models;
use Illuminate\Database\Eloquent\Model;
use Illuminate\Database\Eloquent\SoftDeletes;
class GWP extends Model
{
use SoftDeletes;
protected $table = 'p_gwp';
protected $primaryKey = 'GwpId';
protected $guarded = [];
function ghg() {
return $this->belongsTo(\App\Models\GHG::class,'ghg_id');
}
function ar() {
return $this->belongsTo(\App\Models\AR::class,'ar_id');
}
}

View File

@ -0,0 +1,42 @@
<?php
namespace App\Rules;
use Closure;
use Illuminate\Contracts\Validation\ValidationRule;
use Illuminate\Support\Facades\DB;
class ExistInSchema implements ValidationRule
{
protected $schema;
protected $table;
protected $column;
public function __construct($schema, $table, $column)
{
$this->schema = $schema;
$this->table = $table;
$this->column = $column;
}
public function passes($attribute, $value)
{
// Check if a record exists with the given value in the specified schema, table, and column.
$query = DB::table($this->schema . '.' . $this->table)
->where($this->column, $value);
return $query->exists();
}
public function message()
{
return 'The selected :attribute is invalid.';
}
public function validate(string $attribute, mixed $value, Closure $fail): void
{
if (!$this->passes($attribute, $value)) {
$fail($this->message());
}
}
}

View File

@ -0,0 +1,47 @@
<?php
namespace App\Rules;
use Closure;
use Illuminate\Contracts\Validation\ValidationRule;
use Illuminate\Support\Facades\DB;
class UniqueInSchema implements ValidationRule
{
protected $schema;
protected $table;
protected $column;
protected $ignoreId;
public function __construct($schema, $table, $column, $ignoreId = null)
{
$this->schema = $schema;
$this->table = $table;
$this->column = $column;
$this->ignoreId = $ignoreId;
}
public function passes($attribute, $value)
{
$query = DB::table($this->schema . '.' . $this->table)
->where($this->column, $value);
if ($this->ignoreId !== null) {
$query->where('id', '!=', $this->ignoreId);
}
return !$query->exists();
}
public function message()
{
return 'The :attribute has already been taken.';
}
public function validate(string $attribute, mixed $value, Closure $fail): void
{
if (!$this->passes($attribute, $value)) {
$fail($this->message());
}
}
}

View File

@ -0,0 +1,33 @@
<?php
use Illuminate\Database\Migrations\Migration;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Support\Facades\Schema;
return new class extends Migration
{
/**
* Run the migrations.
*/
public function up(): void
{
Schema::create('p_ar', function (Blueprint $table) {
$table->id('ArId');
$table->string('kode')->nullable();
$table->string('nama')->nullable();
$table->integer('nomor_baris');
$table->text('deskripsi')->nullable();
$table->integer('status')->default(0);
$table->timestampsTz();
$table->softdeletesTz();
});
}
/**
* Reverse the migrations.
*/
public function down(): void
{
Schema::dropIfExists('a_r_s');
}
};

View File

@ -0,0 +1,33 @@
<?php
use Illuminate\Database\Migrations\Migration;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Support\Facades\Schema;
return new class extends Migration
{
/**
* Run the migrations.
*/
public function up(): void
{
Schema::create('p_ghg', function (Blueprint $table) {
$table->id('GhgId');
$table->string('kode')->nullable();
$table->string('nama')->nullable();
$table->integer('nomor_baris');
$table->text('deskripsi')->nullable();
$table->integer('status')->default(0);
$table->timestampsTz();
$table->softdeletesTz();
});
}
/**
* Reverse the migrations.
*/
public function down(): void
{
Schema::dropIfExists('g_h_g_s');
}
};

View File

@ -0,0 +1,32 @@
<?php
use Illuminate\Database\Migrations\Migration;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Support\Facades\Schema;
return new class extends Migration
{
/**
* Run the migrations.
*/
public function up(): void
{
Schema::create('p_gwp', function (Blueprint $table) {
$table->id('GwpId');
$table->integer('ar_id');
$table->integer('ghg_id');
$table->float('value');
$table->integer('status')->default(1);
$table->timestampsTz();
$table->softdeletesTz();
});
}
/**
* Reverse the migrations.
*/
public function down(): void
{
Schema::dropIfExists('g_w_p_s');
}
};

View File

@ -2342,7 +2342,7 @@ module.exports = {
// Code from http://stackoverflow.com/questions/3561493/is-there-a-regexp-escape-function-in-javascript
function unescapeFormat(s) {
return regexEscape(s.replace('\\', '').replace(/\\(\[)|\\(\])|\[([^\]\[]*)\]|\\(.)/g, function (matched, p1, p2, p3, p4) {
return regexEscape(s.replace('\ , '').replace(/\\(\[)|\\(\])|\[([^\]\[]*)\]|\\(.)/g, function (matched, p1, p2, p3, p4) {
return p1 || p2 || p3 || p4;
}));
}

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -5623,7 +5623,7 @@ class Chart {
const initialCanvas = getCanvas(item);
const existingChart = getChart(initialCanvas);
if (existingChart) {
throw new Error('Canvas is already in use. Chart with ID \'' + existingChart.id + '\'' + ' must be destroyed before the canvas with ID \'' + existingChart.canvas.id + '\' can be reused.');
throw new Error('Canvas is already in use. Chart with ID ' + existingChart.id + ' ' + ' must be destroyed before the canvas with ID ' + existingChart.canvas.id + ' can be reused.');
}
const options = config.createResolver(config.chartOptionScopes(), this.getContext());
this.platform = new (config.platform || _detectPlatform(initialCanvas))();

View File

@ -5621,7 +5621,7 @@ class Chart {
const initialCanvas = getCanvas(item);
const existingChart = getChart(initialCanvas);
if (existingChart) {
throw new Error('Canvas is already in use. Chart with ID \'' + existingChart.id + '\'' + ' must be destroyed before the canvas with ID \'' + existingChart.canvas.id + '\' can be reused.');
throw new Error('Canvas is already in use. Chart with ID ' + existingChart.id + ' ' + ' must be destroyed before the canvas with ID ' + existingChart.canvas.id + ' can be reused.');
}
const options = config.createResolver(config.chartOptionScopes(), this.getContext());
this.platform = new (config.platform || _detectPlatform(initialCanvas))();

View File

@ -231,7 +231,7 @@ const keyResolvers = {
let tmp = '';
for (const part of parts){
tmp += part;
if (tmp.endsWith('\\')) {
if (tmp.endsWith('\ )) {
tmp = tmp.slice(0, -1) + '.';
} else {
keys.push(tmp);

View File

@ -229,7 +229,7 @@ const keyResolvers = {
let tmp = '';
for (const part of parts){
tmp += part;
if (tmp.endsWith('\\')) {
if (tmp.endsWith('\ )) {
tmp = tmp.slice(0, -1) + '.';
} else {
keys.push(tmp);

View File

@ -50,7 +50,7 @@ function softMutation(text) {
var monthsParse = [
/^gen/i,
/^c[ʼ\']hwe/i,
/^c[ʼ ]hwe/i,
/^meu/i,
/^ebr/i,
/^mae/i,
@ -62,14 +62,14 @@ var monthsParse = [
/^du/i,
/^ker/i,
],
monthsRegex = /^(genver|c[ʼ\']hwevrer|meurzh|ebrel|mae|mezheven|gouere|eost|gwengolo|here|du|kerzu|gen|c[ʼ\']hwe|meu|ebr|mae|eve|gou|eos|gwe|her|du|ker)/i,
monthsStrictRegex = /^(genver|c[ʼ\']hwevrer|meurzh|ebrel|mae|mezheven|gouere|eost|gwengolo|here|du|kerzu)/i,
monthsShortStrictRegex = /^(gen|c[ʼ\']hwe|meu|ebr|mae|eve|gou|eos|gwe|her|du|ker)/i,
monthsRegex = /^(genver|c[ʼ ]hwevrer|meurzh|ebrel|mae|mezheven|gouere|eost|gwengolo|here|du|kerzu|gen|c[ʼ ]hwe|meu|ebr|mae|eve|gou|eos|gwe|her|du|ker)/i,
monthsStrictRegex = /^(genver|c[ʼ ]hwevrer|meurzh|ebrel|mae|mezheven|gouere|eost|gwengolo|here|du|kerzu)/i,
monthsShortStrictRegex = /^(gen|c[ʼ ]hwe|meu|ebr|mae|eve|gou|eos|gwe|her|du|ker)/i,
fullWeekdaysParse = [
/^sul/i,
/^lun/i,
/^meurzh/i,
/^merc[ʼ\']her/i,
/^merc[ʼ ]her/i,
/^yaou/i,
/^gwener/i,
/^sadorn/i,

View File

@ -23,7 +23,7 @@ export default moment.defineLocale('tzl', {
LLL: 'D. MMMM [dallas] YYYY HH.mm',
LLLL: 'dddd, [li] D. MMMM [dallas] YYYY HH.mm',
},
meridiemParse: /d\'o|d\'a/i,
meridiemParse: /d o|d a/i,
isPM: function (input) {
return "d'o" === input.toLowerCase();
},

View File

@ -800,7 +800,7 @@ function getParseRegexForToken(token, config) {
function unescapeFormat(s) {
return regexEscape(
s
.replace('\\', '')
.replace('\ , '')
.replace(/\\(\[)|\\(\])|\[([^\]\[]*)\]|\\(.)/g, function (
matched,
p1,

View File

@ -386,7 +386,7 @@ var insertStyleElement = function(styleElement, options) {
} else if (options.insertAt === 'bottom') {
head.appendChild(styleElement);
} else {
throw new Error('Invalid value for parameter \'insertAt\'. Must be \'top\' or \'bottom\'.');
throw new Error('Invalid value for parameter insertAt . Must be top or bottom .');
}
};

File diff suppressed because it is too large Load Diff

View File

@ -0,0 +1,996 @@
@extends('layouts.master')
@section('content')
<div class="page-content">
<div class="container-fluid">
<div class="row">
<div class="col-xl-6">
<div class="card">
<div class="card-body pb-0">
<div class="d-flex align-items-start">
<div class="flex-grow-1">
<h5 class="card-title mb-4">Overview</h5>
</div>
<div class="flex-shrink-0">
<div class="dropdown">
<a class="dropdown-toggle text-reset" href="#" data-bs-toggle="dropdown"
aria-haspopup="true" aria-expanded="false">
<span class="fw-semibold">Sort By:</span>
<span class="text-muted">Yearly<i class="mdi mdi-chevron-down ms-1"></i></span>
</a>
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">Yearly</a>
<a class="dropdown-item" href="#">Monthly</a>
<a class="dropdown-item" href="#">Weekly</a>
<a class="dropdown-item" href="#">Today</a>
</div>
</div>
</div>
</div>
<div>
<div id="overview" data-colors='["#e6ecf9", "#e6ecf9", "#e6ecf9","#e6ecf9", "#e6ecf9", "#e6ecf9","#e6ecf9","#e6ecf9","#e6ecf9","#1f58c7","#1f58c7", "#1f58c7"]' class="apex-chart"></div>
</div>
</div>
</div>
</div>
<div class="col-xl-6">
<div class="row">
<div class="col-xl-6">
<div class="card">
<div class="card-body">
<div>
<div class="d-flex align-items-center">
<div class="avatar">
<div class="avatar-title rounded bg-soft-primary">
<i class="bx bx-check-shield font-size-24 mb-0 text-primary"></i>
</div>
</div>
<div class="flex-grow-1 ms-3">
<h6 class="mb-0 font-size-15">Total Sales</h6>
</div>
<div class="flex-shrink-0">
<div class="dropdown">
<a class="dropdown-toggle" href="#"
data-bs-toggle="dropdown" aria-haspopup="true"
aria-expanded="false">
<i class="bx bx-dots-horizontal text-muted font-size-22"></i>
</a>
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">Yearly</a>
<a class="dropdown-item" href="#">Monthly</a>
<a class="dropdown-item" href="#">Weekly</a>
<a class="dropdown-item" href="#">Today</a>
</div>
</div>
</div>
</div>
<div>
<h4 class="mt-4 pt-1 mb-0 font-size-22">$34,123.20 <span class="text-success fw-medium font-size-13 align-middle"> <i class="mdi mdi-arrow-up"></i> 8.34% </span> </h4>
<div class="d-flex mt-1 align-items-end overflow-hidden">
<div class="flex-grow-1">
<p class="text-muted mb-0 text-truncate">Total Sales World Wide</p>
</div>
<div class="flex-shrink-0">
<div id="mini-1" data-colors='["#1f58c7"]' class="apex-charts"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-6">
<div class="card">
<div class="card-body">
<div>
<div class="d-flex align-items-center">
<div class="avatar">
<div class="avatar-title rounded bg-soft-primary">
<i class="bx bx-cart-alt font-size-24 mb-0 text-primary"></i>
</div>
</div>
<div class="flex-grow-1 ms-3">
<h6 class="mb-0 font-size-15">Total Orders</h6>
</div>
<div class="flex-shrink-0">
<div class="dropdown">
<a class="dropdown-toggle" href="#"
data-bs-toggle="dropdown" aria-haspopup="true"
aria-expanded="false">
<i class="bx bx-dots-horizontal text-muted font-size-22"></i>
</a>
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">Yearly</a>
<a class="dropdown-item" href="#">Monthly</a>
<a class="dropdown-item" href="#">Weekly</a>
<a class="dropdown-item" href="#">Today</a>
</div>
</div>
</div>
</div>
<div>
<h4 class="mt-4 pt-1 mb-0 font-size-22">63,234.20 <span class="text-danger fw-medium font-size-13 align-middle"> <i class="mdi mdi-arrow-down"></i> 3.68% </span> </h4>
<div class="d-flex mt-1 align-items-end overflow-hidden">
<div class="flex-grow-1">
<p class="text-muted mb-0 text-truncate">Total Orders World Wide</p>
</div>
<div class="flex-shrink-0">
<div id="mini-2" data-colors='["#1f58c7"]' class="apex-charts"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-xl-6">
<div class="card">
<div class="card-body">
<div>
<div class="d-flex align-items-center">
<div class="avatar">
<div class="avatar-title rounded bg-soft-primary">
<i class="bx bx-package font-size-24 mb-0 text-primary"></i>
</div>
</div>
<div class="flex-grow-1 ms-3">
<h6 class="mb-0 font-size-15">Today Visitor</h6>
</div>
<div class="flex-shrink-0">
<div class="dropdown">
<a class="dropdown-toggle" href="#"
data-bs-toggle="dropdown" aria-haspopup="true"
aria-expanded="false">
<i class="bx bx-dots-horizontal text-muted font-size-22"></i>
</a>
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">Yearly</a>
<a class="dropdown-item" href="#">Monthly</a>
<a class="dropdown-item" href="#">Weekly</a>
<a class="dropdown-item" href="#">Today</a>
</div>
</div>
</div>
</div>
<div>
<h4 class="mt-4 pt-1 mb-0 font-size-22">425,34.45 <span class="text-danger fw-medium font-size-13 align-middle"> <i class="mdi mdi-arrow-down"></i> 2.64% </span> </h4>
<div class="d-flex mt-1 align-items-end overflow-hidden">
<div class="flex-grow-1">
<p class="text-muted mb-0 text-truncate">Total Visitor World Wide</p>
</div>
<div class="flex-shrink-0">
<div id="mini-3" data-colors='["#1f58c7"]' class="apex-charts"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-6">
<div class="card">
<div class="card-body">
<div>
<div class="d-flex align-items-center">
<div class="avatar">
<div class="avatar-title rounded bg-soft-primary">
<i class="bx bx-rocket font-size-24 mb-0 text-primary"></i>
</div>
</div>
<div class="flex-grow-1 ms-3">
<h6 class="mb-0 font-size-15">Total Expense</h6>
</div>
<div class="flex-shrink-0">
<div class="dropdown">
<a class="dropdown-toggle" href="#"
data-bs-toggle="dropdown" aria-haspopup="true"
aria-expanded="false">
<i class="bx bx-dots-horizontal text-muted font-size-22"></i>
</a>
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">Yearly</a>
<a class="dropdown-item" href="#">Monthly</a>
<a class="dropdown-item" href="#">Weekly</a>
<a class="dropdown-item" href="#">Today</a>
</div>
</div>
</div>
</div>
<div>
<h4 class="mt-4 pt-1 mb-0 font-size-22">6,482.46 <span class="text-success fw-medium font-size-13 align-middle"> <i class="mdi mdi-arrow-down"></i> 5.79% </span> </h4>
<div class="d-flex mt-1 align-items-end overflow-hidden">
<div class="flex-grow-1">
<p class="text-muted mb-0 text-truncate">Total Expense World Wide</p>
</div>
<div class="flex-shrink-0">
<div id="mini-4" data-colors='["#1f58c7"]' class="apex-charts"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- end row -->
<div class="row">
<div class="col-xxl-8">
<div class="row">
<div class="col-xl-7">
<div class="card">
<div class="card-body">
<div class="d-flex align-items-start mb-2">
<div class="flex-grow-1">
<h5 class="card-title">Popular Products</h5>
</div>
<div class="flex-shrink-0">
<div class="dropdown">
<a class="dropdown-toggle text-muted" href="#"
data-bs-toggle="dropdown" aria-haspopup="true"
aria-expanded="false">
Today<i class="mdi mdi-chevron-down ms-1"></i>
</a>
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">Yearly</a>
<a class="dropdown-item" href="#">Monthly</a>
<a class="dropdown-item" href="#">Weekly</a>
<a class="dropdown-item" href="#">Today</a>
</div>
</div>
</div>
</div>
<div class="row align-items-center">
<div class="col-md-5">
<div class="popular-product-img p-2">
<img src="./assets/images/product/img.png" alt="">
</div>
</div>
<div class="col-md-7">
<span class="badge badge-soft-primary font-size-10 text-uppercase ls-05"> Popular Item</span>
<h5 class="mt-2 font-size-16"><a href="" class="text-dark">Home & Office Chair Blue</a></h5>
<p class="text-muted">But who has any right to find chooses enjoy.</p>
<div class="row g-0 mt-3 pt-1 align-items-end">
<div class="col-4">
<div class="mt-1">
<h4 class="font-size-16">800</h4>
<p class="text-muted mb-1">Total Selling</p>
</div>
</div>
<div class="col-4">
<div class="mt-1">
<h4 class="font-size-16">250</h4>
<p class="text-muted mb-1">Total Stock</p>
</div>
</div>
<div class="col-4">
<div class="mt-1">
<a href="" class="btn btn-primary btn-sm mb-1">Buy
Now</a>
</div>
</div>
</div>
</div>
</div>
<div class="mx-n4 px-4" data-simplebar style="max-height: 205px;">
<div class="popular-product-box rounded my-2">
<div class="d-flex align-items-center">
<div class="flex-shrink-0">
<div class="avatar-md">
<div class="product-img avatar-title img-thumbnail bg-soft-primary border-0">
<img src="{{asset('assets/images/product/img-1.png')}}" class="img-fluid" alt="">
</div>
</div>
</div>
<div class="flex-grow-1 ms-3 overflow-hidden">
<h5 class="mb-1 text-truncate"><a href="" class="font-size-15 text-dark">Wood Chair dark Brown</a></h5>
<p class="text-muted fw-semibold mb-0 text-truncate">$230.00</p>
</div>
<div class="flex-shrink-0 text-end ms-3">
<h5 class="mb-1"><a href="" class="font-size-15 text-dark">$62300.00</a></h5>
<p class="text-muted fw-semibold mb-0">562 Sales</p>
</div>
</div>
</div>
<div class="popular-product-box rounded my-2">
<div class="d-flex align-items-center">
<div class="flex-shrink-0">
<div class="avatar-md">
<div class="product-img avatar-title img-thumbnail bg-soft-success border-0">
<img src="{{asset('assets/images/product/img-8.png')}}" class="img-fluid" alt="">
</div>
</div>
</div>
<div class="flex-grow-1 ms-3 overflow-hidden">
<h5 class="mb-1 text-truncate"><a href="" class="font-size-15 text-dark">Home & Office Chair Crime</a></h5>
<p class="text-muted fw-semibold mb-0 text-truncate">$190.00</p>
</div>
<div class="flex-shrink-0 text-end ms-3">
<h5 class="mb-1"><a href="" class="font-size-15 text-dark">$25698.00</a></h5>
<p class="text-muted fw-semibold mb-0">856 Sales</p>
</div>
</div>
</div>
<div class="popular-product-box rounded my-2">
<div class="d-flex align-items-center">
<div class="flex-shrink-0">
<div class="avatar-md">
<div class="product-img avatar-title img-thumbnail bg-soft-danger border-0">
<img src="{{asset('assets/images/product/img-3.png')}}" class="img-fluid" alt="">
</div>
</div>
</div>
<div class="flex-grow-1 ms-3 overflow-hidden">
<h5 class="mb-1 text-truncate"><a href="" class="font-size-15 text-dark">Office Chair Blue</a></h5>
<p class="text-muted fw-semibold mb-0 text-truncate">$420.00</p>
</div>
<div class="flex-shrink-0 text-end ms-3">
<h5 class="mb-1"><a href="" class="font-size-15 text-dark">$64351.00</a></h5>
<p class="text-muted fw-semibold mb-0">524 Sales</p>
</div>
</div>
</div>
<div class="popular-product-box rounded my-2">
<div class="d-flex align-items-center">
<div class="flex-shrink-0">
<div class="avatar-md">
<div class="product-img avatar-title img-thumbnail bg-soft-success border-0">
<img src="{{asset('assets/images/product/img-4.png')}}" class="img-fluid" alt="">
</div>
</div>
</div>
<div class="flex-grow-1 ms-3 overflow-hidden">
<h5 class="mb-1 text-truncate"><a href="" class="font-size-15 text-dark">Home & Office Chair Green</a></h5>
<p class="text-muted fw-semibold mb-0 text-truncate">$230.00</p>
</div>
<div class="flex-shrink-0 text-end ms-3">
<h5 class="mb-1"><a href="" class="font-size-15 text-dark">$96485.00</a></h5>
<p class="text-muted fw-semibold mb-0">634 Sales</p>
</div>
</div>
</div>
<div class="popular-product-box rounded my-2">
<div class="d-flex align-items-center">
<div class="flex-shrink-0">
<div class="avatar-md">
<div class="product-img avatar-title img-thumbnail bg-soft-danger border-0" >
<img src="{{asset('assets/images/product/img-5.png')}}" class="img-fluid" alt="">
</div>
</div>
</div>
<div class="flex-grow-1 ms-3 overflow-hidden">
<h5 class="mb-1 text-truncate"><a href="" class="font-size-15 text-dark">Wood Chair dark Brown</a></h5>
<p class="text-muted fw-semibold mb-0 text-truncate">$230.00</p>
</div>
<div class="flex-shrink-0 text-end ms-3">
<h5 class="mb-1"><a href="" class="font-size-15 text-dark">$56230.00</a></h5>
<p class="text-muted fw-semibold mb-0">964 Sales</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-5">
<div class="card">
<div class="card-body">
<div class="d-flex align-items-start mb-2">
<div class="flex-grow-1">
<h5 class="card-title">Loyal Customers</h5>
</div>
<div class="flex-shrink-0">
<div class="dropdown">
<a class="dropdown-toggle text-muted" href="#"
data-bs-toggle="dropdown" aria-haspopup="true"
aria-expanded="false">
<i class="bx bx-dots-horizontal font-size-22"></i>
</a>
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">Yearly</a>
<a class="dropdown-item" href="#">Monthly</a>
<a class="dropdown-item" href="#">Weekly</a>
<a class="dropdown-item" href="#">Today</a>
</div>
</div>
</div>
</div>
<div class="mx-n4 px-4" data-simplebar style="max-height: 421px;">
<div class="border-bottom loyal-customers-box pt-2">
<div class="d-flex align-items-center">
<img src="{{asset('assets/images/users/avatar-4.jpg')}}" class="rounded-circle avatar img-thumbnail" alt="">
<div class="flex-grow-1 ms-3 overflow-hidden">
<h5 class="font-size-15 mb-1 text-truncate">Michelle Bernard</h5>
<p class="text-muted text-truncate mb-0">Michelle@gmail.com</p>
</div>
<div class="flex-shrink-0">
<h5 class="font-size-14 mb-0 text-truncate w-xs bg-light p-2 rounded text-center">
4.7 <i class="bx bxs-star font-size-14 text-primary ms-1"></i></h5>
</div>
</div>
</div>
<div class="border-bottom loyal-customers-box">
<div class="d-flex align-items-center">
<img src="{{asset('assets/images/users/avatar-5.jpg')}}" class="rounded-circle avatar img-thumbnail" alt="">
<div class="flex-grow-1 ms-3 overflow-hidden">
<h5 class="font-size-15 mb-1 text-truncate">David Grajeda</h5>
<p class="text-muted text-truncate mb-0">David@gmail.com</p>
</div>
<div class="flex-shrink-0">
<h5 class="font-size-14 mb-0 text-truncate w-xs bg-light p-2 rounded text-center">
3.4 <i class="bx bxs-star font-size-14 text-primary ms-1"></i></h5>
</div>
</div>
</div>
<div class="border-bottom loyal-customers-box">
<div class="d-flex align-items-center">
<img src="{{asset('assets/images/users/avatar-6.jpg')}}" class="rounded-circle avatar img-thumbnail" alt="">
<div class="flex-grow-1 ms-3 overflow-hidden">
<h5 class="font-size-15 mb-1 text-truncate">Charles Roman</h5>
<p class="text-muted text-truncate mb-0">Charles@gmail.com</p>
</div>
<div class="flex-shrink-0 text-end">
<h5 class="font-size-14 mb-0 text-truncate w-xs bg-light p-2 rounded text-center">
4.9 <i class="bx bxs-star font-size-14 text-primary ms-1"></i></h5>
</div>
</div>
</div>
<div class="border-bottom loyal-customers-box">
<div class="d-flex align-items-center">
<img src="{{asset('assets/images/users/avatar-7.jpg')}}" class="rounded-circle avatar img-thumbnail" alt="">
<div class="flex-grow-1 ms-3 overflow-hidden">
<h5 class="font-size-15 mb-1 text-truncate">David Reynolds</h5>
<p class="text-muted text-truncate mb-0">David@gmail.com</p>
</div>
<div class="flex-shrink-0 text-end">
<h5 class="font-size-14 mb-0 text-truncate w-xs bg-light p-2 rounded text-center">
3.5 <i class="bx bxs-star font-size-14 text-primary ms-1"></i></h5>
</div>
</div>
</div>
<div class="border-bottom loyal-customers-box">
<div class="d-flex align-items-center">
<img src="{{asset('assets/images/users/avatar-8.jpg')}}" class="rounded-circle avatar img-thumbnail" alt="">
<div class="flex-grow-1 ms-3 overflow-hidden">
<h5 class="font-size-15 mb-1 text-truncate">Marion Munroe</h5>
<p class="text-muted text-truncate mb-0">Marion@gmail.com</p>
</div>
<div class="flex-shrink-0 text-end">
<h5 class="font-size-14 mb-0 text-truncate w-xs bg-light p-2 rounded text-center">
2.3 <i class="bx bxs-star font-size-14 text-primary ms-1"></i></h5>
</div>
</div>
</div>
<div class="py-3 loyal-customers-box">
<div class="d-flex align-items-center">
<img src="{{asset('assets/images/users/avatar-5.jpg')}}" class="rounded-circle avatar img-thumbnail" alt="">
<div class="flex-grow-1 ms-3 overflow-hidden">
<h5 class="font-size-15 mb-1 text-truncate">Christina Emerson</h5>
<p class="text-muted text-truncate mb-0">Christina@gmail.com</p>
</div>
<div class="flex-shrink-0 text-end">
<h5 class="font-size-14 mb-0 text-truncate w-xs bg-light p-2 rounded text-center">
4.1 <i class="bx bxs-star font-size-14 text-primary ms-1"></i></h5>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-xxl-4">
<div class="card">
<div class="card-body">
<div class="d-flex align-items-start">
<div class="flex-grow-1 overflow-hidden">
<h5 class="card-title mb-4 text-truncate">Top Selling Categories</h5>
</div>
<div class="flex-shrink-0 ms-2">
<div class="dropdown">
<a class="dropdown-toggle text-reset" href="#" data-bs-toggle="dropdown"
aria-haspopup="true" aria-expanded="false">
<span class="fw-semibold">Sort By:</span> <span
class="text-muted">Weekly<i
class="mdi mdi-chevron-down ms-1"></i></span>
</a>
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">Yearly</a>
<a class="dropdown-item" href="#">Monthly</a>
<a class="dropdown-item" href="#">Weekly</a>
</div>
</div>
</div>
</div>
<div id="saleing-categories" data-colors='["#1f58c7", "#4976cf","#6a92e1", "#e6ecf9"]' class="apex-charts" dir="ltr"></div>
<div class="row mt-3 pt-1">
<div class="col-md-6">
<div class="px-2 mt-2">
<div class="d-flex align-items-center mt-sm-0 mt-2">
<i class="mdi mdi-circle font-size-10 text-primary"></i>
<div class="flex-grow-1 ms-2 overflow-hidden">
<p class="font-size-15 mb-1 text-truncate">Men Fashion</p>
</div>
<div class="flex-shrink-0 ms-2">
<span class="fw-bold">34.3%</span>
</div>
</div>
<div class="d-flex align-items-center mt-2">
<i class="mdi mdi-circle font-size-10 text-success"></i>
<div class="flex-grow-1 ms-2 overflow-hidden">
<p class="font-size-15 mb-0 text-truncate">Women Clothing</p>
</div>
<div class="flex-shrink-0 ms-2">
<span class="fw-bold">25.7%</span>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="px-2 mt-2">
<div class="d-flex align-items-center mt-sm-0 mt-2">
<i class="mdi mdi-circle font-size-10 text-info"></i>
<div class="flex-grow-1 ms-2 overflow-hidden">
<p class="font-size-15 mb-1 text-truncate">Beauty Products</p>
</div>
<div class="flex-shrink-0 ms-2">
<span class="fw-bold">18.6%</span>
</div>
</div>
<div class="d-flex align-items-center mt-2">
<i class="mdi mdi-circle font-size-10 text-secondary"></i>
<div class="flex-grow-1 ms-2 overflow-hidden">
<p class="font-size-15 mb-0 text-truncate">Others Products</p>
</div>
<div class="flex-shrink-0 ms-2">
<span class="fw-bold">21.4%</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- end row -->
<div class="row">
<div class="col-xl-7">
<div class="card">
<div class="card-body">
<div class="d-flex align-items-start mb-3">
<div class="flex-grow-1">
<h5 class="card-title">Sales Revenue</h5>
</div>
<div class="flex-shrink-0">
<div class="dropdown">
<a class="dropdown-toggle text-reset" href="#" data-bs-toggle="dropdown"
aria-haspopup="true" aria-expanded="false">
<span class="fw-semibold">Year:</span> <span
class="text-muted">2021<i
class="mdi mdi-chevron-down ms-1"></i></span>
</a>
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">2019</a>
<a class="dropdown-item" href="#">2020</a>
<a class="dropdown-item" href="#">2021</a>
</div>
</div>
</div>
</div>
<div class="row align-items-center">
<div class="col-xxl-7">
<div class="py-3">
<div id="world-map-markers" style="height: 300px"></div>
</div>
</div>
<div class="col-xl-5">
<div class="table-responsive">
<table class="table table-centered align-middle table-nowrap mb-0">
<thead>
<tr>
<th style="width: 500px;">Countries</th>
<th>Orders</th>
<th>Earnings</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<div class="d-flex align-items-center">
<img src="{{asset('assets/images/flags/us.jpg')}}" class="rounded" alt="user-image" height="18">
<div class="flex-grow-1 ms-3">
<p class="mb-0 text-truncate">United States</p>
</div>
</div>
</td>
<td>46k</td>
<td>$6,524.30</td>
</tr>
<tr>
<td>
<div class="d-flex align-items-center">
<img src="{{asset('assets/images/flags/italy.jpg')}}" class="rounded" alt="user-image" height="18">
<div class="flex-grow-1 ms-3">
<p class="mb-0 text-truncate">Italy</p>
</div>
</div>
</td>
<td>86k</td>
<td>$6,985.94</td>
</tr>
<tr>
<td>
<div class="d-flex align-items-center">
<img src="{{asset('assets/images/flags/spain.jpg')}}" class="rounded" alt="user-image" height="18">
<div class="flex-grow-1 ms-3">
<p class="mb-0 text-truncate">Spain</p>
</div>
</div>
</td>
<td>86k</td>
<td>$5,685.47</td>
</tr>
<tr>
<td>
<div class="d-flex align-items-center">
<img src="{{asset('assets/images/flags/french.jpg')}}" class="rounded" alt="user-image" height="18">
<div class="flex-grow-1 ms-3">
<p class="mb-0 text-truncate">French</p>
</div>
</div>
</td>
<td>56k</td>
<td>$5,645.45</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-xxl-5">
<div class="card">
<div class="card-body">
<div class="d-flex flex-wrap align-items-center mb-3">
<h5 class="card-title me-2">Invoice List</h5>
<div class="ms-auto">
<div class="dropdown">
<a class="dropdown-toggle text-reset" href="#" id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span class="text-muted font-size-12">Sort By: </span> <span class="fw-medium"> Weekly<i class="mdi mdi-chevron-down ms-1"></i></span>
</a>
<div class="dropdown-menu dropdown-menu-end" aria-labelledby="dropdownMenuButton1">
<a class="dropdown-item" href="#">Monthly</a>
<a class="dropdown-item" href="#">Yearly</a>
</div>
</div>
</div>
</div>
<div class="mx-n4 px-4" data-simplebar style="max-height: 332px;">
<div class="table-responsive">
<table class="table table-striped table-centered align-middle table-nowrap mb-0 table-check">
<thead>
<tr>
<th style="width: 30px;">
<div class="form-check font-size-16">
<input type="checkbox" name="check" class="form-check-input" id="checkAll">
<label class="form-check-label" for="checkAll"></label>
</div>
</th>
<th>#Invoice</th>
<th style="width: 190px;">User Name</th>
<th>Date</th>
<th>Status</th>
<th>Action</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<div class="form-check font-size-16">
<input type="checkbox" class="form-check-input">
<label class="form-check-label"></label>
</div>
</td>
<td class="fw-semibold">#562354</td>
<td style="width: 190px;">
<div class="d-flex align-items-center">
<img class="rounded-circle avatar-sm" src="{{asset('assets/images/users/avatar-1.jpg')}}" alt="">
<div class="flex-grow-1 ms-3">
Neal Matthews
</div>
</div>
</td>
<td>
10 Dec
</td>
<td>
<div class="badge badge-soft-success font-size-12">Paid</div>
</td>
<td>
<div class="dropdown">
<a class="text-muted dropdown-toggle font-size-18" role="button" data-bs-toggle="dropdown" aria-haspopup="true">
<i class="mdi mdi-dots-horizontal"></i>
</a>
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">Edit</a>
<a class="dropdown-item" href="#">Print</a>
<a class="dropdown-item" href="#">Delete</a>
</div>
</div>
</td>
</tr>
<tr>
<td>
<div class="form-check font-size-16">
<input type="checkbox" class="form-check-input">
<label class="form-check-label"></label>
</div>
</td>
<td class="fw-semibold">#485625</td>
<td style="width: 190px;">
<div class="d-flex align-items-center">
<img class="rounded-circle avatar-sm" src="{{asset('assets/images/users/avatar-2.jpg')}}" alt="">
<div class="flex-grow-1 ms-3">
Connie Franco
</div>
</div>
</td>
<td>
10 Dec
</td>
<td>
<div class="badge badge-soft-success font-size-12">Paid</div>
</td>
<td>
<div class="dropdown">
<a class="text-muted dropdown-toggle font-size-18" role="button" data-bs-toggle="dropdown" aria-haspopup="true">
<i class="mdi mdi-dots-horizontal"></i>
</a>
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">Edit</a>
<a class="dropdown-item" href="#">Print</a>
<a class="dropdown-item" href="#">Delete</a>
</div>
</div>
</td>
</tr>
<tr>
<td>
<div class="form-check font-size-16">
<input type="checkbox" class="form-check-input">
<label class="form-check-label"></label>
</div>
</td>
<td class="fw-semibold">#321458</td>
<td style="width: 190px;">
<div class="d-flex align-items-center">
<img class="rounded-circle avatar-sm" src="{{asset('assets/images/users/avatar-3.jpg')}}" alt="">
<div class="flex-grow-1 ms-3">
Adella Perez
</div>
</div>
</td>
<td>
12 Dec
</td>
<td>
<div class="badge badge-soft-danger font-size-12">Unpaid</div>
</td>
<td>
<div class="dropdown">
<a class="text-muted dropdown-toggle font-size-18" role="button" data-bs-toggle="dropdown" aria-haspopup="true">
<i class="mdi mdi-dots-horizontal"></i>
</a>
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">Edit</a>
<a class="dropdown-item" href="#">Print</a>
<a class="dropdown-item" href="#">Delete</a>
</div>
</div>
</td>
</tr>
<tr>
<td>
<div class="form-check font-size-16">
<input type="checkbox" class="form-check-input">
<label class="form-check-label"></label>
</div>
</td>
<td class="fw-semibold">#214569</td>
<td style="width: 190px;">
<div class="d-flex align-items-center">
<img class="rounded-circle avatar-sm" src="{{asset('assets/images/users/avatar-4.jpg')}}" alt="">
<div class="flex-grow-1 ms-3">
Theresa Mayers
</div>
</div>
</td>
<td>
21 Dec
</td>
<td>
<div class="badge badge-soft-success font-size-12">Paid</div>
</td>
<td>
<div class="dropdown">
<a class="text-muted dropdown-toggle font-size-18" role="button" data-bs-toggle="dropdown" aria-haspopup="true">
<i class="mdi mdi-dots-horizontal"></i>
</a>
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">Edit</a>
<a class="dropdown-item" href="#">Print</a>
<a class="dropdown-item" href="#">Delete</a>
</div>
</div>
</td>
</tr>
<tr>
<td>
<div class="form-check font-size-16">
<input type="checkbox" class="form-check-input">
<label class="form-check-label"></label>
</div>
</td>
<td class="fw-semibold">#565423</td>
<td style="width: 190px;">
<div class="d-flex align-items-center">
<img class="rounded-circle avatar-sm" src="{{asset('assets/images/users/avatar-5.jpg')}}" alt="">
<div class="flex-grow-1 ms-3">
Oliver Gonzales
</div>
</div>
</td>
<td>
25 Dec
</td>
<td>
<div class="badge badge-soft-danger font-size-12">Unpaid</div>
</td>
<td>
<div class="dropdown">
<a class="text-muted dropdown-toggle font-size-18" role="button" data-bs-toggle="dropdown" aria-haspopup="true">
<i class="mdi mdi-dots-horizontal"></i>
</a>
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">Edit</a>
<a class="dropdown-item" href="#">Print</a>
<a class="dropdown-item" href="#">Delete</a>
</div>
</div>
</td>
</tr>
<tr>
<td>
<div class="form-check font-size-16">
<input type="checkbox" class="form-check-input">
<label class="form-check-label"></label>
</div>
</td>
<td class="fw-semibold">#565423</td>
<td style="width: 190px;">
<div class="d-flex align-items-center">
<img class="rounded-circle avatar-sm" src="{{asset('assets/images/users/avatar-6.jpg')}}" alt="">
<div class="flex-grow-1 ms-3">
Willie Verner
</div>
</div>
</td>
<td>
30 Dec
</td>
<td>
<div class="badge badge-soft-success font-size-12">Paid</div>
</td>
<td>
<div class="dropdown">
<a class="text-muted dropdown-toggle font-size-18" role="button" data-bs-toggle="dropdown" aria-haspopup="true">
<i class="mdi mdi-dots-horizontal"></i>
</a>
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">Edit</a>
<a class="dropdown-item" href="#">Print</a>
<a class="dropdown-item" href="#">Delete</a>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- end row -->
</div>
<!-- container-fluid -->
</div>
@endsection
@section('js')
<!-- apexcharts -->
<script src="{{asset('assets/libs/apexcharts/apexcharts.min.js')}}"></script>
<!-- Vector map-->
<script src="{{asset('assets/libs/jsvectormap/js/jsvectormap.min.js')}}"></script>
<script src="{{asset('assets/libs/jsvectormap/maps/world-merc.js')}}"></script>
<script src="{{asset('assets/js/pages/dashboard.init.js')}}"></script>
@endsection

View File

@ -0,0 +1,996 @@
@extends('layouts.master')
@section('content')
<div class="page-content">
<div class="container-fluid">
<div class="row">
<div class="col-xl-6">
<div class="card">
<div class="card-body pb-0">
<div class="d-flex align-items-start">
<div class="flex-grow-1">
<h5 class="card-title mb-4">Overview</h5>
</div>
<div class="flex-shrink-0">
<div class="dropdown">
<a class="dropdown-toggle text-reset" href="#" data-bs-toggle="dropdown"
aria-haspopup="true" aria-expanded="false">
<span class="fw-semibold">Sort By:</span>
<span class="text-muted">Yearly<i class="mdi mdi-chevron-down ms-1"></i></span>
</a>
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">Yearly</a>
<a class="dropdown-item" href="#">Monthly</a>
<a class="dropdown-item" href="#">Weekly</a>
<a class="dropdown-item" href="#">Today</a>
</div>
</div>
</div>
</div>
<div>
<div id="overview" data-colors='["#e6ecf9", "#e6ecf9", "#e6ecf9","#e6ecf9", "#e6ecf9", "#e6ecf9","#e6ecf9","#e6ecf9","#e6ecf9","#1f58c7","#1f58c7", "#1f58c7"]' class="apex-chart"></div>
</div>
</div>
</div>
</div>
<div class="col-xl-6">
<div class="row">
<div class="col-xl-6">
<div class="card">
<div class="card-body">
<div>
<div class="d-flex align-items-center">
<div class="avatar">
<div class="avatar-title rounded bg-soft-primary">
<i class="bx bx-check-shield font-size-24 mb-0 text-primary"></i>
</div>
</div>
<div class="flex-grow-1 ms-3">
<h6 class="mb-0 font-size-15">Total Sales</h6>
</div>
<div class="flex-shrink-0">
<div class="dropdown">
<a class="dropdown-toggle" href="#"
data-bs-toggle="dropdown" aria-haspopup="true"
aria-expanded="false">
<i class="bx bx-dots-horizontal text-muted font-size-22"></i>
</a>
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">Yearly</a>
<a class="dropdown-item" href="#">Monthly</a>
<a class="dropdown-item" href="#">Weekly</a>
<a class="dropdown-item" href="#">Today</a>
</div>
</div>
</div>
</div>
<div>
<h4 class="mt-4 pt-1 mb-0 font-size-22">$34,123.20 <span class="text-success fw-medium font-size-13 align-middle"> <i class="mdi mdi-arrow-up"></i> 8.34% </span> </h4>
<div class="d-flex mt-1 align-items-end overflow-hidden">
<div class="flex-grow-1">
<p class="text-muted mb-0 text-truncate">Total Sales World Wide</p>
</div>
<div class="flex-shrink-0">
<div id="mini-1" data-colors='["#1f58c7"]' class="apex-charts"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-6">
<div class="card">
<div class="card-body">
<div>
<div class="d-flex align-items-center">
<div class="avatar">
<div class="avatar-title rounded bg-soft-primary">
<i class="bx bx-cart-alt font-size-24 mb-0 text-primary"></i>
</div>
</div>
<div class="flex-grow-1 ms-3">
<h6 class="mb-0 font-size-15">Total Orders</h6>
</div>
<div class="flex-shrink-0">
<div class="dropdown">
<a class="dropdown-toggle" href="#"
data-bs-toggle="dropdown" aria-haspopup="true"
aria-expanded="false">
<i class="bx bx-dots-horizontal text-muted font-size-22"></i>
</a>
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">Yearly</a>
<a class="dropdown-item" href="#">Monthly</a>
<a class="dropdown-item" href="#">Weekly</a>
<a class="dropdown-item" href="#">Today</a>
</div>
</div>
</div>
</div>
<div>
<h4 class="mt-4 pt-1 mb-0 font-size-22">63,234.20 <span class="text-danger fw-medium font-size-13 align-middle"> <i class="mdi mdi-arrow-down"></i> 3.68% </span> </h4>
<div class="d-flex mt-1 align-items-end overflow-hidden">
<div class="flex-grow-1">
<p class="text-muted mb-0 text-truncate">Total Orders World Wide</p>
</div>
<div class="flex-shrink-0">
<div id="mini-2" data-colors='["#1f58c7"]' class="apex-charts"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-xl-6">
<div class="card">
<div class="card-body">
<div>
<div class="d-flex align-items-center">
<div class="avatar">
<div class="avatar-title rounded bg-soft-primary">
<i class="bx bx-package font-size-24 mb-0 text-primary"></i>
</div>
</div>
<div class="flex-grow-1 ms-3">
<h6 class="mb-0 font-size-15">Today Visitor</h6>
</div>
<div class="flex-shrink-0">
<div class="dropdown">
<a class="dropdown-toggle" href="#"
data-bs-toggle="dropdown" aria-haspopup="true"
aria-expanded="false">
<i class="bx bx-dots-horizontal text-muted font-size-22"></i>
</a>
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">Yearly</a>
<a class="dropdown-item" href="#">Monthly</a>
<a class="dropdown-item" href="#">Weekly</a>
<a class="dropdown-item" href="#">Today</a>
</div>
</div>
</div>
</div>
<div>
<h4 class="mt-4 pt-1 mb-0 font-size-22">425,34.45 <span class="text-danger fw-medium font-size-13 align-middle"> <i class="mdi mdi-arrow-down"></i> 2.64% </span> </h4>
<div class="d-flex mt-1 align-items-end overflow-hidden">
<div class="flex-grow-1">
<p class="text-muted mb-0 text-truncate">Total Visitor World Wide</p>
</div>
<div class="flex-shrink-0">
<div id="mini-3" data-colors='["#1f58c7"]' class="apex-charts"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-6">
<div class="card">
<div class="card-body">
<div>
<div class="d-flex align-items-center">
<div class="avatar">
<div class="avatar-title rounded bg-soft-primary">
<i class="bx bx-rocket font-size-24 mb-0 text-primary"></i>
</div>
</div>
<div class="flex-grow-1 ms-3">
<h6 class="mb-0 font-size-15">Total Expense</h6>
</div>
<div class="flex-shrink-0">
<div class="dropdown">
<a class="dropdown-toggle" href="#"
data-bs-toggle="dropdown" aria-haspopup="true"
aria-expanded="false">
<i class="bx bx-dots-horizontal text-muted font-size-22"></i>
</a>
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">Yearly</a>
<a class="dropdown-item" href="#">Monthly</a>
<a class="dropdown-item" href="#">Weekly</a>
<a class="dropdown-item" href="#">Today</a>
</div>
</div>
</div>
</div>
<div>
<h4 class="mt-4 pt-1 mb-0 font-size-22">6,482.46 <span class="text-success fw-medium font-size-13 align-middle"> <i class="mdi mdi-arrow-down"></i> 5.79% </span> </h4>
<div class="d-flex mt-1 align-items-end overflow-hidden">
<div class="flex-grow-1">
<p class="text-muted mb-0 text-truncate">Total Expense World Wide</p>
</div>
<div class="flex-shrink-0">
<div id="mini-4" data-colors='["#1f58c7"]' class="apex-charts"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- end row -->
<div class="row">
<div class="col-xxl-8">
<div class="row">
<div class="col-xl-7">
<div class="card">
<div class="card-body">
<div class="d-flex align-items-start mb-2">
<div class="flex-grow-1">
<h5 class="card-title">Popular Products</h5>
</div>
<div class="flex-shrink-0">
<div class="dropdown">
<a class="dropdown-toggle text-muted" href="#"
data-bs-toggle="dropdown" aria-haspopup="true"
aria-expanded="false">
Today<i class="mdi mdi-chevron-down ms-1"></i>
</a>
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">Yearly</a>
<a class="dropdown-item" href="#">Monthly</a>
<a class="dropdown-item" href="#">Weekly</a>
<a class="dropdown-item" href="#">Today</a>
</div>
</div>
</div>
</div>
<div class="row align-items-center">
<div class="col-md-5">
<div class="popular-product-img p-2">
<img src="./assets/images/product/img.png" alt="">
</div>
</div>
<div class="col-md-7">
<span class="badge badge-soft-primary font-size-10 text-uppercase ls-05"> Popular Item</span>
<h5 class="mt-2 font-size-16"><a href="" class="text-dark">Home & Office Chair Blue</a></h5>
<p class="text-muted">But who has any right to find chooses enjoy.</p>
<div class="row g-0 mt-3 pt-1 align-items-end">
<div class="col-4">
<div class="mt-1">
<h4 class="font-size-16">800</h4>
<p class="text-muted mb-1">Total Selling</p>
</div>
</div>
<div class="col-4">
<div class="mt-1">
<h4 class="font-size-16">250</h4>
<p class="text-muted mb-1">Total Stock</p>
</div>
</div>
<div class="col-4">
<div class="mt-1">
<a href="" class="btn btn-primary btn-sm mb-1">Buy
Now</a>
</div>
</div>
</div>
</div>
</div>
<div class="mx-n4 px-4" data-simplebar style="max-height: 205px;">
<div class="popular-product-box rounded my-2">
<div class="d-flex align-items-center">
<div class="flex-shrink-0">
<div class="avatar-md">
<div class="product-img avatar-title img-thumbnail bg-soft-primary border-0">
<img src="{{asset('assets/images/product/img-1.png')}}" class="img-fluid" alt="">
</div>
</div>
</div>
<div class="flex-grow-1 ms-3 overflow-hidden">
<h5 class="mb-1 text-truncate"><a href="" class="font-size-15 text-dark">Wood Chair dark Brown</a></h5>
<p class="text-muted fw-semibold mb-0 text-truncate">$230.00</p>
</div>
<div class="flex-shrink-0 text-end ms-3">
<h5 class="mb-1"><a href="" class="font-size-15 text-dark">$62300.00</a></h5>
<p class="text-muted fw-semibold mb-0">562 Sales</p>
</div>
</div>
</div>
<div class="popular-product-box rounded my-2">
<div class="d-flex align-items-center">
<div class="flex-shrink-0">
<div class="avatar-md">
<div class="product-img avatar-title img-thumbnail bg-soft-success border-0">
<img src="{{asset('assets/images/product/img-8.png')}}" class="img-fluid" alt="">
</div>
</div>
</div>
<div class="flex-grow-1 ms-3 overflow-hidden">
<h5 class="mb-1 text-truncate"><a href="" class="font-size-15 text-dark">Home & Office Chair Crime</a></h5>
<p class="text-muted fw-semibold mb-0 text-truncate">$190.00</p>
</div>
<div class="flex-shrink-0 text-end ms-3">
<h5 class="mb-1"><a href="" class="font-size-15 text-dark">$25698.00</a></h5>
<p class="text-muted fw-semibold mb-0">856 Sales</p>
</div>
</div>
</div>
<div class="popular-product-box rounded my-2">
<div class="d-flex align-items-center">
<div class="flex-shrink-0">
<div class="avatar-md">
<div class="product-img avatar-title img-thumbnail bg-soft-danger border-0">
<img src="{{asset('assets/images/product/img-3.png')}}" class="img-fluid" alt="">
</div>
</div>
</div>
<div class="flex-grow-1 ms-3 overflow-hidden">
<h5 class="mb-1 text-truncate"><a href="" class="font-size-15 text-dark">Office Chair Blue</a></h5>
<p class="text-muted fw-semibold mb-0 text-truncate">$420.00</p>
</div>
<div class="flex-shrink-0 text-end ms-3">
<h5 class="mb-1"><a href="" class="font-size-15 text-dark">$64351.00</a></h5>
<p class="text-muted fw-semibold mb-0">524 Sales</p>
</div>
</div>
</div>
<div class="popular-product-box rounded my-2">
<div class="d-flex align-items-center">
<div class="flex-shrink-0">
<div class="avatar-md">
<div class="product-img avatar-title img-thumbnail bg-soft-success border-0">
<img src="{{asset('assets/images/product/img-4.png')}}" class="img-fluid" alt="">
</div>
</div>
</div>
<div class="flex-grow-1 ms-3 overflow-hidden">
<h5 class="mb-1 text-truncate"><a href="" class="font-size-15 text-dark">Home & Office Chair Green</a></h5>
<p class="text-muted fw-semibold mb-0 text-truncate">$230.00</p>
</div>
<div class="flex-shrink-0 text-end ms-3">
<h5 class="mb-1"><a href="" class="font-size-15 text-dark">$96485.00</a></h5>
<p class="text-muted fw-semibold mb-0">634 Sales</p>
</div>
</div>
</div>
<div class="popular-product-box rounded my-2">
<div class="d-flex align-items-center">
<div class="flex-shrink-0">
<div class="avatar-md">
<div class="product-img avatar-title img-thumbnail bg-soft-danger border-0" >
<img src="{{asset('assets/images/product/img-5.png')}}" class="img-fluid" alt="">
</div>
</div>
</div>
<div class="flex-grow-1 ms-3 overflow-hidden">
<h5 class="mb-1 text-truncate"><a href="" class="font-size-15 text-dark">Wood Chair dark Brown</a></h5>
<p class="text-muted fw-semibold mb-0 text-truncate">$230.00</p>
</div>
<div class="flex-shrink-0 text-end ms-3">
<h5 class="mb-1"><a href="" class="font-size-15 text-dark">$56230.00</a></h5>
<p class="text-muted fw-semibold mb-0">964 Sales</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-5">
<div class="card">
<div class="card-body">
<div class="d-flex align-items-start mb-2">
<div class="flex-grow-1">
<h5 class="card-title">Loyal Customers</h5>
</div>
<div class="flex-shrink-0">
<div class="dropdown">
<a class="dropdown-toggle text-muted" href="#"
data-bs-toggle="dropdown" aria-haspopup="true"
aria-expanded="false">
<i class="bx bx-dots-horizontal font-size-22"></i>
</a>
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">Yearly</a>
<a class="dropdown-item" href="#">Monthly</a>
<a class="dropdown-item" href="#">Weekly</a>
<a class="dropdown-item" href="#">Today</a>
</div>
</div>
</div>
</div>
<div class="mx-n4 px-4" data-simplebar style="max-height: 421px;">
<div class="border-bottom loyal-customers-box pt-2">
<div class="d-flex align-items-center">
<img src="{{asset('assets/images/users/avatar-4.jpg')}}" class="rounded-circle avatar img-thumbnail" alt="">
<div class="flex-grow-1 ms-3 overflow-hidden">
<h5 class="font-size-15 mb-1 text-truncate">Michelle Bernard</h5>
<p class="text-muted text-truncate mb-0">Michelle@gmail.com</p>
</div>
<div class="flex-shrink-0">
<h5 class="font-size-14 mb-0 text-truncate w-xs bg-light p-2 rounded text-center">
4.7 <i class="bx bxs-star font-size-14 text-primary ms-1"></i></h5>
</div>
</div>
</div>
<div class="border-bottom loyal-customers-box">
<div class="d-flex align-items-center">
<img src="{{asset('assets/images/users/avatar-5.jpg')}}" class="rounded-circle avatar img-thumbnail" alt="">
<div class="flex-grow-1 ms-3 overflow-hidden">
<h5 class="font-size-15 mb-1 text-truncate">David Grajeda</h5>
<p class="text-muted text-truncate mb-0">David@gmail.com</p>
</div>
<div class="flex-shrink-0">
<h5 class="font-size-14 mb-0 text-truncate w-xs bg-light p-2 rounded text-center">
3.4 <i class="bx bxs-star font-size-14 text-primary ms-1"></i></h5>
</div>
</div>
</div>
<div class="border-bottom loyal-customers-box">
<div class="d-flex align-items-center">
<img src="{{asset('assets/images/users/avatar-6.jpg')}}" class="rounded-circle avatar img-thumbnail" alt="">
<div class="flex-grow-1 ms-3 overflow-hidden">
<h5 class="font-size-15 mb-1 text-truncate">Charles Roman</h5>
<p class="text-muted text-truncate mb-0">Charles@gmail.com</p>
</div>
<div class="flex-shrink-0 text-end">
<h5 class="font-size-14 mb-0 text-truncate w-xs bg-light p-2 rounded text-center">
4.9 <i class="bx bxs-star font-size-14 text-primary ms-1"></i></h5>
</div>
</div>
</div>
<div class="border-bottom loyal-customers-box">
<div class="d-flex align-items-center">
<img src="{{asset('assets/images/users/avatar-7.jpg')}}" class="rounded-circle avatar img-thumbnail" alt="">
<div class="flex-grow-1 ms-3 overflow-hidden">
<h5 class="font-size-15 mb-1 text-truncate">David Reynolds</h5>
<p class="text-muted text-truncate mb-0">David@gmail.com</p>
</div>
<div class="flex-shrink-0 text-end">
<h5 class="font-size-14 mb-0 text-truncate w-xs bg-light p-2 rounded text-center">
3.5 <i class="bx bxs-star font-size-14 text-primary ms-1"></i></h5>
</div>
</div>
</div>
<div class="border-bottom loyal-customers-box">
<div class="d-flex align-items-center">
<img src="{{asset('assets/images/users/avatar-8.jpg')}}" class="rounded-circle avatar img-thumbnail" alt="">
<div class="flex-grow-1 ms-3 overflow-hidden">
<h5 class="font-size-15 mb-1 text-truncate">Marion Munroe</h5>
<p class="text-muted text-truncate mb-0">Marion@gmail.com</p>
</div>
<div class="flex-shrink-0 text-end">
<h5 class="font-size-14 mb-0 text-truncate w-xs bg-light p-2 rounded text-center">
2.3 <i class="bx bxs-star font-size-14 text-primary ms-1"></i></h5>
</div>
</div>
</div>
<div class="py-3 loyal-customers-box">
<div class="d-flex align-items-center">
<img src="{{asset('assets/images/users/avatar-5.jpg')}}" class="rounded-circle avatar img-thumbnail" alt="">
<div class="flex-grow-1 ms-3 overflow-hidden">
<h5 class="font-size-15 mb-1 text-truncate">Christina Emerson</h5>
<p class="text-muted text-truncate mb-0">Christina@gmail.com</p>
</div>
<div class="flex-shrink-0 text-end">
<h5 class="font-size-14 mb-0 text-truncate w-xs bg-light p-2 rounded text-center">
4.1 <i class="bx bxs-star font-size-14 text-primary ms-1"></i></h5>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-xxl-4">
<div class="card">
<div class="card-body">
<div class="d-flex align-items-start">
<div class="flex-grow-1 overflow-hidden">
<h5 class="card-title mb-4 text-truncate">Top Selling Categories</h5>
</div>
<div class="flex-shrink-0 ms-2">
<div class="dropdown">
<a class="dropdown-toggle text-reset" href="#" data-bs-toggle="dropdown"
aria-haspopup="true" aria-expanded="false">
<span class="fw-semibold">Sort By:</span> <span
class="text-muted">Weekly<i
class="mdi mdi-chevron-down ms-1"></i></span>
</a>
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">Yearly</a>
<a class="dropdown-item" href="#">Monthly</a>
<a class="dropdown-item" href="#">Weekly</a>
</div>
</div>
</div>
</div>
<div id="saleing-categories" data-colors='["#1f58c7", "#4976cf","#6a92e1", "#e6ecf9"]' class="apex-charts" dir="ltr"></div>
<div class="row mt-3 pt-1">
<div class="col-md-6">
<div class="px-2 mt-2">
<div class="d-flex align-items-center mt-sm-0 mt-2">
<i class="mdi mdi-circle font-size-10 text-primary"></i>
<div class="flex-grow-1 ms-2 overflow-hidden">
<p class="font-size-15 mb-1 text-truncate">Men Fashion</p>
</div>
<div class="flex-shrink-0 ms-2">
<span class="fw-bold">34.3%</span>
</div>
</div>
<div class="d-flex align-items-center mt-2">
<i class="mdi mdi-circle font-size-10 text-success"></i>
<div class="flex-grow-1 ms-2 overflow-hidden">
<p class="font-size-15 mb-0 text-truncate">Women Clothing</p>
</div>
<div class="flex-shrink-0 ms-2">
<span class="fw-bold">25.7%</span>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="px-2 mt-2">
<div class="d-flex align-items-center mt-sm-0 mt-2">
<i class="mdi mdi-circle font-size-10 text-info"></i>
<div class="flex-grow-1 ms-2 overflow-hidden">
<p class="font-size-15 mb-1 text-truncate">Beauty Products</p>
</div>
<div class="flex-shrink-0 ms-2">
<span class="fw-bold">18.6%</span>
</div>
</div>
<div class="d-flex align-items-center mt-2">
<i class="mdi mdi-circle font-size-10 text-secondary"></i>
<div class="flex-grow-1 ms-2 overflow-hidden">
<p class="font-size-15 mb-0 text-truncate">Others Products</p>
</div>
<div class="flex-shrink-0 ms-2">
<span class="fw-bold">21.4%</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- end row -->
<div class="row">
<div class="col-xl-7">
<div class="card">
<div class="card-body">
<div class="d-flex align-items-start mb-3">
<div class="flex-grow-1">
<h5 class="card-title">Sales Revenue</h5>
</div>
<div class="flex-shrink-0">
<div class="dropdown">
<a class="dropdown-toggle text-reset" href="#" data-bs-toggle="dropdown"
aria-haspopup="true" aria-expanded="false">
<span class="fw-semibold">Year:</span> <span
class="text-muted">2021<i
class="mdi mdi-chevron-down ms-1"></i></span>
</a>
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">2019</a>
<a class="dropdown-item" href="#">2020</a>
<a class="dropdown-item" href="#">2021</a>
</div>
</div>
</div>
</div>
<div class="row align-items-center">
<div class="col-xxl-7">
<div class="py-3">
<div id="world-map-markers" style="height: 300px"></div>
</div>
</div>
<div class="col-xl-5">
<div class="table-responsive">
<table class="table table-centered align-middle table-nowrap mb-0">
<thead>
<tr>
<th style="width: 500px;">Countries</th>
<th>Orders</th>
<th>Earnings</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<div class="d-flex align-items-center">
<img src="{{asset('assets/images/flags/us.jpg')}}" class="rounded" alt="user-image" height="18">
<div class="flex-grow-1 ms-3">
<p class="mb-0 text-truncate">United States</p>
</div>
</div>
</td>
<td>46k</td>
<td>$6,524.30</td>
</tr>
<tr>
<td>
<div class="d-flex align-items-center">
<img src="{{asset('assets/images/flags/italy.jpg')}}" class="rounded" alt="user-image" height="18">
<div class="flex-grow-1 ms-3">
<p class="mb-0 text-truncate">Italy</p>
</div>
</div>
</td>
<td>86k</td>
<td>$6,985.94</td>
</tr>
<tr>
<td>
<div class="d-flex align-items-center">
<img src="{{asset('assets/images/flags/spain.jpg')}}" class="rounded" alt="user-image" height="18">
<div class="flex-grow-1 ms-3">
<p class="mb-0 text-truncate">Spain</p>
</div>
</div>
</td>
<td>86k</td>
<td>$5,685.47</td>
</tr>
<tr>
<td>
<div class="d-flex align-items-center">
<img src="{{asset('assets/images/flags/french.jpg')}}" class="rounded" alt="user-image" height="18">
<div class="flex-grow-1 ms-3">
<p class="mb-0 text-truncate">French</p>
</div>
</div>
</td>
<td>56k</td>
<td>$5,645.45</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-xxl-5">
<div class="card">
<div class="card-body">
<div class="d-flex flex-wrap align-items-center mb-3">
<h5 class="card-title me-2">Invoice List</h5>
<div class="ms-auto">
<div class="dropdown">
<a class="dropdown-toggle text-reset" href="#" id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span class="text-muted font-size-12">Sort By: </span> <span class="fw-medium"> Weekly<i class="mdi mdi-chevron-down ms-1"></i></span>
</a>
<div class="dropdown-menu dropdown-menu-end" aria-labelledby="dropdownMenuButton1">
<a class="dropdown-item" href="#">Monthly</a>
<a class="dropdown-item" href="#">Yearly</a>
</div>
</div>
</div>
</div>
<div class="mx-n4 px-4" data-simplebar style="max-height: 332px;">
<div class="table-responsive">
<table class="table table-striped table-centered align-middle table-nowrap mb-0 table-check">
<thead>
<tr>
<th style="width: 30px;">
<div class="form-check font-size-16">
<input type="checkbox" name="check" class="form-check-input" id="checkAll">
<label class="form-check-label" for="checkAll"></label>
</div>
</th>
<th>#Invoice</th>
<th style="width: 190px;">User Name</th>
<th>Date</th>
<th>Status</th>
<th>Action</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<div class="form-check font-size-16">
<input type="checkbox" class="form-check-input">
<label class="form-check-label"></label>
</div>
</td>
<td class="fw-semibold">#562354</td>
<td style="width: 190px;">
<div class="d-flex align-items-center">
<img class="rounded-circle avatar-sm" src="{{asset('assets/images/users/avatar-1.jpg')}}" alt="">
<div class="flex-grow-1 ms-3">
Neal Matthews
</div>
</div>
</td>
<td>
10 Dec
</td>
<td>
<div class="badge badge-soft-success font-size-12">Paid</div>
</td>
<td>
<div class="dropdown">
<a class="text-muted dropdown-toggle font-size-18" role="button" data-bs-toggle="dropdown" aria-haspopup="true">
<i class="mdi mdi-dots-horizontal"></i>
</a>
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">Edit</a>
<a class="dropdown-item" href="#">Print</a>
<a class="dropdown-item" href="#">Delete</a>
</div>
</div>
</td>
</tr>
<tr>
<td>
<div class="form-check font-size-16">
<input type="checkbox" class="form-check-input">
<label class="form-check-label"></label>
</div>
</td>
<td class="fw-semibold">#485625</td>
<td style="width: 190px;">
<div class="d-flex align-items-center">
<img class="rounded-circle avatar-sm" src="{{asset('assets/images/users/avatar-2.jpg')}}" alt="">
<div class="flex-grow-1 ms-3">
Connie Franco
</div>
</div>
</td>
<td>
10 Dec
</td>
<td>
<div class="badge badge-soft-success font-size-12">Paid</div>
</td>
<td>
<div class="dropdown">
<a class="text-muted dropdown-toggle font-size-18" role="button" data-bs-toggle="dropdown" aria-haspopup="true">
<i class="mdi mdi-dots-horizontal"></i>
</a>
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">Edit</a>
<a class="dropdown-item" href="#">Print</a>
<a class="dropdown-item" href="#">Delete</a>
</div>
</div>
</td>
</tr>
<tr>
<td>
<div class="form-check font-size-16">
<input type="checkbox" class="form-check-input">
<label class="form-check-label"></label>
</div>
</td>
<td class="fw-semibold">#321458</td>
<td style="width: 190px;">
<div class="d-flex align-items-center">
<img class="rounded-circle avatar-sm" src="{{asset('assets/images/users/avatar-3.jpg')}}" alt="">
<div class="flex-grow-1 ms-3">
Adella Perez
</div>
</div>
</td>
<td>
12 Dec
</td>
<td>
<div class="badge badge-soft-danger font-size-12">Unpaid</div>
</td>
<td>
<div class="dropdown">
<a class="text-muted dropdown-toggle font-size-18" role="button" data-bs-toggle="dropdown" aria-haspopup="true">
<i class="mdi mdi-dots-horizontal"></i>
</a>
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">Edit</a>
<a class="dropdown-item" href="#">Print</a>
<a class="dropdown-item" href="#">Delete</a>
</div>
</div>
</td>
</tr>
<tr>
<td>
<div class="form-check font-size-16">
<input type="checkbox" class="form-check-input">
<label class="form-check-label"></label>
</div>
</td>
<td class="fw-semibold">#214569</td>
<td style="width: 190px;">
<div class="d-flex align-items-center">
<img class="rounded-circle avatar-sm" src="{{asset('assets/images/users/avatar-4.jpg')}}" alt="">
<div class="flex-grow-1 ms-3">
Theresa Mayers
</div>
</div>
</td>
<td>
21 Dec
</td>
<td>
<div class="badge badge-soft-success font-size-12">Paid</div>
</td>
<td>
<div class="dropdown">
<a class="text-muted dropdown-toggle font-size-18" role="button" data-bs-toggle="dropdown" aria-haspopup="true">
<i class="mdi mdi-dots-horizontal"></i>
</a>
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">Edit</a>
<a class="dropdown-item" href="#">Print</a>
<a class="dropdown-item" href="#">Delete</a>
</div>
</div>
</td>
</tr>
<tr>
<td>
<div class="form-check font-size-16">
<input type="checkbox" class="form-check-input">
<label class="form-check-label"></label>
</div>
</td>
<td class="fw-semibold">#565423</td>
<td style="width: 190px;">
<div class="d-flex align-items-center">
<img class="rounded-circle avatar-sm" src="{{asset('assets/images/users/avatar-5.jpg')}}" alt="">
<div class="flex-grow-1 ms-3">
Oliver Gonzales
</div>
</div>
</td>
<td>
25 Dec
</td>
<td>
<div class="badge badge-soft-danger font-size-12">Unpaid</div>
</td>
<td>
<div class="dropdown">
<a class="text-muted dropdown-toggle font-size-18" role="button" data-bs-toggle="dropdown" aria-haspopup="true">
<i class="mdi mdi-dots-horizontal"></i>
</a>
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">Edit</a>
<a class="dropdown-item" href="#">Print</a>
<a class="dropdown-item" href="#">Delete</a>
</div>
</div>
</td>
</tr>
<tr>
<td>
<div class="form-check font-size-16">
<input type="checkbox" class="form-check-input">
<label class="form-check-label"></label>
</div>
</td>
<td class="fw-semibold">#565423</td>
<td style="width: 190px;">
<div class="d-flex align-items-center">
<img class="rounded-circle avatar-sm" src="{{asset('assets/images/users/avatar-6.jpg')}}" alt="">
<div class="flex-grow-1 ms-3">
Willie Verner
</div>
</div>
</td>
<td>
30 Dec
</td>
<td>
<div class="badge badge-soft-success font-size-12">Paid</div>
</td>
<td>
<div class="dropdown">
<a class="text-muted dropdown-toggle font-size-18" role="button" data-bs-toggle="dropdown" aria-haspopup="true">
<i class="mdi mdi-dots-horizontal"></i>
</a>
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">Edit</a>
<a class="dropdown-item" href="#">Print</a>
<a class="dropdown-item" href="#">Delete</a>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- end row -->
</div>
<!-- container-fluid -->
</div>
@endsection
@section('js')
<!-- apexcharts -->
<script src="{{asset('assets/libs/apexcharts/apexcharts.min.js')}}"></script>
<!-- Vector map-->
<script src="{{asset('assets/libs/jsvectormap/js/jsvectormap.min.js')}}"></script>
<script src="{{asset('assets/libs/jsvectormap/maps/world-merc.js')}}"></script>
<script src="{{asset('assets/js/pages/dashboard.init.js')}}"></script>
@endsection

View File

@ -0,0 +1,996 @@
@extends('layouts.master')
@section('content')
<div class="page-content">
<div class="container-fluid">
<div class="row">
<div class="col-xl-6">
<div class="card">
<div class="card-body pb-0">
<div class="d-flex align-items-start">
<div class="flex-grow-1">
<h5 class="card-title mb-4">Overview</h5>
</div>
<div class="flex-shrink-0">
<div class="dropdown">
<a class="dropdown-toggle text-reset" href="#" data-bs-toggle="dropdown"
aria-haspopup="true" aria-expanded="false">
<span class="fw-semibold">Sort By:</span>
<span class="text-muted">Yearly<i class="mdi mdi-chevron-down ms-1"></i></span>
</a>
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">Yearly</a>
<a class="dropdown-item" href="#">Monthly</a>
<a class="dropdown-item" href="#">Weekly</a>
<a class="dropdown-item" href="#">Today</a>
</div>
</div>
</div>
</div>
<div>
<div id="overview" data-colors='["#e6ecf9", "#e6ecf9", "#e6ecf9","#e6ecf9", "#e6ecf9", "#e6ecf9","#e6ecf9","#e6ecf9","#e6ecf9","#1f58c7","#1f58c7", "#1f58c7"]' class="apex-chart"></div>
</div>
</div>
</div>
</div>
<div class="col-xl-6">
<div class="row">
<div class="col-xl-6">
<div class="card">
<div class="card-body">
<div>
<div class="d-flex align-items-center">
<div class="avatar">
<div class="avatar-title rounded bg-soft-primary">
<i class="bx bx-check-shield font-size-24 mb-0 text-primary"></i>
</div>
</div>
<div class="flex-grow-1 ms-3">
<h6 class="mb-0 font-size-15">Total Sales</h6>
</div>
<div class="flex-shrink-0">
<div class="dropdown">
<a class="dropdown-toggle" href="#"
data-bs-toggle="dropdown" aria-haspopup="true"
aria-expanded="false">
<i class="bx bx-dots-horizontal text-muted font-size-22"></i>
</a>
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">Yearly</a>
<a class="dropdown-item" href="#">Monthly</a>
<a class="dropdown-item" href="#">Weekly</a>
<a class="dropdown-item" href="#">Today</a>
</div>
</div>
</div>
</div>
<div>
<h4 class="mt-4 pt-1 mb-0 font-size-22">$34,123.20 <span class="text-success fw-medium font-size-13 align-middle"> <i class="mdi mdi-arrow-up"></i> 8.34% </span> </h4>
<div class="d-flex mt-1 align-items-end overflow-hidden">
<div class="flex-grow-1">
<p class="text-muted mb-0 text-truncate">Total Sales World Wide</p>
</div>
<div class="flex-shrink-0">
<div id="mini-1" data-colors='["#1f58c7"]' class="apex-charts"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-6">
<div class="card">
<div class="card-body">
<div>
<div class="d-flex align-items-center">
<div class="avatar">
<div class="avatar-title rounded bg-soft-primary">
<i class="bx bx-cart-alt font-size-24 mb-0 text-primary"></i>
</div>
</div>
<div class="flex-grow-1 ms-3">
<h6 class="mb-0 font-size-15">Total Orders</h6>
</div>
<div class="flex-shrink-0">
<div class="dropdown">
<a class="dropdown-toggle" href="#"
data-bs-toggle="dropdown" aria-haspopup="true"
aria-expanded="false">
<i class="bx bx-dots-horizontal text-muted font-size-22"></i>
</a>
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">Yearly</a>
<a class="dropdown-item" href="#">Monthly</a>
<a class="dropdown-item" href="#">Weekly</a>
<a class="dropdown-item" href="#">Today</a>
</div>
</div>
</div>
</div>
<div>
<h4 class="mt-4 pt-1 mb-0 font-size-22">63,234.20 <span class="text-danger fw-medium font-size-13 align-middle"> <i class="mdi mdi-arrow-down"></i> 3.68% </span> </h4>
<div class="d-flex mt-1 align-items-end overflow-hidden">
<div class="flex-grow-1">
<p class="text-muted mb-0 text-truncate">Total Orders World Wide</p>
</div>
<div class="flex-shrink-0">
<div id="mini-2" data-colors='["#1f58c7"]' class="apex-charts"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-xl-6">
<div class="card">
<div class="card-body">
<div>
<div class="d-flex align-items-center">
<div class="avatar">
<div class="avatar-title rounded bg-soft-primary">
<i class="bx bx-package font-size-24 mb-0 text-primary"></i>
</div>
</div>
<div class="flex-grow-1 ms-3">
<h6 class="mb-0 font-size-15">Today Visitor</h6>
</div>
<div class="flex-shrink-0">
<div class="dropdown">
<a class="dropdown-toggle" href="#"
data-bs-toggle="dropdown" aria-haspopup="true"
aria-expanded="false">
<i class="bx bx-dots-horizontal text-muted font-size-22"></i>
</a>
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">Yearly</a>
<a class="dropdown-item" href="#">Monthly</a>
<a class="dropdown-item" href="#">Weekly</a>
<a class="dropdown-item" href="#">Today</a>
</div>
</div>
</div>
</div>
<div>
<h4 class="mt-4 pt-1 mb-0 font-size-22">425,34.45 <span class="text-danger fw-medium font-size-13 align-middle"> <i class="mdi mdi-arrow-down"></i> 2.64% </span> </h4>
<div class="d-flex mt-1 align-items-end overflow-hidden">
<div class="flex-grow-1">
<p class="text-muted mb-0 text-truncate">Total Visitor World Wide</p>
</div>
<div class="flex-shrink-0">
<div id="mini-3" data-colors='["#1f58c7"]' class="apex-charts"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-6">
<div class="card">
<div class="card-body">
<div>
<div class="d-flex align-items-center">
<div class="avatar">
<div class="avatar-title rounded bg-soft-primary">
<i class="bx bx-rocket font-size-24 mb-0 text-primary"></i>
</div>
</div>
<div class="flex-grow-1 ms-3">
<h6 class="mb-0 font-size-15">Total Expense</h6>
</div>
<div class="flex-shrink-0">
<div class="dropdown">
<a class="dropdown-toggle" href="#"
data-bs-toggle="dropdown" aria-haspopup="true"
aria-expanded="false">
<i class="bx bx-dots-horizontal text-muted font-size-22"></i>
</a>
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">Yearly</a>
<a class="dropdown-item" href="#">Monthly</a>
<a class="dropdown-item" href="#">Weekly</a>
<a class="dropdown-item" href="#">Today</a>
</div>
</div>
</div>
</div>
<div>
<h4 class="mt-4 pt-1 mb-0 font-size-22">6,482.46 <span class="text-success fw-medium font-size-13 align-middle"> <i class="mdi mdi-arrow-down"></i> 5.79% </span> </h4>
<div class="d-flex mt-1 align-items-end overflow-hidden">
<div class="flex-grow-1">
<p class="text-muted mb-0 text-truncate">Total Expense World Wide</p>
</div>
<div class="flex-shrink-0">
<div id="mini-4" data-colors='["#1f58c7"]' class="apex-charts"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- end row -->
<div class="row">
<div class="col-xxl-8">
<div class="row">
<div class="col-xl-7">
<div class="card">
<div class="card-body">
<div class="d-flex align-items-start mb-2">
<div class="flex-grow-1">
<h5 class="card-title">Popular Products</h5>
</div>
<div class="flex-shrink-0">
<div class="dropdown">
<a class="dropdown-toggle text-muted" href="#"
data-bs-toggle="dropdown" aria-haspopup="true"
aria-expanded="false">
Today<i class="mdi mdi-chevron-down ms-1"></i>
</a>
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">Yearly</a>
<a class="dropdown-item" href="#">Monthly</a>
<a class="dropdown-item" href="#">Weekly</a>
<a class="dropdown-item" href="#">Today</a>
</div>
</div>
</div>
</div>
<div class="row align-items-center">
<div class="col-md-5">
<div class="popular-product-img p-2">
<img src="./assets/images/product/img.png" alt="">
</div>
</div>
<div class="col-md-7">
<span class="badge badge-soft-primary font-size-10 text-uppercase ls-05"> Popular Item</span>
<h5 class="mt-2 font-size-16"><a href="" class="text-dark">Home & Office Chair Blue</a></h5>
<p class="text-muted">But who has any right to find chooses enjoy.</p>
<div class="row g-0 mt-3 pt-1 align-items-end">
<div class="col-4">
<div class="mt-1">
<h4 class="font-size-16">800</h4>
<p class="text-muted mb-1">Total Selling</p>
</div>
</div>
<div class="col-4">
<div class="mt-1">
<h4 class="font-size-16">250</h4>
<p class="text-muted mb-1">Total Stock</p>
</div>
</div>
<div class="col-4">
<div class="mt-1">
<a href="" class="btn btn-primary btn-sm mb-1">Buy
Now</a>
</div>
</div>
</div>
</div>
</div>
<div class="mx-n4 px-4" data-simplebar style="max-height: 205px;">
<div class="popular-product-box rounded my-2">
<div class="d-flex align-items-center">
<div class="flex-shrink-0">
<div class="avatar-md">
<div class="product-img avatar-title img-thumbnail bg-soft-primary border-0">
<img src="{{asset('assets/images/product/img-1.png')}}" class="img-fluid" alt="">
</div>
</div>
</div>
<div class="flex-grow-1 ms-3 overflow-hidden">
<h5 class="mb-1 text-truncate"><a href="" class="font-size-15 text-dark">Wood Chair dark Brown</a></h5>
<p class="text-muted fw-semibold mb-0 text-truncate">$230.00</p>
</div>
<div class="flex-shrink-0 text-end ms-3">
<h5 class="mb-1"><a href="" class="font-size-15 text-dark">$62300.00</a></h5>
<p class="text-muted fw-semibold mb-0">562 Sales</p>
</div>
</div>
</div>
<div class="popular-product-box rounded my-2">
<div class="d-flex align-items-center">
<div class="flex-shrink-0">
<div class="avatar-md">
<div class="product-img avatar-title img-thumbnail bg-soft-success border-0">
<img src="{{asset('assets/images/product/img-8.png')}}" class="img-fluid" alt="">
</div>
</div>
</div>
<div class="flex-grow-1 ms-3 overflow-hidden">
<h5 class="mb-1 text-truncate"><a href="" class="font-size-15 text-dark">Home & Office Chair Crime</a></h5>
<p class="text-muted fw-semibold mb-0 text-truncate">$190.00</p>
</div>
<div class="flex-shrink-0 text-end ms-3">
<h5 class="mb-1"><a href="" class="font-size-15 text-dark">$25698.00</a></h5>
<p class="text-muted fw-semibold mb-0">856 Sales</p>
</div>
</div>
</div>
<div class="popular-product-box rounded my-2">
<div class="d-flex align-items-center">
<div class="flex-shrink-0">
<div class="avatar-md">
<div class="product-img avatar-title img-thumbnail bg-soft-danger border-0">
<img src="{{asset('assets/images/product/img-3.png')}}" class="img-fluid" alt="">
</div>
</div>
</div>
<div class="flex-grow-1 ms-3 overflow-hidden">
<h5 class="mb-1 text-truncate"><a href="" class="font-size-15 text-dark">Office Chair Blue</a></h5>
<p class="text-muted fw-semibold mb-0 text-truncate">$420.00</p>
</div>
<div class="flex-shrink-0 text-end ms-3">
<h5 class="mb-1"><a href="" class="font-size-15 text-dark">$64351.00</a></h5>
<p class="text-muted fw-semibold mb-0">524 Sales</p>
</div>
</div>
</div>
<div class="popular-product-box rounded my-2">
<div class="d-flex align-items-center">
<div class="flex-shrink-0">
<div class="avatar-md">
<div class="product-img avatar-title img-thumbnail bg-soft-success border-0">
<img src="{{asset('assets/images/product/img-4.png')}}" class="img-fluid" alt="">
</div>
</div>
</div>
<div class="flex-grow-1 ms-3 overflow-hidden">
<h5 class="mb-1 text-truncate"><a href="" class="font-size-15 text-dark">Home & Office Chair Green</a></h5>
<p class="text-muted fw-semibold mb-0 text-truncate">$230.00</p>
</div>
<div class="flex-shrink-0 text-end ms-3">
<h5 class="mb-1"><a href="" class="font-size-15 text-dark">$96485.00</a></h5>
<p class="text-muted fw-semibold mb-0">634 Sales</p>
</div>
</div>
</div>
<div class="popular-product-box rounded my-2">
<div class="d-flex align-items-center">
<div class="flex-shrink-0">
<div class="avatar-md">
<div class="product-img avatar-title img-thumbnail bg-soft-danger border-0" >
<img src="{{asset('assets/images/product/img-5.png')}}" class="img-fluid" alt="">
</div>
</div>
</div>
<div class="flex-grow-1 ms-3 overflow-hidden">
<h5 class="mb-1 text-truncate"><a href="" class="font-size-15 text-dark">Wood Chair dark Brown</a></h5>
<p class="text-muted fw-semibold mb-0 text-truncate">$230.00</p>
</div>
<div class="flex-shrink-0 text-end ms-3">
<h5 class="mb-1"><a href="" class="font-size-15 text-dark">$56230.00</a></h5>
<p class="text-muted fw-semibold mb-0">964 Sales</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-5">
<div class="card">
<div class="card-body">
<div class="d-flex align-items-start mb-2">
<div class="flex-grow-1">
<h5 class="card-title">Loyal Customers</h5>
</div>
<div class="flex-shrink-0">
<div class="dropdown">
<a class="dropdown-toggle text-muted" href="#"
data-bs-toggle="dropdown" aria-haspopup="true"
aria-expanded="false">
<i class="bx bx-dots-horizontal font-size-22"></i>
</a>
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">Yearly</a>
<a class="dropdown-item" href="#">Monthly</a>
<a class="dropdown-item" href="#">Weekly</a>
<a class="dropdown-item" href="#">Today</a>
</div>
</div>
</div>
</div>
<div class="mx-n4 px-4" data-simplebar style="max-height: 421px;">
<div class="border-bottom loyal-customers-box pt-2">
<div class="d-flex align-items-center">
<img src="{{asset('assets/images/users/avatar-4.jpg')}}" class="rounded-circle avatar img-thumbnail" alt="">
<div class="flex-grow-1 ms-3 overflow-hidden">
<h5 class="font-size-15 mb-1 text-truncate">Michelle Bernard</h5>
<p class="text-muted text-truncate mb-0">Michelle@gmail.com</p>
</div>
<div class="flex-shrink-0">
<h5 class="font-size-14 mb-0 text-truncate w-xs bg-light p-2 rounded text-center">
4.7 <i class="bx bxs-star font-size-14 text-primary ms-1"></i></h5>
</div>
</div>
</div>
<div class="border-bottom loyal-customers-box">
<div class="d-flex align-items-center">
<img src="{{asset('assets/images/users/avatar-5.jpg')}}" class="rounded-circle avatar img-thumbnail" alt="">
<div class="flex-grow-1 ms-3 overflow-hidden">
<h5 class="font-size-15 mb-1 text-truncate">David Grajeda</h5>
<p class="text-muted text-truncate mb-0">David@gmail.com</p>
</div>
<div class="flex-shrink-0">
<h5 class="font-size-14 mb-0 text-truncate w-xs bg-light p-2 rounded text-center">
3.4 <i class="bx bxs-star font-size-14 text-primary ms-1"></i></h5>
</div>
</div>
</div>
<div class="border-bottom loyal-customers-box">
<div class="d-flex align-items-center">
<img src="{{asset('assets/images/users/avatar-6.jpg')}}" class="rounded-circle avatar img-thumbnail" alt="">
<div class="flex-grow-1 ms-3 overflow-hidden">
<h5 class="font-size-15 mb-1 text-truncate">Charles Roman</h5>
<p class="text-muted text-truncate mb-0">Charles@gmail.com</p>
</div>
<div class="flex-shrink-0 text-end">
<h5 class="font-size-14 mb-0 text-truncate w-xs bg-light p-2 rounded text-center">
4.9 <i class="bx bxs-star font-size-14 text-primary ms-1"></i></h5>
</div>
</div>
</div>
<div class="border-bottom loyal-customers-box">
<div class="d-flex align-items-center">
<img src="{{asset('assets/images/users/avatar-7.jpg')}}" class="rounded-circle avatar img-thumbnail" alt="">
<div class="flex-grow-1 ms-3 overflow-hidden">
<h5 class="font-size-15 mb-1 text-truncate">David Reynolds</h5>
<p class="text-muted text-truncate mb-0">David@gmail.com</p>
</div>
<div class="flex-shrink-0 text-end">
<h5 class="font-size-14 mb-0 text-truncate w-xs bg-light p-2 rounded text-center">
3.5 <i class="bx bxs-star font-size-14 text-primary ms-1"></i></h5>
</div>
</div>
</div>
<div class="border-bottom loyal-customers-box">
<div class="d-flex align-items-center">
<img src="{{asset('assets/images/users/avatar-8.jpg')}}" class="rounded-circle avatar img-thumbnail" alt="">
<div class="flex-grow-1 ms-3 overflow-hidden">
<h5 class="font-size-15 mb-1 text-truncate">Marion Munroe</h5>
<p class="text-muted text-truncate mb-0">Marion@gmail.com</p>
</div>
<div class="flex-shrink-0 text-end">
<h5 class="font-size-14 mb-0 text-truncate w-xs bg-light p-2 rounded text-center">
2.3 <i class="bx bxs-star font-size-14 text-primary ms-1"></i></h5>
</div>
</div>
</div>
<div class="py-3 loyal-customers-box">
<div class="d-flex align-items-center">
<img src="{{asset('assets/images/users/avatar-5.jpg')}}" class="rounded-circle avatar img-thumbnail" alt="">
<div class="flex-grow-1 ms-3 overflow-hidden">
<h5 class="font-size-15 mb-1 text-truncate">Christina Emerson</h5>
<p class="text-muted text-truncate mb-0">Christina@gmail.com</p>
</div>
<div class="flex-shrink-0 text-end">
<h5 class="font-size-14 mb-0 text-truncate w-xs bg-light p-2 rounded text-center">
4.1 <i class="bx bxs-star font-size-14 text-primary ms-1"></i></h5>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-xxl-4">
<div class="card">
<div class="card-body">
<div class="d-flex align-items-start">
<div class="flex-grow-1 overflow-hidden">
<h5 class="card-title mb-4 text-truncate">Top Selling Categories</h5>
</div>
<div class="flex-shrink-0 ms-2">
<div class="dropdown">
<a class="dropdown-toggle text-reset" href="#" data-bs-toggle="dropdown"
aria-haspopup="true" aria-expanded="false">
<span class="fw-semibold">Sort By:</span> <span
class="text-muted">Weekly<i
class="mdi mdi-chevron-down ms-1"></i></span>
</a>
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">Yearly</a>
<a class="dropdown-item" href="#">Monthly</a>
<a class="dropdown-item" href="#">Weekly</a>
</div>
</div>
</div>
</div>
<div id="saleing-categories" data-colors='["#1f58c7", "#4976cf","#6a92e1", "#e6ecf9"]' class="apex-charts" dir="ltr"></div>
<div class="row mt-3 pt-1">
<div class="col-md-6">
<div class="px-2 mt-2">
<div class="d-flex align-items-center mt-sm-0 mt-2">
<i class="mdi mdi-circle font-size-10 text-primary"></i>
<div class="flex-grow-1 ms-2 overflow-hidden">
<p class="font-size-15 mb-1 text-truncate">Men Fashion</p>
</div>
<div class="flex-shrink-0 ms-2">
<span class="fw-bold">34.3%</span>
</div>
</div>
<div class="d-flex align-items-center mt-2">
<i class="mdi mdi-circle font-size-10 text-success"></i>
<div class="flex-grow-1 ms-2 overflow-hidden">
<p class="font-size-15 mb-0 text-truncate">Women Clothing</p>
</div>
<div class="flex-shrink-0 ms-2">
<span class="fw-bold">25.7%</span>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="px-2 mt-2">
<div class="d-flex align-items-center mt-sm-0 mt-2">
<i class="mdi mdi-circle font-size-10 text-info"></i>
<div class="flex-grow-1 ms-2 overflow-hidden">
<p class="font-size-15 mb-1 text-truncate">Beauty Products</p>
</div>
<div class="flex-shrink-0 ms-2">
<span class="fw-bold">18.6%</span>
</div>
</div>
<div class="d-flex align-items-center mt-2">
<i class="mdi mdi-circle font-size-10 text-secondary"></i>
<div class="flex-grow-1 ms-2 overflow-hidden">
<p class="font-size-15 mb-0 text-truncate">Others Products</p>
</div>
<div class="flex-shrink-0 ms-2">
<span class="fw-bold">21.4%</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- end row -->
<div class="row">
<div class="col-xl-7">
<div class="card">
<div class="card-body">
<div class="d-flex align-items-start mb-3">
<div class="flex-grow-1">
<h5 class="card-title">Sales Revenue</h5>
</div>
<div class="flex-shrink-0">
<div class="dropdown">
<a class="dropdown-toggle text-reset" href="#" data-bs-toggle="dropdown"
aria-haspopup="true" aria-expanded="false">
<span class="fw-semibold">Year:</span> <span
class="text-muted">2021<i
class="mdi mdi-chevron-down ms-1"></i></span>
</a>
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">2019</a>
<a class="dropdown-item" href="#">2020</a>
<a class="dropdown-item" href="#">2021</a>
</div>
</div>
</div>
</div>
<div class="row align-items-center">
<div class="col-xxl-7">
<div class="py-3">
<div id="world-map-markers" style="height: 300px"></div>
</div>
</div>
<div class="col-xl-5">
<div class="table-responsive">
<table class="table table-centered align-middle table-nowrap mb-0">
<thead>
<tr>
<th style="width: 500px;">Countries</th>
<th>Orders</th>
<th>Earnings</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<div class="d-flex align-items-center">
<img src="{{asset('assets/images/flags/us.jpg')}}" class="rounded" alt="user-image" height="18">
<div class="flex-grow-1 ms-3">
<p class="mb-0 text-truncate">United States</p>
</div>
</div>
</td>
<td>46k</td>
<td>$6,524.30</td>
</tr>
<tr>
<td>
<div class="d-flex align-items-center">
<img src="{{asset('assets/images/flags/italy.jpg')}}" class="rounded" alt="user-image" height="18">
<div class="flex-grow-1 ms-3">
<p class="mb-0 text-truncate">Italy</p>
</div>
</div>
</td>
<td>86k</td>
<td>$6,985.94</td>
</tr>
<tr>
<td>
<div class="d-flex align-items-center">
<img src="{{asset('assets/images/flags/spain.jpg')}}" class="rounded" alt="user-image" height="18">
<div class="flex-grow-1 ms-3">
<p class="mb-0 text-truncate">Spain</p>
</div>
</div>
</td>
<td>86k</td>
<td>$5,685.47</td>
</tr>
<tr>
<td>
<div class="d-flex align-items-center">
<img src="{{asset('assets/images/flags/french.jpg')}}" class="rounded" alt="user-image" height="18">
<div class="flex-grow-1 ms-3">
<p class="mb-0 text-truncate">French</p>
</div>
</div>
</td>
<td>56k</td>
<td>$5,645.45</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-xxl-5">
<div class="card">
<div class="card-body">
<div class="d-flex flex-wrap align-items-center mb-3">
<h5 class="card-title me-2">Invoice List</h5>
<div class="ms-auto">
<div class="dropdown">
<a class="dropdown-toggle text-reset" href="#" id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span class="text-muted font-size-12">Sort By: </span> <span class="fw-medium"> Weekly<i class="mdi mdi-chevron-down ms-1"></i></span>
</a>
<div class="dropdown-menu dropdown-menu-end" aria-labelledby="dropdownMenuButton1">
<a class="dropdown-item" href="#">Monthly</a>
<a class="dropdown-item" href="#">Yearly</a>
</div>
</div>
</div>
</div>
<div class="mx-n4 px-4" data-simplebar style="max-height: 332px;">
<div class="table-responsive">
<table class="table table-striped table-centered align-middle table-nowrap mb-0 table-check">
<thead>
<tr>
<th style="width: 30px;">
<div class="form-check font-size-16">
<input type="checkbox" name="check" class="form-check-input" id="checkAll">
<label class="form-check-label" for="checkAll"></label>
</div>
</th>
<th>#Invoice</th>
<th style="width: 190px;">User Name</th>
<th>Date</th>
<th>Status</th>
<th>Action</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<div class="form-check font-size-16">
<input type="checkbox" class="form-check-input">
<label class="form-check-label"></label>
</div>
</td>
<td class="fw-semibold">#562354</td>
<td style="width: 190px;">
<div class="d-flex align-items-center">
<img class="rounded-circle avatar-sm" src="{{asset('assets/images/users/avatar-1.jpg')}}" alt="">
<div class="flex-grow-1 ms-3">
Neal Matthews
</div>
</div>
</td>
<td>
10 Dec
</td>
<td>
<div class="badge badge-soft-success font-size-12">Paid</div>
</td>
<td>
<div class="dropdown">
<a class="text-muted dropdown-toggle font-size-18" role="button" data-bs-toggle="dropdown" aria-haspopup="true">
<i class="mdi mdi-dots-horizontal"></i>
</a>
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">Edit</a>
<a class="dropdown-item" href="#">Print</a>
<a class="dropdown-item" href="#">Delete</a>
</div>
</div>
</td>
</tr>
<tr>
<td>
<div class="form-check font-size-16">
<input type="checkbox" class="form-check-input">
<label class="form-check-label"></label>
</div>
</td>
<td class="fw-semibold">#485625</td>
<td style="width: 190px;">
<div class="d-flex align-items-center">
<img class="rounded-circle avatar-sm" src="{{asset('assets/images/users/avatar-2.jpg')}}" alt="">
<div class="flex-grow-1 ms-3">
Connie Franco
</div>
</div>
</td>
<td>
10 Dec
</td>
<td>
<div class="badge badge-soft-success font-size-12">Paid</div>
</td>
<td>
<div class="dropdown">
<a class="text-muted dropdown-toggle font-size-18" role="button" data-bs-toggle="dropdown" aria-haspopup="true">
<i class="mdi mdi-dots-horizontal"></i>
</a>
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">Edit</a>
<a class="dropdown-item" href="#">Print</a>
<a class="dropdown-item" href="#">Delete</a>
</div>
</div>
</td>
</tr>
<tr>
<td>
<div class="form-check font-size-16">
<input type="checkbox" class="form-check-input">
<label class="form-check-label"></label>
</div>
</td>
<td class="fw-semibold">#321458</td>
<td style="width: 190px;">
<div class="d-flex align-items-center">
<img class="rounded-circle avatar-sm" src="{{asset('assets/images/users/avatar-3.jpg')}}" alt="">
<div class="flex-grow-1 ms-3">
Adella Perez
</div>
</div>
</td>
<td>
12 Dec
</td>
<td>
<div class="badge badge-soft-danger font-size-12">Unpaid</div>
</td>
<td>
<div class="dropdown">
<a class="text-muted dropdown-toggle font-size-18" role="button" data-bs-toggle="dropdown" aria-haspopup="true">
<i class="mdi mdi-dots-horizontal"></i>
</a>
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">Edit</a>
<a class="dropdown-item" href="#">Print</a>
<a class="dropdown-item" href="#">Delete</a>
</div>
</div>
</td>
</tr>
<tr>
<td>
<div class="form-check font-size-16">
<input type="checkbox" class="form-check-input">
<label class="form-check-label"></label>
</div>
</td>
<td class="fw-semibold">#214569</td>
<td style="width: 190px;">
<div class="d-flex align-items-center">
<img class="rounded-circle avatar-sm" src="{{asset('assets/images/users/avatar-4.jpg')}}" alt="">
<div class="flex-grow-1 ms-3">
Theresa Mayers
</div>
</div>
</td>
<td>
21 Dec
</td>
<td>
<div class="badge badge-soft-success font-size-12">Paid</div>
</td>
<td>
<div class="dropdown">
<a class="text-muted dropdown-toggle font-size-18" role="button" data-bs-toggle="dropdown" aria-haspopup="true">
<i class="mdi mdi-dots-horizontal"></i>
</a>
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">Edit</a>
<a class="dropdown-item" href="#">Print</a>
<a class="dropdown-item" href="#">Delete</a>
</div>
</div>
</td>
</tr>
<tr>
<td>
<div class="form-check font-size-16">
<input type="checkbox" class="form-check-input">
<label class="form-check-label"></label>
</div>
</td>
<td class="fw-semibold">#565423</td>
<td style="width: 190px;">
<div class="d-flex align-items-center">
<img class="rounded-circle avatar-sm" src="{{asset('assets/images/users/avatar-5.jpg')}}" alt="">
<div class="flex-grow-1 ms-3">
Oliver Gonzales
</div>
</div>
</td>
<td>
25 Dec
</td>
<td>
<div class="badge badge-soft-danger font-size-12">Unpaid</div>
</td>
<td>
<div class="dropdown">
<a class="text-muted dropdown-toggle font-size-18" role="button" data-bs-toggle="dropdown" aria-haspopup="true">
<i class="mdi mdi-dots-horizontal"></i>
</a>
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">Edit</a>
<a class="dropdown-item" href="#">Print</a>
<a class="dropdown-item" href="#">Delete</a>
</div>
</div>
</td>
</tr>
<tr>
<td>
<div class="form-check font-size-16">
<input type="checkbox" class="form-check-input">
<label class="form-check-label"></label>
</div>
</td>
<td class="fw-semibold">#565423</td>
<td style="width: 190px;">
<div class="d-flex align-items-center">
<img class="rounded-circle avatar-sm" src="{{asset('assets/images/users/avatar-6.jpg')}}" alt="">
<div class="flex-grow-1 ms-3">
Willie Verner
</div>
</div>
</td>
<td>
30 Dec
</td>
<td>
<div class="badge badge-soft-success font-size-12">Paid</div>
</td>
<td>
<div class="dropdown">
<a class="text-muted dropdown-toggle font-size-18" role="button" data-bs-toggle="dropdown" aria-haspopup="true">
<i class="mdi mdi-dots-horizontal"></i>
</a>
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">Edit</a>
<a class="dropdown-item" href="#">Print</a>
<a class="dropdown-item" href="#">Delete</a>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- end row -->
</div>
<!-- container-fluid -->
</div>
@endsection
@section('js')
<!-- apexcharts -->
<script src="{{asset('assets/libs/apexcharts/apexcharts.min.js')}}"></script>
<!-- Vector map-->
<script src="{{asset('assets/libs/jsvectormap/js/jsvectormap.min.js')}}"></script>
<script src="{{asset('assets/libs/jsvectormap/maps/world-merc.js')}}"></script>
<script src="{{asset('assets/js/pages/dashboard.init.js')}}"></script>
@endsection

View File

@ -20,7 +20,7 @@
<div class="form-group">
<label class="col-xl-12 form-label" for="fname">Username</label>
<div class="col-12 ">
<input type="text" readonly value="{{@$item->username ? @$item->username : old('username')}}" name="username" class="form-control bg-secondary @error('username') is-invalid @enderror" placeholder="Masukan username Sekolah" required>
<input type="text" readonly value="{{@$item->username ? @$item->username : old('username')}}" name="username" class="form-control bg-secondary @error('username') is-invalid @enderror" placeholder="Masukan username" required>
@error('username')
<span class="invalid-feedback" style="display: block!important;"><strong>{{$message}}</strong></span>
@enderror
@ -43,7 +43,7 @@
<div class="form-group">
<label class="col-xl-12 form-label" for="fname">Nama</label>
<div class="col-12 ">
<input type="text" value="{{@$item->name ? @$item->name : old('name')}}" name="name" class="form-control @error('name') is-invalid @enderror" placeholder="Masukan Nama Sekolah" required>
<input type="text" value="{{@$item->name ? @$item->name : old('name')}}" name="name" class="form-control @error('name') is-invalid @enderror" placeholder="Masukan Nama" required>
@error('name')
<span class="invalid-feedback" style="display: block!important;"><strong>{{$message}}</strong></span>
@enderror

View File

@ -103,21 +103,19 @@ $("#grid-data").on("click", ".forcelogin", function() {
return false;
});
$("#grid-data").on("click", ".remove_data", function() {
var base_url = $(this).attr('data-href');
var id = $(this).attr('data-id');
var base_url = $(this).attr('data-href');
var id = $(this).attr('data-id');
Swal.fire({
title: "Hapus Data!",
text: "Apa anda yakin ingin menghapus data ini ?",
type: "warning",
icon: "warning",
showCancelButton: true,
confirmButtonColor: "#DD6B55",
confirmButtonText: "Ya Hapus Sekarang",
cancelButtonText: "Tidak",
closeOnConfirm: true,
closeOnCancel: true
},
function(isConfirm) {
if(isConfirm){
cancelButtonText: "Tidak"
}).then((result) => {
if (result.isConfirmed) {
request = $.ajax({
url: base_url,
@ -130,18 +128,19 @@ var id = $(this).attr('data-id');
// Callback handler that will be called on success
request.done(function(response, textStatus, jqXHR){
console.log(response);
toastr.success("Berhasil Menhapus Data", 'Berhasil!', {positionClass: 'toast-bottom-right', containerId: 'toast-bottom-right'});
alertify.success("Berhasil Menhapus Data");
$('#grid-data').bootstrapTable('refresh');
});
// Callback handler that will be called on failure
request.fail(function (jqXHR, textStatus, errorThrown){
toastr.error(
"Gagal "+textStatus, errorThrown
);
alertify.error("Gagal " + textStatus, errorThrown);
});
}
});
return false;
});
</script>

View File

@ -0,0 +1,120 @@
@extends('layouts.master')
@section('content')
<div class="page-content">
<div class="container-fluid">
<div class="row">
<div class="col-lg-12">
<div class="card">
<div class="card-header">
<i class="mdi mdi-account"></i> {{$title}}
</div>
<form action="{{route($route.'.store')}}" method="POST" class="">
{{csrf_field()}}
<div class="card-body">
<div class="row">
<div class="col-md-12">
<input type="hidden" name="secure_id" value="{{@$keyId}}">
</div>
<div class="col-12 mb-3">
<div class="form-group">
<label class="col-xl-12 form-label">Kode</label>
<div class="col-12 ">
<input type="text" value="{{@$item->kode ? @$item->kode : old('kode')}}" name="kode" class="form-control @error('kode') is-invalid @enderror" placeholder="Masukan Kode" required>
@error('kode')
<span class="invalid-feedback" style="display: block!important;"><strong>{{$message}}</strong></span>
@enderror
</div>
</div>
</div>
<div class="col-12 mb-3">
<div class="form-group">
<label class="col-xl-12 form-label">Nama</label>
<div class="col-12 ">
<input type="text" value="{{@$item->nama ? @$item->nama : old('nama')}}" name="nama" class="form-control @error('nama') is-invalid @enderror" placeholder="Masukan Nama" required>
@error('nama')
<span class="invalid-feedback" style="display: block!important;"><strong>{{$message}}</strong></span>
@enderror
</div>
</div>
</div>
<div class="col-12 mb-3">
<div class="form-group">
<label class="col-xl-12 form-label">Deskripsi</label>
<div class="col-12 ">
<textarea name="deskripsi" class="form-control @error('deskripsi') is-invalid @enderror" placeholder="Masukan deskripsi" required id="" cols="30" rows="10">{{@$item->deskripsi ? @$item->deskripsi : old('deskripsi')}}</textarea>
@error('deskripsi')
<span class="invalid-feedback" style="display: block!important;"><strong>{{$message}}</strong></span>
@enderror
</div>
</div>
</div>
<div class="col-12 mb-3">
<div class="form-group">
<label class="col-xl-12 form-label">Nomor Baris</label>
<div class="col-12 ">
<input type="text" value="{{@$item->nomor_baris ? @$item->nomor_baris : old('nomor_baris')}}" name="nomor_baris" class="form-control @error('nomor_baris') is-invalid @enderror" placeholder="Masukan Nomor Baris" required>
@error('nomor_baris')
<span class="invalid-feedback" style="display: block!important;"><strong>{{$message}}</strong></span>
@enderror
</div>
</div>
</div>
<div class="col-12 mb-3">
<div class="form-group">
<label class="col-xl-12 form-label">Status</label>
<div class="col-12 ">
<select name="status" class="form-control @error('status') is-invalid @enderror" id="" required>
<option {{ @$item->status == '0' ? 'selected' : ''}} value="0">Tidak Aktif</option>
<option {{ @$item->status == '1' ? 'selected' : ''}} value="1">Aktif</option>
</select>
@error('status')
<span class="invalid-feedback" style="display: block!important;"><strong>{{$message}}</strong></span>
@enderror
</div>
</div>
</div>
</div>
</div>
<div class="card-footer">
<div class="row">
<div class="col-md-12 text-right">
<a href="{{route($route.'.index')}}" class="btn btn-danger"><i class="mdi mdi-cancel"></i> Batal</a>
<button type="submit" class="btn btn-success"><i class="mdi mdi-content-save-outline"></i> Simpan</button>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
@endsection
@section('js')
<script type="text/javascript">
$(document).ready(function() {
$('.numberInput').on('input', function() {
this.value = this.value.replace(/[^0-9]/g, ''); // Hanya angka 0-9
});
$('#togglePassword').on('click', function() {
let passwordField = $('#password');
let icon = $(this).find('i');
// Cek apakah input saat ini bertipe password
if (passwordField.attr('type') === 'password') {
passwordField.attr('type', 'text'); // Ubah ke teks
icon.removeClass('mdi-eye').addClass('mdi-eye-off'); // Ganti ikon
} else {
passwordField.attr('type', 'password'); // Ubah ke password
icon.removeClass('mdi-eye-off').addClass('mdi-eye'); // Kembalikan ikon
}
});
});
</script>
@endsection

View File

@ -0,0 +1,93 @@
@extends('layouts.master')
@section('css')
@endsection
@section('content')
<div class="page-content">
<div class="container-fluid">
<div class="row">
<div class="col-lg-12">
<div class="card">
<div class="card-body">
<div id="toolbar">
<a href="{{route($route.'.update')}}" id="btn-add" class="btn btn-primary">
<i class="mdi mdi-plus"></i> Tambah Data
</a>
</div>
<table class="table w-100"
data-search="true"
data-toggle="table"
data-pagination="true"
data-toolbar="#toolbar"
data-show-refresh="false"
data-url="{{route($route.'.grid')}}"
data-ajax-options='{"xhrFields": {"withCredentials": true}}'
data-sort-name="ids"
data-sort-order="desc"
data-page-size="10"
data-id-field="id"
id="grid-data">
<thead class="table-primary text-primary">
<tr>
<th data-width="15%" class="text-center" data-field="action">#</th>
<th data-field="kode">Kode</th>
<th data-field="nama">Nama</th>
<th data-field="nomor_baris">Nomor Baris</th>
<th data-field="status">Status</th>
</tr>
</thead>
<tbody></tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
@endsection
@section('js')
<script type="text/javascript">
$("#grid-data").on("click", ".remove_data", function() {
var base_url = $(this).attr('data-href');
var id = $(this).attr('data-id');
Swal.fire({
title: "Hapus Data!",
text: "Apa anda yakin ingin menghapus data ini ?",
icon: "warning",
showCancelButton: true,
confirmButtonColor: "#DD6B55",
confirmButtonText: "Ya Hapus Sekarang",
cancelButtonText: "Tidak"
}).then((result) => {
if (result.isConfirmed) {
request = $.ajax({
url: base_url,
xhrFields: {
withCredentials: true
},
type: "GET",
});
// Callback handler that will be called on success
request.done(function(response, textStatus, jqXHR){
console.log(response);
alertify.success("Berhasil Menhapus Data");
$('#grid-data').bootstrapTable('refresh');
});
// Callback handler that will be called on failure
request.fail(function (jqXHR, textStatus, errorThrown){
alertify.error("Gagal " + textStatus, errorThrown);
});
}
});
return false;
});
</script>
@endsection

View File

@ -0,0 +1,120 @@
@extends('layouts.master')
@section('content')
<div class="page-content">
<div class="container-fluid">
<div class="row">
<div class="col-lg-12">
<div class="card">
<div class="card-header">
<i class="mdi mdi-account"></i> {{$title}}
</div>
<form action="{{route($route.'.store')}}" method="POST" class="">
{{csrf_field()}}
<div class="card-body">
<div class="row">
<div class="col-md-12">
<input type="hidden" name="secure_id" value="{{@$keyId}}">
</div>
<div class="col-12 mb-3">
<div class="form-group">
<label class="col-xl-12 form-label">Kode</label>
<div class="col-12 ">
<input type="text" value="{{@$item->kode ? @$item->kode : old('kode')}}" name="kode" class="form-control @error('kode') is-invalid @enderror" placeholder="Masukan Kode" required>
@error('kode')
<span class="invalid-feedback" style="display: block!important;"><strong>{{$message}}</strong></span>
@enderror
</div>
</div>
</div>
<div class="col-12 mb-3">
<div class="form-group">
<label class="col-xl-12 form-label">Nama</label>
<div class="col-12 ">
<input type="text" value="{{@$item->nama ? @$item->nama : old('nama')}}" name="nama" class="form-control @error('nama') is-invalid @enderror" placeholder="Masukan Nama" required>
@error('nama')
<span class="invalid-feedback" style="display: block!important;"><strong>{{$message}}</strong></span>
@enderror
</div>
</div>
</div>
<div class="col-12 mb-3">
<div class="form-group">
<label class="col-xl-12 form-label">Deskripsi</label>
<div class="col-12 ">
<textarea name="deskripsi" class="form-control @error('deskripsi') is-invalid @enderror" placeholder="Masukan deskripsi" required id="" cols="30" rows="10">{{@$item->deskripsi ? @$item->deskripsi : old('deskripsi')}}</textarea>
@error('deskripsi')
<span class="invalid-feedback" style="display: block!important;"><strong>{{$message}}</strong></span>
@enderror
</div>
</div>
</div>
<div class="col-12 mb-3">
<div class="form-group">
<label class="col-xl-12 form-label">Nomor Baris</label>
<div class="col-12 ">
<input type="text" value="{{@$item->nomor_baris ? @$item->nomor_baris : old('nomor_baris')}}" name="nomor_baris" class="form-control @error('nomor_baris') is-invalid @enderror" placeholder="Masukan Nomor Baris" required>
@error('nomor_baris')
<span class="invalid-feedback" style="display: block!important;"><strong>{{$message}}</strong></span>
@enderror
</div>
</div>
</div>
<div class="col-12 mb-3">
<div class="form-group">
<label class="col-xl-12 form-label">Status</label>
<div class="col-12 ">
<select name="status" class="form-control @error('status') is-invalid @enderror" id="" required>
<option {{ @$item->status == '0' ? 'selected' : ''}} value="0">Tidak Aktif</option>
<option {{ @$item->status == '1' ? 'selected' : ''}} value="1">Aktif</option>
</select>
@error('status')
<span class="invalid-feedback" style="display: block!important;"><strong>{{$message}}</strong></span>
@enderror
</div>
</div>
</div>
</div>
</div>
<div class="card-footer">
<div class="row">
<div class="col-md-12 text-right">
<a href="{{route($route.'.index')}}" class="btn btn-danger"><i class="mdi mdi-cancel"></i> Batal</a>
<button type="submit" class="btn btn-success"><i class="mdi mdi-content-save-outline"></i> Simpan</button>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
@endsection
@section('js')
<script type="text/javascript">
$(document).ready(function() {
$('.numberInput').on('input', function() {
this.value = this.value.replace(/[^0-9]/g, ''); // Hanya angka 0-9
});
$('#togglePassword').on('click', function() {
let passwordField = $('#password');
let icon = $(this).find('i');
// Cek apakah input saat ini bertipe password
if (passwordField.attr('type') === 'password') {
passwordField.attr('type', 'text'); // Ubah ke teks
icon.removeClass('mdi-eye').addClass('mdi-eye-off'); // Ganti ikon
} else {
passwordField.attr('type', 'password'); // Ubah ke password
icon.removeClass('mdi-eye-off').addClass('mdi-eye'); // Kembalikan ikon
}
});
});
</script>
@endsection

View File

@ -0,0 +1,93 @@
@extends('layouts.master')
@section('css')
@endsection
@section('content')
<div class="page-content">
<div class="container-fluid">
<div class="row">
<div class="col-lg-12">
<div class="card">
<div class="card-body">
<div id="toolbar">
<a href="{{route($route.'.update')}}" id="btn-add" class="btn btn-primary">
<i class="mdi mdi-plus"></i> Tambah Data
</a>
</div>
<table class="table w-100"
data-search="true"
data-toggle="table"
data-pagination="true"
data-toolbar="#toolbar"
data-show-refresh="false"
data-url="{{route($route.'.grid')}}"
data-ajax-options='{"xhrFields": {"withCredentials": true}}'
data-sort-name="ids"
data-sort-order="desc"
data-page-size="10"
data-id-field="id"
id="grid-data">
<thead class="table-primary text-primary">
<tr>
<th data-width="15%" class="text-center" data-field="action">#</th>
<th data-field="kode">Kode</th>
<th data-field="nama">Nama</th>
<th data-field="nomor_baris">Nomor Baris</th>
<th data-field="status">Status</th>
</tr>
</thead>
<tbody></tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
@endsection
@section('js')
<script type="text/javascript">
$("#grid-data").on("click", ".remove_data", function() {
var base_url = $(this).attr('data-href');
var id = $(this).attr('data-id');
Swal.fire({
title: "Hapus Data!",
text: "Apa anda yakin ingin menghapus data ini ?",
icon: "warning",
showCancelButton: true,
confirmButtonColor: "#DD6B55",
confirmButtonText: "Ya Hapus Sekarang",
cancelButtonText: "Tidak"
}).then((result) => {
if (result.isConfirmed) {
request = $.ajax({
url: base_url,
xhrFields: {
withCredentials: true
},
type: "GET",
});
// Callback handler that will be called on success
request.done(function(response, textStatus, jqXHR){
console.log(response);
alertify.success("Berhasil Menhapus Data");
$('#grid-data').bootstrapTable('refresh');
});
// Callback handler that will be called on failure
request.fail(function (jqXHR, textStatus, errorThrown){
alertify.error("Gagal " + textStatus, errorThrown);
});
}
});
return false;
});
</script>
@endsection

View File

@ -0,0 +1,79 @@
@extends('layouts.master')
@section('content')
<div class="page-content">
<div class="container-fluid">
<div class="row">
<div class="col-lg-12">
<div class="card">
<div class="card-header">
<i class="mdi mdi-account"></i> {{$title}}
</div>
<form action="{{route($route.'.store')}}" method="POST" class="">
{{csrf_field()}}
<div class="card-body">
<table class="table w-100"
data-search="false"
data-toggle="table"
data-pagination="true"
data-toolbar="#toolbar"
data-show-refresh="false"
data-url="{{route($route.'.grid')}}"
data-ajax-options='{"xhrFields": {"withCredentials": true}}'
data-sort-name="ids"
data-sort-order="desc"
data-page-size="10"
data-id-field="id"
id="grid-data">
<thead class="table-primary text-primary">
<tr>
<th class="text-center" colspan="2">Greenhouse gas</th>
<th class="text-center" colspan="{{ count(@$ar) }}">IPCC Assessment Report</th>
</tr>
<tr>
<th data-field="kode">Formula</th>
<th data-field="nama">Nama</th>
@foreach(@$ar as $dataAr)
<th data-field="ar_{{$dataAr->ArId}}_{{ strtolower($dataAr->kode) }}">{{ $dataAr->kode }}</th>
@endforeach
</tr>
</thead>
<tbody></tbody>
</table>
</div>
<div class="card-footer">
<div class="row">
<div class="col-md-12 text-right">
<a href="{{route($route.'.index')}}" class="btn btn-danger"><i class="mdi mdi-cancel"></i> Batal</a>
<button type="submit" class="btn btn-success"><i class="mdi mdi-content-save-outline"></i> Simpan</button>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
@endsection
@section('js')
<script type="text/javascript">
$(document).ready(function() {
$('.numberInput').on('input', function() {
this.value = this.value.replace(/[^0-9]/g, ''); // Hanya angka 0-9
});
$('#togglePassword').on('click', function() {
let passwordField = $('#password');
let icon = $(this).find('i');
// Cek apakah input saat ini bertipe password
if (passwordField.attr('type') === 'password') {
passwordField.attr('type', 'text'); // Ubah ke teks
icon.removeClass('mdi-eye').addClass('mdi-eye-off'); // Ganti ikon
} else {
passwordField.attr('type', 'password'); // Ubah ke password
icon.removeClass('mdi-eye-off').addClass('mdi-eye'); // Kembalikan ikon
}
});
});
</script>
@endsection

View File

@ -0,0 +1,93 @@
@extends('layouts.master')
@section('css')
@endsection
@section('content')
<div class="page-content">
<div class="container-fluid">
<div class="row">
<div class="col-lg-12">
<div class="card">
<div class="card-body">
<div id="toolbar">
<a href="{{route($route.'.update')}}" id="btn-add" class="btn btn-primary">
<i class="mdi mdi-plus"></i> Tambah Data
</a>
</div>
<table class="table w-100"
data-search="true"
data-toggle="table"
data-pagination="true"
data-toolbar="#toolbar"
data-show-refresh="false"
data-url="{{route($route.'.grid')}}"
data-ajax-options='{"xhrFields": {"withCredentials": true}}'
data-sort-name="ids"
data-sort-order="desc"
data-page-size="10"
data-id-field="id"
id="grid-data">
<thead class="table-primary text-primary">
<tr>
<th data-width="15%" class="text-center" data-field="action">#</th>
<th data-field="kode">Kode</th>
<th data-field="nama">Nama</th>
<th data-field="nomor_baris">Nomor Baris</th>
<th data-field="status">Status</th>
</tr>
</thead>
<tbody></tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
@endsection
@section('js')
<script type="text/javascript">
$("#grid-data").on("click", ".remove_data", function() {
var base_url = $(this).attr('data-href');
var id = $(this).attr('data-id');
Swal.fire({
title: "Hapus Data!",
text: "Apa anda yakin ingin menghapus data ini ?",
icon: "warning",
showCancelButton: true,
confirmButtonColor: "#DD6B55",
confirmButtonText: "Ya Hapus Sekarang",
cancelButtonText: "Tidak"
}).then((result) => {
if (result.isConfirmed) {
request = $.ajax({
url: base_url,
xhrFields: {
withCredentials: true
},
type: "GET",
});
// Callback handler that will be called on success
request.done(function(response, textStatus, jqXHR){
console.log(response);
alertify.success("Berhasil Menhapus Data");
$('#grid-data').bootstrapTable('refresh');
});
// Callback handler that will be called on failure
request.fail(function (jqXHR, textStatus, errorThrown){
alertify.error("Gagal " + textStatus, errorThrown);
});
}
});
return false;
});
</script>
@endsection

View File

@ -0,0 +1,61 @@
<?php
use Illuminate\Support\Facades\Route;
use App\Http\Controllers\Energi\BahanBakarListrikController;
use App\Http\Controllers\Energi\EmisiBatuBaraController;
use App\Http\Controllers\Energi\EmisiMigasController;
use App\Http\Controllers\Energi\EnergiLainnyaController;
use App\Http\Controllers\Energi\IndustriManufakturController;
use App\Http\Controllers\Energi\KomersialController;
use App\Http\Controllers\Energi\ListrikPlnController;
use App\Http\Controllers\Energi\PembangkitListrikController;
use App\Http\Controllers\Energi\PenyulinganController;
use App\Http\Controllers\Energi\RumahTanggaController;
use App\Http\Controllers\Energi\TransmisiDistribusiController;
use App\Http\Controllers\Energi\TransportasiController;
use App\Http\Controllers\Energi\PenggunaanListrikController;
Route::name('energi.')->prefix('energi')->group(function () {
Route::name('bahan-bakar-listrik.')->prefix('bahan-bakar-listrik')->group(function () {
Route::resource('/',BahanBakarListrikController::class);
});
Route::name('emisi-batu-bara.')->prefix('emisi-batu-bara')->group(function () {
Route::resource('/',EmisiBatuBaraController::class);
});
Route::name('emisi-migas.')->prefix('emisi-migas')->group(function () {
Route::resource('/',EmisiMigasController::class);
});
Route::name('lainnya.')->prefix('lainnya')->group(function () {
Route::resource('/',EnergiLainnyaController::class);
});
Route::name('industri-manufaktur.')->prefix('industri-manufaktur')->group(function(){
Route::resource('/',IndustriManufakturController::class);
});
Route::name('komersial.')->prefix('komersial')->group(function(){
Route::resource('/',KomersialController::class);
});
Route::name('listrik-pln.')->prefix('listrik-pln')->group(function(){
Route::resource('/',ListrikPlnController::class);
});
Route::name('pembangkit-listrik.')->prefix('pembangkit-listrik')->group(function(){
Route::resource('/',PembangkitListrikController::class);
});
Route::name('penyulingan.')->prefix('penyulingan')->group(function(){
Route::resource('/',PenyulinganController::class);
});
Route::name('rumah-tangga.')->prefix('rumah-tangga')->group(function(){
Route::resource('/',RumahTanggaController::class);
});
Route::name('transmisi-distribusi.')->prefix('transmisi-distribusi')->group(function(){
Route::resource('/',TransmisiDistribusiController::class);
});
Route::name('transportasi.')->prefix('transportasi')->group(function(){
Route::resource('/',TransportasiController::class);
});
Route::name('penggunaan-listrik.')->prefix('penggunaan-listrik')->group(function(){
Route::resource('/',PenggunaanListrikController::class);
});
});

View File

@ -0,0 +1,37 @@
<?php
use App\Http\Controllers\IPPU\KarbonatKacaController;
use App\Http\Controllers\IPPU\KarbonatKeramikController;
use App\Http\Controllers\IPPU\KarbonatLainnyaController;
use App\Http\Controllers\IPPU\KarbonatMakananController;
use App\Http\Controllers\IPPU\KarbonatPulpController;
use App\Http\Controllers\IPPU\PelumasParafinController;
use App\Http\Controllers\IPPU\PenggunaAcController;
use App\Http\Controllers\IPPU\ProduksiController;
Route::name('ippu.')->prefix('ippu')->group(function () {
Route::name('karbonat-kaca.')->prefix('karbonat-kaca')->group(function () {
Route::resource('/',KarbonatKacaController::class);
});
Route::name('karbonat-keramik.')->prefix('karbonat-keramik')->group(function () {
Route::resource('/',KarbonatKeramikController::class);
});
Route::name('karbonat-lainnya.')->prefix('karbonat-lainnya')->group(function () {
Route::resource('/',KarbonatLainnyaController::class);
});
Route::name('karbonat-makanan-minuman.')->prefix('karbonat-makanan-minuman')->group(function () {
Route::resource('/',KarbonatMakananController::class);
});
Route::name('karbonat-pulp.')->prefix('karbonat-pulp')->group(function () {
Route::resource('/',KarbonatPulpController::class);
});
Route::name('pelumas-parafin.')->prefix('pelumas-parafin')->group(function () {
Route::resource('/',PelumasParafinController::class);
});
Route::name('penggunaan-ac.')->prefix('penggunaan-ac')->group(function () {
Route::resource('/',PenggunaAcController::class);
});
Route::name('produksi.')->prefix('produksi')->group(function () {
Route::resource('/',ProduksiController::class);
});
});

View File

@ -0,0 +1,10 @@
<?php
use App\Http\Controllers\Kalkulasi\CRFController;
use App\Http\Controllers\Kalkulasi\GCOMController;
use App\Http\Controllers\Kalkulasi\GPCController;
use App\Http\Controllers\Kalkulasi\HitungProdusenController;
use App\Http\Controllers\Kalkulasi\KalkulasiEmisiController;
use App\Http\Controllers\Kalkulasi\KunciAktifitasController;
use App\Http\Controllers\Kalkulasi\SalinAktifitasController;
use App\Http\Controllers\Kalkulasi\WorksheetController;

View File

@ -0,0 +1,8 @@
<?php
use App\Http\Controllers\Limbah\DistribusiSampahDomestikController;
use App\Http\Controllers\Limbah\KependudukanController;
use App\Http\Controllers\Limbah\KomposisiSampahDomestikController;
use App\Http\Controllers\Limbah\LimbahCairIndustriController;
use App\Http\Controllers\Limbah\SaranaAirLimbahDomestikController;
use App\Http\Controllers\Limbah\TimbulanSampahController;

View File

@ -1,15 +1,53 @@
<?php
use Illuminate\Support\Facades\Route;
use App\Http\Controllers\HomeController;
use App\Http\Controllers\Dashboard\DashboardAdaptasiController;
use App\Http\Controllers\Dashboard\DashboardInventoryController;
use App\Http\Controllers\Dashboard\DashboardMitigasiController;
use App\Http\Controllers\Management\UserController;
use App\Http\Controllers\Management\UserSekolahController;
use App\Http\Controllers\Management\RoleController;
use App\Http\Controllers\Management\AksesController;
use App\Http\Controllers\Master\AgencyController;
use App\Http\Controllers\Pengaturan\ARController;
use App\Http\Controllers\Pengaturan\GHGController;
use App\Http\Controllers\Pengaturan\GWPController;
Route::get('dashboard',[HomeController::class,'index'])->name('index');
Route::name('pengaturan.')->prefix('pengaturan')->group(function () {
Route::name('ar.')->prefix('ar')->group(function () {
Route::resource('/',ARController::class);
Route::get('grid',[ARController::class,'grid'])->name('grid');
Route::get('update/{id?}',[ARController::class,'update'])->name('update');
Route::get('delete/{id?}',[ARController::class,'delete'])->name('delete');
});
Route::name('ghg.')->prefix('ghg')->group(function () {
Route::resource('/',GHGController::class);
Route::get('grid',[GHGController::class,'grid'])->name('grid');
Route::get('update/{id?}',[GHGController::class,'update'])->name('update');
Route::get('delete/{id?}',[GHGController::class,'delete'])->name('delete');
});
Route::name('gwp.')->prefix('gwp')->group(function () {
Route::resource('/',GWPController::class);
Route::get('grid',[GWPController::class,'grid'])->name('grid');
Route::get('update/{id?}',[GWPController::class,'update'])->name('update');
});
});
Route::name('dashboard.')->prefix('dashboard')->group(function () {
Route::name('inventory.')->prefix('inventory')->group(function () {
Route::resource('/',DashboardInventoryController::class);
});
Route::name('mitigasi.')->prefix('mitigasi')->group(function () {
Route::resource('/',DashboardMitigasiController::class);
});
Route::name('adaptasi.')->prefix('adaptasi')->group(function () {
Route::resource('/',DashboardAdaptasiController::class);
});
});
Route::name('management.')->prefix('management')->group(function () {
Route::name('user.')->prefix('user')->group(function () {
Route::resource('/',UserController::class);

View File

@ -0,0 +1,10 @@
<?php
use App\Http\Controllers\Pengaturan\ARController;
use App\Http\Controllers\Pengaturan\EFController;
use App\Http\Controllers\Pengaturan\GWPController;
use App\Http\Controllers\Pengaturan\PengumumanController;
use App\Http\Controllers\Pengaturan\SumberDataEFController;
use App\Http\Controllers\Pengaturan\UnitController;
use App\Http\Controllers\Pengaturan\UnitKonversiController;
use App\Http\Controllers\Pengaturan\UploadAktifitasController;

View File

@ -0,0 +1,13 @@
<?php
use App\Http\Controllers\Pertanian\HortikulturaController;
use App\Http\Controllers\Pertanian\KehilanganKayuController;
use App\Http\Controllers\Pertanian\KonsumsiPupukController;
use App\Http\Controllers\Pertanian\KotoranTernakController;
use App\Http\Controllers\Pertanian\LahanPemukimanController;
use App\Http\Controllers\Pertanian\PengairanSawahController;
use App\Http\Controllers\Pertanian\PopulasiTernakController;
use App\Http\Controllers\Pertanian\SawahController;
use App\Http\Controllers\Pertanian\SistemAirController;
use App\Http\Controllers\Pertanian\TanamanPanganController;
use App\Http\Controllers\Pertanian\TransisiController;