diff --git a/.env.example b/.env.example
deleted file mode 100644
index ea0665b0..00000000
--- a/.env.example
+++ /dev/null
@@ -1,59 +0,0 @@
-APP_NAME=Laravel
-APP_ENV=local
-APP_KEY=
-APP_DEBUG=true
-APP_URL=http://localhost
-
-LOG_CHANNEL=stack
-LOG_DEPRECATIONS_CHANNEL=null
-LOG_LEVEL=debug
-
-DB_CONNECTION=mysql
-DB_HOST=127.0.0.1
-DB_PORT=3306
-DB_DATABASE=laravel
-DB_USERNAME=root
-DB_PASSWORD=
-
-BROADCAST_DRIVER=log
-CACHE_DRIVER=file
-FILESYSTEM_DISK=local
-QUEUE_CONNECTION=sync
-SESSION_DRIVER=file
-SESSION_LIFETIME=120
-
-MEMCACHED_HOST=127.0.0.1
-
-REDIS_HOST=127.0.0.1
-REDIS_PASSWORD=null
-REDIS_PORT=6379
-
-MAIL_MAILER=smtp
-MAIL_HOST=mailpit
-MAIL_PORT=1025
-MAIL_USERNAME=null
-MAIL_PASSWORD=null
-MAIL_ENCRYPTION=null
-MAIL_FROM_ADDRESS="hello@example.com"
-MAIL_FROM_NAME="${APP_NAME}"
-
-AWS_ACCESS_KEY_ID=
-AWS_SECRET_ACCESS_KEY=
-AWS_DEFAULT_REGION=us-east-1
-AWS_BUCKET=
-AWS_USE_PATH_STYLE_ENDPOINT=false
-
-PUSHER_APP_ID=
-PUSHER_APP_KEY=
-PUSHER_APP_SECRET=
-PUSHER_HOST=
-PUSHER_PORT=443
-PUSHER_SCHEME=https
-PUSHER_APP_CLUSTER=mt1
-
-VITE_APP_NAME="${APP_NAME}"
-VITE_PUSHER_APP_KEY="${PUSHER_APP_KEY}"
-VITE_PUSHER_HOST="${PUSHER_HOST}"
-VITE_PUSHER_PORT="${PUSHER_PORT}"
-VITE_PUSHER_SCHEME="${PUSHER_SCHEME}"
-VITE_PUSHER_APP_CLUSTER="${PUSHER_APP_CLUSTER}"
diff --git a/app/Http/Controllers/API/LoginApiController.php b/app/Http/Controllers/API/LoginApiController.php
new file mode 100644
index 00000000..bdff9436
--- /dev/null
+++ b/app/Http/Controllers/API/LoginApiController.php
@@ -0,0 +1,127 @@
+<?php
+
+namespace App\Http\Controllers\API;
+
+use App\Http\Controllers\Controller;
+use Illuminate\Http\Request;
+use Illuminate\Support\Facades\Auth;
+use Illuminate\Support\Facades\Hash;
+use App\Models\User;
+
+class LoginApiController extends Controller
+{
+    /**
+     * Create a new AuthController instance.
+     *
+     * @return void
+     */
+    public function __construct()
+    {
+        $this->middleware('auth:api', ['except' => ['login', 'register', 'hai']]);
+    }
+
+    /**
+     * Get a JWT via given credentials.
+     *
+     * @return \Illuminate\Http\JsonResponse
+     */
+    public function login()
+    {
+        // $request->validate([
+        //     'email' => 'required|string|email',
+        //     'password' => 'required',
+        // ]);
+
+        $credentials = request(['email', 'password']);
+
+        if (!($token = auth()->attempt($credentials))) {
+            return response()->json(['error' => 'Unauthorized'], 401);
+        }
+
+        return $this->respondWithToken($token);
+    }
+
+    /**
+     * Get the authenticated User.
+     *
+     * @return \Illuminate\Http\JsonResponse
+     */
+    public function me()
+    {
+        return response()->json(Auth::user());
+    }
+
+    public function hai()
+    {
+        return response()->json([
+            'message' => 'Hello from API',
+        ]);
+    }
+
+    /**
+     * Log the user out (Invalidate the token).
+     *
+     * @return \Illuminate\Http\JsonResponse
+     */
+    public function logout()
+    {
+        auth()->logout();
+
+        return response()->json(['message' => 'Successfully logged out']);
+    }
+
+    /**
+     * Refresh a token.
+     *
+     * @return \Illuminate\Http\JsonResponse
+     */
+    public function refresh()
+    {
+        return $this->respondWithToken(Auth::refresh());
+    }
+
+    /**
+     * Get the token array structure.
+     *
+     * @param  string $token
+     *
+     * @return \Illuminate\Http\JsonResponse
+     */
+    protected function respondWithToken($token)
+    {
+        return response()->json([
+            'user' => auth()->user(),
+            'access_token' => $token,
+            'token_type' => 'bearer',
+            'expires_in' => Auth::factory()->getTTL() * 60,
+            // 'status' => auth()->check(),
+        ]);
+    }
+
+    public function register(Request $request)
+    {
+        $request->validate([
+            'name' => 'required|string|max:255',
+            'email' => 'required|string|email|unique:users',
+            'password' => 'required|string|min:8',
+        ]);
+
+        $user = User::create([
+            'name' => $request->name,
+            'email' => $request->email,
+            'password' => Hash::make($request->password),
+        ]);
+
+        return response()->json([
+            'message' => 'User created successfully',
+            'user' => $user,
+        ]);
+    }
+
+    // public function check()
+    // {
+    //     return response()->json([
+    //         'status' => auth()->check(),
+    //     ]);
+    // }
+}
diff --git a/app/Http/Controllers/Admin/AdminDashboardController.php b/app/Http/Controllers/Admin/AdminDashboardController.php
new file mode 100644
index 00000000..f7f118f5
--- /dev/null
+++ b/app/Http/Controllers/Admin/AdminDashboardController.php
@@ -0,0 +1,21 @@
+<?php
+
+namespace App\Http\Controllers\Admin;
+
+use App\Http\Controllers\Controller;
+use Illuminate\Http\Request;
+use App\Models\Transactions;
+use Illuminate\Support\Facades\Auth;
+
+class AdminDashboardController extends Controller
+{
+    public function index(){
+        return view('admin.index',[
+            "transaction"=>Transactions::allTransactions()
+        ]);
+    }
+
+    public function profile(){
+        return view('admin.profile.index');
+    }
+}
diff --git a/app/Http/Controllers/RefundController.php b/app/Http/Controllers/Admin/AdminRefundController.php
similarity index 56%
rename from app/Http/Controllers/RefundController.php
rename to app/Http/Controllers/Admin/AdminRefundController.php
index f28ed3ca..bb559fff 100644
--- a/app/Http/Controllers/RefundController.php
+++ b/app/Http/Controllers/Admin/AdminRefundController.php
@@ -1,20 +1,24 @@
 <?php
 
-namespace App\Http\Controllers;
+namespace App\Http\Controllers\Admin;
 
 use App\Models\Refund;
-use App\Http\Requests\StoreRefundRequest;
-use App\Http\Requests\UpdateRefundRequest;
+use App\Models\Refunds;
+use App\Http\Controllers\Controller;
+use Illuminate\Http\Request;
 
-class RefundController extends Controller
+class AdminRefundController extends Controller
 {
     /**
      * Display a listing of the resource.
      */
     public function index()
     {
-        $refundData = Refund::all();
-        return view('Admin.refund.history-refund', ['history_refund' => $refundData]);
+        // $refundData = Refund::all();
+        // return view('Admin.refund.history-refund', ['history_refund' => $refundData]);
+        return view('admin.refund.index',[
+            "refunds" => Refunds::HistoryRefund()
+        ]);
     }
 
     /**
@@ -28,7 +32,7 @@ class RefundController extends Controller
     /**
      * Store a newly created resource in storage.
      */
-    public function store(StoreRefundRequest $request)
+    public function store(Request $request)
     {
         //
     }
@@ -38,7 +42,9 @@ class RefundController extends Controller
      */
     public function show(Refund $refund)
     {
-        //
+        return view('admin.refund.detail-refund',[
+            "detail_refund"=> Refunds::DetailRefund()
+        ]);
     }
 
     /**
@@ -52,7 +58,7 @@ class RefundController extends Controller
     /**
      * Update the specified resource in storage.
      */
-    public function update(UpdateRefundRequest $request, Refund $refund)
+    public function update(Request $request, Refund $refund)
     {
         //
     }
@@ -64,4 +70,4 @@ class RefundController extends Controller
     {
         //
     }
-}
\ No newline at end of file
+}
diff --git a/app/Http/Controllers/Admin/AdminSettingController.php b/app/Http/Controllers/Admin/AdminSettingController.php
new file mode 100644
index 00000000..4f47e2ad
--- /dev/null
+++ b/app/Http/Controllers/Admin/AdminSettingController.php
@@ -0,0 +1,101 @@
+<?php
+
+namespace App\Http\Controllers\Admin;
+
+use App\Models\Setting;
+use Illuminate\Http\Request;
+use App\Http\Controllers\Controller;
+
+class AdminSettingController extends Controller
+{
+    /**
+     * Display a listing of the resource.
+     */
+    public function index()
+    {
+        $settings = Setting::all();
+        return view('admin.setting.index', [
+            'settings' => $settings,
+        ]);
+    }
+
+    /**
+     * Store a newly created resource in storage.
+     */
+    public function store(Request $request)
+    {
+        // dd($request->persentase);
+        [$tahun, $bulan] = explode('-', $request->bulan_tahun);
+        Setting::create([
+            'bulan' => $bulan,
+            'tahun' => $tahun,
+            'persentase' => $request->persentase,
+            'status' => 'Active',
+        ]);
+        return redirect()->route('admin-setting.index');
+    }
+
+    /**
+     * Display the specified resource.
+     */
+    public function show(Setting $setting)
+    {
+        //
+    }
+
+    /**
+     * Show the form for editing the specified resource.
+     */
+    public function edit(Setting $setting)
+    {
+        //
+    }
+
+    /**
+     * Update the specified resource in storage.
+     */
+    public function update(Request $request, $id)
+    {
+        // dd($setting['status'] );
+        $setting = Setting::findOrFail($id);
+        if ($setting->status == 'Active') {
+            $setting->status = 'Nonactive';
+            $result = $setting->save();
+            if ($result) {
+                return response()->json([
+                    'message' => "Berhasil update kebijakan",
+                    'status' => true,
+                ]);
+            } else {
+                return response()->json([
+                    'message' => "Gagal update kebijakan",
+                    'status' => true,
+                ]);
+            }
+        } else {
+            $setting->status = 'Active';
+            $result = $setting->save();
+            if ($result) {
+                return response()->json([
+                    'message' => "Berhasil update kebijakan",
+                    'status' => true,
+                ]);
+            } else {
+                return response()->json([
+                    'message' => "Gagal update kebijakan",
+                    'status' => true,
+                ]);
+            }
+        }
+
+        // return response()->json($id);
+    }
+
+    /**
+     * Remove the specified resource from storage.
+     */
+    public function destroy(Setting $setting)
+    {
+        //
+    }
+}
diff --git a/app/Http/Controllers/TransactionController.php b/app/Http/Controllers/Admin/AdminTransactionController.php
similarity index 58%
rename from app/Http/Controllers/TransactionController.php
rename to app/Http/Controllers/Admin/AdminTransactionController.php
index 78f8f90d..b97155f6 100644
--- a/app/Http/Controllers/TransactionController.php
+++ b/app/Http/Controllers/Admin/AdminTransactionController.php
@@ -1,19 +1,22 @@
 <?php
 
-namespace App\Http\Controllers;
+namespace App\Http\Controllers\Admin;
 
-use App\Models\transaction;
-use App\Http\Requests\StoretransactionRequest;
-use App\Http\Requests\UpdatetransactionRequest;
+use App\Models\Transaction;
+use App\Models\Transactions;
+use App\Http\Controllers\Controller;
+use Illuminate\Http\Request;
 
-class TransactionController extends Controller
+class AdminTransactionController extends Controller
 {
     /**
      * Display a listing of the resource.
      */
     public function index()
     {
-        //
+        return view('admin.transaction.index', [
+            'transactions' => Transaction::all(),
+        ]);
     }
 
     /**
@@ -27,7 +30,7 @@ class TransactionController extends Controller
     /**
      * Store a newly created resource in storage.
      */
-    public function store(StoretransactionRequest $request)
+    public function store(Request $request)
     {
         //
     }
@@ -37,7 +40,9 @@ class TransactionController extends Controller
      */
     public function show(transaction $transaction)
     {
-        //
+        return view('admin.transaction.detail-transaction',[
+            'detail_transaction' => Transactions::allDetailTransactions()
+        ]);
     }
 
     /**
@@ -51,7 +56,7 @@ class TransactionController extends Controller
     /**
      * Update the specified resource in storage.
      */
-    public function update(UpdatetransactionRequest $request, transaction $transaction)
+    public function update(Request $request, transaction $transaction)
     {
         //
     }
diff --git a/app/Http/Controllers/Admin/AdminUserController.php b/app/Http/Controllers/Admin/AdminUserController.php
new file mode 100644
index 00000000..577c3edb
--- /dev/null
+++ b/app/Http/Controllers/Admin/AdminUserController.php
@@ -0,0 +1,127 @@
+<?php
+
+namespace App\Http\Controllers\Admin;
+
+use App\Models\User;
+use App\Http\Controllers\Controller;
+use Illuminate\Http\Request;
+
+class AdminUserController extends Controller
+{
+    /**
+     * Display a listing of the resource.
+     */
+    public function index()
+    {
+        // $users = User::where('role', 'User')
+        //     ->orderByRaw("FIELD(status, 'Progress', 'Finished', 'Rejected') ASC")
+        //     ->latest()
+        //     ->get();
+        $users = User::where('role', 'User')
+            ->orderByRaw("CASE WHEN status = 'Progress' THEN 1 WHEN status = 'Finished' THEN 2 WHEN status = 'Rejected' THEN 3 ELSE 4 END ASC")
+            ->latest()
+            ->get();
+        return view('admin.users.index', ['users' => $users]);
+    }
+
+    /**
+     * Show the form for creating a new resource.
+     */
+    public function create()
+    {
+        //
+    }
+
+    /**
+     * Store a newly created resource in storage.
+     */
+    public function store(Request $request)
+    {
+        //
+    }
+
+    /**
+     * Display the specified resource.
+     */
+    public function show($id)
+    {
+        $user = User::find($id);
+        return view('admin.users.detail-user', ['user' => $user]);
+    }
+
+    /**
+     * Show the form for editing the specified resource.
+     */
+    public function edit(User $user)
+    {
+        //
+    }
+
+    /**
+     * Update the specified resource in storage.
+     */
+    public function update(Request $request, $id)
+    {
+        return response()->json([
+            'user' => $request,
+            'id' => $id,
+        ]);
+    }
+
+    /**
+     * Remove the specified resource from storage.
+     */
+    public function destroy($id)
+    {
+        try {
+            $result = User::destroy($id);
+            if ($result) {
+                return response()->json([
+                    'message' => 'Berhasil hapus data',
+                    'status' => true,
+                ]);
+            }
+        } catch (\Exception $e) {
+            return response()->json([
+                'message' => 'Gagal hapus data, karena ' . $e,
+                'status' => false,
+            ]);
+        }
+    }
+
+    public function approveUser($id)
+    {
+        $user = User::findOrFail($id);
+        $user->status = 'Finished';
+        $result = $user->save();
+        if ($result) {
+            return response()->json([
+                'message' => 'Akun telah disetujui dan dapat digunakan',
+                'status' => true,
+            ]);
+        } else {
+            return response()->json([
+                'message' => 'Akun gagal disetujui karena ' + $result,
+                'status' => false,
+            ]);
+        }
+    }
+
+    public function denyUser($id)
+    {
+        $user = User::findOrFail($id);
+        $user->status = 'Rejected';
+        $result = $user->save();
+        if ($result) {
+            return response()->json([
+                'message' => 'Akun telah ditolak dan tidak dapat digunakan',
+                'status' => true,
+            ]);
+        } else {
+            return response()->json([
+                'message' => 'Akun gagal ditolak karena ' + $result,
+                'status' => false,
+            ]);
+        }
+    }
+}
diff --git a/app/Http/Controllers/Login/LoginController.php b/app/Http/Controllers/Login/LoginController.php
new file mode 100644
index 00000000..b247635b
--- /dev/null
+++ b/app/Http/Controllers/Login/LoginController.php
@@ -0,0 +1,268 @@
+<?php
+
+namespace App\Http\Controllers\Login;
+
+use App\Http\Controllers\Controller;
+use Illuminate\Http\Request;
+use Illuminate\Support\Facades\Auth;
+use Illuminate\Support\Facades\Hash;
+use App\Models\User;
+use Illuminate\Support\Str;
+use Illuminate\Support\Facades\Storage;
+use thiagoalessio\TesseractOCR\TesseractOCR;
+use Intervention\Image\ImageManagerStatic as Image;
+use Illuminate\Support\Facades\Session;
+use Laravolt\Indonesia\Models\City;
+use Laravolt\Indonesia\Models\District;
+use Laravolt\Indonesia\Models\Province;
+use Laravolt\Indonesia\Models\Village;
+use Ramsey\Uuid\Uuid;
+
+class LoginController extends Controller
+{
+    // /**
+    //  * Create a new AuthController instance.
+    //  *
+    //  * @return void
+    //  */
+    // public function __construct()
+    // {
+    //     $this->middleware('auth:api', ['except' => ['login', 'authenticate', 'register', 'hai']]);
+    // }
+
+    public function login()
+    {
+        $provinces = Province::all();
+        $cities = City::all();
+        $districts = District::all();
+        $villages = Village::all();
+        return view('index');
+    }
+
+    /**
+     * Get a JWT via given credentials.
+     *
+     * @return \Illuminate\Http\JsonResponse
+     */
+    public function authenticate(Request $request)
+    {
+        // dd($request);
+        $credentials = $request->validate([
+            'email' => ['required', 'email'],
+            'password' => ['required', 'min:8'],
+        ]);
+
+        if (Auth::attempt($credentials)) {
+            if (Auth::user()->status == 'Finished') {
+                $request->session()->regenerate();
+                if (ucwords(Auth::user()->role) == 'Admin') {
+                    // return redirect()->route('admin.index');
+                    return redirect()->intended('admin');
+                } else {
+                    return redirect()->intended('user');
+                }
+            } else {
+                Session::flash('message', 'Akun tidak ditemukan atau sedang dalam pengajuan');
+                return redirect()->back();
+            }
+        }
+
+        return redirect()
+            ->back()
+            ->withErrors([
+                'email' => 'Email dengan' . $credentials['email'] . ' tidak tersedia.',
+            ])
+            ->onlyInput('email');
+    }
+
+    /**
+     * Log the user out (Invalidate the token).
+     *
+     * @return \Illuminate\Http\JsonResponse
+     */
+    public function logout(Request $request)
+    {
+        Auth::logout();
+
+        $request->session()->invalidate();
+
+        $request->session()->regenerateToken();
+
+        return redirect()->route('login');
+    }
+
+    public function register(Request $request)
+    {
+        // input
+        $nama_depan = $request->get('nama-depan');
+        $nama_belakang = $request->get('nama-belakang');
+        $tanggal_lahir = $request->get('tanggal-lahir');
+        $new_password = $request->get('new-password');
+        $nik = $request->get('nik');
+        $email = $request->get('email');
+        $nohp = $request->get('nohp');
+        $alamat = $request->get('alamat');
+        $foto_ktp = '';
+        $foto_wajah = '';
+        $persentase_kemiripan = '0%';
+        $gender = $request->get('gender');
+        $kode_kelurahan = $request->get('kode-kelurahan');
+
+        $ktpBase64 = $request->request->get('ktp');
+        $wajahBase64 = $request->request->get('wajah');
+
+        $validatedData['email_verified_at'] = now();
+
+        if ($ktpBase64 && $wajahBase64) {
+            // Konversi string Base64 ke file gambar
+            $ktpFile = base64_decode(preg_replace('#^data:image/\w+;base64,#i', '', $ktpBase64));
+            $wajahFile = base64_decode(preg_replace('#^data:image/\w+;base64,#i', '', $wajahBase64));
+
+            $foto_ktp = 'Foto-KTP-' . $nama_depan . '-' . $nama_belakang . '.jpg';
+            $foto_wajah = 'Foto-Wajah-' . $nama_depan . '-' . $nama_belakang . '.jpg';
+
+            file_put_contents(public_path('storage/foto-ktp/' . $foto_ktp), $ktpFile);
+            file_put_contents(public_path('storage/foto-wajah/' . $foto_wajah), $wajahFile);
+        }
+
+        //OCR
+        try {
+            $fotoKTP = public_path('storage/foto-ktp/' . $foto_ktp);
+
+            $image = Image::make($fotoKTP);
+
+            $image->greyscale(); // Convert to grayscale
+            $image->contrast(10); // Increase contrast, adjust the value as needed
+
+            $preprocessedfotoKTP = storage_path('preprocessed_image.jpg');
+            $image->save($preprocessedfotoKTP);
+
+            $result = (new TesseractOCR($preprocessedfotoKTP))->run();
+
+            // (5) Normalize
+
+            $lines = explode("\n", $result);
+            $nikOCR = '';
+            $nikInputan = $nik;
+            $namaInputan = $nama_depan.' '.$nama_belakang;
+
+            foreach ($lines as $line) {
+                // Mencari NIK
+                if (strpos($line, $nikInputan) !== false) {
+                    $nikOCR = preg_replace('/[^0-9]/', '', $line);
+                }
+
+                // Mencari nama
+                if (strpos($line, $namaInputan) !== false) {
+                    $namaOCR = trim(substr($line, strpos($line, ':') + 1));
+                }
+            }
+
+            //Selesai
+
+            $persentase_kemiripan = (similar_text($nikInputan, $nikOCR, $percent) + similar_text($namaOCR, $namaOCR, $percent))/2;
+            // $status = 'Progress';
+
+            // if (similar_text($nikInputan, $nikOCR, $percent) >= 70 && similar_text($namaOCR, $namaOCR, $percent) >= 70) {
+            //     $status = 'Progress';
+            // } else {
+            //     $status = 'Progress';
+            // }
+
+        } catch (\Exception $e) {
+            // $status = 'Progress';
+        }
+        //OCR
+
+        //Deteksi wajah belum
+
+        $password = Hash::make($new_password);
+
+
+        // return response()->json([
+        //     'status' => true,
+        //     'message' => Uuid::uuid4(),
+        // ]);
+        $result = User::create([
+            'id' => Uuid::uuid4(),
+            'nama_depan' => $nama_depan,
+            'nama_belakang' => $nama_belakang,
+            'tanggal_lahir' => $tanggal_lahir,
+            'email' => $email,
+            'email_verified_at' => now(),
+            'password' => $password,
+            'nohp' => $nohp,
+            'nik' => $nik,
+            'alamat' => $alamat,
+            'foto_ktp' => $foto_ktp,
+            'foto_wajah' => $foto_wajah,
+            'foto_profil' => null,
+            'persentase_kemiripan' => $persentase_kemiripan,
+            'gender' => $gender,
+            'kode_kelurahan' => $kode_kelurahan,
+            'remember_token' => Str::random(10),
+        ]);
+
+        if ($result) {
+            return response()->json([
+                'status' => true,
+                'message' => 'Akun anda sudah terdaftar dan butuh verifikasi hingga maksimal 1 hari kerja',
+            ]);
+        } else {
+            return response()->json([
+                'status' => false,
+                'message' => 'Akun anda gagal terdaftar. Coba lagi! ' + $result,
+            ]);
+        }
+    }
+
+    public function statusAkun($email)
+    {
+        $result = User::where('email', $email)->get();
+        if ($result->isNotEmpty()) {
+            return response()->json([
+                'status' => true,
+                'message' => $result,
+            ]);
+        } else {
+            return response()->json([
+                'status' => false,
+                'message' => $result,
+            ]);
+        }
+    }
+
+    public function cariProvinsi()
+    {
+        $data = Province::where('name', 'LIKE', '%' . strtoupper(request('q')) . '%')->paginate(10);
+
+        return response()->json($data);
+    }
+
+    public function cariKota($code)
+    {
+        $data = City::where('province_code', $code)
+            ->where('name', 'LIKE', '%' . strtoupper(request('q')) . '%')
+            ->paginate(10);
+
+        return response()->json($data);
+    }
+
+    public function cariKecamatan($code)
+    {
+        $data = District::where('city_code', $code)
+            ->where('name', 'LIKE', '%' . strtoupper(request('q')) . '%')
+            ->paginate(10);
+
+        return response()->json($data);
+    }
+
+    public function cariKelurahan($code)
+    {
+        $data = Village::where('district_code', $code)
+            ->where('name', 'LIKE', '%' . strtoupper(request('q')) . '%')
+            ->paginate(10);
+
+        return response()->json($data);
+    }
+}
diff --git a/app/Http/Controllers/UsersController.php b/app/Http/Controllers/RefundDescriptionController.php
similarity index 62%
rename from app/Http/Controllers/UsersController.php
rename to app/Http/Controllers/RefundDescriptionController.php
index ed374cee..f7a69c54 100644
--- a/app/Http/Controllers/UsersController.php
+++ b/app/Http/Controllers/RefundDescriptionController.php
@@ -2,11 +2,10 @@
 
 namespace App\Http\Controllers;
 
-use App\Models\Users;
-use App\Http\Requests\StoreUsersRequest;
-use App\Http\Requests\UpdateUsersRequest;
+use App\Models\RefundDescription;
+use Illuminate\Http\Request;
 
-class UsersController extends Controller
+class RefundDescriptionController extends Controller
 {
     /**
      * Display a listing of the resource.
@@ -27,7 +26,7 @@ class UsersController extends Controller
     /**
      * Store a newly created resource in storage.
      */
-    public function store(StoreUsersRequest $request)
+    public function store(Request $request)
     {
         //
     }
@@ -35,7 +34,7 @@ class UsersController extends Controller
     /**
      * Display the specified resource.
      */
-    public function show(Users $users)
+    public function show(RefundDescription $refundDescription)
     {
         //
     }
@@ -43,7 +42,7 @@ class UsersController extends Controller
     /**
      * Show the form for editing the specified resource.
      */
-    public function edit(Users $users)
+    public function edit(RefundDescription $refundDescription)
     {
         //
     }
@@ -51,7 +50,7 @@ class UsersController extends Controller
     /**
      * Update the specified resource in storage.
      */
-    public function update(UpdateUsersRequest $request, Users $users)
+    public function update(Request $request, RefundDescription $refundDescription)
     {
         //
     }
@@ -59,7 +58,7 @@ class UsersController extends Controller
     /**
      * Remove the specified resource from storage.
      */
-    public function destroy(Users $users)
+    public function destroy(RefundDescription $refundDescription)
     {
         //
     }
diff --git a/app/Http/Controllers/SettingController.php b/app/Http/Controllers/TransactionDescriptionController.php
similarity index 59%
rename from app/Http/Controllers/SettingController.php
rename to app/Http/Controllers/TransactionDescriptionController.php
index 45a8ef75..44919146 100644
--- a/app/Http/Controllers/SettingController.php
+++ b/app/Http/Controllers/TransactionDescriptionController.php
@@ -2,11 +2,10 @@
 
 namespace App\Http\Controllers;
 
-use App\Models\Setting;
-use App\Http\Requests\StoreSettingRequest;
-use App\Http\Requests\UpdateSettingRequest;
+use App\Models\TransactionDescription;
+use Illuminate\Http\Request;
 
-class SettingController extends Controller
+class TransactionDescriptionController extends Controller
 {
     /**
      * Display a listing of the resource.
@@ -27,7 +26,7 @@ class SettingController extends Controller
     /**
      * Store a newly created resource in storage.
      */
-    public function store(StoreSettingRequest $request)
+    public function store(Request $request)
     {
         //
     }
@@ -35,7 +34,7 @@ class SettingController extends Controller
     /**
      * Display the specified resource.
      */
-    public function show(Setting $setting)
+    public function show(TransactionDescription $transactionDescription)
     {
         //
     }
@@ -43,7 +42,7 @@ class SettingController extends Controller
     /**
      * Show the form for editing the specified resource.
      */
-    public function edit(Setting $setting)
+    public function edit(TransactionDescription $transactionDescription)
     {
         //
     }
@@ -51,7 +50,7 @@ class SettingController extends Controller
     /**
      * Update the specified resource in storage.
      */
-    public function update(UpdateSettingRequest $request, Setting $setting)
+    public function update(Request $request, TransactionDescription $transactionDescription)
     {
         //
     }
@@ -59,7 +58,7 @@ class SettingController extends Controller
     /**
      * Remove the specified resource from storage.
      */
-    public function destroy(Setting $setting)
+    public function destroy(TransactionDescription $transactionDescription)
     {
         //
     }
diff --git a/app/Http/Controllers/User/UserContactController.php b/app/Http/Controllers/User/UserContactController.php
new file mode 100644
index 00000000..c91e4db9
--- /dev/null
+++ b/app/Http/Controllers/User/UserContactController.php
@@ -0,0 +1,134 @@
+<?php
+
+namespace App\Http\Controllers\User;
+
+use App\Models\Contact;
+use App\Models\User;
+use App\Http\Controllers\Controller;
+use Illuminate\Http\Request;
+use Illuminate\Support\Facades\Auth;
+
+class UserContactController extends Controller
+{
+    /**
+     * Display a listing of the resource.
+     */
+    public function index()
+    {
+        $contacts = Contact::where('pemilik_kontak', Auth::user()->email)->get();
+        return view('user.contact.index', ['contacts' => $contacts]);
+        // dd($contacts);
+    }
+
+    /**
+     * Show the form for creating a new resource.
+     */
+    public function create()
+    {
+        //
+    }
+
+    /**
+     * Store a newly created resource in storage.
+     */
+    public function store(Request $request)
+    {
+        $email_relasi = $request->input('email');
+        if($email_relasi == Auth::user()->email){
+            return response()->json([
+                'status' => false,
+                'message' => 'Kontak yang ingin didaftarkan tidak boleh sama',
+            ]);
+        }else{
+            $result = Contact::create([
+                'pemilik_kontak' => Auth::user()->email,
+                'relasi_kontak' => $request->input('email'),
+            ]);
+
+            if($result){
+                return response()->json([
+                    'status' => true,
+                    'message' => 'Akun berhasil masuk ke kontak',
+                ]);
+            }else{
+                return response()->json([
+                    'status' => false,
+                    'message' => 'Akun gagal masuk ke kontak',
+                ]);
+            }
+        }
+    }
+
+    /**
+     * Display the specified resource.
+     */
+    public function show(Contact $contact)
+    {
+
+    }
+
+    /**
+     * Show the form for editing the specified resource.
+     */
+    public function edit(Contact $contact)
+    {
+        //
+    }
+
+    /**
+     * Update the specified resource in storage.
+     */
+    public function update(Request $request, Contact $contact)
+    {
+        //
+    }
+
+    /**
+     * Remove the specified resource from storage.
+     */
+    public function destroy(Contact $contact, $id)
+    {
+        try {
+            $result = Contact::destroy($id);
+            if($result){
+                return response()->json([
+                    'message' => 'Berhasil hapus data',
+                    'status' => true,
+                ]);
+            }else{
+                return response()->json([
+                    'message' => 'Gagal hapus data karena '.$result,
+                    'status' => false,
+                ]);
+            }
+        } catch (\Exception $e) {
+            return response()->json([
+                'message' => 'Gagal hapus data, karena ' . $e,
+                'status' => false,
+            ]);
+        }
+    }
+
+    public function cekEmail($email)
+    {
+        $result = User::where('email', $email)->get();
+        if ($result->isNotEmpty() && $result[0]->role == 'User') {
+            if($result[0]->status == 'Finished'){
+                return response()->json([
+                    'status' => true,
+                    'message' => $result,
+                ]);
+            }else{
+                return response()->json([
+                    'status' => false,
+                    'message' => 'Akun dengen email ' . $email . ' tersedia dan belum diverifikasi',
+                ]);
+            }
+        } else {
+            return response()->json([
+                'status' => false,
+                'message' => 'Akun dengen email ' . $email . ' tidak tersedia',
+            ]);
+        }
+    }
+}
diff --git a/app/Http/Controllers/User/UserDashboardController.php b/app/Http/Controllers/User/UserDashboardController.php
new file mode 100644
index 00000000..90704e85
--- /dev/null
+++ b/app/Http/Controllers/User/UserDashboardController.php
@@ -0,0 +1,20 @@
+<?php
+
+namespace App\Http\Controllers\User;
+
+use App\Http\Controllers\Controller;
+use Illuminate\Http\Request;
+use App\Models\RefundUser;
+
+class UserDashboardController extends Controller
+{
+    public function index(){
+        return view('user.index',[
+            "refundUserss"=>RefundUser::HistoryRefundUser()
+        ]);
+    }
+
+    public function profile(){
+        return view('user.profile.index');
+    }
+}
diff --git a/app/Http/Controllers/User/UserRefundController.php b/app/Http/Controllers/User/UserRefundController.php
new file mode 100644
index 00000000..3c334921
--- /dev/null
+++ b/app/Http/Controllers/User/UserRefundController.php
@@ -0,0 +1,30 @@
+<?php
+
+namespace App\Http\Controllers\User;
+
+use Illuminate\Http\Request;
+use App\Http\Controllers\Controller;
+use App\Models\RefundUser;
+
+class UserRefundController extends Controller
+{
+    public function index()
+    {
+        return view('user.refund.index', [
+            'name' => 'npannisa',
+            'refundUserss' => RefundUser::HistoryRefundUser(),
+        ]);
+    }
+
+    public function createRefund(Request $request)
+    {
+        return view('user.refund.new-refund');
+    }
+
+    public function historyRefund($id){
+        return view('user.transaction.pembeli.history-refund',[
+            'name'=>'npannisa',
+            "refundUserss"=>RefundUser::HistoryRefundUser()
+        ]);
+    }
+}
diff --git a/app/Http/Controllers/User/UserTransactionController.php b/app/Http/Controllers/User/UserTransactionController.php
new file mode 100644
index 00000000..0d79750c
--- /dev/null
+++ b/app/Http/Controllers/User/UserTransactionController.php
@@ -0,0 +1,94 @@
+<?php
+
+namespace App\Http\Controllers\User;
+
+use App\Models\Transaction;
+use App\Http\Controllers\Controller;
+use Illuminate\Http\Request;
+use App\Models\TransactionUser;
+
+class UserTransactionController extends Controller
+{
+    /**
+     * Display a listing of the resource.
+     */
+    public function indexPembeli()
+    {
+        return view('user.transaction.pembeli.transaction-pembeli',[
+            'name'=>'npannisa',
+            'TransactionUser'=>TransactionUser::HistoryTransaction()
+        ]);
+    }
+
+    /**
+     * Display a listing of the resource.
+     */
+    public function indexPenjual()
+    {
+        return view('user.transaction.penjual.transaction-penjual',[
+            'name'=>'npannisa',
+            "TransactionUser"=>TransactionUser::HistoryTransaction()
+        ]);
+    }
+
+    public function detailTransaction($id){
+        return view('user.transaction.pembeli.detail-transaction',[
+            'name'=>'npannisa',
+            "TransactionUser"=>TransactionUser::HistoryTransaction()
+        ]);
+    }
+
+    /**
+     * Show the form for creating a new resource.
+     */
+    public function createTransaction(Request $request)
+    {
+        return view('user.transaction.pembeli.new-transaction',[
+            'name'=>'npannisa',
+            "TransactionUser"=>TransactionUser::HistoryTransaction()
+        ]);
+    }
+
+    /**
+     * Store a newly created resource in storage.
+     */
+    public function invoiceTransaction($id)
+    {
+        return view('user.transaction.pembeli.invoice-transaction',[
+            'name'=>'npannisa',
+            "TransactionUser"=>TransactionUser::HistoryTransaction()
+        ]);
+    }
+
+    /**
+     * Display the specified resource.
+     */
+    public function show(Transaction $transaction)
+    {
+        //
+    }
+
+    /**
+     * Show the form for editing the specified resource.
+     */
+    public function edit(Transaction $transaction)
+    {
+        //
+    }
+
+    /**
+     * Update the specified resource in storage.
+     */
+    public function update(Request $request, Transaction $transaction)
+    {
+        //
+    }
+
+    /**
+     * Remove the specified resource from storage.
+     */
+    public function destroy(Transaction $transaction)
+    {
+        //
+    }
+}
diff --git a/app/Http/Kernel.php b/app/Http/Kernel.php
index 494c0501..7376373d 100644
--- a/app/Http/Kernel.php
+++ b/app/Http/Kernel.php
@@ -64,5 +64,7 @@ class Kernel extends HttpKernel
         'signed' => \App\Http\Middleware\ValidateSignature::class,
         'throttle' => \Illuminate\Routing\Middleware\ThrottleRequests::class,
         'verified' => \Illuminate\Auth\Middleware\EnsureEmailIsVerified::class,
+        'admin' => \App\Http\Middleware\Admin::class,
+        'user' => \App\Http\Middleware\User::class,
     ];
 }
diff --git a/app/Http/Middleware/Admin.php b/app/Http/Middleware/Admin.php
new file mode 100644
index 00000000..70d9ac80
--- /dev/null
+++ b/app/Http/Middleware/Admin.php
@@ -0,0 +1,24 @@
+<?php
+
+namespace App\Http\Middleware;
+
+use Closure;
+use Illuminate\Http\Request;
+use Symfony\Component\HttpFoundation\Response;
+use Illuminate\Support\Facades\Auth;
+
+class Admin
+{
+    /**
+     * Handle an incoming request.
+     *
+     * @param  \Closure(\Illuminate\Http\Request): (\Symfony\Component\HttpFoundation\Response)  $next
+     */
+    public function handle(Request $request, Closure $next): Response
+    {
+        if(Auth::user()->role != 'Admin'){
+            return redirect()->back();
+        }
+        return $next($request);
+    }
+}
diff --git a/app/Http/Middleware/User.php b/app/Http/Middleware/User.php
new file mode 100644
index 00000000..955456a8
--- /dev/null
+++ b/app/Http/Middleware/User.php
@@ -0,0 +1,24 @@
+<?php
+
+namespace App\Http\Middleware;
+
+use Closure;
+use Illuminate\Http\Request;
+use Symfony\Component\HttpFoundation\Response;
+use Illuminate\Support\Facades\Auth;
+
+class User
+{
+    /**
+     * Handle an incoming request.
+     *
+     * @param  \Closure(\Illuminate\Http\Request): (\Symfony\Component\HttpFoundation\Response)  $next
+     */
+    public function handle(Request $request, Closure $next): Response
+    {
+        if(Auth::user()->role != 'User'){
+            return redirect()->back();
+        }
+        return $next($request);
+    }
+}
diff --git a/app/Models/Contact.php b/app/Models/Contact.php
new file mode 100644
index 00000000..325f7d19
--- /dev/null
+++ b/app/Models/Contact.php
@@ -0,0 +1,32 @@
+<?php
+
+namespace App\Models;
+
+use Illuminate\Database\Eloquent\Factories\HasFactory;
+use Illuminate\Database\Eloquent\Model;
+
+class Contact extends Model
+{
+    use HasFactory;
+
+    /**
+     * The attributes that are mass assignable.
+     *
+     * @var array<int, string>
+     */
+    protected $fillable = [
+        'pemilik_kontak',
+        'relasi_kontak',
+    ];
+
+    //Relasi
+    public function pemilikKontak(){
+        return $this->belongsTo(User::class, 'pemilik_kontak', 'email');
+    }
+
+    public function relasiKontak(){
+        return $this->belongsTo(User::class, 'relasi_kontak', 'email');
+    }
+
+    //Relasi
+}
diff --git a/app/Models/Refund.php b/app/Models/Refund.php
index 14222616..1748f78a 100644
--- a/app/Models/Refund.php
+++ b/app/Models/Refund.php
@@ -5,76 +5,25 @@ namespace App\Models;
 use Illuminate\Database\Eloquent\Factories\HasFactory;
 use Illuminate\Database\Eloquent\Model;
 
-// class Refund extends Model{
-//     protected $table = 'refund';
-//     use HasFactory;
-// }
-class Refund
+class Refund extends Model
 {
-    private static $history_refund=[
-        [
-            "no"=>"1",
-            "orderId" => "INV-1234",
-            "customer" => "Okta",
-            "seller" => "dodo",
-            "total" => "Rp. 15000",
-            "date" => "July 19, 2023 ",
-            "status"=>"Process Refund"
-        ],
-        [
-            "no"=>"2",
-            "orderId" => "INV-0000",
-            "customer" => "Selvi",
-            "seller" => "dedo",
-            "total" => "Rp. 11000",
-            "date" => "August 19, 2023 ",
-            "status"=>"Refund Success"
-        ],
-        [
-            "no"=>"3",
-            "orderId" => "INV-2313",
-            "customer" => "Septa",
-            "seller" => "dido",
-            "total" => "Rp. 15000",
-            "date" => "July 29, 2023 ",
-            "status"=>"Process Refund"
-        ],
-        [
-            "no"=>"4",
-            "orderId" => "INV-5664",
-            "customer" => "Padia",
-            "seller" => "dedo",
-            "total" => "Rp. 14000",
-            "date" => "July 18, 2023 ",
-            "status"=>"Refunds Refused"
-        ],
-        [
-            "no"=>"5",
-            "orderId" => "INV-9090",
-            "customer" => "hantu",
-            "seller" => "dado",
-            "total" => "Rp. 45000",
-            "date" => "2023-08-14 ",
-            "status"=>"Refunds Refused"
-        ]
-        ];
+    use HasFactory;
 
-        public static $detail_refund=[
-            [
-            "orderId" => "INV-9090",
-            "customer" => "hantu",
-            "seller" => "dado",
-            "total" => "Rp. 45000",
-            "date" => "2023-08-14 ",
-            "complaint" =>" Lorem ipsum dolor sit, amet consectetur adipisicing elit. Aliquam inventore, sit enim iure itaque fuga voluptates alias, eveniet quos ex reiciendis! Dolore mollitia ea inventore, excepturi hic fugiat id, magnam molestias sint ut enim repellendus, cum dolorum dolores sapiente adipisci tempora nihil omnis! Accusantium, non perspiciatis? Molestias modi debitis perferendis reprehenderit excepturi voluptates? Sit incidunt consequuntur iusto odit sapiente inventore nemo commodi, quam vero magnam temporibus ducimus praesentium assumenda blanditiis possimus perferendis totam placeat maiores. Quae ut id libero atque pariatur veritatis rerum culpa tempore consequatur quod corrupti corporis nobis quia repellendus iste quidem illum, voluptates aspernatur cumque officia. Tenetur.",
-            "image"=>"assets/images/dashboard/img_2.jpg"
-            ]
-            ];
-        public static function HistoryRefund(){
-            return self::$history_refund;
+    /**
+     * The attributes that are mass assignable.
+     *
+     * @var array<int, string>
+     */
+    protected $fillable = [
+        'order_id',
+        'total',
+        'due_date',
+        'status',
+    ];
 
-        }
-        public static function DetailRefund(){
-            return self::$detail_refund;
-        }
-}
\ No newline at end of file
+    //Relasi
+    public function orders(){
+        return $this->belongsTo(Transaction::class, 'order_id', 'order_id');
+    }
+    //Relasi
+}
diff --git a/app/Models/RefundDescription.php b/app/Models/RefundDescription.php
new file mode 100644
index 00000000..258393cf
--- /dev/null
+++ b/app/Models/RefundDescription.php
@@ -0,0 +1,28 @@
+<?php
+
+namespace App\Models;
+
+use Illuminate\Database\Eloquent\Factories\HasFactory;
+use Illuminate\Database\Eloquent\Model;
+
+class RefundDescription extends Model
+{
+    use HasFactory;
+
+    /**
+     * The attributes that are mass assignable.
+     *
+     * @var array<int, string>
+     */
+    protected $fillable = [
+        'refund_id',
+        'filename',
+        'type',
+    ];
+
+    //Relasi
+    public function refunds(){
+        return $this->belongsTo(Refund::class, 'refund_id', 'id');
+    }
+    //Relasi
+}
diff --git a/app/Models/RefundUser.php b/app/Models/RefundUser.php
new file mode 100644
index 00000000..f517ccc7
--- /dev/null
+++ b/app/Models/RefundUser.php
@@ -0,0 +1,44 @@
+<?php
+
+namespace App\Models;
+
+use Illuminate\Database\Eloquent\Factories\HasFactory;
+use Illuminate\Database\Eloquent\Model;
+
+class RefundUser
+{
+    // use HasFactory;
+
+    private static $history_refundUser=[
+        [
+            "orderId" => "INV-1234",
+            "Customer" => "npannisa",
+            "seller" => "rayhan",
+            "Total" => " Rp.200.000",
+            "dueDate"=>"29 juni 2023",
+            "status"=>"diterima",
+            "uploadBukti" => "5.jpg"
+        ],
+        [
+            "orderId" => "INV-1234",
+            "Customer" => "hantu",
+            "seller" => "rayhan",
+            "Total" => " Rp.200.000",
+            "dueDate"=>"29 juni 2023",
+            "status"=>"ditolak",
+            "uploadBukti" => "5.jpg"
+        ],
+        [
+            "orderId" => "INV-1234",
+            "Customer" => "pocong",
+            "seller" => "rayhan",
+            "Total" => " Rp.200.000",
+            "dueDate"=>"29 juni 2023",
+            "status"=>"diterima",
+            "uploadBukti" => "5.jpg"
+        ],
+    ];
+    public static function HistoryRefundUser(){
+        return self::$history_refundUser;
+    }
+}
diff --git a/app/Models/Refunds.php b/app/Models/Refunds.php
new file mode 100644
index 00000000..55765a53
--- /dev/null
+++ b/app/Models/Refunds.php
@@ -0,0 +1,80 @@
+<?php
+
+namespace App\Models;
+
+use Illuminate\Database\Eloquent\Factories\HasFactory;
+use Illuminate\Database\Eloquent\Model;
+
+// class Refund extends Model{
+//     protected $table = 'refund';
+//     use HasFactory;
+// }
+class Refunds
+{
+    private static $history_refund=[
+        [
+            "no"=>"1",
+            "orderId" => "INV-1234",
+            "customer" => "Okta",
+            "seller" => "dodo",
+            "total" => "Rp. 15000",
+            "date" => "July 19, 2023 ",
+            "status"=>"Process Refund"
+        ],
+        [
+            "no"=>"2",
+            "orderId" => "INV-0000",
+            "customer" => "Selvi",
+            "seller" => "dedo",
+            "total" => "Rp. 11000",
+            "date" => "August 19, 2023 ",
+            "status"=>"Refund Success"
+        ],
+        [
+            "no"=>"3",
+            "orderId" => "INV-2313",
+            "customer" => "Septa",
+            "seller" => "dido",
+            "total" => "Rp. 15000",
+            "date" => "July 29, 2023 ",
+            "status"=>"Process Refund"
+        ],
+        [
+            "no"=>"4",
+            "orderId" => "INV-5664",
+            "customer" => "Padia",
+            "seller" => "dedo",
+            "total" => "Rp. 14000",
+            "date" => "July 18, 2023 ",
+            "status"=>"Refunds Refused"
+        ],
+        [
+            "no"=>"5",
+            "orderId" => "INV-9090",
+            "customer" => "hantu",
+            "seller" => "dado",
+            "total" => "Rp. 45000",
+            "date" => "2023-08-14 ",
+            "status"=>"Refunds Refused"
+        ]
+        ];
+
+        public static $detail_refund=[
+            [
+            "orderId" => "INV-9090",
+            "customer" => "hantu",
+            "seller" => "dado",
+            "total" => "Rp. 45000",
+            "date" => "2023-08-14 ",
+            "complaint" =>" Lorem ipsum dolor sit, amet consectetur adipisicing elit. Aliquam inventore, sit enim iure itaque fuga voluptates alias, eveniet quos ex reiciendis! Dolore mollitia ea inventore, excepturi hic fugiat id, magnam molestias sint ut enim repellendus, cum dolorum dolores sapiente adipisci tempora nihil omnis! Accusantium, non perspiciatis? Molestias modi debitis perferendis reprehenderit excepturi voluptates? Sit incidunt consequuntur iusto odit sapiente inventore nemo commodi, quam vero magnam temporibus ducimus praesentium assumenda blanditiis possimus perferendis totam placeat maiores. Quae ut id libero atque pariatur veritatis rerum culpa tempore consequatur quod corrupti corporis nobis quia repellendus iste quidem illum, voluptates aspernatur cumque officia. Tenetur.",
+            "image"=>"assets/images/dashboard/img_2.jpg"
+            ]
+            ];
+        public static function HistoryRefund(){
+            return self::$history_refund;
+
+        }
+        public static function DetailRefund(){
+            return self::$detail_refund;
+        }
+}
diff --git a/app/Models/Setting.php b/app/Models/Setting.php
index f4249eab..99d25256 100644
--- a/app/Models/Setting.php
+++ b/app/Models/Setting.php
@@ -5,46 +5,19 @@ namespace App\Models;
 use Illuminate\Database\Eloquent\Factories\HasFactory;
 use Illuminate\Database\Eloquent\Model;
 
-class Setting
+class Setting extends Model
 {
-    static $History_Setting=[
-        [
-            "no" => "1",
-            "month" => "January",
-            "year" =>"2021",
-            "persentase" =>"50%",
-            "status" =>"Active"
-        ],
-        [
-            "no" => "2",
-            "month" => "February",
-            "year" =>"2022",
-            "persentase" =>"40%",
-            "status" =>"Non Active"
-        ],
-        [
-            "no" => "3",
-            "month" => "March",
-            "year" =>"2023",
-            "persentase" =>"30%",
-            "status" =>"Non Active"
-        ],
-        [
-            "no" => "4",
-            "month" => "April",
-            "year" =>"2021",
-            "persentase" =>"60%",
-            "status" =>"Non Active"
-        ],
-        [
-            "no" => "5",
-            "month" => "May",
-            "year" =>"2023",
-            "persentase" =>"20%",
-            "status" =>"Non Active"
-        ]
-        ];
-        public static function HistorySetting(){
-            return self::$History_Setting;
-        }
-}
\ No newline at end of file
+    use HasFactory;
+
+    /**
+     * The attributes that are mass assignable.
+     *
+     * @var array<int, string>
+     */
+    protected $fillable = [
+        'bulan',
+        'tahun',
+        'persentase',
+        'status',
+    ];
+}
diff --git a/app/Models/Settings.php b/app/Models/Settings.php
new file mode 100644
index 00000000..6603b6f5
--- /dev/null
+++ b/app/Models/Settings.php
@@ -0,0 +1,50 @@
+<?php
+
+namespace App\Models;
+
+use Illuminate\Database\Eloquent\Factories\HasFactory;
+use Illuminate\Database\Eloquent\Model;
+
+class Settings
+{
+    static $History_Setting=[
+        [
+            "no" => "1",
+            "month" => "January",
+            "year" =>"2021",
+            "persentase" =>"50%",
+            "status" =>"Active"
+        ],
+        [
+            "no" => "2",
+            "month" => "February",
+            "year" =>"2022",
+            "persentase" =>"40%",
+            "status" =>"Non Active"
+        ],
+        [
+            "no" => "3",
+            "month" => "March",
+            "year" =>"2023",
+            "persentase" =>"30%",
+            "status" =>"Non Active"
+        ],
+        [
+            "no" => "4",
+            "month" => "April",
+            "year" =>"2021",
+            "persentase" =>"60%",
+            "status" =>"Non Active"
+        ],
+        [
+            "no" => "5",
+            "month" => "May",
+            "year" =>"2023",
+            "persentase" =>"20%",
+            "status" =>"Non Active"
+        ]
+        ];
+        public static function HistorySetting(){
+            return self::$History_Setting;
+        }
+}
diff --git a/app/Models/TransactionDescription.php b/app/Models/TransactionDescription.php
new file mode 100644
index 00000000..b2dd450e
--- /dev/null
+++ b/app/Models/TransactionDescription.php
@@ -0,0 +1,33 @@
+<?php
+
+namespace App\Models;
+
+use Illuminate\Database\Eloquent\Factories\HasFactory;
+use Illuminate\Database\Eloquent\Model;
+
+class TransactionDescription extends Model
+{
+    use HasFactory;
+
+    /**
+     * The attributes that are mass assignable.
+     *
+     * @var array<int, string>
+     */
+    protected $fillable = [
+        'order_id',
+        'user',
+        'judul',
+        'deskripsi'
+    ];
+
+    //Relasi
+    public function order(){
+        return $this->belongsTo(Transaction::class, 'order_id', 'order_id');
+    }
+
+    public function user(){
+        return $this->belongsTo(User::class, 'email', 'user');
+    }
+    //Relasi
+}
diff --git a/app/Models/TransactionUser.php b/app/Models/TransactionUser.php
new file mode 100644
index 00000000..82f86d89
--- /dev/null
+++ b/app/Models/TransactionUser.php
@@ -0,0 +1,57 @@
+<?php
+
+namespace App\Models;
+
+use Illuminate\Database\Eloquent\Factories\HasFactory;
+
+
+class TransactionUser
+{
+    private static $history_transaction=[
+        [
+            "userId" => "NPA-9876",
+            "orderId" => "INV-1234",
+            "Customer" => "Nurul Prima",
+            "seller" => "Jilhan",
+            "total" => "Rp.500.000",
+            "dueDate"=>"29 juni 2023",
+            "status"=>"OnProgress",
+            "action" => ""
+        ],
+        [
+            "userId" => "NPA-9879",
+            "orderId" => "INV-1234",
+            "Customer" => "Nurul Prima Annisa",
+            "seller" => "Raihan",
+            "total" => "Rp.500.000",
+            "dueDate"=>"29 juni 2025",
+            "status"=>"Diterima",
+            "action" => ""
+        ],
+
+        // [
+        //     "userId" => "NPA-9877",
+        //     "orderId" => "INV-1235",
+        //     "Customer" => "Nurul Annisa",
+        //     "seller" => "Rayhan",
+        //     "total" => "Rp.900.000",
+        //     "dueDate"=>"29 Juli 2023",
+        //     "status"=>"Pembeli",
+        //     "action" => ""
+        // ],
+
+        // [
+        //     "userId" => "NPA-9878",
+        //     "orderId" => "INV-1236",
+        //     "Customer" => "Nurul Prima Annisa",
+        //     "seller" => "Rayhan",
+        //     "total" => "Rp.900.000",
+        //     "dueDate"=>"29 Juli 2023",
+        //     "status"=>"Pembeli",
+        //     "action" => ""
+        // ],
+    ];
+    public static function HistoryTransaction(){
+        return self::$history_transaction;
+    }
+}
diff --git a/app/Models/Transactions.php b/app/Models/Transactions.php
new file mode 100644
index 00000000..b4243697
--- /dev/null
+++ b/app/Models/Transactions.php
@@ -0,0 +1,90 @@
+<?php
+
+namespace App\Models;
+
+use Illuminate\Database\Eloquent\Factories\HasFactory;
+use Illuminate\Database\Eloquent\Model;
+
+class Transactions
+{
+    private static $list_transaction = [
+        [
+            'no' => '1',
+            'orderId' => 'INV-1234',
+            'customer' => 'Jilhan',
+            'seller' => 'dodo',
+            'total' => 'Rp. 15000',
+            'date' => 'July 19, 2023 ',
+            'status' => 'paid',
+        ],
+        [
+            'no' => '2',
+            'orderId' => 'INV-0000',
+            'customer' => 'hmmm',
+            'seller' => 'dodo',
+            'total' => 'Rp. 11000',
+            'date' => 'August 19, 2023 ',
+            'status' => 'pending',
+        ],
+        [
+            'no' => '3',
+            'orderId' => 'INV-2313',
+            'customer' => 'nurul',
+            'seller' => 'dido',
+            'total' => 'Rp. 15000',
+            'date' => 'July 29, 2023 ',
+            'status' => 'unpaid',
+        ],
+        [
+            'no' => '4',
+            'orderId' => 'INV-5664',
+            'customer' => 'raihan',
+            'seller' => 'dedo',
+            'total' => 'Rp. 14000',
+            'date' => 'July 18, 2023 ',
+            'status' => 'pending',
+        ],
+        [
+            'no' => '5',
+            'orderId' => 'INV-9090',
+            'customer' => 'testing',
+            'seller' => 'dado',
+            'total' => 'Rp. 45000',
+            'date' => 'June 19, 2023 ',
+            'status' => 'paid',
+        ],
+    ];
+
+    private static $detail_transaction = [
+        [
+            'idTransaction' => 'INV-76899',
+            'side' => 'SELL',
+            'marketPair' => 'IDR',
+            'email' => 'JilhanHaura07@gmail.com',
+            'amountTransaction' => 'Rp. 900000',
+            'feeTransaction' => '10%',
+            'total' => '68,00989.00 IDR',
+            'paymentDetail' => 'Bank',
+            'bankName' => 'BNI',
+            'accountNumber' => '123',
+            'statusTransaction' => 'Success',
+
+            // "tracking_number" => "09102919209",
+            // "orderId" => "INV-9090",
+            // "status"=>"Pending",
+            // "estimated" => "June 20, 2023",
+            // "tracking_detail1"=> "August 10: processed payment",
+            // "tracking_detail2"=> "August 12: payment in system",
+            // "tracking_detail3"=> "August 14: payment has been received by the seller",
+        ],
+    ];
+    public static function allTransactions()
+    {
+        return self::$list_transaction;
+    }
+
+    public static function allDetailTransactions()
+    {
+        return self::$detail_transaction;
+    }
+}
diff --git a/app/Models/User.php b/app/Models/User.php
index 4d7f70f5..b55267fe 100644
--- a/app/Models/User.php
+++ b/app/Models/User.php
@@ -7,6 +7,8 @@ use Illuminate\Database\Eloquent\Factories\HasFactory;
 use Illuminate\Foundation\Auth\User as Authenticatable;
 use Illuminate\Notifications\Notifiable;
 use Laravel\Sanctum\HasApiTokens;
+use Tymon\JWTAuth\Contracts\JWTSubject;
+use Illuminate\Database\Eloquent\Concerns\HasUuids;
 
 class User extends Authenticatable
 {
@@ -18,9 +20,24 @@ class User extends Authenticatable
      * @var array<int, string>
      */
     protected $fillable = [
-        'name',
+        'id',
+        'nama_depan',
+        'nama_belakang',
+        'tanggal_lahir',
+        'nik',
         'email',
         'password',
+        'role',
+        'nohp',
+        'alamat',
+        'foto_ktp',
+        'foto_wajah',
+        'foto_profil',
+        'persentase_kemiripan',
+        'status',
+        'gender',
+        'kode_kelurahan',
+        'remember_token',
     ];
 
     /**
@@ -41,5 +58,72 @@ class User extends Authenticatable
     protected $casts = [
         'email_verified_at' => 'datetime',
         'password' => 'hashed',
+        'id' => 'string',
+        'status' => 'string',
     ];
+
+    //JWT
+
+    /**
+     * Get the identifier that will be stored in the subject claim of the JWT.
+     *
+     * @return mixed
+     */
+    public function getJWTIdentifier()
+    {
+        return $this->getKey();
+    }
+
+    /**
+     * Return a key value array, containing any custom claims to be added to the JWT.
+     *
+     * @return array
+     */
+    public function getJWTCustomClaims()
+    {
+        return [];
+    }
+
+    //JWT
+
+
+    //Relasi
+    public function pemilik_kontak(){
+        return $this->hasMany(Contact::class, 'email', 'pemilik_kontak');
+    }
+
+    public function relasi_kontak(){
+        return $this->hasMany(Contact::class, 'email', 'relasi_kontak');
+    }
+
+    public function pembeli(){
+        return $this->hasMany(Transaction::class, 'email', 'pembeli');
+    }
+
+    public function penjual(){
+        return $this->hasMany(Transaction::class, 'email', 'penjual');
+    }
+
+    public function village(){
+        return $this->belongsTo('Laravolt\Indonesia\Models\Village', 'kode_kelurahan', 'code');
+    }
+    //Relasi
+
+    //function alamat
+    public function getVillageName(){
+        return $this->village->name;
+    }
+
+    public function getDistrictName(){
+        return $this->village->district->name;
+    }
+
+    public function getCityName(){
+        return $this->village->district->city->name;
+    }
+
+    public function getProvinceName(){
+        return $this->village->district->city->province->name;
+    }
+
 }
diff --git a/app/Models/Users.php b/app/Models/Users.php
deleted file mode 100644
index af244430..00000000
--- a/app/Models/Users.php
+++ /dev/null
@@ -1,55 +0,0 @@
-<?php
-
-namespace App\Models;
-
-use Illuminate\Database\Eloquent\Factories\HasFactory;
-use Illuminate\Database\Eloquent\Model;
-
-class Users
-{
-    private static $list_users=[
-        [
-            "no" => "1",
-            "userId" => "U1290",
-            "fullname" => "Tsalsabila Jilhan Haura",
-            "email" => "jilhanhaura07@gmail.com",
-            "gender" => "Female",
-            "date" => "August 23, 2023",
-            "status" => "Finished"
-        ],
-        [
-            "no" => "2",
-            "userId" => "U4567",
-            "fullname" => "Boncel",
-            "email" => "boncel@gmail.com",
-            "gender" => "Male",
-            "date" => "August 22, 2023",
-            "status" => "Progress"
-        ],
-
-        ];
-        public static function listUsers(){
-            return self::$list_users;
-        }
-
-    private static $detail_user=[
-        [
-            "userId" => "91029138",
-            "nik" => "214141413414131414",
-            "name" => "Jilhan Haura",
-            "gender" => "Female",
-            "religion" => "Muslim",
-            "bloodType" => "AB",
-            "email" => "jilhanhaura07@gmail.com",
-            "phoneNumber" => "08909098102099",
-            "province" => "Sumatera Barat",
-            "city" => "Padang",
-            "district" => "Padang",
-            "village" => "Balai Baru",
-            "detail" => "Jl Simpang komplek polda balai baru"
-        ]
-        ];
-        public static function detailUser(){
-            return self::$detail_user;
-        }
-}
\ No newline at end of file
diff --git a/app/Models/transaction.php b/app/Models/transaction.php
index b7bb85e7..876a965c 100644
--- a/app/Models/transaction.php
+++ b/app/Models/transaction.php
@@ -5,89 +5,54 @@ namespace App\Models;
 use Illuminate\Database\Eloquent\Factories\HasFactory;
 use Illuminate\Database\Eloquent\Model;
 
-class transaction
+class Transaction extends Model
 {
-   private static $list_transaction =[
-        [
-            "no"=>"1",
-            "orderId" => "INV-1234",
-            "customer" => "Jilhan",
-            "seller" => "dodo",
-            "total" => "Rp. 15000",
-            "date" => "July 19, 2023 ",
-            "status"=>"paid"
-        ],
-        [
-            "no"=>"2",
-            "orderId" => "INV-0000",
-            "customer" => "hmmm",
-            "seller" => "dodo",
-            "total" => "Rp. 11000",
-            "date" => "August 19, 2023 ",
-            "status"=>"pending"
-        ],
-        [
-            "no"=>"3",
-            "orderId" => "INV-2313",
-            "customer" => "nurul",
-            "seller" => "dido",
-            "total" => "Rp. 15000",
-            "date" => "July 29, 2023 ",
-            "status"=>"unpaid"
-        ],
-        [
-            "no"=>"4",
-            "orderId" => "INV-5664",
-            "customer" => "raihan",
-            "seller" => "dedo",
-            "total" => "Rp. 14000",
-            "date" => "July 18, 2023 ",
-            "status"=>"pending"
-        ],
-        [
-            "no"=>"5",
-            "orderId" => "INV-9090",
-            "customer" => "testing",
-            "seller" => "dado",
-            "total" => "Rp. 45000",
-            "date" => "June 19, 2023 ",
-            "status"=>"paid"
-        ]
+    use HasFactory;
 
-        ];
+    /**
+     * The attributes that are mass assignable.
+     *
+     * @var array<int, string>
+     */
+    protected $fillable = [
+        'pembeli',
+        'penjual',
+        'judul_transaksi',
+        'deskripsi transaksi',
+        'persentase_keuntungan',
+        'total_keuntungan',
+        'harga',
+        'biaya_admin',
+        'total_harga',
+        'signature_key',
+        'metode_pembayaran',
+        'status',
+        'batas_pembayaran',
+        'batas_pengiriman_barang',
+    ];
 
-        private static $detail_transaction=[
-            [
-                "idTransaction" => "INV-76899",
-                "side" =>"SELL",
-                "marketPair"=>"IDR",
-                "email" =>"JilhanHaura07@gmail.com",
-                "amountTransaction" => "Rp. 900000",
-                "feeTransaction" =>"10%",
-                "total" => "68,00989.00 IDR",
-                "paymentDetail" => "Bank",
-                "bankName" => "BNI",
-                "accountNumber" => "123",
-                "statusTransaction" => "Success"
+    /**
+     * The attributes that should be cast.
+     *
+     * @var array<string, string>
+     */
+    protected $casts = [
+        'batas_pembayaran' => 'datetime',
+        'batas_pengiriman_barang' => 'datetime',
+        'order_id' => 'string',
+    ];
 
+    //Relasi
+    public function pembeli(){
+        return $this->belongsTo(User::class, 'email', 'pembeli');
+    }
 
-                // "tracking_number" => "09102919209",
-                // "orderId" => "INV-9090",
-                // "status"=>"Pending",
-                // "estimated" => "June 20, 2023",
-                // "tracking_detail1"=> "August 10: processed payment",
-                // "tracking_detail2"=> "August 12: payment in system",
-                // "tracking_detail3"=> "August 14: payment has been received by the seller",
-            ],
+    public function penjual(){
+        return $this->belongsTo(User::class, 'email', 'penjual');
+    }
 
-            ];
-            public static function allTransactions()
-            {
-                return self::$list_transaction;
-            }
-
-            public static function allDetailTransactions()
-            {
-                return self::$detail_transaction;
-            }
-}
\ No newline at end of file
+    public function refunds(){
+        return $this->hasMany(Refund::class, 'order_id', 'order_id');
+    }
+    //Relasi
+}
diff --git a/composer.json b/composer.json
index e1fb4493..c766dbbe 100644
--- a/composer.json
+++ b/composer.json
@@ -2,14 +2,24 @@
     "name": "laravel/laravel",
     "type": "project",
     "description": "The skeleton application for the Laravel framework.",
-    "keywords": ["laravel", "framework"],
+    "keywords": [
+        "laravel",
+        "framework"
+    ],
     "license": "MIT",
     "require": {
         "php": "^8.1",
         "guzzlehttp/guzzle": "^7.2",
+        "intervention/image": "^2.7",
         "laravel/framework": "^10.10",
         "laravel/sanctum": "^3.2",
-        "laravel/tinker": "^2.8"
+        "laravel/tinker": "^2.8",
+        "laravolt/indonesia": "^0.34.0",
+        "nesbot/carbon": "^2.69",
+        "pusher/pusher-php-server": "^7.2",
+        "ramsey/uuid": "^4.7",
+        "thiagoalessio/tesseract_ocr": "^2.12",
+        "tymon/jwt-auth": "^2.0"
     },
     "require-dev": {
         "fakerphp/faker": "^1.9.1",
diff --git a/composer.lock b/composer.lock
index 62b62d53..4e636379 100644
--- a/composer.lock
+++ b/composer.lock
@@ -4,7 +4,7 @@
         "Read more about it at https://getcomposer.org/doc/01-basic-usage.md#installing-dependencies",
         "This file is @generated automatically"
     ],
-    "content-hash": "aa322c53454393ed775cfe4807d54a50",
+    "content-hash": "eb6424bf82942b6b939788b88ee6586b",
     "packages": [
         {
             "name": "brick/math",
@@ -567,22 +567,22 @@
         },
         {
             "name": "guzzlehttp/guzzle",
-            "version": "7.7.0",
+            "version": "7.8.0",
             "source": {
                 "type": "git",
                 "url": "https://github.com/guzzle/guzzle.git",
-                "reference": "fb7566caccf22d74d1ab270de3551f72a58399f5"
+                "reference": "1110f66a6530a40fe7aea0378fe608ee2b2248f9"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/guzzle/guzzle/zipball/fb7566caccf22d74d1ab270de3551f72a58399f5",
-                "reference": "fb7566caccf22d74d1ab270de3551f72a58399f5",
+                "url": "https://api.github.com/repos/guzzle/guzzle/zipball/1110f66a6530a40fe7aea0378fe608ee2b2248f9",
+                "reference": "1110f66a6530a40fe7aea0378fe608ee2b2248f9",
                 "shasum": ""
             },
             "require": {
                 "ext-json": "*",
-                "guzzlehttp/promises": "^1.5.3 || ^2.0",
-                "guzzlehttp/psr7": "^1.9.1 || ^2.4.5",
+                "guzzlehttp/promises": "^1.5.3 || ^2.0.1",
+                "guzzlehttp/psr7": "^1.9.1 || ^2.5.1",
                 "php": "^7.2.5 || ^8.0",
                 "psr/http-client": "^1.0",
                 "symfony/deprecation-contracts": "^2.2 || ^3.0"
@@ -673,7 +673,7 @@
             ],
             "support": {
                 "issues": "https://github.com/guzzle/guzzle/issues",
-                "source": "https://github.com/guzzle/guzzle/tree/7.7.0"
+                "source": "https://github.com/guzzle/guzzle/tree/7.8.0"
             },
             "funding": [
                 {
@@ -689,7 +689,7 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2023-05-21T14:04:53+00:00"
+            "time": "2023-08-27T10:20:53+00:00"
         },
         {
             "name": "guzzlehttp/promises",
@@ -776,16 +776,16 @@
         },
         {
             "name": "guzzlehttp/psr7",
-            "version": "2.6.0",
+            "version": "2.6.1",
             "source": {
                 "type": "git",
                 "url": "https://github.com/guzzle/psr7.git",
-                "reference": "8bd7c33a0734ae1c5d074360512beb716bef3f77"
+                "reference": "be45764272e8873c72dbe3d2edcfdfcc3bc9f727"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/guzzle/psr7/zipball/8bd7c33a0734ae1c5d074360512beb716bef3f77",
-                "reference": "8bd7c33a0734ae1c5d074360512beb716bef3f77",
+                "url": "https://api.github.com/repos/guzzle/psr7/zipball/be45764272e8873c72dbe3d2edcfdfcc3bc9f727",
+                "reference": "be45764272e8873c72dbe3d2edcfdfcc3bc9f727",
                 "shasum": ""
             },
             "require": {
@@ -872,7 +872,7 @@
             ],
             "support": {
                 "issues": "https://github.com/guzzle/psr7/issues",
-                "source": "https://github.com/guzzle/psr7/tree/2.6.0"
+                "source": "https://github.com/guzzle/psr7/tree/2.6.1"
             },
             "funding": [
                 {
@@ -888,20 +888,20 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2023-08-03T15:06:02+00:00"
+            "time": "2023-08-27T10:13:57+00:00"
         },
         {
             "name": "guzzlehttp/uri-template",
-            "version": "v1.0.1",
+            "version": "v1.0.2",
             "source": {
                 "type": "git",
                 "url": "https://github.com/guzzle/uri-template.git",
-                "reference": "b945d74a55a25a949158444f09ec0d3c120d69e2"
+                "reference": "61bf437fc2197f587f6857d3ff903a24f1731b5d"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/guzzle/uri-template/zipball/b945d74a55a25a949158444f09ec0d3c120d69e2",
-                "reference": "b945d74a55a25a949158444f09ec0d3c120d69e2",
+                "url": "https://api.github.com/repos/guzzle/uri-template/zipball/61bf437fc2197f587f6857d3ff903a24f1731b5d",
+                "reference": "61bf437fc2197f587f6857d3ff903a24f1731b5d",
                 "shasum": ""
             },
             "require": {
@@ -909,15 +909,11 @@
                 "symfony/polyfill-php80": "^1.17"
             },
             "require-dev": {
+                "bamarni/composer-bin-plugin": "^1.8.1",
                 "phpunit/phpunit": "^8.5.19 || ^9.5.8",
                 "uri-template/tests": "1.0.0"
             },
             "type": "library",
-            "extra": {
-                "branch-alias": {
-                    "dev-master": "1.0-dev"
-                }
-            },
             "autoload": {
                 "psr-4": {
                     "GuzzleHttp\\UriTemplate\\": "src"
@@ -956,7 +952,7 @@
             ],
             "support": {
                 "issues": "https://github.com/guzzle/uri-template/issues",
-                "source": "https://github.com/guzzle/uri-template/tree/v1.0.1"
+                "source": "https://github.com/guzzle/uri-template/tree/v1.0.2"
             },
             "funding": [
                 {
@@ -972,20 +968,104 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2021-10-07T12:57:01+00:00"
+            "time": "2023-08-27T10:19:19+00:00"
         },
         {
-            "name": "laravel/framework",
-            "version": "v10.19.0",
+            "name": "intervention/image",
+            "version": "2.7.2",
             "source": {
                 "type": "git",
-                "url": "https://github.com/laravel/framework.git",
-                "reference": "b8557e4a708a1bd2bc8229bd53feecfa2ac1c6fb"
+                "url": "https://github.com/Intervention/image.git",
+                "reference": "04be355f8d6734c826045d02a1079ad658322dad"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/laravel/framework/zipball/b8557e4a708a1bd2bc8229bd53feecfa2ac1c6fb",
-                "reference": "b8557e4a708a1bd2bc8229bd53feecfa2ac1c6fb",
+                "url": "https://api.github.com/repos/Intervention/image/zipball/04be355f8d6734c826045d02a1079ad658322dad",
+                "reference": "04be355f8d6734c826045d02a1079ad658322dad",
+                "shasum": ""
+            },
+            "require": {
+                "ext-fileinfo": "*",
+                "guzzlehttp/psr7": "~1.1 || ^2.0",
+                "php": ">=5.4.0"
+            },
+            "require-dev": {
+                "mockery/mockery": "~0.9.2",
+                "phpunit/phpunit": "^4.8 || ^5.7 || ^7.5.15"
+            },
+            "suggest": {
+                "ext-gd": "to use GD library based image processing.",
+                "ext-imagick": "to use Imagick based image processing.",
+                "intervention/imagecache": "Caching extension for the Intervention Image library"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-master": "2.4-dev"
+                },
+                "laravel": {
+                    "providers": [
+                        "Intervention\\Image\\ImageServiceProvider"
+                    ],
+                    "aliases": {
+                        "Image": "Intervention\\Image\\Facades\\Image"
+                    }
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "Intervention\\Image\\": "src/Intervention/Image"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Oliver Vogel",
+                    "email": "oliver@intervention.io",
+                    "homepage": "https://intervention.io/"
+                }
+            ],
+            "description": "Image handling and manipulation library with support for Laravel integration",
+            "homepage": "http://image.intervention.io/",
+            "keywords": [
+                "gd",
+                "image",
+                "imagick",
+                "laravel",
+                "thumbnail",
+                "watermark"
+            ],
+            "support": {
+                "issues": "https://github.com/Intervention/image/issues",
+                "source": "https://github.com/Intervention/image/tree/2.7.2"
+            },
+            "funding": [
+                {
+                    "url": "https://paypal.me/interventionio",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/Intervention",
+                    "type": "github"
+                }
+            ],
+            "time": "2022-05-21T17:30:32+00:00"
+        },
+        {
+            "name": "laravel/framework",
+            "version": "v10.22.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/laravel/framework.git",
+                "reference": "9234388a895206d4e1df37342b61adc67e5c5d31"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/laravel/framework/zipball/9234388a895206d4e1df37342b61adc67e5c5d31",
+                "reference": "9234388a895206d4e1df37342b61adc67e5c5d31",
                 "shasum": ""
             },
             "require": {
@@ -1172,20 +1252,20 @@
                 "issues": "https://github.com/laravel/framework/issues",
                 "source": "https://github.com/laravel/framework"
             },
-            "time": "2023-08-15T13:42:57+00:00"
+            "time": "2023-09-05T13:20:01+00:00"
         },
         {
             "name": "laravel/prompts",
-            "version": "v0.1.5",
+            "version": "v0.1.6",
             "source": {
                 "type": "git",
                 "url": "https://github.com/laravel/prompts.git",
-                "reference": "d880a909df144a4bf5760ebd09aba114f79d9adc"
+                "reference": "b514c5620e1b3b61221b0024dc88def26d9654f4"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/laravel/prompts/zipball/d880a909df144a4bf5760ebd09aba114f79d9adc",
-                "reference": "d880a909df144a4bf5760ebd09aba114f79d9adc",
+                "url": "https://api.github.com/repos/laravel/prompts/zipball/b514c5620e1b3b61221b0024dc88def26d9654f4",
+                "reference": "b514c5620e1b3b61221b0024dc88def26d9654f4",
                 "shasum": ""
             },
             "require": {
@@ -1218,22 +1298,22 @@
             ],
             "support": {
                 "issues": "https://github.com/laravel/prompts/issues",
-                "source": "https://github.com/laravel/prompts/tree/v0.1.5"
+                "source": "https://github.com/laravel/prompts/tree/v0.1.6"
             },
-            "time": "2023-08-15T14:29:44+00:00"
+            "time": "2023-08-18T13:32:23+00:00"
         },
         {
             "name": "laravel/sanctum",
-            "version": "v3.2.5",
+            "version": "v3.3.0",
             "source": {
                 "type": "git",
                 "url": "https://github.com/laravel/sanctum.git",
-                "reference": "8ebda85d59d3c414863a7f4d816ef8302faad876"
+                "reference": "95a0181900019e2d79acbd3e2ee7d57e3d0a086b"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/laravel/sanctum/zipball/8ebda85d59d3c414863a7f4d816ef8302faad876",
-                "reference": "8ebda85d59d3c414863a7f4d816ef8302faad876",
+                "url": "https://api.github.com/repos/laravel/sanctum/zipball/95a0181900019e2d79acbd3e2ee7d57e3d0a086b",
+                "reference": "95a0181900019e2d79acbd3e2ee7d57e3d0a086b",
                 "shasum": ""
             },
             "require": {
@@ -1246,9 +1326,9 @@
             },
             "require-dev": {
                 "mockery/mockery": "^1.0",
-                "orchestra/testbench": "^7.0|^8.0",
+                "orchestra/testbench": "^7.28.2|^8.8.3",
                 "phpstan/phpstan": "^1.10",
-                "phpunit/phpunit": "^9.3"
+                "phpunit/phpunit": "^9.6"
             },
             "type": "library",
             "extra": {
@@ -1286,7 +1366,7 @@
                 "issues": "https://github.com/laravel/sanctum/issues",
                 "source": "https://github.com/laravel/sanctum"
             },
-            "time": "2023-05-01T19:39:51+00:00"
+            "time": "2023-09-04T14:26:54+00:00"
         },
         {
             "name": "laravel/serializable-closure",
@@ -1350,16 +1430,16 @@
         },
         {
             "name": "laravel/tinker",
-            "version": "v2.8.1",
+            "version": "v2.8.2",
             "source": {
                 "type": "git",
                 "url": "https://github.com/laravel/tinker.git",
-                "reference": "04a2d3bd0d650c0764f70bf49d1ee39393e4eb10"
+                "reference": "b936d415b252b499e8c3b1f795cd4fc20f57e1f3"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/laravel/tinker/zipball/04a2d3bd0d650c0764f70bf49d1ee39393e4eb10",
-                "reference": "04a2d3bd0d650c0764f70bf49d1ee39393e4eb10",
+                "url": "https://api.github.com/repos/laravel/tinker/zipball/b936d415b252b499e8c3b1f795cd4fc20f57e1f3",
+                "reference": "b936d415b252b499e8c3b1f795cd4fc20f57e1f3",
                 "shasum": ""
             },
             "require": {
@@ -1372,6 +1452,7 @@
             },
             "require-dev": {
                 "mockery/mockery": "~1.3.3|^1.4.2",
+                "phpstan/phpstan": "^1.10",
                 "phpunit/phpunit": "^8.5.8|^9.3.3"
             },
             "suggest": {
@@ -1412,22 +1493,244 @@
             ],
             "support": {
                 "issues": "https://github.com/laravel/tinker/issues",
-                "source": "https://github.com/laravel/tinker/tree/v2.8.1"
+                "source": "https://github.com/laravel/tinker/tree/v2.8.2"
             },
-            "time": "2023-02-15T16:40:09+00:00"
+            "time": "2023-08-15T14:27:00+00:00"
         },
         {
-            "name": "league/commonmark",
-            "version": "2.4.0",
+            "name": "laravolt/indonesia",
+            "version": "v0.34",
             "source": {
                 "type": "git",
-                "url": "https://github.com/thephpleague/commonmark.git",
-                "reference": "d44a24690f16b8c1808bf13b1bd54ae4c63ea048"
+                "url": "https://github.com/laravolt/indonesia.git",
+                "reference": "dfb584207f277e38c7706412d7414c8753dc78d5"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/thephpleague/commonmark/zipball/d44a24690f16b8c1808bf13b1bd54ae4c63ea048",
-                "reference": "d44a24690f16b8c1808bf13b1bd54ae4c63ea048",
+                "url": "https://api.github.com/repos/laravolt/indonesia/zipball/dfb584207f277e38c7706412d7414c8753dc78d5",
+                "reference": "dfb584207f277e38c7706412d7414c8753dc78d5",
+                "shasum": ""
+            },
+            "require": {
+                "illuminate/support": "^8.0|^9.0|^10.0",
+                "php": "^7.3|^8.0"
+            },
+            "require-dev": {
+                "orchestra/testbench": "^6.0|^7.0|^8.0",
+                "php-coveralls/php-coveralls": "^2.1",
+                "phpunit/phpunit": "^9.0"
+            },
+            "suggest": {
+                "laravolt/suitable": "Required if you want to access editor panel",
+                "spatie/geocoder": "Synchronize latitude longitude data directly using Google's Geocoding Service"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-master": "1.0-dev"
+                },
+                "laravel": {
+                    "providers": [
+                        "Laravolt\\Indonesia\\ServiceProvider"
+                    ],
+                    "aliases": {
+                        "Indonesia": "Laravolt\\Indonesia\\Facade"
+                    }
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "Laravolt\\Indonesia\\": "src/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Bayu Hendra Winata",
+                    "email": "bayu.hendra@javan.co.id"
+                },
+                {
+                    "name": "Akbar Adhatama",
+                    "email": "am.adhatama@gmail.com"
+                },
+                {
+                    "name": "Deri Ramdani",
+                    "email": "deri.ramdani1@gmail.com"
+                }
+            ],
+            "description": "Package Laravel yang berisi data Provinsi, Kabupaten/Kota, Kecamatan, dan Keluarahan/Desa di seluruh Indonesia.",
+            "keywords": [
+                "desa",
+                "indonesia",
+                "kabupaten",
+                "kecamatan",
+                "kelurahan",
+                "kota",
+                "laravel",
+                "laravolt",
+                "provinsi"
+            ],
+            "support": {
+                "issues": "https://github.com/laravolt/indonesia/issues",
+                "source": "https://github.com/laravolt/indonesia/tree/v0.34"
+            },
+            "time": "2023-03-05T15:16:54+00:00"
+        },
+        {
+            "name": "lcobucci/clock",
+            "version": "2.3.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/lcobucci/clock.git",
+                "reference": "c7aadcd6fd97ed9e199114269c0be3f335e38876"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/lcobucci/clock/zipball/c7aadcd6fd97ed9e199114269c0be3f335e38876",
+                "reference": "c7aadcd6fd97ed9e199114269c0be3f335e38876",
+                "shasum": ""
+            },
+            "require": {
+                "php": "~8.1.0 || ~8.2.0",
+                "stella-maris/clock": "^0.1.7"
+            },
+            "provide": {
+                "psr/clock-implementation": "1.0"
+            },
+            "require-dev": {
+                "infection/infection": "^0.26",
+                "lcobucci/coding-standard": "^9.0",
+                "phpstan/extension-installer": "^1.2",
+                "phpstan/phpstan": "^1.9.4",
+                "phpstan/phpstan-deprecation-rules": "^1.1.1",
+                "phpstan/phpstan-phpunit": "^1.3.2",
+                "phpstan/phpstan-strict-rules": "^1.4.4",
+                "phpunit/phpunit": "^9.5.27"
+            },
+            "type": "library",
+            "autoload": {
+                "psr-4": {
+                    "Lcobucci\\Clock\\": "src"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Luís Cobucci",
+                    "email": "lcobucci@gmail.com"
+                }
+            ],
+            "description": "Yet another clock abstraction",
+            "support": {
+                "issues": "https://github.com/lcobucci/clock/issues",
+                "source": "https://github.com/lcobucci/clock/tree/2.3.0"
+            },
+            "funding": [
+                {
+                    "url": "https://github.com/lcobucci",
+                    "type": "github"
+                },
+                {
+                    "url": "https://www.patreon.com/lcobucci",
+                    "type": "patreon"
+                }
+            ],
+            "time": "2022-12-19T14:38:11+00:00"
+        },
+        {
+            "name": "lcobucci/jwt",
+            "version": "4.0.4",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/lcobucci/jwt.git",
+                "reference": "55564265fddf810504110bd68ca311932324b0e9"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/lcobucci/jwt/zipball/55564265fddf810504110bd68ca311932324b0e9",
+                "reference": "55564265fddf810504110bd68ca311932324b0e9",
+                "shasum": ""
+            },
+            "require": {
+                "ext-mbstring": "*",
+                "ext-openssl": "*",
+                "lcobucci/clock": "^2.0",
+                "php": "^7.4 || ^8.0"
+            },
+            "require-dev": {
+                "infection/infection": "^0.20",
+                "lcobucci/coding-standard": "^6.0",
+                "mikey179/vfsstream": "^1.6",
+                "phpbench/phpbench": "^0.17",
+                "phpstan/extension-installer": "^1.0",
+                "phpstan/phpstan": "^0.12",
+                "phpstan/phpstan-deprecation-rules": "^0.12",
+                "phpstan/phpstan-phpunit": "^0.12",
+                "phpstan/phpstan-strict-rules": "^0.12",
+                "phpunit/php-invoker": "^3.1",
+                "phpunit/phpunit": "^9.4"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-master": "4.0-dev"
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "Lcobucci\\JWT\\": "src"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "BSD-3-Clause"
+            ],
+            "authors": [
+                {
+                    "name": "Luís Cobucci",
+                    "email": "lcobucci@gmail.com",
+                    "role": "Developer"
+                }
+            ],
+            "description": "A simple library to work with JSON Web Token and JSON Web Signature",
+            "keywords": [
+                "JWS",
+                "jwt"
+            ],
+            "support": {
+                "issues": "https://github.com/lcobucci/jwt/issues",
+                "source": "https://github.com/lcobucci/jwt/tree/4.0.4"
+            },
+            "funding": [
+                {
+                    "url": "https://github.com/lcobucci",
+                    "type": "github"
+                },
+                {
+                    "url": "https://www.patreon.com/lcobucci",
+                    "type": "patreon"
+                }
+            ],
+            "time": "2021-09-28T19:18:28+00:00"
+        },
+        {
+            "name": "league/commonmark",
+            "version": "2.4.1",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/thephpleague/commonmark.git",
+                "reference": "3669d6d5f7a47a93c08ddff335e6d945481a1dd5"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/thephpleague/commonmark/zipball/3669d6d5f7a47a93c08ddff335e6d945481a1dd5",
+                "reference": "3669d6d5f7a47a93c08ddff335e6d945481a1dd5",
                 "shasum": ""
             },
             "require": {
@@ -1520,7 +1823,7 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2023-03-24T15:16:10+00:00"
+            "time": "2023-08-30T16:55:00+00:00"
         },
         {
             "name": "league/config",
@@ -1606,16 +1909,16 @@
         },
         {
             "name": "league/flysystem",
-            "version": "3.15.1",
+            "version": "3.16.0",
             "source": {
                 "type": "git",
                 "url": "https://github.com/thephpleague/flysystem.git",
-                "reference": "a141d430414fcb8bf797a18716b09f759a385bed"
+                "reference": "4fdf372ca6b63c6e281b1c01a624349ccb757729"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/thephpleague/flysystem/zipball/a141d430414fcb8bf797a18716b09f759a385bed",
-                "reference": "a141d430414fcb8bf797a18716b09f759a385bed",
+                "url": "https://api.github.com/repos/thephpleague/flysystem/zipball/4fdf372ca6b63c6e281b1c01a624349ccb757729",
+                "reference": "4fdf372ca6b63c6e281b1c01a624349ccb757729",
                 "shasum": ""
             },
             "require": {
@@ -1624,6 +1927,8 @@
                 "php": "^8.0.2"
             },
             "conflict": {
+                "async-aws/core": "<1.19.0",
+                "async-aws/s3": "<1.14.0",
                 "aws/aws-sdk-php": "3.209.31 || 3.210.0",
                 "guzzlehttp/guzzle": "<7.0",
                 "guzzlehttp/ringphp": "<1.1.1",
@@ -1643,7 +1948,7 @@
                 "microsoft/azure-storage-blob": "^1.1",
                 "phpseclib/phpseclib": "^3.0.14",
                 "phpstan/phpstan": "^0.12.26",
-                "phpunit/phpunit": "^9.5.11",
+                "phpunit/phpunit": "^9.5.11|^10.0",
                 "sabre/dav": "^4.3.1"
             },
             "type": "library",
@@ -1678,7 +1983,7 @@
             ],
             "support": {
                 "issues": "https://github.com/thephpleague/flysystem/issues",
-                "source": "https://github.com/thephpleague/flysystem/tree/3.15.1"
+                "source": "https://github.com/thephpleague/flysystem/tree/3.16.0"
             },
             "funding": [
                 {
@@ -1690,20 +1995,20 @@
                     "type": "github"
                 }
             ],
-            "time": "2023-05-04T09:04:26+00:00"
+            "time": "2023-09-07T19:22:17+00:00"
         },
         {
             "name": "league/flysystem-local",
-            "version": "3.15.0",
+            "version": "3.16.0",
             "source": {
                 "type": "git",
                 "url": "https://github.com/thephpleague/flysystem-local.git",
-                "reference": "543f64c397fefdf9cfeac443ffb6beff602796b3"
+                "reference": "ec7383f25642e6fd4bb0c9554fc2311245391781"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/thephpleague/flysystem-local/zipball/543f64c397fefdf9cfeac443ffb6beff602796b3",
-                "reference": "543f64c397fefdf9cfeac443ffb6beff602796b3",
+                "url": "https://api.github.com/repos/thephpleague/flysystem-local/zipball/ec7383f25642e6fd4bb0c9554fc2311245391781",
+                "reference": "ec7383f25642e6fd4bb0c9554fc2311245391781",
                 "shasum": ""
             },
             "require": {
@@ -1738,7 +2043,7 @@
             ],
             "support": {
                 "issues": "https://github.com/thephpleague/flysystem-local/issues",
-                "source": "https://github.com/thephpleague/flysystem-local/tree/3.15.0"
+                "source": "https://github.com/thephpleague/flysystem-local/tree/3.16.0"
             },
             "funding": [
                 {
@@ -1750,7 +2055,7 @@
                     "type": "github"
                 }
             ],
-            "time": "2023-05-02T20:02:14+00:00"
+            "time": "2023-08-30T10:23:59+00:00"
         },
         {
             "name": "league/mime-type-detection",
@@ -1911,25 +2216,29 @@
         },
         {
             "name": "nesbot/carbon",
-            "version": "2.68.1",
+            "version": "2.70.0",
             "source": {
                 "type": "git",
                 "url": "https://github.com/briannesbitt/Carbon.git",
-                "reference": "4f991ed2a403c85efbc4f23eb4030063fdbe01da"
+                "reference": "d3298b38ea8612e5f77d38d1a99438e42f70341d"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/briannesbitt/Carbon/zipball/4f991ed2a403c85efbc4f23eb4030063fdbe01da",
-                "reference": "4f991ed2a403c85efbc4f23eb4030063fdbe01da",
+                "url": "https://api.github.com/repos/briannesbitt/Carbon/zipball/d3298b38ea8612e5f77d38d1a99438e42f70341d",
+                "reference": "d3298b38ea8612e5f77d38d1a99438e42f70341d",
                 "shasum": ""
             },
             "require": {
                 "ext-json": "*",
                 "php": "^7.1.8 || ^8.0",
+                "psr/clock": "^1.0",
                 "symfony/polyfill-mbstring": "^1.0",
                 "symfony/polyfill-php80": "^1.16",
                 "symfony/translation": "^3.4 || ^4.0 || ^5.0 || ^6.0"
             },
+            "provide": {
+                "psr/clock-implementation": "1.0"
+            },
             "require-dev": {
                 "doctrine/dbal": "^2.0 || ^3.1.4",
                 "doctrine/orm": "^2.7",
@@ -2009,7 +2318,7 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2023-06-20T18:29:04+00:00"
+            "time": "2023-09-07T16:43:50+00:00"
         },
         {
             "name": "nette/schema",
@@ -2302,6 +2611,142 @@
             ],
             "time": "2023-02-08T01:06:31+00:00"
         },
+        {
+            "name": "paragonie/random_compat",
+            "version": "v9.99.100",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/paragonie/random_compat.git",
+                "reference": "996434e5492cb4c3edcb9168db6fbb1359ef965a"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/paragonie/random_compat/zipball/996434e5492cb4c3edcb9168db6fbb1359ef965a",
+                "reference": "996434e5492cb4c3edcb9168db6fbb1359ef965a",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">= 7"
+            },
+            "require-dev": {
+                "phpunit/phpunit": "4.*|5.*",
+                "vimeo/psalm": "^1"
+            },
+            "suggest": {
+                "ext-libsodium": "Provides a modern crypto API that can be used to generate random bytes."
+            },
+            "type": "library",
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Paragon Initiative Enterprises",
+                    "email": "security@paragonie.com",
+                    "homepage": "https://paragonie.com"
+                }
+            ],
+            "description": "PHP 5.x polyfill for random_bytes() and random_int() from PHP 7",
+            "keywords": [
+                "csprng",
+                "polyfill",
+                "pseudorandom",
+                "random"
+            ],
+            "support": {
+                "email": "info@paragonie.com",
+                "issues": "https://github.com/paragonie/random_compat/issues",
+                "source": "https://github.com/paragonie/random_compat"
+            },
+            "time": "2020-10-15T08:29:30+00:00"
+        },
+        {
+            "name": "paragonie/sodium_compat",
+            "version": "v1.20.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/paragonie/sodium_compat.git",
+                "reference": "e592a3e06d1fa0d43988c7c7d9948ca836f644b6"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/paragonie/sodium_compat/zipball/e592a3e06d1fa0d43988c7c7d9948ca836f644b6",
+                "reference": "e592a3e06d1fa0d43988c7c7d9948ca836f644b6",
+                "shasum": ""
+            },
+            "require": {
+                "paragonie/random_compat": ">=1",
+                "php": "^5.2.4|^5.3|^5.4|^5.5|^5.6|^7|^8"
+            },
+            "require-dev": {
+                "phpunit/phpunit": "^3|^4|^5|^6|^7|^8|^9"
+            },
+            "suggest": {
+                "ext-libsodium": "PHP < 7.0: Better performance, password hashing (Argon2i), secure memory management (memzero), and better security.",
+                "ext-sodium": "PHP >= 7.0: Better performance, password hashing (Argon2i), secure memory management (memzero), and better security."
+            },
+            "type": "library",
+            "autoload": {
+                "files": [
+                    "autoload.php"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "ISC"
+            ],
+            "authors": [
+                {
+                    "name": "Paragon Initiative Enterprises",
+                    "email": "security@paragonie.com"
+                },
+                {
+                    "name": "Frank Denis",
+                    "email": "jedisct1@pureftpd.org"
+                }
+            ],
+            "description": "Pure PHP implementation of libsodium; uses the PHP extension if it exists",
+            "keywords": [
+                "Authentication",
+                "BLAKE2b",
+                "ChaCha20",
+                "ChaCha20-Poly1305",
+                "Chapoly",
+                "Curve25519",
+                "Ed25519",
+                "EdDSA",
+                "Edwards-curve Digital Signature Algorithm",
+                "Elliptic Curve Diffie-Hellman",
+                "Poly1305",
+                "Pure-PHP cryptography",
+                "RFC 7748",
+                "RFC 8032",
+                "Salpoly",
+                "Salsa20",
+                "X25519",
+                "XChaCha20-Poly1305",
+                "XSalsa20-Poly1305",
+                "Xchacha20",
+                "Xsalsa20",
+                "aead",
+                "cryptography",
+                "ecdh",
+                "elliptic curve",
+                "elliptic curve cryptography",
+                "encryption",
+                "libsodium",
+                "php",
+                "public-key cryptography",
+                "secret-key cryptography",
+                "side-channel resistant"
+            ],
+            "support": {
+                "issues": "https://github.com/paragonie/sodium_compat/issues",
+                "source": "https://github.com/paragonie/sodium_compat/tree/v1.20.0"
+            },
+            "time": "2023-04-30T00:54:53+00:00"
+        },
         {
             "name": "phpoption/phpoption",
             "version": "1.9.1",
@@ -2377,6 +2822,54 @@
             ],
             "time": "2023-02-25T19:38:58+00:00"
         },
+        {
+            "name": "psr/clock",
+            "version": "1.0.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/php-fig/clock.git",
+                "reference": "e41a24703d4560fd0acb709162f73b8adfc3aa0d"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/php-fig/clock/zipball/e41a24703d4560fd0acb709162f73b8adfc3aa0d",
+                "reference": "e41a24703d4560fd0acb709162f73b8adfc3aa0d",
+                "shasum": ""
+            },
+            "require": {
+                "php": "^7.0 || ^8.0"
+            },
+            "type": "library",
+            "autoload": {
+                "psr-4": {
+                    "Psr\\Clock\\": "src/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "PHP-FIG",
+                    "homepage": "https://www.php-fig.org/"
+                }
+            ],
+            "description": "Common interface for reading the clock.",
+            "homepage": "https://github.com/php-fig/clock",
+            "keywords": [
+                "clock",
+                "now",
+                "psr",
+                "psr-20",
+                "time"
+            ],
+            "support": {
+                "issues": "https://github.com/php-fig/clock/issues",
+                "source": "https://github.com/php-fig/clock/tree/1.0.0"
+            },
+            "time": "2022-11-25T14:36:26+00:00"
+        },
         {
             "name": "psr/container",
             "version": "2.0.2",
@@ -2817,6 +3310,67 @@
             },
             "time": "2023-07-31T14:32:22+00:00"
         },
+        {
+            "name": "pusher/pusher-php-server",
+            "version": "7.2.3",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/pusher/pusher-http-php.git",
+                "reference": "416e68dd5f640175ad5982131c42a7a666d1d8e9"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/pusher/pusher-http-php/zipball/416e68dd5f640175ad5982131c42a7a666d1d8e9",
+                "reference": "416e68dd5f640175ad5982131c42a7a666d1d8e9",
+                "shasum": ""
+            },
+            "require": {
+                "ext-curl": "*",
+                "ext-json": "*",
+                "guzzlehttp/guzzle": "^7.2",
+                "paragonie/sodium_compat": "^1.6",
+                "php": "^7.3|^8.0",
+                "psr/log": "^1.0|^2.0|^3.0"
+            },
+            "require-dev": {
+                "overtrue/phplint": "^2.3",
+                "phpunit/phpunit": "^9.3"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-master": "5.0-dev"
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "Pusher\\": "src/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "description": "Library for interacting with the Pusher REST API",
+            "keywords": [
+                "events",
+                "messaging",
+                "php-pusher-server",
+                "publish",
+                "push",
+                "pusher",
+                "real time",
+                "real-time",
+                "realtime",
+                "rest",
+                "trigger"
+            ],
+            "support": {
+                "issues": "https://github.com/pusher/pusher-http-php/issues",
+                "source": "https://github.com/pusher/pusher-http-php/tree/7.2.3"
+            },
+            "time": "2023-05-17T16:00:06+00:00"
+        },
         {
             "name": "ralouphie/getallheaders",
             "version": "3.0.3",
@@ -3043,17 +3597,64 @@
             "time": "2023-04-15T23:01:58+00:00"
         },
         {
-            "name": "symfony/console",
-            "version": "v6.3.2",
+            "name": "stella-maris/clock",
+            "version": "0.1.7",
             "source": {
                 "type": "git",
-                "url": "https://github.com/symfony/console.git",
-                "reference": "aa5d64ad3f63f2e48964fc81ee45cb318a723898"
+                "url": "https://github.com/stella-maris-solutions/clock.git",
+                "reference": "fa23ce16019289a18bb3446fdecd45befcdd94f8"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/console/zipball/aa5d64ad3f63f2e48964fc81ee45cb318a723898",
-                "reference": "aa5d64ad3f63f2e48964fc81ee45cb318a723898",
+                "url": "https://api.github.com/repos/stella-maris-solutions/clock/zipball/fa23ce16019289a18bb3446fdecd45befcdd94f8",
+                "reference": "fa23ce16019289a18bb3446fdecd45befcdd94f8",
+                "shasum": ""
+            },
+            "require": {
+                "php": "^7.0|^8.0",
+                "psr/clock": "^1.0"
+            },
+            "type": "library",
+            "autoload": {
+                "psr-4": {
+                    "StellaMaris\\Clock\\": "src"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Andreas Heigl",
+                    "role": "Maintainer"
+                }
+            ],
+            "description": "A pre-release of the proposed PSR-20 Clock-Interface",
+            "homepage": "https://gitlab.com/stella-maris/clock",
+            "keywords": [
+                "clock",
+                "datetime",
+                "point in time",
+                "psr20"
+            ],
+            "support": {
+                "source": "https://github.com/stella-maris-solutions/clock/tree/0.1.7"
+            },
+            "time": "2022-11-25T16:15:06+00:00"
+        },
+        {
+            "name": "symfony/console",
+            "version": "v6.3.4",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/symfony/console.git",
+                "reference": "eca495f2ee845130855ddf1cf18460c38966c8b6"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/symfony/console/zipball/eca495f2ee845130855ddf1cf18460c38966c8b6",
+                "reference": "eca495f2ee845130855ddf1cf18460c38966c8b6",
                 "shasum": ""
             },
             "require": {
@@ -3114,7 +3715,7 @@
                 "terminal"
             ],
             "support": {
-                "source": "https://github.com/symfony/console/tree/v6.3.2"
+                "source": "https://github.com/symfony/console/tree/v6.3.4"
             },
             "funding": [
                 {
@@ -3130,7 +3731,7 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2023-07-19T20:17:28+00:00"
+            "time": "2023-08-16T10:10:12+00:00"
         },
         {
             "name": "symfony/css-selector",
@@ -3560,16 +4161,16 @@
         },
         {
             "name": "symfony/http-foundation",
-            "version": "v6.3.2",
+            "version": "v6.3.4",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/http-foundation.git",
-                "reference": "43ed99d30f5f466ffa00bdac3f5f7aa9cd7617c3"
+                "reference": "cac1556fdfdf6719668181974104e6fcfa60e844"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/http-foundation/zipball/43ed99d30f5f466ffa00bdac3f5f7aa9cd7617c3",
-                "reference": "43ed99d30f5f466ffa00bdac3f5f7aa9cd7617c3",
+                "url": "https://api.github.com/repos/symfony/http-foundation/zipball/cac1556fdfdf6719668181974104e6fcfa60e844",
+                "reference": "cac1556fdfdf6719668181974104e6fcfa60e844",
                 "shasum": ""
             },
             "require": {
@@ -3617,7 +4218,7 @@
             "description": "Defines an object-oriented layer for the HTTP specification",
             "homepage": "https://symfony.com",
             "support": {
-                "source": "https://github.com/symfony/http-foundation/tree/v6.3.2"
+                "source": "https://github.com/symfony/http-foundation/tree/v6.3.4"
             },
             "funding": [
                 {
@@ -3633,20 +4234,20 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2023-07-23T21:58:39+00:00"
+            "time": "2023-08-22T08:20:46+00:00"
         },
         {
             "name": "symfony/http-kernel",
-            "version": "v6.3.3",
+            "version": "v6.3.4",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/http-kernel.git",
-                "reference": "d3b567f0addf695e10b0c6d57564a9bea2e058ee"
+                "reference": "36abb425b4af863ae1fe54d8a8b8b4c76a2bccdb"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/http-kernel/zipball/d3b567f0addf695e10b0c6d57564a9bea2e058ee",
-                "reference": "d3b567f0addf695e10b0c6d57564a9bea2e058ee",
+                "url": "https://api.github.com/repos/symfony/http-kernel/zipball/36abb425b4af863ae1fe54d8a8b8b4c76a2bccdb",
+                "reference": "36abb425b4af863ae1fe54d8a8b8b4c76a2bccdb",
                 "shasum": ""
             },
             "require": {
@@ -3655,7 +4256,7 @@
                 "symfony/deprecation-contracts": "^2.5|^3",
                 "symfony/error-handler": "^6.3",
                 "symfony/event-dispatcher": "^5.4|^6.0",
-                "symfony/http-foundation": "^6.2.7",
+                "symfony/http-foundation": "^6.3.4",
                 "symfony/polyfill-ctype": "^1.8"
             },
             "conflict": {
@@ -3663,7 +4264,7 @@
                 "symfony/cache": "<5.4",
                 "symfony/config": "<6.1",
                 "symfony/console": "<5.4",
-                "symfony/dependency-injection": "<6.3",
+                "symfony/dependency-injection": "<6.3.4",
                 "symfony/doctrine-bridge": "<5.4",
                 "symfony/form": "<5.4",
                 "symfony/http-client": "<5.4",
@@ -3687,7 +4288,7 @@
                 "symfony/config": "^6.1",
                 "symfony/console": "^5.4|^6.0",
                 "symfony/css-selector": "^5.4|^6.0",
-                "symfony/dependency-injection": "^6.3",
+                "symfony/dependency-injection": "^6.3.4",
                 "symfony/dom-crawler": "^5.4|^6.0",
                 "symfony/expression-language": "^5.4|^6.0",
                 "symfony/finder": "^5.4|^6.0",
@@ -3730,7 +4331,7 @@
             "description": "Provides a structured process for converting a Request into a Response",
             "homepage": "https://symfony.com",
             "support": {
-                "source": "https://github.com/symfony/http-kernel/tree/v6.3.3"
+                "source": "https://github.com/symfony/http-kernel/tree/v6.3.4"
             },
             "funding": [
                 {
@@ -3746,7 +4347,7 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2023-07-31T10:33:00+00:00"
+            "time": "2023-08-26T13:54:49+00:00"
         },
         {
             "name": "symfony/mailer",
@@ -3914,16 +4515,16 @@
         },
         {
             "name": "symfony/polyfill-ctype",
-            "version": "v1.27.0",
+            "version": "v1.28.0",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/polyfill-ctype.git",
-                "reference": "5bbc823adecdae860bb64756d639ecfec17b050a"
+                "reference": "ea208ce43cbb04af6867b4fdddb1bdbf84cc28cb"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/polyfill-ctype/zipball/5bbc823adecdae860bb64756d639ecfec17b050a",
-                "reference": "5bbc823adecdae860bb64756d639ecfec17b050a",
+                "url": "https://api.github.com/repos/symfony/polyfill-ctype/zipball/ea208ce43cbb04af6867b4fdddb1bdbf84cc28cb",
+                "reference": "ea208ce43cbb04af6867b4fdddb1bdbf84cc28cb",
                 "shasum": ""
             },
             "require": {
@@ -3938,7 +4539,7 @@
             "type": "library",
             "extra": {
                 "branch-alias": {
-                    "dev-main": "1.27-dev"
+                    "dev-main": "1.28-dev"
                 },
                 "thanks": {
                     "name": "symfony/polyfill",
@@ -3976,7 +4577,7 @@
                 "portable"
             ],
             "support": {
-                "source": "https://github.com/symfony/polyfill-ctype/tree/v1.27.0"
+                "source": "https://github.com/symfony/polyfill-ctype/tree/v1.28.0"
             },
             "funding": [
                 {
@@ -3992,20 +4593,20 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2022-11-03T14:55:06+00:00"
+            "time": "2023-01-26T09:26:14+00:00"
         },
         {
             "name": "symfony/polyfill-intl-grapheme",
-            "version": "v1.27.0",
+            "version": "v1.28.0",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/polyfill-intl-grapheme.git",
-                "reference": "511a08c03c1960e08a883f4cffcacd219b758354"
+                "reference": "875e90aeea2777b6f135677f618529449334a612"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/polyfill-intl-grapheme/zipball/511a08c03c1960e08a883f4cffcacd219b758354",
-                "reference": "511a08c03c1960e08a883f4cffcacd219b758354",
+                "url": "https://api.github.com/repos/symfony/polyfill-intl-grapheme/zipball/875e90aeea2777b6f135677f618529449334a612",
+                "reference": "875e90aeea2777b6f135677f618529449334a612",
                 "shasum": ""
             },
             "require": {
@@ -4017,7 +4618,7 @@
             "type": "library",
             "extra": {
                 "branch-alias": {
-                    "dev-main": "1.27-dev"
+                    "dev-main": "1.28-dev"
                 },
                 "thanks": {
                     "name": "symfony/polyfill",
@@ -4057,7 +4658,7 @@
                 "shim"
             ],
             "support": {
-                "source": "https://github.com/symfony/polyfill-intl-grapheme/tree/v1.27.0"
+                "source": "https://github.com/symfony/polyfill-intl-grapheme/tree/v1.28.0"
             },
             "funding": [
                 {
@@ -4073,20 +4674,20 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2022-11-03T14:55:06+00:00"
+            "time": "2023-01-26T09:26:14+00:00"
         },
         {
             "name": "symfony/polyfill-intl-idn",
-            "version": "v1.27.0",
+            "version": "v1.28.0",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/polyfill-intl-idn.git",
-                "reference": "639084e360537a19f9ee352433b84ce831f3d2da"
+                "reference": "ecaafce9f77234a6a449d29e49267ba10499116d"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/polyfill-intl-idn/zipball/639084e360537a19f9ee352433b84ce831f3d2da",
-                "reference": "639084e360537a19f9ee352433b84ce831f3d2da",
+                "url": "https://api.github.com/repos/symfony/polyfill-intl-idn/zipball/ecaafce9f77234a6a449d29e49267ba10499116d",
+                "reference": "ecaafce9f77234a6a449d29e49267ba10499116d",
                 "shasum": ""
             },
             "require": {
@@ -4100,7 +4701,7 @@
             "type": "library",
             "extra": {
                 "branch-alias": {
-                    "dev-main": "1.27-dev"
+                    "dev-main": "1.28-dev"
                 },
                 "thanks": {
                     "name": "symfony/polyfill",
@@ -4144,7 +4745,7 @@
                 "shim"
             ],
             "support": {
-                "source": "https://github.com/symfony/polyfill-intl-idn/tree/v1.27.0"
+                "source": "https://github.com/symfony/polyfill-intl-idn/tree/v1.28.0"
             },
             "funding": [
                 {
@@ -4160,20 +4761,20 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2022-11-03T14:55:06+00:00"
+            "time": "2023-01-26T09:30:37+00:00"
         },
         {
             "name": "symfony/polyfill-intl-normalizer",
-            "version": "v1.27.0",
+            "version": "v1.28.0",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/polyfill-intl-normalizer.git",
-                "reference": "19bd1e4fcd5b91116f14d8533c57831ed00571b6"
+                "reference": "8c4ad05dd0120b6a53c1ca374dca2ad0a1c4ed92"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/polyfill-intl-normalizer/zipball/19bd1e4fcd5b91116f14d8533c57831ed00571b6",
-                "reference": "19bd1e4fcd5b91116f14d8533c57831ed00571b6",
+                "url": "https://api.github.com/repos/symfony/polyfill-intl-normalizer/zipball/8c4ad05dd0120b6a53c1ca374dca2ad0a1c4ed92",
+                "reference": "8c4ad05dd0120b6a53c1ca374dca2ad0a1c4ed92",
                 "shasum": ""
             },
             "require": {
@@ -4185,7 +4786,7 @@
             "type": "library",
             "extra": {
                 "branch-alias": {
-                    "dev-main": "1.27-dev"
+                    "dev-main": "1.28-dev"
                 },
                 "thanks": {
                     "name": "symfony/polyfill",
@@ -4228,7 +4829,7 @@
                 "shim"
             ],
             "support": {
-                "source": "https://github.com/symfony/polyfill-intl-normalizer/tree/v1.27.0"
+                "source": "https://github.com/symfony/polyfill-intl-normalizer/tree/v1.28.0"
             },
             "funding": [
                 {
@@ -4244,20 +4845,20 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2022-11-03T14:55:06+00:00"
+            "time": "2023-01-26T09:26:14+00:00"
         },
         {
             "name": "symfony/polyfill-mbstring",
-            "version": "v1.27.0",
+            "version": "v1.28.0",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/polyfill-mbstring.git",
-                "reference": "8ad114f6b39e2c98a8b0e3bd907732c207c2b534"
+                "reference": "42292d99c55abe617799667f454222c54c60e229"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/polyfill-mbstring/zipball/8ad114f6b39e2c98a8b0e3bd907732c207c2b534",
-                "reference": "8ad114f6b39e2c98a8b0e3bd907732c207c2b534",
+                "url": "https://api.github.com/repos/symfony/polyfill-mbstring/zipball/42292d99c55abe617799667f454222c54c60e229",
+                "reference": "42292d99c55abe617799667f454222c54c60e229",
                 "shasum": ""
             },
             "require": {
@@ -4272,7 +4873,7 @@
             "type": "library",
             "extra": {
                 "branch-alias": {
-                    "dev-main": "1.27-dev"
+                    "dev-main": "1.28-dev"
                 },
                 "thanks": {
                     "name": "symfony/polyfill",
@@ -4311,7 +4912,7 @@
                 "shim"
             ],
             "support": {
-                "source": "https://github.com/symfony/polyfill-mbstring/tree/v1.27.0"
+                "source": "https://github.com/symfony/polyfill-mbstring/tree/v1.28.0"
             },
             "funding": [
                 {
@@ -4327,20 +4928,20 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2022-11-03T14:55:06+00:00"
+            "time": "2023-07-28T09:04:16+00:00"
         },
         {
             "name": "symfony/polyfill-php72",
-            "version": "v1.27.0",
+            "version": "v1.28.0",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/polyfill-php72.git",
-                "reference": "869329b1e9894268a8a61dabb69153029b7a8c97"
+                "reference": "70f4aebd92afca2f865444d30a4d2151c13c3179"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/polyfill-php72/zipball/869329b1e9894268a8a61dabb69153029b7a8c97",
-                "reference": "869329b1e9894268a8a61dabb69153029b7a8c97",
+                "url": "https://api.github.com/repos/symfony/polyfill-php72/zipball/70f4aebd92afca2f865444d30a4d2151c13c3179",
+                "reference": "70f4aebd92afca2f865444d30a4d2151c13c3179",
                 "shasum": ""
             },
             "require": {
@@ -4349,7 +4950,7 @@
             "type": "library",
             "extra": {
                 "branch-alias": {
-                    "dev-main": "1.27-dev"
+                    "dev-main": "1.28-dev"
                 },
                 "thanks": {
                     "name": "symfony/polyfill",
@@ -4387,7 +4988,7 @@
                 "shim"
             ],
             "support": {
-                "source": "https://github.com/symfony/polyfill-php72/tree/v1.27.0"
+                "source": "https://github.com/symfony/polyfill-php72/tree/v1.28.0"
             },
             "funding": [
                 {
@@ -4403,20 +5004,20 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2022-11-03T14:55:06+00:00"
+            "time": "2023-01-26T09:26:14+00:00"
         },
         {
             "name": "symfony/polyfill-php80",
-            "version": "v1.27.0",
+            "version": "v1.28.0",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/polyfill-php80.git",
-                "reference": "7a6ff3f1959bb01aefccb463a0f2cd3d3d2fd936"
+                "reference": "6caa57379c4aec19c0a12a38b59b26487dcfe4b5"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/polyfill-php80/zipball/7a6ff3f1959bb01aefccb463a0f2cd3d3d2fd936",
-                "reference": "7a6ff3f1959bb01aefccb463a0f2cd3d3d2fd936",
+                "url": "https://api.github.com/repos/symfony/polyfill-php80/zipball/6caa57379c4aec19c0a12a38b59b26487dcfe4b5",
+                "reference": "6caa57379c4aec19c0a12a38b59b26487dcfe4b5",
                 "shasum": ""
             },
             "require": {
@@ -4425,7 +5026,7 @@
             "type": "library",
             "extra": {
                 "branch-alias": {
-                    "dev-main": "1.27-dev"
+                    "dev-main": "1.28-dev"
                 },
                 "thanks": {
                     "name": "symfony/polyfill",
@@ -4470,7 +5071,7 @@
                 "shim"
             ],
             "support": {
-                "source": "https://github.com/symfony/polyfill-php80/tree/v1.27.0"
+                "source": "https://github.com/symfony/polyfill-php80/tree/v1.28.0"
             },
             "funding": [
                 {
@@ -4486,20 +5087,20 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2022-11-03T14:55:06+00:00"
+            "time": "2023-01-26T09:26:14+00:00"
         },
         {
             "name": "symfony/polyfill-php83",
-            "version": "v1.27.0",
+            "version": "v1.28.0",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/polyfill-php83.git",
-                "reference": "508c652ba3ccf69f8c97f251534f229791b52a57"
+                "reference": "b0f46ebbeeeda3e9d2faebdfbf4b4eae9b59fa11"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/polyfill-php83/zipball/508c652ba3ccf69f8c97f251534f229791b52a57",
-                "reference": "508c652ba3ccf69f8c97f251534f229791b52a57",
+                "url": "https://api.github.com/repos/symfony/polyfill-php83/zipball/b0f46ebbeeeda3e9d2faebdfbf4b4eae9b59fa11",
+                "reference": "b0f46ebbeeeda3e9d2faebdfbf4b4eae9b59fa11",
                 "shasum": ""
             },
             "require": {
@@ -4509,7 +5110,7 @@
             "type": "library",
             "extra": {
                 "branch-alias": {
-                    "dev-main": "1.27-dev"
+                    "dev-main": "1.28-dev"
                 },
                 "thanks": {
                     "name": "symfony/polyfill",
@@ -4522,7 +5123,10 @@
                 ],
                 "psr-4": {
                     "Symfony\\Polyfill\\Php83\\": ""
-                }
+                },
+                "classmap": [
+                    "Resources/stubs"
+                ]
             },
             "notification-url": "https://packagist.org/downloads/",
             "license": [
@@ -4547,7 +5151,7 @@
                 "shim"
             ],
             "support": {
-                "source": "https://github.com/symfony/polyfill-php83/tree/v1.27.0"
+                "source": "https://github.com/symfony/polyfill-php83/tree/v1.28.0"
             },
             "funding": [
                 {
@@ -4563,20 +5167,20 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2022-11-03T14:55:06+00:00"
+            "time": "2023-08-16T06:22:46+00:00"
         },
         {
             "name": "symfony/polyfill-uuid",
-            "version": "v1.27.0",
+            "version": "v1.28.0",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/polyfill-uuid.git",
-                "reference": "f3cf1a645c2734236ed1e2e671e273eeb3586166"
+                "reference": "9c44518a5aff8da565c8a55dbe85d2769e6f630e"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/polyfill-uuid/zipball/f3cf1a645c2734236ed1e2e671e273eeb3586166",
-                "reference": "f3cf1a645c2734236ed1e2e671e273eeb3586166",
+                "url": "https://api.github.com/repos/symfony/polyfill-uuid/zipball/9c44518a5aff8da565c8a55dbe85d2769e6f630e",
+                "reference": "9c44518a5aff8da565c8a55dbe85d2769e6f630e",
                 "shasum": ""
             },
             "require": {
@@ -4591,7 +5195,7 @@
             "type": "library",
             "extra": {
                 "branch-alias": {
-                    "dev-main": "1.27-dev"
+                    "dev-main": "1.28-dev"
                 },
                 "thanks": {
                     "name": "symfony/polyfill",
@@ -4629,7 +5233,7 @@
                 "uuid"
             ],
             "support": {
-                "source": "https://github.com/symfony/polyfill-uuid/tree/v1.27.0"
+                "source": "https://github.com/symfony/polyfill-uuid/tree/v1.28.0"
             },
             "funding": [
                 {
@@ -4645,20 +5249,20 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2022-11-03T14:55:06+00:00"
+            "time": "2023-01-26T09:26:14+00:00"
         },
         {
             "name": "symfony/process",
-            "version": "v6.3.2",
+            "version": "v6.3.4",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/process.git",
-                "reference": "c5ce962db0d9b6e80247ca5eb9af6472bd4d7b5d"
+                "reference": "0b5c29118f2e980d455d2e34a5659f4579847c54"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/process/zipball/c5ce962db0d9b6e80247ca5eb9af6472bd4d7b5d",
-                "reference": "c5ce962db0d9b6e80247ca5eb9af6472bd4d7b5d",
+                "url": "https://api.github.com/repos/symfony/process/zipball/0b5c29118f2e980d455d2e34a5659f4579847c54",
+                "reference": "0b5c29118f2e980d455d2e34a5659f4579847c54",
                 "shasum": ""
             },
             "require": {
@@ -4690,7 +5294,7 @@
             "description": "Executes commands in sub-processes",
             "homepage": "https://symfony.com",
             "support": {
-                "source": "https://github.com/symfony/process/tree/v6.3.2"
+                "source": "https://github.com/symfony/process/tree/v6.3.4"
             },
             "funding": [
                 {
@@ -4706,7 +5310,7 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2023-07-12T16:00:22+00:00"
+            "time": "2023-08-07T10:39:22+00:00"
         },
         {
             "name": "symfony/routing",
@@ -5208,16 +5812,16 @@
         },
         {
             "name": "symfony/var-dumper",
-            "version": "v6.3.3",
+            "version": "v6.3.4",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/var-dumper.git",
-                "reference": "77fb4f2927f6991a9843633925d111147449ee7a"
+                "reference": "2027be14f8ae8eae999ceadebcda5b4909b81d45"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/var-dumper/zipball/77fb4f2927f6991a9843633925d111147449ee7a",
-                "reference": "77fb4f2927f6991a9843633925d111147449ee7a",
+                "url": "https://api.github.com/repos/symfony/var-dumper/zipball/2027be14f8ae8eae999ceadebcda5b4909b81d45",
+                "reference": "2027be14f8ae8eae999ceadebcda5b4909b81d45",
                 "shasum": ""
             },
             "require": {
@@ -5272,7 +5876,7 @@
                 "dump"
             ],
             "support": {
-                "source": "https://github.com/symfony/var-dumper/tree/v6.3.3"
+                "source": "https://github.com/symfony/var-dumper/tree/v6.3.4"
             },
             "funding": [
                 {
@@ -5288,7 +5892,56 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2023-07-31T07:08:24+00:00"
+            "time": "2023-08-24T14:51:05+00:00"
+        },
+        {
+            "name": "thiagoalessio/tesseract_ocr",
+            "version": "2.12.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/thiagoalessio/tesseract-ocr-for-php.git",
+                "reference": "0f10bd7b02bdcba59c4fbd98fbd93a56f93b09b7"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/thiagoalessio/tesseract-ocr-for-php/zipball/0f10bd7b02bdcba59c4fbd98fbd93a56f93b09b7",
+                "reference": "0f10bd7b02bdcba59c4fbd98fbd93a56f93b09b7",
+                "shasum": ""
+            },
+            "require": {
+                "php": "^5.3 || ^7.0 || ^8.0"
+            },
+            "require-dev": {
+                "phpunit/php-code-coverage": "^2.2.4 || ^9.0.0"
+            },
+            "type": "library",
+            "autoload": {
+                "psr-4": {
+                    "thiagoalessio\\TesseractOCR\\": "src/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "thiagoalessio",
+                    "email": "thiagoalessio@me.com"
+                }
+            ],
+            "description": "A wrapper to work with Tesseract OCR inside PHP.",
+            "keywords": [
+                "OCR",
+                "Tesseract",
+                "text recognition"
+            ],
+            "support": {
+                "irc": "irc://irc.freenode.net/tesseract-ocr-for-php",
+                "issues": "https://github.com/thiagoalessio/tesseract-ocr-for-php/issues",
+                "source": "https://github.com/thiagoalessio/tesseract-ocr-for-php"
+            },
+            "time": "2021-06-04T21:21:33+00:00"
         },
         {
             "name": "tijsverkoyen/css-to-inline-styles",
@@ -5343,6 +5996,90 @@
             },
             "time": "2023-01-03T09:29:04+00:00"
         },
+        {
+            "name": "tymon/jwt-auth",
+            "version": "2.0.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/tymondesigns/jwt-auth.git",
+                "reference": "b0868a5b00801889a9e0c81a737963d8004e708c"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/tymondesigns/jwt-auth/zipball/b0868a5b00801889a9e0c81a737963d8004e708c",
+                "reference": "b0868a5b00801889a9e0c81a737963d8004e708c",
+                "shasum": ""
+            },
+            "require": {
+                "illuminate/auth": "^9.0|^10.0",
+                "illuminate/contracts": "^9.0|^10.0",
+                "illuminate/http": "^9.0|^10.0",
+                "illuminate/support": "^9.0|^10.0",
+                "lcobucci/jwt": "^4.0",
+                "nesbot/carbon": "^2.0",
+                "php": "^8.0"
+            },
+            "require-dev": {
+                "illuminate/console": "^9.0|^10.0",
+                "illuminate/database": "^9.0|^10.0",
+                "illuminate/routing": "^9.0|^10.0",
+                "mockery/mockery": ">=0.9.9",
+                "phpunit/phpunit": "^9.4"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-develop": "1.0-dev",
+                    "dev-2.x": "2.0-dev"
+                },
+                "laravel": {
+                    "aliases": {
+                        "JWTAuth": "Tymon\\JWTAuth\\Facades\\JWTAuth",
+                        "JWTFactory": "Tymon\\JWTAuth\\Facades\\JWTFactory"
+                    },
+                    "providers": [
+                        "Tymon\\JWTAuth\\Providers\\LaravelServiceProvider"
+                    ]
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "Tymon\\JWTAuth\\": "src/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Sean Tymon",
+                    "email": "tymon148@gmail.com",
+                    "homepage": "https://tymon.xyz",
+                    "role": "Developer"
+                }
+            ],
+            "description": "JSON Web Token Authentication for Laravel and Lumen",
+            "homepage": "https://github.com/tymondesigns/jwt-auth",
+            "keywords": [
+                "Authentication",
+                "JSON Web Token",
+                "auth",
+                "jwt",
+                "laravel"
+            ],
+            "support": {
+                "issues": "https://github.com/tymondesigns/jwt-auth/issues",
+                "source": "https://github.com/tymondesigns/jwt-auth"
+            },
+            "funding": [
+                {
+                    "url": "https://www.patreon.com/seantymon",
+                    "type": "patreon"
+                }
+            ],
+            "time": "2023-02-16T16:29:41+00:00"
+        },
         {
             "name": "vlucas/phpdotenv",
             "version": "v5.5.0",
@@ -5753,16 +6490,16 @@
         },
         {
             "name": "laravel/pint",
-            "version": "v1.11.0",
+            "version": "v1.13.1",
             "source": {
                 "type": "git",
                 "url": "https://github.com/laravel/pint.git",
-                "reference": "88e835bf922b94017778bde89ef8f215e1ea40db"
+                "reference": "22f204242d68095b3ba7dab5d3ef0240454a4652"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/laravel/pint/zipball/88e835bf922b94017778bde89ef8f215e1ea40db",
-                "reference": "88e835bf922b94017778bde89ef8f215e1ea40db",
+                "url": "https://api.github.com/repos/laravel/pint/zipball/22f204242d68095b3ba7dab5d3ef0240454a4652",
+                "reference": "22f204242d68095b3ba7dab5d3ef0240454a4652",
                 "shasum": ""
             },
             "require": {
@@ -5775,7 +6512,7 @@
             "require-dev": {
                 "friendsofphp/php-cs-fixer": "^3.21.1",
                 "illuminate/view": "^10.5.1",
-                "laravel-zero/framework": "^10.1.1",
+                "laravel-zero/framework": "^10.1.2",
                 "mockery/mockery": "^1.5.1",
                 "nunomaduro/larastan": "^2.5.1",
                 "nunomaduro/termwind": "^1.15.1",
@@ -5815,20 +6552,20 @@
                 "issues": "https://github.com/laravel/pint/issues",
                 "source": "https://github.com/laravel/pint"
             },
-            "time": "2023-08-15T15:30:00+00:00"
+            "time": "2023-09-06T11:03:34+00:00"
         },
         {
             "name": "laravel/sail",
-            "version": "v1.23.3",
+            "version": "v1.24.1",
             "source": {
                 "type": "git",
                 "url": "https://github.com/laravel/sail.git",
-                "reference": "e5536ac1df10eacd72a6569dc1b0db49b9ddbb85"
+                "reference": "3a373bb2845623aed2017c672dc61c84ae974890"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/laravel/sail/zipball/e5536ac1df10eacd72a6569dc1b0db49b9ddbb85",
-                "reference": "e5536ac1df10eacd72a6569dc1b0db49b9ddbb85",
+                "url": "https://api.github.com/repos/laravel/sail/zipball/3a373bb2845623aed2017c672dc61c84ae974890",
+                "reference": "3a373bb2845623aed2017c672dc61c84ae974890",
                 "shasum": ""
             },
             "require": {
@@ -5880,7 +6617,7 @@
                 "issues": "https://github.com/laravel/sail/issues",
                 "source": "https://github.com/laravel/sail"
             },
-            "time": "2023-08-14T14:22:21+00:00"
+            "time": "2023-09-01T14:05:17+00:00"
         },
         {
             "name": "mockery/mockery",
@@ -6232,16 +6969,16 @@
         },
         {
             "name": "phpunit/php-code-coverage",
-            "version": "10.1.3",
+            "version": "10.1.4",
             "source": {
                 "type": "git",
                 "url": "https://github.com/sebastianbergmann/php-code-coverage.git",
-                "reference": "be1fe461fdc917de2a29a452ccf2657d325b443d"
+                "reference": "cd59bb34756a16ca8253ce9b2909039c227fff71"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/sebastianbergmann/php-code-coverage/zipball/be1fe461fdc917de2a29a452ccf2657d325b443d",
-                "reference": "be1fe461fdc917de2a29a452ccf2657d325b443d",
+                "url": "https://api.github.com/repos/sebastianbergmann/php-code-coverage/zipball/cd59bb34756a16ca8253ce9b2909039c227fff71",
+                "reference": "cd59bb34756a16ca8253ce9b2909039c227fff71",
                 "shasum": ""
             },
             "require": {
@@ -6298,7 +7035,7 @@
             "support": {
                 "issues": "https://github.com/sebastianbergmann/php-code-coverage/issues",
                 "security": "https://github.com/sebastianbergmann/php-code-coverage/security/policy",
-                "source": "https://github.com/sebastianbergmann/php-code-coverage/tree/10.1.3"
+                "source": "https://github.com/sebastianbergmann/php-code-coverage/tree/10.1.4"
             },
             "funding": [
                 {
@@ -6306,20 +7043,20 @@
                     "type": "github"
                 }
             ],
-            "time": "2023-07-26T13:45:28+00:00"
+            "time": "2023-08-31T14:04:38+00:00"
         },
         {
             "name": "phpunit/php-file-iterator",
-            "version": "4.0.2",
+            "version": "4.1.0",
             "source": {
                 "type": "git",
                 "url": "https://github.com/sebastianbergmann/php-file-iterator.git",
-                "reference": "5647d65443818959172645e7ed999217360654b6"
+                "reference": "a95037b6d9e608ba092da1b23931e537cadc3c3c"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/sebastianbergmann/php-file-iterator/zipball/5647d65443818959172645e7ed999217360654b6",
-                "reference": "5647d65443818959172645e7ed999217360654b6",
+                "url": "https://api.github.com/repos/sebastianbergmann/php-file-iterator/zipball/a95037b6d9e608ba092da1b23931e537cadc3c3c",
+                "reference": "a95037b6d9e608ba092da1b23931e537cadc3c3c",
                 "shasum": ""
             },
             "require": {
@@ -6359,7 +7096,7 @@
             "support": {
                 "issues": "https://github.com/sebastianbergmann/php-file-iterator/issues",
                 "security": "https://github.com/sebastianbergmann/php-file-iterator/security/policy",
-                "source": "https://github.com/sebastianbergmann/php-file-iterator/tree/4.0.2"
+                "source": "https://github.com/sebastianbergmann/php-file-iterator/tree/4.1.0"
             },
             "funding": [
                 {
@@ -6367,7 +7104,7 @@
                     "type": "github"
                 }
             ],
-            "time": "2023-05-07T09:13:23+00:00"
+            "time": "2023-08-31T06:24:48+00:00"
         },
         {
             "name": "phpunit/php-invoker",
@@ -6434,16 +7171,16 @@
         },
         {
             "name": "phpunit/php-text-template",
-            "version": "3.0.0",
+            "version": "3.0.1",
             "source": {
                 "type": "git",
                 "url": "https://github.com/sebastianbergmann/php-text-template.git",
-                "reference": "9f3d3709577a527025f55bcf0f7ab8052c8bb37d"
+                "reference": "0c7b06ff49e3d5072f057eb1fa59258bf287a748"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/sebastianbergmann/php-text-template/zipball/9f3d3709577a527025f55bcf0f7ab8052c8bb37d",
-                "reference": "9f3d3709577a527025f55bcf0f7ab8052c8bb37d",
+                "url": "https://api.github.com/repos/sebastianbergmann/php-text-template/zipball/0c7b06ff49e3d5072f057eb1fa59258bf287a748",
+                "reference": "0c7b06ff49e3d5072f057eb1fa59258bf287a748",
                 "shasum": ""
             },
             "require": {
@@ -6481,7 +7218,8 @@
             ],
             "support": {
                 "issues": "https://github.com/sebastianbergmann/php-text-template/issues",
-                "source": "https://github.com/sebastianbergmann/php-text-template/tree/3.0.0"
+                "security": "https://github.com/sebastianbergmann/php-text-template/security/policy",
+                "source": "https://github.com/sebastianbergmann/php-text-template/tree/3.0.1"
             },
             "funding": [
                 {
@@ -6489,7 +7227,7 @@
                     "type": "github"
                 }
             ],
-            "time": "2023-02-03T06:56:46+00:00"
+            "time": "2023-08-31T14:07:24+00:00"
         },
         {
             "name": "phpunit/php-timer",
@@ -6552,16 +7290,16 @@
         },
         {
             "name": "phpunit/phpunit",
-            "version": "10.3.2",
+            "version": "10.3.3",
             "source": {
                 "type": "git",
                 "url": "https://github.com/sebastianbergmann/phpunit.git",
-                "reference": "0dafb1175c366dd274eaa9a625e914451506bcd1"
+                "reference": "241ed4dd0db1c096984e62d414c4e1ac8d5dbff4"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/sebastianbergmann/phpunit/zipball/0dafb1175c366dd274eaa9a625e914451506bcd1",
-                "reference": "0dafb1175c366dd274eaa9a625e914451506bcd1",
+                "url": "https://api.github.com/repos/sebastianbergmann/phpunit/zipball/241ed4dd0db1c096984e62d414c4e1ac8d5dbff4",
+                "reference": "241ed4dd0db1c096984e62d414c4e1ac8d5dbff4",
                 "shasum": ""
             },
             "require": {
@@ -6633,7 +7371,7 @@
             "support": {
                 "issues": "https://github.com/sebastianbergmann/phpunit/issues",
                 "security": "https://github.com/sebastianbergmann/phpunit/security/policy",
-                "source": "https://github.com/sebastianbergmann/phpunit/tree/10.3.2"
+                "source": "https://github.com/sebastianbergmann/phpunit/tree/10.3.3"
             },
             "funding": [
                 {
@@ -6649,7 +7387,7 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2023-08-15T05:34:23+00:00"
+            "time": "2023-09-05T04:34:51+00:00"
         },
         {
             "name": "sebastian/cli-parser",
@@ -6897,16 +7635,16 @@
         },
         {
             "name": "sebastian/complexity",
-            "version": "3.0.0",
+            "version": "3.0.1",
             "source": {
                 "type": "git",
                 "url": "https://github.com/sebastianbergmann/complexity.git",
-                "reference": "e67d240970c9dc7ea7b2123a6d520e334dd61dc6"
+                "reference": "c70b73893e10757af9c6a48929fa6a333b56a97a"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/sebastianbergmann/complexity/zipball/e67d240970c9dc7ea7b2123a6d520e334dd61dc6",
-                "reference": "e67d240970c9dc7ea7b2123a6d520e334dd61dc6",
+                "url": "https://api.github.com/repos/sebastianbergmann/complexity/zipball/c70b73893e10757af9c6a48929fa6a333b56a97a",
+                "reference": "c70b73893e10757af9c6a48929fa6a333b56a97a",
                 "shasum": ""
             },
             "require": {
@@ -6942,7 +7680,8 @@
             "homepage": "https://github.com/sebastianbergmann/complexity",
             "support": {
                 "issues": "https://github.com/sebastianbergmann/complexity/issues",
-                "source": "https://github.com/sebastianbergmann/complexity/tree/3.0.0"
+                "security": "https://github.com/sebastianbergmann/complexity/security/policy",
+                "source": "https://github.com/sebastianbergmann/complexity/tree/3.0.1"
             },
             "funding": [
                 {
@@ -6950,7 +7689,7 @@
                     "type": "github"
                 }
             ],
-            "time": "2023-02-03T06:59:47+00:00"
+            "time": "2023-08-31T09:55:53+00:00"
         },
         {
             "name": "sebastian/diff",
@@ -7085,16 +7824,16 @@
         },
         {
             "name": "sebastian/exporter",
-            "version": "5.0.0",
+            "version": "5.0.1",
             "source": {
                 "type": "git",
                 "url": "https://github.com/sebastianbergmann/exporter.git",
-                "reference": "f3ec4bf931c0b31e5b413f5b4fc970a7d03338c0"
+                "reference": "32ff03d078fed1279c4ec9a407d08c5e9febb480"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/sebastianbergmann/exporter/zipball/f3ec4bf931c0b31e5b413f5b4fc970a7d03338c0",
-                "reference": "f3ec4bf931c0b31e5b413f5b4fc970a7d03338c0",
+                "url": "https://api.github.com/repos/sebastianbergmann/exporter/zipball/32ff03d078fed1279c4ec9a407d08c5e9febb480",
+                "reference": "32ff03d078fed1279c4ec9a407d08c5e9febb480",
                 "shasum": ""
             },
             "require": {
@@ -7150,7 +7889,8 @@
             ],
             "support": {
                 "issues": "https://github.com/sebastianbergmann/exporter/issues",
-                "source": "https://github.com/sebastianbergmann/exporter/tree/5.0.0"
+                "security": "https://github.com/sebastianbergmann/exporter/security/policy",
+                "source": "https://github.com/sebastianbergmann/exporter/tree/5.0.1"
             },
             "funding": [
                 {
@@ -7158,7 +7898,7 @@
                     "type": "github"
                 }
             ],
-            "time": "2023-02-03T07:06:49+00:00"
+            "time": "2023-09-08T04:46:58+00:00"
         },
         {
             "name": "sebastian/global-state",
@@ -7224,16 +7964,16 @@
         },
         {
             "name": "sebastian/lines-of-code",
-            "version": "2.0.0",
+            "version": "2.0.1",
             "source": {
                 "type": "git",
                 "url": "https://github.com/sebastianbergmann/lines-of-code.git",
-                "reference": "17c4d940ecafb3d15d2cf916f4108f664e28b130"
+                "reference": "649e40d279e243d985aa8fb6e74dd5bb28dc185d"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/sebastianbergmann/lines-of-code/zipball/17c4d940ecafb3d15d2cf916f4108f664e28b130",
-                "reference": "17c4d940ecafb3d15d2cf916f4108f664e28b130",
+                "url": "https://api.github.com/repos/sebastianbergmann/lines-of-code/zipball/649e40d279e243d985aa8fb6e74dd5bb28dc185d",
+                "reference": "649e40d279e243d985aa8fb6e74dd5bb28dc185d",
                 "shasum": ""
             },
             "require": {
@@ -7269,7 +8009,8 @@
             "homepage": "https://github.com/sebastianbergmann/lines-of-code",
             "support": {
                 "issues": "https://github.com/sebastianbergmann/lines-of-code/issues",
-                "source": "https://github.com/sebastianbergmann/lines-of-code/tree/2.0.0"
+                "security": "https://github.com/sebastianbergmann/lines-of-code/security/policy",
+                "source": "https://github.com/sebastianbergmann/lines-of-code/tree/2.0.1"
             },
             "funding": [
                 {
@@ -7277,7 +8018,7 @@
                     "type": "github"
                 }
             ],
-            "time": "2023-02-03T07:08:02+00:00"
+            "time": "2023-08-31T09:25:50+00:00"
         },
         {
             "name": "sebastian/object-enumerator",
@@ -7697,16 +8438,16 @@
         },
         {
             "name": "spatie/ignition",
-            "version": "1.9.0",
+            "version": "1.10.1",
             "source": {
                 "type": "git",
                 "url": "https://github.com/spatie/ignition.git",
-                "reference": "de24ff1e01814d5043bd6eb4ab36a5a852a04973"
+                "reference": "d92b9a081e99261179b63a858c7a4b01541e7dd1"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/spatie/ignition/zipball/de24ff1e01814d5043bd6eb4ab36a5a852a04973",
-                "reference": "de24ff1e01814d5043bd6eb4ab36a5a852a04973",
+                "url": "https://api.github.com/repos/spatie/ignition/zipball/d92b9a081e99261179b63a858c7a4b01541e7dd1",
+                "reference": "d92b9a081e99261179b63a858c7a4b01541e7dd1",
                 "shasum": ""
             },
             "require": {
@@ -7776,20 +8517,20 @@
                     "type": "github"
                 }
             ],
-            "time": "2023-06-28T13:24:59+00:00"
+            "time": "2023-08-21T15:06:37+00:00"
         },
         {
             "name": "spatie/laravel-ignition",
-            "version": "2.2.0",
+            "version": "2.3.0",
             "source": {
                 "type": "git",
                 "url": "https://github.com/spatie/laravel-ignition.git",
-                "reference": "dd15fbe82ef5392798941efae93c49395a87d943"
+                "reference": "4ed813d16edb5a1ab0d7f4b1d116c37ee8cdf3c0"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/spatie/laravel-ignition/zipball/dd15fbe82ef5392798941efae93c49395a87d943",
-                "reference": "dd15fbe82ef5392798941efae93c49395a87d943",
+                "url": "https://api.github.com/repos/spatie/laravel-ignition/zipball/4ed813d16edb5a1ab0d7f4b1d116c37ee8cdf3c0",
+                "reference": "4ed813d16edb5a1ab0d7f4b1d116c37ee8cdf3c0",
                 "shasum": ""
             },
             "require": {
@@ -7868,7 +8609,7 @@
                     "type": "github"
                 }
             ],
-            "time": "2023-06-28T13:51:52+00:00"
+            "time": "2023-08-23T06:24:34+00:00"
         },
         {
             "name": "symfony/yaml",
diff --git a/config/app.php b/config/app.php
index 4c231b47..f2b78631 100644
--- a/config/app.php
+++ b/config/app.php
@@ -109,7 +109,7 @@ return [
     |
     */
 
-    'faker_locale' => 'en_US',
+    'faker_locale' => 'id_ID',
 
     /*
     |--------------------------------------------------------------------------
diff --git a/config/auth.php b/config/auth.php
index 9548c15d..04998ada 100644
--- a/config/auth.php
+++ b/config/auth.php
@@ -40,6 +40,10 @@ return [
             'driver' => 'session',
             'provider' => 'users',
         ],
+        'api' => [
+            'driver' => 'jwt',
+            'provider' => 'users',
+        ]
     ],
 
     /*
diff --git a/config/broadcasting.php b/config/broadcasting.php
index 24104853..546f4f28 100644
--- a/config/broadcasting.php
+++ b/config/broadcasting.php
@@ -35,13 +35,17 @@ return [
             'key' => env('PUSHER_APP_KEY'),
             'secret' => env('PUSHER_APP_SECRET'),
             'app_id' => env('PUSHER_APP_ID'),
+            // 'options' => [
+            //     'cluster' => env('PUSHER_APP_CLUSTER'),
+            //     'host' => env('PUSHER_HOST') ?: 'api-'.env('PUSHER_APP_CLUSTER', 'mt1').'.pusher.com',
+            //     'port' => env('PUSHER_PORT', 443),
+            //     'scheme' => env('PUSHER_SCHEME', 'https'),
+            //     'encrypted' => true,
+            //     'useTLS' => env('PUSHER_SCHEME', 'https') === 'https',
+            // ],
             'options' => [
-                'cluster' => env('PUSHER_APP_CLUSTER'),
-                'host' => env('PUSHER_HOST') ?: 'api-'.env('PUSHER_APP_CLUSTER', 'mt1').'.pusher.com',
-                'port' => env('PUSHER_PORT', 443),
-                'scheme' => env('PUSHER_SCHEME', 'https'),
-                'encrypted' => true,
-                'useTLS' => env('PUSHER_SCHEME', 'https') === 'https',
+                'cluster' => 'ap1',
+                'useTLS' => true,
             ],
             'client_options' => [
                 // Guzzle client options: https://docs.guzzlephp.org/en/stable/request-options.html
diff --git a/config/flare.php b/config/flare.php
new file mode 100644
index 00000000..a4896f35
--- /dev/null
+++ b/config/flare.php
@@ -0,0 +1,80 @@
+<?php
+
+use Spatie\FlareClient\FlareMiddleware\AddGitInformation;
+use Spatie\FlareClient\FlareMiddleware\RemoveRequestIp;
+use Spatie\FlareClient\FlareMiddleware\CensorRequestBodyFields;
+use Spatie\FlareClient\FlareMiddleware\CensorRequestHeaders;
+use Spatie\LaravelIgnition\FlareMiddleware\AddDumps;
+use Spatie\LaravelIgnition\FlareMiddleware\AddEnvironmentInformation;
+use Spatie\LaravelIgnition\FlareMiddleware\AddExceptionInformation;
+use Spatie\LaravelIgnition\FlareMiddleware\AddJobs;
+use Spatie\LaravelIgnition\FlareMiddleware\AddLogs;
+use Spatie\LaravelIgnition\FlareMiddleware\AddQueries;
+use Spatie\LaravelIgnition\FlareMiddleware\AddNotifierName;
+
+return [
+    /*
+    |
+    |--------------------------------------------------------------------------
+    | Flare API key
+    |--------------------------------------------------------------------------
+    |
+    | Specify Flare's API key below to enable error reporting to the service.
+    |
+    | More info: https://flareapp.io/docs/general/projects
+    |
+    */
+
+    'key' => env('FLARE_KEY'),
+
+    /*
+    |--------------------------------------------------------------------------
+    | Middleware
+    |--------------------------------------------------------------------------
+    |
+    | These middleware will modify the contents of the report sent to Flare.
+    |
+    */
+
+    'flare_middleware' => [
+        RemoveRequestIp::class,
+        AddGitInformation::class,
+        AddNotifierName::class,
+        AddEnvironmentInformation::class,
+        AddExceptionInformation::class,
+        AddDumps::class,
+        AddLogs::class => [
+            'maximum_number_of_collected_logs' => 200,
+        ],
+        AddQueries::class => [
+            'maximum_number_of_collected_queries' => 200,
+            'report_query_bindings' => true,
+        ],
+        AddJobs::class => [
+            'max_chained_job_reporting_depth' => 5,
+        ],
+        CensorRequestBodyFields::class => [
+            'censor_fields' => [
+                'password',
+                'password_confirmation',
+            ],
+        ],
+        CensorRequestHeaders::class => [
+            'headers' => [
+                'API-KEY',
+            ]
+        ]
+    ],
+
+    /*
+    |--------------------------------------------------------------------------
+    | Reporting log statements
+    |--------------------------------------------------------------------------
+    |
+    | If this setting is `false` log statements won't be sent as events to Flare,
+    | no matter which error level you specified in the Flare log channel.
+    |
+    */
+
+    'send_logs_as_events' => true,
+];
diff --git a/config/ignition.php b/config/ignition.php
new file mode 100644
index 00000000..a77d9727
--- /dev/null
+++ b/config/ignition.php
@@ -0,0 +1,279 @@
+<?php
+
+use Spatie\Ignition\Solutions\SolutionProviders\BadMethodCallSolutionProvider;
+use Spatie\Ignition\Solutions\SolutionProviders\MergeConflictSolutionProvider;
+use Spatie\Ignition\Solutions\SolutionProviders\UndefinedPropertySolutionProvider;
+use Spatie\LaravelIgnition\Recorders\DumpRecorder\DumpRecorder;
+use Spatie\LaravelIgnition\Recorders\JobRecorder\JobRecorder;
+use Spatie\LaravelIgnition\Recorders\LogRecorder\LogRecorder;
+use Spatie\LaravelIgnition\Recorders\QueryRecorder\QueryRecorder;
+use Spatie\LaravelIgnition\Solutions\SolutionProviders\DefaultDbNameSolutionProvider;
+use Spatie\LaravelIgnition\Solutions\SolutionProviders\GenericLaravelExceptionSolutionProvider;
+use Spatie\LaravelIgnition\Solutions\SolutionProviders\IncorrectValetDbCredentialsSolutionProvider;
+use Spatie\LaravelIgnition\Solutions\SolutionProviders\InvalidRouteActionSolutionProvider;
+use Spatie\LaravelIgnition\Solutions\SolutionProviders\MissingAppKeySolutionProvider;
+use Spatie\LaravelIgnition\Solutions\SolutionProviders\MissingColumnSolutionProvider;
+use Spatie\LaravelIgnition\Solutions\SolutionProviders\MissingImportSolutionProvider;
+use Spatie\LaravelIgnition\Solutions\SolutionProviders\MissingLivewireComponentSolutionProvider;
+use Spatie\LaravelIgnition\Solutions\SolutionProviders\MissingMixManifestSolutionProvider;
+use Spatie\LaravelIgnition\Solutions\SolutionProviders\MissingViteManifestSolutionProvider;
+use Spatie\LaravelIgnition\Solutions\SolutionProviders\RunningLaravelDuskInProductionProvider;
+use Spatie\LaravelIgnition\Solutions\SolutionProviders\TableNotFoundSolutionProvider;
+use Spatie\LaravelIgnition\Solutions\SolutionProviders\UndefinedViewVariableSolutionProvider;
+use Spatie\LaravelIgnition\Solutions\SolutionProviders\UnknownValidationSolutionProvider;
+use Spatie\LaravelIgnition\Solutions\SolutionProviders\ViewNotFoundSolutionProvider;
+use Spatie\LaravelIgnition\Solutions\SolutionProviders\OpenAiSolutionProvider;
+use Spatie\LaravelIgnition\Solutions\SolutionProviders\SailNetworkSolutionProvider;
+
+return [
+
+    /*
+    |--------------------------------------------------------------------------
+    | Editor
+    |--------------------------------------------------------------------------
+    |
+    | Choose your preferred editor to use when clicking any edit button.
+    |
+    | Supported: "phpstorm", "vscode", "vscode-insiders", "textmate", "emacs",
+    |            "sublime", "atom", "nova", "macvim", "idea", "netbeans",
+    |            "xdebug", "phpstorm-remote"
+    |
+    */
+
+    'editor' => env('IGNITION_EDITOR', 'phpstorm'),
+
+    /*
+    |--------------------------------------------------------------------------
+    | Theme
+    |--------------------------------------------------------------------------
+    |
+    | Here you may specify which theme Ignition should use.
+    |
+    | Supported: "light", "dark", "auto"
+    |
+    */
+
+    'theme' => env('IGNITION_THEME', 'auto'),
+
+    /*
+    |--------------------------------------------------------------------------
+    | Sharing
+    |--------------------------------------------------------------------------
+    |
+    | You can share local errors with colleagues or others around the world.
+    | Sharing is completely free and doesn't require an account on Flare.
+    |
+    | If necessary, you can completely disable sharing below.
+    |
+    */
+
+    'enable_share_button' => env('IGNITION_SHARING_ENABLED', true),
+
+    /*
+    |--------------------------------------------------------------------------
+    | Register Ignition commands
+    |--------------------------------------------------------------------------
+    |
+    | Ignition comes with an additional make command that lets you create
+    | new solution classes more easily. To keep your default Laravel
+    | installation clean, this command is not registered by default.
+    |
+    | You can enable the command registration below.
+    |
+    */
+
+    'register_commands' => env('REGISTER_IGNITION_COMMANDS', false),
+
+    /*
+    |--------------------------------------------------------------------------
+    | Solution Providers
+    |--------------------------------------------------------------------------
+    |
+    | You may specify a list of solution providers (as fully qualified class
+    | names) that shouldn't be loaded. Ignition will ignore these classes
+    | and possible solutions provided by them will never be displayed.
+    |
+    */
+
+    'solution_providers' => [
+        // from spatie/ignition
+        BadMethodCallSolutionProvider::class,
+        MergeConflictSolutionProvider::class,
+        UndefinedPropertySolutionProvider::class,
+
+        // from spatie/laravel-ignition
+        IncorrectValetDbCredentialsSolutionProvider::class,
+        MissingAppKeySolutionProvider::class,
+        DefaultDbNameSolutionProvider::class,
+        TableNotFoundSolutionProvider::class,
+        MissingImportSolutionProvider::class,
+        InvalidRouteActionSolutionProvider::class,
+        ViewNotFoundSolutionProvider::class,
+        RunningLaravelDuskInProductionProvider::class,
+        MissingColumnSolutionProvider::class,
+        UnknownValidationSolutionProvider::class,
+        MissingMixManifestSolutionProvider::class,
+        MissingViteManifestSolutionProvider::class,
+        MissingLivewireComponentSolutionProvider::class,
+        UndefinedViewVariableSolutionProvider::class,
+        GenericLaravelExceptionSolutionProvider::class,
+        OpenAiSolutionProvider::class,
+        SailNetworkSolutionProvider::class,
+    ],
+
+    /*
+    |--------------------------------------------------------------------------
+    | Ignored Solution Providers
+    |--------------------------------------------------------------------------
+    |
+    | You may specify a list of solution providers (as fully qualified class
+    | names) that shouldn't be loaded. Ignition will ignore these classes
+    | and possible solutions provided by them will never be displayed.
+    |
+    */
+
+    'ignored_solution_providers' => [
+
+    ],
+
+    /*
+    |--------------------------------------------------------------------------
+    | Runnable Solutions
+    |--------------------------------------------------------------------------
+    |
+    | Some solutions that Ignition displays are runnable and can perform
+    | various tasks. By default, runnable solutions are only enabled when your
+    | app has debug mode enabled and the environment is `local` or
+    | `development`.
+    |
+    | Using the `IGNITION_ENABLE_RUNNABLE_SOLUTIONS` environment variable, you
+    | can override this behaviour and enable or disable runnable solutions
+    | regardless of the application's environment.
+    |
+    | Default: env('IGNITION_ENABLE_RUNNABLE_SOLUTIONS')
+    |
+    */
+
+    'enable_runnable_solutions' => env('IGNITION_ENABLE_RUNNABLE_SOLUTIONS'),
+
+    /*
+    |--------------------------------------------------------------------------
+    | Remote Path Mapping
+    |--------------------------------------------------------------------------
+    |
+    | If you are using a remote dev server, like Laravel Homestead, Docker, or
+    | even a remote VPS, it will be necessary to specify your path mapping.
+    |
+    | Leaving one, or both of these, empty or null will not trigger the remote
+    | URL changes and Ignition will treat your editor links as local files.
+    |
+    | "remote_sites_path" is an absolute base path for your sites or projects
+    | in Homestead, Vagrant, Docker, or another remote development server.
+    |
+    | Example value: "/home/vagrant/Code"
+    |
+    | "local_sites_path" is an absolute base path for your sites or projects
+    | on your local computer where your IDE or code editor is running on.
+    |
+    | Example values: "/Users/<name>/Code", "C:\Users\<name>\Documents\Code"
+    |
+    */
+
+    'remote_sites_path' => env('IGNITION_REMOTE_SITES_PATH', base_path()),
+    'local_sites_path' => env('IGNITION_LOCAL_SITES_PATH', ''),
+
+    /*
+    |--------------------------------------------------------------------------
+    | Housekeeping Endpoint Prefix
+    |--------------------------------------------------------------------------
+    |
+    | Ignition registers a couple of routes when it is enabled. Below you may
+    | specify a route prefix that will be used to host all internal links.
+    |
+    */
+
+    'housekeeping_endpoint_prefix' => '_ignition',
+
+    /*
+    |--------------------------------------------------------------------------
+    | Settings File
+    |--------------------------------------------------------------------------
+    |
+    | Ignition allows you to save your settings to a specific global file.
+    |
+    | If no path is specified, a file with settings will be saved to the user's
+    | home directory. The directory depends on the OS and its settings but it's
+    | typically `~/.ignition.json`. In this case, the settings will be applied
+    | to all of your projects where Ignition is used and the path is not
+    | specified.
+    |
+    | However, if you want to store your settings on a project basis, or you
+    | want to keep them in another directory, you can specify a path where
+    | the settings file will be saved. The path should be an existing directory
+    | with correct write access.
+    | For example, create a new `ignition` folder in the storage directory and
+    | use `storage_path('ignition')` as the `settings_file_path`.
+    |
+    | Default value: '' (empty string)
+    */
+
+    'settings_file_path' => '',
+
+    /*
+    |--------------------------------------------------------------------------
+    | Recorders
+    |--------------------------------------------------------------------------
+    |
+    | Ignition registers a couple of recorders when it is enabled. Below you may
+    | specify a recorders will be used to record specific events.
+    |
+    */
+
+    'recorders' => [
+        DumpRecorder::class,
+        JobRecorder::class,
+        LogRecorder::class,
+        QueryRecorder::class,
+    ],
+
+    /*
+     * When a key is set, we'll send your exceptions to Open AI to generate a solution
+     */
+    'open_ai_key' => env('IGNITION_OPEN_AI_KEY'),
+
+    /*
+    |--------------------------------------------------------------------------
+    | Include arguments
+    |--------------------------------------------------------------------------
+    |
+    | Ignition show you stack traces of exceptions with the arguments that were
+    | passed to each method. This feature can be disabled here.
+    |
+    */
+
+    'with_stack_frame_arguments' => true,
+
+    /*
+    |--------------------------------------------------------------------------
+    | Argument reducers
+    |--------------------------------------------------------------------------
+    |
+    | Ignition show you stack traces of exceptions with the arguments that were
+    | passed to each method. To make these variables more readable, you can
+    | specify a list of classes here which summarize the variables.
+    |
+    */
+    'argument_reducers' => [
+        \Spatie\Backtrace\Arguments\Reducers\BaseTypeArgumentReducer::class,
+        \Spatie\Backtrace\Arguments\Reducers\ArrayArgumentReducer::class,
+        \Spatie\Backtrace\Arguments\Reducers\StdClassArgumentReducer::class,
+        \Spatie\Backtrace\Arguments\Reducers\EnumArgumentReducer::class,
+        \Spatie\Backtrace\Arguments\Reducers\ClosureArgumentReducer::class,
+        \Spatie\Backtrace\Arguments\Reducers\DateTimeArgumentReducer::class,
+        \Spatie\Backtrace\Arguments\Reducers\DateTimeZoneArgumentReducer::class,
+        \Spatie\Backtrace\Arguments\Reducers\SymphonyRequestArgumentReducer::class,
+        \Spatie\LaravelIgnition\ArgumentReducers\ModelArgumentReducer::class,
+        \Spatie\LaravelIgnition\ArgumentReducers\CollectionArgumentReducer::class,
+        \Spatie\Backtrace\Arguments\Reducers\StringableArgumentReducer::class,
+    ],
+];
diff --git a/config/image.php b/config/image.php
new file mode 100644
index 00000000..2b1d2c3e
--- /dev/null
+++ b/config/image.php
@@ -0,0 +1,20 @@
+<?php
+
+return [
+
+    /*
+    |--------------------------------------------------------------------------
+    | Image Driver
+    |--------------------------------------------------------------------------
+    |
+    | Intervention Image supports "GD Library" and "Imagick" to process images
+    | internally. You may choose one of them according to your PHP
+    | configuration. By default PHP's "GD Library" implementation is used.
+    |
+    | Supported: "gd", "imagick"
+    |
+    */
+
+    'driver' => 'gd'
+
+];
diff --git a/config/jwt.php b/config/jwt.php
new file mode 100644
index 00000000..f83234d1
--- /dev/null
+++ b/config/jwt.php
@@ -0,0 +1,301 @@
+<?php
+
+/*
+ * This file is part of jwt-auth.
+ *
+ * (c) Sean Tymon <tymon148@gmail.com>
+ *
+ * For the full copyright and license information, please view the LICENSE
+ * file that was distributed with this source code.
+ */
+
+return [
+
+    /*
+    |--------------------------------------------------------------------------
+    | JWT Authentication Secret
+    |--------------------------------------------------------------------------
+    |
+    | Don't forget to set this in your .env file, as it will be used to sign
+    | your tokens. A helper command is provided for this:
+    | `php artisan jwt:secret`
+    |
+    | Note: This will be used for Symmetric algorithms only (HMAC),
+    | since RSA and ECDSA use a private/public key combo (See below).
+    |
+    */
+
+    'secret' => env('JWT_SECRET'),
+
+    /*
+    |--------------------------------------------------------------------------
+    | JWT Authentication Keys
+    |--------------------------------------------------------------------------
+    |
+    | The algorithm you are using, will determine whether your tokens are
+    | signed with a random string (defined in `JWT_SECRET`) or using the
+    | following public & private keys.
+    |
+    | Symmetric Algorithms:
+    | HS256, HS384 & HS512 will use `JWT_SECRET`.
+    |
+    | Asymmetric Algorithms:
+    | RS256, RS384 & RS512 / ES256, ES384 & ES512 will use the keys below.
+    |
+    */
+
+    'keys' => [
+
+        /*
+        |--------------------------------------------------------------------------
+        | Public Key
+        |--------------------------------------------------------------------------
+        |
+        | A path or resource to your public key.
+        |
+        | E.g. 'file://path/to/public/key'
+        |
+        */
+
+        'public' => env('JWT_PUBLIC_KEY'),
+
+        /*
+        |--------------------------------------------------------------------------
+        | Private Key
+        |--------------------------------------------------------------------------
+        |
+        | A path or resource to your private key.
+        |
+        | E.g. 'file://path/to/private/key'
+        |
+        */
+
+        'private' => env('JWT_PRIVATE_KEY'),
+
+        /*
+        |--------------------------------------------------------------------------
+        | Passphrase
+        |--------------------------------------------------------------------------
+        |
+        | The passphrase for your private key. Can be null if none set.
+        |
+        */
+
+        'passphrase' => env('JWT_PASSPHRASE'),
+
+    ],
+
+    /*
+    |--------------------------------------------------------------------------
+    | JWT time to live
+    |--------------------------------------------------------------------------
+    |
+    | Specify the length of time (in minutes) that the token will be valid for.
+    | Defaults to 1 hour.
+    |
+    | You can also set this to null, to yield a never expiring token.
+    | Some people may want this behaviour for e.g. a mobile app.
+    | This is not particularly recommended, so make sure you have appropriate
+    | systems in place to revoke the token if necessary.
+    | Notice: If you set this to null you should remove 'exp' element from 'required_claims' list.
+    |
+    */
+
+    'ttl' => env('JWT_TTL', 60),
+
+    /*
+    |--------------------------------------------------------------------------
+    | Refresh time to live
+    |--------------------------------------------------------------------------
+    |
+    | Specify the length of time (in minutes) that the token can be refreshed
+    | within. I.E. The user can refresh their token within a 2 week window of
+    | the original token being created until they must re-authenticate.
+    | Defaults to 2 weeks.
+    |
+    | You can also set this to null, to yield an infinite refresh time.
+    | Some may want this instead of never expiring tokens for e.g. a mobile app.
+    | This is not particularly recommended, so make sure you have appropriate
+    | systems in place to revoke the token if necessary.
+    |
+    */
+
+    'refresh_ttl' => env('JWT_REFRESH_TTL', 20160),
+
+    /*
+    |--------------------------------------------------------------------------
+    | JWT hashing algorithm
+    |--------------------------------------------------------------------------
+    |
+    | Specify the hashing algorithm that will be used to sign the token.
+    |
+    */
+
+    'algo' => env('JWT_ALGO', Tymon\JWTAuth\Providers\JWT\Provider::ALGO_HS256),
+
+    /*
+    |--------------------------------------------------------------------------
+    | Required Claims
+    |--------------------------------------------------------------------------
+    |
+    | Specify the required claims that must exist in any token.
+    | A TokenInvalidException will be thrown if any of these claims are not
+    | present in the payload.
+    |
+    */
+
+    'required_claims' => [
+        'iss',
+        'iat',
+        'exp',
+        'nbf',
+        'sub',
+        'jti',
+    ],
+
+    /*
+    |--------------------------------------------------------------------------
+    | Persistent Claims
+    |--------------------------------------------------------------------------
+    |
+    | Specify the claim keys to be persisted when refreshing a token.
+    | `sub` and `iat` will automatically be persisted, in
+    | addition to the these claims.
+    |
+    | Note: If a claim does not exist then it will be ignored.
+    |
+    */
+
+    'persistent_claims' => [
+        // 'foo',
+        // 'bar',
+    ],
+
+    /*
+    |--------------------------------------------------------------------------
+    | Lock Subject
+    |--------------------------------------------------------------------------
+    |
+    | This will determine whether a `prv` claim is automatically added to
+    | the token. The purpose of this is to ensure that if you have multiple
+    | authentication models e.g. `App\User` & `App\OtherPerson`, then we
+    | should prevent one authentication request from impersonating another,
+    | if 2 tokens happen to have the same id across the 2 different models.
+    |
+    | Under specific circumstances, you may want to disable this behaviour
+    | e.g. if you only have one authentication model, then you would save
+    | a little on token size.
+    |
+    */
+
+    'lock_subject' => true,
+
+    /*
+    |--------------------------------------------------------------------------
+    | Leeway
+    |--------------------------------------------------------------------------
+    |
+    | This property gives the jwt timestamp claims some "leeway".
+    | Meaning that if you have any unavoidable slight clock skew on
+    | any of your servers then this will afford you some level of cushioning.
+    |
+    | This applies to the claims `iat`, `nbf` and `exp`.
+    |
+    | Specify in seconds - only if you know you need it.
+    |
+    */
+
+    'leeway' => env('JWT_LEEWAY', 0),
+
+    /*
+    |--------------------------------------------------------------------------
+    | Blacklist Enabled
+    |--------------------------------------------------------------------------
+    |
+    | In order to invalidate tokens, you must have the blacklist enabled.
+    | If you do not want or need this functionality, then set this to false.
+    |
+    */
+
+    'blacklist_enabled' => env('JWT_BLACKLIST_ENABLED', true),
+
+    /*
+    | -------------------------------------------------------------------------
+    | Blacklist Grace Period
+    | -------------------------------------------------------------------------
+    |
+    | When multiple concurrent requests are made with the same JWT,
+    | it is possible that some of them fail, due to token regeneration
+    | on every request.
+    |
+    | Set grace period in seconds to prevent parallel request failure.
+    |
+    */
+
+    'blacklist_grace_period' => env('JWT_BLACKLIST_GRACE_PERIOD', 0),
+
+    /*
+    |--------------------------------------------------------------------------
+    | Cookies encryption
+    |--------------------------------------------------------------------------
+    |
+    | By default Laravel encrypt cookies for security reason.
+    | If you decide to not decrypt cookies, you will have to configure Laravel
+    | to not encrypt your cookie token by adding its name into the $except
+    | array available in the middleware "EncryptCookies" provided by Laravel.
+    | see https://laravel.com/docs/master/responses#cookies-and-encryption
+    | for details.
+    |
+    | Set it to true if you want to decrypt cookies.
+    |
+    */
+
+    'decrypt_cookies' => false,
+
+    /*
+    |--------------------------------------------------------------------------
+    | Providers
+    |--------------------------------------------------------------------------
+    |
+    | Specify the various providers used throughout the package.
+    |
+    */
+
+    'providers' => [
+
+        /*
+        |--------------------------------------------------------------------------
+        | JWT Provider
+        |--------------------------------------------------------------------------
+        |
+        | Specify the provider that is used to create and decode the tokens.
+        |
+        */
+
+        'jwt' => Tymon\JWTAuth\Providers\JWT\Lcobucci::class,
+
+        /*
+        |--------------------------------------------------------------------------
+        | Authentication Provider
+        |--------------------------------------------------------------------------
+        |
+        | Specify the provider that is used to authenticate users.
+        |
+        */
+
+        'auth' => Tymon\JWTAuth\Providers\Auth\Illuminate::class,
+
+        /*
+        |--------------------------------------------------------------------------
+        | Storage Provider
+        |--------------------------------------------------------------------------
+        |
+        | Specify the provider that is used to store tokens in the blacklist.
+        |
+        */
+
+        'storage' => Tymon\JWTAuth\Providers\Storage\Illuminate::class,
+
+    ],
+
+];
diff --git a/config/laravolt/indonesia.php b/config/laravolt/indonesia.php
new file mode 100644
index 00000000..10e98e48
--- /dev/null
+++ b/config/laravolt/indonesia.php
@@ -0,0 +1,16 @@
+<?php
+
+return [
+    'table_prefix' => 'indonesia_',
+    'route' => [
+        'enabled' => false,
+        'middleware' => ['web', 'auth'],
+        'prefix' => 'indonesia',
+    ],
+    'view' => [
+        'layout' => 'ui::layouts.app',
+    ],
+    'menu' => [
+        'enabled' => false,
+    ],
+];
diff --git a/config/tinker.php b/config/tinker.php
new file mode 100644
index 00000000..c187942d
--- /dev/null
+++ b/config/tinker.php
@@ -0,0 +1,50 @@
+<?php
+
+return [
+
+    /*
+    |--------------------------------------------------------------------------
+    | Console Commands
+    |--------------------------------------------------------------------------
+    |
+    | This option allows you to add additional Artisan commands that should
+    | be available within the Tinker environment. Once the command is in
+    | this array you may execute the command in Tinker using its name.
+    |
+    */
+
+    'commands' => [
+        // App\Console\Commands\ExampleCommand::class,
+    ],
+
+    /*
+    |--------------------------------------------------------------------------
+    | Auto Aliased Classes
+    |--------------------------------------------------------------------------
+    |
+    | Tinker will not automatically alias classes in your vendor namespaces
+    | but you may explicitly allow a subset of classes to get aliased by
+    | adding the names of each of those classes to the following list.
+    |
+    */
+
+    'alias' => [
+        //
+    ],
+
+    /*
+    |--------------------------------------------------------------------------
+    | Classes That Should Not Be Aliased
+    |--------------------------------------------------------------------------
+    |
+    | Typically, Tinker automatically aliases classes as you require them in
+    | Tinker. However, you may wish to never alias certain classes, which
+    | you may accomplish by listing the classes in the following array.
+    |
+    */
+
+    'dont_alias' => [
+        'App\Nova',
+    ],
+
+];
diff --git a/database/factories/RefundFactory.php b/database/factories/RefundFactory.php
deleted file mode 100644
index 19573993..00000000
--- a/database/factories/RefundFactory.php
+++ /dev/null
@@ -1,23 +0,0 @@
-<?php
-
-namespace Database\Factories;
-
-use Illuminate\Database\Eloquent\Factories\Factory;
-
-/**
- * @extends \Illuminate\Database\Eloquent\Factories\Factory<\App\Models\Refund>
- */
-class RefundFactory extends Factory
-{
-    /**
-     * Define the model's default state.
-     *
-     * @return array<string, mixed>
-     */
-    public function definition(): array
-    {
-        return [
-            //
-        ];
-    }
-}
diff --git a/database/factories/SettingFactory.php b/database/factories/SettingFactory.php
deleted file mode 100644
index eb11ef9b..00000000
--- a/database/factories/SettingFactory.php
+++ /dev/null
@@ -1,23 +0,0 @@
-<?php
-
-namespace Database\Factories;
-
-use Illuminate\Database\Eloquent\Factories\Factory;
-
-/**
- * @extends \Illuminate\Database\Eloquent\Factories\Factory<\App\Models\Setting>
- */
-class SettingFactory extends Factory
-{
-    /**
-     * Define the model's default state.
-     *
-     * @return array<string, mixed>
-     */
-    public function definition(): array
-    {
-        return [
-            //
-        ];
-    }
-}
diff --git a/database/factories/TransactionFactory.php b/database/factories/TransactionFactory.php
deleted file mode 100644
index 4a159bfd..00000000
--- a/database/factories/TransactionFactory.php
+++ /dev/null
@@ -1,23 +0,0 @@
-<?php
-
-namespace Database\Factories;
-
-use Illuminate\Database\Eloquent\Factories\Factory;
-
-/**
- * @extends \Illuminate\Database\Eloquent\Factories\Factory<\App\Models\transaction>
- */
-class TransactionFactory extends Factory
-{
-    /**
-     * Define the model's default state.
-     *
-     * @return array<string, mixed>
-     */
-    public function definition(): array
-    {
-        return [
-            //
-        ];
-    }
-}
diff --git a/database/factories/UserFactory.php b/database/factories/UserFactory.php
index a6ecc0af..ee19fe14 100644
--- a/database/factories/UserFactory.php
+++ b/database/factories/UserFactory.php
@@ -18,11 +18,22 @@ class UserFactory extends Factory
     public function definition(): array
     {
         return [
-            'name' => fake()->name(),
+            'id' => Str::uuid(),
+            'nama_depan' => $this->faker->firstName,
+            'nama_belakang' => $this->faker->lastName,
+            'tanggal_lahir' => $this->faker->date($format = 'Y-m-d', $max = 'now'),
             'email' => fake()->unique()->safeEmail(),
             'email_verified_at' => now(),
             'password' => '$2y$10$92IXUNpkjO0rOQ5byMi.Ye4oKoEa3Ro9llC/.og/at2.uheWG/igi', // password
             'remember_token' => Str::random(10),
+            'role' => 'User',
+            'nik' => $this->faker->nik($this->faker->randomElement(['male', 'female']),$this->faker->dateTimeBetween('-65 years', '-18 years')),
+            'alamat'=> $this->faker->address,
+            'nohp'=> $this->faker->phoneNumber(),
+            'persentase_kemiripan' => random_int(0, 100).'%',
+            'status'=> $this->faker->randomElement(['Progress', 'Finished', 'Rejected']),
+            'gender' => $this->faker->randomElement(['Laki-laki', 'Perempuan']),
+            'kode_kelurahan' => '1101012002',
         ];
     }
 
diff --git a/database/factories/UsersFactory.php b/database/factories/UsersFactory.php
deleted file mode 100644
index 8ffe10c5..00000000
--- a/database/factories/UsersFactory.php
+++ /dev/null
@@ -1,23 +0,0 @@
-<?php
-
-namespace Database\Factories;
-
-use Illuminate\Database\Eloquent\Factories\Factory;
-
-/**
- * @extends \Illuminate\Database\Eloquent\Factories\Factory<\App\Models\Users>
- */
-class UsersFactory extends Factory
-{
-    /**
-     * Define the model's default state.
-     *
-     * @return array<string, mixed>
-     */
-    public function definition(): array
-    {
-        return [
-            //
-        ];
-    }
-}
diff --git a/database/migrations/2014_10_12_000000_create_users_table.php b/database/migrations/2014_10_12_000000_create_users_table.php
index 444fafb7..fc18ea30 100644
--- a/database/migrations/2014_10_12_000000_create_users_table.php
+++ b/database/migrations/2014_10_12_000000_create_users_table.php
@@ -12,13 +12,28 @@ return new class extends Migration
     public function up(): void
     {
         Schema::create('users', function (Blueprint $table) {
-            $table->id();
-            $table->string('name');
-            $table->string('email')->unique();
+            $table->uuid('id')->primary;
+            $table->string('nama_depan',255);
+            $table->string('nama_belakang',255);
+            $table->date('tanggal_lahir');
+            $table->string('email',50)->unique();
             $table->timestamp('email_verified_at')->nullable();
             $table->string('password');
+            $table->enum('role',['Admin','User'])->default('User');
+            $table->string('nohp',20);
+            $table->string('nik',20);
+            $table->string('alamat',255);
+            $table->string('foto_ktp')->nullable();
+            $table->string('foto_wajah')->nullable();
+            $table->string('foto_profil')->nullable();
+            $table->string('persentase_kemiripan')->nullable();
+            $table->enum('status',['Finished','Progress','Rejected'])->default('Progress');
+            $table->string('gender',15);
+            $table->char('kode_kelurahan',10);
             $table->rememberToken();
             $table->timestamps();
+
+            // $table->foreign('kode_kelurahan')->on('villages')->references('code');
         });
     }
 
diff --git a/database/migrations/2016_08_03_072729_create_provinces_table.php b/database/migrations/2016_08_03_072729_create_provinces_table.php
new file mode 100644
index 00000000..2379b086
--- /dev/null
+++ b/database/migrations/2016_08_03_072729_create_provinces_table.php
@@ -0,0 +1,34 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+class CreateProvincesTable extends Migration
+{
+    /**
+     * Run the migrations.
+     *
+     * @return void
+     */
+    public function up()
+    {
+        Schema::create(config('laravolt.indonesia.table_prefix').'provinces', function (Blueprint $table) {
+            $table->bigIncrements('id');
+            $table->char('code', 2)->unique();
+            $table->string('name', 255);
+            $table->text('meta')->nullable();
+            $table->timestamps();
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     *
+     * @return void
+     */
+    public function down()
+    {
+        Schema::drop(config('laravolt.indonesia.table_prefix').'provinces');
+    }
+}
diff --git a/database/migrations/2016_08_03_072750_create_cities_table.php b/database/migrations/2016_08_03_072750_create_cities_table.php
new file mode 100644
index 00000000..6a917a5d
--- /dev/null
+++ b/database/migrations/2016_08_03_072750_create_cities_table.php
@@ -0,0 +1,40 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+class CreateCitiesTable extends Migration
+{
+    /**
+     * Run the migrations.
+     *
+     * @return void
+     */
+    public function up()
+    {
+        Schema::create(config('laravolt.indonesia.table_prefix').'cities', function (Blueprint $table) {
+            $table->bigIncrements('id');
+            $table->char('code', 4)->unique();
+            $table->char('province_code', 2);
+            $table->string('name', 255);
+            $table->text('meta')->nullable();
+            $table->timestamps();
+
+            $table->foreign('province_code')
+                ->references('code')
+                ->on(config('laravolt.indonesia.table_prefix').'provinces')
+                ->onUpdate('cascade')->onDelete('restrict');
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     *
+     * @return void
+     */
+    public function down()
+    {
+        Schema::drop(config('laravolt.indonesia.table_prefix').'cities');
+    }
+}
diff --git a/database/migrations/2016_08_03_072804_create_districts_table.php b/database/migrations/2016_08_03_072804_create_districts_table.php
new file mode 100644
index 00000000..f5b466ed
--- /dev/null
+++ b/database/migrations/2016_08_03_072804_create_districts_table.php
@@ -0,0 +1,40 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+class CreateDistrictsTable extends Migration
+{
+    /**
+     * Run the migrations.
+     *
+     * @return void
+     */
+    public function up()
+    {
+        Schema::create(config('laravolt.indonesia.table_prefix').'districts', function (Blueprint $table) {
+            $table->bigIncrements('id');
+            $table->char('code', 7)->unique();
+            $table->char('city_code', 4);
+            $table->string('name', 255);
+            $table->text('meta')->nullable();
+            $table->timestamps();
+
+            $table->foreign('city_code')
+                ->references('code')
+                ->on(config('laravolt.indonesia.table_prefix').'cities')
+                ->onUpdate('cascade')->onDelete('restrict');
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     *
+     * @return void
+     */
+    public function down()
+    {
+        Schema::drop(config('laravolt.indonesia.table_prefix').'districts');
+    }
+}
diff --git a/database/migrations/2016_08_03_072819_create_villages_table.php b/database/migrations/2016_08_03_072819_create_villages_table.php
new file mode 100644
index 00000000..9501bca9
--- /dev/null
+++ b/database/migrations/2016_08_03_072819_create_villages_table.php
@@ -0,0 +1,40 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+class CreateVillagesTable extends Migration
+{
+    /**
+     * Run the migrations.
+     *
+     * @return void
+     */
+    public function up()
+    {
+        Schema::create(config('laravolt.indonesia.table_prefix').'villages', function (Blueprint $table) {
+            $table->bigIncrements('id');
+            $table->char('code', 10)->unique();
+            $table->char('district_code', 7);
+            $table->string('name', 255);
+            $table->text('meta')->nullable();
+            $table->timestamps();
+
+            $table->foreign('district_code')
+                ->references('code')
+                ->on(config('laravolt.indonesia.table_prefix').'districts')
+                ->onUpdate('cascade')->onDelete('restrict');
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     *
+     * @return void
+     */
+    public function down()
+    {
+        Schema::drop(config('laravolt.indonesia.table_prefix').'villages');
+    }
+}
diff --git a/database/migrations/2023_08_01_073859_create_transactions_table.php b/database/migrations/2023_08_01_073859_create_transactions_table.php
new file mode 100644
index 00000000..fcb21888
--- /dev/null
+++ b/database/migrations/2023_08_01_073859_create_transactions_table.php
@@ -0,0 +1,43 @@
+<?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('transactions', function (Blueprint $table) {
+            $table->uuid('order_id')->primary(); //order_id
+            $table->string('pembeli'); // untuk customer_details
+            $table->string('penjual'); //merchant_name
+            $table->string('judul_transaksi'); // item_details -> item_name
+            $table->string('deskripsi_transaksi');
+            $table->double('persentase_keuntungan'); // persentase keuntungan
+            $table->double('total_keuntungan'); // perolehan keuntungan
+            $table->double('harga'); // harga sebelum penambahan
+            $table->double('biaya_admin'); // biaya tambahan
+            $table->double('total_harga'); // gross amount
+            $table->string('signature_key');
+            $table->string('metode_pembayaran');
+            $table->enum('status',['Settlement','Capture','Pending','Cancel','Refund','Expire','Failure','Progress','Failed'])->default('Pending'); // transaction_status
+            $table->timestamp('batas_pembayaran');
+            $table->timestamp('batas_pengiriman_barang');
+            $table->timestamps();
+            $table->foreign('pembeli')->on('users')->references('email');
+            $table->foreign('penjual')->on('users')->references('email');
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     */
+    public function down(): void
+    {
+        Schema::dropIfExists('transactions');
+    }
+};
diff --git a/database/migrations/2023_08_16_044527_create_refunds_table.php b/database/migrations/2023_08_16_044527_create_refunds_table.php
index 4dbb28f5..df526a67 100644
--- a/database/migrations/2023_08_16_044527_create_refunds_table.php
+++ b/database/migrations/2023_08_16_044527_create_refunds_table.php
@@ -13,12 +13,12 @@ return new class extends Migration
     {
         Schema::create('refunds', function (Blueprint $table) {
             $table->id();
-            $table->integer('orderId');
-            $table->string('customerName');
-            $table->string('sellerName');
-            $table->string('total');
-            $table->timestamp('dueDate');
-            $table->string('status');
+            $table->foreignUuid('order_id');
+            $table->double('total',10);
+            $table->timestamp('due_date');
+            $table->enum('status',['Partial Refund','Deny','Pending'])->default('Pending');
+
+            $table->foreign('order_id')->on('transactions')->references('order_id');
         });
     }
 
@@ -29,4 +29,4 @@ return new class extends Migration
     {
         Schema::dropIfExists('refunds');
     }
-};
\ No newline at end of file
+};
diff --git a/database/migrations/2023_08_27_074453_create_settings_table.php b/database/migrations/2023_08_27_074453_create_settings_table.php
index 3f09f882..ea5a15d8 100644
--- a/database/migrations/2023_08_27_074453_create_settings_table.php
+++ b/database/migrations/2023_08_27_074453_create_settings_table.php
@@ -13,6 +13,10 @@ return new class extends Migration
     {
         Schema::create('settings', function (Blueprint $table) {
             $table->id();
+            $table->string('bulan',20);
+            $table->string('tahun',5);
+            $table->string('persentase',5);
+            $table->string('status',15);
             $table->timestamps();
         });
     }
diff --git a/database/migrations/2023_08_21_031635_create_users_table.php b/database/migrations/2023_09_01_044300_create_contacts_table.php
similarity index 50%
rename from database/migrations/2023_08_21_031635_create_users_table.php
rename to database/migrations/2023_09_01_044300_create_contacts_table.php
index b3bb22f2..94371bdd 100644
--- a/database/migrations/2023_08_21_031635_create_users_table.php
+++ b/database/migrations/2023_09_01_044300_create_contacts_table.php
@@ -11,8 +11,13 @@ return new class extends Migration
      */
     public function up(): void
     {
-        Schema::create('users', function (Blueprint $table) {
+        Schema::create('contacts', function (Blueprint $table) {
             $table->id();
+            $table->string('pemilik_kontak');
+            $table->string('relasi_kontak');
+            $table->foreign('pemilik_kontak')->on('users')->references('email');
+            $table->foreign('relasi_kontak')->on('users')->references('email');
+            $table->unique(['pemilik_kontak','relasi_kontak']);
             $table->timestamps();
         });
     }
@@ -22,6 +27,6 @@ return new class extends Migration
      */
     public function down(): void
     {
-        Schema::dropIfExists('users');
+        Schema::dropIfExists('contacts');
     }
 };
diff --git a/database/migrations/2023_09_04_022513_create_transaction_descriptions_table.php b/database/migrations/2023_09_04_022513_create_transaction_descriptions_table.php
new file mode 100644
index 00000000..961f41ff
--- /dev/null
+++ b/database/migrations/2023_09_04_022513_create_transaction_descriptions_table.php
@@ -0,0 +1,35 @@
+<?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('transaction_descriptions', function (Blueprint $table) {
+            $table->id();
+            $table->foreignUuid('order_id');
+            $table->string('status',15);
+            $table->string('user');
+            $table->string('judul');
+            $table->string('deskripsi');
+            $table->timestamps();
+
+            $table->foreign('order_id')->on('transactions')->references('order_id');
+            $table->foreign('user')->on('users')->references('email');
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     */
+    public function down(): void
+    {
+        Schema::dropIfExists('transaction_descriptions');
+    }
+};
diff --git a/database/migrations/2023_08_16_044542_create_transactions_table.php b/database/migrations/2023_09_04_023526_create_refund_descriptions_table.php
similarity index 56%
rename from database/migrations/2023_08_16_044542_create_transactions_table.php
rename to database/migrations/2023_09_04_023526_create_refund_descriptions_table.php
index 30e302a0..6481bc8a 100644
--- a/database/migrations/2023_08_16_044542_create_transactions_table.php
+++ b/database/migrations/2023_09_04_023526_create_refund_descriptions_table.php
@@ -11,9 +11,14 @@ return new class extends Migration
      */
     public function up(): void
     {
-        Schema::create('transactions', function (Blueprint $table) {
+        Schema::create('refund_descriptions', function (Blueprint $table) {
             $table->id();
+            $table->foreignId('refund_id');
+            $table->string('filename');
+            $table->string('type');
             $table->timestamps();
+
+            $table->foreign('refund_id')->on('refunds')->references('id');
         });
     }
 
@@ -22,6 +27,6 @@ return new class extends Migration
      */
     public function down(): void
     {
-        Schema::dropIfExists('transactions');
+        Schema::dropIfExists('refund_descriptions');
     }
 };
diff --git a/database/seeders/DatabaseSeeder.php b/database/seeders/DatabaseSeeder.php
index a9f4519f..d9783a06 100644
--- a/database/seeders/DatabaseSeeder.php
+++ b/database/seeders/DatabaseSeeder.php
@@ -4,6 +4,14 @@ namespace Database\Seeders;
 
 // use Illuminate\Database\Console\Seeds\WithoutModelEvents;
 use Illuminate\Database\Seeder;
+use App\Models\User;
+use Illuminate\Support\Str;
+use Faker\Factory as FakerFactory;
+use Faker\Provider\id_ID\Person as Person;
+use Laravolt\Indonesia\Seeds\CitiesSeeder;
+use Laravolt\Indonesia\Seeds\VillagesSeeder;
+use Laravolt\Indonesia\Seeds\DistrictsSeeder;
+use Laravolt\Indonesia\Seeds\ProvincesSeeder;
 
 class DatabaseSeeder extends Seeder
 {
@@ -12,11 +20,35 @@ class DatabaseSeeder extends Seeder
      */
     public function run(): void
     {
-        // \App\Models\User::factory(10)->create();
+        $faker = FakerFactory::create();
+        $faker->addProvider(new Person($faker));
+
+        User::factory()->create([
+            'id' => Str::uuid(),
+            'nama_depan' => $faker->firstName,
+            'nama_belakang' => $faker->lastName,
+            'tanggal_lahir' => $faker->date($format = 'Y-m-d', $max = 'now'),
+            'email' => fake()->unique()->safeEmail(),
+            'email_verified_at' => now(),
+            'password' => '$2y$10$92IXUNpkjO0rOQ5byMi.Ye4oKoEa3Ro9llC/.og/at2.uheWG/igi', // password
+            'remember_token' => Str::random(10),
+            'role' => 'Admin',
+            'nik' => $faker->nik($faker->randomElement(['male','female']), $faker->dateTimeBetween('-65 years', '-18 years')),
+            'alamat'=> $faker->address,
+            'nohp'=> $faker->phoneNumber(),
+            'status'=> 'Finished',
+            'persentase_kemiripan' => '100%',
+            'gender' => $faker->randomElement(['Laki-laki', 'Perempuan']),
+            'kode_kelurahan' => '1101012002',
+        ]);
+        User::factory(20)->create();
+
+        $this->call([
+            ProvincesSeeder::class,
+            CitiesSeeder::class,
+            DistrictsSeeder::class,
+            VillagesSeeder::class,
+        ]);
 
-        // \App\Models\User::factory()->create([
-        //     'name' => 'Test User',
-        //     'email' => 'test@example.com',
-        // ]);
     }
 }
diff --git a/database/seeders/RefundSeeder.php b/database/seeders/RefundSeeder.php
deleted file mode 100644
index 1d4f47ba..00000000
--- a/database/seeders/RefundSeeder.php
+++ /dev/null
@@ -1,17 +0,0 @@
-<?php
-
-namespace Database\Seeders;
-
-use Illuminate\Database\Console\Seeds\WithoutModelEvents;
-use Illuminate\Database\Seeder;
-
-class RefundSeeder extends Seeder
-{
-    /**
-     * Run the database seeds.
-     */
-    public function run(): void
-    {
-        //
-    }
-}
diff --git a/database/seeders/SettingSeeder.php b/database/seeders/SettingSeeder.php
deleted file mode 100644
index 9a6d9b67..00000000
--- a/database/seeders/SettingSeeder.php
+++ /dev/null
@@ -1,17 +0,0 @@
-<?php
-
-namespace Database\Seeders;
-
-use Illuminate\Database\Console\Seeds\WithoutModelEvents;
-use Illuminate\Database\Seeder;
-
-class SettingSeeder extends Seeder
-{
-    /**
-     * Run the database seeds.
-     */
-    public function run(): void
-    {
-        //
-    }
-}
diff --git a/database/seeders/TransactionSeeder.php b/database/seeders/TransactionSeeder.php
deleted file mode 100644
index 07edc4fb..00000000
--- a/database/seeders/TransactionSeeder.php
+++ /dev/null
@@ -1,17 +0,0 @@
-<?php
-
-namespace Database\Seeders;
-
-use Illuminate\Database\Console\Seeds\WithoutModelEvents;
-use Illuminate\Database\Seeder;
-
-class TransactionSeeder extends Seeder
-{
-    /**
-     * Run the database seeds.
-     */
-    public function run(): void
-    {
-        //
-    }
-}
diff --git a/database/seeders/UsersSeeder.php b/database/seeders/UsersSeeder.php
deleted file mode 100644
index 94c16217..00000000
--- a/database/seeders/UsersSeeder.php
+++ /dev/null
@@ -1,17 +0,0 @@
-<?php
-
-namespace Database\Seeders;
-
-use Illuminate\Database\Console\Seeds\WithoutModelEvents;
-use Illuminate\Database\Seeder;
-
-class UsersSeeder extends Seeder
-{
-    /**
-     * Run the database seeds.
-     */
-    public function run(): void
-    {
-        //
-    }
-}
diff --git a/docker/8.0/Dockerfile b/docker/8.0/Dockerfile
new file mode 100644
index 00000000..9946ee60
--- /dev/null
+++ b/docker/8.0/Dockerfile
@@ -0,0 +1,59 @@
+FROM ubuntu:20.04
+
+LABEL maintainer="Taylor Otwell"
+
+ARG WWWGROUP
+ARG NODE_VERSION=16
+ARG POSTGRES_VERSION=13
+
+WORKDIR /var/www/html
+
+ENV DEBIAN_FRONTEND noninteractive
+ENV TZ=UTC
+
+RUN ln -snf /usr/share/zoneinfo/$TZ /etc/localtime && echo $TZ > /etc/timezone
+
+RUN apt-get update \
+    && apt-get install -y gnupg gosu curl ca-certificates zip unzip git supervisor sqlite3 libcap2-bin libpng-dev python2 dnsutils librsvg2-bin fswatch \
+    && curl -sS 'https://keyserver.ubuntu.com/pks/lookup?op=get&search=0x14aa40ec0831756756d7f66c4f4ea0aae5267a6c' | gpg --dearmor | tee /usr/share/keyrings/ppa_ondrej_php.gpg > /dev/null \
+    && echo "deb [signed-by=/usr/share/keyrings/ppa_ondrej_php.gpg] https://ppa.launchpadcontent.net/ondrej/php/ubuntu focal main" > /etc/apt/sources.list.d/ppa_ondrej_php.list \
+    && apt-get update \
+    && apt-get install -y php8.0-cli php8.0-dev \
+       php8.0-pgsql php8.0-sqlite3 php8.0-gd php8.0-imagick \
+       php8.0-curl php8.0-memcached \
+       php8.0-imap php8.0-mysql php8.0-mbstring \
+       php8.0-xml php8.0-zip php8.0-bcmath php8.0-soap \
+       php8.0-intl php8.0-readline php8.0-pcov \
+       php8.0-msgpack php8.0-igbinary php8.0-ldap \
+       php8.0-redis php8.0-swoole php8.0-xdebug \
+    && curl -sLS https://getcomposer.org/installer | php -- --install-dir=/usr/bin/ --filename=composer \
+    && curl -sLS https://deb.nodesource.com/setup_$NODE_VERSION.x | bash - \
+    && apt-get install -y nodejs \
+    && npm install -g npm \
+    && curl -sS https://dl.yarnpkg.com/debian/pubkey.gpg | gpg --dearmor | tee /usr/share/keyrings/yarnkey.gpg >/dev/null \
+    && echo "deb [signed-by=/usr/share/keyrings/yarnkey.gpg] https://dl.yarnpkg.com/debian/ stable main" > /etc/apt/sources.list.d/yarn.list \
+    && curl -sS https://www.postgresql.org/media/keys/ACCC4CF8.asc | gpg --dearmor | tee /usr/share/keyrings/pgdg.gpg >/dev/null \
+    && echo "deb [signed-by=/usr/share/keyrings/pgdg.gpg] http://apt.postgresql.org/pub/repos/apt focal-pgdg main" > /etc/apt/sources.list.d/pgdg.list \
+    && apt-get update \
+    && apt-get install -y yarn \
+    && apt-get install -y mysql-client \
+    && apt-get install -y postgresql-client-$POSTGRES_VERSION \
+    && apt-get -y autoremove \
+    && apt-get clean \
+    && rm -rf /var/lib/apt/lists/* /tmp/* /var/tmp/*
+
+RUN update-alternatives --set php /usr/bin/php8.0
+
+RUN setcap "cap_net_bind_service=+ep" /usr/bin/php8.0
+
+RUN groupadd --force -g $WWWGROUP sail
+RUN useradd -ms /bin/bash --no-user-group -g $WWWGROUP -u 1337 sail
+
+COPY start-container /usr/local/bin/start-container
+COPY supervisord.conf /etc/supervisor/conf.d/supervisord.conf
+COPY php.ini /etc/php/8.0/cli/conf.d/99-sail.ini
+RUN chmod +x /usr/local/bin/start-container
+
+EXPOSE 8000
+
+ENTRYPOINT ["start-container"]
diff --git a/docker/8.0/php.ini b/docker/8.0/php.ini
new file mode 100644
index 00000000..39dcbcac
--- /dev/null
+++ b/docker/8.0/php.ini
@@ -0,0 +1,7 @@
+[PHP]
+post_max_size = 100M
+upload_max_filesize = 100M
+variables_order = EGPCS
+
+[opcache]
+opcache.enable_cli=1
diff --git a/docker/8.0/start-container b/docker/8.0/start-container
new file mode 100644
index 00000000..b8643990
--- /dev/null
+++ b/docker/8.0/start-container
@@ -0,0 +1,17 @@
+#!/usr/bin/env bash
+
+if [ ! -z "$WWWUSER" ]; then
+    usermod -u $WWWUSER sail
+fi
+
+if [ ! -d /.composer ]; then
+    mkdir /.composer
+fi
+
+chmod -R ugo+rw /.composer
+
+if [ $# -gt 0 ]; then
+    exec gosu $WWWUSER "$@"
+else
+    exec /usr/bin/supervisord -c /etc/supervisor/conf.d/supervisord.conf
+fi
diff --git a/docker/8.0/supervisord.conf b/docker/8.0/supervisord.conf
new file mode 100644
index 00000000..9d284795
--- /dev/null
+++ b/docker/8.0/supervisord.conf
@@ -0,0 +1,14 @@
+[supervisord]
+nodaemon=true
+user=root
+logfile=/var/log/supervisor/supervisord.log
+pidfile=/var/run/supervisord.pid
+
+[program:php]
+command=/usr/bin/php -d variables_order=EGPCS /var/www/html/artisan serve --host=0.0.0.0 --port=80
+user=sail
+environment=LARAVEL_SAIL="1"
+stdout_logfile=/dev/stdout
+stdout_logfile_maxbytes=0
+stderr_logfile=/dev/stderr
+stderr_logfile_maxbytes=0
diff --git a/docker/8.1/Dockerfile b/docker/8.1/Dockerfile
new file mode 100644
index 00000000..043ddb49
--- /dev/null
+++ b/docker/8.1/Dockerfile
@@ -0,0 +1,58 @@
+FROM ubuntu:22.04
+
+LABEL maintainer="Taylor Otwell"
+
+ARG WWWGROUP
+ARG NODE_VERSION=18
+ARG POSTGRES_VERSION=15
+
+WORKDIR /var/www/html
+
+ENV DEBIAN_FRONTEND noninteractive
+ENV TZ=UTC
+
+RUN ln -snf /usr/share/zoneinfo/$TZ /etc/localtime && echo $TZ > /etc/timezone
+
+RUN apt-get update \
+    && apt-get install -y gnupg gosu curl ca-certificates zip unzip git supervisor sqlite3 libcap2-bin libpng-dev python2 dnsutils librsvg2-bin fswatch \
+    && curl -sS 'https://keyserver.ubuntu.com/pks/lookup?op=get&search=0x14aa40ec0831756756d7f66c4f4ea0aae5267a6c' | gpg --dearmor | tee /usr/share/keyrings/ppa_ondrej_php.gpg > /dev/null \
+    && echo "deb [signed-by=/usr/share/keyrings/ppa_ondrej_php.gpg] https://ppa.launchpadcontent.net/ondrej/php/ubuntu jammy main" > /etc/apt/sources.list.d/ppa_ondrej_php.list \
+    && apt-get update \
+    && apt-get install -y php8.1-cli php8.1-dev \
+       php8.1-pgsql php8.1-sqlite3 php8.1-gd php8.1-imagick \
+       php8.1-curl \
+       php8.1-imap php8.1-mysql php8.1-mbstring \
+       php8.1-xml php8.1-zip php8.1-bcmath php8.1-soap \
+       php8.1-intl php8.1-readline \
+       php8.1-ldap \
+       php8.1-msgpack php8.1-igbinary php8.1-redis php8.1-swoole \
+       php8.1-memcached php8.1-pcov php8.1-xdebug \
+    && curl -sLS https://getcomposer.org/installer | php -- --install-dir=/usr/bin/ --filename=composer \
+    && curl -sLS https://deb.nodesource.com/setup_$NODE_VERSION.x | bash - \
+    && apt-get install -y nodejs \
+    && npm install -g npm \
+    && curl -sS https://dl.yarnpkg.com/debian/pubkey.gpg | gpg --dearmor | tee /usr/share/keyrings/yarn.gpg >/dev/null \
+    && echo "deb [signed-by=/usr/share/keyrings/yarn.gpg] https://dl.yarnpkg.com/debian/ stable main" > /etc/apt/sources.list.d/yarn.list \
+    && curl -sS https://www.postgresql.org/media/keys/ACCC4CF8.asc | gpg --dearmor | tee /usr/share/keyrings/pgdg.gpg >/dev/null \
+    && echo "deb [signed-by=/usr/share/keyrings/pgdg.gpg] http://apt.postgresql.org/pub/repos/apt jammy-pgdg main" > /etc/apt/sources.list.d/pgdg.list \
+    && apt-get update \
+    && apt-get install -y yarn \
+    && apt-get install -y mysql-client \
+    && apt-get install -y postgresql-client-$POSTGRES_VERSION \
+    && apt-get -y autoremove \
+    && apt-get clean \
+    && rm -rf /var/lib/apt/lists/* /tmp/* /var/tmp/*
+
+RUN setcap "cap_net_bind_service=+ep" /usr/bin/php8.1
+
+RUN groupadd --force -g $WWWGROUP sail
+RUN useradd -ms /bin/bash --no-user-group -g $WWWGROUP -u 1337 sail
+
+COPY start-container /usr/local/bin/start-container
+COPY supervisord.conf /etc/supervisor/conf.d/supervisord.conf
+COPY php.ini /etc/php/8.1/cli/conf.d/99-sail.ini
+RUN chmod +x /usr/local/bin/start-container
+
+EXPOSE 8000
+
+ENTRYPOINT ["start-container"]
diff --git a/docker/8.1/php.ini b/docker/8.1/php.ini
new file mode 100644
index 00000000..39dcbcac
--- /dev/null
+++ b/docker/8.1/php.ini
@@ -0,0 +1,7 @@
+[PHP]
+post_max_size = 100M
+upload_max_filesize = 100M
+variables_order = EGPCS
+
+[opcache]
+opcache.enable_cli=1
diff --git a/docker/8.1/start-container b/docker/8.1/start-container
new file mode 100644
index 00000000..b8643990
--- /dev/null
+++ b/docker/8.1/start-container
@@ -0,0 +1,17 @@
+#!/usr/bin/env bash
+
+if [ ! -z "$WWWUSER" ]; then
+    usermod -u $WWWUSER sail
+fi
+
+if [ ! -d /.composer ]; then
+    mkdir /.composer
+fi
+
+chmod -R ugo+rw /.composer
+
+if [ $# -gt 0 ]; then
+    exec gosu $WWWUSER "$@"
+else
+    exec /usr/bin/supervisord -c /etc/supervisor/conf.d/supervisord.conf
+fi
diff --git a/docker/8.1/supervisord.conf b/docker/8.1/supervisord.conf
new file mode 100644
index 00000000..9d284795
--- /dev/null
+++ b/docker/8.1/supervisord.conf
@@ -0,0 +1,14 @@
+[supervisord]
+nodaemon=true
+user=root
+logfile=/var/log/supervisor/supervisord.log
+pidfile=/var/run/supervisord.pid
+
+[program:php]
+command=/usr/bin/php -d variables_order=EGPCS /var/www/html/artisan serve --host=0.0.0.0 --port=80
+user=sail
+environment=LARAVEL_SAIL="1"
+stdout_logfile=/dev/stdout
+stdout_logfile_maxbytes=0
+stderr_logfile=/dev/stderr
+stderr_logfile_maxbytes=0
diff --git a/docker/8.2/Dockerfile b/docker/8.2/Dockerfile
new file mode 100644
index 00000000..56cdb242
--- /dev/null
+++ b/docker/8.2/Dockerfile
@@ -0,0 +1,59 @@
+FROM ubuntu:22.04
+
+LABEL maintainer="Taylor Otwell"
+
+ARG WWWGROUP
+ARG NODE_VERSION=18
+ARG POSTGRES_VERSION=15
+
+WORKDIR /var/www/html
+
+ENV DEBIAN_FRONTEND noninteractive
+ENV TZ=UTC
+
+RUN ln -snf /usr/share/zoneinfo/$TZ /etc/localtime && echo $TZ > /etc/timezone
+
+RUN apt-get update \
+    && apt-get install -y gnupg gosu curl ca-certificates zip unzip git supervisor sqlite3 libcap2-bin libpng-dev python2 dnsutils librsvg2-bin fswatch \
+    && curl -sS 'https://keyserver.ubuntu.com/pks/lookup?op=get&search=0x14aa40ec0831756756d7f66c4f4ea0aae5267a6c' | gpg --dearmor | tee /etc/apt/keyrings/ppa_ondrej_php.gpg > /dev/null \
+    && echo "deb [signed-by=/etc/apt/keyrings/ppa_ondrej_php.gpg] https://ppa.launchpadcontent.net/ondrej/php/ubuntu jammy main" > /etc/apt/sources.list.d/ppa_ondrej_php.list \
+    && apt-get update \
+    && apt-get install -y php8.2-cli php8.2-dev \
+       php8.2-pgsql php8.2-sqlite3 php8.2-gd php8.2-imagick \
+       php8.2-curl \
+       php8.2-imap php8.2-mysql php8.2-mbstring \
+       php8.2-xml php8.2-zip php8.2-bcmath php8.2-soap \
+       php8.2-intl php8.2-readline \
+       php8.2-ldap \
+       php8.2-msgpack php8.2-igbinary php8.2-redis php8.2-swoole \
+       php8.2-memcached php8.2-pcov php8.2-xdebug \
+    && curl -sLS https://getcomposer.org/installer | php -- --install-dir=/usr/bin/ --filename=composer \
+    && curl -sLS https://deb.nodesource.com/setup_$NODE_VERSION.x | bash - \
+    && apt-get install -y nodejs \
+    && npm install -g npm \
+    && npm install -g pnpm \
+    && curl -sS https://dl.yarnpkg.com/debian/pubkey.gpg | gpg --dearmor | tee /etc/apt/keyrings/yarn.gpg >/dev/null \
+    && echo "deb [signed-by=/etc/apt/keyrings/yarn.gpg] https://dl.yarnpkg.com/debian/ stable main" > /etc/apt/sources.list.d/yarn.list \
+    && curl -sS https://www.postgresql.org/media/keys/ACCC4CF8.asc | gpg --dearmor | tee /etc/apt/keyrings/pgdg.gpg >/dev/null \
+    && echo "deb [signed-by=/etc/apt/keyrings/pgdg.gpg] http://apt.postgresql.org/pub/repos/apt jammy-pgdg main" > /etc/apt/sources.list.d/pgdg.list \
+    && apt-get update \
+    && apt-get install -y yarn \
+    && apt-get install -y mysql-client \
+    && apt-get install -y postgresql-client-$POSTGRES_VERSION \
+    && apt-get -y autoremove \
+    && apt-get clean \
+    && rm -rf /var/lib/apt/lists/* /tmp/* /var/tmp/*
+
+RUN setcap "cap_net_bind_service=+ep" /usr/bin/php8.2
+
+RUN groupadd --force -g $WWWGROUP sail
+RUN useradd -ms /bin/bash --no-user-group -g $WWWGROUP -u 1337 sail
+
+COPY start-container /usr/local/bin/start-container
+COPY supervisord.conf /etc/supervisor/conf.d/supervisord.conf
+COPY php.ini /etc/php/8.2/cli/conf.d/99-sail.ini
+RUN chmod +x /usr/local/bin/start-container
+
+EXPOSE 8000
+
+ENTRYPOINT ["start-container"]
diff --git a/docker/8.2/php.ini b/docker/8.2/php.ini
new file mode 100644
index 00000000..39dcbcac
--- /dev/null
+++ b/docker/8.2/php.ini
@@ -0,0 +1,7 @@
+[PHP]
+post_max_size = 100M
+upload_max_filesize = 100M
+variables_order = EGPCS
+
+[opcache]
+opcache.enable_cli=1
diff --git a/docker/8.2/start-container b/docker/8.2/start-container
new file mode 100644
index 00000000..b8643990
--- /dev/null
+++ b/docker/8.2/start-container
@@ -0,0 +1,17 @@
+#!/usr/bin/env bash
+
+if [ ! -z "$WWWUSER" ]; then
+    usermod -u $WWWUSER sail
+fi
+
+if [ ! -d /.composer ]; then
+    mkdir /.composer
+fi
+
+chmod -R ugo+rw /.composer
+
+if [ $# -gt 0 ]; then
+    exec gosu $WWWUSER "$@"
+else
+    exec /usr/bin/supervisord -c /etc/supervisor/conf.d/supervisord.conf
+fi
diff --git a/docker/8.2/supervisord.conf b/docker/8.2/supervisord.conf
new file mode 100644
index 00000000..9d284795
--- /dev/null
+++ b/docker/8.2/supervisord.conf
@@ -0,0 +1,14 @@
+[supervisord]
+nodaemon=true
+user=root
+logfile=/var/log/supervisor/supervisord.log
+pidfile=/var/run/supervisord.pid
+
+[program:php]
+command=/usr/bin/php -d variables_order=EGPCS /var/www/html/artisan serve --host=0.0.0.0 --port=80
+user=sail
+environment=LARAVEL_SAIL="1"
+stdout_logfile=/dev/stdout
+stdout_logfile_maxbytes=0
+stderr_logfile=/dev/stderr
+stderr_logfile_maxbytes=0
diff --git a/docker/mysql/create-testing-database.sh b/docker/mysql/create-testing-database.sh
new file mode 100644
index 00000000..aeb1826f
--- /dev/null
+++ b/docker/mysql/create-testing-database.sh
@@ -0,0 +1,6 @@
+#!/usr/bin/env bash
+
+mysql --user=root --password="$MYSQL_ROOT_PASSWORD" <<-EOSQL
+    CREATE DATABASE IF NOT EXISTS testing;
+    GRANT ALL PRIVILEGES ON \`testing%\`.* TO '$MYSQL_USER'@'%';
+EOSQL
diff --git a/docker/pgsql/create-testing-database.sql b/docker/pgsql/create-testing-database.sql
new file mode 100644
index 00000000..d84dc07b
--- /dev/null
+++ b/docker/pgsql/create-testing-database.sql
@@ -0,0 +1,2 @@
+SELECT 'CREATE DATABASE testing'
+WHERE NOT EXISTS (SELECT FROM pg_database WHERE datname = 'testing')\gexec
diff --git a/public/assets/css/components.css b/public/assets/css/components.css
index e0119838..3eb1ff6f 100644
--- a/public/assets/css/components.css
+++ b/public/assets/css/components.css
@@ -49,1846 +49,1909 @@
  */
 /* 1.1 Article */
 .article {
-  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03);
-  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03);
-  background-color: #fff;
-  border-radius: 3px;
-  border: none;
-  position: relative;
-  margin-bottom: 30px;
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03);
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03);
+    background-color: #fff;
+    border-radius: 3px;
+    border: none;
+    position: relative;
+    margin-bottom: 30px;
 }
 .article .article-header {
-  height: 170px;
-  position: relative;
-  overflow: hidden;
+    height: 170px;
+    position: relative;
+    overflow: hidden;
 }
 .article .article-header .article-image {
-  background-color: #fbfbfb;
-  background-position: center;
-  background-size: cover;
-  background-repeat: no-repeat;
-  width: 100%;
-  height: 100%;
-  z-index: -1;
+    background-color: #fbfbfb;
+    background-position: center;
+    background-size: cover;
+    background-repeat: no-repeat;
+    width: 100%;
+    height: 100%;
+    z-index: -1;
 }
 .article .article-header .article-title {
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  width: 100%;
-  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.01) 1%, rgba(0, 0, 0, 0.65) 98%, rgba(0, 0, 0, 0.65) 100%);
-  padding: 10px;
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    background: linear-gradient(
+        to bottom,
+        rgba(0, 0, 0, 0) 0%,
+        rgba(0, 0, 0, 0.01) 1%,
+        rgba(0, 0, 0, 0.65) 98%,
+        rgba(0, 0, 0, 0.65) 100%
+    );
+    padding: 10px;
 }
 .article .article-header .article-title h2 {
-  font-size: 16px;
-  line-height: 24px;
+    font-size: 16px;
+    line-height: 24px;
 }
 .article .article-header .article-title h2 a {
-  font-weight: 700;
-  text-decoration: none;
-  color: #fff;
+    font-weight: 700;
+    text-decoration: none;
+    color: #fff;
 }
 .article .article-details {
-  background-color: #fff;
-  padding: 20px;
-  line-height: 24px;
+    background-color: #fff;
+    padding: 20px;
+    line-height: 24px;
 }
 .article .article-details .article-cta {
-  text-align: center;
+    text-align: center;
 }
 .article .article-header .article-badge {
-  position: absolute;
-  bottom: 10px;
-  left: 10px;
+    position: absolute;
+    bottom: 10px;
+    left: 10px;
 }
 .article .article-header .article-badge .article-badge-item {
-  padding: 7px 15px;
-  font-weight: 600;
-  color: #fff;
-  border-radius: 30px;
-  font-size: 12px;
+    padding: 7px 15px;
+    font-weight: 600;
+    color: #fff;
+    border-radius: 30px;
+    font-size: 12px;
 }
-.article .article-header .article-badge .article-badge-item .ion, .article .article-header .article-badge .article-badge-item .fas, .article .article-header .article-badge .article-badge-item .far, .article .article-header .article-badge .article-badge-item .fab, .article .article-header .article-badge .article-badge-item .fal {
-  margin-right: 3px;
+.article .article-header .article-badge .article-badge-item .ion,
+.article .article-header .article-badge .article-badge-item .fas,
+.article .article-header .article-badge .article-badge-item .far,
+.article .article-header .article-badge .article-badge-item .fab,
+.article .article-header .article-badge .article-badge-item .fal {
+    margin-right: 3px;
 }
 .article.article-style-b .article-details .article-title {
-  margin-bottom: 10px;
+    margin-bottom: 10px;
 }
 .article.article-style-b .article-details .article-title h2 {
-  line-height: 22px;
+    line-height: 22px;
 }
 .article.article-style-b .article-details .article-title a {
-  font-size: 16px;
-  font-weight: 600;
+    font-size: 16px;
+    font-weight: 600;
 }
 .article.article-style-b .article-details p {
-  color: #34395e;
+    color: #34395e;
 }
 .article.article-style-b .article-details .article-cta {
-  text-align: right;
+    text-align: right;
 }
 .article.article-style-c .article-header {
-  height: 233px;
+    height: 233px;
 }
 .article.article-style-c .article-details .article-category {
-  text-transform: uppercase;
-  margin-bottom: 5px;
-  letter-spacing: 1px;
-  color: #34395e;
+    text-transform: uppercase;
+    margin-bottom: 5px;
+    letter-spacing: 1px;
+    color: #34395e;
 }
 .article.article-style-c .article-details .article-category a {
-  font-size: 10px;
-  color: #34395e;
-  font-weight: 700;
+    font-size: 10px;
+    color: #34395e;
+    font-weight: 700;
 }
 .article.article-style-c .article-details .article-title {
-  margin-bottom: 10px;
+    margin-bottom: 10px;
 }
 .article.article-style-c .article-details .article-title h2 {
-  line-height: 22px;
+    line-height: 22px;
 }
 .article.article-style-c .article-details .article-title a {
-  font-size: 16px;
-  font-weight: 600;
+    font-size: 16px;
+    font-weight: 600;
 }
 .article.article-style-c .article-details p {
-  color: #34395e;
+    color: #34395e;
 }
 .article.article-style-c .article-user {
-  display: inline-block;
-  width: 100%;
-  margin-top: 20px;
+    display: inline-block;
+    width: 100%;
+    margin-top: 20px;
 }
 .article.article-style-c .article-user img {
-  border-radius: 50%;
-  float: left;
-  width: 45px;
-  margin-right: 15px;
+    border-radius: 50%;
+    float: left;
+    width: 45px;
+    margin-right: 15px;
 }
 .article.article-style-c .article-user .user-detail-name {
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
 }
 .article.article-style-c .article-user .user-detail-name a {
-  font-weight: 700;
+    font-weight: 700;
 }
 
 @media (max-width: 575.98px) {
-  .article .article-style-c .article-header {
-    height: 225px;
-  }
+    .article .article-style-c .article-header {
+        height: 225px;
+    }
 }
 @media (min-width: 768px) and (max-width: 991.98px) {
-  .article {
-    margin-bottom: 40px;
-  }
-  .article .article-header {
-    height: 195px !important;
-  }
-  .article.article-style-c .article-header {
-    height: 155px;
-  }
+    .article {
+        margin-bottom: 40px;
+    }
+    .article .article-header {
+        height: 195px !important;
+    }
+    .article.article-style-c .article-header {
+        height: 155px;
+    }
 }
 @media (max-width: 1024px) {
-  .article.article-style-c .article-header {
-    height: 216px;
-  }
-  .article .article-header {
-    height: 155px;
-  }
+    .article.article-style-c .article-header {
+        height: 216px;
+    }
+    .article .article-header {
+        height: 155px;
+    }
 }
 /* 1.2 Author */
 .author-box .author-box-left {
-  float: left;
-  text-align: center;
-  padding-left: 5px;
+    float: left;
+    text-align: center;
+    padding-left: 5px;
 }
 .author-box .author-box-left .btn {
-  padding: 5px 15px;
-  font-size: 12px;
-  border-radius: 30px;
+    padding: 5px 15px;
+    font-size: 12px;
+    border-radius: 30px;
 }
 .author-box .author-box-picture {
-  width: 100px;
-  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03);
+    width: 100px;
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03);
 }
 .author-box .author-box-details {
-  margin-left: 135px;
+    margin-left: 135px;
 }
 .author-box .author-box-name {
-  font-size: 18px;
+    font-size: 18px;
 }
 .author-box .author-box-name a {
-  font-weight: 600;
+    font-weight: 600;
 }
 .author-box .author-box-job {
-  font-weight: 600;
-  letter-spacing: 0.5px;
-  font-size: 12px;
-  color: #34395e;
+    font-weight: 600;
+    letter-spacing: 0.5px;
+    font-size: 12px;
+    color: #34395e;
 }
 .author-box .author-box-description {
-  line-height: 26px;
-  margin-top: 15px;
+    line-height: 26px;
+    margin-top: 15px;
 }
 
 @media (max-width: 575.98px) {
-  .author-box .author-box-left {
-    float: none;
-  }
-  .author-box .author-box-details {
-    margin-left: 0;
-    margin-top: 15px;
-    text-align: center;
-  }
+    .author-box .author-box-left {
+        float: none;
+    }
+    .author-box .author-box-details {
+        margin-left: 0;
+        margin-top: 15px;
+        text-align: center;
+    }
 }
 /* 1.3 Avatar Item */
 .avatar-item {
-  position: relative;
-  margin-bottom: 20px;
+    position: relative;
+    margin-bottom: 20px;
 }
 .avatar-item img {
-  border-radius: 50%;
+    border-radius: 50%;
 }
 .avatar-item .avatar-badge {
-  position: absolute;
-  bottom: -5px;
-  right: 0;
-  background-color: #fff;
-  color: #000;
-  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03);
-  border-radius: 50%;
-  text-align: center;
-  line-height: 25px;
-  width: 25px;
-  height: 25px;
+    position: absolute;
+    bottom: -5px;
+    right: 0;
+    background-color: #fff;
+    color: #000;
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03);
+    border-radius: 50%;
+    text-align: center;
+    line-height: 25px;
+    width: 25px;
+    height: 25px;
 }
 
 /* 1.4 Browser */
 .browser {
-  display: inline-block;
-  width: 60px;
-  height: 60px;
-  background-size: 100%;
+    display: inline-block;
+    width: 60px;
+    height: 60px;
+    background-size: 100%;
 }
 .browser.browser-chrome {
-  background-image: url("../img/browsers/chrome.png");
+    background-image: url("../img/browsers/chrome.png");
 }
 .browser.browser-firefox {
-  background-image: url("../img/browsers/firefox.png");
+    background-image: url("../img/browsers/firefox.png");
 }
 .browser.browser-internet-explorer {
-  background-image: url("../img/browsers/internet-explorer.png");
+    background-image: url("../img/browsers/internet-explorer.png");
 }
 .browser.browser-opera {
-  background-image: url("../img/browsers/opera.png");
+    background-image: url("../img/browsers/opera.png");
 }
 .browser.browser-safari {
-  background-image: url("../img/browsers/safari.png");
+    background-image: url("../img/browsers/safari.png");
 }
 
 /* 1.5 Chat */
 .chat-box .chat-content {
-  background-color: #f9f9f9 !important;
-  height: 300px;
-  overflow: hidden;
-  padding-top: 25px !important;
+    background-color: #f9f9f9 !important;
+    height: 300px;
+    overflow: hidden;
+    padding-top: 25px !important;
 }
 .chat-box .chat-content .chat-item {
-  display: inline-block;
-  width: 100%;
-  margin-bottom: 25px;
+    display: inline-block;
+    width: 100%;
+    margin-bottom: 25px;
 }
 .chat-box .chat-content .chat-item.chat-right img {
-  float: right;
+    float: right;
 }
 .chat-box .chat-content .chat-item.chat-right .chat-details {
-  margin-left: 0;
-  margin-right: 70px;
-  text-align: right;
+    margin-left: 0;
+    margin-right: 70px;
+    text-align: right;
 }
 .chat-box .chat-content .chat-item.chat-right .chat-details .chat-text {
-  text-align: left;
-  background-color: #6777ef;
-  color: #fff;
+    text-align: left;
+    background-color: #6777ef;
+    color: #fff;
 }
 .chat-box .chat-content .chat-item > img {
-  float: left;
-  width: 50px;
-  border-radius: 50%;
+    float: left;
+    width: 50px;
+    border-radius: 50%;
 }
 .chat-box .chat-content .chat-item .chat-details {
-  margin-left: 70px;
+    margin-left: 70px;
 }
 .chat-box .chat-content .chat-item .chat-details .chat-text {
-  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03);
-  background-color: #fff;
-  padding: 10px 15px;
-  border-radius: 3px;
-  width: auto;
-  display: inline-block;
-  font-size: 12px;
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03);
+    background-color: #fff;
+    padding: 10px 15px;
+    border-radius: 3px;
+    width: auto;
+    display: inline-block;
+    font-size: 12px;
 }
 .chat-box .chat-content .chat-item .chat-details .chat-text img {
-  max-width: 100%;
-  margin-bottom: 10px;
+    max-width: 100%;
+    margin-bottom: 10px;
 }
 .chat-box .chat-content .chat-item.chat-typing .chat-details .chat-text {
-  background-image: url("../img/typing.svg");
-  height: 40px;
-  width: 60px;
-  background-position: center;
-  background-size: 60%;
-  background-repeat: no-repeat;
+    background-image: url("../img/typing.svg");
+    height: 40px;
+    width: 60px;
+    background-position: center;
+    background-size: 60%;
+    background-repeat: no-repeat;
 }
 .chat-box .chat-content .chat-item .chat-details .chat-time {
-  margin-top: 5px;
-  font-size: 12px;
-  font-weight: 500;
-  opacity: 0.6;
+    margin-top: 5px;
+    font-size: 12px;
+    font-weight: 500;
+    opacity: 0.6;
 }
 .chat-box .chat-form {
-  padding: 0;
-  position: relative;
+    padding: 0;
+    position: relative;
 }
 .chat-box .chat-form .form-control {
-  border: none;
-  padding: 15px;
-  height: 50px;
-  padding-right: 70px;
-  font-size: 13px;
-  font-weight: 500;
-  box-shadow: none;
-  outline: none;
+    border: none;
+    padding: 15px;
+    height: 50px;
+    padding-right: 70px;
+    font-size: 13px;
+    font-weight: 500;
+    box-shadow: none;
+    outline: none;
 }
 .chat-box .chat-form .btn {
-  padding: 0;
-  width: 40px;
-  height: 40px;
-  border-radius: 50%;
-  position: absolute;
-  top: 50%;
-  right: -5px;
-  -webkit-transform: translate(-50%, -50%);
-  transform: translate(-50%, -50%);
-  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03);
+    padding: 0;
+    width: 40px;
+    height: 40px;
+    border-radius: 50%;
+    position: absolute;
+    top: 50%;
+    right: -5px;
+    -webkit-transform: translate(-50%, -50%);
+    transform: translate(-50%, -50%);
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03);
 }
 .chat-box .chat-form .btn i {
-  margin-left: 0;
+    margin-left: 0;
 }
 
 /* 1.6 Chocolat */
 .chocolat-wrapper {
-  z-index: 890;
+    z-index: 890;
 }
 
 .chocolat-overlay {
-  background-color: #000;
+    background-color: #000;
 }
 
 /* 1.7 Custom Tab */
 [data-tab-group] {
-  display: none;
+    display: none;
 }
 [data-tab-group].active {
-  display: block;
+    display: block;
 }
 
 /* 1.8 DataTables */
 table.dataTable {
-  border-collapse: collapse !important;
+    border-collapse: collapse !important;
 }
-table.dataTable thead th, table.dataTable thead td {
-  border-bottom: 1px solid #ddd !important;
+table.dataTable thead th,
+table.dataTable thead td {
+    border-bottom: 1px solid #ddd !important;
 }
 table.dataTable.no-footer {
-  border-bottom: 1px solid #ddd !important;
+    border-bottom: 1px solid #ddd !important;
 }
 
 .dataTables_wrapper {
-  padding: 0 !important;
-  font-size: 13px !important;
+    padding: 0 !important;
+    font-size: 13px !important;
 }
 .dataTables_wrapper .dataTables_paginate .paginate_button {
-  padding: 0 !important;
-  margin: 0 !important;
-  float: left;
+    padding: 0 !important;
+    margin: 0 !important;
+    float: left;
 }
 
 div.dataTables_wrapper div.dataTables_processing {
-  font-size: 0 !important;
-  background-image: url("../img/spinner.svg") !important;
-  background-color: #fff;
-  background-size: 100%;
-  width: 50px !important;
-  height: 50px;
-  border: none;
-  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03);
-  top: 50% !important;
-  left: 50% !important;
-  -webkit-transform: translate(-50%, -50%) !important;
-  transform: translate(-50%, -50%) !important;
-  margin: 0 !important;
-  opacity: 1 !important;
+    font-size: 0 !important;
+    background-image: url("../img/spinner.svg") !important;
+    background-color: #fff;
+    background-size: 100%;
+    width: 50px !important;
+    height: 50px;
+    border: none;
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03);
+    top: 50% !important;
+    left: 50% !important;
+    -webkit-transform: translate(-50%, -50%) !important;
+    transform: translate(-50%, -50%) !important;
+    margin: 0 !important;
+    opacity: 1 !important;
 }
 
 /* 1.9 Date Range Picker */
 .daterangepicker.dropdown-menu {
-  width: auto;
+    width: auto;
 }
 .daterangepicker .input-mini {
-  padding-left: 28px !important;
+    padding-left: 28px !important;
 }
-.daterangepicker .calendar th, .daterangepicker .calendar td {
-  padding: 5px;
-  font-size: 12px;
+.daterangepicker .calendar th,
+.daterangepicker .calendar td {
+    padding: 5px;
+    font-size: 12px;
 }
 
 .ranges li {
-  color: #6777ef;
+    color: #6777ef;
 }
-.ranges li:hover, .ranges li.active {
-  background-color: #6777ef;
+.ranges li:hover,
+.ranges li.active {
+    background-color: #6777ef;
 }
 
-.daterangepicker td.active, .daterangepicker td.active:hover {
-  background-color: #6777ef;
+.daterangepicker td.active,
+.daterangepicker td.active:hover {
+    background-color: #6777ef;
 }
 
 /* 1.10 Dropzone */
 .dropzone {
-  border: 2px dashed #6777ef;
-  min-height: 240px;
-  text-align: center;
+    border: 2px dashed #6777ef;
+    min-height: 240px;
+    text-align: center;
 }
 .dropzone .dz-message {
-  font-size: 24px;
-  color: #34395e;
-  margin: 3.4em;
+    font-size: 24px;
+    color: #34395e;
+    margin: 3.4em;
 }
 .dropzone .dz-preview .dz-details {
-  padding: 2.2em 1em;
+    padding: 2.2em 1em;
 }
 .dropzone .dz-preview .dz-image {
-  border-radius: 3px;
+    border-radius: 3px;
 }
 
 @media (max-width: 575.98px) {
-  .dropzone .dz-message {
-    margin: 2em;
-  }
+    .dropzone .dz-message {
+        margin: 2em;
+    }
 }
 @media (min-width: 576px) and (max-width: 767.98px) {
-  .dropzone .dz-message {
-    margin: 2.75em;
-  }
+    .dropzone .dz-message {
+        margin: 2.75em;
+    }
 }
 /* 1.11 Flag Icon */
 .flag-icon {
-  width: 50px;
-  height: 35px;
-  display: inline-block;
-  background-size: 100%;
+    width: 50px;
+    height: 35px;
+    display: inline-block;
+    background-size: 100%;
 }
 .flag-icon.flag-icon-shadow {
-  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03);
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03);
 }
 
 /* 1.12 Full Calendar */
 .fc-toolbar h2 {
-  font-size: 16px;
-  margin-top: 4px;
+    font-size: 16px;
+    margin-top: 4px;
 }
 
 .fc-view {
-  border-color: #f2f2f2;
-  color: #34395e !important;
-  font-weight: 500;
-  padding: 10px;
+    border-color: #f2f2f2;
+    color: #34395e !important;
+    font-weight: 500;
+    padding: 10px;
 }
 .fc-view > table {
-  border-color: #f2f2f2;
+    border-color: #f2f2f2;
 }
-.fc-view > table tr, .fc-view > table td {
-  border-color: #f2f2f2;
+.fc-view > table tr,
+.fc-view > table td {
+    border-color: #f2f2f2;
 }
 .fc-view > table th {
-  border-color: #f2f2f2;
-  color: #34395e !important;
-  font-weight: 500;
-  padding: 10px;
+    border-color: #f2f2f2;
+    color: #34395e !important;
+    font-weight: 500;
+    padding: 10px;
 }
 
 .fc-view-container > .fc-view {
-  padding: 0;
+    padding: 0;
 }
 
 .fc-view {
-  color: #666;
-  text-align: right;
+    color: #666;
+    text-align: right;
 }
 .fc-view > table td {
-  color: #666;
-  text-align: right;
+    color: #666;
+    text-align: right;
 }
 
 .fc-unthemed td.fc-today {
-  background-color: #f2f2f2;
+    background-color: #f2f2f2;
 }
 
 .fc button .fc-icon {
-  top: -0.09em;
+    top: -0.09em;
 }
 
-.fc-basic-view .fc-day-number, .fc-basic-view .fc-week-number {
-  padding: 10px;
+.fc-basic-view .fc-day-number,
+.fc-basic-view .fc-week-number {
+    padding: 10px;
 }
 
 .fc-day-grid-event .fc-content {
-  padding: 5px 10px;
-  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03);
+    padding: 5px 10px;
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03);
 }
 
 tr:first-child > td > .fc-day-grid-event {
-  margin-bottom: 10px;
+    margin-bottom: 10px;
 }
 
 .fc-state-default {
-  border-radius: 3px;
-  background-color: #f2f2f2;
-  background-image: none;
-  border: none;
-  box-shadow: none;
-  text-transform: capitalize;
-  font-weight: 500;
+    border-radius: 3px;
+    background-color: #f2f2f2;
+    background-image: none;
+    border: none;
+    box-shadow: none;
+    text-transform: capitalize;
+    font-weight: 500;
 }
 
 .fc button {
-  height: auto;
-  padding: 10px 15px;
-  text-shadow: none;
-  border-radius: 0;
+    height: auto;
+    padding: 10px 15px;
+    text-shadow: none;
+    border-radius: 0;
 }
 .fc button.fc-state-active {
-  background-color: #6777ef;
-  color: #fff;
+    background-color: #6777ef;
+    color: #fff;
 }
 
 /* 1.13 Gallery */
 .gallery {
-  display: inline-block;
-  width: 100%;
+    display: inline-block;
+    width: 100%;
 }
 .gallery .gallery-item {
-  float: left;
-  display: inline-block;
-  width: 50px;
-  height: 50px;
-  background-repeat: no-repeat;
-  background-size: cover;
-  background-position: center;
-  border-radius: 3px;
-  margin-right: 7px;
-  margin-bottom: 7px;
-  cursor: pointer;
-  transition: all 0.5s;
-  position: relative;
+    float: left;
+    display: inline-block;
+    width: 50px;
+    height: 50px;
+    background-repeat: no-repeat;
+    background-size: cover;
+    background-position: center;
+    border-radius: 3px;
+    margin-right: 7px;
+    margin-bottom: 7px;
+    cursor: pointer;
+    transition: all 0.5s;
+    position: relative;
 }
 .gallery .gallery-item:hover {
-  opacity: 0.8;
+    opacity: 0.8;
 }
 .gallery .gallery-hide {
-  display: none;
+    display: none;
 }
 .gallery .gallery-more:after {
-  content: " ";
-  position: absolute;
-  left: 0;
-  top: 0;
-  width: 100%;
-  height: 100%;
-  z-index: 1;
-  background-color: rgba(0, 0, 0, 0.5);
-  border-radius: 3px;
+    content: " ";
+    position: absolute;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    z-index: 1;
+    background-color: rgba(0, 0, 0, 0.5);
+    border-radius: 3px;
 }
 .gallery .gallery-more div {
-  text-align: center;
-  line-height: 50px;
-  font-weight: 600;
-  position: relative;
-  z-index: 2;
-  color: #fff;
+    text-align: center;
+    line-height: 50px;
+    font-weight: 600;
+    position: relative;
+    z-index: 2;
+    color: #fff;
 }
 .gallery.gallery-md .gallery-item {
-  width: 78px;
-  height: 78px;
-  margin-right: 10px;
-  margin-bottom: 10px;
+    width: 78px;
+    height: 78px;
+    margin-right: 10px;
+    margin-bottom: 10px;
 }
 .gallery.gallery-md .gallery-more div {
-  line-height: 78px;
+    line-height: 78px;
 }
 .gallery.gallery-fw .gallery-item {
-  width: 100%;
-  margin-bottom: 15px;
+    width: 100%;
+    margin-bottom: 15px;
 }
 .gallery.gallery-fw .gallery-more div {
-  font-size: 20px;
+    font-size: 20px;
 }
 
 /* 1.14 Image Preview */
-.image-preview, #callback-preview {
-  width: 250px;
-  height: 250px;
-  border: 2px dashed #ddd;
-  border-radius: 3px;
-  position: relative;
-  overflow: hidden;
-  background-color: #ffffff;
-  color: #ecf0f1;
+.image-preview,
+#callback-preview {
+    width: 250px;
+    height: 250px;
+    border: 2px dashed #ddd;
+    border-radius: 3px;
+    position: relative;
+    overflow: hidden;
+    background-color: #ffffff;
+    color: #ecf0f1;
 }
 
-.image-preview input, #callback-preview input {
-  line-height: 200px;
-  font-size: 200px;
-  position: absolute;
-  opacity: 0;
-  z-index: 10;
+.image-preview input,
+#callback-preview input {
+    line-height: 200px;
+    font-size: 200px;
+    position: absolute;
+    opacity: 0;
+    z-index: 10;
 }
 
-.image-preview label, #callback-preview label {
-  position: absolute;
-  z-index: 5;
-  opacity: 0.8;
-  cursor: pointer;
-  background-color: #bdc3c7;
-  width: 150px;
-  height: 50px;
-  font-size: 12px;
-  line-height: 50px;
-  text-transform: uppercase;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  margin: auto;
-  text-align: center;
+.image-preview label,
+#callback-preview label {
+    position: absolute;
+    z-index: 5;
+    opacity: 0.8;
+    cursor: pointer;
+    background-color: #bdc3c7;
+    width: 150px;
+    height: 50px;
+    font-size: 12px;
+    line-height: 50px;
+    text-transform: uppercase;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    margin: auto;
+    text-align: center;
 }
 
 .audio-preview {
-  background: #ffffff;
-  width: auto;
-  padding: 20px;
-  display: inline-block;
+    background: #ffffff;
+    width: auto;
+    padding: 20px;
+    display: inline-block;
 }
 
 .audio-upload {
-  cursor: pointer;
-  background-color: #bdc3c7;
-  color: #ecf0f1;
-  padding: 20px;
-  font-size: 20px;
-  text-transform: uppercase;
+    cursor: pointer;
+    background-color: #bdc3c7;
+    color: #ecf0f1;
+    padding: 20px;
+    font-size: 20px;
+    text-transform: uppercase;
 }
 
 /* 1.15 IonIcons */
 .ionicons {
-  padding: 0;
-  margin: 0;
-  display: flex;
-  flex-wrap: wrap;
+    padding: 0;
+    margin: 0;
+    display: flex;
+    flex-wrap: wrap;
 }
 .ionicons li {
-  width: calc(100% / 8);
-  font-size: 40px;
-  padding: 40px 20px;
-  list-style: none;
-  text-align: center;
-  border-radius: 3px;
-  position: relative;
-  cursor: pointer;
+    width: calc(100% / 8);
+    font-size: 40px;
+    padding: 40px 20px;
+    list-style: none;
+    text-align: center;
+    border-radius: 3px;
+    position: relative;
+    cursor: pointer;
 }
 .ionicons li:hover {
-  opacity: 0.8;
+    opacity: 0.8;
 }
 .ionicons li .icon-name {
-  position: absolute;
-  top: 100%;
-  left: 50%;
-  width: 100%;
-  -webkit-transform: translate(-50%, -100%);
-  transform: translate(-50%, -100%);
-  font-family: "Segoe UI";
-  font-size: 12px;
-  margin-top: 10px;
-  line-height: 22px;
-  background-color: #f9f9f9;
-  border-radius: 3px;
-  padding: 10px;
-  display: none;
+    position: absolute;
+    top: 100%;
+    left: 50%;
+    width: 100%;
+    -webkit-transform: translate(-50%, -100%);
+    transform: translate(-50%, -100%);
+    font-family: "Segoe UI";
+    font-size: 12px;
+    margin-top: 10px;
+    line-height: 22px;
+    background-color: #f9f9f9;
+    border-radius: 3px;
+    padding: 10px;
+    display: none;
 }
 
 /* 1.16 jQVmap */
 .jqvmap-circle {
-  display: inline-block;
-  width: 13px;
-  height: 13px;
-  background-color: #fff;
-  border: 3px solid #6777ef;
-  border-radius: 50%;
+    display: inline-block;
+    width: 13px;
+    height: 13px;
+    background-color: #fff;
+    border: 3px solid #6777ef;
+    border-radius: 50%;
 }
 
 .jqvmap-label {
-  z-index: 889;
+    z-index: 889;
 }
 
-.jqvmap-zoomin, .jqvmap-zoomout {
-  height: auto;
-  width: auto;
+.jqvmap-zoomin,
+.jqvmap-zoomout {
+    height: auto;
+    width: auto;
 }
 
 /* 1.17 Profile */
 .profile-widget {
-  margin-top: 35px;
+    margin-top: 35px;
 }
 .profile-widget .profile-widget-picture {
-  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03);
-  float: left;
-  width: 100px;
-  margin: -35px -5px 0 30px;
-  position: relative;
-  z-index: 1;
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03);
+    float: left;
+    width: 100px;
+    margin: -35px -5px 0 30px;
+    position: relative;
+    z-index: 1;
 }
 .profile-widget .profile-widget-header {
-  display: inline-block;
-  width: 100%;
-  margin-bottom: 10px;
+    display: inline-block;
+    width: 100%;
+    margin-bottom: 10px;
 }
 .profile-widget .profile-widget-items {
-  display: flex;
-  position: relative;
+    display: flex;
+    position: relative;
 }
 .profile-widget .profile-widget-items:after {
-  content: " ";
-  position: absolute;
-  bottom: 0;
-  left: -25px;
-  right: 0;
-  height: 1px;
-  background-color: #f2f2f2;
+    content: " ";
+    position: absolute;
+    bottom: 0;
+    left: -25px;
+    right: 0;
+    height: 1px;
+    background-color: #f2f2f2;
 }
 .profile-widget .profile-widget-items .profile-widget-item {
-  flex: 1;
-  text-align: center;
-  border-right: 1px solid #f2f2f2;
-  padding: 10px 0;
+    flex: 1;
+    text-align: center;
+    border-right: 1px solid #f2f2f2;
+    padding: 10px 0;
 }
 .profile-widget .profile-widget-items .profile-widget-item:last-child {
-  border-right: none;
+    border-right: none;
 }
-.profile-widget .profile-widget-items .profile-widget-item .profile-widget-item-label {
-  font-weight: 600;
-  font-size: 12px;
-  letter-spacing: 0.5px;
-  color: #34395e;
+.profile-widget
+    .profile-widget-items
+    .profile-widget-item
+    .profile-widget-item-label {
+    font-weight: 600;
+    font-size: 12px;
+    letter-spacing: 0.5px;
+    color: #34395e;
 }
-.profile-widget .profile-widget-items .profile-widget-item .profile-widget-item-value {
-  color: #000;
-  font-weight: 600;
-  font-size: 16px;
+.profile-widget
+    .profile-widget-items
+    .profile-widget-item
+    .profile-widget-item-value {
+    color: #000;
+    font-weight: 600;
+    font-size: 16px;
 }
 .profile-widget .profile-widget-description {
-  padding: 20px;
-  line-height: 26px;
+    padding: 20px;
+    line-height: 26px;
 }
 .profile-widget .profile-widget-description .profile-widget-name {
-  font-size: 16px;
-  margin-bottom: 10px;
-  font-weight: 600;
+    font-size: 16px;
+    margin-bottom: 10px;
+    font-weight: 600;
 }
 
 @media (max-width: 575.98px) {
-  .profile-widget .profile-widget-picture {
-    left: 50%;
-    -webkit-transform: translate(-50%, 0);
-    transform: translate(-50%, 0);
-    margin: 40px 0;
-    float: none;
-  }
-  .profile-widget .profile-widget-items .profile-widget-item {
-    border-top: 1px solid #f2f2f2;
-  }
+    .profile-widget .profile-widget-picture {
+        left: 50%;
+        -webkit-transform: translate(-50%, 0);
+        transform: translate(-50%, 0);
+        margin: 40px 0;
+        float: none;
+    }
+    .profile-widget .profile-widget-items .profile-widget-item {
+        border-top: 1px solid #f2f2f2;
+    }
 }
 /* 1.18 Select2 */
-.select2-container--default .select2-search--dropdown .select2-search__field:focus {
-  outline: none;
-  box-shadow: none;
+.select2-container--default
+    .select2-search--dropdown
+    .select2-search__field:focus {
+    outline: none;
+    box-shadow: none;
 }
 
-.select2-container .select2-selection--multiple, .select2-container .select2-selection--single {
-  box-sizing: border-box;
-  cursor: pointer;
-  display: block;
-  min-height: 42px;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  -webkit-user-select: none;
-  outline: none;
-  background-color: #fdfdff;
-  border-color: #e4e6fc;
+.select2-container .select2-selection--multiple,
+.select2-container .select2-selection--single {
+    box-sizing: border-box;
+    cursor: pointer;
+    display: block;
+    min-height: 42px;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    -webkit-user-select: none;
+    outline: none;
+    background-color: #fdfdff;
+    border-color: #e4e6fc;
 }
 
 .select2-dropdown {
-  border-color: #e4e6fc !important;
+    border-color: #e4e6fc !important;
 }
 
 .select2-container.select2-container--open .select2-selection--multiple {
-  background-color: #fefeff;
-  border-color: #95a0f4;
+    background-color: #fefeff;
+    border-color: #95a0f4;
 }
-.select2-container.select2-container--focus .select2-selection--multiple, .select2-container.select2-container--focus .select2-selection--single {
-  background-color: #fefeff;
-  border-color: #95a0f4;
+.select2-container.select2-container--focus .select2-selection--multiple,
+.select2-container.select2-container--focus .select2-selection--single {
+    background-color: #fefeff;
+    border-color: #95a0f4;
 }
 .select2-container.select2-container--open .select2-selection--single {
-  background-color: #fefeff;
-  border-color: #95a0f4;
+    background-color: #fefeff;
+    border-color: #95a0f4;
 }
 
 .select2-results__option {
-  padding: 10px;
+    padding: 10px;
 }
 
 .select2-search--dropdown .select2-search__field {
-  padding: 7px;
+    padding: 7px;
 }
 
-.select2-container--default .select2-selection--single .select2-selection__rendered {
-  min-height: 42px;
-  line-height: 42px;
-  padding-left: 20px;
-  padding-right: 20px;
+.select2-container--default
+    .select2-selection--single
+    .select2-selection__rendered {
+    min-height: 42px;
+    line-height: 42px;
+    padding-left: 20px;
+    padding-right: 20px;
 }
-.select2-container--default .select2-selection--multiple .select2-selection__arrow, .select2-container--default .select2-selection--single .select2-selection__arrow {
-  position: absolute;
-  top: 1px;
-  right: 1px;
-  width: 40px;
-  min-height: 42px;
+.select2-container--default
+    .select2-selection--multiple
+    .select2-selection__arrow,
+.select2-container--default
+    .select2-selection--single
+    .select2-selection__arrow {
+    position: absolute;
+    top: 1px;
+    right: 1px;
+    width: 40px;
+    min-height: 42px;
 }
-.select2-container--default .select2-selection--multiple .select2-selection__choice {
-  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03);
-  color: #fff;
-  padding-left: 10px;
-  padding-right: 10px;
+.select2-container--default
+    .select2-selection--multiple
+    .select2-selection__choice {
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03);
+    color: #fff;
+    padding-left: 10px;
+    padding-right: 10px;
 }
-.select2-container--default .select2-selection--multiple .select2-selection__rendered {
-  padding-left: 10px;
-  padding-right: 10px;
+.select2-container--default
+    .select2-selection--multiple
+    .select2-selection__rendered {
+    padding-left: 10px;
+    padding-right: 10px;
 }
-.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
-  margin-right: 5px;
-  color: #fff;
+.select2-container--default
+    .select2-selection--multiple
+    .select2-selection__choice__remove {
+    margin-right: 5px;
+    color: #fff;
 }
 
-.select2-container--default .select2-selection--multiple .select2-selection__choice,
-.select2-container--default .select2-results__option[aria-selected=true],
-.select2-container--default .select2-results__option--highlighted[aria-selected] {
-  background-color: #6777ef;
-  color: #fff;
+.select2-container--default
+    .select2-selection--multiple
+    .select2-selection__choice,
+.select2-container--default .select2-results__option[aria-selected="true"],
+.select2-container--default
+    .select2-results__option--highlighted[aria-selected] {
+    background-color: #6777ef;
+    color: #fff;
 }
 
 .select2-results__option {
-  padding-right: 10px 15px;
+    padding-right: 10px 15px;
 }
 
 /* 1.19 Selectric */
 .selectric {
-  background-color: #fdfdff;
-  border-color: #e4e6fc;
-  min-height: 42px;
-  border-radius: 3px;
-  padding-left: 10px;
-  padding-right: 10px;
+    background-color: #fdfdff;
+    border-color: #e4e6fc;
+    min-height: 42px;
+    border-radius: 3px;
+    padding-left: 10px;
+    padding-right: 10px;
 }
 .selectric:hover {
-  background-color: #fdfdff;
-  border-color: #e4e6fc;
+    background-color: #fdfdff;
+    border-color: #e4e6fc;
 }
 .selectric:focus {
-  background-color: #fefeff;
-  border-color: #95a0f4;
+    background-color: #fefeff;
+    border-color: #95a0f4;
 }
 .selectric .label {
-  font-size: 13px;
-  background-color: transparent;
-  line-height: 44px;
-  min-height: 42px;
+    font-size: 13px;
+    background-color: transparent;
+    line-height: 44px;
+    min-height: 42px;
 }
 .selectric .button {
-  background-color: transparent;
-  line-height: 44px;
-  min-height: 42px;
+    background-color: transparent;
+    line-height: 44px;
+    min-height: 42px;
 }
 
 .selectric-open .selectric {
-  border-color: #6777ef;
+    border-color: #6777ef;
 }
 
-.selectric-above .selectric-items, .selectric-below .selectric-items {
-  margin-bottom: 10px;
+.selectric-above .selectric-items,
+.selectric-below .selectric-items {
+    margin-bottom: 10px;
 }
 
 .selectric-items {
-  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03);
-  border-radius: 3px;
-  background-color: #fff;
-  border: none;
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03);
+    border-radius: 3px;
+    background-color: #fff;
+    border: none;
 }
 .selectric-items li {
-  font-size: 13px;
-  padding: 10px 15px;
+    font-size: 13px;
+    padding: 10px 15px;
 }
 .selectric-items li:hover {
-  background-color: #f2f2f2;
+    background-color: #f2f2f2;
 }
-.selectric-items li.selected, .selectric-items li.highlighted {
-  background-color: #6777ef;
-  color: #fff;
+.selectric-items li.selected,
+.selectric-items li.highlighted {
+    background-color: #6777ef;
+    color: #fff;
 }
 
 /* 1.20 Slider */
-.slider .owl-nav [class*=owl-] {
-  position: absolute;
-  top: 50%;
-  left: 35px;
-  -webkit-transform: translate(-50%, -50%);
-  transform: translate(-50%, -50%);
-  margin: 0;
-  background-color: #000;
-  border-radius: 50%;
-  color: #fff;
-  width: 40px;
-  height: 40px;
-  line-height: 34px;
-  opacity: 0.3;
+.slider .owl-nav [class*="owl-"] {
+    position: absolute;
+    top: 50%;
+    left: 35px;
+    -webkit-transform: translate(-50%, -50%);
+    transform: translate(-50%, -50%);
+    margin: 0;
+    background-color: #000;
+    border-radius: 50%;
+    color: #fff;
+    width: 40px;
+    height: 40px;
+    line-height: 34px;
+    opacity: 0.3;
 }
-.slider .owl-nav [class*=owl-]:hover {
-  background-color: #000;
+.slider .owl-nav [class*="owl-"]:hover {
+    background-color: #000;
 }
 .slider .owl-nav .owl-next {
-  right: 0;
-  left: initial;
+    right: 0;
+    left: initial;
 }
-.slider:hover .owl-nav [class*=owl-] {
-  opacity: 1;
+.slider:hover .owl-nav [class*="owl-"] {
+    opacity: 1;
 }
 .slider .slider-caption {
-  position: absolute;
-  bottom: 10px;
-  left: 0;
-  width: 100%;
-  z-index: 1;
-  background-color: rgba(0, 0, 0, 0.3);
-  color: #fff;
-  padding: 10px;
+    position: absolute;
+    bottom: 10px;
+    left: 0;
+    width: 100%;
+    z-index: 1;
+    background-color: rgba(0, 0, 0, 0.3);
+    color: #fff;
+    padding: 10px;
 }
 .slider .slider-caption .slider-title {
-  font-size: 16px;
-  font-weight: 700;
-  margin-bottom: 5px;
+    font-size: 16px;
+    font-weight: 700;
+    margin-bottom: 5px;
 }
 .slider .slider-caption .slider-description {
-  line-height: 26px;
-  opacity: 0.8;
+    line-height: 26px;
+    opacity: 0.8;
 }
 
 /* 1.21 Sparkline */
 .jqstooltip {
-  box-sizing: content-box;
+    box-sizing: content-box;
 }
 
-.sparkline-bar, .sparkline-line, .sparkline-inline {
-  width: 100%;
+.sparkline-bar,
+.sparkline-line,
+.sparkline-inline {
+    width: 100%;
 }
 
-.sparkline-bar canvas, .sparkline-line canvas, .sparkline-inline canvas {
-  width: 100% !important;
+.sparkline-bar canvas,
+.sparkline-line canvas,
+.sparkline-inline canvas {
+    width: 100% !important;
 }
 
 /* 1.22 Statistics */
 .statistic-details {
-  display: flex;
-  flex-wrap: wrap;
+    display: flex;
+    flex-wrap: wrap;
 }
 .statistic-details .statistic-details-item {
-  flex: 1;
-  padding: 17px 10px;
-  text-align: center;
+    flex: 1;
+    padding: 17px 10px;
+    text-align: center;
 }
 .statistic-details .statistic-details-item .detail-chart {
-  margin-bottom: 10px;
-  padding: 0 20px;
+    margin-bottom: 10px;
+    padding: 0 20px;
 }
 .statistic-details .statistic-details-item .detail-name {
-  font-size: 12px;
-  margin-top: 5px;
-  color: #34395e;
-  letter-spacing: 0.3px;
+    font-size: 12px;
+    margin-top: 5px;
+    color: #34395e;
+    letter-spacing: 0.3px;
 }
 .statistic-details .statistic-details-item .detail-value {
-  font-size: 18px;
-  font-weight: 700;
+    font-size: 18px;
+    font-weight: 700;
 }
 
 @media (max-width: 575.98px) {
-  .statistic-details {
-    flex-wrap: wrap;
-  }
-  .statistic-details .statistic-details-item {
-    flex: initial;
-    width: 50%;
-  }
+    .statistic-details {
+        flex-wrap: wrap;
+    }
+    .statistic-details .statistic-details-item {
+        flex: initial;
+        width: 50%;
+    }
 }
 /* 1.23 Summary */
 .summary {
-  display: inline-block;
-  width: 100%;
+    display: inline-block;
+    width: 100%;
 }
 .summary .summary-info {
-  background-color: #eaf2f4;
-  padding: 50px 0;
-  text-align: center;
-  border-radius: 3px;
+    background-color: #eaf2f4;
+    padding: 50px 0;
+    text-align: center;
+    border-radius: 3px;
 }
 .summary .summary-info h4 {
-  font-weight: 600;
+    font-weight: 600;
 }
 .summary .summary-item {
-  margin-top: 20px;
+    margin-top: 20px;
 }
 .summary .summary-item h6 {
-  font-size: 12px;
-  font-weight: 600;
-  margin-top: 5px;
-  margin-bottom: 20px;
+    font-size: 12px;
+    font-weight: 600;
+    margin-top: 5px;
+    margin-bottom: 20px;
 }
 
 /* 1.24 Summernote */
 .note-editor.note-frame {
-  border-radius: 3px;
-  border: 1px solid #ededed;
-  box-shadow: none;
+    border-radius: 3px;
+    border: 1px solid #ededed;
+    box-shadow: none;
 }
 
 .note-toolbar {
-  padding: 0 0 5px 5px !important;
-  position: relative !important;
+    padding: 0 0 5px 5px !important;
+    position: relative !important;
 }
 .note-toolbar.card-header {
-  height: auto;
-  display: block;
-  min-height: auto;
+    height: auto;
+    display: block;
+    min-height: auto;
 }
 .note-toolbar .note-btn {
-  font-size: 12px;
-  background-color: transparent;
-  box-shadow: none;
-  border-color: transparent;
+    font-size: 12px;
+    background-color: transparent;
+    box-shadow: none;
+    border-color: transparent;
 }
 
 /* 1.25 Sweet Alert */
 .swal-button {
-  border-radius: 3px;
-  font-size: 16px;
+    border-radius: 3px;
+    font-size: 16px;
 }
 .swal-button:focus {
-  box-shadow: none;
+    box-shadow: none;
 }
 .swal-button.swal-button--confirm {
-  box-shadow: 0 2px 6px #acb5f6;
-  background-color: #6777ef;
+    box-shadow: 0 2px 6px #acb5f6;
+    background-color: #6777ef;
 }
 .swal-button.swal-button--confirm:focus {
-  opacity: 0.8;
+    opacity: 0.8;
 }
 
 .swal-footer {
-  text-align: center;
+    text-align: center;
 }
 
 .swal-text {
-  text-align: center;
-  line-height: 24px;
-  font-weight: 500;
+    text-align: center;
+    line-height: 24px;
+    font-weight: 500;
 }
 
 /* 1.26 Tags Input */
 .bootstrap-tagsinput {
-  background-color: #fdfdff;
-  border-color: #e4e6fc;
-  display: block;
-  height: 46px;
-  box-shadow: none;
-  overflow: auto;
+    background-color: #fdfdff;
+    border-color: #e4e6fc;
+    display: block;
+    height: 46px;
+    box-shadow: none;
+    overflow: auto;
 }
 .bootstrap-tagsinput input {
-  height: 100%;
-  padding: 0 8px;
+    height: 100%;
+    padding: 0 8px;
 }
 .bootstrap-tagsinput .tag {
-  background-color: #6777ef;
-  border-radius: 3px;
-  padding: 5px 10px;
+    background-color: #6777ef;
+    border-radius: 3px;
+    padding: 5px 10px;
 }
 .bootstrap-tagsinput .tag:first-child {
-  margin-left: 5px;
+    margin-left: 5px;
 }
 .bootstrap-tagsinput:focus {
-  background-color: #fefeff;
-  border-color: #95a0f4;
+    background-color: #fefeff;
+    border-color: #95a0f4;
 }
 
 /* 1.27 Time Picker */
 .bootstrap-timepicker-widget table td a span {
-  margin-left: 0 !important;
+    margin-left: 0 !important;
 }
 
 /* 1.28 Toast */
 #toast-container > div {
-  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03);
-  padding: 20px 20px 20px 50px;
-  opacity: 1;
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03);
+    padding: 20px 20px 20px 50px;
+    opacity: 1;
 }
 #toast-container > .toast {
-  background-image: none !important;
+    background-image: none !important;
 }
 #toast-container > .toast:before {
-  position: absolute;
-  left: 17px;
-  top: 25px;
-  font-family: "Ionicons";
-  font-size: 24px;
-  line-height: 18px;
-  color: #fff;
+    position: absolute;
+    left: 17px;
+    top: 25px;
+    font-family: "Ionicons";
+    font-size: 24px;
+    line-height: 18px;
+    color: #fff;
 }
 #toast-container > .toast-warning:before {
-  content: "";
+    content: "";
 }
 #toast-container > .toast-error:before {
-  content: "";
+    content: "";
 }
 #toast-container > .toast-info:before {
-  content: "";
-  color: #000;
+    content: "";
+    color: #000;
 }
 #toast-container > .toast-success:before {
-  content: "";
+    content: "";
 }
 
 .toast.toast-error {
-  background-color: #fc544b;
+    background-color: #fc544b;
 }
 .toast.toast-warning {
-  background-color: #ffa426;
+    background-color: #ffa426;
 }
 .toast.toast-success {
-  background-color: #63ed7a;
+    background-color: #63ed7a;
 }
 .toast.toast-info {
-  background-color: #fff;
+    background-color: #fff;
 }
 .toast.toast-info .toast-title {
-  color: #000;
+    color: #000;
 }
 .toast.toast-info .toast-message {
-  color: #000;
-  margin-top: 5px;
+    color: #000;
+    margin-top: 5px;
 }
 
 /* 1.29 User Item */
 .user-item {
-  text-align: center;
+    text-align: center;
 }
 .user-item img {
-  border-radius: 50%;
-  padding-left: 20px;
-  padding-right: 20px;
+    border-radius: 50%;
+    padding-left: 20px;
+    padding-right: 20px;
 }
 .user-item .user-details {
-  margin-top: 10px;
+    margin-top: 10px;
 }
 .user-item .user-details .user-name {
-  font-weight: 600;
-  color: #191d21;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
+    font-weight: 600;
+    color: #191d21;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
 }
 .user-item .user-details .user-cta {
-  margin-top: 10px;
+    margin-top: 10px;
 }
 .user-item .user-details .user-cta .btn {
-  padding: 5px 15px;
-  font-size: 12px;
-  border-radius: 30px;
+    padding: 5px 15px;
+    font-size: 12px;
+    border-radius: 30px;
 }
 
 @media (max-width: 575.98px) {
-  .user-progress .media, .user-details .media {
-    text-align: center;
-    display: inline-block;
-    width: 100%;
-  }
+    .user-progress .media,
+    .user-details .media {
+        text-align: center;
+        display: inline-block;
+        width: 100%;
+    }
 
-  .user-progress .media img, .user-details .media img {
-    margin: 0 !important;
-    margin-bottom: 10px !important;
-  }
+    .user-progress .media img,
+    .user-details .media img {
+        margin: 0 !important;
+        margin-bottom: 10px !important;
+    }
 
-  .user-progress .media .media-body, .user-details .media .media-body {
-    width: 100%;
-  }
+    .user-progress .media .media-body,
+    .user-details .media .media-body {
+        width: 100%;
+    }
 
-  .user-progress .media .media-items, .user-details .media .media-items {
-    margin: 20px 0;
-    width: 100%;
-  }
+    .user-progress .media .media-items,
+    .user-details .media .media-items {
+        margin: 20px 0;
+        width: 100%;
+    }
 
-  .user-progress .list-unstyled-noborder li:last-child, .user-details .list-unstyled-noborder li:last-child {
-    margin-bottom: 0;
-    padding-bottom: 0;
-  }
+    .user-progress .list-unstyled-noborder li:last-child,
+    .user-details .list-unstyled-noborder li:last-child {
+        margin-bottom: 0;
+        padding-bottom: 0;
+    }
 
-  .user-progress .media .media-progressbar {
-    margin-top: 10px;
-  }
-  .user-progress .media .media-cta {
-    margin-top: 20px;
-    margin-left: 0;
-  }
+    .user-progress .media .media-progressbar {
+        margin-top: 10px;
+    }
+    .user-progress .media .media-cta {
+        margin-top: 20px;
+        margin-left: 0;
+    }
 }
 /* 1.30 Weather */
 .weather .weather-icon {
-  float: left;
-  width: 150px;
-  text-align: center;
-  line-height: 40px;
+    float: left;
+    width: 150px;
+    text-align: center;
+    line-height: 40px;
 }
 .weather .weather-icon span {
-  font-size: 60px;
-  margin-top: 30px;
+    font-size: 60px;
+    margin-top: 30px;
 }
 .weather .weather-desc {
-  margin-left: 160px;
+    margin-left: 160px;
 }
 .weather .weather-desc h4 {
-  font-size: 70px;
-  font-weight: 200;
-  margin: 0;
-  margin-top: 30px;
-  margin-bottom: 5px;
-  line-height: 56px;
+    font-size: 70px;
+    font-weight: 200;
+    margin: 0;
+    margin-top: 30px;
+    margin-bottom: 5px;
+    line-height: 56px;
 }
 .weather .weather-desc .weather-text {
-  font-size: 12px;
-  color: #34395e;
-  font-weight: 600;
-  letter-spacing: 1px;
-  text-transform: uppercase;
-  margin-top: 10px;
+    font-size: 12px;
+    color: #34395e;
+    font-weight: 600;
+    letter-spacing: 1px;
+    text-transform: uppercase;
+    margin-top: 10px;
 }
 .weather .weather-desc ul {
-  margin: 15px 0 13px 0;
-  padding: 0;
+    margin: 15px 0 13px 0;
+    padding: 0;
 }
 .weather ul li {
-  display: inline-block;
-  margin-right: 10px;
-  padding: 10px;
-  line-height: 1;
-  border-radius: 3px;
-  border: 2px solid #6777ef;
-  font-size: 10px;
-  font-weight: 500;
-  color: #6777ef;
-  text-transform: uppercase;
-  letter-spacing: 1px;
-  margin-bottom: 10px;
+    display: inline-block;
+    margin-right: 10px;
+    padding: 10px;
+    line-height: 1;
+    border-radius: 3px;
+    border: 2px solid #6777ef;
+    font-size: 10px;
+    font-weight: 500;
+    color: #6777ef;
+    text-transform: uppercase;
+    letter-spacing: 1px;
+    margin-bottom: 10px;
 }
 
 @media (max-width: 575.98px) {
-  .weather {
-    text-align: center;
-  }
-  .weather .weather-icon {
-    float: none;
-    width: auto;
-  }
-  .weather .weather-icon span {
-    margin-top: 20px;
-  }
-  .weather .weather-desc {
-    margin-left: 0;
-  }
+    .weather {
+        text-align: center;
+    }
+    .weather .weather-icon {
+        float: none;
+        width: auto;
+    }
+    .weather .weather-icon span {
+        margin-top: 20px;
+    }
+    .weather .weather-desc {
+        margin-left: 0;
+    }
 }
 /* 1.31 Weather Icon */
 .icon-wrap {
-  display: inline-block;
-  padding-left: 15px;
-  padding-right: 15px;
-  margin-bottom: 25px;
-  width: calc(100% / 4);
+    display: inline-block;
+    padding-left: 15px;
+    padding-right: 15px;
+    margin-bottom: 25px;
+    width: calc(100% / 4);
 }
 .icon-wrap .icon {
-  float: left;
-  width: 40px;
-  font-family: "weathericons";
-  font-size: 20px;
+    float: left;
+    width: 40px;
+    font-family: "weathericons";
+    font-size: 20px;
 }
 .icon-wrap .icon_unicode {
-  width: 100%;
-  padding-left: 45px;
-  color: #34395e;
+    width: 100%;
+    padding-left: 45px;
+    color: #34395e;
 }
 
 .new-icons ul {
-  padding: 0;
-  margin: 0;
-  list-style: none;
+    padding: 0;
+    margin: 0;
+    list-style: none;
 }
 .new-icons ul li {
-  padding: 10px;
+    padding: 10px;
 }
 
-.icon-wrap .icon, .new-icons ul li .wi {
-  font-size: 24px;
-  margin-right: 15px;
-  width: 30px;
-  text-align: center;
+.icon-wrap .icon,
+.new-icons ul li .wi {
+    font-size: 24px;
+    margin-right: 15px;
+    width: 30px;
+    text-align: center;
 }
 
 /* 1.32 PWStrength */
 .pwindicator {
-  margin-top: 4px;
-  width: 150px;
+    margin-top: 4px;
+    width: 150px;
 }
 .pwindicator .bar {
-  height: 2px;
+    height: 2px;
 }
 
 .pw-very-weak .bar {
-  background: #d00;
-  width: 30px;
+    background: #d00;
+    width: 30px;
 }
 .pw-very-weak .label {
-  color: #d00;
+    color: #d00;
 }
 
 .pw-weak .bar {
-  background: #d00;
-  width: 60px;
+    background: #d00;
+    width: 60px;
 }
 .pw-weak .label {
-  color: #d00;
+    color: #d00;
 }
 
 .pw-mediocre .bar {
-  background: #f3f01a;
-  width: 90px;
+    background: #f3f01a;
+    width: 90px;
 }
 .pw-mediocre .label {
-  color: #f3f01a;
+    color: #f3f01a;
 }
 
 .pw-strong .bar {
-  background: #f3b31a;
-  width: 120px;
+    background: #f3b31a;
+    width: 120px;
 }
 .pw-strong .label {
-  color: #f3b31a;
+    color: #f3b31a;
 }
 
 .pw-very-strong .bar {
-  background: #0d0;
-  width: 150px;
+    background: #0d0;
+    width: 150px;
 }
 .pw-very-strong .label {
-  color: #0d0;
+    color: #0d0;
 }
 
 /* 1.33 Product */
 .product-item {
-  text-align: center;
+    text-align: center;
 }
 .product-item .product-image {
-  display: inline-block;
-  overflow: hidden;
-  width: 80px;
-  height: 80px;
-  border-radius: 3px;
-  margin-bottom: 10px;
+    display: inline-block;
+    overflow: hidden;
+    width: 80px;
+    height: 80px;
+    border-radius: 3px;
+    margin-bottom: 10px;
 }
 .product-item .product-name {
-  color: #34395e;
-  font-weight: 700;
-  margin-bottom: 3px;
+    color: #34395e;
+    font-weight: 700;
+    margin-bottom: 3px;
 }
 .product-item .product-review {
-  color: #ffa426;
-  margin-bottom: 3px;
+    color: #ffa426;
+    margin-bottom: 3px;
 }
 .product-item .product-cta {
-  margin-top: 5px;
+    margin-top: 5px;
 }
 .product-item .product-cta a {
-  margin-top: 10px;
-  padding-left: 15px;
-  padding-right: 15px;
+    margin-top: 10px;
+    padding-left: 15px;
+    padding-right: 15px;
 }
 
 /* 1.34 Ticket */
 .tickets-list .ticket-item {
-  text-decoration: none;
-  display: inline-block;
-  width: 100%;
-  padding: 20px;
-  border-bottom: 1px solid #f9f9f9;
+    text-decoration: none;
+    display: inline-block;
+    width: 100%;
+    padding: 20px;
+    border-bottom: 1px solid #f9f9f9;
 }
 .tickets-list .ticket-item.ticket-more {
-  padding: 15px;
-  text-align: center;
-  font-weight: 600;
-  font-size: 12px;
+    padding: 15px;
+    text-align: center;
+    font-weight: 600;
+    font-size: 12px;
 }
 .tickets-list .ticket-item .ticket-title h4 {
-  font-size: 16px;
-  font-weight: 700;
+    font-size: 16px;
+    font-weight: 700;
 }
 .tickets-list .ticket-item .ticket-info {
-  display: flex;
-  font-size: 12px;
-  font-weight: 500;
-  color: #34395e;
-  letter-spacing: 0.5px;
+    display: flex;
+    font-size: 12px;
+    font-weight: 500;
+    color: #34395e;
+    letter-spacing: 0.5px;
 }
 .tickets-list .ticket-item .ticket-info .bullet {
-  margin: 0 10px;
+    margin: 0 10px;
 }
 
 .tickets {
-  display: flex;
+    display: flex;
 }
 .tickets .ticket-items {
-  width: 30%;
-  padding-right: 30px;
+    width: 30%;
+    padding-right: 30px;
 }
 .tickets .ticket-items .ticket-item {
-  display: inline-block;
-  width: 100%;
-  padding: 25px 15px;
-  border-bottom: 1px solid #f9f9f9;
-  cursor: pointer;
-  transition: all 0.5s;
+    display: inline-block;
+    width: 100%;
+    padding: 25px 15px;
+    border-bottom: 1px solid #f9f9f9;
+    cursor: pointer;
+    transition: all 0.5s;
 }
 .tickets .ticket-items .ticket-item:hover {
-  background-color: rgba(63, 82, 227, 0.03);
+    background-color: rgba(63, 82, 227, 0.03);
 }
 .tickets .ticket-items .ticket-item:hover .ticket-title {
-  color: #6777ef;
+    color: #6777ef;
 }
 .tickets .ticket-items .ticket-item.active {
-  box-shadow: 0 2px 6px #acb5f6;
-  border-radius: 3px;
-  background-color: #6777ef;
-  border-bottom: none;
+    box-shadow: 0 2px 6px #acb5f6;
+    border-radius: 3px;
+    background-color: #6777ef;
+    border-bottom: none;
 }
-.tickets .ticket-items .ticket-item.active .ticket-title, .tickets .ticket-items .ticket-item.active .ticket-desc {
-  color: #fff !important;
+.tickets .ticket-items .ticket-item.active .ticket-title,
+.tickets .ticket-items .ticket-item.active .ticket-desc {
+    color: #fff !important;
 }
 .tickets .ticket-items .ticket-item .ticket-title h4 {
-  font-size: 13px;
-  letter-spacing: 0.3px;
+    font-size: 13px;
+    letter-spacing: 0.3px;
 }
 .tickets .ticket-items .ticket-item .ticket-title h4 .badge {
-  padding: 7px 10px;
-  margin-left: 5px;
+    padding: 7px 10px;
+    margin-left: 5px;
 }
 .tickets .ticket-items .ticket-item .ticket-desc {
-  display: flex;
-  font-size: 11px;
-  font-weight: 500;
-  color: #34395e;
-  letter-spacing: 0.5px;
+    display: flex;
+    font-size: 11px;
+    font-weight: 500;
+    color: #34395e;
+    letter-spacing: 0.5px;
 }
 .tickets .ticket-items .ticket-item .ticket-desc .bullet {
-  margin: 0 10px;
+    margin: 0 10px;
 }
 .tickets .ticket-content {
-  width: 70%;
+    width: 70%;
 }
 .tickets .ticket-content .ticket-header {
-  display: flex;
+    display: flex;
 }
 .tickets .ticket-content .ticket-header .ticket-sender-picture {
-  width: 50px;
-  height: 50px;
-  border-radius: 3px;
-  overflow: hidden;
-  margin-right: 20px;
+    width: 50px;
+    height: 50px;
+    border-radius: 3px;
+    overflow: hidden;
+    margin-right: 20px;
 }
 .tickets .ticket-content .ticket-header .ticket-sender-picture img {
-  width: 100%;
+    width: 100%;
 }
 .tickets .ticket-content .ticket-header .ticket-detail .ticket-title h4 {
-  font-size: 18px;
-  font-weight: 700;
+    font-size: 18px;
+    font-weight: 700;
 }
 .tickets .ticket-content .ticket-header .ticket-detail .ticket-info {
-  display: flex;
-  letter-spacing: 0.3px;
-  font-size: 12px;
-  font-weight: 500;
-  color: #34395e;
+    display: flex;
+    letter-spacing: 0.3px;
+    font-size: 12px;
+    font-weight: 500;
+    color: #34395e;
 }
 .tickets .ticket-content .ticket-header .ticket-detail .ticket-info .bullet {
-  margin: 0 10px;
+    margin: 0 10px;
 }
 .tickets .ticket-divider {
-  height: 1px;
-  width: 100%;
-  display: inline-block;
-  background-color: #f2f2f2;
+    height: 1px;
+    width: 100%;
+    display: inline-block;
+    background-color: #f2f2f2;
 }
 .tickets .ticket-description {
-  color: #34395e;
-  font-weight: 500;
-  margin-top: 30px;
-  line-height: 28px;
+    color: #34395e;
+    font-weight: 500;
+    margin-top: 30px;
+    line-height: 28px;
 }
 .tickets .ticket-description p {
-  margin-bottom: 20px;
+    margin-bottom: 20px;
 }
 .tickets .ticket-description .ticket-form {
-  margin-top: 40px;
+    margin-top: 40px;
 }
 .tickets .ticket-description .ticket-form .note-editable {
-  color: #34395e;
-  font-weight: 500;
+    color: #34395e;
+    font-weight: 500;
 }
 .tickets .ticket-description .ticket-form .note-editable p {
-  margin-bottom: 5px;
+    margin-bottom: 5px;
 }
 
 @media (min-width: 576px) and (max-width: 767.98px) {
-  .tickets {
-    display: inline-block;
-  }
-  .tickets .ticket-items {
-    width: 100%;
-    margin-bottom: 30px;
-    padding: 0;
-    display: none;
-  }
-  .tickets .ticket-content {
-    width: 100%;
-  }
+    .tickets {
+        display: inline-block;
+    }
+    .tickets .ticket-items {
+        width: 100%;
+        margin-bottom: 30px;
+        padding: 0;
+        display: none;
+    }
+    .tickets .ticket-content {
+        width: 100%;
+    }
 }
 @media (min-width: 768px) and (max-width: 991.98px) {
-  .tickets {
-    flex-wrap: wrap;
-    margin: 0 -15px;
-  }
-  .tickets .ticket-items {
-    width: 100%;
-    display: flex;
-    flex-wrap: nowrap;
-    padding: 0;
-    margin-bottom: 15px;
-    padding: 15px;
-    overflow: auto;
-  }
-  .tickets .ticket-items .ticket-item {
-    flex-basis: 50%;
-    flex-grow: 0;
-    flex-shrink: 0;
-  }
-  .tickets .ticket-content {
-    margin: 15px;
-    width: 100%;
-  }
+    .tickets {
+        flex-wrap: wrap;
+        margin: 0 -15px;
+    }
+    .tickets .ticket-items {
+        width: 100%;
+        display: flex;
+        flex-wrap: nowrap;
+        padding: 0;
+        margin-bottom: 15px;
+        padding: 15px;
+        overflow: auto;
+    }
+    .tickets .ticket-items .ticket-item {
+        flex-basis: 50%;
+        flex-grow: 0;
+        flex-shrink: 0;
+    }
+    .tickets .ticket-content {
+        margin: 15px;
+        width: 100%;
+    }
 }
 /* 1.35 Owl Carousel */
 .owl-theme .owl-item {
-  padding: 10px 0;
+    padding: 10px 0;
 }
 .owl-theme .owl-dots {
-  margin-top: 20px !important;
+    margin-top: 20px !important;
 }
 .owl-theme .owl-dots .owl-dot.active span {
-  background-color: #6777ef;
+    background-color: #6777ef;
 }
 
 /* 1.36 Activities */
 .activities {
-  display: flex;
-  flex-wrap: wrap;
+    display: flex;
+    flex-wrap: wrap;
 }
 .activities .activity {
-  width: 100%;
-  display: flex;
-  position: relative;
+    width: 100%;
+    display: flex;
+    position: relative;
 }
 .activities .activity:before {
-  content: " ";
-  position: absolute;
-  left: 25px;
-  top: 0;
-  width: 2px;
-  height: 100%;
-  background-color: #6777ef;
+    content: " ";
+    position: absolute;
+    left: 25px;
+    top: 0;
+    width: 2px;
+    height: 100%;
+    background-color: #6777ef;
 }
 .activities .activity:last-child:before {
-  display: none;
+    display: none;
 }
 .activities .activity .activity-icon {
-  width: 50px;
-  height: 50px;
-  border-radius: 3px;
-  line-height: 50px;
-  font-size: 20px;
-  text-align: center;
-  margin-right: 20px;
-  border-radius: 50%;
-  flex-shrink: 0;
-  text-align: center;
-  z-index: 1;
+    width: 50px;
+    height: 50px;
+    border-radius: 3px;
+    line-height: 50px;
+    font-size: 20px;
+    text-align: center;
+    margin-right: 20px;
+    border-radius: 50%;
+    flex-shrink: 0;
+    text-align: center;
+    z-index: 1;
 }
 .activities .activity .activity-detail {
-  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03);
-  background-color: #fff;
-  border-radius: 3px;
-  border: none;
-  position: relative;
-  margin-bottom: 30px;
-  position: relative;
-  padding: 15px;
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03);
+    background-color: #fff;
+    border-radius: 3px;
+    border: none;
+    position: relative;
+    margin-bottom: 30px;
+    position: relative;
+    padding: 15px;
 }
 .activities .activity .activity-detail:before {
-  content: "";
-  font-family: "Font Awesome 5 Free";
-  font-weight: 900;
-  font-size: 20px;
-  position: absolute;
-  left: -8px;
-  color: #fff;
+    content: "";
+    font-family: "Font Awesome 5 Free";
+    font-weight: 900;
+    font-size: 20px;
+    position: absolute;
+    left: -8px;
+    color: #fff;
 }
 .activities .activity .activity-detail h4 {
-  font-size: 18px;
-  color: #191d21;
+    font-size: 18px;
+    color: #191d21;
 }
 .activities .activity .activity-detail p {
-  margin-bottom: 0;
+    margin-bottom: 0;
 }
 
 /* 1.37 Activities */
 .invoice {
-  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03);
-  background-color: #fff;
-  border-radius: 3px;
-  border: none;
-  position: relative;
-  margin-bottom: 30px;
-  padding: 40px;
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03);
+    background-color: #fff;
+    border-radius: 3px;
+    border: none;
+    position: relative;
+    margin-bottom: 30px;
+    padding: 40px;
 }
 .invoice .invoice-title .invoice-number {
-  float: right;
-  font-size: 20px;
-  font-weight: 700;
-  margin-top: -45px;
+    float: right;
+    font-size: 20px;
+    font-weight: 700;
+    margin-top: -45px;
 }
 .invoice hr {
-  margin-top: 40px;
-  margin-bottom: 40px;
-  border-top-color: #f9f9f9;
+    margin-top: 40px;
+    margin-bottom: 40px;
+    border-top-color: #f9f9f9;
 }
 .invoice .invoice-detail-item {
-  margin-bottom: 15px;
+    margin-bottom: 15px;
 }
 .invoice .invoice-detail-item .invoice-detail-name {
-  letter-spacing: 0.3px;
-  color: #98a6ad;
-  margin-bottom: 4px;
+    letter-spacing: 0.3px;
+    color: #98a6ad;
+    margin-bottom: 4px;
 }
 .invoice .invoice-detail-item .invoice-detail-value {
-  font-size: 18px;
-  color: #34395e;
-  font-weight: 700;
+    font-size: 18px;
+    color: #34395e;
+    font-weight: 700;
 }
 .invoice .invoice-detail-item .invoice-detail-value.invoice-detail-value-lg {
-  font-size: 24px;
+    font-size: 24px;
 }
 
 @media (min-width: 768px) and (max-width: 991.98px) {
-  .table-invoice table {
-    min-width: 800px;
-  }
+    .table-invoice table {
+        min-width: 800px;
+    }
 }
 /* 1.38 Empty States */
 .empty-state {
-  text-align: center;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-direction: column;
-  padding: 40px;
+    text-align: center;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-direction: column;
+    padding: 40px;
 }
 .empty-state .empty-state-icon {
-  position: relative;
-  background-color: #6777ef;
-  width: 80px;
-  height: 80px;
-  line-height: 100px;
-  border-radius: 5px;
+    position: relative;
+    background-color: #6777ef;
+    width: 80px;
+    height: 80px;
+    line-height: 100px;
+    border-radius: 5px;
 }
 .empty-state .empty-state-icon i {
-  font-size: 40px;
-  color: #fff;
-  position: relative;
-  z-index: 1;
+    font-size: 40px;
+    color: #fff;
+    position: relative;
+    z-index: 1;
 }
 .empty-state h2 {
-  font-size: 20px;
-  margin-top: 30px;
+    font-size: 20px;
+    margin-top: 30px;
 }
 .empty-state p {
-  font-size: 16px;
+    font-size: 16px;
 }
 
 /* 1.39 Pricing */
 .pricing {
-  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03);
-  background-color: #fff;
-  border-radius: 3px;
-  border: none;
-  position: relative;
-  margin-bottom: 30px;
-  text-align: center;
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03);
+    background-color: #fff;
+    border-radius: 3px;
+    border: none;
+    position: relative;
+    margin-bottom: 30px;
+    text-align: center;
 }
 .pricing.pricing-highlight .pricing-title {
-  background-color: #6777ef;
-  color: #fff;
+    background-color: #6777ef;
+    color: #fff;
 }
 .pricing.pricing-highlight .pricing-cta a {
-  background-color: #6777ef;
-  color: #fff;
+    background-color: #6777ef;
+    color: #fff;
 }
 .pricing.pricing-highlight .pricing-cta a:hover {
-  background-color: #394eea !important;
+    background-color: #394eea !important;
 }
 .pricing .pricing-padding {
-  padding: 40px;
+    padding: 40px;
 }
 .pricing .pricing-title {
-  font-size: 10px;
-  font-weight: 700;
-  text-transform: uppercase;
-  letter-spacing: 2.5px;
-  background-color: #f3f6f8;
-  color: #6777ef;
-  border-radius: 0 0 3px 3px;
-  display: inline-block;
-  padding: 5px 15px;
+    font-size: 10px;
+    font-weight: 700;
+    text-transform: uppercase;
+    letter-spacing: 2.5px;
+    background-color: #f3f6f8;
+    color: #6777ef;
+    border-radius: 0 0 3px 3px;
+    display: inline-block;
+    padding: 5px 15px;
 }
 .pricing .pricing-price {
-  margin-bottom: 45px;
+    margin-bottom: 45px;
 }
 .pricing .pricing-price div:first-child {
-  font-weight: 600;
-  font-size: 50px;
+    font-weight: 600;
+    font-size: 50px;
 }
 .pricing .pricing-details {
-  text-align: left;
-  display: inline-block;
+    text-align: left;
+    display: inline-block;
 }
 .pricing .pricing-details .pricing-item {
-  display: flex;
-  margin-bottom: 15px;
+    display: flex;
+    margin-bottom: 15px;
 }
 .pricing .pricing-details .pricing-item .pricing-item-icon {
-  width: 20px;
-  height: 20px;
-  line-height: 20px;
-  border-radius: 50%;
-  text-align: center;
-  background-color: #63ed7a;
-  color: #fff;
-  margin-right: 10px;
+    width: 20px;
+    height: 20px;
+    line-height: 20px;
+    border-radius: 50%;
+    text-align: center;
+    background-color: #63ed7a;
+    color: #fff;
+    margin-right: 10px;
 }
 .pricing .pricing-details .pricing-item .pricing-item-icon i {
-  font-size: 11px;
+    font-size: 11px;
 }
 .pricing .pricing-cta {
-  margin-top: 20px;
+    margin-top: 20px;
 }
 .pricing .pricing-cta a {
-  display: block;
-  padding: 20px 40px;
-  background-color: #f3f6f8;
-  text-transform: uppercase;
-  letter-spacing: 2.5px;
-  font-size: 14px;
-  font-weight: 700;
-  text-decoration: none;
-  border-radius: 0 0 3px 3px;
+    display: block;
+    padding: 20px 40px;
+    background-color: #f3f6f8;
+    text-transform: uppercase;
+    letter-spacing: 2.5px;
+    font-size: 14px;
+    font-weight: 700;
+    text-decoration: none;
+    border-radius: 0 0 3px 3px;
 }
-.pricing .pricing-cta a .fas, .pricing .pricing-cta a .far, .pricing .pricing-cta a .fab, .pricing .pricing-cta a .fal, .pricing .pricing-cta a .ion {
-  margin-left: 5px;
+.pricing .pricing-cta a .fas,
+.pricing .pricing-cta a .far,
+.pricing .pricing-cta a .fab,
+.pricing .pricing-cta a .fal,
+.pricing .pricing-cta a .ion {
+    margin-left: 5px;
 }
 .pricing .pricing-cta a:hover {
-  background-color: #e3eaef;
+    background-color: #e3eaef;
 }
 
 /* 1.40 Hero */
 .hero {
-  border-radius: 3px;
-  padding: 55px;
-  display: flex;
-  justify-content: center;
-  flex-direction: column;
-  position: relative;
+    border-radius: 3px;
+    padding: 55px;
+    display: flex;
+    justify-content: center;
+    flex-direction: column;
+    position: relative;
 }
 .hero.hero-bg-image {
-  background-position: center;
-  background-size: cover;
+    background-position: center;
+    background-size: cover;
 }
 .hero.hero-bg-image:before {
-  content: " ";
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  background-color: rgba(0, 0, 0, 0.5);
-  z-index: 0;
-  border-radius: 3px;
+    content: " ";
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background-color: rgba(0, 0, 0, 0.5);
+    z-index: 0;
+    border-radius: 3px;
 }
 .hero.hero-bg-image.hero-bg-parallax {
-  background-attachment: fixed;
+    background-attachment: fixed;
 }
 .hero .hero-inner {
-  position: relative;
-  z-index: 1;
+    position: relative;
+    z-index: 1;
 }
 .hero h2 {
-  font-size: 24px;
+    font-size: 24px;
 }
 .hero p {
-  margin-bottom: 0;
-  font-size: 16px;
-  letter-spacing: 0.3px;
+    margin-bottom: 0;
+    font-size: 16px;
+    letter-spacing: 0.3px;
 }
 
 /* 1.41 Avatar */
@@ -1896,187 +1959,191 @@ tr:first-child > td > .fc-day-grid-event {
  * Thanks to Spectre.css
  */
 .avatar {
-  background: #6777ef;
-  border-radius: 50%;
-  color: #e3eaef;
-  display: inline-block;
-  font-size: 16px;
-  font-weight: 300;
-  margin: 0;
-  position: relative;
-  vertical-align: middle;
-  line-height: 1.28;
-  height: 45px;
-  width: 45px;
+    background: #6777ef;
+    border-radius: 50%;
+    color: #e3eaef;
+    display: inline-block;
+    font-size: 16px;
+    font-weight: 300;
+    margin: 0;
+    position: relative;
+    vertical-align: middle;
+    line-height: 1.28;
+    height: 45px;
+    width: 45px;
 }
 .avatar.avatar-xs {
-  font-size: 6px;
-  height: 15px;
-  width: 15px;
+    font-size: 6px;
+    height: 15px;
+    width: 15px;
 }
 .avatar.avatar-sm {
-  font-size: 12px;
-  height: 30px;
-  width: 30px;
+    font-size: 12px;
+    height: 30px;
+    width: 30px;
 }
 .avatar.avatar-lg {
-  font-size: 23px;
-  height: 60px;
-  width: 60px;
+    font-size: 23px;
+    height: 60px;
+    width: 60px;
 }
 .avatar.avatar-xl {
-  font-size: 30px;
-  height: 75px;
-  width: 75px;
+    font-size: 30px;
+    height: 75px;
+    width: 75px;
 }
 .avatar img {
-  border-radius: 50%;
-  height: 100%;
-  position: relative;
-  width: 100%;
-  z-index: 1;
+    border-radius: 50%;
+    height: 100%;
+    position: relative;
+    width: 100%;
+    z-index: 1;
 }
 .avatar .avatar-icon {
-  background: #fff;
-  bottom: 14.64%;
-  height: 50%;
-  padding: 0.1rem;
-  position: absolute;
-  right: 14.64%;
-  transform: translate(50%, 50%);
-  width: 50%;
-  z-index: 2;
+    background: #fff;
+    bottom: 14.64%;
+    height: 50%;
+    padding: 0.1rem;
+    position: absolute;
+    right: 14.64%;
+    transform: translate(50%, 50%);
+    width: 50%;
+    z-index: 2;
 }
 .avatar .avatar-presence {
-  background: #fff;
-  bottom: 14.64%;
-  height: 50%;
-  padding: 0.1rem;
-  position: absolute;
-  right: 14.64%;
-  transform: translate(50%, 50%);
-  width: 50%;
-  z-index: 2;
-  background: #bcc3ce;
-  border-radius: 50%;
-  box-shadow: 0 0 0 0.1rem #fff;
-  height: 0.5em;
-  width: 0.5em;
+    background: #fff;
+    bottom: 14.64%;
+    height: 50%;
+    padding: 0.1rem;
+    position: absolute;
+    right: 14.64%;
+    transform: translate(50%, 50%);
+    width: 50%;
+    z-index: 2;
+    background: #bcc3ce;
+    border-radius: 50%;
+    box-shadow: 0 0 0 0.1rem #fff;
+    height: 0.5em;
+    width: 0.5em;
 }
 .avatar .avatar-presence.online {
-  background: #63ed7a;
+    background: #63ed7a;
 }
 .avatar .avatar-presence.busy {
-  background: #fc544b;
+    background: #fc544b;
 }
 .avatar .avatar-presence.away {
-  background: #ffa426;
+    background: #ffa426;
 }
 .avatar[data-initial]::before {
-  color: currentColor;
-  content: attr(data-initial);
-  left: 50%;
-  position: absolute;
-  top: 50%;
-  transform: translate(-50%, -50%);
-  z-index: 1;
+    color: currentColor;
+    content: attr(data-initial);
+    left: 50%;
+    position: absolute;
+    top: 50%;
+    transform: translate(-50%, -50%);
+    z-index: 1;
 }
 
 /* 1.42 Wizard */
 .wizard-steps {
-  display: flex;
-  margin: 0 -10px;
-  margin-bottom: 60px;
-  counter-reset: wizard-counter;
+    display: flex;
+    margin: 0 -10px;
+    margin-bottom: 60px;
+    counter-reset: wizard-counter;
 }
 .wizard-steps .wizard-step {
-  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03);
-  background-color: #fff;
-  border-radius: 3px;
-  border: none;
-  position: relative;
-  margin-bottom: 30px;
-  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
-  padding: 30px;
-  text-align: center;
-  flex-grow: 1;
-  flex-basis: 0;
-  margin: 0 10px;
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03);
+    background-color: #fff;
+    border-radius: 3px;
+    border: none;
+    position: relative;
+    margin-bottom: 30px;
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
+    padding: 30px;
+    text-align: center;
+    flex-grow: 1;
+    flex-basis: 0;
+    margin: 0 10px;
 }
 .wizard-steps .wizard-step:before {
-  counter-increment: wizard-counter;
-  content: counter(wizard-counter);
-  position: absolute;
-  bottom: -40px;
-  left: 50%;
-  transform: translateX(-50%);
-  width: 20px;
-  height: 20px;
-  line-height: 21px;
-  font-size: 10px;
-  font-weight: 700;
-  border-radius: 50%;
-  background-color: #e3eaef;
+    counter-increment: wizard-counter;
+    content: counter(wizard-counter);
+    position: absolute;
+    bottom: -40px;
+    left: 50%;
+    transform: translateX(-50%);
+    width: 20px;
+    height: 20px;
+    line-height: 21px;
+    font-size: 10px;
+    font-weight: 700;
+    border-radius: 50%;
+    background-color: #e3eaef;
 }
 .wizard-steps .wizard-step.wizard-step-active {
-  box-shadow: 0 2px 6px #acb5f6;
-  background-color: #6777ef;
-  color: #fff;
+    box-shadow: 0 2px 6px #acb5f6;
+    background-color: #6777ef;
+    color: #fff;
 }
 .wizard-steps .wizard-step.wizard-step-active:before {
-  background-color: #6777ef;
-  color: #fff;
+    background-color: #6777ef;
+    color: #fff;
 }
 .wizard-steps .wizard-step.wizard-step-success {
-  background-color: #63ed7a;
-  color: #fff;
+    background-color: #63ed7a;
+    color: #fff;
 }
 .wizard-steps .wizard-step.wizard-step-success:before {
-  background-color: #63ed7a;
-  color: #fff;
+    background-color: #63ed7a;
+    color: #fff;
 }
 .wizard-steps .wizard-step.wizard-step-danger {
-  background-color: #fc544b;
-  color: #fff;
+    background-color: #fc544b;
+    color: #fff;
 }
 .wizard-steps .wizard-step.wizard-step-danger:before {
-  background-color: #fc544b;
-  color: #fff;
+    background-color: #fc544b;
+    color: #fff;
 }
 .wizard-steps .wizard-step.wizard-step-warning {
-  background-color: #ffa426;
-  color: #fff;
+    background-color: #ffa426;
+    color: #fff;
 }
 .wizard-steps .wizard-step.wizard-step-warning:before {
-  background-color: #ffa426;
-  color: #fff;
+    background-color: #ffa426;
+    color: #fff;
 }
 .wizard-steps .wizard-step.wizard-step-info {
-  background-color: #3abaf4;
-  color: #fff;
+    background-color: #3abaf4;
+    color: #fff;
 }
 .wizard-steps .wizard-step.wizard-step-info:before {
-  background-color: #3abaf4;
-  color: #fff;
+    background-color: #3abaf4;
+    color: #fff;
 }
-.wizard-steps .wizard-step .wizard-step-icon .fas, .wizard-steps .wizard-step .wizard-step-icon .far, .wizard-steps .wizard-step .wizard-step-icon .fab, .wizard-steps .wizard-step .wizard-step-icon .fal, .wizard-steps .wizard-step .wizard-step-icon .ion {
-  font-size: 34px;
-  margin-bottom: 15px;
+.wizard-steps .wizard-step .wizard-step-icon .fas,
+.wizard-steps .wizard-step .wizard-step-icon .far,
+.wizard-steps .wizard-step .wizard-step-icon .fab,
+.wizard-steps .wizard-step .wizard-step-icon .fal,
+.wizard-steps .wizard-step .wizard-step-icon .ion {
+    font-size: 34px;
+    margin-bottom: 15px;
 }
 .wizard-steps .wizard-step .wizard-step-label {
-  font-size: 10px;
-  text-transform: uppercase;
-  letter-spacing: 1px;
-  font-weight: 700;
+    font-size: 10px;
+    text-transform: uppercase;
+    letter-spacing: 1px;
+    font-weight: 700;
 }
 
 @media (max-width: 575.98px) {
-  .wizard-steps {
-    display: block;
-  }
-  .wizard-steps .wizard-step {
-    margin-bottom: 50px;
-  }
+    .wizard-steps {
+        display: block;
+    }
+    .wizard-steps .wizard-step {
+        margin-bottom: 50px;
+    }
 }
 
 /*# sourceMappingURL=components.css.map */
diff --git a/public/assets/css/login_register/style.css b/public/assets/css/login_register/style.css
new file mode 100644
index 00000000..b24970bb
--- /dev/null
+++ b/public/assets/css/login_register/style.css
@@ -0,0 +1,940 @@
+@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800&display=swap");
+
+:root {
+    --primary: #900c3e;
+    --secondary: #bfc0c0;
+    --white: #fff;
+    --text-clr: #5b6475;
+    --header-clr: #25273d;
+    --next-btn-hover: #900c3e;
+    --back-btn-hover: #8b8c8c;
+}
+
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
+
+body,
+input {
+    font-family: "Poppins", sans-serif;
+}
+
+input[type="text"] {
+    border: none;
+    outline: 0;
+}
+
+video {
+    background: primary;
+}
+
+.container {
+    position: relative;
+    width: 100%;
+    background-color: #fff;
+    min-height: 100vh;
+    overflow: hidden;
+}
+
+.forms-container {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    top: 0;
+    left: 0;
+}
+
+.signin-signup {
+    position: absolute;
+    top: 50%;
+    transform: translate(-50%, -50%);
+    left: 75%;
+    width: 50%;
+    transition: 1s 0.7s ease-in-out;
+    display: grid;
+    grid-template-columns: 1fr;
+    z-index: 3;
+}
+
+form.sign-up-form {
+    display: flex;
+    align-items: start;
+    justify-content: center;
+    flex-direction: column;
+    padding: 0rem 2rem 0 5rem;
+    transition: all 0.2s 0.7s;
+    overflow: hidden;
+    grid-column: 1 / 2;
+    grid-row: 1 / 2;
+    opacity: 0;
+    width: 110%;
+    z-index: 1;
+}
+
+form.sign-in-form {
+    display: flex;
+    align-items: start;
+    justify-content: center;
+    flex-direction: column;
+    padding: 0 3rem;
+    transition: all 0.2s 0.7s;
+    overflow: hidden;
+    grid-column: 1 / 2;
+    grid-row: 1 / 2;
+    width: 100%;
+    z-index: 8;
+}
+
+form p {
+    font-size: 0.9rem;
+    width: 110%;
+    margin-bottom: 2%;
+}
+
+.title {
+    font-size: 2.2rem;
+    color: #444;
+    margin-bottom: 10px;
+}
+
+.input-field-signin-flex,
+.input-field-signup-flex {
+    width: 100%;
+    height: 55px;
+    background-color: #f0f0f0;
+    margin-top: 10px;
+    border-radius: 1rem;
+    display: grid;
+    grid-template-columns: 15% 85%;
+    display: flex;
+    align-items: center;
+    position: relative;
+}
+
+.input-field-signin-flex input,
+.input-field-signup-flex input {
+    width: 82%;
+    height: 100%;
+    background: none;
+    outline: none;
+    border: none;
+    border-radius: 1rem;
+    line-height: 1;
+    font-weight: 600;
+    margin-right: 1rem;
+    font-size: 0.8rem;
+    color: #333;
+}
+
+.input-field-signin-flex i,
+.input-field-signup-flex i {
+    padding: 0 1.5rem;
+    color: #acacac;
+    transition: 0.5s;
+}
+
+.input-field {
+    width: 100%;
+    height: 55px;
+    background-color: #f0f0f0;
+    border-radius: 1rem;
+    display: grid;
+    grid-template-columns: 15% 85%;
+    display: flex;
+    align-items: center;
+    position: relative;
+    margin-top: 17px;
+}
+
+.input-field i,
+.input-field box-icon {
+    padding: 0 1.5rem;
+    color: #acacac;
+    transition: 0.5s;
+}
+
+.input-field input {
+    width: 110%;
+    height: 100%;
+    background: none;
+    outline: none;
+    border: none;
+    border-radius: 1rem;
+    line-height: 1;
+    font-weight: 600;
+    margin-right: 1rem;
+    font-size: 0.8rem;
+    color: #333;
+}
+
+.input-field input::placeholder {
+    color: #aaa;
+    font-weight: 500;
+}
+
+.error {
+    display: none;
+}
+
+.validate {
+    width: 120%;
+    align-items: center;
+    padding: 0.5rem 0.1rem;
+    color: red;
+    font-size: 0.9rem;
+}
+
+.validate-text {
+    margin-left: 1%;
+}
+
+.btn {
+    width: 100%;
+    background-color: #900c3e;
+    border: none;
+    outline: none;
+    height: 49px;
+    border-radius: 1rem;
+    color: #fff;
+    text-transform: uppercase;
+    font-weight: 600;
+    margin: 10px 0;
+    cursor: pointer;
+    transition: 0.25s;
+}
+
+.btn:hover {
+    -webkit-transform: translateY(-0.22em);
+    transform: translateY(-0.252m);
+}
+
+.btn-otp,
+.btn-foto {
+    width: fit-content;
+    height: fit-content;
+    margin-left: 2%;
+    font-size: 0.7rem;
+    padding: 0.85rem 0.9rem;
+    border: 1px solid #900c3e;
+    color: #900c3e;
+    background: none;
+    outline: none;
+    border-radius: 0.7rem;
+    text-transform: uppercase;
+    font-weight: 600;
+    cursor: pointer;
+    transition: 0.25s;
+}
+
+.btn-otp:hover {
+    -webkit-transform: translateY(-0.22em);
+    transform: translateY(-0.252m);
+}
+
+.panels-container {
+    position: absolute;
+    height: 100%;
+    width: 100%;
+    top: 0;
+    left: 0;
+    display: grid;
+    grid-template-columns: repeat(2, 1fr);
+}
+
+.container:before {
+    content: "";
+    position: absolute;
+    height: 2000px;
+    width: 2000px;
+    top: -10%;
+    right: 48%;
+    transform: translateY(-50%);
+    background-image: linear-gradient(-45deg, #900c3e 0%, #900c3e 100%);
+    transition: 1.8s ease-in-out;
+    border-radius: 50%;
+    z-index: 4;
+}
+
+.image {
+    width: 100%;
+    transition: transform 1.1s ease-in-out;
+    transition-delay: 0.4s;
+}
+
+.panel {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-end;
+    justify-content: space-around;
+    text-align: center;
+    z-index: 4;
+}
+
+.left-panel {
+    pointer-events: all;
+    padding: 3rem 17% 2rem 12%;
+}
+
+.right-panel {
+    pointer-events: none;
+    padding: 3rem 12% 2rem 17%;
+}
+
+.panel .content {
+    color: #fff;
+    transition: transform 0.9s ease-in-out;
+    transition-delay: 0.6s;
+}
+
+.content a {
+    cursor: pointer;
+    color: white;
+    font-size: 12px;
+}
+
+.panel h3 {
+    font-weight: 600;
+    line-height: 1;
+    font-size: 1.5rem;
+}
+
+.panel p {
+    font-size: 1rem;
+    padding: 0.7rem 0;
+}
+
+.btn.transparent {
+    margin: 0;
+    background: none;
+    border: 2px solid #fff;
+    width: 130px;
+    height: 41px;
+    font-weight: 600;
+    font-size: 0.8rem;
+}
+
+.right-panel .image,
+.right-panel .content {
+    transform: translateX(800px);
+}
+
+/* ANIMATION */
+
+.container.sign-up-mode:before {
+    transform: translate(100%, -50%);
+    right: 52%;
+}
+
+.container.sign-up-mode .left-panel .image,
+.container.sign-up-mode .left-panel .content {
+    transform: translateX(-800px);
+}
+
+.container.sign-up-mode .signin-signup {
+    left: 25%;
+}
+
+.container.sign-up-mode form.sign-up-form {
+    opacity: 1;
+    z-index: 2;
+}
+
+.container.sign-up-mode form.sign-in-form {
+    opacity: 0;
+    z-index: 1;
+}
+
+.container.sign-up-mode .right-panel .image,
+.container.sign-up-mode .right-panel .content {
+    transform: translateX(0%);
+}
+
+.container.sign-up-mode .left-panel {
+    pointer-events: none;
+}
+
+.container.sign-up-mode .right-panel {
+    pointer-events: all;
+}
+
+@media (max-width: 1100px) {
+    .container {
+        min-height: 1000px;
+        height: 100vh;
+    }
+
+    form.sign-in-form {
+        justify-content: start;
+    }
+
+    .header {
+        padding: 0;
+    }
+
+    .header ul li div {
+        padding: 0 1.2rem;
+    }
+
+    .signin-signup {
+        width: 100%;
+        top: 95%;
+        transform: translate(-50%, -100%);
+        transition: 1s 0.8s ease-in-out;
+    }
+
+    .signin-signup,
+    .container.sign-up-mode .signin-signup {
+        left: 50%;
+    }
+
+    .panels-container {
+        grid-template-columns: 1fr;
+        grid-template-rows: 1fr 2fr 1fr;
+    }
+
+    .panel {
+        flex-direction: row;
+        justify-content: space-around;
+        grid-column: 1 / 2;
+    }
+
+    .right-panel {
+        grid-row: 3 / 4;
+    }
+
+    .left-panel {
+        grid-row: 1 / 2;
+    }
+
+    .image {
+        width: 200px;
+        transition: transform 0.9s ease-in-out;
+        transition-delay: 0.6s;
+    }
+
+    .panel .content {
+        padding-right: 15%;
+        transition: transform 0.9s ease-in-out;
+        transition-delay: 0.8s;
+    }
+
+    .panel h3 {
+        font-size: 1.2rem;
+    }
+
+    .panel p {
+        font-size: 0.7rem;
+        padding: 0.5rem 0;
+    }
+
+    .btn.transparent {
+        width: 110px;
+        height: 35px;
+        font-size: 0.7rem;
+    }
+
+    .container:before {
+        width: 1500px;
+        height: 1500px;
+        transform: translateX(-50%);
+        left: 30%;
+        bottom: 68%;
+        right: initial;
+        top: initial;
+        transition: 2s ease-in-out;
+    }
+
+    .container.sign-up-mode:before {
+        transform: translate(-50%, 100%);
+        bottom: 26%;
+        right: initial;
+    }
+
+    .container.sign-up-mode .left-panel .image,
+    .container.sign-up-mode .left-panel .content {
+        transform: translateY(-300px);
+    }
+
+    .container.sign-up-mode .right-panel .image,
+    .container.sign-up-mode .right-panel .content {
+        transform: translateY(0px);
+    }
+
+    .right-panel .image,
+    .right-panel .content {
+        transform: translateY(300px);
+    }
+
+    .container.sign-up-mode .signin-signup {
+        top: 5%;
+        transform: translate(-50%, 0);
+    }
+}
+
+@media (max-width: 740px) {
+    .form_4 div {
+        width: 90%;
+    }
+
+    .btns_wrap .common_btns.form_4_btns {
+        width: 90%;
+    }
+
+    .image {
+        display: none;
+    }
+    .panel .content {
+        padding: 0.5rem 1rem;
+    }
+    .container {
+        padding: 1.5rem;
+    }
+
+    .container:before {
+        bottom: 72%;
+        left: 50%;
+    }
+
+    .container.sign-up-mode:before {
+        bottom: 28%;
+        left: 50%;
+    }
+}
+
+/* // MULTIPLE PROGGRESS BAR */
+.wrapper {
+    width: fit-content;
+    max-width: 100%;
+    background: var(--white);
+    margin: 0 auto 0;
+    border-radius: 1rem;
+}
+
+.header {
+    display: flex;
+    justify-content: center;
+}
+
+.header ul {
+    display: flex;
+}
+
+.header ul li {
+    margin-right: 50px;
+    position: relative;
+    list-style: none;
+}
+
+.header ul li:last-child {
+    margin-right: 0;
+}
+
+.header ul li:before {
+    content: "";
+    position: absolute;
+    top: 50%;
+    transform: translateY(-50%);
+    left: 55px;
+    width: 130%;
+    height: 4px;
+    background: var(--secondary);
+}
+
+.header ul li:last-child:before {
+    display: none;
+}
+
+.header ul li div {
+    padding: 1.2rem;
+    border-radius: 50%;
+}
+
+.header ul li p {
+    width: 50px;
+    height: 50px;
+    background: var(--secondary);
+    color: var(--white);
+    text-align: center;
+    line-height: 50px;
+    border-radius: 50%;
+}
+
+.header ul li.active:before {
+    background: var(--primary);
+}
+
+.header ul li.active p {
+    background: var(--primary);
+}
+
+.form_wrap h2 {
+    color: var(--header-clr);
+    text-align: start;
+    text-transform: uppercase;
+    margin-bottom: 20px;
+}
+
+.form_wrap .input_wrap {
+    width: 350px;
+    max-width: 100%;
+    margin: 0 auto 20px;
+}
+
+.form_wrap .input_wrap:last-child {
+    margin-bottom: 0;
+}
+
+.form_wrap .input_wrap label {
+    display: block;
+    margin-bottom: 5px;
+}
+
+.form_wrap .input_wrap .input {
+    border: 2px solid var(--secondary);
+    border-radius: 3px;
+    padding: 10px;
+    display: block;
+    width: 100%;
+    font-size: 16px;
+    transition: 0.5s ease;
+}
+
+.form_wrap .input_wrap .input:focus {
+    border-color: var(--primary);
+}
+
+.btns_wrap {
+    width: 100%;
+    margin: 4% auto;
+}
+
+.btns_wrap .common_btns {
+    display: flex;
+    justify-content: space-between;
+}
+
+.btns_wrap .common_btns.form_1_btns {
+    justify-content: flex-end;
+}
+
+.btns_wrap .common_btns.form_2_btns {
+    width: 190%;
+    margin-top: 10%;
+}
+
+.btns_wrap .common_btns.form_3_btns {
+    width: 60%;
+    margin-top: 2%;
+}
+
+.btns_wrap .common_btns button {
+    position: relative;
+    border: 0;
+    padding: 12px 15px;
+    background: var(--primary);
+    color: var(--white);
+    width: 135px;
+    justify-content: center;
+    display: flex;
+    align-items: center;
+    font-size: 0.8rem;
+    border-radius: 1rem;
+    transition: 0.5s ease;
+    cursor: pointer;
+}
+
+.btns_wrap .common_btns button.btn_back {
+    background: var(--secondary);
+    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
+    transition: 0.25s;
+}
+
+.btns_wrap .common_btns button.btn_next {
+    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
+    transition: 0.25s;
+}
+
+.btns_wrap .common_btns button.btn_done {
+    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
+    transition: 0.25s;
+}
+
+.btns_wrap .common_btns button.btn_next .icon {
+    display: flex;
+    margin-left: 10px;
+}
+
+.btns_wrap .common_btns button.btn_back .icon {
+    display: flex;
+    margin-right: 10px;
+}
+
+.btns_wrap .common_btns button.btn_next:hover,
+.btns_wrap .common_btns button.btn_done:hover {
+    background: var(--next-btn-hover);
+    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px,
+        rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
+    -webkit-transform: translateY(-0.22em);
+    transform: translateY(-0.252m);
+}
+
+.btns_wrap .common_btns button.btn_back:hover {
+    background: var(--back-btn-hover);
+    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px,
+        rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
+    -webkit-transform: translateY(-0.22em);
+    transform: translateY(-0.252m);
+}
+
+.modal_wrapper {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    visibility: hidden;
+    z-index: 5;
+}
+
+.modal_wrapper .shadow {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background: rgba(0, 0, 0, 0.8);
+    opacity: 0;
+    transition: 0.2s ease;
+}
+
+.modal_wrapper .success_wrap {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -800px);
+    background: var(--white);
+    padding: 50px;
+    display: flex;
+    align-items: center;
+    border-radius: 5px;
+    transition: 0.5s ease;
+}
+
+.modal_wrapper .success_wrap .modal_icon {
+    margin-right: 20px;
+    width: 50px;
+    height: 50px;
+    background: var(--primary);
+    color: var(--white);
+    border-radius: 50%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 32px;
+    font-weight: 700;
+}
+
+.modal_wrapper.active {
+    visibility: visible;
+}
+
+.modal_wrapper.active .shadow {
+    opacity: 1;
+}
+
+.modal_wrapper.active .success_wrap {
+    transform: translate(-50%, -50%);
+}
+
+/******************************************
+    /* END DROPDOWN INPUT
+  ==================================================*/
+.select2-container .select2-selection--single {
+    border: none;
+    background: none;
+    outline: none;
+    box-shadow: none;
+    padding: 0;
+}
+
+.select2-container .select2-selection--single:focus {
+    border: none;
+}
+
+.select2-container .select2-selection--single .select2-selection__arrow {
+    border: none;
+    background: none;
+}
+
+.select2-container--default.select2-container--open .select2-selection--single {
+    border: none;
+}
+
+.select2-results {
+    border-bottom: 1px solid #aaa;
+}
+
+.select2-results__option {
+    padding: 10px;
+    color: #333;
+    background-color: white;
+}
+
+.select2-container--default
+    .select2-results
+    > .select2-results__options
+    .select2-results__option--highlighted {
+    background-color: #900c3e !important;
+    color: #fff !important;
+}
+
+.gender-select-menu,
+.select-menu {
+    height: 100%;
+    font-size: 0.9rem;
+}
+.gender-select-menu .gender-select-input,
+.select-menu .select-btn {
+    width: 100%;
+    height: 55px;
+    background: #f0f0f0;
+    border-radius: 1rem;
+    grid-template-columns: 15% 85%;
+    display: flex;
+    padding: 0 1.2rem;
+    align-items: center;
+    justify-content: space-between;
+    position: relative;
+    cursor: pointer;
+}
+.select-btn i {
+    font-size: 25px;
+    transition: 0.3s;
+}
+
+.gender-select,
+.sBtn-text {
+    font-size: 0.8rem;
+    color: #aaa;
+    font-weight: 500;
+}
+
+.gender-select-menu.active .select-btn i,
+.select-menu.active .select-btn i {
+    transform: rotate(-180deg);
+}
+.gender-select-menu .gender-options,
+.select-menu .options {
+    width: 100%;
+    max-height: 200px;
+    overflow-y: auto;
+    position: absolute;
+    padding: 0.5rem 0;
+    margin-top: 10px;
+    border-radius: 1rem;
+    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
+    display: none;
+    background: white;
+    z-index: 7;
+}
+
+.gender-select-menu.active .gender-options,
+.select-menu.active .options {
+    display: block;
+}
+.options .gender-option,
+.options .option {
+    display: flex;
+    height: 55px;
+    cursor: pointer;
+    padding: 0 1.4rem;
+    border-radius: 8px;
+    align-items: center;
+    background: #fff;
+}
+.options .gender-option:hover,
+.options .option:hover {
+    background: #f2f2f2;
+}
+
+.option .gender-option-text,
+.option .option-text {
+    font-size: 0.8rem;
+    color: #333;
+}
+/******************************************
+    /* END DROPDOWN INPUT
+  ==================================================*/
+
+/******************************************
+    /* SLIDER
+  ==================================================*/
+.slider-container {
+    position: relative;
+    max-width: 60%;
+    overflow: hidden;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+}
+
+.slider {
+    display: flex;
+
+    transition: transform 0.5s ease-in-out;
+}
+
+.slide {
+    flex: 0 0 100%;
+}
+
+.slider h3 {
+    margin: 1rem 0;
+}
+
+.slide img {
+    width: 100%;
+    height: auto;
+}
+
+.dots {
+    display: flex;
+    align-items: center;
+    width: fit-content;
+    margin-top: 1rem;
+}
+
+.dot {
+    display: inline-block;
+    width: 10px;
+    height: 10px;
+    margin: 0 5px;
+    background-color: #bbb;
+    border-radius: 50%;
+    cursor: pointer;
+}
+
+.prev,
+.next {
+    font-size: 1rem;
+    background: none;
+    border: none;
+    cursor: pointer;
+    margin: 0 1rem;
+}
+
+.dot.active {
+    background-color: #900c3e;
+}
+
+#webcamKtp,
+#webcamEkyc {
+    height: 30vh;
+    border-radius: 1rem;
+}
+/******************************************
+    /* END SLIDER
+  ==================================================*/
diff --git a/public/assets/css/main.css b/public/assets/css/main.css
new file mode 100644
index 00000000..e29ef200
--- /dev/null
+++ b/public/assets/css/main.css
@@ -0,0 +1,54 @@
+
+/*--------------------------------------------------------------
+# Profie Page
+--------------------------------------------------------------*/
+.profile .profile-card img {
+  max-width: 120px;
+}
+
+.profile .profile-card h2 {
+  font-size: 24px;
+  font-weight: 700;
+  color: #2c384e;
+  margin: 10px 0 0 0;
+}
+
+.profile .profile-card h3 {
+  font-size: 18px;
+}
+
+.profile .profile-card .social-links a {
+  font-size: 20px;
+  display: inline-block;
+  color: rgba(1, 41, 112, 0.5);
+  line-height: 0;
+  margin-right: 10px;
+  transition: 0.3s;
+}
+
+.profile .profile-card .social-links a:hover {
+  color: #012970;
+}
+
+.profile .profile-overview .row {
+  margin-bottom: 20px;
+  font-size: 15px;
+}
+
+.profile .profile-overview .card-title {
+  color: #012970;
+}
+
+.profile .profile-overview .label {
+  font-weight: 600;
+  color: rgba(1, 41, 112, 0.6);
+}
+
+.profile .profile-edit label {
+  font-weight: 600;
+  color: rgba(1, 41, 112, 0.6);
+}
+
+.profile .profile-edit img {
+  max-width: 120px;
+}
diff --git a/public/assets/images/dashboard/Asset 3.png b/public/assets/images/dashboard/Asset 3.png
new file mode 100644
index 00000000..9ff9605b
Binary files /dev/null and b/public/assets/images/dashboard/Asset 3.png differ
diff --git a/public/assets/images/foto-ktp.jpg b/public/assets/images/foto-ktp.jpg
new file mode 100644
index 00000000..93a607c3
Binary files /dev/null and b/public/assets/images/foto-ktp.jpg differ
diff --git a/public/assets/img/avatar/ok.jpg b/public/assets/img/avatar/ok.jpg
new file mode 100644
index 00000000..64a268ac
Binary files /dev/null and b/public/assets/img/avatar/ok.jpg differ
diff --git a/public/assets/img/avatar/rusak.jpeg b/public/assets/img/avatar/rusak.jpeg
new file mode 100644
index 00000000..f870c441
Binary files /dev/null and b/public/assets/img/avatar/rusak.jpeg differ
diff --git a/public/assets/img/login_register/Payment Information-pana.svg b/public/assets/img/login_register/Payment Information-pana.svg
new file mode 100644
index 00000000..dfdf15c1
--- /dev/null
+++ b/public/assets/img/login_register/Payment Information-pana.svg	
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500"><g id="freepik--background-complete--inject-36"><path d="M286.88,350.61c-15.59-10.82-19.18-31-18.62-49.13.09-3-.25-6.22,1.18-8.88s4.79-4.49,7.5-3.22c2.25,1.05,3.24,3.66,4.51,5.82a17.7,17.7,0,0,0,7.12,6.77c1.93,1,4.32,1.59,6.22.54,2.6-1.45,2.9-5.06,2.87-8.07l-.15-16.84a28,28,0,0,1,.88-9c.93-2.86,3-5.52,5.85-6.33s6.41.83,7,3.78a27.5,27.5,0,0,1,.1,3.75c.09,1.25.67,2.63,1.86,3s2.41-.51,3.31-1.39c3.09-3.05,5.19-7,7.15-10.87s3.86-7.9,6.67-11.22,6.71-6,11-6.23,8.91,2.39,10,6.62-1.36,8.56-4.05,12a67.28,67.28,0,0,1-13.95,13.38,5.57,5.57,0,0,0-2.34,2.52c-.64,2,1.26,4,3.25,4.66,2.25.74,4.68.5,7,.77s4.9,1.29,5.79,3.51c1.24,3.07-1.32,6.31-3.85,8.43a57.5,57.5,0,0,1-17,9.89c-2.21.82-4.54,1.53-6.32,3.1s-2.86,4.27-1.77,6.38,3.86,2.8,6.18,2.36,4.39-1.71,6.6-2.55c4.13-1.57,9.48-1.3,12.14,2.27a9.53,9.53,0,0,1,1,8.42,22,22,0,0,1-4.54,7.46,58,58,0,0,1-24.68,17.45c-9.59,3.36-18.48,4.28-28,.82" style="fill:#f5f5f5"></path><path d="M291.53,339.23a270.07,270.07,0,0,1,10.62-29.09l3.18-7.48c1.05-2.45,2.09-4.88,3.25-7.2A136.29,136.29,0,0,1,316,282.53c2.57-4,5.15-7.69,7.59-11.13s4.79-6.6,7.05-9.39a107.48,107.48,0,0,1,11.62-12.37c1.48-1.34,2.67-2.35,3.48-3l.92-.76.33-.24a2.44,2.44,0,0,1-.29.28l-.89.8c-.79.7-1.95,1.74-3.4,3.11A111.68,111.68,0,0,0,331,262.26c-2.23,2.79-4.55,6-7,9.41s-5,7.15-7.54,11.14a138.06,138.06,0,0,0-7.39,12.9c-1.15,2.3-2.18,4.72-3.23,7.17l-3.17,7.48a276.16,276.16,0,0,0-10.64,29" style="fill:#e0e0e0"></path><path d="M308.74,295.44a5.93,5.93,0,0,1-.3-1.28c-.16-.84-.35-2.05-.57-3.55-.44-3-.89-7.15-1.38-11.74s-1-8.73-1.49-11.71c-.23-1.49-.44-2.7-.59-3.53a6.2,6.2,0,0,1-.17-1.31,5.8,5.8,0,0,1,.38,1.26c.22.82.48,2,.77,3.51.58,3,1.16,7.12,1.65,11.72s.89,8.62,1.22,11.75c.15,1.42.29,2.61.39,3.56A6.2,6.2,0,0,1,308.74,295.44Z" style="fill:#e0e0e0"></path><path d="M347.43,288.09a10.05,10.05,0,0,1-1.54.19c-1,.09-2.43.21-4.2.42-3.55.4-8.43,1.11-13.77,2.14s-10.15,2.17-13.6,3.1c-1.72.45-3.11.85-4.07,1.12a7.94,7.94,0,0,1-1.51.38,7.67,7.67,0,0,1,1.44-.58c.95-.34,2.32-.8,4-1.3,3.43-1,8.23-2.24,13.59-3.28a137.55,137.55,0,0,1,13.84-2c1.78-.16,3.23-.23,4.23-.25A7.76,7.76,0,0,1,347.43,288.09Z" style="fill:#e0e0e0"></path><path d="M292,338.51s-.11-.15-.26-.47l-.67-1.4c-.57-1.21-1.36-3-2.3-5.21-1.88-4.43-4.28-10.63-6.85-17.51s-4.91-13.1-6.69-17.56c-.88-2.17-1.6-3.95-2.13-5.28l-.58-1.44a1.93,1.93,0,0,1-.16-.52,2.26,2.26,0,0,1,.27.48l.66,1.39c.58,1.22,1.36,3,2.3,5.22,1.88,4.43,4.29,10.63,6.85,17.51s4.91,13.09,6.69,17.56l2.14,5.28q.33.85.57,1.44A2.06,2.06,0,0,1,292,338.51Z" style="fill:#e0e0e0"></path><path d="M343.4,321.78a1.9,1.9,0,0,1-.51.21l-1.49.5-5.51,1.81c-4.64,1.52-11,3.7-18.1,6.11s-13.48,4.54-18.16,6c-2.34.72-4.24,1.28-5.56,1.64l-1.53.4a1.68,1.68,0,0,1-.54.1,2.81,2.81,0,0,1,.51-.21l1.49-.5,5.51-1.81c4.65-1.52,11-3.69,18.1-6.11s13.49-4.54,18.17-6c2.34-.72,4.24-1.28,5.56-1.63l1.52-.41A1.72,1.72,0,0,1,343.4,321.78Z" style="fill:#e0e0e0"></path><path d="M54.05,93.85s-9.25,2.53-1.29,22.48,13.81,30,13.81,30,1.31,4.58-2.47,4.92-11.87-1.72-13.95,2.68c-2.16,4.56.86,9.34,7.46,13.9s20.68,15.06,22,16,2.38,3.12-.16,3.76-21.16.86-20.53,9.69,21.09,18.5,23.31,19.6,2.67,2.13,2.37,3.37-6.57.73-11.86,1-11.38,1.53-10.59,6.6,12.37,16.62,42.55,22.42l14.16,1.78,8.84-11.28c17.45-25.3,17.61-41.66,14.62-45.83s-8.2-.78-12.17,2.73-8.07,8.27-9.16,7.6-1.48-1.73-.67-4.07,8.62-23.58,2.88-30.32-19.17,6.16-21.43,7.49-3-1-2.76-2.58,2.92-18.94,4.43-26.81.31-13.4-4.43-15.14c-4.57-1.68-8.88,5.46-11.82,7.87S81.93,140,81.93,140s-2.87-11.28-11.19-31.08-16.87-15-16.87-15" style="fill:#ebebeb"></path><path d="M119.23,255.49c-6-14.57-16.36-40.64-25.33-63S76.78,150,70.81,135.36l-7.09-17.28-1.93-4.7-.49-1.22a4.49,4.49,0,0,1-.15-.43s.07.14.19.41.31.69.53,1.21c.47,1.08,1.14,2.65,2,4.67,1.73,4,4.2,9.94,7.22,17.23,6.05,14.56,14.24,34.76,23.21,57.09s19.24,48.43,25.21,63" style="fill:#e0e0e0"></path><path d="M61.33,157.29a4.17,4.17,0,0,1,1,.36c.61.26,1.48.67,2.55,1.17,2.14,1,5.06,2.51,8.26,4.2l8.16,4.37c1,.52,1.82,1,2.48,1.31a4.55,4.55,0,0,1,.9.51,4.17,4.17,0,0,1-1-.36c-.61-.26-1.48-.66-2.55-1.18-2.13-1-5-2.56-8.23-4.26l-8.19-4.3-2.49-1.3A5.8,5.8,0,0,1,61.33,157.29Z" style="fill:#e0e0e0"></path><path d="M85.7,168.39c-.11,0,2.68-6.21,6.24-13.75s6.52-13.62,6.63-13.57-2.68,6.21-6.23,13.76S85.81,168.45,85.7,168.39Z" style="fill:#e0e0e0"></path><path d="M97.93,203.32a4.79,4.79,0,0,1,.66-.83l1.9-2.14c1.59-1.82,3.79-4.33,6.11-7.2s4.35-5.52,5.79-7.45l1.72-2.3a4.44,4.44,0,0,1,.67-.81,4.75,4.75,0,0,1-.53.91c-.36.57-.91,1.39-1.6,2.38-1.38,2-3.37,4.69-5.7,7.55s-4.57,5.36-6.23,7.13c-.84.88-1.52,1.58-2,2.05A5,5,0,0,1,97.93,203.32Z" style="fill:#e0e0e0"></path><path d="M73.68,198.12a4.08,4.08,0,0,1,1,.11l2.61.45c2.2.4,5.23,1,8.57,1.66s6.37,1.3,8.56,1.78l2.58.59a4,4,0,0,1,.93.28,4.12,4.12,0,0,1-1-.11l-2.61-.45c-2.2-.4-5.23-1-8.57-1.66s-6.37-1.3-8.55-1.78l-2.59-.59A4,4,0,0,1,73.68,198.12Z" style="fill:#e0e0e0"></path><path d="M80.56,230.32a7.3,7.3,0,0,1,1.24.15l3.35.57c2.82.5,6.71,1.21,11,2s8.18,1.59,11,2.17l3.32.7a6.73,6.73,0,0,1,1.2.32,6.2,6.2,0,0,1-1.23-.15l-3.35-.56c-2.82-.5-6.71-1.22-11-2s-8.18-1.59-11-2.16l-3.32-.71A6.06,6.06,0,0,1,80.56,230.32Z" style="fill:#e0e0e0"></path><path d="M111,235.91a8.15,8.15,0,0,1,.81-1.06l2.3-2.81c2-2.37,4.62-5.66,7.47-9.37s5.35-7.14,7.14-9.63l2.12-2.95a7.41,7.41,0,0,1,.82-1.06,8.48,8.48,0,0,1-.68,1.16c-.46.72-1.14,1.76-2,3-1.72,2.54-4.18,6-7,9.72s-5.57,7-7.58,9.3c-1,1.16-1.83,2.09-2.41,2.72A7.77,7.77,0,0,1,111,235.91Z" style="fill:#e0e0e0"></path><rect x="344.71" y="142.41" width="75.83" height="79.04" style="fill:#e0e0e0"></rect><rect x="339.58" y="142.41" width="75.83" height="79.04" style="fill:#fafafa"></rect><path d="M415.43,221.47H339.55V142.38h75.88Zm-75.83,0h75.78v-79H339.6Z" style="fill:#e0e0e0"></path><rect x="349.77" y="153.03" width="55.44" height="57.79" style="fill:#fafafa"></rect><path d="M349.77,211.21a9,9,0,0,1-1.37,1.59c-.88.93-2.13,2.2-3.52,3.57s-2.68,2.6-3.63,3.47a8.26,8.26,0,0,1-1.6,1.33,9.22,9.22,0,0,1,1.36-1.58c.89-.93,2.14-2.2,3.53-3.58s2.69-2.6,3.63-3.47A8.63,8.63,0,0,1,349.77,211.21Z" style="fill:#e0e0e0"></path><path d="M405.21,211.07a8.47,8.47,0,0,1,1.59,1.37c.93.88,2.2,2.12,3.57,3.52s2.6,2.68,3.47,3.62a9,9,0,0,1,1.33,1.6,9.09,9.09,0,0,1-1.58-1.36c-.93-.88-2.2-2.13-3.58-3.53s-2.6-2.68-3.47-3.63A8.81,8.81,0,0,1,405.21,211.07Z" style="fill:#e0e0e0"></path><path d="M405.06,153.19a8.12,8.12,0,0,1,1.37-1.59c.88-.94,2.13-2.2,3.52-3.58s2.68-2.59,3.62-3.46a9.46,9.46,0,0,1,1.6-1.34,8.49,8.49,0,0,1-1.36,1.59c-.88.93-2.13,2.2-3.53,3.58s-2.68,2.6-3.63,3.47A8.81,8.81,0,0,1,405.06,153.19Z" style="fill:#e0e0e0"></path><path d="M349.62,153.33A8.58,8.58,0,0,1,348,152c-.94-.89-2.2-2.13-3.58-3.52s-2.59-2.68-3.46-3.63a8.61,8.61,0,0,1-1.34-1.6,9,9,0,0,1,1.59,1.36c.93.89,2.2,2.14,3.58,3.53s2.6,2.69,3.47,3.63A8.63,8.63,0,0,1,349.62,153.33Z" style="fill:#e0e0e0"></path><path d="M405.06,210.82a1.16,1.16,0,0,1,0-.28c0-.19,0-.46,0-.8,0-.73,0-1.77,0-3.12,0-2.74,0-6.72-.06-11.78,0-10.12-.06-24.54-.11-41.81l.22.22-55.29,0h0L350,153c0,21.21,0,41.06,0,57.79l-.21-.21,40,.11,11.25.06,3,0h1a1.15,1.15,0,0,1-.25,0h-.74l-2.94,0-11.19.06-40.17.11h-.21v-.22c0-16.73,0-36.58,0-57.79v-.24h.25l55.29,0h.21V153c0,17.32-.08,31.79-.11,41.95,0,5,0,9-.05,11.73,0,1.33,0,2.36,0,3.07,0,.34,0,.6,0,.79A2.06,2.06,0,0,1,405.06,210.82Z" style="fill:#e0e0e0"></path><rect x="368.24" y="172.68" width="18.5" height="18.5" style="fill:#ebebeb"></rect><rect x="401.57" y="52.56" width="7.61" height="37.85" transform="translate(-0.38 2.18) rotate(-0.31)" style="fill:#e0e0e0"></rect><rect x="335.63" y="52.69" width="19.7" height="20.9" transform="translate(-0.33 1.85) rotate(-0.31)" style="fill:#ebebeb"></rect><rect x="355.23" y="52.58" width="19.7" height="20.9" transform="translate(-0.33 1.95) rotate(-0.31)" style="fill:#f5f5f5"></rect><path d="M335.6,58.51c13.09.11,26.22,0,39.31-.18a.21.21,0,0,0,0-.42q-19.63-.1-39.3.24a.18.18,0,0,0,0,.36Z" style="fill:#e0e0e0"></path><rect x="323.33" y="73.28" width="35.79" height="17.03" transform="translate(-0.43 1.83) rotate(-0.31)" style="fill:#ebebeb"></rect><rect x="358.95" y="73.09" width="35.79" height="17.03" transform="translate(-0.43 2.02) rotate(-0.31)" style="fill:#f5f5f5"></rect><path d="M323.31,78.11c23.78.27,47.64,0,71.41-.35a.21.21,0,0,0,0-.42c-23.78-.13-47.64-.11-71.41.41a.18.18,0,0,0,0,.36Z" style="fill:#e0e0e0"></path><rect x="309.93" y="90.4" width="138.66" height="6.1" style="fill:#e0e0e0"></rect><rect x="332.63" y="93.34" width="5.63" height="20.82" style="fill:#e0e0e0"></rect><rect x="416.66" y="93.34" width="5.63" height="20.82" style="fill:#e0e0e0"></rect><rect x="409.03" y="38.44" width="7.61" height="52.06" transform="translate(-0.34 2.21) rotate(-0.31)" style="fill:#ebebeb"></rect><rect x="416.68" y="48.14" width="11.82" height="42.19" transform="translate(-0.37 2.27) rotate(-0.31)" style="fill:#f5f5f5"></rect><path d="M428.31,56.24a83.27,83.27,0,0,1-11.82,0,87.42,87.42,0,0,1,11.82,0Z" style="fill:#e0e0e0"></path><path d="M428.31,54.47a44,44,0,0,1-5.91.2,43.85,43.85,0,0,1-5.91-.2,83.27,83.27,0,0,1,11.82,0Z" style="fill:#e0e0e0"></path><path d="M428.31,84a83.27,83.27,0,0,1-11.82,0,87.42,87.42,0,0,1,11.82,0Z" style="fill:#e0e0e0"></path><path d="M428.31,82.18a83.27,83.27,0,0,1-11.82,0,87.42,87.42,0,0,1,11.82,0Z" style="fill:#e0e0e0"></path><path d="M422.59,78.31c-.11,0-.21-4.25-.21-9.5s.1-9.51.21-9.51.2,4.26.2,9.51S422.7,78.31,422.59,78.31Z" style="fill:#e0e0e0"></path><rect x="428.44" y="58.47" width="12.87" height="31.84" style="fill:#ebebeb"></rect><path d="M414.77,47.31a2.19,2.19,0,1,1-2.18-2.19A2.19,2.19,0,0,1,414.77,47.31Z" style="fill:#e0e0e0"></path><rect x="411.91" y="53.32" width="1.35" height="30.97" style="fill:#e0e0e0"></rect></g><g id="freepik--Floor--inject-36"><path d="M475.59,463.09c0,.14-94.48.26-211,.26s-211-.12-211-.26,94.46-.26,211-.26S475.59,462.94,475.59,463.09Z" style="fill:#263238"></path></g><g id="freepik--Screen--inject-36"><path d="M268.45,46.29l-25.91,0a6.43,6.43,0,0,0-6.29,6.58v4.7a6.44,6.44,0,0,1-6.3,6.57l-50.49,0a6.44,6.44,0,0,1-6.29-6.58v-4.7a6.44,6.44,0,0,0-6.29-6.58H135.09A20.38,20.38,0,0,0,114.7,66.59l-.07,327A20.38,20.38,0,0,0,135,414l133.36.08a20.38,20.38,0,0,0,20.39-20.38l.07-327A20.39,20.39,0,0,0,268.45,46.29Z" style="fill:#fff"></path><path d="M268.45,46.29l.69,0a14.64,14.64,0,0,1,2.07.16,19.15,19.15,0,0,1,7.65,2.64,19.56,19.56,0,0,1,4.65,3.77A20.35,20.35,0,0,1,287.39,59a21.1,21.1,0,0,1,1.53,8.28c0,3,0,6.22,0,9.61,0,27.16,0,66.46.07,115s0,106.38,0,170.58V393a21.9,21.9,0,0,1-.79,6.22,20.37,20.37,0,0,1-2.6,5.74,21.94,21.94,0,0,1-4.25,4.72,20.65,20.65,0,0,1-11.77,4.57c-4.27.12-8.52,0-12.81.05h-26l-53.28,0-27.25,0H136.55a21.5,21.5,0,0,1-13.27-3.66,20.93,20.93,0,0,1-8.09-11.16,22.76,22.76,0,0,1-.85-6.9v-6.87q0-13.72,0-27.26,0-27.08,0-53.3c0-34.94,0-68.64,0-100.75s0-62.61,0-91.17q0-21.4,0-41.31v-5c0-.82.08-1.65.12-2.47s.21-1.64.42-2.43a20.85,20.85,0,0,1,4.28-8.64A20.71,20.71,0,0,1,135.92,46l17.77,0h12.73a6.56,6.56,0,0,1,4,1.12,6.74,6.74,0,0,1,2.49,3.28,11.1,11.1,0,0,1,.42,4c0,.66,0,1.32,0,2a13.76,13.76,0,0,0,.07,1.94,6.4,6.4,0,0,0,1.52,3.41A6,6,0,0,0,178,63.74a7.1,7.1,0,0,0,1.84.18h9.24L216,64l11.85,0c.93,0,1.89,0,2.77,0a6,6,0,0,0,2.5-.88A6.47,6.47,0,0,0,236,59a12,12,0,0,0,.16-2.47V54.06a13.47,13.47,0,0,1,.11-2.38A6.74,6.74,0,0,1,237,49.5a6.4,6.4,0,0,1,3.25-2.88,10.31,10.31,0,0,1,4-.43l13.22,0,8.14,0,2.77,0-2.77,0-8.14,0-13.22,0a10,10,0,0,0-4,.43,6.29,6.29,0,0,0-3.15,2.8,6.74,6.74,0,0,0-.74,2.13,13.87,13.87,0,0,0-.1,2.34V56.5A11.37,11.37,0,0,1,236.2,59a6.71,6.71,0,0,1-2.95,4.26,6.29,6.29,0,0,1-2.6.92c-.94.08-1.85,0-2.8,0h-48a7.41,7.41,0,0,1-1.92-.19,6.31,6.31,0,0,1-3.29-2,6.78,6.78,0,0,1-1.61-3.59,14.83,14.83,0,0,1-.07-2v-2a10.63,10.63,0,0,0-.4-3.91,6.33,6.33,0,0,0-2.36-3.09,6.19,6.19,0,0,0-3.81-1.06h-30.5a20.26,20.26,0,0,0-16.3,7.24,20.41,20.41,0,0,0-4.19,8.46c-.2.77-.26,1.58-.4,2.37s-.1,1.61-.11,2.43v5q0,19.88,0,41.31V305.09q0,26.21,0,53.3v34.13a21.78,21.78,0,0,0,.83,6.73,20.28,20.28,0,0,0,7.85,10.85,20.94,20.94,0,0,0,13,3.57h41l53.28,0,26,0c4.28,0,8.57.07,12.78-.06a20,20,0,0,0,11.46-4.44,21.22,21.22,0,0,0,4.13-4.59,19.89,19.89,0,0,0,2.54-5.59,21.06,21.06,0,0,0,.76-6.07v-6.18q0-12.33,0-24.37c0-64.2.07-122,.1-170.58s.09-87.86.11-115l0-9.61A20.93,20.93,0,0,0,287.23,59,20.22,20.22,0,0,0,283.4,53a20.26,20.26,0,0,0-12.2-6.45,15.61,15.61,0,0,0-2.06-.19Z" style="fill:#263238"></path><path d="M272.35,83.7c0,.09-3.36.18-7.52.22s-7.53,0-7.53-.1,3.37-.18,7.53-.22S272.35,83.61,272.35,83.7Z" style="fill:#263238"></path><path d="M272.39,87.55c0,.09-3.37.19-7.53.22s-7.52,0-7.52-.1,3.36-.18,7.52-.22S272.39,87.46,272.39,87.55Z" style="fill:#263238"></path><path d="M272.42,91.4c0,.09-3.37.19-7.53.22s-7.52,0-7.52-.1,3.36-.18,7.52-.22S272.42,91.31,272.42,91.4Z" style="fill:#263238"></path><path d="M135.5,95.92l.31,0,.87,0,3.21-.07-.09.09c0-.72,0-1.5,0-2.33,0-.44,0-.85,0-1.35a1.23,1.23,0,0,1,1.08-1c.52,0,1,0,1.53,0a1.24,1.24,0,0,1,1.06,1.24c0,1.08,0,2.22,0,3.4l-.15-.15,4,0-.15.15c0-1.63,0-3.32,0-5,0-.43,0-.86,0-1.28a1.28,1.28,0,0,0-.57-1l-1.77-1.75-1.71-1.69-.83-.81a1.89,1.89,0,0,0-.84-.63,1.07,1.07,0,0,0-.93.18c-.24.21-.5.5-.75.74L138.31,86c-.91.95-1.86,1.82-2.56,2.64a2.86,2.86,0,0,0-.2,1.51v1.43c0,.87,0,1.64,0,2.3s0,1.07,0,1.47,0,.52,0,.53a2.83,2.83,0,0,1,0-.49c0-.39,0-.87,0-1.45s0-1.43-.05-2.31c0-.46,0-1,0-1.46,0-.26,0-.53,0-.8a1.64,1.64,0,0,1,.22-.85c.75-.92,1.64-1.73,2.57-2.71l1.44-1.48c.26-.25.47-.5.78-.77a1.38,1.38,0,0,1,1.18-.23,2.18,2.18,0,0,1,1,.69l.83.82,1.72,1.68,1.77,1.74a3.12,3.12,0,0,1,.46.49,1.4,1.4,0,0,1,.21.69c0,.43,0,.86,0,1.29,0,1.73,0,3.42,0,5V96h-.16l-4,0h-.15v-.15c0-1.18,0-2.31,0-3.4a1,1,0,0,0-.82-1c-.46,0-1,0-1.47,0a1,1,0,0,0-.87.79c0,.41,0,.88,0,1.29V96h-.09l-3.26,0h-.85A1.32,1.32,0,0,1,135.5,95.92Z" style="fill:#263238"></path><path d="M215.55,118A13.91,13.91,0,1,1,201.64,104,13.91,13.91,0,0,1,215.55,118Z" style="fill:#263238"></path><g style="opacity:0.4"><path d="M205.92,109.87v10.72H188.05s-1.2-6.63,2.44-11Z" style="fill:#455a64"></path></g><path d="M199.44,115.4a3.49,3.49,0,1,1-3.49-3.48A3.48,3.48,0,0,1,199.44,115.4Z" style="fill:#263238"></path><path d="M206.59,124.86a4.26,4.26,0,1,1,4.26-4.26A4.26,4.26,0,0,1,206.59,124.86Zm0-7a2.71,2.71,0,1,0,2.71,2.7A2.7,2.7,0,0,0,206.59,117.9Z" style="fill:#D24556"></path><path d="M196.19,115.12v11.37h16.44a13.3,13.3,0,0,0,2.63-11.37Z" style="fill:#fff"></path><path d="M210.07,120.8a3.49,3.49,0,1,1-3.48-3.48A3.48,3.48,0,0,1,210.07,120.8Z" style="fill:#263238"></path><rect x="157.74" y="345.24" width="87.9" height="26.85" rx="13.42" style="fill:#D24556"></rect><path d="M181.9,357.05c0,1.46-1.06,2.35-2.81,2.35h-1.85v2.17h-.72v-6.88h2.57C180.84,354.69,181.9,355.57,181.9,357.05Zm-.72,0c0-1.1-.73-1.73-2.11-1.73h-1.83v3.44h1.83C180.45,358.76,181.18,358.13,181.18,357.05Z" style="fill:#fff"></path><path d="M187.19,358.36v3.21h-.67v-.81a1.94,1.94,0,0,1-1.78.86c-1.17,0-1.89-.61-1.89-1.5s.51-1.47,2-1.47h1.64v-.31c0-.89-.5-1.37-1.47-1.37a2.64,2.64,0,0,0-1.72.61l-.31-.52a3.24,3.24,0,0,1,2.1-.7A1.84,1.84,0,0,1,187.19,358.36Zm-.7,1.66v-.85h-1.62c-1,0-1.33.39-1.33.93s.48,1,1.31,1A1.66,1.66,0,0,0,186.49,360Z" style="fill:#fff"></path><path d="M193.33,356.4l-2.58,5.79c-.44,1-1,1.34-1.72,1.34a1.77,1.77,0,0,1-1.26-.47l.32-.53a1.29,1.29,0,0,0,.95.4c.46,0,.77-.22,1.07-.87l.22-.5L188,356.4h.73l1.95,4.39,1.94-4.39Z" style="fill:#fff"></path><path d="M199.22,361.62v1.13h-.49v-1.12a3.73,3.73,0,0,1-2.35-.89l.29-.57a3.31,3.31,0,0,0,2.06.83v-2.59c-1.08-.26-2.18-.6-2.18-1.89,0-.95.68-1.76,2.18-1.88v-1.13h.49v1.12a3.81,3.81,0,0,1,2,.61l-.24.58a3.65,3.65,0,0,0-1.76-.57v2.6c1.12.27,2.29.58,2.29,1.9C201.51,360.71,200.79,361.53,199.22,361.62Zm-.49-3.89v-2.46c-1,.09-1.46.61-1.46,1.23S197.93,357.52,198.73,357.73Zm2.06,2.06c0-.78-.72-1-1.57-1.25V361C200.31,360.92,200.79,360.42,200.79,359.79Z" style="fill:#fff"></path><path d="M207,359.59c0,1.16-.84,2-2.5,2a3.57,3.57,0,0,1-2.48-.88l.34-.57a3,3,0,0,0,2.14.8c1.14,0,1.77-.53,1.77-1.39s-.58-1.36-1.86-1.36h-.49v-.52l1.9-2.39h-3.52v-.63h4.43v.5l-1.95,2.45C206.22,357.72,207,358.49,207,359.59Z" style="fill:#fff"></path><path d="M212.52,359.55c0,1.17-.81,2.08-2.5,2.08a3.54,3.54,0,0,1-2.46-.88l.34-.57a2.94,2.94,0,0,0,2.11.8c1.17,0,1.79-.57,1.79-1.41s-.55-1.43-2.3-1.43H208l.35-3.45h3.77v.63H209l-.23,2.19h.88C211.74,357.51,212.52,358.33,212.52,359.55Z" style="fill:#fff"></path><path d="M213.43,361.08a.51.51,0,0,1,.52-.53.53.53,0,0,1,.53.53.54.54,0,0,1-.53.54A.53.53,0,0,1,213.43,361.08Z" style="fill:#fff"></path><path d="M215.39,358.13c0-2.19,1.15-3.5,2.75-3.5s2.75,1.31,2.75,3.5-1.16,3.5-2.75,3.5S215.39,360.32,215.39,358.13Zm4.77,0c0-1.84-.82-2.85-2-2.85s-2,1-2,2.85.83,2.85,2,2.85S220.16,360,220.16,358.13Z" style="fill:#fff"></path><path d="M221.91,358.13c0-2.19,1.15-3.5,2.74-3.5s2.75,1.31,2.75,3.5-1.16,3.5-2.75,3.5S221.91,360.32,221.91,358.13Zm4.76,0c0-1.84-.82-2.85-2-2.85s-2,1-2,2.85.83,2.85,2,2.85S226.67,360,226.67,358.13Z" style="fill:#fff"></path><path d="M277,230.35c0,.14-32.59.26-72.77.26s-72.78-.12-72.78-.26,32.58-.26,72.78-.26S277,230.21,277,230.35Z" style="fill:#e0e0e0"></path><path d="M273.63,294.33c0,.15-32.59.26-72.77.26s-72.78-.11-72.78-.26,32.58-.26,72.78-.26S273.63,294.19,273.63,294.33Z" style="fill:#263238"></path><path d="M273.63,329.63c0,.14-32.59.26-72.77.26s-72.78-.12-72.78-.26,32.58-.26,72.78-.26S273.63,329.48,273.63,329.63Z" style="fill:#263238"></path><path d="M188.19,302.06h-2.4v-.62h5.51v.62h-2.39v6.19h-.72Z" style="fill:#263238"></path><path d="M191.61,305.31h2.56v.61h-2.56Z" style="fill:#263238"></path><path d="M195,307.67l.31-.55a3.13,3.13,0,0,0,1.82.58c1,0,1.38-.33,1.38-.84,0-1.33-3.32-.28-3.32-2.31,0-.83.72-1.46,2-1.46a3.44,3.44,0,0,1,1.81.48l-.3.55a2.63,2.63,0,0,0-1.51-.43c-.92,0-1.33.36-1.33.84,0,1.39,3.32.34,3.32,2.31,0,.89-.78,1.46-2.11,1.46A3.44,3.44,0,0,1,195,307.67Z" style="fill:#263238"></path><path d="M205.19,305.28v3h-.69v-2.9a1.43,1.43,0,0,0-1.54-1.63,1.67,1.67,0,0,0-1.79,1.84v2.69h-.69V301h.69v3a2.15,2.15,0,0,1,1.92-.94A2,2,0,0,1,205.19,305.28Z" style="fill:#263238"></path><path d="M206.91,301.52a.5.5,0,0,1,.51-.49.49.49,0,1,1,0,1A.5.5,0,0,1,206.91,301.52Zm.16,1.61h.69v5.12h-.69Z" style="fill:#263238"></path><path d="M212.27,303.09v.67h-.17a1.66,1.66,0,0,0-1.72,1.89v2.61h-.69v-5.12h.66v1A1.93,1.93,0,0,1,212.27,303.09Z" style="fill:#263238"></path><path d="M216.43,307.94a1.66,1.66,0,0,1-1.08.36,1.35,1.35,0,0,1-1.49-1.49v-3.09h-.92v-.59h.92V302h.69v1.12h1.55v.59h-1.55v3a.82.82,0,0,0,.88.94,1.12,1.12,0,0,0,.76-.27Z" style="fill:#263238"></path><path d="M183.74,322.49V324h-1.09V322.5a5.79,5.79,0,0,1-3.26-1.1l.6-1.35a5,5,0,0,0,2.66,1v-2.65c-1.48-.36-3.06-.84-3.06-2.69,0-1.35,1-2.54,3.06-2.74v-1.5h1.09V313a5.56,5.56,0,0,1,2.69.81l-.54,1.34a5.58,5.58,0,0,0-2.15-.72v2.69c1.47.36,3.08.82,3.08,2.67C186.82,321.1,185.82,322.27,183.74,322.49Zm-1.09-5.69v-2.37c-1,.15-1.35.63-1.35,1.21S181.88,316.57,182.65,316.8Zm2.47,3.07c0-.65-.59-1-1.38-1.18V321C184.71,320.89,185.12,320.44,185.12,319.87Z" style="fill:#263238"></path><path d="M194.4,319.59c0,1.57-1.18,2.92-3.68,2.92a5.88,5.88,0,0,1-3.49-1.07l.74-1.35a4.34,4.34,0,0,0,2.73.92c1.23,0,2-.54,2-1.41s-.61-1.38-2-1.38h-.85V317l2.11-2.51h-4.22v-1.45H194v1.15l-2.26,2.69A2.64,2.64,0,0,1,194.4,319.59Z" style="fill:#263238"></path><path d="M202.16,319.52c0,1.64-1.18,3-3.68,3a5.87,5.87,0,0,1-3.5-1.07l.73-1.35a4.41,4.41,0,0,0,2.74.92c1.24,0,2-.54,2-1.42s-.57-1.45-2.5-1.45h-2.25l.48-5.06h5.47v1.45h-4l-.2,2.15h.89C201.06,316.68,202.16,317.87,202.16,319.52Z" style="fill:#263238"></path><path d="M203.1,321.37a1.09,1.09,0,1,1,2.18,0,1.09,1.09,0,1,1-2.18,0Z" style="fill:#263238"></path><path d="M206.23,317.73c0-3.06,1.68-4.79,3.89-4.79s3.89,1.73,3.89,4.79-1.67,4.78-3.89,4.78S206.23,320.79,206.23,317.73Zm6,0c0-2.25-.88-3.28-2.15-3.28s-2.14,1-2.14,3.28.87,3.28,2.14,3.28S212.27,320,212.27,317.73Z" style="fill:#263238"></path><path d="M215.17,317.73c0-3.06,1.68-4.79,3.88-4.79s3.9,1.73,3.9,4.79-1.68,4.78-3.9,4.78S215.17,320.79,215.17,317.73Zm6,0c0-2.25-.88-3.28-2.16-3.28s-2.13,1-2.13,3.28.87,3.28,2.13,3.28S221.21,320,221.21,317.73Z" style="fill:#263238"></path><path d="M133.51,244.42V249a.57.57,0,0,0,.57.59h9.73a.58.58,0,0,0,.58-.59v-4.57" style="fill:#263238"></path><path d="M133.51,243.05h10.73s0-1.28-.92-1.28h-9S133.43,241.85,133.51,243.05Z" style="fill:#263238"></path><path d="M137.83,248.16c0,.44-.52.79-1.17.79s-1.18-.35-1.18-.79.53-.78,1.18-.78S137.83,247.73,137.83,248.16Z" style="fill:#263238"></path><path d="M149.44,246.17a2,2,0,0,1,2.06-2,1.87,1.87,0,0,1,1.43.58l-.26.27a1.51,1.51,0,0,0-1.16-.48,1.65,1.65,0,1,0,0,3.3,1.54,1.54,0,0,0,1.16-.47l.26.26a1.88,1.88,0,0,1-1.44.59A2,2,0,0,1,149.44,246.17Z" style="fill:#263238"></path><path d="M155.92,246.31v1.86h-.39v-.47a1.07,1.07,0,0,1-1,.49c-.67,0-1.08-.35-1.08-.87s.29-.85,1.14-.85h.94v-.18a.73.73,0,0,0-.84-.79,1.52,1.52,0,0,0-1,.35l-.18-.3a1.88,1.88,0,0,1,1.2-.4A1.06,1.06,0,0,1,155.92,246.31Zm-.4,1v-.49h-.93c-.57,0-.76.22-.76.53s.28.57.75.57A1,1,0,0,0,155.52,247.27Z" style="fill:#263238"></path><path d="M158.49,245.15v.39h-.1c-.62,0-1,.39-1,1.1v1.53H157v-3h.38v.59A1.11,1.11,0,0,1,158.49,245.15Z" style="fill:#263238"></path><path d="M161.87,243.94v4.23h-.38v-.6a1.26,1.26,0,0,1-1.14.62,1.52,1.52,0,0,1,0-3,1.28,1.28,0,0,1,1.12.59v-1.8Zm-.39,2.73a1.1,1.1,0,1,0-1.1,1.17A1.09,1.09,0,0,0,161.48,246.67Z" style="fill:#263238"></path><path d="M194.25,284.82a6,6,0,0,0,1.75-.38,4.88,4.88,0,0,0,3-3.82,11.34,11.34,0,0,0,.05-1.77c0-.63,0-1.29,0-2,0-1.38,0-2.87,0-4.47s0-3.34-.06-5.12a4.79,4.79,0,0,0-3.43-4,12,12,0,0,0-3-.18h-10.1l-15.16,0-34.73,0a4.69,4.69,0,0,0-3.75,1.88,4.52,4.52,0,0,0-.86,2,14.4,14.4,0,0,0-.09,2.2v8.86c0,.72,0,1.47,0,2.15a4.57,4.57,0,0,0,.59,1.94,4.78,4.78,0,0,0,3.15,2.29,11.23,11.23,0,0,0,2,.1h6.11l28.37.06,19.12.08,5.2,0,1.35,0a3.92,3.92,0,0,1,.46,0s-.15,0-.46,0l-1.35,0-5.2,0-19.12.09-28.37.05h-6.11a11.08,11.08,0,0,1-2.13-.1,5.25,5.25,0,0,1-3.49-2.54,5,5,0,0,1-.66-2.14c0-.76,0-1.45,0-2.19,0-2.9,0-5.86,0-8.86a13.9,13.9,0,0,1,.1-2.3,5,5,0,0,1,.95-2.17,5.25,5.25,0,0,1,4.17-2.08l34.73,0,15.16,0,6.86,0h3.24a11.74,11.74,0,0,1,3.13.21,5.1,5.1,0,0,1,3.65,4.28c.09,1.86,0,3.55,0,5.16s0,3.09,0,4.47c0,.68,0,1.34,0,2a11.82,11.82,0,0,1-.08,1.8,5,5,0,0,1-1.35,2.68,4.8,4.8,0,0,1-1.85,1.21,4.94,4.94,0,0,1-1.33.29Z" style="fill:#263238"></path><path d="M270.92,284.82a6.13,6.13,0,0,0,1.76-.38,4.87,4.87,0,0,0,1.77-1.21,4.79,4.79,0,0,0,1.26-2.61,11.34,11.34,0,0,0,.05-1.77c0-.63,0-1.29,0-2,0-1.38,0-2.87,0-4.47s0-3.34-.06-5.12a4.79,4.79,0,0,0-3.43-4,12,12,0,0,0-3-.18h-10.1l-15.16,0-34.73,0a4.69,4.69,0,0,0-3.75,1.88,4.52,4.52,0,0,0-.86,2,14.4,14.4,0,0,0-.09,2.2v8.86c0,.72,0,1.47,0,2.15a4.57,4.57,0,0,0,.59,1.94,4.78,4.78,0,0,0,3.15,2.29,11.23,11.23,0,0,0,2,.1h6.12l28.36.06,19.12.08,5.2,0,1.35,0a3.92,3.92,0,0,1,.46,0s-.15,0-.46,0l-1.35,0-5.2,0-19.12.09-28.36.05h-6.12a11.08,11.08,0,0,1-2.13-.1,5.25,5.25,0,0,1-3.49-2.54,5.1,5.1,0,0,1-.66-2.14c0-.76,0-1.45,0-2.19v-8.86a12.86,12.86,0,0,1,.09-2.3,5.16,5.16,0,0,1,1-2.17,5.25,5.25,0,0,1,4.17-2.08l34.73,0,15.16,0,6.87,0h3.23a11.71,11.71,0,0,1,3.13.21,5.13,5.13,0,0,1,3.66,4.28c.08,1.86,0,3.55,0,5.16s0,3.09,0,4.47c0,.68,0,1.34,0,2a11.82,11.82,0,0,1-.08,1.8,5,5,0,0,1-1.35,2.68,4.8,4.8,0,0,1-1.85,1.21,5,5,0,0,1-1.32.29Z" style="fill:#263238"></path><path d="M273.63,141.49c0,.15-32.59.26-72.77.26s-72.78-.11-72.78-.26,32.58-.26,72.78-.26S273.63,141.35,273.63,141.49Z" style="fill:#263238"></path><path d="M131.48,187.33c0,.88-.63,1.41-1.68,1.41h-1.1V190h-.44v-4.11h1.54C130.85,185.92,131.48,186.45,131.48,187.33Zm-.43,0c0-.66-.44-1-1.26-1H128.7v2h1.09C130.61,188.35,131.05,188,131.05,187.33Z" style="fill:#263238"></path><path d="M134.63,188.12V190h-.4v-.48a1.15,1.15,0,0,1-1.06.51c-.7,0-1.13-.36-1.13-.9s.31-.87,1.19-.87h1v-.19c0-.53-.29-.81-.87-.81a1.59,1.59,0,0,0-1,.36l-.19-.31a2,2,0,0,1,1.26-.42A1.1,1.1,0,0,1,134.63,188.12Zm-.42,1v-.51h-1c-.6,0-.8.24-.8.55s.29.58.78.58A1,1,0,0,0,134.21,189.11Z" style="fill:#263238"></path><path d="M135.33,189.68l.19-.33a1.85,1.85,0,0,0,1.1.35c.59,0,.83-.2.83-.51,0-.8-2-.17-2-1.39,0-.5.44-.88,1.23-.88a2.05,2.05,0,0,1,1.09.29l-.18.33a1.66,1.66,0,0,0-.91-.26c-.56,0-.81.22-.81.51,0,.83,2,.21,2,1.39,0,.54-.47.88-1.28.88A2.07,2.07,0,0,1,135.33,189.68Z" style="fill:#263238"></path><path d="M138.2,189.68l.19-.33a1.83,1.83,0,0,0,1.1.35c.59,0,.83-.2.83-.51,0-.8-2-.17-2-1.39,0-.5.44-.88,1.23-.88a2.05,2.05,0,0,1,1.09.29l-.18.33a1.66,1.66,0,0,0-.91-.26c-.56,0-.81.22-.81.51,0,.83,2,.21,2,1.39,0,.54-.46.88-1.27.88A2.07,2.07,0,0,1,138.2,189.68Z" style="fill:#263238"></path><path d="M146,186.94,144.81,190h-.39l-1-2.53-1,2.53h-.4l-1.16-3.09h.4l1,2.63,1-2.63h.36l1,2.63,1-2.63Z" style="fill:#263238"></path><path d="M146.2,188.49a1.57,1.57,0,1,1,1.58,1.57A1.52,1.52,0,0,1,146.2,188.49Zm2.72,0a1.15,1.15,0,1,0-1.14,1.2A1.12,1.12,0,0,0,148.92,188.49Z" style="fill:#263238"></path><path d="M151.75,186.92v.41h-.1a1,1,0,0,0-1,1.14V190h-.42v-3.09h.4v.61A1.18,1.18,0,0,1,151.75,186.92Z" style="fill:#263238"></path><path d="M155.29,185.67V190h-.4v-.61a1.33,1.33,0,0,1-1.19.64,1.57,1.57,0,0,1,0-3.14,1.35,1.35,0,0,1,1.17.61v-1.86Zm-.41,2.82a1.15,1.15,0,1,0-1.15,1.2A1.13,1.13,0,0,0,154.88,188.49Z" style="fill:#263238"></path><path d="M270.56,176.65a7.19,7.19,0,0,0,.82-.13,3.55,3.55,0,0,0,2-1.32,3.45,3.45,0,0,0,.66-1.62c.07-.64,0-1.38,0-2.16,0-1.58,0-3.39,0-5.43,0-1,0-2.1,0-3.24a3.64,3.64,0,0,0-1.2-3.11,3.44,3.44,0,0,0-1.63-.78,15.73,15.73,0,0,0-2-.05H265l-19.71,0-114.14.08a3.3,3.3,0,0,0-3,2,4.53,4.53,0,0,0-.26,1.93V165q0,4.13,0,8.19a3.28,3.28,0,0,0,2,3,4.14,4.14,0,0,0,1.87.28h10l30.31,0,51.32.05,34.59.09,9.41,0,2.44,0,.84,0-.84,0-2.44,0-9.41.05-34.59.08-51.32.06H131.69a4.43,4.43,0,0,1-2.07-.32,3.81,3.81,0,0,1-2.28-3.43c0-2.71,0-5.45,0-8.2v-2.07a9.65,9.65,0,0,1,0-1.06,4.07,4.07,0,0,1,.27-1.08,3.85,3.85,0,0,1,3.53-2.33l114.14.08,19.71,0h4.2a14.8,14.8,0,0,1,2,.07,3.7,3.7,0,0,1,1.76.84,3.86,3.86,0,0,1,1.25,3.3c0,1.14,0,2.22,0,3.24,0,2,0,3.85,0,5.43,0,.79,0,1.5-.05,2.18a3.64,3.64,0,0,1-.71,1.67,3.55,3.55,0,0,1-2,1.3A3.07,3.07,0,0,1,270.56,176.65Z" style="fill:#263238"></path><path d="M131.17,155.56v.38h-2.91v-4.12h2.82v.38H128.7v1.46h2.12V154H128.7v1.53Z" style="fill:#263238"></path><path d="M137.2,154.14v1.8h-.42v-1.76c0-.65-.33-1-.89-1a1,1,0,0,0-1,1.11v1.63h-.42v-1.76c0-.65-.33-1-.89-1a1,1,0,0,0-1,1.11v1.63h-.42v-3.09h.4v.56a1.26,1.26,0,0,1,1.13-.59,1.12,1.12,0,0,1,1.1.65,1.35,1.35,0,0,1,1.22-.65A1.17,1.17,0,0,1,137.2,154.14Z" style="fill:#263238"></path><path d="M140.66,154v1.92h-.4v-.49a1.16,1.16,0,0,1-1.06.52c-.7,0-1.13-.37-1.13-.9s.3-.88,1.19-.88h1V154c0-.53-.3-.81-.87-.81a1.59,1.59,0,0,0-1,.36l-.19-.31a1.93,1.93,0,0,1,1.26-.42A1.1,1.1,0,0,1,140.66,154Zm-.42,1v-.51h-1c-.6,0-.79.24-.79.56s.29.58.78.58A1,1,0,0,0,140.24,155Z" style="fill:#263238"></path><path d="M141.69,151.87a.31.31,0,1,1,.31.3A.3.3,0,0,1,141.69,151.87Zm.1,1h.42v3.09h-.42Z" style="fill:#263238"></path><path d="M143.37,151.58h.41v4.36h-.41Z" style="fill:#263238"></path><path d="M270.56,214.53a7.19,7.19,0,0,0,.82-.13,3.55,3.55,0,0,0,2-1.32,3.45,3.45,0,0,0,.66-1.62c.07-.64,0-1.38,0-2.16,0-1.58,0-3.39,0-5.43,0-1,0-2.1,0-3.24a3.63,3.63,0,0,0-1.2-3.11,3.44,3.44,0,0,0-1.63-.78,15.73,15.73,0,0,0-2-.05H265l-19.71,0-114.14.08a3.3,3.3,0,0,0-3,2,4.53,4.53,0,0,0-.26,1.93v2.07q0,4.13,0,8.19a3.28,3.28,0,0,0,2,3,4.14,4.14,0,0,0,1.87.28h10l30.31,0,51.32.05,34.59.08,9.41.05,2.44,0,.84,0-.84,0-2.44,0-9.41,0-34.59.08-51.32.06H131.69a4.43,4.43,0,0,1-2.07-.32,3.81,3.81,0,0,1-2.28-3.43c0-2.71,0-5.45,0-8.2v-2.07a9.65,9.65,0,0,1,0-1.06,4.07,4.07,0,0,1,.27-1.08,3.85,3.85,0,0,1,3.53-2.33l114.14.08,19.71,0h4.2a14.8,14.8,0,0,1,2,.07,3.7,3.7,0,0,1,1.76.84,3.86,3.86,0,0,1,1.25,3.3c0,1.14,0,2.22,0,3.24,0,2,0,3.85,0,5.43,0,.79,0,1.5-.05,2.18a3.64,3.64,0,0,1-.71,1.67,3.55,3.55,0,0,1-2,1.3A3.07,3.07,0,0,1,270.56,214.53Z" style="fill:#263238"></path><path d="M140,205.57a1.67,1.67,0,1,1-1.67-1.67A1.67,1.67,0,0,1,140,205.57Z" style="fill:#263238"></path><circle cx="146.06" cy="205.57" r="1.67" style="fill:#263238"></circle><circle cx="153.75" cy="205.57" r="1.67" style="fill:#263238"></circle><path d="M163.11,205.57a1.67,1.67,0,1,1-1.67-1.67A1.67,1.67,0,0,1,163.11,205.57Z" style="fill:#263238"></path><path d="M170.8,205.57a1.67,1.67,0,1,1-1.67-1.67A1.67,1.67,0,0,1,170.8,205.57Z" style="fill:#263238"></path><path d="M178.49,205.57a1.67,1.67,0,1,1-1.67-1.67A1.67,1.67,0,0,1,178.49,205.57Z" style="fill:#263238"></path><path d="M186.18,205.57a1.67,1.67,0,1,1-1.67-1.67A1.67,1.67,0,0,1,186.18,205.57Z" style="fill:#263238"></path><path d="M193.87,205.57a1.67,1.67,0,1,1-1.67-1.67A1.67,1.67,0,0,1,193.87,205.57Z" style="fill:#263238"></path><circle cx="199.89" cy="205.57" r="1.67" style="fill:#263238"></circle><path d="M210.66,205.57A1.67,1.67,0,1,1,209,203.9,1.67,1.67,0,0,1,210.66,205.57Z" style="fill:#263238"></path><path d="M270.56,254.66a7.19,7.19,0,0,0,.82-.13,3.55,3.55,0,0,0,2-1.32,3.45,3.45,0,0,0,.66-1.62c.07-.64,0-1.38,0-2.16,0-1.58,0-3.39,0-5.43,0-1,0-2.1,0-3.23a3.65,3.65,0,0,0-1.2-3.12,3.44,3.44,0,0,0-1.63-.78,17.92,17.92,0,0,0-2-.05H265l-19.71,0L131.16,237a3.3,3.3,0,0,0-3,2,4.53,4.53,0,0,0-.26,1.93V243q0,4.13,0,8.2a3.28,3.28,0,0,0,2,3,4.14,4.14,0,0,0,1.87.28h10l30.31,0,51.32.05,34.59.09,9.41.05,2.44,0,.84,0-.84,0-2.44,0-9.41,0-34.59.08L172,254.9H131.69a4.57,4.57,0,0,1-2.07-.33,3.79,3.79,0,0,1-2.28-3.43c0-2.71,0-5.45,0-8.2v-2.07a9.65,9.65,0,0,1,0-1.06,4.07,4.07,0,0,1,.27-1.08,3.84,3.84,0,0,1,3.53-2.32l114.14.07,19.71,0h4.2a14.8,14.8,0,0,1,2,.07,3.63,3.63,0,0,1,1.76.85,3.84,3.84,0,0,1,1.25,3.3c0,1.13,0,2.21,0,3.23,0,2,0,3.85,0,5.43,0,.79,0,1.5-.05,2.18a3.64,3.64,0,0,1-.71,1.67,3.5,3.5,0,0,1-2,1.3A2.62,2.62,0,0,1,270.56,254.66Z" style="fill:#263238"></path><path d="M185,247.33H184v1.22h-.68v-1.22h-2.76v-.49l2.54-3.25h.76l-2.43,3.13h1.91v-1.07H184v1.07H185Z" style="fill:#263238"></path><path d="M189.14,247.06c0,.86-.61,1.55-1.88,1.55a2.83,2.83,0,0,1-1.82-.61l.33-.56a2.17,2.17,0,0,0,1.48.54c.75,0,1.18-.35,1.18-.89s-.35-.91-1.5-.91H185.8l.26-2.59h2.8v.62h-2.2l-.14,1.36h.56C188.56,245.57,189.14,246.18,189.14,247.06Z" style="fill:#263238"></path><path d="M193.45,247.06c0,.86-.61,1.55-1.88,1.55a2.83,2.83,0,0,1-1.82-.61l.33-.56a2.17,2.17,0,0,0,1.48.54c.75,0,1.18-.35,1.18-.89s-.36-.91-1.5-.91h-1.13l.26-2.59h2.8v.62H191l-.14,1.36h.56C192.87,245.57,193.45,246.18,193.45,247.06Z" style="fill:#263238"></path><path d="M197.76,247.06c0,.86-.61,1.55-1.88,1.55a2.83,2.83,0,0,1-1.82-.61l.33-.56a2.17,2.17,0,0,0,1.48.54c.75,0,1.18-.35,1.18-.89s-.35-.91-1.5-.91h-1.13l.26-2.59h2.8v.62h-2.2l-.14,1.36h.56C197.18,245.57,197.76,246.18,197.76,247.06Z" style="fill:#263238"></path><path d="M200.81,246.07c0-1.61.87-2.53,2-2.53s2,.92,2,2.53-.87,2.54-2,2.54S200.81,247.69,200.81,246.07Zm3.34,0c0-1.27-.54-1.9-1.31-1.9s-1.32.63-1.32,1.9.54,1.91,1.32,1.91S204.15,247.34,204.15,246.07Z" style="fill:#263238"></path><path d="M205.82,246.07c0-1.61.86-2.53,2-2.53s2,.92,2,2.53-.86,2.54-2,2.54S205.82,247.69,205.82,246.07Zm3.33,0c0-1.27-.54-1.9-1.31-1.9s-1.32.63-1.32,1.9.54,1.91,1.32,1.91S209.15,247.34,209.15,246.07Z" style="fill:#263238"></path><path d="M210.82,246.07c0-1.61.86-2.53,2-2.53s2,.92,2,2.53-.86,2.54-2,2.54S210.82,247.69,210.82,246.07Zm3.34,0c0-1.27-.54-1.9-1.31-1.9s-1.32.63-1.32,1.9.54,1.91,1.32,1.91S214.16,247.34,214.16,246.07Z" style="fill:#263238"></path><path d="M215.82,246.07c0-1.61.87-2.53,2-2.53s2,.92,2,2.53-.87,2.54-2,2.54S215.82,247.69,215.82,246.07Zm3.34,0c0-1.27-.54-1.9-1.31-1.9s-1.32.63-1.32,1.9.54,1.91,1.32,1.91S219.16,247.34,219.16,246.07Z" style="fill:#263238"></path><path d="M226.63,243.59v.48l-2,4.48h-.75l2-4.34h-2.26v.88h-.68v-1.5Z" style="fill:#263238"></path><path d="M231.14,243.59v.48l-2,4.48h-.75l2-4.34h-2.27v.88h-.68v-1.5Z" style="fill:#263238"></path><path d="M235.66,243.59v.48l-2,4.48h-.75l2-4.34H232.6v.88h-.68v-1.5Z" style="fill:#263238"></path><path d="M240.17,243.59v.48l-2,4.48h-.75l2-4.34h-2.27v.88h-.68v-1.5Z" style="fill:#263238"></path><path d="M247.1,247a1.61,1.61,0,0,1-1.76,1.57c-1.33,0-2.08-.9-2.08-2.48a2.28,2.28,0,0,1,2.35-2.59,2.38,2.38,0,0,1,1.23.29l-.27.55a1.74,1.74,0,0,0-.95-.23c-1,0-1.65.63-1.65,1.86a1.09,1.09,0,0,0,0,.18,1.65,1.65,0,0,1,1.42-.65A1.54,1.54,0,0,1,247.1,247Zm-.69,0c0-.58-.44-1-1.13-1a1,1,0,0,0-1.14,1c0,.51.41.95,1.18.95A1,1,0,0,0,246.41,247.07Z" style="fill:#263238"></path><path d="M251.75,247a1.61,1.61,0,0,1-1.76,1.57c-1.33,0-2.08-.9-2.08-2.48a2.28,2.28,0,0,1,2.34-2.59,2.4,2.4,0,0,1,1.24.29l-.27.55a1.74,1.74,0,0,0-.95-.23c-1,0-1.65.63-1.65,1.86a1.09,1.09,0,0,0,0,.18,1.65,1.65,0,0,1,1.42-.65A1.54,1.54,0,0,1,251.75,247Zm-.69,0c0-.58-.44-1-1.13-1a1,1,0,0,0-1.14,1c0,.51.41.95,1.17.95A1,1,0,0,0,251.06,247.07Z" style="fill:#263238"></path><path d="M256.4,247a1.61,1.61,0,0,1-1.76,1.57c-1.33,0-2.08-.9-2.08-2.48a2.28,2.28,0,0,1,2.35-2.59,2.38,2.38,0,0,1,1.23.29l-.27.55a1.74,1.74,0,0,0-1-.23c-1,0-1.65.63-1.65,1.86a1.09,1.09,0,0,0,0,.18,1.65,1.65,0,0,1,1.42-.65A1.54,1.54,0,0,1,256.4,247Zm-.69,0c0-.58-.44-1-1.13-1a1,1,0,0,0-1.14,1c0,.51.41.95,1.17.95A1,1,0,0,0,255.71,247.07Z" style="fill:#263238"></path><path d="M261.05,247a1.61,1.61,0,0,1-1.76,1.57c-1.33,0-2.08-.9-2.08-2.48a2.28,2.28,0,0,1,2.34-2.59,2.4,2.4,0,0,1,1.24.29l-.27.55a1.74,1.74,0,0,0-.95-.23c-1,0-1.65.63-1.65,1.86a1.09,1.09,0,0,0,0,.18,1.65,1.65,0,0,1,1.42-.65A1.54,1.54,0,0,1,261.05,247Zm-.69,0c0-.58-.44-1-1.13-1a1,1,0,0,0-1.14,1c0,.51.41.95,1.17.95A1,1,0,0,0,260.36,247.07Z" style="fill:#263238"></path><path d="M137.63,166.06l-1.82,4.13c-.34.79-.77,1-1.34,1a1.38,1.38,0,0,1-1-.35l.29-.51a.93.93,0,0,0,.67.28c.32,0,.53-.15.71-.58l.12-.26-1.65-3.75h.7l1.32,3,1.29-3Z" style="fill:#263238"></path><path d="M138.09,167.94a2,2,0,1,1,2,1.92A1.88,1.88,0,0,1,138.09,167.94Zm3.22,0a1.27,1.27,0,1,0-1.26,1.32A1.23,1.23,0,0,0,141.31,167.94Z" style="fill:#263238"></path><path d="M146.71,166.06v3.75h-.64v-.56a1.53,1.53,0,0,1-1.28.61,1.48,1.48,0,0,1-1.61-1.64v-2.16h.68v2.08c0,.74.37,1.11,1,1.11A1.1,1.1,0,0,0,146,168v-1.94Z" style="fill:#263238"></path><path d="M150.31,166v.66h-.16a1.11,1.11,0,0,0-1.18,1.26v1.87h-.68v-3.75h.65v.63A1.44,1.44,0,0,1,150.31,166Z" style="fill:#263238"></path><path d="M154.77,168.16h-3.05a1.28,1.28,0,0,0,1.36,1.1,1.43,1.43,0,0,0,1.09-.45l.37.44a1.91,1.91,0,0,1-1.48.61,1.88,1.88,0,0,1-2-1.92,1.85,1.85,0,0,1,1.89-1.92,1.81,1.81,0,0,1,1.85,1.94S154.77,168.1,154.77,168.16Zm-3.05-.49h2.41a1.21,1.21,0,0,0-2.41,0Z" style="fill:#263238"></path><path d="M162.23,167.65v2.16h-.68v-2.08c0-.74-.35-1.1-1-1.1a1.1,1.1,0,0,0-1.12,1.25v1.93h-.68v-2.08c0-.74-.35-1.1-1-1.1a1.1,1.1,0,0,0-1.13,1.25v1.93H156v-3.75h.66v.56A1.5,1.5,0,0,1,158,166a1.38,1.38,0,0,1,1.3.7,1.7,1.7,0,0,1,1.45-.7A1.44,1.44,0,0,1,162.23,167.65Z" style="fill:#263238"></path><path d="M166.74,167.55v2.26h-.64v-.49a1.4,1.4,0,0,1-1.23.54c-.85,0-1.39-.46-1.39-1.11s.39-1.1,1.51-1.1h1.07v-.13c0-.57-.33-.91-1-.91a1.88,1.88,0,0,0-1.19.41l-.29-.51a2.45,2.45,0,0,1,1.55-.49A1.4,1.4,0,0,1,166.74,167.55Zm-.68,1.12v-.53H165c-.67,0-.86.26-.86.58s.31.61.83.61A1.08,1.08,0,0,0,166.06,168.67Z" style="fill:#263238"></path><path d="M168.16,164.9a.45.45,0,0,1,.46-.45.45.45,0,1,1-.46.45Zm.12,1.16H169v3.75h-.68Z" style="fill:#263238"></path><path d="M170.54,164.56h.68v5.25h-.68Z" style="fill:#263238"></path><path d="M179.13,167.92c0,1.2-.46,1.94-1.26,1.94a.81.81,0,0,1-.85-.68,1.51,1.51,0,0,1-1.34.68,1.82,1.82,0,0,1,0-3.63,1.57,1.57,0,0,1,1.3.6v-.57h.61v2.55c0,.37.19.51.41.51.41,0,.65-.51.65-1.4a2.6,2.6,0,0,0-2.81-2.65,2.75,2.75,0,1,0,0,5.5,3,3,0,0,0,1.36-.31l.16.45a3.55,3.55,0,0,1-1.52.33,3.22,3.22,0,1,1,0-6.43A3.06,3.06,0,0,1,179.13,167.92ZM177,168a1.17,1.17,0,0,0-1.21-1.26,1.26,1.26,0,0,0,0,2.52A1.17,1.17,0,0,0,177,168Z" style="fill:#263238"></path><path d="M183.78,168.16h-3.05a1.28,1.28,0,0,0,1.36,1.1,1.4,1.4,0,0,0,1.08-.45l.38.44a1.91,1.91,0,0,1-1.48.61,1.88,1.88,0,0,1-2-1.92,1.85,1.85,0,0,1,1.89-1.92,1.81,1.81,0,0,1,1.85,1.94S183.78,168.1,183.78,168.16Zm-3.05-.49h2.41a1.21,1.21,0,0,0-2.41,0Z" style="fill:#263238"></path><path d="M191.24,167.65v2.16h-.68v-2.08c0-.74-.35-1.1-1-1.1s-1.12.44-1.12,1.25v1.93h-.68v-2.08c0-.74-.36-1.1-1-1.1a1.1,1.1,0,0,0-1.13,1.25v1.93H185v-3.75h.66v.56A1.5,1.5,0,0,1,187,166a1.38,1.38,0,0,1,1.3.7,1.7,1.7,0,0,1,1.45-.7A1.44,1.44,0,0,1,191.24,167.65Z" style="fill:#263238"></path><path d="M195.75,167.55v2.26h-.64v-.49a1.41,1.41,0,0,1-1.24.54c-.85,0-1.38-.46-1.38-1.11s.39-1.1,1.51-1.1h1.07v-.13c0-.57-.33-.91-1-.91a1.88,1.88,0,0,0-1.19.41l-.29-.51a2.45,2.45,0,0,1,1.55-.49A1.4,1.4,0,0,1,195.75,167.55Zm-.68,1.12v-.53h-1c-.67,0-.86.26-.86.58s.31.61.83.61A1.08,1.08,0,0,0,195.07,168.67Z" style="fill:#263238"></path><path d="M197.17,164.9a.45.45,0,0,1,.46-.45.45.45,0,1,1-.46.45Zm.12,1.16H198v3.75h-.68Z" style="fill:#263238"></path><path d="M199.55,164.56h.68v5.25h-.68Z" style="fill:#263238"></path><path d="M201.49,169.37a.47.47,0,0,1,.48-.48.46.46,0,0,1,.47.48.47.47,0,0,1-.47.49A.48.48,0,0,1,201.49,169.37Z" style="fill:#263238"></path><path d="M203.27,167.94a1.88,1.88,0,0,1,2-1.92,1.68,1.68,0,0,1,1.53.81l-.52.33a1.17,1.17,0,0,0-1-.54,1.32,1.32,0,0,0,0,2.64,1.17,1.17,0,0,0,1-.54l.52.33a1.7,1.7,0,0,1-1.53.81A1.88,1.88,0,0,1,203.27,167.94Z" style="fill:#263238"></path><path d="M207.53,167.94a2,2,0,1,1,2,1.92A1.88,1.88,0,0,1,207.53,167.94Zm3.22,0a1.27,1.27,0,1,0-1.26,1.32A1.23,1.23,0,0,0,210.75,167.94Z" style="fill:#263238"></path><path d="M218.89,167.65v2.16h-.68v-2.08c0-.74-.36-1.1-1-1.1a1.1,1.1,0,0,0-1.13,1.25v1.93h-.68v-2.08c0-.74-.35-1.1-1-1.1s-1.12.44-1.12,1.25v1.93h-.68v-3.75h.65v.56a1.53,1.53,0,0,1,1.29-.6,1.4,1.4,0,0,1,1.31.7,1.67,1.67,0,0,1,1.44-.7A1.45,1.45,0,0,1,218.89,167.65Z" style="fill:#263238"></path><path d="M137.18,270.88v.52h-3v-4.2h3v.52h-2.37V269h2.11v.51h-2.11v1.36Z" style="fill:#263238"></path><path d="M139.91,271.4l-.92-1.22-.93,1.22h-.64l1.25-1.62-1.19-1.56h.64l.87,1.15.87-1.15h.63l-1.2,1.56,1.27,1.62Z" style="fill:#263238"></path><path d="M144.36,269.81a1.54,1.54,0,0,1-1.6,1.63,1.36,1.36,0,0,1-1.11-.52v1.64h-.58v-4.34h.55v.51a1.35,1.35,0,0,1,1.14-.54A1.54,1.54,0,0,1,144.36,269.81Zm-.58,0a1.07,1.07,0,1,0-1.07,1.12A1,1,0,0,0,143.78,269.81Z" style="fill:#263238"></path><path d="M144.94,267.24a.38.38,0,0,1,.39-.38.38.38,0,1,1-.39.38Zm.1,1h.58v3.18H145Z" style="fill:#263238"></path><path d="M148.31,268.19v.56h-.14a1,1,0,0,0-1,1.08v1.58h-.57v-3.18h.55v.54A1.2,1.2,0,0,1,148.31,268.19Z" style="fill:#263238"></path><path d="M151.41,269.48v1.92h-.55V271a1.17,1.17,0,0,1-1,.46c-.72,0-1.18-.39-1.18-.94s.33-.93,1.28-.93h.91v-.11c0-.49-.28-.77-.85-.77a1.62,1.62,0,0,0-1,.34l-.24-.43a2.16,2.16,0,0,1,1.32-.41C150.92,268.19,151.41,268.61,151.41,269.48Zm-.58.95V270h-.89c-.57,0-.73.22-.73.49s.27.51.7.51A.91.91,0,0,0,150.83,270.43Z" style="fill:#263238"></path><path d="M154.14,271.22a1.12,1.12,0,0,1-.69.22.91.91,0,0,1-1-1V268.7h-.54v-.48h.54v-.69H153v.69h.91v.48H153v1.72a.46.46,0,0,0,.49.53.7.7,0,0,0,.45-.15Z" style="fill:#263238"></path><path d="M154.62,267.24a.38.38,0,0,1,.39-.38.38.38,0,1,1-.39.38Zm.1,1h.58v3.18h-.58Z" style="fill:#263238"></path><path d="M156,269.81a1.66,1.66,0,1,1,1.66,1.63A1.58,1.58,0,0,1,156,269.81Zm2.72,0a1.07,1.07,0,1,0-2.14,0,1.07,1.07,0,1,0,2.14,0Z" style="fill:#263238"></path><path d="M163,269.57v1.83h-.57v-1.76c0-.63-.32-.93-.86-.93a.94.94,0,0,0-1,1.05v1.64H160v-3.18h.56v.48a1.36,1.36,0,0,1,1.14-.51A1.23,1.23,0,0,1,163,269.57Z" style="fill:#263238"></path><path d="M165.51,267.2h1.77a2.11,2.11,0,1,1,0,4.2h-1.77Zm1.73,3.68a1.58,1.58,0,1,0,0-3.16h-1.13v3.16Z" style="fill:#263238"></path><path d="M172.78,269.48v1.92h-.55V271a1.17,1.17,0,0,1-1,.46c-.72,0-1.18-.39-1.18-.94s.33-.93,1.28-.93h.91v-.11c0-.49-.28-.77-.85-.77a1.62,1.62,0,0,0-1,.34l-.24-.43a2.16,2.16,0,0,1,1.32-.41C172.29,268.19,172.78,268.61,172.78,269.48Zm-.58.95V270h-.88c-.57,0-.74.22-.74.49s.27.51.71.51A.9.9,0,0,0,172.2,270.43Z" style="fill:#263238"></path><path d="M176.48,268.22l-1.54,3.5c-.28.67-.65.88-1.13.88a1.21,1.21,0,0,1-.82-.29l.25-.44a.8.8,0,0,0,.57.24c.27,0,.45-.13.6-.49l.1-.23-1.4-3.17h.6l1.11,2.54,1.1-2.54Z" style="fill:#263238"></path><path d="M209.94,269.81a1.59,1.59,0,0,1,1.68-1.62,1.42,1.42,0,0,1,1.29.68l-.43.28a1,1,0,0,0-.87-.45,1.12,1.12,0,0,0,0,2.23,1,1,0,0,0,.87-.45l.43.27a1.4,1.4,0,0,1-1.29.69A1.59,1.59,0,0,1,209.94,269.81Z" style="fill:#263238"></path><path d="M216.31,268.22l-1.39,3.18h-.59l-1.39-3.18h.6l1.09,2.55,1.12-2.55Z" style="fill:#263238"></path><path d="M219.5,268.22l-1.4,3.18h-.58l-1.39-3.18h.6l1.09,2.55,1.11-2.55Z" style="fill:#263238"></path><path d="M136.09,276.23v4.2h-.59v-3.67h-.95v-.53Z" style="fill:#263238"></path><path d="M139.84,279.91v.52h-3V280l1.71-1.65c.44-.43.52-.69.52-.95,0-.44-.3-.7-.89-.7a1.29,1.29,0,0,0-1.07.46l-.41-.36a1.93,1.93,0,0,1,1.53-.63c.88,0,1.44.45,1.44,1.16a1.69,1.69,0,0,1-.69,1.32l-1.28,1.24Z" style="fill:#263238"></path><path d="M143.23,275.38h.53l-2,5.65h-.52Z" style="fill:#263238"></path><path d="M148.07,279.2c0,.7-.52,1.28-1.59,1.28a2.36,2.36,0,0,1-1.54-.51l.27-.47a1.93,1.93,0,0,0,1.27.45c.63,0,1-.29,1-.75s-.32-.73-1-.73h-.33v-.42l1.05-1.29h-2v-.53h2.77v.41L146.8,278C147.64,278.07,148.07,278.55,148.07,279.2Z" style="fill:#263238"></path><path d="M148.51,278.33c0-1.36.73-2.14,1.71-2.14s1.71.78,1.71,2.14-.73,2.15-1.71,2.15S148.51,279.7,148.51,278.33Zm2.82,0c0-1.07-.45-1.61-1.11-1.61s-1.11.54-1.11,1.61.45,1.62,1.11,1.62S151.33,279.41,151.33,278.33Z" style="fill:#263238"></path><path d="M210,278.33c0-1.36.73-2.14,1.71-2.14s1.71.78,1.71,2.14-.73,2.15-1.71,2.15S210,279.7,210,278.33Zm2.82,0c0-1.07-.46-1.61-1.11-1.61s-1.11.54-1.11,1.61S211,280,211.69,280,212.8,279.41,212.8,278.33Z" style="fill:#263238"></path><path d="M213.86,278.33c0-1.36.73-2.14,1.71-2.14s1.71.78,1.71,2.14-.73,2.15-1.71,2.15S213.86,279.7,213.86,278.33Zm2.82,0c0-1.07-.45-1.61-1.11-1.61s-1.11.54-1.11,1.61.45,1.62,1.11,1.62S216.68,279.41,216.68,278.33Z" style="fill:#263238"></path><path d="M217.74,278.33c0-1.36.73-2.14,1.71-2.14s1.71.78,1.71,2.14-.73,2.15-1.71,2.15S217.74,279.7,217.74,278.33Zm2.82,0c0-1.07-.45-1.61-1.11-1.61s-1.11.54-1.11,1.61.45,1.62,1.11,1.62S220.56,279.41,220.56,278.33Z" style="fill:#263238"></path><path d="M178.32,88.59c0,1.64-1.21,2.65-3.17,2.65h-1.68v2.15h-1.38V85.94h3.06C177.11,85.94,178.32,86.94,178.32,88.59Zm-1.4,0c0-.94-.62-1.48-1.84-1.48h-1.61v3h1.61C176.3,90.07,176.92,89.53,176.92,88.59Z" style="fill:#263238"></path><path d="M184.15,91.66h-3.72l-.73,1.73h-1.43l3.35-7.45H183l3.36,7.45H184.9Zm-.45-1.08-1.41-3.26-1.39,3.26Z" style="fill:#263238"></path><path d="M190.05,90.76v2.63h-1.38V90.78l-2.93-4.84h1.48l2.18,3.63,2.2-3.63H193Z" style="fill:#263238"></path><path d="M200.6,93.39V88.45l-2.45,4.09h-.62l-2.44-4v4.87h-1.32V85.94h1.14l2.95,4.94,2.91-4.94h1.14v7.45Z" style="fill:#263238"></path><path d="M209.49,92.23v1.16h-5.58V85.94h5.43V87.1h-4.05V89h3.6v1.13h-3.6v2.06Z" style="fill:#263238"></path><path d="M217.65,85.94v7.45h-1.14l-4.11-5v5H211V85.94h1.14l4.11,5v-5Z" style="fill:#263238"></path><path d="M221.15,87.11h-2.47V85.94H225v1.17h-2.47v6.28h-1.38Z" style="fill:#263238"></path><path d="M225.34,92.6l.48-1.07a4.15,4.15,0,0,0,2.45.81c1.16,0,1.65-.41,1.65-1,0-1.61-4.42-.56-4.42-3.32,0-1.2,1-2.22,3-2.22a4.77,4.77,0,0,1,2.48.65l-.44,1.08a4.17,4.17,0,0,0-2-.59c-1.15,0-1.62.45-1.62,1,0,1.59,4.41.56,4.41,3.29,0,1.19-1,2.21-3,2.21A4.82,4.82,0,0,1,225.34,92.6Z" style="fill:#263238"></path></g><g id="freepik--Character--inject-36"><path d="M301.59,328.78s-9.77-9.11-11.59-9.66-16.18-.35-17.13.39-15.21,9.2-12.76,10.34,12.33-4.9,12.33-4.9l1.7.17s-8.63,5-10.14,6.84.06,3.66,1.68,2.84,9-5.42,9.61-5.27-7.86,5.48-8.63,6.44c-1,1.29-.25,3.7,1.38,2.94,1-.44,8.75-6,8.75-6s-5.85,5.26-6.25,6.1c-.66,1.38.73,2.56,2.09,1.66.93-.61,4.89-4.77,6.14-5.59,0,0,1.41-.15,3.55,2s18.18,9.35,18.18,9.35Z" style="fill:#ffbe9d"></path><path d="M298.16,330.27c-.6,1.22-2.21,1.59-3.54,1.35s-2.56-.92-3.88-1.25c-3.94-1-8.21,1.22-12.09,0-.55-.17-1.16-.54-1.12-1.11s.63-.8,1.12-1l12.69-4.5" style="fill:#ffbe9d"></path><path d="M291.34,323.82a5.54,5.54,0,0,0-1.43.35c-.89.27-2.19.68-3.78,1.21l-5.57,1.89-1.61.56c-.5.22-1.24.28-1.7,1.09a1.14,1.14,0,0,0,.24,1.25,2.45,2.45,0,0,0,.94.57,8.83,8.83,0,0,0,1.95.37c2.67.18,5.06-.51,7.23-.63a10.3,10.3,0,0,1,3,.19c.92.22,1.76.59,2.57.85a4.76,4.76,0,0,0,4-.1c.86-.54,1-1.16.94-1.15a3.68,3.68,0,0,1-1.08.88,4.58,4.58,0,0,1-3.69-.14,26.9,26.9,0,0,0-2.6-1,10.58,10.58,0,0,0-3.22-.28c-2.26.09-4.66.75-7.12.57a7.71,7.71,0,0,1-1.77-.32c-.53-.17-.9-.54-.74-.8s.71-.51,1.25-.7l1.6-.58,5.52-2.05c1.57-.59,2.84-1.08,3.7-1.44A5.83,5.83,0,0,0,291.34,323.82Z" style="fill:#eb996e"></path><path d="M260.15,329.88a7.78,7.78,0,0,0,3.08-.3,17.05,17.05,0,0,0,3.19-1.07c1.12-.58,2.32-1.24,3.59-1.94l2.69-1.51-.18.05c4.28-.09,7.37-.28,7.37-.45s-3.09-.28-7.38-.28h-.09l-.09.05-2.68,1.46-3.52,2a23.2,23.2,0,0,1-3,1.19C261.3,329.6,260.14,329.76,260.15,329.88Z" style="fill:#eb996e"></path><polygon points="407.85 298.67 342.09 326.03 301.59 326.03 301.59 339.09 354.72 346.95 402.38 317.25 407.85 298.67" style="fill:#D24556"></polygon><g style="opacity:0.30000000000000004"><polygon points="407.85 298.67 342.09 326.03 301.59 326.03 301.59 339.09 354.72 346.95 402.38 317.25 407.85 298.67"></polygon></g><path d="M362.52,339.69a1.46,1.46,0,0,1-.73-.46,4,4,0,0,1-1-2.11,23.2,23.2,0,0,1-.1-3.42,16.59,16.59,0,0,0-.57-4.05,17.62,17.62,0,0,0-3.4-6.59c-1.22-1.49-2.19-2.21-2.12-2.29a3.12,3.12,0,0,1,.71.47,13,13,0,0,1,1.69,1.58,16.22,16.22,0,0,1,3.62,6.69,15.79,15.79,0,0,1,.55,4.19,27.1,27.1,0,0,0,0,3.37,4.1,4.1,0,0,0,.81,2C362.28,339.5,362.54,339.65,362.52,339.69Z" style="fill:#fafafa"></path><path d="M386.66,325.41a7.93,7.93,0,0,1-2.33-1,21.41,21.41,0,0,1-4.86-3.79,21.78,21.78,0,0,1-3.6-5,8.05,8.05,0,0,1-.94-2.37,34.17,34.17,0,0,0,4.92,7A34.6,34.6,0,0,0,386.66,325.41Z" style="fill:#fafafa"></path><path d="M345.92,345a6.29,6.29,0,0,0,.92-2.69,7.78,7.78,0,0,0-.41-3,17.87,17.87,0,0,0-1.69-3.44,25.33,25.33,0,0,1-1.81-3.49,8.78,8.78,0,0,1-.63-3.18,5.44,5.44,0,0,1,.45-2.14c.22-.47.42-.68.44-.66a7.18,7.18,0,0,0-.52,2.8,9,9,0,0,0,.71,3,27.88,27.88,0,0,0,1.81,3.41,17.12,17.12,0,0,1,1.7,3.55,7.82,7.82,0,0,1,.32,3.23,4.9,4.9,0,0,1-.74,2.06A1.79,1.79,0,0,1,345.92,345Z" style="fill:#fafafa"></path><path d="M321.53,338.15a11.14,11.14,0,0,1-1.19-6,11,11,0,0,1,1.66-5.85,19.73,19.73,0,0,0-.47,11.81Z" style="fill:#fafafa"></path><path d="M279.85,414.09l-16.43,21.64S235.9,426.3,232.48,430l40.81,33.37,27-32.67Z" style="fill:#455a64"></path><path d="M277.48,444.28a2.14,2.14,0,0,1-.4,2.84,2.07,2.07,0,0,1-2.82-.37,2.27,2.27,0,0,1,.44-3,2.15,2.15,0,0,1,2.89.71" style="fill:#e0e0e0"></path><path d="M273.29,463.37l2.68-3.25-40.19-30.87s-2.46-.69-3.3.75Z" style="fill:#e0e0e0"></path><path d="M262.92,435c-.15.21.77,1.11,1.23,2.56s.29,2.7.54,2.77.89-1.32.31-3.06S263,434.76,262.92,435Z" style="fill:#263238"></path><path d="M257.2,433.25c-.21.16.38,1.2.37,2.6s-.55,2.45-.34,2.6,1.25-.87,1.23-2.6S257.36,433.07,257.2,433.25Z" style="fill:#263238"></path><path d="M250.58,436.39c.14.19,1.23-.58,1.61-2.09s-.19-2.7-.41-2.61-.12,1.16-.45,2.39S250.4,436.21,250.58,436.39Z" style="fill:#263238"></path><path d="M267.22,430.47c-.07.25,1.07.72,2.13,1.72s1.66,2.07,1.9,2,0-1.49-1.29-2.64S267.25,430.23,267.22,430.47Z" style="fill:#263238"></path><path d="M270.61,426.16c-.07.08.62.85,2.05,1.66a11.65,11.65,0,0,0,2.68,1.09,12.17,12.17,0,0,0,1.68.34,3.33,3.33,0,0,0,1,0,1.11,1.11,0,0,0,1-1,1.4,1.4,0,0,0-.5-1.17,3.19,3.19,0,0,0-.85-.52A9.53,9.53,0,0,0,276,426a9.09,9.09,0,0,0-2.9-.31,4.36,4.36,0,0,0-2.56.68c0,.14,1-.11,2.57,0a10.47,10.47,0,0,1,2.66.46,9.47,9.47,0,0,1,1.47.6c.52.24.89.53.85.82,0,.1,0,.14-.23.19a2.69,2.69,0,0,1-.74,0,12.54,12.54,0,0,1-1.59-.27,14,14,0,0,1-2.59-.86A19.45,19.45,0,0,0,270.61,426.16Z" style="fill:#263238"></path><path d="M270.64,426.66c0,.09,1-.3,2.15-1.53a8.8,8.8,0,0,0,1.55-2.47,8.34,8.34,0,0,0,.49-1.67,2.17,2.17,0,0,0-.46-2.09,1.22,1.22,0,0,0-1.32-.13,3.31,3.31,0,0,0-.82.58,5.71,5.71,0,0,0-1.12,1.37,6.06,6.06,0,0,0-.86,2.83c-.06,1.71.57,2.62.64,2.57a22.45,22.45,0,0,1,0-2.51,6,6,0,0,1,.93-2.45,5.13,5.13,0,0,1,1-1.15c.42-.38.87-.6,1-.42a1.47,1.47,0,0,1,.17,1.25,8.67,8.67,0,0,1-.4,1.52,9.28,9.28,0,0,1-1.27,2.36C271.38,426,270.55,426.54,270.64,426.66Z" style="fill:#263238"></path><path d="M253.45,411.77l-17.8,22s-28.31-10.7-32-7l41.38,36,29.13-33.1Z" style="fill:#455a64"></path><path d="M250,443.09a2.25,2.25,0,0,1-.51,3,2.15,2.15,0,0,1-2.92-.48,2.37,2.37,0,0,1,.55-3.12,2.24,2.24,0,0,1,3,.84" style="fill:#e0e0e0"></path><path d="M245,462.81l2.9-3.29L207.12,426.1s-2.54-.8-3.47.68Z" style="fill:#e0e0e0"></path><path d="M235.17,433c-.17.21.76,1.18,1.19,2.69s.22,2.83.47,2.91,1-1.35.42-3.17S235.29,432.73,235.17,433Z" style="fill:#263238"></path><path d="M229.26,431c-.21.16.36,1.27.31,2.72s-.65,2.53-.44,2.69,1.33-.86,1.37-2.67S229.44,430.78,229.26,431Z" style="fill:#263238"></path><path d="M222.28,434c.14.21,1.3-.56,1.75-2.12s-.12-2.82-.35-2.73-.16,1.2-.55,2.47S222.09,433.82,222.28,434Z" style="fill:#263238"></path><path d="M239.78,428.39c-.08.26,1.09.79,2.17,1.86s1.65,2.21,1.9,2.13,0-1.55-1.25-2.8S239.82,428.15,239.78,428.39Z" style="fill:#263238"></path><path d="M243.45,424c-.07.08.62.9,2.08,1.8a12.69,12.69,0,0,0,2.75,1.22,11.36,11.36,0,0,0,1.74.4,3.16,3.16,0,0,0,1,.06,1.16,1.16,0,0,0,1-1,1.5,1.5,0,0,0-.48-1.24,4.29,4.29,0,0,0-.87-.57,11.16,11.16,0,0,0-1.68-.68,10,10,0,0,0-3-.41c-1.73.06-2.72.53-2.68.63s1.05-.08,2.66,0a11.23,11.23,0,0,1,2.76.57,11.07,11.07,0,0,1,1.51.67c.54.27.91.59.85.88,0,.11,0,.15-.24.2a3.09,3.09,0,0,1-.77,0,12.85,12.85,0,0,1-1.64-.33,15.23,15.23,0,0,1-2.68-1A18.67,18.67,0,0,0,243.45,424Z" style="fill:#263238"></path><path d="M243.46,424.54c0,.09,1.08-.28,2.29-1.52a8.85,8.85,0,0,0,1.69-2.52,8.08,8.08,0,0,0,.57-1.72,2.23,2.23,0,0,0-.41-2.19,1.27,1.27,0,0,0-1.37-.18,4,4,0,0,0-.87.57,6.14,6.14,0,0,0-1.22,1.4,6.44,6.44,0,0,0-1,2.91c-.12,1.78.51,2.75.59,2.7a20.78,20.78,0,0,1,.07-2.62,6.17,6.17,0,0,1,1-2.51,5.65,5.65,0,0,1,1.08-1.17c.45-.38.92-.59,1.05-.41a1.62,1.62,0,0,1,.13,1.32,8.67,8.67,0,0,1-.47,1.57,9.75,9.75,0,0,1-1.4,2.41C244.25,423.85,243.38,424.42,243.46,424.54Z" style="fill:#263238"></path><path d="M366.58,228.52c4-3,10.15-.55,14.48-3.08,2.62-1.54,4-4.53,6-6.8a15.29,15.29,0,0,1,12.7-5c4.5.61,7.69,1.82,9.7,5.9,2.79-3.21,10.13-.86,13.58,2.68s4.49,8.09,4.94,13a65.16,65.16,0,0,1-2.62,25.25c-.22.72-.67,1.59-1.42,1.52-.52-.06-.86-.56-1.11-1-2.11-3.91-3.06-8.33-4.16-12.64s-2.43-8.68-5.15-12.2-7.09-6.08-11.5-5.45c-3.25.46-6.07,2.55-8.24,5s-3.84,5.32-5.82,7.95-4.35,5.09-7.4,6.31-6.89.91-9.19-1.43-2.21-6.85.6-8.55a6.46,6.46,0,0,1-5.37-11.48Z" style="fill:#263238"></path><path d="M405.87,296.34l-2.69-9.12s-12.61,1.86-16.49-10.13c-1.87-5.79-4.76-18-7.25-29.12a23.47,23.47,0,0,1,16-27.55l1.16-.36c12.74-3.15,22.54,5.92,25.34,18.74l13.86,48.9a15.55,15.55,0,0,1-10.62,19.18h0A15.57,15.57,0,0,1,405.87,296.34Z" style="fill:#ffbe9d"></path><path d="M403.17,287.22a29.29,29.29,0,0,0,14.3-9.33s-1,9.81-13.37,12.45Z" style="fill:#eb996e"></path><path d="M384.65,256.33a1.8,1.8,0,0,0,2.19,1.22,1.73,1.73,0,0,0,1.29-2.1,1.79,1.79,0,0,0-2.19-1.22A1.72,1.72,0,0,0,384.65,256.33Z" style="fill:#263238"></path><path d="M383.85,253.05c.29.16,1.29-1.21,3.14-1.78s3.49-.06,3.62-.35c.07-.13-.27-.47-1-.71a4.91,4.91,0,0,0-3,0,4.7,4.7,0,0,0-2.41,1.7C383.78,252.52,383.72,253,383.85,253.05Z" style="fill:#263238"></path><path d="M402.52,251.11a1.79,1.79,0,0,0,2.19,1.22,1.71,1.71,0,0,0,1.29-2.09,1.8,1.8,0,0,0-2.19-1.23A1.73,1.73,0,0,0,402.52,251.11Z" style="fill:#263238"></path><path d="M402.14,247.76c.28.16,1.28-1.21,3.13-1.78s3.5-.06,3.63-.35c.06-.13-.28-.47-1-.71a5,5,0,0,0-3,0,4.7,4.7,0,0,0-2.41,1.7C402.07,247.23,402,247.69,402.14,247.76Z" style="fill:#263238"></path><path d="M399.68,263.55a13.22,13.22,0,0,0-3.17.39c-.49.1-1,.15-1.15-.15a2.66,2.66,0,0,1-.12-1.5c.09-1.28.19-2.62.29-4,.35-5.72.45-10.36.22-10.37s-.71,4.61-1.06,10.33c-.07,1.41-.15,2.75-.21,4a2.81,2.81,0,0,0,.32,1.93,1.28,1.28,0,0,0,1,.45,3.18,3.18,0,0,0,.83-.14A12.54,12.54,0,0,0,399.68,263.55Z" style="fill:#263238"></path><path d="M405.52,263.15c-.31.07.31,2.08-1,4s-3.48,2.4-3.41,2.68.6.24,1.51,0a5.27,5.27,0,0,0,2.88-2.13,4.53,4.53,0,0,0,.68-3.35C406,263.52,405.65,263.09,405.52,263.15Z" style="fill:#263238"></path><path d="M399,238.34c.34.45,2.12-.36,4.37-.77s4.18-.37,4.33-.91c.06-.25-.39-.63-1.25-.9a7.33,7.33,0,0,0-3.46-.12,7.43,7.43,0,0,0-3.16,1.4C399.14,237.61,398.86,238.13,399,238.34Z" style="fill:#263238"></path><path d="M382.87,247.49c.46.32,1.6-.51,3.12-1s2.92-.59,3.08-1.12c.07-.26-.27-.62-1-.84a4.63,4.63,0,0,0-2.76.1,4.56,4.56,0,0,0-2.23,1.62C382.71,246.84,382.67,247.33,382.87,247.49Z" style="fill:#263238"></path><path d="M423.68,248c.17-.16,7.51-5,9.79,3.3s-6.52,8.89-6.6,8.65S423.68,248,423.68,248Z" style="fill:#ffbe9d"></path><path d="M428.54,256.13s.17.06.45.1a1.47,1.47,0,0,0,1.09-.27c.78-.57,1.14-2.16.77-3.67a5,5,0,0,0-1-2,1.71,1.71,0,0,0-1.39-.81.76.76,0,0,0-.75.63c0,.26,0,.41,0,.44s-.21-.09-.24-.45a1,1,0,0,1,.18-.61,1.19,1.19,0,0,1,.74-.44,2.1,2.1,0,0,1,1.87.88,5.07,5.07,0,0,1,1.14,2.17c.41,1.69,0,3.49-1.12,4.17a1.62,1.62,0,0,1-1.39.15C428.61,256.32,428.51,256.15,428.54,256.13Z" style="fill:#eb996e"></path><path d="M376.12,246.24A18.22,18.22,0,0,0,390.48,238c2.15-3.39,3.31-7.66,6.62-9.93a10.25,10.25,0,0,1,7.79-1.29,19.62,19.62,0,0,1,7.28,3.45c-.42,6.83,3.25,13.18,6.8,19a3.44,3.44,0,0,0,1.55,1.6c1.21.45,2.48-.59,3.05-1.74a10.54,10.54,0,0,0,.57-6,35.34,35.34,0,0,0-4.21-13.32,24.11,24.11,0,0,0-9.94-9.67,22.86,22.86,0,0,0-17.1-1,28.08,28.08,0,0,0-13.82,10.38,16.45,16.45,0,0,0-3.25,7.39" style="fill:#263238"></path><path d="M364,232.49a1.87,1.87,0,0,0,.29.69,3.44,3.44,0,0,0,1.68,1.34,5.42,5.42,0,0,0,3.39.08,9.49,9.49,0,0,0,2-.76,4.63,4.63,0,0,0,1.8-1.62,3.06,3.06,0,0,0,.31-2.65,2.65,2.65,0,0,0-2.4-1.55,3.31,3.31,0,0,0-1.54.27,2.86,2.86,0,0,0-1.22,1.07,3.92,3.92,0,0,0-.33,3.25,4.57,4.57,0,0,0,2.23,2.62,6.93,6.93,0,0,0,3.51.77,11.31,11.31,0,0,0,6.79-2.95,32.52,32.52,0,0,0,5-5.55,42.11,42.11,0,0,1,4.42-5.23,12.92,12.92,0,0,1,5.23-3.13,12.25,12.25,0,0,1,5.31-.26,15.22,15.22,0,0,1,7,3.27c.72.58,1.24,1.08,1.59,1.42a5.39,5.39,0,0,0,.53.52s0-.06-.11-.15-.2-.25-.36-.43a16.7,16.7,0,0,0-1.55-1.49,15.1,15.1,0,0,0-7.05-3.44,12.44,12.44,0,0,0-5.46.22,13.2,13.2,0,0,0-5.4,3.18,41.67,41.67,0,0,0-4.48,5.27,32.72,32.72,0,0,1-4.89,5.48,11,11,0,0,1-6.54,2.85,6.46,6.46,0,0,1-3.29-.71,4.13,4.13,0,0,1-2.05-2.38,3.51,3.51,0,0,1,.27-2.93,2.59,2.59,0,0,1,2.42-1.19,2.34,2.34,0,0,1,2.11,1.33,2.72,2.72,0,0,1-.26,2.36,4.32,4.32,0,0,1-1.67,1.54,8.78,8.78,0,0,1-1.93.76,5.34,5.34,0,0,1-3.27,0,3.55,3.55,0,0,1-1.66-1.23A6.16,6.16,0,0,1,364,232.49Z" style="fill:#455a64"></path><path d="M426.68,228.87a12.59,12.59,0,0,1-2.31,1.43,7.2,7.2,0,0,1-2.84.57,12.43,12.43,0,0,1-3.55-.53,10.08,10.08,0,0,1-5.18-3.76,20.25,20.25,0,0,1-1.34-2.38,2.56,2.56,0,0,0,.18.73,8.92,8.92,0,0,0,.91,1.82,9.83,9.83,0,0,0,5.31,4,11.85,11.85,0,0,0,3.68.52,7.29,7.29,0,0,0,3-.69,6.85,6.85,0,0,0,1.69-1.15C426.54,229.1,426.7,228.89,426.68,228.87Z" style="fill:#455a64"></path><path d="M428.17,234.94c0-.07-.93.44-2.51.83a11.81,11.81,0,0,1-11.56-3.37c-1.12-1.18-1.6-2.09-1.67-2.05a2.18,2.18,0,0,0,.3.66,9.94,9.94,0,0,0,1.14,1.6,11.69,11.69,0,0,0,5.43,3.47,11.51,11.51,0,0,0,6.44,0,10.1,10.1,0,0,0,1.83-.73A2.39,2.39,0,0,0,428.17,234.94Z" style="fill:#455a64"></path><path d="M410.72,253.72a.24.24,0,0,0,.19-.26.23.23,0,0,0-.24-.21.24.24,0,0,0-.19.26A.22.22,0,0,0,410.72,253.72Z" style="fill:#eb996e"></path><path d="M406.94,254a.27.27,0,0,0-.06-.53.24.24,0,0,0-.18.29A.24.24,0,0,0,406.94,254Z" style="fill:#eb996e"></path><path d="M404.54,254.69c.11,0,.18-.19.15-.38s-.16-.33-.27-.31-.19.19-.15.38S404.42,254.71,404.54,254.69Z" style="fill:#eb996e"></path><path d="M409.67,256.47c.11,0,.18-.12.16-.19s-.13-.1-.24-.07-.19.12-.17.2A.2.2,0,0,0,409.67,256.47Z" style="fill:#eb996e"></path><path d="M406.19,256.73a.24.24,0,0,0,.16-.29.23.23,0,0,0-.26-.19.24.24,0,0,0-.16.28A.24.24,0,0,0,406.19,256.73Z" style="fill:#eb996e"></path><path d="M388.71,259.94a.23.23,0,0,0,.19-.26.24.24,0,0,0-.24-.22.24.24,0,0,0,0,.48Z" style="fill:#eb996e"></path><path d="M386.23,260.47a.28.28,0,1,0-.26-.22A.25.25,0,0,0,386.23,260.47Z" style="fill:#eb996e"></path><path d="M390.85,259.34a.2.2,0,0,0,.2-.21.2.2,0,0,0-.23-.16.2.2,0,0,0-.2.21A.2.2,0,0,0,390.85,259.34Z" style="fill:#eb996e"></path><path d="M389.82,262.3a.23.23,0,0,0,.24-.22.22.22,0,1,0-.43-.05A.23.23,0,0,0,389.82,262.3Z" style="fill:#eb996e"></path><path d="M387.63,262.53a.21.21,0,0,0,.09-.27.2.2,0,0,0-.28,0,.18.18,0,0,0-.08.26A.19.19,0,0,0,387.63,262.53Z" style="fill:#eb996e"></path><path d="M251.24,321.33l18.87,11.18,7.77,2.44-8.67-10.27L254,316.43a2.82,2.82,0,0,0-3.8,1.09h0A2.82,2.82,0,0,0,251.24,321.33Z" style="fill:#263238"></path><path d="M323.17,336.81c-.78.09-25.54,1.3-26.21.06s-.82-4.84-5.67-5.6-9.89-1.85-9.89-1.85l-13-6.61s-3.23,1.49.22,4.74a50.63,50.63,0,0,0,6.22,4.82c1.21.83-.32,1.88-.32,1.88l-18.39-10a17.29,17.29,0,0,0,4.36,8l2.71,2.87a6.2,6.2,0,0,0,2.62,6.57c3.76,2.75,10.1,10.18,15.88,9.77s9.85-.46,9.85-.46l30.24,3.78Z" style="fill:#ffbe9d"></path><path d="M323.17,336.81a1.57,1.57,0,0,1,0,.29l-.05.88c-.05.82-.13,2-.23,3.49-.21,3.09-.52,7.58-.91,13.26v.16l-.16,0-30.25-3.71h0l-8.39.41c-.73,0-1.44.09-2.21.07a8.44,8.44,0,0,1-2.23-.41,16.36,16.36,0,0,1-4.09-2.06,73.08,73.08,0,0,1-7.25-5.95c-.6-.52-1.22-1-1.86-1.5a7.06,7.06,0,0,1-1.71-1.82A6.32,6.32,0,0,1,263,335l.06.25L261,333.06a27.11,27.11,0,0,1-2-2.33,18.11,18.11,0,0,1-2.85-5.65c-.07-.27-.14-.52-.2-.8l-.1-.54.49.26,18.38,10h-.26a2,2,0,0,0,.6-.66.53.53,0,0,0-.11-.66c-.46-.37-1.1-.78-1.64-1.16-1.12-.79-2.21-1.6-3.24-2.46a12.5,12.5,0,0,1-2.79-2.92,2.55,2.55,0,0,1-.3-2.06,2.8,2.8,0,0,1,1.4-1.53l.1,0,.11.06,13,6.62h-.06L291,331a7.12,7.12,0,0,1,4.14,1.84,6,6,0,0,1,1.22,1.83c.3.66.47,1.36.73,2,.08.19.09.16.26.23a3.1,3.1,0,0,0,.46.11c.33,0,.65.09,1,.12.66.06,1.3.09,1.94.11,1.27.05,2.51.06,3.69.06,2.36,0,4.53,0,6.49-.08,3.92-.09,7-.2,9.09-.27l2.39-.09.61,0h.21l-.2,0-.61.06-2.39.15c-2.09.11-5.17.27-9.09.39q-2.94.1-6.5.14c-1.19,0-2.42,0-3.7,0-.64,0-1.29-.05-2-.11-.33,0-.67-.06-1-.11-.17-.05-.34-.06-.52-.13a.72.72,0,0,1-.47-.41c-.28-.66-.45-1.32-.74-2a5.64,5.64,0,0,0-1.15-1.72,6.73,6.73,0,0,0-3.94-1.71l-9.54-1.77h-.05l-13-6.6h.21a2.28,2.28,0,0,0-1.15,1.24,2.08,2.08,0,0,0,.27,1.68,12.08,12.08,0,0,0,2.68,2.77c1,.85,2.1,1.65,3.21,2.42.57.42,1.1.73,1.71,1.22a1.09,1.09,0,0,1,.31.58,1.12,1.12,0,0,1-.1.66,2.49,2.49,0,0,1-.78.86l-.12.09-.14-.08-18.39-10,.38-.28a7.39,7.39,0,0,0,.18.75,17.53,17.53,0,0,0,2.77,5.49,25.38,25.38,0,0,0,2,2.28l2.06,2.18.1.1,0,.15a5.82,5.82,0,0,0,.79,4.49,6.76,6.76,0,0,0,1.59,1.7c.63.49,1.28,1,1.88,1.52a72.35,72.35,0,0,0,7.2,5.92,15.67,15.67,0,0,0,3.95,2,8.09,8.09,0,0,0,2.11.39c.69,0,1.44,0,2.16-.06l8.41-.39h0l30.24,3.86-.17.14c.46-5.63.83-10.09,1.08-13.16l.3-3.51.08-.91C323.15,336.92,323.17,336.82,323.17,336.81Z" style="fill:#eb996e"></path><path d="M262.3,334c-.09.15,2,1.55,4.58,3.12s4.82,2.73,4.91,2.58-2-1.55-4.58-3.12S262.39,333.81,262.3,334Z" style="fill:#eb996e"></path><path d="M267.05,415.49c-.89-1.48,32.17,21.38,32.17,21.38l31.16-34.6L388.6,461l4.84-24.86,8.83-54.32-49.65-49.41s-8.25-8.07-20.77-1C321.58,337.18,267.05,415.49,267.05,415.49Z" style="fill:#263238"></path><path d="M238.5,421.12l59.21-76.22S313.47,330,330,334.55c9.84,2.7,65.81,57.33,65.81,57.33l17.41,7.06,26.57,45.58S406.35,474.93,382,457.33c-22.82-16.51-63-68.78-63-68.78l-49.92,54.68Z" style="fill:#263238"></path><path d="M357.46,434.23s-.08-.06-.22-.2l-.62-.64c-.54-.56-1.31-1.42-2.3-2.53-2-2.22-4.8-5.48-8.27-9.56-6.95-8.18-16.52-19.63-27.22-32.59h.39l-4.75,5.36c-12.28,13.81-23.52,26.18-31.78,35-4.12,4.43-7.51,8-9.86,10.4l-2.74,2.77-.72.72-.26.23s.07-.1.22-.27l.69-.75,2.66-2.84,9.74-10.51c8.19-8.91,19.39-21.32,31.66-35.12l4.76-5.36.2-.23.19.23c10.68,13,20.21,24.46,27.08,32.69,3.44,4.08,6.22,7.37,8.15,9.67,1,1.1,1.7,2,2.23,2.58l.58.67A2.71,2.71,0,0,1,357.46,434.23Z" style="fill:#455a64"></path><path d="M412.32,435.14a5.27,5.27,0,0,1-1.29-.5,17.05,17.05,0,0,1-3.21-2,18.44,18.44,0,0,1-5.25-22.69,16.69,16.69,0,0,1,2-3.22,6.9,6.9,0,0,1,.94-1,29.59,29.59,0,0,0-2.6,4.4,18.64,18.64,0,0,0,5.14,22.26A28.58,28.58,0,0,0,412.32,435.14Z" style="fill:#455a64"></path><path d="M363.44,361c.1-.11,7.19,6.86,15.84,15.55s15.58,15.82,15.48,15.92-7.2-6.86-15.85-15.56S363.33,361.12,363.44,361Z" style="fill:#455a64"></path><path d="M461.28,317.26c-7.93-19.38-26.91-36.77-26.91-36.77S399.73,301.26,398.55,302s-40.26,28.55-40.26,28.55-47.23,1.58-59.86,1.28l-5.58,24.61s59.49,7.34,67.28,5.39c4-1,42.85-12.46,42.85-12.46s-1,13.21-1.59,19c-1,9.43-6.78,23-6.78,23s23,24.26,26.55,36.88,19.08,18.5,26.42,18.2,1.76-5.28,1.76-5.28,11.17-19.71,15-42.9S469.21,336.63,461.28,317.26Z" style="fill:#D24556"></path><path d="M431.64,340.25a4.21,4.21,0,0,1-.72.3l-2.1.74c-1.83.64-4.48,1.53-7.76,2.61-6.57,2.16-15.67,5-25.77,8.07s-19.29,5.67-26,7.51c-3.33.92-6,1.64-7.91,2.12l-2.16.53a3.71,3.71,0,0,1-.76.15,4.22,4.22,0,0,1,.73-.25l2.14-.62,7.86-2.29c6.64-1.92,15.8-4.61,25.9-7.64s19.21-5.86,25.81-7.93l7.81-2.45,2.12-.65A4.86,4.86,0,0,1,431.64,340.25Z" style="fill:#263238"></path><path d="M442,330.19a11.6,11.6,0,0,1,.38-1.59,32.62,32.62,0,0,0,.76-4.35,29.09,29.09,0,0,0-10.56-25.8,30.61,30.61,0,0,0-3.59-2.57,10.1,10.1,0,0,1-1.38-.87,1.76,1.76,0,0,1,.39.16c.25.12.63.27,1.09.53a27,27,0,0,1,3.72,2.46,28.47,28.47,0,0,1,10.7,26.14,26.1,26.1,0,0,1-.94,4.36c-.14.5-.3.88-.39,1.14A1.33,1.33,0,0,1,442,330.19Z" style="fill:#263238"></path><path d="M431,432.34a3.59,3.59,0,0,1-.25-.5l-.64-1.47c-.53-1.28-1.34-3.12-2.39-5.38s-2.36-4.89-3.92-7.78-3.39-6-5.44-9.18-4.17-6.11-6.15-8.72-3.87-4.9-5.5-6.77-3-3.37-3.93-4.38c-.43-.48-.79-.87-1.08-1.18a2.07,2.07,0,0,1-.35-.44,3,3,0,0,1,.43.37L403,388c1,1,2.39,2.43,4,4.28s3.58,4.12,5.61,6.71,4.13,5.55,6.2,8.74,3.87,6.33,5.43,9.23,2.84,5.58,3.83,7.86,1.77,4.15,2.25,5.45l.54,1.51A2.15,2.15,0,0,1,431,432.34Z" style="fill:#263238"></path><g style="opacity:0.30000000000000004"><path d="M438.36,424c-1.2-3-3.92-5.05-6.44-7.06-10.13-8.07-18.74-17.84-27.3-27.55l22.12,32.1c.7,2.18,1.43,5.62,2.69,7.52s3.53,3.37,5.77,2.88C438.35,431.2,439.55,427,438.36,424Z"></path></g><g style="opacity:0.30000000000000004"><path d="M402.6,350.59c6.23,2.71,13.3,4,19.88,2.31S435,346,436.34,339.39l-33.78,9.44"></path></g><path d="M318.44,358.86a7.47,7.47,0,0,0,0-1.12,5,5,0,0,0-1.5-2.6,18.34,18.34,0,0,1-3.24-3.39,11.27,11.27,0,0,1-1.35-5.6c0-2,.18-4,.11-5.69a10.51,10.51,0,0,0-1-4.41,7,7,0,0,0-1.89-2.39c-.57-.44-.95-.61-.93-.66a2.89,2.89,0,0,1,1.05.5,6.56,6.56,0,0,1,2.09,2.38,10.55,10.55,0,0,1,1.16,4.56c.1,1.77-.09,3.71-.07,5.7a11.2,11.2,0,0,0,1.24,5.37c.85,1.47,2.2,2.37,3.1,3.38a4.9,4.9,0,0,1,1.43,2.82,2.63,2.63,0,0,1-.07.87C318.5,358.77,318.45,358.87,318.44,358.86Z" style="fill:#fafafa"></path><path d="M345.87,330.5s.13.07.25.31a1.48,1.48,0,0,1,0,1.14,2.39,2.39,0,0,1-1.27,1.28c-.64.31-1.38.55-2.16.91a15,15,0,0,0-4.76,3.56,15.37,15.37,0,0,0-3.47,6.36c-.7,2.52-.44,5-.4,7.33a16.48,16.48,0,0,1-.25,3.28,7.87,7.87,0,0,1-1.06,2.68,5.6,5.6,0,0,1-3.23,2.54,3.83,3.83,0,0,1-1.13.1c-.25,0-.39-.06-.38-.08a8.26,8.26,0,0,0,1.46-.21,5.61,5.61,0,0,0,3-2.54,7.42,7.42,0,0,0,1-2.57,17.16,17.16,0,0,0,.19-3.19c-.06-2.25-.35-4.85.38-7.47a15.36,15.36,0,0,1,3.62-6.55,15,15,0,0,1,5-3.58c.81-.35,1.57-.57,2.18-.83a2.25,2.25,0,0,0,1.22-1.09,1.43,1.43,0,0,0,.09-1C346,330.62,345.85,330.51,345.87,330.5Z" style="fill:#fafafa"></path><path d="M372.52,358.66s.29-.4.68-1.17a7.19,7.19,0,0,0,.67-3.56,9.36,9.36,0,0,0-1.86-5,21.37,21.37,0,0,0-4.85-4.58c-1.93-1.41-3.86-2.69-5.42-4.1a14.18,14.18,0,0,1-3.45-4.39,8.81,8.81,0,0,1-.94-3.64,5.53,5.53,0,0,1,.06-1c0-.23.06-.35.08-.34s0,.49.06,1.36a9.28,9.28,0,0,0,1.07,3.48,14.28,14.28,0,0,0,3.44,4.2c1.55,1.36,3.46,2.62,5.41,4a21.21,21.21,0,0,1,4.93,4.72,9.49,9.49,0,0,1,1.83,5.27,6.83,6.83,0,0,1-.85,3.66,4.4,4.4,0,0,1-.6.84C372.62,358.59,372.53,358.67,372.52,358.66Z" style="fill:#fafafa"></path><path d="M410.84,344.12s.31-.62.58-1.79a9.2,9.2,0,0,0-.37-5,12,12,0,0,0-4.52-5.88,27.63,27.63,0,0,0-8.45-3.79c-2.55-.75-5.05-1.37-7.33-2.17a23.36,23.36,0,0,1-6-3,14.43,14.43,0,0,1-3.67-3.73,9.91,9.91,0,0,1-1.4-3.08l.1.05a7.3,7.3,0,0,1-1.29.33,8.64,8.64,0,0,1,1.24-.48l.08,0,0,.08a10.94,10.94,0,0,0,1.49,3,14.64,14.64,0,0,0,3.66,3.55,23.38,23.38,0,0,0,5.89,2.84c2.25.77,4.74,1.38,7.31,2.14a27.25,27.25,0,0,1,8.58,3.91,12.15,12.15,0,0,1,4.59,6.14,9.07,9.07,0,0,1,.22,5.18,6,6,0,0,1-.52,1.32C411,344,410.86,344.13,410.84,344.12Z" style="fill:#fafafa"></path><path d="M413.75,293.42a2.39,2.39,0,0,1,.58,0h.7l1,.1a14.58,14.58,0,0,1,5.73,2.07,15.62,15.62,0,0,1,6,6.7,18.58,18.58,0,0,1,.93,11c-.65,3.89-1.83,7.45-2.5,10.75a25.78,25.78,0,0,0-.39,8.88,13.24,13.24,0,0,0,2.1,5.57c.83,1.16,1.46,1.67,1.41,1.71a8,8,0,0,1-1.57-1.59,12.8,12.8,0,0,1-2.3-5.63,25.4,25.4,0,0,1,.28-9c.66-3.35,1.81-6.91,2.46-10.75a18.39,18.39,0,0,0-.86-10.68,15.39,15.39,0,0,0-5.78-6.59,15.07,15.07,0,0,0-5.56-2.18l-.93-.15-.7-.05A3.35,3.35,0,0,1,413.75,293.42Z" style="fill:#fafafa"></path><path d="M466.1,354.38a8.52,8.52,0,0,0-2.2-1.51,10.3,10.3,0,0,0-7.13-.23c-3,.81-6,3.16-9.2,5.68a30.14,30.14,0,0,1-5.5,3.48,24,24,0,0,1-19.95.09c-3.79-1.67-7-3.51-10-4.37a15.69,15.69,0,0,0-7.22-.61,14.47,14.47,0,0,0-2.58.77,7.18,7.18,0,0,1,2.54-1,15.07,15.07,0,0,1,7.36.45c3.06.82,6.34,2.65,10.1,4.28a23.67,23.67,0,0,0,19.54-.11,29.57,29.57,0,0,0,5.43-3.41c3.25-2.48,6.27-4.85,9.39-5.65a10.43,10.43,0,0,1,7.32.4,9.35,9.35,0,0,1,1,.61c.26.22.49.39.65.56A3.76,3.76,0,0,1,466.1,354.38Z" style="fill:#fafafa"></path><path d="M464.07,334.63a1.11,1.11,0,0,1,0,.32,3,3,0,0,1-.3.86,5.64,5.64,0,0,1-2.33,2.42,8.91,8.91,0,0,1-4.86,1.12,38.89,38.89,0,0,1-6-.94,29.05,29.05,0,0,0-10.83,0c-2.74.54-4.36,1.21-4.39,1.12a4.69,4.69,0,0,1,1.12-.51,22.88,22.88,0,0,1,3.2-1,27.31,27.31,0,0,1,11-.18,44.71,44.71,0,0,0,5.93,1,8.82,8.82,0,0,0,4.66-1,5.78,5.78,0,0,0,2.33-2.19C463.93,335.05,464,334.61,464.07,334.63Z" style="fill:#fafafa"></path><path d="M458,312c0,.09-.95,0-2.46.16a18.87,18.87,0,0,0-10.69,4.42c-1.15,1-1.77,1.68-1.84,1.63a7,7,0,0,1,1.6-1.91,16.87,16.87,0,0,1,5.05-3.25,16.69,16.69,0,0,1,5.86-1.26A7.37,7.37,0,0,1,458,312Z" style="fill:#fafafa"></path><path d="M443.19,290.2a5.14,5.14,0,0,1-.68,1.81,15.45,15.45,0,0,1-2.75,3.8,16,16,0,0,1-3.76,2.81,5.24,5.24,0,0,1-1.81.7,29.86,29.86,0,0,0,5.2-3.88A29.44,29.44,0,0,0,443.19,290.2Z" style="fill:#fafafa"></path><path d="M462.83,397.56a5.82,5.82,0,0,1-.16-.72c0-.25-.1-.54-.16-.87s-.2-.74-.32-1.17a18.62,18.62,0,0,0-3.62-6.7,19.7,19.7,0,0,0-9.3-6.23,17,17,0,0,0-6.61-.63,44.28,44.28,0,0,0-7.09,1.42,53.32,53.32,0,0,1-7.13,1.56,28.45,28.45,0,0,1-6.83.06,30.23,30.23,0,0,1-10.95-3.46,28.23,28.23,0,0,1-6.25-4.59,20.89,20.89,0,0,1-1.45-1.54,3.39,3.39,0,0,1-.45-.58,5.87,5.87,0,0,1,.53.51c.34.34.82.86,1.51,1.46a29.58,29.58,0,0,0,6.28,4.41,30.77,30.77,0,0,0,10.84,3.32,29.57,29.57,0,0,0,6.7-.09,56.4,56.4,0,0,0,7.07-1.57,44.12,44.12,0,0,1,7.17-1.42,17.58,17.58,0,0,1,6.8.68,20,20,0,0,1,9.45,6.45,18.24,18.24,0,0,1,3.53,6.89c.1.45.21.84.27,1.19s.08.63.11.89A3.35,3.35,0,0,1,462.83,397.56Z" style="fill:#fafafa"></path><path d="M408.65,395.93a5.47,5.47,0,0,1-2,.28,13.92,13.92,0,0,1-4.92-.89,13.73,13.73,0,0,1-4.28-2.57,5.32,5.32,0,0,1-1.35-1.55,21.61,21.61,0,0,0,5.82,3.64A21.09,21.09,0,0,0,408.65,395.93Z" style="fill:#fafafa"></path><path d="M456.07,426.24a2.35,2.35,0,0,1-.48.19,7.32,7.32,0,0,1-1.45.32,10.56,10.56,0,0,1-5.37-.9,18,18,0,0,1-6.42-4.92c-2-2.32-3.73-5.2-5.77-8a30.31,30.31,0,0,0-3.26-3.86,19.6,19.6,0,0,0-3.73-2.84,21.51,21.51,0,0,0-7.46-2.71,25.37,25.37,0,0,0-7.36,0,1.89,1.89,0,0,1,.5-.15,12.74,12.74,0,0,1,1.46-.27,20.12,20.12,0,0,1,5.46,0,21.29,21.29,0,0,1,7.64,2.65,19.82,19.82,0,0,1,3.84,2.89A29,29,0,0,1,437,412.6c2.06,2.85,3.77,5.72,5.71,8a18,18,0,0,0,6.21,4.89,10.7,10.7,0,0,0,5.2,1C455.38,426.44,456.06,426.18,456.07,426.24Z" style="fill:#fafafa"></path><path d="M440,445.8c-.09,0-.1-.9-.37-2.32a16.59,16.59,0,0,0-5.54-9.51c-1.1-.94-1.88-1.4-1.83-1.48a6.78,6.78,0,0,1,2.06,1.19,14.79,14.79,0,0,1,5.67,9.74A6.39,6.39,0,0,1,440,445.8Z" style="fill:#fafafa"></path></g><g id="freepik--Plant--inject-36"><path d="M91.39,323.06c-9.64-14.76-8.24-35.83,3.28-49.17,3.58-4.14,8.57-7.74,14-7.27s10.08,5.26,11.78,10.6,1.11,11.12.11,16.63c-1.4,7.72-3.74,15.61-9.09,21.35s-13.22,11.62-20.1,7.86" style="fill:#D24556"></path><path d="M96.72,394.06a22.06,22.06,0,0,1,6.15-25c2.22-1.81,5.12-3.21,7.88-2.47s4.72,3.62,5.11,6.53-.44,5.82-1.45,8.57c-1.42,3.85-3.34,7.71-6.62,10.18s-7.86,4.79-11.07,2.23" style="fill:#D24556"></path><path d="M73.47,389c2.65-13.08-4.24-27.51-16.08-33.66-3.68-1.91-8.2-3.05-11.9-1.19s-5.62,6.53-5.32,10.76,2.34,8.13,4.58,11.73c3.15,5,7,9.93,12.38,12.46s12.55,4.47,16.34-.1" style="fill:#D24556"></path><path d="M75.14,353.63c4.62-14.9-3.21-33-16.26-41.52-4.05-2.65-9.18-4.5-13.7-2.77s-7.3,6.93-7.44,11.88,1.76,9.74,3.95,14.19c3.06,6.22,7,12.37,12.93,15.95s15.58,7.14,20.52,2.27" style="fill:#D24556"></path><path d="M84.41,426.46a3.74,3.74,0,0,1-.15-.72c-.08-.54-.18-1.23-.31-2.08q-.09-.69-.21-1.5c-.1-.55-.22-1.14-.34-1.77-.24-1.28-.49-2.73-.91-4.3q-.28-1.2-.6-2.49l-.78-2.66c-.5-1.85-1.23-3.76-1.92-5.8a113,113,0,0,0-5.75-12.75A112.26,112.26,0,0,0,66,380.54c-1.32-1.7-2.51-3.37-3.78-4.8l-1.78-2.12-1.74-1.88c-1.08-1.21-2.15-2.23-3.08-3.13l-1.29-1.26-1.13-1-1.56-1.41a2.81,2.81,0,0,1-.52-.52,3.09,3.09,0,0,1,.6.43l1.64,1.32,1.18,1,1.32,1.23c1,.89,2.06,1.88,3.17,3.09l1.77,1.85,1.83,2.11c1.29,1.43,2.5,3.1,3.84,4.8A107,107,0,0,1,74,392.09a108,108,0,0,1,5.74,12.85c.68,2.06,1.39,4,1.87,5.86l.75,2.68c.2.87.39,1.71.57,2.51.39,1.59.61,3.05.82,4.34.1.63.2,1.23.29,1.78s.11,1.06.15,1.52c.08.85.15,1.55.2,2.1A3.66,3.66,0,0,1,84.41,426.46Z" style="fill:#263238"></path><path d="M84.07,429.14a1.13,1.13,0,0,1,0-.3c0-.23,0-.52.06-.86.08-.81.18-1.92.31-3.31.07-.73.15-1.52.24-2.39s.09-1.83.14-2.86c.08-2,.27-4.37.2-6.95,0-1.29,0-2.64,0-4.05s-.15-2.86-.22-4.38c-.1-3-.51-6.24-.88-9.63a150.65,150.65,0,0,0-4.57-21.67,149.93,149.93,0,0,0-8-20.66c-1.54-3-2.95-6-4.51-8.55-.77-1.31-1.45-2.61-2.21-3.8l-2.19-3.4c-1.34-2.2-2.78-4.05-4-5.72-.6-.83-1.14-1.62-1.67-2.31l-1.5-1.88-2.06-2.61-.53-.69a1.26,1.26,0,0,1-.16-.24s.08.06.21.2l.57.65,2.16,2.54,1.55,1.84c.54.69,1.1,1.47,1.72,2.29,1.21,1.66,2.67,3.49,4,5.68l2.24,3.4c.76,1.18,1.46,2.48,2.24,3.78,1.59,2.6,3,5.52,4.58,8.57a146.92,146.92,0,0,1,8.07,20.73,147.45,147.45,0,0,1,4.54,21.78c.35,3.4.74,6.63.82,9.67.06,1.52.19,3,.19,4.4s0,2.77,0,4.06c0,2.59-.19,4.93-.3,7-.07,1-.11,2-.19,2.85l-.3,2.39c-.17,1.39-.32,2.5-.42,3.3-.05.35-.09.63-.12.86A1.48,1.48,0,0,1,84.07,429.14Z" style="fill:#263238"></path><path d="M109.18,284.43s0,.1-.13.28l-.41.77L107,288.42c-.35.64-.78,1.34-1.19,2.13l-1.29,2.59c-.46.94-1,1.93-1.49,3s-1,2.22-1.51,3.42-1.09,2.44-1.63,3.76-1,2.72-1.6,4.16l-.84,2.19c-.26.75-.52,1.52-.78,2.29l-1.61,4.79c-2,6.61-4,14-5.62,21.79s-2.69,15.36-3.51,22.24-1.23,13.1-1.37,18.33c-.13,2.62-.16,5-.17,7.06s0,3.88,0,5.34,0,2.55,0,3.37c0,.36,0,.65,0,.88a1,1,0,0,1,0,.3,1.4,1.4,0,0,1,0-.3q0-.35-.06-.87c0-.82-.1-1.95-.17-3.37s-.11-3.26-.11-5.35,0-4.45.07-7.07c.09-5.25.56-11.48,1.24-18.39s1.88-14.45,3.47-22.3,3.6-15.22,5.68-21.84c.57-1.64,1.11-3.24,1.65-4.79l.79-2.3.86-2.19c.57-1.43,1.11-2.82,1.64-4.15s1.14-2.57,1.67-3.77,1-2.34,1.56-3.4l1.54-3c.48-.92.92-1.78,1.34-2.57s.87-1.48,1.24-2.11l1.75-2.89.47-.74A1.47,1.47,0,0,1,109.18,284.43Z" style="fill:#263238"></path><path d="M105.9,374.94a12.22,12.22,0,0,1-1,1.81c-.71,1.12-1.68,2.79-2.81,4.87s-2.39,4.63-3.66,7.5-2.46,6.11-3.54,9.57a101.35,101.35,0,0,0-2.47,9.9c-.58,3.09-1,5.89-1.22,8.26s-.38,4.28-.43,5.61a12.26,12.26,0,0,1-.17,2.06,12.86,12.86,0,0,1-.07-2.07c0-1.33,0-3.27.23-5.65a82.44,82.44,0,0,1,1.08-8.31,96.16,96.16,0,0,1,2.44-10,93.34,93.34,0,0,1,3.62-9.61,82.78,82.78,0,0,1,3.8-7.48c1.19-2.07,2.22-3.71,3-4.8A13.08,13.08,0,0,1,105.9,374.94Z" style="fill:#263238"></path><polygon points="65.47 419.82 107.83 419.82 102.71 463.09 70.75 463.09 65.47 419.82" style="fill:#455a64"></polygon><polygon points="67.02 458.42 70.61 463.09 102.71 463.09 106.41 458.57 67.02 458.42" style="fill:#263238"></polygon><path d="M106.18,432.55c0,.17-8.79.31-19.63.31s-19.64-.14-19.64-.31,8.79-.32,19.64-.32S106.18,432.37,106.18,432.55Z" style="fill:#fafafa"></path><path d="M106.18,435.43c0,.17-8.79.31-19.63.31s-19.64-.14-19.64-.31,8.79-.32,19.64-.32S106.18,435.25,106.18,435.43Z" style="fill:#fafafa"></path><path d="M105.65,438.22c0,.17-8.48.31-18.94.31s-18.95-.14-18.95-.31,8.48-.32,18.95-.32S105.65,438,105.65,438.22Z" style="fill:#fafafa"></path></g></svg>
\ No newline at end of file
diff --git a/public/assets/js/login_register/app.js b/public/assets/js/login_register/app.js
new file mode 100644
index 00000000..a886f44b
--- /dev/null
+++ b/public/assets/js/login_register/app.js
@@ -0,0 +1,585 @@
+/******************************************
+ * ANIMATION BTN SIGN IN & SIGN UP
+ ******************************************/
+const sign_in_btn = document.querySelector("#sign-in-btn");
+const sign_up_btn = document.querySelector("#sign-up-btn");
+const container = document.querySelector(".container");
+
+sign_up_btn.addEventListener("click", () => {
+    container.classList.add("sign-up-mode");
+});
+
+sign_in_btn.addEventListener("click", () => {
+    container.classList.remove("sign-up-mode");
+});
+/******************************************
+ * END ANIMATION BTN SIGN IN & SIGN UP
+ ******************************************/
+
+/******************************************
+ * PRELOADER
+ ******************************************/
+setTimeout(function () {
+    $("#preloader").fadeToggle();
+}, 200);
+/******************************************
+ * END PRELOADER
+ ******************************************/
+
+/******************************************
+ * MULTIPLE FORM
+ ******************************************/
+var form_1 = document.querySelector(".form_1");
+var form_2 = document.querySelector(".form_2");
+var form_3 = document.querySelector(".form_3");
+var form_4 = document.querySelector(".form_4");
+
+var form_1_btns = document.querySelector(".form_1_btns");
+var form_2_btns = document.querySelector(".form_2_btns");
+var form_3_btns = document.querySelector(".form_3_btns");
+var form_4_btns = document.querySelector(".form_4_btns");
+
+var form_1_next_btn = document.querySelector(".form_1_btns .btn_next");
+var form_2_back_btn = document.querySelector(".form_2_btns .btn_back");
+var form_2_next_btn = document.querySelector(".form_2_btns .btn_next");
+var form_3_back_btn = document.querySelector(".form_3_btns .btn_back");
+var form_3_next_btn = document.querySelector(".form_3_btns .btn_next");
+var form_4_back_btn = document.querySelector(".form_4_btns .btn_back");
+
+var form_2_progessbar = document.querySelector(".form_2_progessbar");
+var form_3_progessbar = document.querySelector(".form_3_progessbar");
+var form_4_progessbar = document.querySelector(".form_4_progessbar");
+
+var btn_done = document.querySelector(".btn_done");
+var modal_wrapper = document.querySelector(".modal_wrapper");
+var shadow = document.querySelector(".shadow");
+
+form_1_next_btn.addEventListener("click", function () {
+    form_1.style.display = "none";
+    form_2.style.display = "block";
+
+    form_1_btns.style.display = "none";
+    form_2_btns.style.display = "flex";
+
+    form_2_progessbar.classList.add("active");
+});
+
+form_2_back_btn.addEventListener("click", function () {
+    form_1.style.display = "block";
+    form_2.style.display = "none";
+
+    form_1_btns.style.display = "flex";
+    form_2_btns.style.display = "none";
+
+    form_2_progessbar.classList.remove("active");
+});
+
+form_2_next_btn.addEventListener("click", function () {
+    form_2.style.display = "none";
+    form_3.style.display = "block";
+
+    form_3_btns.style.display = "flex";
+    form_2_btns.style.display = "none";
+
+    form_3_progessbar.classList.add("active");
+});
+
+form_3_next_btn.addEventListener("click", function () {
+    form_3.style.display = "none";
+    form_4.style.display = "block";
+
+    form_4_btns.style.display = "flex";
+    form_3_btns.style.display = "none";
+
+    form_4_progessbar.classList.add("active");
+});
+
+form_3_back_btn.addEventListener("click", function () {
+    form_2.style.display = "block";
+    form_3.style.display = "none";
+
+    form_3_btns.style.display = "none";
+    form_2_btns.style.display = "flex";
+
+    form_3_progessbar.classList.remove("active");
+});
+
+form_4_back_btn.addEventListener("click", function () {
+    form_3.style.display = "block";
+    form_4.style.display = "none";
+
+    form_4_btns.style.display = "none";
+    form_3_btns.style.display = "flex";
+
+    form_4_progessbar.classList.remove("active");
+});
+
+// btn_done.addEventListener("click", function () {
+//     modal_wrapper.classList.add("active");
+// });
+
+// shadow.addEventListener("click", function () {
+//     modal_wrapper.classList.remove("active");
+// });
+/******************************************
+ * MULTIPLE FORM END
+ ******************************************/
+
+/******************************************
+ * KTP & E-KYC CAMERA
+ ******************************************/
+document.addEventListener("DOMContentLoaded", function () {
+    const videoElementKtp = document.getElementById("webcamKtp");
+    const captureButtonKtp = document.getElementById("captureButtonKtp");
+    const fotoInputKtp = document.getElementById("fotoKtp");
+    const startButtonKtp = document.getElementById("startButtonKtp");
+    const refreshButtonKtp = document.getElementById("refreshButtonKtp");
+    const imageHolderKtp = document.getElementById("imageHolderKtp");
+
+    const videoElementEkyc = document.getElementById("webcamEkyc");
+    const captureButtonEkyc = document.getElementById("captureButtonEkyc");
+    const fotoInputEkyc = document.getElementById("fotoEkyc");
+    const startButtonEkyc = document.getElementById("startButtonEkyc");
+    const refreshButtonEkyc = document.getElementById("refreshButtonEkyc");
+    const imageHolderEkyc = document.getElementById("imageHolderEkyc");
+
+    // Inisialisasi status kamera
+    let ktpStream = null;
+    let ekycStream = null;
+
+    // Tampilan tombol capture dan refresh
+    captureButtonKtp.style.display = "none";
+    refreshButtonKtp.style.display = "none";
+    videoElementKtp.style.display = "none";
+    imageHolderKtp.style.display = "block";
+
+    captureButtonEkyc.style.display = "none";
+    refreshButtonEkyc.style.display = "none";
+    videoElementEkyc.style.display = "none";
+    imageHolderEkyc.style.display = "block";
+
+    // Fungsi untuk menyalakan kamera
+    function turnOnCamera(stream, videoElement, startButton) {
+        videoElement.srcObject = stream;
+        startButton.textContent = "Matikan Kamera";
+        videoElement.style.display = "block"; // Tampilkan video
+    }
+
+    // Fungsi untuk mematikan kamera
+    function turnOffCamera(stream, videoElement, startButton) {
+        if (stream) {
+            stream.getTracks().forEach((track) => track.stop());
+            videoElement.srcObject = null;
+        }
+        startButton.textContent = "Nyalakan Kamera";
+        videoElement.style.display = "none"; // Sembunyikan video
+    }
+
+    // Fungsi untuk menghapus hasil foto
+    function clearPhoto(fotoInput, fotoPreview) {
+        fotoInput.value = "";
+        fotoPreview.innerHTML = "";
+    }
+
+    startButtonKtp.addEventListener("click", function () {
+        if (ktpStream) {
+            // Matikan kamera jika sudah aktif
+            turnOffCamera(ktpStream, videoElementKtp, startButtonKtp);
+            // Hapus hasil foto
+            clearPhoto(
+                fotoInputKtp,
+                document.getElementById("foto-preview-ktp")
+            );
+            ktpStream = null;
+            imageHolderKtp.style.display = "block";
+            captureButtonKtp.style.display = "none";
+        } else {
+            // Aktifkan kamera jika belum aktif
+            navigator.mediaDevices
+                .getUserMedia({ video: true })
+                .then(function (stream) {
+                    ktpStream = stream;
+                    turnOnCamera(ktpStream, videoElementKtp, startButtonKtp);
+                    imageHolderKtp.style.display = "none";
+                    captureButtonKtp.style.display = "block";
+                })
+                .catch(function (error) {
+                    Swal.fire({
+                        title: "Gagal",
+                        text: "Gagal mengakses kamera, karena " + error,
+                        icon: "error",
+                    });
+                });
+        }
+    });
+
+    startButtonEkyc.addEventListener("click", function () {
+        if (ekycStream) {
+            // Matikan kamera jika sudah aktif
+            turnOffCamera(ekycStream, videoElementEkyc, startButtonEkyc);
+            // Hapus hasil foto
+            clearPhoto(
+                fotoInputEkyc,
+                document.getElementById("foto-preview-ekyc")
+            );
+            ekycStream = null;
+            imageHolderEkyc.style.display = "block";
+            captureButtonEkyc.style.display = "none";
+        } else {
+            // Aktifkan kamera jika belum aktif
+            navigator.mediaDevices
+                .getUserMedia({ video: true })
+                .then(function (stream) {
+                    ekycStream = stream;
+                    turnOnCamera(ekycStream, videoElementEkyc, startButtonEkyc);
+                    imageHolderEkyc.style.display = "none";
+                    captureButtonEkyc.style.display = "block";
+                })
+                .catch(function (error) {
+                    Swal.fire({
+                        title: "Gagal",
+                        text: "Gagal mengakses kamera, karena " + error,
+                        icon: "error",
+                    });
+                });
+        }
+    });
+
+    refreshButtonKtp.addEventListener("click", function () {
+        // Hapus hasil foto jika tombol "Ulang Foto" ditekan
+        clearPhoto(fotoInputKtp, document.getElementById("foto-preview-ktp"));
+
+        if (ktpStream) {
+
+            turnOffCamera(ktpStream, videoElementKtp, startButtonKtp);
+            ktpStream = null;
+        }
+
+        // Menyalakan kembali kamera
+        navigator.mediaDevices
+            .getUserMedia({ video: true })
+            .then(function (stream) {
+                ktpStream = stream;
+                turnOnCamera(ktpStream, videoElementKtp, startButtonKtp);
+            })
+            .catch(function (error) {
+                Swal.fire({
+                    title: "Gagal",
+                    text: "Gagal mengakses kamera, karena " + error,
+                    icon: "error",
+                });
+            });
+        refreshButtonKtp.style.display = "none";
+        captureButtonKtp.style.display = "block";
+        startButtonKtp.style.display = "block";
+    });
+
+    refreshButtonEkyc.addEventListener("click", function () {
+        // Hapus hasil foto jika tombol "Ulang Foto" ditekan
+        clearPhoto(fotoInputEkyc, document.getElementById("foto-preview-ekyc"));
+
+        if (ekycStream) {
+            // Matikan kamera jika sedang aktif
+            turnOffCamera(ekycStream, videoElementEkyc, startButtonEkyc);
+            ekycStream = null;
+        }
+
+        // Menyalakan kembali kamera
+        navigator.mediaDevices
+            .getUserMedia({ video: true })
+            .then(function (stream) {
+                ekycStream = stream;
+                turnOnCamera(ekycStream, videoElementEkyc, startButtonEkyc);
+            })
+            .catch(function (error) {
+                Swal.fire({
+                    title: "Gagal",
+                    text: "Gagal mengakses kamera, karena " + error,
+                    icon: "error",
+                });
+            });
+        refreshButtonEkyc.style.display = "none";
+        captureButtonEkyc.style.display = "block";
+        startButtonEkyc.style.display = "block";
+    });
+
+    captureButtonKtp.addEventListener("click", function () {
+        if (ktpStream) {
+            const canvas = document.createElement("canvas");
+            const context = canvas.getContext("2d");
+            canvas.width = videoElementKtp.videoWidth;
+            canvas.height = videoElementKtp.videoHeight;
+            context.drawImage(
+                videoElementKtp,
+                0,
+                0,
+                canvas.width,
+                canvas.height
+            );
+            const fotoDataUrl = canvas.toDataURL("image/jpeg");
+
+            fotoInputKtp.value = fotoDataUrl;
+
+            const fotoPreview = document.getElementById("foto-preview-ktp");
+            fotoPreview.innerHTML =
+                '<img src="' + fotoDataUrl + '" alt="Foto">';
+
+            // Matikan kamera setelah mengambil foto
+            turnOffCamera(ktpStream, videoElementKtp, startButtonKtp);
+            // Tombol ulang muncul
+            refreshButtonKtp.style.display = "block";
+            captureButtonKtp.style.display = "none";
+            startButtonKtp.style.display = "none";
+        }
+    });
+
+    captureButtonEkyc.addEventListener("click", function () {
+        if (ekycStream) {
+            const canvas = document.createElement("canvas");
+            const context = canvas.getContext("2d");
+            canvas.width = videoElementEkyc.videoWidth;
+            canvas.height = videoElementEkyc.videoHeight;
+            context.drawImage(
+                videoElementEkyc,
+                0,
+                0,
+                canvas.width,
+                canvas.height
+            );
+            const fotoDataUrl = canvas.toDataURL("image/jpeg");
+
+            fotoInputEkyc.value = fotoDataUrl;
+
+            const fotoPreview = document.getElementById("foto-preview-ekyc");
+            fotoPreview.innerHTML =
+                '<img src="' + fotoDataUrl + '" alt="Foto">';
+
+            // Matikan kamera setelah mengambil foto
+            turnOffCamera(ekycStream, videoElementEkyc, startButtonEkyc);
+
+            refreshButtonEkyc.style.display = "block";
+            captureButtonEkyc.style.display = "none";
+            startButtonEkyc.style.display = "none";
+        }
+    });
+});
+/******************************************
+ * END KTP & E-KYC CAMERA
+ ******************************************/
+
+/******************************************
+ * SLIDE KTP & E-KYC FORM 3
+ ******************************************/
+let slideIndex = 1;
+showSlide(slideIndex);
+
+function plusSlide(n) {
+    showSlide((slideIndex += n));
+}
+
+function currentSlide(n) {
+    showSlide((slideIndex = n));
+}
+
+function showSlide(n) {
+    let slides = document.querySelectorAll(".slide");
+    let dots = document.querySelectorAll(".dot");
+
+    if (n > slides.length) {
+        slideIndex = 1;
+    }
+
+    if (n < 1) {
+        slideIndex = slides.length;
+    }
+
+    for (let i = 0; i < slides.length; i++) {
+        slides[i].style.transform =
+            "translateX(-" + (slideIndex - 1) * 100 + "%)";
+    }
+
+    for (let i = 0; i < dots.length; i++) {
+        dots[i].classList.remove("active");
+    }
+
+    dots[slideIndex - 1].classList.add("active");
+}
+/******************************************
+ * END SLIDE KTP & E-KYC FORM 3
+ ******************************************/
+
+/******************************************
+ *  DROPDOWN SELECT GENDER
+ ******************************************/
+$(document).ready(function () {
+    $("#gender-select").select2();
+});
+/******************************************
+ *  END DROPDOWN SELECT GENDER
+ ******************************************/
+
+/******************************************
+ *  AJAX DROPDOWN SELECT PROVINSI, KABUPATEN & KECAMATAN
+ ******************************************/
+$(document).ready(function () {
+    $("#selectProvince").select2({
+        placeholder: "Pilih Provinsi",
+        ajax: {
+            url: $("#selectProvince").data("url"),
+            processResults: function ({ data }) {
+                return {
+                    results: $.map(data, function (item) {
+                        return {
+                            id: item.code,
+                            text: item.name,
+                        };
+                    }),
+                };
+            },
+        },
+    });
+
+    $("#selectCity").select2({
+        placeholder: "Pilih Kabupaten/Kota",
+        ajax: {
+            url: "", // Isi dengan URL yang sesuai
+            processResults: function ({ data }) {
+                return {
+                    results: $.map(data, function (item) {
+                        return {
+                            id: item.code,
+                            text: item.name,
+                        };
+                    }),
+                };
+            },
+        },
+    });
+
+    $("#selectDistrict").select2({
+        placeholder: "Pilih Kecamatan",
+        ajax: {
+            url: "", // Isi dengan URL yang sesuai
+            processResults: function ({ data }) {
+                return {
+                    results: $.map(data, function (item) {
+                        return {
+                            id: item.code,
+                            text: item.name,
+                        };
+                    }),
+                };
+            },
+        },
+    });
+
+    $("#selectVillage").select2({
+        placeholder: "Pilih Kelurahan",
+        ajax: {
+            url: "", // Isi dengan URL yang sesuai
+            processResults: function ({ data }) {
+                return {
+                    results: $.map(data, function (item) {
+                        return {
+                            id: item.code,
+                            text: item.name,
+                        };
+                    }),
+                };
+            },
+        },
+    });
+
+    // Event Listener untuk selectProvince
+    $("#selectProvince").change(function () {
+        let code = $("#selectProvince").val();
+
+        // Mengosongkan pilihan di selectCity dan selectDistrict dan selectVillage
+        $("#selectCity", "#selectDistrict", "#selectVillage").empty();
+
+        // Menghapus properti 'disabled' pada selectCity dan selectDistrict dan selectVillage
+        $("#selectCity", "#selectDistrict", "#selectVillage").prop(
+            "disable",
+            false
+        );
+
+        // Muat ulang data berdasarkan provinsi yang baru dipilih di selectProvince
+        $("#selectCity").select2({
+            placeholder: "Pilih Kabupaten/Kota",
+            ajax: {
+                url: "/cari-kota/" + code,
+                processResults: function ({ data }) {
+                    return {
+                        results: $.map(data, function (item) {
+                            return {
+                                id: item.code,
+                                text: item.name,
+                            };
+                        }),
+                    };
+                },
+            },
+        });
+    });
+
+    // Event Listener untuk perubahan pada selectCity
+    $("#selectCity").change(function () {
+        let code = $("#selectCity").val();
+
+        // Mengosongkan pilihan di selectDistrict dan selectVillage
+        $("#selectDristrict", "#selectVillage").empty();
+
+        // Menghapus properti 'disable' pada selectDistrict dan selectVillage
+        $("#selectDistrict", "#selectVillage").prop("disabled", false);
+
+        // Memuat ulang data berdasarkan wilayah yang baru dipilih di selectCity
+        $("#selectDistrict").select2({
+            placeholder: "Pilih Kecamatan",
+            ajax: {
+                url: "/cari-kecamatan/" + code, // Isi dengan URL yang sesuai
+                processResults: function ({ data }) {
+                    return {
+                        results: $.map(data, function (item) {
+                            return {
+                                id: item.code,
+                                text: item.name,
+                            };
+                        }),
+                    };
+                },
+            },
+        });
+    });
+
+    // Event Listener untuk selectDistrict
+    $("#selectDistrict").change(function () {
+        let code = $("#selectDistrict").val();
+
+        // Mengosongkan pilihan di selectVillage
+        $("#selectVillage").empty();
+
+        // Menghapus properti 'disabled' pada selectVillage
+        $("#selectVillage").prop("disabled", false);
+
+        // Memuat ulang data berdasarkan wilayah yang baru dipilih di selectDistrict
+        $("#selectVillage").select2({
+            placeholder: "Pilih Kelurahan",
+            ajax: {
+                url: "/cari-kelurahan/" + code, // Isi dengan URL yang sesuai
+                processResults: function ({ data }) {
+                    return {
+                        results: $.map(data, function (item) {
+                            return {
+                                id: item.code,
+                                text: item.name,
+                            };
+                        }),
+                    };
+                },
+            },
+        });
+    });
+});
+/******************************************
+ *  END AJAX DROPDOWN SELECT PROVINSI, KABUPATEN & KECAMATAN
+ ******************************************/
diff --git a/public/assets/js/login_register/jquery.js b/public/assets/js/login_register/jquery.js
new file mode 100644
index 00000000..91972476
--- /dev/null
+++ b/public/assets/js/login_register/jquery.js
@@ -0,0 +1,5791 @@
+/*! jQuery v2.2.2 | (c) jQuery Foundation | jquery.org/license */
+!(function (a, b) {
+    "object" == typeof module && "object" == typeof module.exports
+        ? (module.exports = a.document
+              ? b(a, !0)
+              : function (a) {
+                    if (!a.document)
+                        throw new Error(
+                            "jQuery requires a window with a document"
+                        );
+                    return b(a);
+                })
+        : b(a);
+})("undefined" != typeof window ? window : this, function (a, b) {
+    var c = [],
+        d = a.document,
+        e = c.slice,
+        f = c.concat,
+        g = c.push,
+        h = c.indexOf,
+        i = {},
+        j = i.toString,
+        k = i.hasOwnProperty,
+        l = {},
+        m = "2.2.2",
+        n = function (a, b) {
+            return new n.fn.init(a, b);
+        },
+        o = /^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g,
+        p = /^-ms-/,
+        q = /-([\da-z])/gi,
+        r = function (a, b) {
+            return b.toUpperCase();
+        };
+    (n.fn = n.prototype =
+        {
+            jquery: m,
+            constructor: n,
+            selector: "",
+            length: 0,
+            toArray: function () {
+                return e.call(this);
+            },
+            get: function (a) {
+                return null != a
+                    ? 0 > a
+                        ? this[a + this.length]
+                        : this[a]
+                    : e.call(this);
+            },
+            pushStack: function (a) {
+                var b = n.merge(this.constructor(), a);
+                return (b.prevObject = this), (b.context = this.context), b;
+            },
+            each: function (a) {
+                return n.each(this, a);
+            },
+            map: function (a) {
+                return this.pushStack(
+                    n.map(this, function (b, c) {
+                        return a.call(b, c, b);
+                    })
+                );
+            },
+            slice: function () {
+                return this.pushStack(e.apply(this, arguments));
+            },
+            first: function () {
+                return this.eq(0);
+            },
+            last: function () {
+                return this.eq(-1);
+            },
+            eq: function (a) {
+                var b = this.length,
+                    c = +a + (0 > a ? b : 0);
+                return this.pushStack(c >= 0 && b > c ? [this[c]] : []);
+            },
+            end: function () {
+                return this.prevObject || this.constructor();
+            },
+            push: g,
+            sort: c.sort,
+            splice: c.splice,
+        }),
+        (n.extend = n.fn.extend =
+            function () {
+                var a,
+                    b,
+                    c,
+                    d,
+                    e,
+                    f,
+                    g = arguments[0] || {},
+                    h = 1,
+                    i = arguments.length,
+                    j = !1;
+                for (
+                    "boolean" == typeof g &&
+                        ((j = g), (g = arguments[h] || {}), h++),
+                        "object" == typeof g || n.isFunction(g) || (g = {}),
+                        h === i && ((g = this), h--);
+                    i > h;
+                    h++
+                )
+                    if (null != (a = arguments[h]))
+                        for (b in a)
+                            (c = g[b]),
+                                (d = a[b]),
+                                g !== d &&
+                                    (j &&
+                                    d &&
+                                    (n.isPlainObject(d) || (e = n.isArray(d)))
+                                        ? (e
+                                              ? ((e = !1),
+                                                (f =
+                                                    c && n.isArray(c) ? c : []))
+                                              : (f =
+                                                    c && n.isPlainObject(c)
+                                                        ? c
+                                                        : {}),
+                                          (g[b] = n.extend(j, f, d)))
+                                        : void 0 !== d && (g[b] = d));
+                return g;
+            }),
+        n.extend({
+            expando: "jQuery" + (m + Math.random()).replace(/\D/g, ""),
+            isReady: !0,
+            error: function (a) {
+                throw new Error(a);
+            },
+            noop: function () {},
+            isFunction: function (a) {
+                return "function" === n.type(a);
+            },
+            isArray: Array.isArray,
+            isWindow: function (a) {
+                return null != a && a === a.window;
+            },
+            isNumeric: function (a) {
+                var b = a && a.toString();
+                return !n.isArray(a) && b - parseFloat(b) + 1 >= 0;
+            },
+            isPlainObject: function (a) {
+                var b;
+                if ("object" !== n.type(a) || a.nodeType || n.isWindow(a))
+                    return !1;
+                if (
+                    a.constructor &&
+                    !k.call(a, "constructor") &&
+                    !k.call(a.constructor.prototype || {}, "isPrototypeOf")
+                )
+                    return !1;
+                for (b in a);
+                return void 0 === b || k.call(a, b);
+            },
+            isEmptyObject: function (a) {
+                var b;
+                for (b in a) return !1;
+                return !0;
+            },
+            type: function (a) {
+                return null == a
+                    ? a + ""
+                    : "object" == typeof a || "function" == typeof a
+                    ? i[j.call(a)] || "object"
+                    : typeof a;
+            },
+            globalEval: function (a) {
+                var b,
+                    c = eval;
+                (a = n.trim(a)),
+                    a &&
+                        (1 === a.indexOf("use strict")
+                            ? ((b = d.createElement("script")),
+                              (b.text = a),
+                              d.head.appendChild(b).parentNode.removeChild(b))
+                            : c(a));
+            },
+            camelCase: function (a) {
+                return a.replace(p, "ms-").replace(q, r);
+            },
+            nodeName: function (a, b) {
+                return (
+                    a.nodeName && a.nodeName.toLowerCase() === b.toLowerCase()
+                );
+            },
+            each: function (a, b) {
+                var c,
+                    d = 0;
+                if (s(a)) {
+                    for (c = a.length; c > d; d++)
+                        if (b.call(a[d], d, a[d]) === !1) break;
+                } else for (d in a) if (b.call(a[d], d, a[d]) === !1) break;
+                return a;
+            },
+            trim: function (a) {
+                return null == a ? "" : (a + "").replace(o, "");
+            },
+            makeArray: function (a, b) {
+                var c = b || [];
+                return (
+                    null != a &&
+                        (s(Object(a))
+                            ? n.merge(c, "string" == typeof a ? [a] : a)
+                            : g.call(c, a)),
+                    c
+                );
+            },
+            inArray: function (a, b, c) {
+                return null == b ? -1 : h.call(b, a, c);
+            },
+            merge: function (a, b) {
+                for (var c = +b.length, d = 0, e = a.length; c > d; d++)
+                    a[e++] = b[d];
+                return (a.length = e), a;
+            },
+            grep: function (a, b, c) {
+                for (var d, e = [], f = 0, g = a.length, h = !c; g > f; f++)
+                    (d = !b(a[f], f)), d !== h && e.push(a[f]);
+                return e;
+            },
+            map: function (a, b, c) {
+                var d,
+                    e,
+                    g = 0,
+                    h = [];
+                if (s(a))
+                    for (d = a.length; d > g; g++)
+                        (e = b(a[g], g, c)), null != e && h.push(e);
+                else for (g in a) (e = b(a[g], g, c)), null != e && h.push(e);
+                return f.apply([], h);
+            },
+            guid: 1,
+            proxy: function (a, b) {
+                var c, d, f;
+                return (
+                    "string" == typeof b && ((c = a[b]), (b = a), (a = c)),
+                    n.isFunction(a)
+                        ? ((d = e.call(arguments, 2)),
+                          (f = function () {
+                              return a.apply(
+                                  b || this,
+                                  d.concat(e.call(arguments))
+                              );
+                          }),
+                          (f.guid = a.guid = a.guid || n.guid++),
+                          f)
+                        : void 0
+                );
+            },
+            now: Date.now,
+            support: l,
+        }),
+        "function" == typeof Symbol &&
+            (n.fn[Symbol.iterator] = c[Symbol.iterator]),
+        n.each(
+            "Boolean Number String Function Array Date RegExp Object Error Symbol".split(
+                " "
+            ),
+            function (a, b) {
+                i["[object " + b + "]"] = b.toLowerCase();
+            }
+        );
+    function s(a) {
+        var b = !!a && "length" in a && a.length,
+            c = n.type(a);
+        return "function" === c || n.isWindow(a)
+            ? !1
+            : "array" === c ||
+                  0 === b ||
+                  ("number" == typeof b && b > 0 && b - 1 in a);
+    }
+    var t = (function (a) {
+        var b,
+            c,
+            d,
+            e,
+            f,
+            g,
+            h,
+            i,
+            j,
+            k,
+            l,
+            m,
+            n,
+            o,
+            p,
+            q,
+            r,
+            s,
+            t,
+            u = "sizzle" + 1 * new Date(),
+            v = a.document,
+            w = 0,
+            x = 0,
+            y = ga(),
+            z = ga(),
+            A = ga(),
+            B = function (a, b) {
+                return a === b && (l = !0), 0;
+            },
+            C = 1 << 31,
+            D = {}.hasOwnProperty,
+            E = [],
+            F = E.pop,
+            G = E.push,
+            H = E.push,
+            I = E.slice,
+            J = function (a, b) {
+                for (var c = 0, d = a.length; d > c; c++)
+                    if (a[c] === b) return c;
+                return -1;
+            },
+            K =
+                "checked|selected|async|autofocus|autoplay|controls|defer|disabled|hidden|ismap|loop|multiple|open|readonly|required|scoped",
+            L = "[\\x20\\t\\r\\n\\f]",
+            M = "(?:\\\\.|[\\w-]|[^\\x00-\\xa0])+",
+            N =
+                "\\[" +
+                L +
+                "*(" +
+                M +
+                ")(?:" +
+                L +
+                "*([*^$|!~]?=)" +
+                L +
+                "*(?:'((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\"|(" +
+                M +
+                "))|)" +
+                L +
+                "*\\]",
+            O =
+                ":(" +
+                M +
+                ")(?:\\((('((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\")|((?:\\\\.|[^\\\\()[\\]]|" +
+                N +
+                ")*)|.*)\\)|)",
+            P = new RegExp(L + "+", "g"),
+            Q = new RegExp(
+                "^" + L + "+|((?:^|[^\\\\])(?:\\\\.)*)" + L + "+$",
+                "g"
+            ),
+            R = new RegExp("^" + L + "*," + L + "*"),
+            S = new RegExp("^" + L + "*([>+~]|" + L + ")" + L + "*"),
+            T = new RegExp("=" + L + "*([^\\]'\"]*?)" + L + "*\\]", "g"),
+            U = new RegExp(O),
+            V = new RegExp("^" + M + "$"),
+            W = {
+                ID: new RegExp("^#(" + M + ")"),
+                CLASS: new RegExp("^\\.(" + M + ")"),
+                TAG: new RegExp("^(" + M + "|[*])"),
+                ATTR: new RegExp("^" + N),
+                PSEUDO: new RegExp("^" + O),
+                CHILD: new RegExp(
+                    "^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\(" +
+                        L +
+                        "*(even|odd|(([+-]|)(\\d*)n|)" +
+                        L +
+                        "*(?:([+-]|)" +
+                        L +
+                        "*(\\d+)|))" +
+                        L +
+                        "*\\)|)",
+                    "i"
+                ),
+                bool: new RegExp("^(?:" + K + ")$", "i"),
+                needsContext: new RegExp(
+                    "^" +
+                        L +
+                        "*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\(" +
+                        L +
+                        "*((?:-\\d)?\\d*)" +
+                        L +
+                        "*\\)|)(?=[^-]|$)",
+                    "i"
+                ),
+            },
+            X = /^(?:input|select|textarea|button)$/i,
+            Y = /^h\d$/i,
+            Z = /^[^{]+\{\s*\[native \w/,
+            $ = /^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,
+            _ = /[+~]/,
+            aa = /'|\\/g,
+            ba = new RegExp(
+                "\\\\([\\da-f]{1,6}" + L + "?|(" + L + ")|.)",
+                "ig"
+            ),
+            ca = function (a, b, c) {
+                var d = "0x" + b - 65536;
+                return d !== d || c
+                    ? b
+                    : 0 > d
+                    ? String.fromCharCode(d + 65536)
+                    : String.fromCharCode(
+                          (d >> 10) | 55296,
+                          (1023 & d) | 56320
+                      );
+            },
+            da = function () {
+                m();
+            };
+        try {
+            H.apply((E = I.call(v.childNodes)), v.childNodes),
+                E[v.childNodes.length].nodeType;
+        } catch (ea) {
+            H = {
+                apply: E.length
+                    ? function (a, b) {
+                          G.apply(a, I.call(b));
+                      }
+                    : function (a, b) {
+                          var c = a.length,
+                              d = 0;
+                          while ((a[c++] = b[d++]));
+                          a.length = c - 1;
+                      },
+            };
+        }
+        function fa(a, b, d, e) {
+            var f,
+                h,
+                j,
+                k,
+                l,
+                o,
+                r,
+                s,
+                w = b && b.ownerDocument,
+                x = b ? b.nodeType : 9;
+            if (
+                ((d = d || []),
+                "string" != typeof a || !a || (1 !== x && 9 !== x && 11 !== x))
+            )
+                return d;
+            if (
+                !e &&
+                ((b ? b.ownerDocument || b : v) !== n && m(b), (b = b || n), p)
+            ) {
+                if (11 !== x && (o = $.exec(a)))
+                    if ((f = o[1])) {
+                        if (9 === x) {
+                            if (!(j = b.getElementById(f))) return d;
+                            if (j.id === f) return d.push(j), d;
+                        } else if (
+                            w &&
+                            (j = w.getElementById(f)) &&
+                            t(b, j) &&
+                            j.id === f
+                        )
+                            return d.push(j), d;
+                    } else {
+                        if (o[2])
+                            return H.apply(d, b.getElementsByTagName(a)), d;
+                        if (
+                            (f = o[3]) &&
+                            c.getElementsByClassName &&
+                            b.getElementsByClassName
+                        )
+                            return H.apply(d, b.getElementsByClassName(f)), d;
+                    }
+                if (c.qsa && !A[a + " "] && (!q || !q.test(a))) {
+                    if (1 !== x) (w = b), (s = a);
+                    else if ("object" !== b.nodeName.toLowerCase()) {
+                        (k = b.getAttribute("id"))
+                            ? (k = k.replace(aa, "\\$&"))
+                            : b.setAttribute("id", (k = u)),
+                            (r = g(a)),
+                            (h = r.length),
+                            (l = V.test(k) ? "#" + k : "[id='" + k + "']");
+                        while (h--) r[h] = l + " " + qa(r[h]);
+                        (s = r.join(",")),
+                            (w = (_.test(a) && oa(b.parentNode)) || b);
+                    }
+                    if (s)
+                        try {
+                            return H.apply(d, w.querySelectorAll(s)), d;
+                        } catch (y) {
+                        } finally {
+                            k === u && b.removeAttribute("id");
+                        }
+                }
+            }
+            return i(a.replace(Q, "$1"), b, d, e);
+        }
+        function ga() {
+            var a = [];
+            function b(c, e) {
+                return (
+                    a.push(c + " ") > d.cacheLength && delete b[a.shift()],
+                    (b[c + " "] = e)
+                );
+            }
+            return b;
+        }
+        function ha(a) {
+            return (a[u] = !0), a;
+        }
+        function ia(a) {
+            var b = n.createElement("div");
+            try {
+                return !!a(b);
+            } catch (c) {
+                return !1;
+            } finally {
+                b.parentNode && b.parentNode.removeChild(b), (b = null);
+            }
+        }
+        function ja(a, b) {
+            var c = a.split("|"),
+                e = c.length;
+            while (e--) d.attrHandle[c[e]] = b;
+        }
+        function ka(a, b) {
+            var c = b && a,
+                d =
+                    c &&
+                    1 === a.nodeType &&
+                    1 === b.nodeType &&
+                    (~b.sourceIndex || C) - (~a.sourceIndex || C);
+            if (d) return d;
+            if (c) while ((c = c.nextSibling)) if (c === b) return -1;
+            return a ? 1 : -1;
+        }
+        function la(a) {
+            return function (b) {
+                var c = b.nodeName.toLowerCase();
+                return "input" === c && b.type === a;
+            };
+        }
+        function ma(a) {
+            return function (b) {
+                var c = b.nodeName.toLowerCase();
+                return ("input" === c || "button" === c) && b.type === a;
+            };
+        }
+        function na(a) {
+            return ha(function (b) {
+                return (
+                    (b = +b),
+                    ha(function (c, d) {
+                        var e,
+                            f = a([], c.length, b),
+                            g = f.length;
+                        while (g--) c[(e = f[g])] && (c[e] = !(d[e] = c[e]));
+                    })
+                );
+            });
+        }
+        function oa(a) {
+            return a && "undefined" != typeof a.getElementsByTagName && a;
+        }
+        (c = fa.support = {}),
+            (f = fa.isXML =
+                function (a) {
+                    var b = a && (a.ownerDocument || a).documentElement;
+                    return b ? "HTML" !== b.nodeName : !1;
+                }),
+            (m = fa.setDocument =
+                function (a) {
+                    var b,
+                        e,
+                        g = a ? a.ownerDocument || a : v;
+                    return g !== n && 9 === g.nodeType && g.documentElement
+                        ? ((n = g),
+                          (o = n.documentElement),
+                          (p = !f(n)),
+                          (e = n.defaultView) &&
+                              e.top !== e &&
+                              (e.addEventListener
+                                  ? e.addEventListener("unload", da, !1)
+                                  : e.attachEvent &&
+                                    e.attachEvent("onunload", da)),
+                          (c.attributes = ia(function (a) {
+                              return (
+                                  (a.className = "i"),
+                                  !a.getAttribute("className")
+                              );
+                          })),
+                          (c.getElementsByTagName = ia(function (a) {
+                              return (
+                                  a.appendChild(n.createComment("")),
+                                  !a.getElementsByTagName("*").length
+                              );
+                          })),
+                          (c.getElementsByClassName = Z.test(
+                              n.getElementsByClassName
+                          )),
+                          (c.getById = ia(function (a) {
+                              return (
+                                  (o.appendChild(a).id = u),
+                                  !n.getElementsByName ||
+                                      !n.getElementsByName(u).length
+                              );
+                          })),
+                          c.getById
+                              ? ((d.find.ID = function (a, b) {
+                                    if (
+                                        "undefined" !=
+                                            typeof b.getElementById &&
+                                        p
+                                    ) {
+                                        var c = b.getElementById(a);
+                                        return c ? [c] : [];
+                                    }
+                                }),
+                                (d.filter.ID = function (a) {
+                                    var b = a.replace(ba, ca);
+                                    return function (a) {
+                                        return a.getAttribute("id") === b;
+                                    };
+                                }))
+                              : (delete d.find.ID,
+                                (d.filter.ID = function (a) {
+                                    var b = a.replace(ba, ca);
+                                    return function (a) {
+                                        var c =
+                                            "undefined" !=
+                                                typeof a.getAttributeNode &&
+                                            a.getAttributeNode("id");
+                                        return c && c.value === b;
+                                    };
+                                })),
+                          (d.find.TAG = c.getElementsByTagName
+                              ? function (a, b) {
+                                    return "undefined" !=
+                                        typeof b.getElementsByTagName
+                                        ? b.getElementsByTagName(a)
+                                        : c.qsa
+                                        ? b.querySelectorAll(a)
+                                        : void 0;
+                                }
+                              : function (a, b) {
+                                    var c,
+                                        d = [],
+                                        e = 0,
+                                        f = b.getElementsByTagName(a);
+                                    if ("*" === a) {
+                                        while ((c = f[e++]))
+                                            1 === c.nodeType && d.push(c);
+                                        return d;
+                                    }
+                                    return f;
+                                }),
+                          (d.find.CLASS =
+                              c.getElementsByClassName &&
+                              function (a, b) {
+                                  return "undefined" !=
+                                      typeof b.getElementsByClassName && p
+                                      ? b.getElementsByClassName(a)
+                                      : void 0;
+                              }),
+                          (r = []),
+                          (q = []),
+                          (c.qsa = Z.test(n.querySelectorAll)) &&
+                              (ia(function (a) {
+                                  (o.appendChild(a).innerHTML =
+                                      "<a id='" +
+                                      u +
+                                      "'></a><select id='" +
+                                      u +
+                                      "-\r\\' msallowcapture=''><option selected=''></option></select>"),
+                                      a.querySelectorAll("[msallowcapture^='']")
+                                          .length &&
+                                          q.push("[*^$]=" + L + "*(?:''|\"\")"),
+                                      a.querySelectorAll("[selected]").length ||
+                                          q.push(
+                                              "\\[" + L + "*(?:value|" + K + ")"
+                                          ),
+                                      a.querySelectorAll("[id~=" + u + "-]")
+                                          .length || q.push("~="),
+                                      a.querySelectorAll(":checked").length ||
+                                          q.push(":checked"),
+                                      a.querySelectorAll("a#" + u + "+*")
+                                          .length || q.push(".#.+[+~]");
+                              }),
+                              ia(function (a) {
+                                  var b = n.createElement("input");
+                                  b.setAttribute("type", "hidden"),
+                                      a
+                                          .appendChild(b)
+                                          .setAttribute("name", "D"),
+                                      a.querySelectorAll("[name=d]").length &&
+                                          q.push("name" + L + "*[*^$|!~]?="),
+                                      a.querySelectorAll(":enabled").length ||
+                                          q.push(":enabled", ":disabled"),
+                                      a.querySelectorAll("*,:x"),
+                                      q.push(",.*:");
+                              })),
+                          (c.matchesSelector = Z.test(
+                              (s =
+                                  o.matches ||
+                                  o.webkitMatchesSelector ||
+                                  o.mozMatchesSelector ||
+                                  o.oMatchesSelector ||
+                                  o.msMatchesSelector)
+                          )) &&
+                              ia(function (a) {
+                                  (c.disconnectedMatch = s.call(a, "div")),
+                                      s.call(a, "[s!='']:x"),
+                                      r.push("!=", O);
+                              }),
+                          (q = q.length && new RegExp(q.join("|"))),
+                          (r = r.length && new RegExp(r.join("|"))),
+                          (b = Z.test(o.compareDocumentPosition)),
+                          (t =
+                              b || Z.test(o.contains)
+                                  ? function (a, b) {
+                                        var c =
+                                                9 === a.nodeType
+                                                    ? a.documentElement
+                                                    : a,
+                                            d = b && b.parentNode;
+                                        return (
+                                            a === d ||
+                                            !(
+                                                !d ||
+                                                1 !== d.nodeType ||
+                                                !(c.contains
+                                                    ? c.contains(d)
+                                                    : a.compareDocumentPosition &&
+                                                      16 &
+                                                          a.compareDocumentPosition(
+                                                              d
+                                                          ))
+                                            )
+                                        );
+                                    }
+                                  : function (a, b) {
+                                        if (b)
+                                            while ((b = b.parentNode))
+                                                if (b === a) return !0;
+                                        return !1;
+                                    }),
+                          (B = b
+                              ? function (a, b) {
+                                    if (a === b) return (l = !0), 0;
+                                    var d =
+                                        !a.compareDocumentPosition -
+                                        !b.compareDocumentPosition;
+                                    return d
+                                        ? d
+                                        : ((d =
+                                              (a.ownerDocument || a) ===
+                                              (b.ownerDocument || b)
+                                                  ? a.compareDocumentPosition(b)
+                                                  : 1),
+                                          1 & d ||
+                                          (!c.sortDetached &&
+                                              b.compareDocumentPosition(a) ===
+                                                  d)
+                                              ? a === n ||
+                                                (a.ownerDocument === v &&
+                                                    t(v, a))
+                                                  ? -1
+                                                  : b === n ||
+                                                    (b.ownerDocument === v &&
+                                                        t(v, b))
+                                                  ? 1
+                                                  : k
+                                                  ? J(k, a) - J(k, b)
+                                                  : 0
+                                              : 4 & d
+                                              ? -1
+                                              : 1);
+                                }
+                              : function (a, b) {
+                                    if (a === b) return (l = !0), 0;
+                                    var c,
+                                        d = 0,
+                                        e = a.parentNode,
+                                        f = b.parentNode,
+                                        g = [a],
+                                        h = [b];
+                                    if (!e || !f)
+                                        return a === n
+                                            ? -1
+                                            : b === n
+                                            ? 1
+                                            : e
+                                            ? -1
+                                            : f
+                                            ? 1
+                                            : k
+                                            ? J(k, a) - J(k, b)
+                                            : 0;
+                                    if (e === f) return ka(a, b);
+                                    c = a;
+                                    while ((c = c.parentNode)) g.unshift(c);
+                                    c = b;
+                                    while ((c = c.parentNode)) h.unshift(c);
+                                    while (g[d] === h[d]) d++;
+                                    return d
+                                        ? ka(g[d], h[d])
+                                        : g[d] === v
+                                        ? -1
+                                        : h[d] === v
+                                        ? 1
+                                        : 0;
+                                }),
+                          n)
+                        : n;
+                }),
+            (fa.matches = function (a, b) {
+                return fa(a, null, null, b);
+            }),
+            (fa.matchesSelector = function (a, b) {
+                if (
+                    ((a.ownerDocument || a) !== n && m(a),
+                    (b = b.replace(T, "='$1']")),
+                    c.matchesSelector &&
+                        p &&
+                        !A[b + " "] &&
+                        (!r || !r.test(b)) &&
+                        (!q || !q.test(b)))
+                )
+                    try {
+                        var d = s.call(a, b);
+                        if (
+                            d ||
+                            c.disconnectedMatch ||
+                            (a.document && 11 !== a.document.nodeType)
+                        )
+                            return d;
+                    } catch (e) {}
+                return fa(b, n, null, [a]).length > 0;
+            }),
+            (fa.contains = function (a, b) {
+                return (a.ownerDocument || a) !== n && m(a), t(a, b);
+            }),
+            (fa.attr = function (a, b) {
+                (a.ownerDocument || a) !== n && m(a);
+                var e = d.attrHandle[b.toLowerCase()],
+                    f =
+                        e && D.call(d.attrHandle, b.toLowerCase())
+                            ? e(a, b, !p)
+                            : void 0;
+                return void 0 !== f
+                    ? f
+                    : c.attributes || !p
+                    ? a.getAttribute(b)
+                    : (f = a.getAttributeNode(b)) && f.specified
+                    ? f.value
+                    : null;
+            }),
+            (fa.error = function (a) {
+                throw new Error("Syntax error, unrecognized expression: " + a);
+            }),
+            (fa.uniqueSort = function (a) {
+                var b,
+                    d = [],
+                    e = 0,
+                    f = 0;
+                if (
+                    ((l = !c.detectDuplicates),
+                    (k = !c.sortStable && a.slice(0)),
+                    a.sort(B),
+                    l)
+                ) {
+                    while ((b = a[f++])) b === a[f] && (e = d.push(f));
+                    while (e--) a.splice(d[e], 1);
+                }
+                return (k = null), a;
+            }),
+            (e = fa.getText =
+                function (a) {
+                    var b,
+                        c = "",
+                        d = 0,
+                        f = a.nodeType;
+                    if (f) {
+                        if (1 === f || 9 === f || 11 === f) {
+                            if ("string" == typeof a.textContent)
+                                return a.textContent;
+                            for (a = a.firstChild; a; a = a.nextSibling)
+                                c += e(a);
+                        } else if (3 === f || 4 === f) return a.nodeValue;
+                    } else while ((b = a[d++])) c += e(b);
+                    return c;
+                }),
+            (d = fa.selectors =
+                {
+                    cacheLength: 50,
+                    createPseudo: ha,
+                    match: W,
+                    attrHandle: {},
+                    find: {},
+                    relative: {
+                        ">": { dir: "parentNode", first: !0 },
+                        " ": { dir: "parentNode" },
+                        "+": { dir: "previousSibling", first: !0 },
+                        "~": { dir: "previousSibling" },
+                    },
+                    preFilter: {
+                        ATTR: function (a) {
+                            return (
+                                (a[1] = a[1].replace(ba, ca)),
+                                (a[3] = (a[3] || a[4] || a[5] || "").replace(
+                                    ba,
+                                    ca
+                                )),
+                                "~=" === a[2] && (a[3] = " " + a[3] + " "),
+                                a.slice(0, 4)
+                            );
+                        },
+                        CHILD: function (a) {
+                            return (
+                                (a[1] = a[1].toLowerCase()),
+                                "nth" === a[1].slice(0, 3)
+                                    ? (a[3] || fa.error(a[0]),
+                                      (a[4] = +(a[4]
+                                          ? a[5] + (a[6] || 1)
+                                          : 2 *
+                                            ("even" === a[3] ||
+                                                "odd" === a[3]))),
+                                      (a[5] = +(a[7] + a[8] || "odd" === a[3])))
+                                    : a[3] && fa.error(a[0]),
+                                a
+                            );
+                        },
+                        PSEUDO: function (a) {
+                            var b,
+                                c = !a[6] && a[2];
+                            return W.CHILD.test(a[0])
+                                ? null
+                                : (a[3]
+                                      ? (a[2] = a[4] || a[5] || "")
+                                      : c &&
+                                        U.test(c) &&
+                                        (b = g(c, !0)) &&
+                                        (b =
+                                            c.indexOf(")", c.length - b) -
+                                            c.length) &&
+                                        ((a[0] = a[0].slice(0, b)),
+                                        (a[2] = c.slice(0, b))),
+                                  a.slice(0, 3));
+                        },
+                    },
+                    filter: {
+                        TAG: function (a) {
+                            var b = a.replace(ba, ca).toLowerCase();
+                            return "*" === a
+                                ? function () {
+                                      return !0;
+                                  }
+                                : function (a) {
+                                      return (
+                                          a.nodeName &&
+                                          a.nodeName.toLowerCase() === b
+                                      );
+                                  };
+                        },
+                        CLASS: function (a) {
+                            var b = y[a + " "];
+                            return (
+                                b ||
+                                ((b = new RegExp(
+                                    "(^|" + L + ")" + a + "(" + L + "|$)"
+                                )) &&
+                                    y(a, function (a) {
+                                        return b.test(
+                                            ("string" == typeof a.className &&
+                                                a.className) ||
+                                                ("undefined" !=
+                                                    typeof a.getAttribute &&
+                                                    a.getAttribute("class")) ||
+                                                ""
+                                        );
+                                    }))
+                            );
+                        },
+                        ATTR: function (a, b, c) {
+                            return function (d) {
+                                var e = fa.attr(d, a);
+                                return null == e
+                                    ? "!=" === b
+                                    : b
+                                    ? ((e += ""),
+                                      "=" === b
+                                          ? e === c
+                                          : "!=" === b
+                                          ? e !== c
+                                          : "^=" === b
+                                          ? c && 0 === e.indexOf(c)
+                                          : "*=" === b
+                                          ? c && e.indexOf(c) > -1
+                                          : "$=" === b
+                                          ? c && e.slice(-c.length) === c
+                                          : "~=" === b
+                                          ? (
+                                                " " +
+                                                e.replace(P, " ") +
+                                                " "
+                                            ).indexOf(c) > -1
+                                          : "|=" === b
+                                          ? e === c ||
+                                            e.slice(0, c.length + 1) === c + "-"
+                                          : !1)
+                                    : !0;
+                            };
+                        },
+                        CHILD: function (a, b, c, d, e) {
+                            var f = "nth" !== a.slice(0, 3),
+                                g = "last" !== a.slice(-4),
+                                h = "of-type" === b;
+                            return 1 === d && 0 === e
+                                ? function (a) {
+                                      return !!a.parentNode;
+                                  }
+                                : function (b, c, i) {
+                                      var j,
+                                          k,
+                                          l,
+                                          m,
+                                          n,
+                                          o,
+                                          p =
+                                              f !== g
+                                                  ? "nextSibling"
+                                                  : "previousSibling",
+                                          q = b.parentNode,
+                                          r = h && b.nodeName.toLowerCase(),
+                                          s = !i && !h,
+                                          t = !1;
+                                      if (q) {
+                                          if (f) {
+                                              while (p) {
+                                                  m = b;
+                                                  while ((m = m[p]))
+                                                      if (
+                                                          h
+                                                              ? m.nodeName.toLowerCase() ===
+                                                                r
+                                                              : 1 === m.nodeType
+                                                      )
+                                                          return !1;
+                                                  o = p =
+                                                      "only" === a &&
+                                                      !o &&
+                                                      "nextSibling";
+                                              }
+                                              return !0;
+                                          }
+                                          if (
+                                              ((o = [
+                                                  g
+                                                      ? q.firstChild
+                                                      : q.lastChild,
+                                              ]),
+                                              g && s)
+                                          ) {
+                                              (m = q),
+                                                  (l = m[u] || (m[u] = {})),
+                                                  (k =
+                                                      l[m.uniqueID] ||
+                                                      (l[m.uniqueID] = {})),
+                                                  (j = k[a] || []),
+                                                  (n = j[0] === w && j[1]),
+                                                  (t = n && j[2]),
+                                                  (m = n && q.childNodes[n]);
+                                              while (
+                                                  (m =
+                                                      (++n && m && m[p]) ||
+                                                      (t = n = 0) ||
+                                                      o.pop())
+                                              )
+                                                  if (
+                                                      1 === m.nodeType &&
+                                                      ++t &&
+                                                      m === b
+                                                  ) {
+                                                      k[a] = [w, n, t];
+                                                      break;
+                                                  }
+                                          } else if (
+                                              (s &&
+                                                  ((m = b),
+                                                  (l = m[u] || (m[u] = {})),
+                                                  (k =
+                                                      l[m.uniqueID] ||
+                                                      (l[m.uniqueID] = {})),
+                                                  (j = k[a] || []),
+                                                  (n = j[0] === w && j[1]),
+                                                  (t = n)),
+                                              t === !1)
+                                          )
+                                              while (
+                                                  (m =
+                                                      (++n && m && m[p]) ||
+                                                      (t = n = 0) ||
+                                                      o.pop())
+                                              )
+                                                  if (
+                                                      (h
+                                                          ? m.nodeName.toLowerCase() ===
+                                                            r
+                                                          : 1 === m.nodeType) &&
+                                                      ++t &&
+                                                      (s &&
+                                                          ((l =
+                                                              m[u] ||
+                                                              (m[u] = {})),
+                                                          (k =
+                                                              l[m.uniqueID] ||
+                                                              (l[m.uniqueID] =
+                                                                  {})),
+                                                          (k[a] = [w, t])),
+                                                      m === b)
+                                                  )
+                                                      break;
+                                          return (
+                                              (t -= e),
+                                              t === d ||
+                                                  (t % d === 0 && t / d >= 0)
+                                          );
+                                      }
+                                  };
+                        },
+                        PSEUDO: function (a, b) {
+                            var c,
+                                e =
+                                    d.pseudos[a] ||
+                                    d.setFilters[a.toLowerCase()] ||
+                                    fa.error("unsupported pseudo: " + a);
+                            return e[u]
+                                ? e(b)
+                                : e.length > 1
+                                ? ((c = [a, a, "", b]),
+                                  d.setFilters.hasOwnProperty(a.toLowerCase())
+                                      ? ha(function (a, c) {
+                                            var d,
+                                                f = e(a, b),
+                                                g = f.length;
+                                            while (g--)
+                                                (d = J(a, f[g])),
+                                                    (a[d] = !(c[d] = f[g]));
+                                        })
+                                      : function (a) {
+                                            return e(a, 0, c);
+                                        })
+                                : e;
+                        },
+                    },
+                    pseudos: {
+                        not: ha(function (a) {
+                            var b = [],
+                                c = [],
+                                d = h(a.replace(Q, "$1"));
+                            return d[u]
+                                ? ha(function (a, b, c, e) {
+                                      var f,
+                                          g = d(a, null, e, []),
+                                          h = a.length;
+                                      while (h--)
+                                          (f = g[h]) && (a[h] = !(b[h] = f));
+                                  })
+                                : function (a, e, f) {
+                                      return (
+                                          (b[0] = a),
+                                          d(b, null, f, c),
+                                          (b[0] = null),
+                                          !c.pop()
+                                      );
+                                  };
+                        }),
+                        has: ha(function (a) {
+                            return function (b) {
+                                return fa(a, b).length > 0;
+                            };
+                        }),
+                        contains: ha(function (a) {
+                            return (
+                                (a = a.replace(ba, ca)),
+                                function (b) {
+                                    return (
+                                        (
+                                            b.textContent ||
+                                            b.innerText ||
+                                            e(b)
+                                        ).indexOf(a) > -1
+                                    );
+                                }
+                            );
+                        }),
+                        lang: ha(function (a) {
+                            return (
+                                V.test(a || "") ||
+                                    fa.error("unsupported lang: " + a),
+                                (a = a.replace(ba, ca).toLowerCase()),
+                                function (b) {
+                                    var c;
+                                    do
+                                        if (
+                                            (c = p
+                                                ? b.lang
+                                                : b.getAttribute("xml:lang") ||
+                                                  b.getAttribute("lang"))
+                                        )
+                                            return (
+                                                (c = c.toLowerCase()),
+                                                c === a ||
+                                                    0 === c.indexOf(a + "-")
+                                            );
+                                    while (
+                                        (b = b.parentNode) &&
+                                        1 === b.nodeType
+                                    );
+                                    return !1;
+                                }
+                            );
+                        }),
+                        target: function (b) {
+                            var c = a.location && a.location.hash;
+                            return c && c.slice(1) === b.id;
+                        },
+                        root: function (a) {
+                            return a === o;
+                        },
+                        focus: function (a) {
+                            return (
+                                a === n.activeElement &&
+                                (!n.hasFocus || n.hasFocus()) &&
+                                !!(a.type || a.href || ~a.tabIndex)
+                            );
+                        },
+                        enabled: function (a) {
+                            return a.disabled === !1;
+                        },
+                        disabled: function (a) {
+                            return a.disabled === !0;
+                        },
+                        checked: function (a) {
+                            var b = a.nodeName.toLowerCase();
+                            return (
+                                ("input" === b && !!a.checked) ||
+                                ("option" === b && !!a.selected)
+                            );
+                        },
+                        selected: function (a) {
+                            return (
+                                a.parentNode && a.parentNode.selectedIndex,
+                                a.selected === !0
+                            );
+                        },
+                        empty: function (a) {
+                            for (a = a.firstChild; a; a = a.nextSibling)
+                                if (a.nodeType < 6) return !1;
+                            return !0;
+                        },
+                        parent: function (a) {
+                            return !d.pseudos.empty(a);
+                        },
+                        header: function (a) {
+                            return Y.test(a.nodeName);
+                        },
+                        input: function (a) {
+                            return X.test(a.nodeName);
+                        },
+                        button: function (a) {
+                            var b = a.nodeName.toLowerCase();
+                            return (
+                                ("input" === b && "button" === a.type) ||
+                                "button" === b
+                            );
+                        },
+                        text: function (a) {
+                            var b;
+                            return (
+                                "input" === a.nodeName.toLowerCase() &&
+                                "text" === a.type &&
+                                (null == (b = a.getAttribute("type")) ||
+                                    "text" === b.toLowerCase())
+                            );
+                        },
+                        first: na(function () {
+                            return [0];
+                        }),
+                        last: na(function (a, b) {
+                            return [b - 1];
+                        }),
+                        eq: na(function (a, b, c) {
+                            return [0 > c ? c + b : c];
+                        }),
+                        even: na(function (a, b) {
+                            for (var c = 0; b > c; c += 2) a.push(c);
+                            return a;
+                        }),
+                        odd: na(function (a, b) {
+                            for (var c = 1; b > c; c += 2) a.push(c);
+                            return a;
+                        }),
+                        lt: na(function (a, b, c) {
+                            for (var d = 0 > c ? c + b : c; --d >= 0; )
+                                a.push(d);
+                            return a;
+                        }),
+                        gt: na(function (a, b, c) {
+                            for (var d = 0 > c ? c + b : c; ++d < b; )
+                                a.push(d);
+                            return a;
+                        }),
+                    },
+                }),
+            (d.pseudos.nth = d.pseudos.eq);
+        for (b in {
+            radio: !0,
+            checkbox: !0,
+            file: !0,
+            password: !0,
+            image: !0,
+        })
+            d.pseudos[b] = la(b);
+        for (b in { submit: !0, reset: !0 }) d.pseudos[b] = ma(b);
+        function pa() {}
+        (pa.prototype = d.filters = d.pseudos),
+            (d.setFilters = new pa()),
+            (g = fa.tokenize =
+                function (a, b) {
+                    var c,
+                        e,
+                        f,
+                        g,
+                        h,
+                        i,
+                        j,
+                        k = z[a + " "];
+                    if (k) return b ? 0 : k.slice(0);
+                    (h = a), (i = []), (j = d.preFilter);
+                    while (h) {
+                        (c && !(e = R.exec(h))) ||
+                            (e && (h = h.slice(e[0].length) || h),
+                            i.push((f = []))),
+                            (c = !1),
+                            (e = S.exec(h)) &&
+                                ((c = e.shift()),
+                                f.push({
+                                    value: c,
+                                    type: e[0].replace(Q, " "),
+                                }),
+                                (h = h.slice(c.length)));
+                        for (g in d.filter)
+                            !(e = W[g].exec(h)) ||
+                                (j[g] && !(e = j[g](e))) ||
+                                ((c = e.shift()),
+                                f.push({ value: c, type: g, matches: e }),
+                                (h = h.slice(c.length)));
+                        if (!c) break;
+                    }
+                    return b ? h.length : h ? fa.error(a) : z(a, i).slice(0);
+                });
+        function qa(a) {
+            for (var b = 0, c = a.length, d = ""; c > b; b++) d += a[b].value;
+            return d;
+        }
+        function ra(a, b, c) {
+            var d = b.dir,
+                e = c && "parentNode" === d,
+                f = x++;
+            return b.first
+                ? function (b, c, f) {
+                      while ((b = b[d]))
+                          if (1 === b.nodeType || e) return a(b, c, f);
+                  }
+                : function (b, c, g) {
+                      var h,
+                          i,
+                          j,
+                          k = [w, f];
+                      if (g) {
+                          while ((b = b[d]))
+                              if ((1 === b.nodeType || e) && a(b, c, g))
+                                  return !0;
+                      } else
+                          while ((b = b[d]))
+                              if (1 === b.nodeType || e) {
+                                  if (
+                                      ((j = b[u] || (b[u] = {})),
+                                      (i =
+                                          j[b.uniqueID] ||
+                                          (j[b.uniqueID] = {})),
+                                      (h = i[d]) && h[0] === w && h[1] === f)
+                                  )
+                                      return (k[2] = h[2]);
+                                  if (((i[d] = k), (k[2] = a(b, c, g))))
+                                      return !0;
+                              }
+                  };
+        }
+        function sa(a) {
+            return a.length > 1
+                ? function (b, c, d) {
+                      var e = a.length;
+                      while (e--) if (!a[e](b, c, d)) return !1;
+                      return !0;
+                  }
+                : a[0];
+        }
+        function ta(a, b, c) {
+            for (var d = 0, e = b.length; e > d; d++) fa(a, b[d], c);
+            return c;
+        }
+        function ua(a, b, c, d, e) {
+            for (var f, g = [], h = 0, i = a.length, j = null != b; i > h; h++)
+                (f = a[h]) &&
+                    ((c && !c(f, d, e)) || (g.push(f), j && b.push(h)));
+            return g;
+        }
+        function va(a, b, c, d, e, f) {
+            return (
+                d && !d[u] && (d = va(d)),
+                e && !e[u] && (e = va(e, f)),
+                ha(function (f, g, h, i) {
+                    var j,
+                        k,
+                        l,
+                        m = [],
+                        n = [],
+                        o = g.length,
+                        p = f || ta(b || "*", h.nodeType ? [h] : h, []),
+                        q = !a || (!f && b) ? p : ua(p, m, a, h, i),
+                        r = c ? (e || (f ? a : o || d) ? [] : g) : q;
+                    if ((c && c(q, r, h, i), d)) {
+                        (j = ua(r, n)), d(j, [], h, i), (k = j.length);
+                        while (k--) (l = j[k]) && (r[n[k]] = !(q[n[k]] = l));
+                    }
+                    if (f) {
+                        if (e || a) {
+                            if (e) {
+                                (j = []), (k = r.length);
+                                while (k--) (l = r[k]) && j.push((q[k] = l));
+                                e(null, (r = []), j, i);
+                            }
+                            k = r.length;
+                            while (k--)
+                                (l = r[k]) &&
+                                    (j = e ? J(f, l) : m[k]) > -1 &&
+                                    (f[j] = !(g[j] = l));
+                        }
+                    } else (r = ua(r === g ? r.splice(o, r.length) : r)), e ? e(null, g, r, i) : H.apply(g, r);
+                })
+            );
+        }
+        function wa(a) {
+            for (
+                var b,
+                    c,
+                    e,
+                    f = a.length,
+                    g = d.relative[a[0].type],
+                    h = g || d.relative[" "],
+                    i = g ? 1 : 0,
+                    k = ra(
+                        function (a) {
+                            return a === b;
+                        },
+                        h,
+                        !0
+                    ),
+                    l = ra(
+                        function (a) {
+                            return J(b, a) > -1;
+                        },
+                        h,
+                        !0
+                    ),
+                    m = [
+                        function (a, c, d) {
+                            var e =
+                                (!g && (d || c !== j)) ||
+                                ((b = c).nodeType ? k(a, c, d) : l(a, c, d));
+                            return (b = null), e;
+                        },
+                    ];
+                f > i;
+                i++
+            )
+                if ((c = d.relative[a[i].type])) m = [ra(sa(m), c)];
+                else {
+                    if (
+                        ((c = d.filter[a[i].type].apply(null, a[i].matches)),
+                        c[u])
+                    ) {
+                        for (e = ++i; f > e; e++)
+                            if (d.relative[a[e].type]) break;
+                        return va(
+                            i > 1 && sa(m),
+                            i > 1 &&
+                                qa(
+                                    a.slice(0, i - 1).concat({
+                                        value: " " === a[i - 2].type ? "*" : "",
+                                    })
+                                ).replace(Q, "$1"),
+                            c,
+                            e > i && wa(a.slice(i, e)),
+                            f > e && wa((a = a.slice(e))),
+                            f > e && qa(a)
+                        );
+                    }
+                    m.push(c);
+                }
+            return sa(m);
+        }
+        function xa(a, b) {
+            var c = b.length > 0,
+                e = a.length > 0,
+                f = function (f, g, h, i, k) {
+                    var l,
+                        o,
+                        q,
+                        r = 0,
+                        s = "0",
+                        t = f && [],
+                        u = [],
+                        v = j,
+                        x = f || (e && d.find.TAG("*", k)),
+                        y = (w += null == v ? 1 : Math.random() || 0.1),
+                        z = x.length;
+                    for (
+                        k && (j = g === n || g || k);
+                        s !== z && null != (l = x[s]);
+                        s++
+                    ) {
+                        if (e && l) {
+                            (o = 0),
+                                g || l.ownerDocument === n || (m(l), (h = !p));
+                            while ((q = a[o++]))
+                                if (q(l, g || n, h)) {
+                                    i.push(l);
+                                    break;
+                                }
+                            k && (w = y);
+                        }
+                        c && ((l = !q && l) && r--, f && t.push(l));
+                    }
+                    if (((r += s), c && s !== r)) {
+                        o = 0;
+                        while ((q = b[o++])) q(t, u, g, h);
+                        if (f) {
+                            if (r > 0)
+                                while (s--) t[s] || u[s] || (u[s] = F.call(i));
+                            u = ua(u);
+                        }
+                        H.apply(i, u),
+                            k &&
+                                !f &&
+                                u.length > 0 &&
+                                r + b.length > 1 &&
+                                fa.uniqueSort(i);
+                    }
+                    return k && ((w = y), (j = v)), t;
+                };
+            return c ? ha(f) : f;
+        }
+        return (
+            (h = fa.compile =
+                function (a, b) {
+                    var c,
+                        d = [],
+                        e = [],
+                        f = A[a + " "];
+                    if (!f) {
+                        b || (b = g(a)), (c = b.length);
+                        while (c--)
+                            (f = wa(b[c])), f[u] ? d.push(f) : e.push(f);
+                        (f = A(a, xa(e, d))), (f.selector = a);
+                    }
+                    return f;
+                }),
+            (i = fa.select =
+                function (a, b, e, f) {
+                    var i,
+                        j,
+                        k,
+                        l,
+                        m,
+                        n = "function" == typeof a && a,
+                        o = !f && g((a = n.selector || a));
+                    if (((e = e || []), 1 === o.length)) {
+                        if (
+                            ((j = o[0] = o[0].slice(0)),
+                            j.length > 2 &&
+                                "ID" === (k = j[0]).type &&
+                                c.getById &&
+                                9 === b.nodeType &&
+                                p &&
+                                d.relative[j[1].type])
+                        ) {
+                            if (
+                                ((b = (d.find.ID(
+                                    k.matches[0].replace(ba, ca),
+                                    b
+                                ) || [])[0]),
+                                !b)
+                            )
+                                return e;
+                            n && (b = b.parentNode),
+                                (a = a.slice(j.shift().value.length));
+                        }
+                        i = W.needsContext.test(a) ? 0 : j.length;
+                        while (i--) {
+                            if (((k = j[i]), d.relative[(l = k.type)])) break;
+                            if (
+                                (m = d.find[l]) &&
+                                (f = m(
+                                    k.matches[0].replace(ba, ca),
+                                    (_.test(j[0].type) && oa(b.parentNode)) || b
+                                ))
+                            ) {
+                                if (
+                                    (j.splice(i, 1),
+                                    (a = f.length && qa(j)),
+                                    !a)
+                                )
+                                    return H.apply(e, f), e;
+                                break;
+                            }
+                        }
+                    }
+                    return (
+                        (n || h(a, o))(
+                            f,
+                            b,
+                            !p,
+                            e,
+                            !b || (_.test(a) && oa(b.parentNode)) || b
+                        ),
+                        e
+                    );
+                }),
+            (c.sortStable = u.split("").sort(B).join("") === u),
+            (c.detectDuplicates = !!l),
+            m(),
+            (c.sortDetached = ia(function (a) {
+                return 1 & a.compareDocumentPosition(n.createElement("div"));
+            })),
+            ia(function (a) {
+                return (
+                    (a.innerHTML = "<a href='#'></a>"),
+                    "#" === a.firstChild.getAttribute("href")
+                );
+            }) ||
+                ja("type|href|height|width", function (a, b, c) {
+                    return c
+                        ? void 0
+                        : a.getAttribute(b, "type" === b.toLowerCase() ? 1 : 2);
+                }),
+            (c.attributes &&
+                ia(function (a) {
+                    return (
+                        (a.innerHTML = "<input/>"),
+                        a.firstChild.setAttribute("value", ""),
+                        "" === a.firstChild.getAttribute("value")
+                    );
+                })) ||
+                ja("value", function (a, b, c) {
+                    return c || "input" !== a.nodeName.toLowerCase()
+                        ? void 0
+                        : a.defaultValue;
+                }),
+            ia(function (a) {
+                return null == a.getAttribute("disabled");
+            }) ||
+                ja(K, function (a, b, c) {
+                    var d;
+                    return c
+                        ? void 0
+                        : a[b] === !0
+                        ? b.toLowerCase()
+                        : (d = a.getAttributeNode(b)) && d.specified
+                        ? d.value
+                        : null;
+                }),
+            fa
+        );
+    })(a);
+    (n.find = t),
+        (n.expr = t.selectors),
+        (n.expr[":"] = n.expr.pseudos),
+        (n.uniqueSort = n.unique = t.uniqueSort),
+        (n.text = t.getText),
+        (n.isXMLDoc = t.isXML),
+        (n.contains = t.contains);
+    var u = function (a, b, c) {
+            var d = [],
+                e = void 0 !== c;
+            while ((a = a[b]) && 9 !== a.nodeType)
+                if (1 === a.nodeType) {
+                    if (e && n(a).is(c)) break;
+                    d.push(a);
+                }
+            return d;
+        },
+        v = function (a, b) {
+            for (var c = []; a; a = a.nextSibling)
+                1 === a.nodeType && a !== b && c.push(a);
+            return c;
+        },
+        w = n.expr.match.needsContext,
+        x = /^<([\w-]+)\s*\/?>(?:<\/\1>|)$/,
+        y = /^.[^:#\[\.,]*$/;
+    function z(a, b, c) {
+        if (n.isFunction(b))
+            return n.grep(a, function (a, d) {
+                return !!b.call(a, d, a) !== c;
+            });
+        if (b.nodeType)
+            return n.grep(a, function (a) {
+                return (a === b) !== c;
+            });
+        if ("string" == typeof b) {
+            if (y.test(b)) return n.filter(b, a, c);
+            b = n.filter(b, a);
+        }
+        return n.grep(a, function (a) {
+            return h.call(b, a) > -1 !== c;
+        });
+    }
+    (n.filter = function (a, b, c) {
+        var d = b[0];
+        return (
+            c && (a = ":not(" + a + ")"),
+            1 === b.length && 1 === d.nodeType
+                ? n.find.matchesSelector(d, a)
+                    ? [d]
+                    : []
+                : n.find.matches(
+                      a,
+                      n.grep(b, function (a) {
+                          return 1 === a.nodeType;
+                      })
+                  )
+        );
+    }),
+        n.fn.extend({
+            find: function (a) {
+                var b,
+                    c = this.length,
+                    d = [],
+                    e = this;
+                if ("string" != typeof a)
+                    return this.pushStack(
+                        n(a).filter(function () {
+                            for (b = 0; c > b; b++)
+                                if (n.contains(e[b], this)) return !0;
+                        })
+                    );
+                for (b = 0; c > b; b++) n.find(a, e[b], d);
+                return (
+                    (d = this.pushStack(c > 1 ? n.unique(d) : d)),
+                    (d.selector = this.selector ? this.selector + " " + a : a),
+                    d
+                );
+            },
+            filter: function (a) {
+                return this.pushStack(z(this, a || [], !1));
+            },
+            not: function (a) {
+                return this.pushStack(z(this, a || [], !0));
+            },
+            is: function (a) {
+                return !!z(
+                    this,
+                    "string" == typeof a && w.test(a) ? n(a) : a || [],
+                    !1
+                ).length;
+            },
+        });
+    var A,
+        B = /^(?:\s*(<[\w\W]+>)[^>]*|#([\w-]*))$/,
+        C = (n.fn.init = function (a, b, c) {
+            var e, f;
+            if (!a) return this;
+            if (((c = c || A), "string" == typeof a)) {
+                if (
+                    ((e =
+                        "<" === a[0] && ">" === a[a.length - 1] && a.length >= 3
+                            ? [null, a, null]
+                            : B.exec(a)),
+                    !e || (!e[1] && b))
+                )
+                    return !b || b.jquery
+                        ? (b || c).find(a)
+                        : this.constructor(b).find(a);
+                if (e[1]) {
+                    if (
+                        ((b = b instanceof n ? b[0] : b),
+                        n.merge(
+                            this,
+                            n.parseHTML(
+                                e[1],
+                                b && b.nodeType ? b.ownerDocument || b : d,
+                                !0
+                            )
+                        ),
+                        x.test(e[1]) && n.isPlainObject(b))
+                    )
+                        for (e in b)
+                            n.isFunction(this[e])
+                                ? this[e](b[e])
+                                : this.attr(e, b[e]);
+                    return this;
+                }
+                return (
+                    (f = d.getElementById(e[2])),
+                    f && f.parentNode && ((this.length = 1), (this[0] = f)),
+                    (this.context = d),
+                    (this.selector = a),
+                    this
+                );
+            }
+            return a.nodeType
+                ? ((this.context = this[0] = a), (this.length = 1), this)
+                : n.isFunction(a)
+                ? void 0 !== c.ready
+                    ? c.ready(a)
+                    : a(n)
+                : (void 0 !== a.selector &&
+                      ((this.selector = a.selector),
+                      (this.context = a.context)),
+                  n.makeArray(a, this));
+        });
+    (C.prototype = n.fn), (A = n(d));
+    var D = /^(?:parents|prev(?:Until|All))/,
+        E = { children: !0, contents: !0, next: !0, prev: !0 };
+    n.fn.extend({
+        has: function (a) {
+            var b = n(a, this),
+                c = b.length;
+            return this.filter(function () {
+                for (var a = 0; c > a; a++)
+                    if (n.contains(this, b[a])) return !0;
+            });
+        },
+        closest: function (a, b) {
+            for (
+                var c,
+                    d = 0,
+                    e = this.length,
+                    f = [],
+                    g =
+                        w.test(a) || "string" != typeof a
+                            ? n(a, b || this.context)
+                            : 0;
+                e > d;
+                d++
+            )
+                for (c = this[d]; c && c !== b; c = c.parentNode)
+                    if (
+                        c.nodeType < 11 &&
+                        (g
+                            ? g.index(c) > -1
+                            : 1 === c.nodeType && n.find.matchesSelector(c, a))
+                    ) {
+                        f.push(c);
+                        break;
+                    }
+            return this.pushStack(f.length > 1 ? n.uniqueSort(f) : f);
+        },
+        index: function (a) {
+            return a
+                ? "string" == typeof a
+                    ? h.call(n(a), this[0])
+                    : h.call(this, a.jquery ? a[0] : a)
+                : this[0] && this[0].parentNode
+                ? this.first().prevAll().length
+                : -1;
+        },
+        add: function (a, b) {
+            return this.pushStack(n.uniqueSort(n.merge(this.get(), n(a, b))));
+        },
+        addBack: function (a) {
+            return this.add(
+                null == a ? this.prevObject : this.prevObject.filter(a)
+            );
+        },
+    });
+    function F(a, b) {
+        while ((a = a[b]) && 1 !== a.nodeType);
+        return a;
+    }
+    n.each(
+        {
+            parent: function (a) {
+                var b = a.parentNode;
+                return b && 11 !== b.nodeType ? b : null;
+            },
+            parents: function (a) {
+                return u(a, "parentNode");
+            },
+            parentsUntil: function (a, b, c) {
+                return u(a, "parentNode", c);
+            },
+            next: function (a) {
+                return F(a, "nextSibling");
+            },
+            prev: function (a) {
+                return F(a, "previousSibling");
+            },
+            nextAll: function (a) {
+                return u(a, "nextSibling");
+            },
+            prevAll: function (a) {
+                return u(a, "previousSibling");
+            },
+            nextUntil: function (a, b, c) {
+                return u(a, "nextSibling", c);
+            },
+            prevUntil: function (a, b, c) {
+                return u(a, "previousSibling", c);
+            },
+            siblings: function (a) {
+                return v((a.parentNode || {}).firstChild, a);
+            },
+            children: function (a) {
+                return v(a.firstChild);
+            },
+            contents: function (a) {
+                return a.contentDocument || n.merge([], a.childNodes);
+            },
+        },
+        function (a, b) {
+            n.fn[a] = function (c, d) {
+                var e = n.map(this, b, c);
+                return (
+                    "Until" !== a.slice(-5) && (d = c),
+                    d && "string" == typeof d && (e = n.filter(d, e)),
+                    this.length > 1 &&
+                        (E[a] || n.uniqueSort(e), D.test(a) && e.reverse()),
+                    this.pushStack(e)
+                );
+            };
+        }
+    );
+    var G = /\S+/g;
+    function H(a) {
+        var b = {};
+        return (
+            n.each(a.match(G) || [], function (a, c) {
+                b[c] = !0;
+            }),
+            b
+        );
+    }
+    (n.Callbacks = function (a) {
+        a = "string" == typeof a ? H(a) : n.extend({}, a);
+        var b,
+            c,
+            d,
+            e,
+            f = [],
+            g = [],
+            h = -1,
+            i = function () {
+                for (e = a.once, d = b = !0; g.length; h = -1) {
+                    c = g.shift();
+                    while (++h < f.length)
+                        f[h].apply(c[0], c[1]) === !1 &&
+                            a.stopOnFalse &&
+                            ((h = f.length), (c = !1));
+                }
+                a.memory || (c = !1), (b = !1), e && (f = c ? [] : "");
+            },
+            j = {
+                add: function () {
+                    return (
+                        f &&
+                            (c && !b && ((h = f.length - 1), g.push(c)),
+                            (function d(b) {
+                                n.each(b, function (b, c) {
+                                    n.isFunction(c)
+                                        ? (a.unique && j.has(c)) || f.push(c)
+                                        : c &&
+                                          c.length &&
+                                          "string" !== n.type(c) &&
+                                          d(c);
+                                });
+                            })(arguments),
+                            c && !b && i()),
+                        this
+                    );
+                },
+                remove: function () {
+                    return (
+                        n.each(arguments, function (a, b) {
+                            var c;
+                            while ((c = n.inArray(b, f, c)) > -1)
+                                f.splice(c, 1), h >= c && h--;
+                        }),
+                        this
+                    );
+                },
+                has: function (a) {
+                    return a ? n.inArray(a, f) > -1 : f.length > 0;
+                },
+                empty: function () {
+                    return f && (f = []), this;
+                },
+                disable: function () {
+                    return (e = g = []), (f = c = ""), this;
+                },
+                disabled: function () {
+                    return !f;
+                },
+                lock: function () {
+                    return (e = g = []), c || (f = c = ""), this;
+                },
+                locked: function () {
+                    return !!e;
+                },
+                fireWith: function (a, c) {
+                    return (
+                        e ||
+                            ((c = c || []),
+                            (c = [a, c.slice ? c.slice() : c]),
+                            g.push(c),
+                            b || i()),
+                        this
+                    );
+                },
+                fire: function () {
+                    return j.fireWith(this, arguments), this;
+                },
+                fired: function () {
+                    return !!d;
+                },
+            };
+        return j;
+    }),
+        n.extend({
+            Deferred: function (a) {
+                var b = [
+                        [
+                            "resolve",
+                            "done",
+                            n.Callbacks("once memory"),
+                            "resolved",
+                        ],
+                        [
+                            "reject",
+                            "fail",
+                            n.Callbacks("once memory"),
+                            "rejected",
+                        ],
+                        ["notify", "progress", n.Callbacks("memory")],
+                    ],
+                    c = "pending",
+                    d = {
+                        state: function () {
+                            return c;
+                        },
+                        always: function () {
+                            return e.done(arguments).fail(arguments), this;
+                        },
+                        then: function () {
+                            var a = arguments;
+                            return n
+                                .Deferred(function (c) {
+                                    n.each(b, function (b, f) {
+                                        var g = n.isFunction(a[b]) && a[b];
+                                        e[f[1]](function () {
+                                            var a =
+                                                g && g.apply(this, arguments);
+                                            a && n.isFunction(a.promise)
+                                                ? a
+                                                      .promise()
+                                                      .progress(c.notify)
+                                                      .done(c.resolve)
+                                                      .fail(c.reject)
+                                                : c[f[0] + "With"](
+                                                      this === d
+                                                          ? c.promise()
+                                                          : this,
+                                                      g ? [a] : arguments
+                                                  );
+                                        });
+                                    }),
+                                        (a = null);
+                                })
+                                .promise();
+                        },
+                        promise: function (a) {
+                            return null != a ? n.extend(a, d) : d;
+                        },
+                    },
+                    e = {};
+                return (
+                    (d.pipe = d.then),
+                    n.each(b, function (a, f) {
+                        var g = f[2],
+                            h = f[3];
+                        (d[f[1]] = g.add),
+                            h &&
+                                g.add(
+                                    function () {
+                                        c = h;
+                                    },
+                                    b[1 ^ a][2].disable,
+                                    b[2][2].lock
+                                ),
+                            (e[f[0]] = function () {
+                                return (
+                                    e[f[0] + "With"](
+                                        this === e ? d : this,
+                                        arguments
+                                    ),
+                                    this
+                                );
+                            }),
+                            (e[f[0] + "With"] = g.fireWith);
+                    }),
+                    d.promise(e),
+                    a && a.call(e, e),
+                    e
+                );
+            },
+            when: function (a) {
+                var b = 0,
+                    c = e.call(arguments),
+                    d = c.length,
+                    f = 1 !== d || (a && n.isFunction(a.promise)) ? d : 0,
+                    g = 1 === f ? a : n.Deferred(),
+                    h = function (a, b, c) {
+                        return function (d) {
+                            (b[a] = this),
+                                (c[a] =
+                                    arguments.length > 1
+                                        ? e.call(arguments)
+                                        : d),
+                                c === i
+                                    ? g.notifyWith(b, c)
+                                    : --f || g.resolveWith(b, c);
+                        };
+                    },
+                    i,
+                    j,
+                    k;
+                if (d > 1)
+                    for (
+                        i = new Array(d), j = new Array(d), k = new Array(d);
+                        d > b;
+                        b++
+                    )
+                        c[b] && n.isFunction(c[b].promise)
+                            ? c[b]
+                                  .promise()
+                                  .progress(h(b, j, i))
+                                  .done(h(b, k, c))
+                                  .fail(g.reject)
+                            : --f;
+                return f || g.resolveWith(k, c), g.promise();
+            },
+        });
+    var I;
+    (n.fn.ready = function (a) {
+        return n.ready.promise().done(a), this;
+    }),
+        n.extend({
+            isReady: !1,
+            readyWait: 1,
+            holdReady: function (a) {
+                a ? n.readyWait++ : n.ready(!0);
+            },
+            ready: function (a) {
+                (a === !0 ? --n.readyWait : n.isReady) ||
+                    ((n.isReady = !0),
+                    (a !== !0 && --n.readyWait > 0) ||
+                        (I.resolveWith(d, [n]),
+                        n.fn.triggerHandler &&
+                            (n(d).triggerHandler("ready"), n(d).off("ready"))));
+            },
+        });
+    function J() {
+        d.removeEventListener("DOMContentLoaded", J),
+            a.removeEventListener("load", J),
+            n.ready();
+    }
+    (n.ready.promise = function (b) {
+        return (
+            I ||
+                ((I = n.Deferred()),
+                "complete" === d.readyState ||
+                ("loading" !== d.readyState && !d.documentElement.doScroll)
+                    ? a.setTimeout(n.ready)
+                    : (d.addEventListener("DOMContentLoaded", J),
+                      a.addEventListener("load", J))),
+            I.promise(b)
+        );
+    }),
+        n.ready.promise();
+    var K = function (a, b, c, d, e, f, g) {
+            var h = 0,
+                i = a.length,
+                j = null == c;
+            if ("object" === n.type(c)) {
+                e = !0;
+                for (h in c) K(a, b, h, c[h], !0, f, g);
+            } else if (
+                void 0 !== d &&
+                ((e = !0),
+                n.isFunction(d) || (g = !0),
+                j &&
+                    (g
+                        ? (b.call(a, d), (b = null))
+                        : ((j = b),
+                          (b = function (a, b, c) {
+                              return j.call(n(a), c);
+                          }))),
+                b)
+            )
+                for (; i > h; h++)
+                    b(a[h], c, g ? d : d.call(a[h], h, b(a[h], c)));
+            return e ? a : j ? b.call(a) : i ? b(a[0], c) : f;
+        },
+        L = function (a) {
+            return 1 === a.nodeType || 9 === a.nodeType || !+a.nodeType;
+        };
+    function M() {
+        this.expando = n.expando + M.uid++;
+    }
+    (M.uid = 1),
+        (M.prototype = {
+            register: function (a, b) {
+                var c = b || {};
+                return (
+                    a.nodeType
+                        ? (a[this.expando] = c)
+                        : Object.defineProperty(a, this.expando, {
+                              value: c,
+                              writable: !0,
+                              configurable: !0,
+                          }),
+                    a[this.expando]
+                );
+            },
+            cache: function (a) {
+                if (!L(a)) return {};
+                var b = a[this.expando];
+                return (
+                    b ||
+                        ((b = {}),
+                        L(a) &&
+                            (a.nodeType
+                                ? (a[this.expando] = b)
+                                : Object.defineProperty(a, this.expando, {
+                                      value: b,
+                                      configurable: !0,
+                                  }))),
+                    b
+                );
+            },
+            set: function (a, b, c) {
+                var d,
+                    e = this.cache(a);
+                if ("string" == typeof b) e[b] = c;
+                else for (d in b) e[d] = b[d];
+                return e;
+            },
+            get: function (a, b) {
+                return void 0 === b
+                    ? this.cache(a)
+                    : a[this.expando] && a[this.expando][b];
+            },
+            access: function (a, b, c) {
+                var d;
+                return void 0 === b ||
+                    (b && "string" == typeof b && void 0 === c)
+                    ? ((d = this.get(a, b)),
+                      void 0 !== d ? d : this.get(a, n.camelCase(b)))
+                    : (this.set(a, b, c), void 0 !== c ? c : b);
+            },
+            remove: function (a, b) {
+                var c,
+                    d,
+                    e,
+                    f = a[this.expando];
+                if (void 0 !== f) {
+                    if (void 0 === b) this.register(a);
+                    else {
+                        n.isArray(b)
+                            ? (d = b.concat(b.map(n.camelCase)))
+                            : ((e = n.camelCase(b)),
+                              b in f
+                                  ? (d = [b, e])
+                                  : ((d = e),
+                                    (d = d in f ? [d] : d.match(G) || []))),
+                            (c = d.length);
+                        while (c--) delete f[d[c]];
+                    }
+                    (void 0 === b || n.isEmptyObject(f)) &&
+                        (a.nodeType
+                            ? (a[this.expando] = void 0)
+                            : delete a[this.expando]);
+                }
+            },
+            hasData: function (a) {
+                var b = a[this.expando];
+                return void 0 !== b && !n.isEmptyObject(b);
+            },
+        });
+    var N = new M(),
+        O = new M(),
+        P = /^(?:\{[\w\W]*\}|\[[\w\W]*\])$/,
+        Q = /[A-Z]/g;
+    function R(a, b, c) {
+        var d;
+        if (void 0 === c && 1 === a.nodeType)
+            if (
+                ((d = "data-" + b.replace(Q, "-$&").toLowerCase()),
+                (c = a.getAttribute(d)),
+                "string" == typeof c)
+            ) {
+                try {
+                    c =
+                        "true" === c
+                            ? !0
+                            : "false" === c
+                            ? !1
+                            : "null" === c
+                            ? null
+                            : +c + "" === c
+                            ? +c
+                            : P.test(c)
+                            ? n.parseJSON(c)
+                            : c;
+                } catch (e) {}
+                O.set(a, b, c);
+            } else c = void 0;
+        return c;
+    }
+    n.extend({
+        hasData: function (a) {
+            return O.hasData(a) || N.hasData(a);
+        },
+        data: function (a, b, c) {
+            return O.access(a, b, c);
+        },
+        removeData: function (a, b) {
+            O.remove(a, b);
+        },
+        _data: function (a, b, c) {
+            return N.access(a, b, c);
+        },
+        _removeData: function (a, b) {
+            N.remove(a, b);
+        },
+    }),
+        n.fn.extend({
+            data: function (a, b) {
+                var c,
+                    d,
+                    e,
+                    f = this[0],
+                    g = f && f.attributes;
+                if (void 0 === a) {
+                    if (
+                        this.length &&
+                        ((e = O.get(f)),
+                        1 === f.nodeType && !N.get(f, "hasDataAttrs"))
+                    ) {
+                        c = g.length;
+                        while (c--)
+                            g[c] &&
+                                ((d = g[c].name),
+                                0 === d.indexOf("data-") &&
+                                    ((d = n.camelCase(d.slice(5))),
+                                    R(f, d, e[d])));
+                        N.set(f, "hasDataAttrs", !0);
+                    }
+                    return e;
+                }
+                return "object" == typeof a
+                    ? this.each(function () {
+                          O.set(this, a);
+                      })
+                    : K(
+                          this,
+                          function (b) {
+                              var c, d;
+                              if (f && void 0 === b) {
+                                  if (
+                                      ((c =
+                                          O.get(f, a) ||
+                                          O.get(
+                                              f,
+                                              a.replace(Q, "-$&").toLowerCase()
+                                          )),
+                                      void 0 !== c)
+                                  )
+                                      return c;
+                                  if (
+                                      ((d = n.camelCase(a)),
+                                      (c = O.get(f, d)),
+                                      void 0 !== c)
+                                  )
+                                      return c;
+                                  if (((c = R(f, d, void 0)), void 0 !== c))
+                                      return c;
+                              } else
+                                  (d = n.camelCase(a)),
+                                      this.each(function () {
+                                          var c = O.get(this, d);
+                                          O.set(this, d, b),
+                                              a.indexOf("-") > -1 &&
+                                                  void 0 !== c &&
+                                                  O.set(this, a, b);
+                                      });
+                          },
+                          null,
+                          b,
+                          arguments.length > 1,
+                          null,
+                          !0
+                      );
+            },
+            removeData: function (a) {
+                return this.each(function () {
+                    O.remove(this, a);
+                });
+            },
+        }),
+        n.extend({
+            queue: function (a, b, c) {
+                var d;
+                return a
+                    ? ((b = (b || "fx") + "queue"),
+                      (d = N.get(a, b)),
+                      c &&
+                          (!d || n.isArray(c)
+                              ? (d = N.access(a, b, n.makeArray(c)))
+                              : d.push(c)),
+                      d || [])
+                    : void 0;
+            },
+            dequeue: function (a, b) {
+                b = b || "fx";
+                var c = n.queue(a, b),
+                    d = c.length,
+                    e = c.shift(),
+                    f = n._queueHooks(a, b),
+                    g = function () {
+                        n.dequeue(a, b);
+                    };
+                "inprogress" === e && ((e = c.shift()), d--),
+                    e &&
+                        ("fx" === b && c.unshift("inprogress"),
+                        delete f.stop,
+                        e.call(a, g, f)),
+                    !d && f && f.empty.fire();
+            },
+            _queueHooks: function (a, b) {
+                var c = b + "queueHooks";
+                return (
+                    N.get(a, c) ||
+                    N.access(a, c, {
+                        empty: n.Callbacks("once memory").add(function () {
+                            N.remove(a, [b + "queue", c]);
+                        }),
+                    })
+                );
+            },
+        }),
+        n.fn.extend({
+            queue: function (a, b) {
+                var c = 2;
+                return (
+                    "string" != typeof a && ((b = a), (a = "fx"), c--),
+                    arguments.length < c
+                        ? n.queue(this[0], a)
+                        : void 0 === b
+                        ? this
+                        : this.each(function () {
+                              var c = n.queue(this, a, b);
+                              n._queueHooks(this, a),
+                                  "fx" === a &&
+                                      "inprogress" !== c[0] &&
+                                      n.dequeue(this, a);
+                          })
+                );
+            },
+            dequeue: function (a) {
+                return this.each(function () {
+                    n.dequeue(this, a);
+                });
+            },
+            clearQueue: function (a) {
+                return this.queue(a || "fx", []);
+            },
+            promise: function (a, b) {
+                var c,
+                    d = 1,
+                    e = n.Deferred(),
+                    f = this,
+                    g = this.length,
+                    h = function () {
+                        --d || e.resolveWith(f, [f]);
+                    };
+                "string" != typeof a && ((b = a), (a = void 0)),
+                    (a = a || "fx");
+                while (g--)
+                    (c = N.get(f[g], a + "queueHooks")),
+                        c && c.empty && (d++, c.empty.add(h));
+                return h(), e.promise(b);
+            },
+        });
+    var S = /[+-]?(?:\d*\.|)\d+(?:[eE][+-]?\d+|)/.source,
+        T = new RegExp("^(?:([+-])=|)(" + S + ")([a-z%]*)$", "i"),
+        U = ["Top", "Right", "Bottom", "Left"],
+        V = function (a, b) {
+            return (
+                (a = b || a),
+                "none" === n.css(a, "display") ||
+                    !n.contains(a.ownerDocument, a)
+            );
+        };
+    function W(a, b, c, d) {
+        var e,
+            f = 1,
+            g = 20,
+            h = d
+                ? function () {
+                      return d.cur();
+                  }
+                : function () {
+                      return n.css(a, b, "");
+                  },
+            i = h(),
+            j = (c && c[3]) || (n.cssNumber[b] ? "" : "px"),
+            k = (n.cssNumber[b] || ("px" !== j && +i)) && T.exec(n.css(a, b));
+        if (k && k[3] !== j) {
+            (j = j || k[3]), (c = c || []), (k = +i || 1);
+            do (f = f || ".5"), (k /= f), n.style(a, b, k + j);
+            while (f !== (f = h() / i) && 1 !== f && --g);
+        }
+        return (
+            c &&
+                ((k = +k || +i || 0),
+                (e = c[1] ? k + (c[1] + 1) * c[2] : +c[2]),
+                d && ((d.unit = j), (d.start = k), (d.end = e))),
+            e
+        );
+    }
+    var X = /^(?:checkbox|radio)$/i,
+        Y = /<([\w:-]+)/,
+        Z = /^$|\/(?:java|ecma)script/i,
+        $ = {
+            option: [1, "<select multiple='multiple'>", "</select>"],
+            thead: [1, "<table>", "</table>"],
+            col: [2, "<table><colgroup>", "</colgroup></table>"],
+            tr: [2, "<table><tbody>", "</tbody></table>"],
+            td: [3, "<table><tbody><tr>", "</tr></tbody></table>"],
+            _default: [0, "", ""],
+        };
+    ($.optgroup = $.option),
+        ($.tbody = $.tfoot = $.colgroup = $.caption = $.thead),
+        ($.th = $.td);
+    function _(a, b) {
+        var c =
+            "undefined" != typeof a.getElementsByTagName
+                ? a.getElementsByTagName(b || "*")
+                : "undefined" != typeof a.querySelectorAll
+                ? a.querySelectorAll(b || "*")
+                : [];
+        return void 0 === b || (b && n.nodeName(a, b)) ? n.merge([a], c) : c;
+    }
+    function aa(a, b) {
+        for (var c = 0, d = a.length; d > c; c++)
+            N.set(a[c], "globalEval", !b || N.get(b[c], "globalEval"));
+    }
+    var ba = /<|&#?\w+;/;
+    function ca(a, b, c, d, e) {
+        for (
+            var f,
+                g,
+                h,
+                i,
+                j,
+                k,
+                l = b.createDocumentFragment(),
+                m = [],
+                o = 0,
+                p = a.length;
+            p > o;
+            o++
+        )
+            if (((f = a[o]), f || 0 === f))
+                if ("object" === n.type(f)) n.merge(m, f.nodeType ? [f] : f);
+                else if (ba.test(f)) {
+                    (g = g || l.appendChild(b.createElement("div"))),
+                        (h = (Y.exec(f) || ["", ""])[1].toLowerCase()),
+                        (i = $[h] || $._default),
+                        (g.innerHTML = i[1] + n.htmlPrefilter(f) + i[2]),
+                        (k = i[0]);
+                    while (k--) g = g.lastChild;
+                    n.merge(m, g.childNodes),
+                        (g = l.firstChild),
+                        (g.textContent = "");
+                } else m.push(b.createTextNode(f));
+        (l.textContent = ""), (o = 0);
+        while ((f = m[o++]))
+            if (d && n.inArray(f, d) > -1) e && e.push(f);
+            else if (
+                ((j = n.contains(f.ownerDocument, f)),
+                (g = _(l.appendChild(f), "script")),
+                j && aa(g),
+                c)
+            ) {
+                k = 0;
+                while ((f = g[k++])) Z.test(f.type || "") && c.push(f);
+            }
+        return l;
+    }
+    !(function () {
+        var a = d.createDocumentFragment(),
+            b = a.appendChild(d.createElement("div")),
+            c = d.createElement("input");
+        c.setAttribute("type", "radio"),
+            c.setAttribute("checked", "checked"),
+            c.setAttribute("name", "t"),
+            b.appendChild(c),
+            (l.checkClone = b.cloneNode(!0).cloneNode(!0).lastChild.checked),
+            (b.innerHTML = "<textarea>x</textarea>"),
+            (l.noCloneChecked = !!b.cloneNode(!0).lastChild.defaultValue);
+    })();
+    var da = /^key/,
+        ea = /^(?:mouse|pointer|contextmenu|drag|drop)|click/,
+        fa = /^([^.]*)(?:\.(.+)|)/;
+    function ga() {
+        return !0;
+    }
+    function ha() {
+        return !1;
+    }
+    function ia() {
+        try {
+            return d.activeElement;
+        } catch (a) {}
+    }
+    function ja(a, b, c, d, e, f) {
+        var g, h;
+        if ("object" == typeof b) {
+            "string" != typeof c && ((d = d || c), (c = void 0));
+            for (h in b) ja(a, h, c, d, b[h], f);
+            return a;
+        }
+        if (
+            (null == d && null == e
+                ? ((e = c), (d = c = void 0))
+                : null == e &&
+                  ("string" == typeof c
+                      ? ((e = d), (d = void 0))
+                      : ((e = d), (d = c), (c = void 0))),
+            e === !1)
+        )
+            e = ha;
+        else if (!e) return a;
+        return (
+            1 === f &&
+                ((g = e),
+                (e = function (a) {
+                    return n().off(a), g.apply(this, arguments);
+                }),
+                (e.guid = g.guid || (g.guid = n.guid++))),
+            a.each(function () {
+                n.event.add(this, b, e, d, c);
+            })
+        );
+    }
+    (n.event = {
+        global: {},
+        add: function (a, b, c, d, e) {
+            var f,
+                g,
+                h,
+                i,
+                j,
+                k,
+                l,
+                m,
+                o,
+                p,
+                q,
+                r = N.get(a);
+            if (r) {
+                c.handler && ((f = c), (c = f.handler), (e = f.selector)),
+                    c.guid || (c.guid = n.guid++),
+                    (i = r.events) || (i = r.events = {}),
+                    (g = r.handle) ||
+                        (g = r.handle =
+                            function (b) {
+                                return "undefined" != typeof n &&
+                                    n.event.triggered !== b.type
+                                    ? n.event.dispatch.apply(a, arguments)
+                                    : void 0;
+                            }),
+                    (b = (b || "").match(G) || [""]),
+                    (j = b.length);
+                while (j--)
+                    (h = fa.exec(b[j]) || []),
+                        (o = q = h[1]),
+                        (p = (h[2] || "").split(".").sort()),
+                        o &&
+                            ((l = n.event.special[o] || {}),
+                            (o = (e ? l.delegateType : l.bindType) || o),
+                            (l = n.event.special[o] || {}),
+                            (k = n.extend(
+                                {
+                                    type: o,
+                                    origType: q,
+                                    data: d,
+                                    handler: c,
+                                    guid: c.guid,
+                                    selector: e,
+                                    needsContext:
+                                        e && n.expr.match.needsContext.test(e),
+                                    namespace: p.join("."),
+                                },
+                                f
+                            )),
+                            (m = i[o]) ||
+                                ((m = i[o] = []),
+                                (m.delegateCount = 0),
+                                (l.setup && l.setup.call(a, d, p, g) !== !1) ||
+                                    (a.addEventListener &&
+                                        a.addEventListener(o, g))),
+                            l.add &&
+                                (l.add.call(a, k),
+                                k.handler.guid || (k.handler.guid = c.guid)),
+                            e ? m.splice(m.delegateCount++, 0, k) : m.push(k),
+                            (n.event.global[o] = !0));
+            }
+        },
+        remove: function (a, b, c, d, e) {
+            var f,
+                g,
+                h,
+                i,
+                j,
+                k,
+                l,
+                m,
+                o,
+                p,
+                q,
+                r = N.hasData(a) && N.get(a);
+            if (r && (i = r.events)) {
+                (b = (b || "").match(G) || [""]), (j = b.length);
+                while (j--)
+                    if (
+                        ((h = fa.exec(b[j]) || []),
+                        (o = q = h[1]),
+                        (p = (h[2] || "").split(".").sort()),
+                        o)
+                    ) {
+                        (l = n.event.special[o] || {}),
+                            (o = (d ? l.delegateType : l.bindType) || o),
+                            (m = i[o] || []),
+                            (h =
+                                h[2] &&
+                                new RegExp(
+                                    "(^|\\.)" +
+                                        p.join("\\.(?:.*\\.|)") +
+                                        "(\\.|$)"
+                                )),
+                            (g = f = m.length);
+                        while (f--)
+                            (k = m[f]),
+                                (!e && q !== k.origType) ||
+                                    (c && c.guid !== k.guid) ||
+                                    (h && !h.test(k.namespace)) ||
+                                    (d &&
+                                        d !== k.selector &&
+                                        ("**" !== d || !k.selector)) ||
+                                    (m.splice(f, 1),
+                                    k.selector && m.delegateCount--,
+                                    l.remove && l.remove.call(a, k));
+                        g &&
+                            !m.length &&
+                            ((l.teardown &&
+                                l.teardown.call(a, p, r.handle) !== !1) ||
+                                n.removeEvent(a, o, r.handle),
+                            delete i[o]);
+                    } else for (o in i) n.event.remove(a, o + b[j], c, d, !0);
+                n.isEmptyObject(i) && N.remove(a, "handle events");
+            }
+        },
+        dispatch: function (a) {
+            a = n.event.fix(a);
+            var b,
+                c,
+                d,
+                f,
+                g,
+                h = [],
+                i = e.call(arguments),
+                j = (N.get(this, "events") || {})[a.type] || [],
+                k = n.event.special[a.type] || {};
+            if (
+                ((i[0] = a),
+                (a.delegateTarget = this),
+                !k.preDispatch || k.preDispatch.call(this, a) !== !1)
+            ) {
+                (h = n.event.handlers.call(this, a, j)), (b = 0);
+                while ((f = h[b++]) && !a.isPropagationStopped()) {
+                    (a.currentTarget = f.elem), (c = 0);
+                    while (
+                        (g = f.handlers[c++]) &&
+                        !a.isImmediatePropagationStopped()
+                    )
+                        (a.rnamespace && !a.rnamespace.test(g.namespace)) ||
+                            ((a.handleObj = g),
+                            (a.data = g.data),
+                            (d = (
+                                (n.event.special[g.origType] || {}).handle ||
+                                g.handler
+                            ).apply(f.elem, i)),
+                            void 0 !== d &&
+                                (a.result = d) === !1 &&
+                                (a.preventDefault(), a.stopPropagation()));
+                }
+                return k.postDispatch && k.postDispatch.call(this, a), a.result;
+            }
+        },
+        handlers: function (a, b) {
+            var c,
+                d,
+                e,
+                f,
+                g = [],
+                h = b.delegateCount,
+                i = a.target;
+            if (
+                h &&
+                i.nodeType &&
+                ("click" !== a.type || isNaN(a.button) || a.button < 1)
+            )
+                for (; i !== this; i = i.parentNode || this)
+                    if (
+                        1 === i.nodeType &&
+                        (i.disabled !== !0 || "click" !== a.type)
+                    ) {
+                        for (d = [], c = 0; h > c; c++)
+                            (f = b[c]),
+                                (e = f.selector + " "),
+                                void 0 === d[e] &&
+                                    (d[e] = f.needsContext
+                                        ? n(e, this).index(i) > -1
+                                        : n.find(e, this, null, [i]).length),
+                                d[e] && d.push(f);
+                        d.length && g.push({ elem: i, handlers: d });
+                    }
+            return (
+                h < b.length && g.push({ elem: this, handlers: b.slice(h) }), g
+            );
+        },
+        props: "altKey bubbles cancelable ctrlKey currentTarget detail eventPhase metaKey relatedTarget shiftKey target timeStamp view which".split(
+            " "
+        ),
+        fixHooks: {},
+        keyHooks: {
+            props: "char charCode key keyCode".split(" "),
+            filter: function (a, b) {
+                return (
+                    null == a.which &&
+                        (a.which = null != b.charCode ? b.charCode : b.keyCode),
+                    a
+                );
+            },
+        },
+        mouseHooks: {
+            props: "button buttons clientX clientY offsetX offsetY pageX pageY screenX screenY toElement".split(
+                " "
+            ),
+            filter: function (a, b) {
+                var c,
+                    e,
+                    f,
+                    g = b.button;
+                return (
+                    null == a.pageX &&
+                        null != b.clientX &&
+                        ((c = a.target.ownerDocument || d),
+                        (e = c.documentElement),
+                        (f = c.body),
+                        (a.pageX =
+                            b.clientX +
+                            ((e && e.scrollLeft) || (f && f.scrollLeft) || 0) -
+                            ((e && e.clientLeft) || (f && f.clientLeft) || 0)),
+                        (a.pageY =
+                            b.clientY +
+                            ((e && e.scrollTop) || (f && f.scrollTop) || 0) -
+                            ((e && e.clientTop) || (f && f.clientTop) || 0))),
+                    a.which ||
+                        void 0 === g ||
+                        (a.which = 1 & g ? 1 : 2 & g ? 3 : 4 & g ? 2 : 0),
+                    a
+                );
+            },
+        },
+        fix: function (a) {
+            if (a[n.expando]) return a;
+            var b,
+                c,
+                e,
+                f = a.type,
+                g = a,
+                h = this.fixHooks[f];
+            h ||
+                (this.fixHooks[f] = h =
+                    ea.test(f)
+                        ? this.mouseHooks
+                        : da.test(f)
+                        ? this.keyHooks
+                        : {}),
+                (e = h.props ? this.props.concat(h.props) : this.props),
+                (a = new n.Event(g)),
+                (b = e.length);
+            while (b--) (c = e[b]), (a[c] = g[c]);
+            return (
+                a.target || (a.target = d),
+                3 === a.target.nodeType && (a.target = a.target.parentNode),
+                h.filter ? h.filter(a, g) : a
+            );
+        },
+        special: {
+            load: { noBubble: !0 },
+            focus: {
+                trigger: function () {
+                    return this !== ia() && this.focus
+                        ? (this.focus(), !1)
+                        : void 0;
+                },
+                delegateType: "focusin",
+            },
+            blur: {
+                trigger: function () {
+                    return this === ia() && this.blur
+                        ? (this.blur(), !1)
+                        : void 0;
+                },
+                delegateType: "focusout",
+            },
+            click: {
+                trigger: function () {
+                    return "checkbox" === this.type &&
+                        this.click &&
+                        n.nodeName(this, "input")
+                        ? (this.click(), !1)
+                        : void 0;
+                },
+                _default: function (a) {
+                    return n.nodeName(a.target, "a");
+                },
+            },
+            beforeunload: {
+                postDispatch: function (a) {
+                    void 0 !== a.result &&
+                        a.originalEvent &&
+                        (a.originalEvent.returnValue = a.result);
+                },
+            },
+        },
+    }),
+        (n.removeEvent = function (a, b, c) {
+            a.removeEventListener && a.removeEventListener(b, c);
+        }),
+        (n.Event = function (a, b) {
+            return this instanceof n.Event
+                ? (a && a.type
+                      ? ((this.originalEvent = a),
+                        (this.type = a.type),
+                        (this.isDefaultPrevented =
+                            a.defaultPrevented ||
+                            (void 0 === a.defaultPrevented &&
+                                a.returnValue === !1)
+                                ? ga
+                                : ha))
+                      : (this.type = a),
+                  b && n.extend(this, b),
+                  (this.timeStamp = (a && a.timeStamp) || n.now()),
+                  void (this[n.expando] = !0))
+                : new n.Event(a, b);
+        }),
+        (n.Event.prototype = {
+            constructor: n.Event,
+            isDefaultPrevented: ha,
+            isPropagationStopped: ha,
+            isImmediatePropagationStopped: ha,
+            preventDefault: function () {
+                var a = this.originalEvent;
+                (this.isDefaultPrevented = ga), a && a.preventDefault();
+            },
+            stopPropagation: function () {
+                var a = this.originalEvent;
+                (this.isPropagationStopped = ga), a && a.stopPropagation();
+            },
+            stopImmediatePropagation: function () {
+                var a = this.originalEvent;
+                (this.isImmediatePropagationStopped = ga),
+                    a && a.stopImmediatePropagation(),
+                    this.stopPropagation();
+            },
+        }),
+        n.each(
+            {
+                mouseenter: "mouseover",
+                mouseleave: "mouseout",
+                pointerenter: "pointerover",
+                pointerleave: "pointerout",
+            },
+            function (a, b) {
+                n.event.special[a] = {
+                    delegateType: b,
+                    bindType: b,
+                    handle: function (a) {
+                        var c,
+                            d = this,
+                            e = a.relatedTarget,
+                            f = a.handleObj;
+                        return (
+                            (e && (e === d || n.contains(d, e))) ||
+                                ((a.type = f.origType),
+                                (c = f.handler.apply(this, arguments)),
+                                (a.type = b)),
+                            c
+                        );
+                    },
+                };
+            }
+        ),
+        n.fn.extend({
+            on: function (a, b, c, d) {
+                return ja(this, a, b, c, d);
+            },
+            one: function (a, b, c, d) {
+                return ja(this, a, b, c, d, 1);
+            },
+            off: function (a, b, c) {
+                var d, e;
+                if (a && a.preventDefault && a.handleObj)
+                    return (
+                        (d = a.handleObj),
+                        n(a.delegateTarget).off(
+                            d.namespace
+                                ? d.origType + "." + d.namespace
+                                : d.origType,
+                            d.selector,
+                            d.handler
+                        ),
+                        this
+                    );
+                if ("object" == typeof a) {
+                    for (e in a) this.off(e, b, a[e]);
+                    return this;
+                }
+                return (
+                    (b !== !1 && "function" != typeof b) ||
+                        ((c = b), (b = void 0)),
+                    c === !1 && (c = ha),
+                    this.each(function () {
+                        n.event.remove(this, a, c, b);
+                    })
+                );
+            },
+        });
+    var ka =
+            /<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:-]+)[^>]*)\/>/gi,
+        la = /<script|<style|<link/i,
+        ma = /checked\s*(?:[^=]|=\s*.checked.)/i,
+        na = /^true\/(.*)/,
+        oa = /^\s*<!(?:\[CDATA\[|--)|(?:\]\]|--)>\s*$/g;
+    function pa(a, b) {
+        return n.nodeName(a, "table") &&
+            n.nodeName(11 !== b.nodeType ? b : b.firstChild, "tr")
+            ? a.getElementsByTagName("tbody")[0] ||
+                  a.appendChild(a.ownerDocument.createElement("tbody"))
+            : a;
+    }
+    function qa(a) {
+        return (a.type = (null !== a.getAttribute("type")) + "/" + a.type), a;
+    }
+    function ra(a) {
+        var b = na.exec(a.type);
+        return b ? (a.type = b[1]) : a.removeAttribute("type"), a;
+    }
+    function sa(a, b) {
+        var c, d, e, f, g, h, i, j;
+        if (1 === b.nodeType) {
+            if (
+                N.hasData(a) &&
+                ((f = N.access(a)), (g = N.set(b, f)), (j = f.events))
+            ) {
+                delete g.handle, (g.events = {});
+                for (e in j)
+                    for (c = 0, d = j[e].length; d > c; c++)
+                        n.event.add(b, e, j[e][c]);
+            }
+            O.hasData(a) &&
+                ((h = O.access(a)), (i = n.extend({}, h)), O.set(b, i));
+        }
+    }
+    function ta(a, b) {
+        var c = b.nodeName.toLowerCase();
+        "input" === c && X.test(a.type)
+            ? (b.checked = a.checked)
+            : ("input" !== c && "textarea" !== c) ||
+              (b.defaultValue = a.defaultValue);
+    }
+    function ua(a, b, c, d) {
+        b = f.apply([], b);
+        var e,
+            g,
+            h,
+            i,
+            j,
+            k,
+            m = 0,
+            o = a.length,
+            p = o - 1,
+            q = b[0],
+            r = n.isFunction(q);
+        if (r || (o > 1 && "string" == typeof q && !l.checkClone && ma.test(q)))
+            return a.each(function (e) {
+                var f = a.eq(e);
+                r && (b[0] = q.call(this, e, f.html())), ua(f, b, c, d);
+            });
+        if (
+            o &&
+            ((e = ca(b, a[0].ownerDocument, !1, a, d)),
+            (g = e.firstChild),
+            1 === e.childNodes.length && (e = g),
+            g || d)
+        ) {
+            for (h = n.map(_(e, "script"), qa), i = h.length; o > m; m++)
+                (j = e),
+                    m !== p &&
+                        ((j = n.clone(j, !0, !0)),
+                        i && n.merge(h, _(j, "script"))),
+                    c.call(a[m], j, m);
+            if (i)
+                for (
+                    k = h[h.length - 1].ownerDocument, n.map(h, ra), m = 0;
+                    i > m;
+                    m++
+                )
+                    (j = h[m]),
+                        Z.test(j.type || "") &&
+                            !N.access(j, "globalEval") &&
+                            n.contains(k, j) &&
+                            (j.src
+                                ? n._evalUrl && n._evalUrl(j.src)
+                                : n.globalEval(j.textContent.replace(oa, "")));
+        }
+        return a;
+    }
+    function va(a, b, c) {
+        for (var d, e = b ? n.filter(b, a) : a, f = 0; null != (d = e[f]); f++)
+            c || 1 !== d.nodeType || n.cleanData(_(d)),
+                d.parentNode &&
+                    (c && n.contains(d.ownerDocument, d) && aa(_(d, "script")),
+                    d.parentNode.removeChild(d));
+        return a;
+    }
+    n.extend({
+        htmlPrefilter: function (a) {
+            return a.replace(ka, "<$1></$2>");
+        },
+        clone: function (a, b, c) {
+            var d,
+                e,
+                f,
+                g,
+                h = a.cloneNode(!0),
+                i = n.contains(a.ownerDocument, a);
+            if (
+                !(
+                    l.noCloneChecked ||
+                    (1 !== a.nodeType && 11 !== a.nodeType) ||
+                    n.isXMLDoc(a)
+                )
+            )
+                for (g = _(h), f = _(a), d = 0, e = f.length; e > d; d++)
+                    ta(f[d], g[d]);
+            if (b)
+                if (c)
+                    for (
+                        f = f || _(a), g = g || _(h), d = 0, e = f.length;
+                        e > d;
+                        d++
+                    )
+                        sa(f[d], g[d]);
+                else sa(a, h);
+            return (
+                (g = _(h, "script")),
+                g.length > 0 && aa(g, !i && _(a, "script")),
+                h
+            );
+        },
+        cleanData: function (a) {
+            for (
+                var b, c, d, e = n.event.special, f = 0;
+                void 0 !== (c = a[f]);
+                f++
+            )
+                if (L(c)) {
+                    if ((b = c[N.expando])) {
+                        if (b.events)
+                            for (d in b.events)
+                                e[d]
+                                    ? n.event.remove(c, d)
+                                    : n.removeEvent(c, d, b.handle);
+                        c[N.expando] = void 0;
+                    }
+                    c[O.expando] && (c[O.expando] = void 0);
+                }
+        },
+    }),
+        n.fn.extend({
+            domManip: ua,
+            detach: function (a) {
+                return va(this, a, !0);
+            },
+            remove: function (a) {
+                return va(this, a);
+            },
+            text: function (a) {
+                return K(
+                    this,
+                    function (a) {
+                        return void 0 === a
+                            ? n.text(this)
+                            : this.empty().each(function () {
+                                  (1 !== this.nodeType &&
+                                      11 !== this.nodeType &&
+                                      9 !== this.nodeType) ||
+                                      (this.textContent = a);
+                              });
+                    },
+                    null,
+                    a,
+                    arguments.length
+                );
+            },
+            append: function () {
+                return ua(this, arguments, function (a) {
+                    if (
+                        1 === this.nodeType ||
+                        11 === this.nodeType ||
+                        9 === this.nodeType
+                    ) {
+                        var b = pa(this, a);
+                        b.appendChild(a);
+                    }
+                });
+            },
+            prepend: function () {
+                return ua(this, arguments, function (a) {
+                    if (
+                        1 === this.nodeType ||
+                        11 === this.nodeType ||
+                        9 === this.nodeType
+                    ) {
+                        var b = pa(this, a);
+                        b.insertBefore(a, b.firstChild);
+                    }
+                });
+            },
+            before: function () {
+                return ua(this, arguments, function (a) {
+                    this.parentNode && this.parentNode.insertBefore(a, this);
+                });
+            },
+            after: function () {
+                return ua(this, arguments, function (a) {
+                    this.parentNode &&
+                        this.parentNode.insertBefore(a, this.nextSibling);
+                });
+            },
+            empty: function () {
+                for (var a, b = 0; null != (a = this[b]); b++)
+                    1 === a.nodeType &&
+                        (n.cleanData(_(a, !1)), (a.textContent = ""));
+                return this;
+            },
+            clone: function (a, b) {
+                return (
+                    (a = null == a ? !1 : a),
+                    (b = null == b ? a : b),
+                    this.map(function () {
+                        return n.clone(this, a, b);
+                    })
+                );
+            },
+            html: function (a) {
+                return K(
+                    this,
+                    function (a) {
+                        var b = this[0] || {},
+                            c = 0,
+                            d = this.length;
+                        if (void 0 === a && 1 === b.nodeType)
+                            return b.innerHTML;
+                        if (
+                            "string" == typeof a &&
+                            !la.test(a) &&
+                            !$[(Y.exec(a) || ["", ""])[1].toLowerCase()]
+                        ) {
+                            a = n.htmlPrefilter(a);
+                            try {
+                                for (; d > c; c++)
+                                    (b = this[c] || {}),
+                                        1 === b.nodeType &&
+                                            (n.cleanData(_(b, !1)),
+                                            (b.innerHTML = a));
+                                b = 0;
+                            } catch (e) {}
+                        }
+                        b && this.empty().append(a);
+                    },
+                    null,
+                    a,
+                    arguments.length
+                );
+            },
+            replaceWith: function () {
+                var a = [];
+                return ua(
+                    this,
+                    arguments,
+                    function (b) {
+                        var c = this.parentNode;
+                        n.inArray(this, a) < 0 &&
+                            (n.cleanData(_(this)),
+                            c && c.replaceChild(b, this));
+                    },
+                    a
+                );
+            },
+        }),
+        n.each(
+            {
+                appendTo: "append",
+                prependTo: "prepend",
+                insertBefore: "before",
+                insertAfter: "after",
+                replaceAll: "replaceWith",
+            },
+            function (a, b) {
+                n.fn[a] = function (a) {
+                    for (
+                        var c, d = [], e = n(a), f = e.length - 1, h = 0;
+                        f >= h;
+                        h++
+                    )
+                        (c = h === f ? this : this.clone(!0)),
+                            n(e[h])[b](c),
+                            g.apply(d, c.get());
+                    return this.pushStack(d);
+                };
+            }
+        );
+    var wa,
+        xa = { HTML: "block", BODY: "block" };
+    function ya(a, b) {
+        var c = n(b.createElement(a)).appendTo(b.body),
+            d = n.css(c[0], "display");
+        return c.detach(), d;
+    }
+    function za(a) {
+        var b = d,
+            c = xa[a];
+        return (
+            c ||
+                ((c = ya(a, b)),
+                ("none" !== c && c) ||
+                    ((wa = (
+                        wa ||
+                        n("<iframe frameborder='0' width='0' height='0'/>")
+                    ).appendTo(b.documentElement)),
+                    (b = wa[0].contentDocument),
+                    b.write(),
+                    b.close(),
+                    (c = ya(a, b)),
+                    wa.detach()),
+                (xa[a] = c)),
+            c
+        );
+    }
+    var Aa = /^margin/,
+        Ba = new RegExp("^(" + S + ")(?!px)[a-z%]+$", "i"),
+        Ca = function (b) {
+            var c = b.ownerDocument.defaultView;
+            return (c && c.opener) || (c = a), c.getComputedStyle(b);
+        },
+        Da = function (a, b, c, d) {
+            var e,
+                f,
+                g = {};
+            for (f in b) (g[f] = a.style[f]), (a.style[f] = b[f]);
+            e = c.apply(a, d || []);
+            for (f in b) a.style[f] = g[f];
+            return e;
+        },
+        Ea = d.documentElement;
+    !(function () {
+        var b,
+            c,
+            e,
+            f,
+            g = d.createElement("div"),
+            h = d.createElement("div");
+        if (h.style) {
+            (h.style.backgroundClip = "content-box"),
+                (h.cloneNode(!0).style.backgroundClip = ""),
+                (l.clearCloneStyle = "content-box" === h.style.backgroundClip),
+                (g.style.cssText =
+                    "border:0;width:8px;height:0;top:0;left:-9999px;padding:0;margin-top:1px;position:absolute"),
+                g.appendChild(h);
+            function i() {
+                (h.style.cssText =
+                    "-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;margin:auto;border:1px;padding:1px;top:1%;width:50%"),
+                    (h.innerHTML = ""),
+                    Ea.appendChild(g);
+                var d = a.getComputedStyle(h);
+                (b = "1%" !== d.top),
+                    (f = "2px" === d.marginLeft),
+                    (c = "4px" === d.width),
+                    (h.style.marginRight = "50%"),
+                    (e = "4px" === d.marginRight),
+                    Ea.removeChild(g);
+            }
+            n.extend(l, {
+                pixelPosition: function () {
+                    return i(), b;
+                },
+                boxSizingReliable: function () {
+                    return null == c && i(), c;
+                },
+                pixelMarginRight: function () {
+                    return null == c && i(), e;
+                },
+                reliableMarginLeft: function () {
+                    return null == c && i(), f;
+                },
+                reliableMarginRight: function () {
+                    var b,
+                        c = h.appendChild(d.createElement("div"));
+                    return (
+                        (c.style.cssText = h.style.cssText =
+                            "-webkit-box-sizing:content-box;box-sizing:content-box;display:block;margin:0;border:0;padding:0"),
+                        (c.style.marginRight = c.style.width = "0"),
+                        (h.style.width = "1px"),
+                        Ea.appendChild(g),
+                        (b = !parseFloat(a.getComputedStyle(c).marginRight)),
+                        Ea.removeChild(g),
+                        h.removeChild(c),
+                        b
+                    );
+                },
+            });
+        }
+    })();
+    function Fa(a, b, c) {
+        var d,
+            e,
+            f,
+            g,
+            h = a.style;
+        return (
+            (c = c || Ca(a)),
+            (g = c ? c.getPropertyValue(b) || c[b] : void 0),
+            ("" !== g && void 0 !== g) ||
+                n.contains(a.ownerDocument, a) ||
+                (g = n.style(a, b)),
+            c &&
+                !l.pixelMarginRight() &&
+                Ba.test(g) &&
+                Aa.test(b) &&
+                ((d = h.width),
+                (e = h.minWidth),
+                (f = h.maxWidth),
+                (h.minWidth = h.maxWidth = h.width = g),
+                (g = c.width),
+                (h.width = d),
+                (h.minWidth = e),
+                (h.maxWidth = f)),
+            void 0 !== g ? g + "" : g
+        );
+    }
+    function Ga(a, b) {
+        return {
+            get: function () {
+                return a()
+                    ? void delete this.get
+                    : (this.get = b).apply(this, arguments);
+            },
+        };
+    }
+    var Ha = /^(none|table(?!-c[ea]).+)/,
+        Ia = { position: "absolute", visibility: "hidden", display: "block" },
+        Ja = { letterSpacing: "0", fontWeight: "400" },
+        Ka = ["Webkit", "O", "Moz", "ms"],
+        La = d.createElement("div").style;
+    function Ma(a) {
+        if (a in La) return a;
+        var b = a[0].toUpperCase() + a.slice(1),
+            c = Ka.length;
+        while (c--) if (((a = Ka[c] + b), a in La)) return a;
+    }
+    function Na(a, b, c) {
+        var d = T.exec(b);
+        return d ? Math.max(0, d[2] - (c || 0)) + (d[3] || "px") : b;
+    }
+    function Oa(a, b, c, d, e) {
+        for (
+            var f =
+                    c === (d ? "border" : "content")
+                        ? 4
+                        : "width" === b
+                        ? 1
+                        : 0,
+                g = 0;
+            4 > f;
+            f += 2
+        )
+            "margin" === c && (g += n.css(a, c + U[f], !0, e)),
+                d
+                    ? ("content" === c &&
+                          (g -= n.css(a, "padding" + U[f], !0, e)),
+                      "margin" !== c &&
+                          (g -= n.css(a, "border" + U[f] + "Width", !0, e)))
+                    : ((g += n.css(a, "padding" + U[f], !0, e)),
+                      "padding" !== c &&
+                          (g += n.css(a, "border" + U[f] + "Width", !0, e)));
+        return g;
+    }
+    function Pa(b, c, e) {
+        var f = !0,
+            g = "width" === c ? b.offsetWidth : b.offsetHeight,
+            h = Ca(b),
+            i = "border-box" === n.css(b, "boxSizing", !1, h);
+        if (
+            (d.msFullscreenElement &&
+                a.top !== a &&
+                b.getClientRects().length &&
+                (g = Math.round(100 * b.getBoundingClientRect()[c])),
+            0 >= g || null == g)
+        ) {
+            if (
+                ((g = Fa(b, c, h)),
+                (0 > g || null == g) && (g = b.style[c]),
+                Ba.test(g))
+            )
+                return g;
+            (f = i && (l.boxSizingReliable() || g === b.style[c])),
+                (g = parseFloat(g) || 0);
+        }
+        return g + Oa(b, c, e || (i ? "border" : "content"), f, h) + "px";
+    }
+    function Qa(a, b) {
+        for (var c, d, e, f = [], g = 0, h = a.length; h > g; g++)
+            (d = a[g]),
+                d.style &&
+                    ((f[g] = N.get(d, "olddisplay")),
+                    (c = d.style.display),
+                    b
+                        ? (f[g] || "none" !== c || (d.style.display = ""),
+                          "" === d.style.display &&
+                              V(d) &&
+                              (f[g] = N.access(
+                                  d,
+                                  "olddisplay",
+                                  za(d.nodeName)
+                              )))
+                        : ((e = V(d)),
+                          ("none" === c && e) ||
+                              N.set(
+                                  d,
+                                  "olddisplay",
+                                  e ? c : n.css(d, "display")
+                              )));
+        for (g = 0; h > g; g++)
+            (d = a[g]),
+                d.style &&
+                    ((b &&
+                        "none" !== d.style.display &&
+                        "" !== d.style.display) ||
+                        (d.style.display = b ? f[g] || "" : "none"));
+        return a;
+    }
+    n.extend({
+        cssHooks: {
+            opacity: {
+                get: function (a, b) {
+                    if (b) {
+                        var c = Fa(a, "opacity");
+                        return "" === c ? "1" : c;
+                    }
+                },
+            },
+        },
+        cssNumber: {
+            animationIterationCount: !0,
+            columnCount: !0,
+            fillOpacity: !0,
+            flexGrow: !0,
+            flexShrink: !0,
+            fontWeight: !0,
+            lineHeight: !0,
+            opacity: !0,
+            order: !0,
+            orphans: !0,
+            widows: !0,
+            zIndex: !0,
+            zoom: !0,
+        },
+        cssProps: { float: "cssFloat" },
+        style: function (a, b, c, d) {
+            if (a && 3 !== a.nodeType && 8 !== a.nodeType && a.style) {
+                var e,
+                    f,
+                    g,
+                    h = n.camelCase(b),
+                    i = a.style;
+                return (
+                    (b = n.cssProps[h] || (n.cssProps[h] = Ma(h) || h)),
+                    (g = n.cssHooks[b] || n.cssHooks[h]),
+                    void 0 === c
+                        ? g && "get" in g && void 0 !== (e = g.get(a, !1, d))
+                            ? e
+                            : i[b]
+                        : ((f = typeof c),
+                          "string" === f &&
+                              (e = T.exec(c)) &&
+                              e[1] &&
+                              ((c = W(a, b, e)), (f = "number")),
+                          null != c &&
+                              c === c &&
+                              ("number" === f &&
+                                  (c +=
+                                      (e && e[3]) ||
+                                      (n.cssNumber[h] ? "" : "px")),
+                              l.clearCloneStyle ||
+                                  "" !== c ||
+                                  0 !== b.indexOf("background") ||
+                                  (i[b] = "inherit"),
+                              (g &&
+                                  "set" in g &&
+                                  void 0 === (c = g.set(a, c, d))) ||
+                                  (i[b] = c)),
+                          void 0)
+                );
+            }
+        },
+        css: function (a, b, c, d) {
+            var e,
+                f,
+                g,
+                h = n.camelCase(b);
+            return (
+                (b = n.cssProps[h] || (n.cssProps[h] = Ma(h) || h)),
+                (g = n.cssHooks[b] || n.cssHooks[h]),
+                g && "get" in g && (e = g.get(a, !0, c)),
+                void 0 === e && (e = Fa(a, b, d)),
+                "normal" === e && b in Ja && (e = Ja[b]),
+                "" === c || c
+                    ? ((f = parseFloat(e)),
+                      c === !0 || isFinite(f) ? f || 0 : e)
+                    : e
+            );
+        },
+    }),
+        n.each(["height", "width"], function (a, b) {
+            n.cssHooks[b] = {
+                get: function (a, c, d) {
+                    return c
+                        ? Ha.test(n.css(a, "display")) && 0 === a.offsetWidth
+                            ? Da(a, Ia, function () {
+                                  return Pa(a, b, d);
+                              })
+                            : Pa(a, b, d)
+                        : void 0;
+                },
+                set: function (a, c, d) {
+                    var e,
+                        f = d && Ca(a),
+                        g =
+                            d &&
+                            Oa(
+                                a,
+                                b,
+                                d,
+                                "border-box" === n.css(a, "boxSizing", !1, f),
+                                f
+                            );
+                    return (
+                        g &&
+                            (e = T.exec(c)) &&
+                            "px" !== (e[3] || "px") &&
+                            ((a.style[b] = c), (c = n.css(a, b))),
+                        Na(a, c, g)
+                    );
+                },
+            };
+        }),
+        (n.cssHooks.marginLeft = Ga(l.reliableMarginLeft, function (a, b) {
+            return b
+                ? (parseFloat(Fa(a, "marginLeft")) ||
+                      a.getBoundingClientRect().left -
+                          Da(a, { marginLeft: 0 }, function () {
+                              return a.getBoundingClientRect().left;
+                          })) + "px"
+                : void 0;
+        })),
+        (n.cssHooks.marginRight = Ga(l.reliableMarginRight, function (a, b) {
+            return b
+                ? Da(a, { display: "inline-block" }, Fa, [a, "marginRight"])
+                : void 0;
+        })),
+        n.each({ margin: "", padding: "", border: "Width" }, function (a, b) {
+            (n.cssHooks[a + b] = {
+                expand: function (c) {
+                    for (
+                        var d = 0,
+                            e = {},
+                            f = "string" == typeof c ? c.split(" ") : [c];
+                        4 > d;
+                        d++
+                    )
+                        e[a + U[d] + b] = f[d] || f[d - 2] || f[0];
+                    return e;
+                },
+            }),
+                Aa.test(a) || (n.cssHooks[a + b].set = Na);
+        }),
+        n.fn.extend({
+            css: function (a, b) {
+                return K(
+                    this,
+                    function (a, b, c) {
+                        var d,
+                            e,
+                            f = {},
+                            g = 0;
+                        if (n.isArray(b)) {
+                            for (d = Ca(a), e = b.length; e > g; g++)
+                                f[b[g]] = n.css(a, b[g], !1, d);
+                            return f;
+                        }
+                        return void 0 !== c ? n.style(a, b, c) : n.css(a, b);
+                    },
+                    a,
+                    b,
+                    arguments.length > 1
+                );
+            },
+            show: function () {
+                return Qa(this, !0);
+            },
+            hide: function () {
+                return Qa(this);
+            },
+            toggle: function (a) {
+                return "boolean" == typeof a
+                    ? a
+                        ? this.show()
+                        : this.hide()
+                    : this.each(function () {
+                          V(this) ? n(this).show() : n(this).hide();
+                      });
+            },
+        });
+    function Ra(a, b, c, d, e) {
+        return new Ra.prototype.init(a, b, c, d, e);
+    }
+    (n.Tween = Ra),
+        (Ra.prototype = {
+            constructor: Ra,
+            init: function (a, b, c, d, e, f) {
+                (this.elem = a),
+                    (this.prop = c),
+                    (this.easing = e || n.easing._default),
+                    (this.options = b),
+                    (this.start = this.now = this.cur()),
+                    (this.end = d),
+                    (this.unit = f || (n.cssNumber[c] ? "" : "px"));
+            },
+            cur: function () {
+                var a = Ra.propHooks[this.prop];
+                return a && a.get
+                    ? a.get(this)
+                    : Ra.propHooks._default.get(this);
+            },
+            run: function (a) {
+                var b,
+                    c = Ra.propHooks[this.prop];
+                return (
+                    this.options.duration
+                        ? (this.pos = b =
+                              n.easing[this.easing](
+                                  a,
+                                  this.options.duration * a,
+                                  0,
+                                  1,
+                                  this.options.duration
+                              ))
+                        : (this.pos = b = a),
+                    (this.now = (this.end - this.start) * b + this.start),
+                    this.options.step &&
+                        this.options.step.call(this.elem, this.now, this),
+                    c && c.set ? c.set(this) : Ra.propHooks._default.set(this),
+                    this
+                );
+            },
+        }),
+        (Ra.prototype.init.prototype = Ra.prototype),
+        (Ra.propHooks = {
+            _default: {
+                get: function (a) {
+                    var b;
+                    return 1 !== a.elem.nodeType ||
+                        (null != a.elem[a.prop] && null == a.elem.style[a.prop])
+                        ? a.elem[a.prop]
+                        : ((b = n.css(a.elem, a.prop, "")),
+                          b && "auto" !== b ? b : 0);
+                },
+                set: function (a) {
+                    n.fx.step[a.prop]
+                        ? n.fx.step[a.prop](a)
+                        : 1 !== a.elem.nodeType ||
+                          (null == a.elem.style[n.cssProps[a.prop]] &&
+                              !n.cssHooks[a.prop])
+                        ? (a.elem[a.prop] = a.now)
+                        : n.style(a.elem, a.prop, a.now + a.unit);
+                },
+            },
+        }),
+        (Ra.propHooks.scrollTop = Ra.propHooks.scrollLeft =
+            {
+                set: function (a) {
+                    a.elem.nodeType &&
+                        a.elem.parentNode &&
+                        (a.elem[a.prop] = a.now);
+                },
+            }),
+        (n.easing = {
+            linear: function (a) {
+                return a;
+            },
+            swing: function (a) {
+                return 0.5 - Math.cos(a * Math.PI) / 2;
+            },
+            _default: "swing",
+        }),
+        (n.fx = Ra.prototype.init),
+        (n.fx.step = {});
+    var Sa,
+        Ta,
+        Ua = /^(?:toggle|show|hide)$/,
+        Va = /queueHooks$/;
+    function Wa() {
+        return (
+            a.setTimeout(function () {
+                Sa = void 0;
+            }),
+            (Sa = n.now())
+        );
+    }
+    function Xa(a, b) {
+        var c,
+            d = 0,
+            e = { height: a };
+        for (b = b ? 1 : 0; 4 > d; d += 2 - b)
+            (c = U[d]), (e["margin" + c] = e["padding" + c] = a);
+        return b && (e.opacity = e.width = a), e;
+    }
+    function Ya(a, b, c) {
+        for (
+            var d,
+                e = (_a.tweeners[b] || []).concat(_a.tweeners["*"]),
+                f = 0,
+                g = e.length;
+            g > f;
+            f++
+        )
+            if ((d = e[f].call(c, b, a))) return d;
+    }
+    function Za(a, b, c) {
+        var d,
+            e,
+            f,
+            g,
+            h,
+            i,
+            j,
+            k,
+            l = this,
+            m = {},
+            o = a.style,
+            p = a.nodeType && V(a),
+            q = N.get(a, "fxshow");
+        c.queue ||
+            ((h = n._queueHooks(a, "fx")),
+            null == h.unqueued &&
+                ((h.unqueued = 0),
+                (i = h.empty.fire),
+                (h.empty.fire = function () {
+                    h.unqueued || i();
+                })),
+            h.unqueued++,
+            l.always(function () {
+                l.always(function () {
+                    h.unqueued--, n.queue(a, "fx").length || h.empty.fire();
+                });
+            })),
+            1 === a.nodeType &&
+                ("height" in b || "width" in b) &&
+                ((c.overflow = [o.overflow, o.overflowX, o.overflowY]),
+                (j = n.css(a, "display")),
+                (k =
+                    "none" === j
+                        ? N.get(a, "olddisplay") || za(a.nodeName)
+                        : j),
+                "inline" === k &&
+                    "none" === n.css(a, "float") &&
+                    (o.display = "inline-block")),
+            c.overflow &&
+                ((o.overflow = "hidden"),
+                l.always(function () {
+                    (o.overflow = c.overflow[0]),
+                        (o.overflowX = c.overflow[1]),
+                        (o.overflowY = c.overflow[2]);
+                }));
+        for (d in b)
+            if (((e = b[d]), Ua.exec(e))) {
+                if (
+                    (delete b[d],
+                    (f = f || "toggle" === e),
+                    e === (p ? "hide" : "show"))
+                ) {
+                    if ("show" !== e || !q || void 0 === q[d]) continue;
+                    p = !0;
+                }
+                m[d] = (q && q[d]) || n.style(a, d);
+            } else j = void 0;
+        if (n.isEmptyObject(m))
+            "inline" === ("none" === j ? za(a.nodeName) : j) && (o.display = j);
+        else {
+            q
+                ? "hidden" in q && (p = q.hidden)
+                : (q = N.access(a, "fxshow", {})),
+                f && (q.hidden = !p),
+                p
+                    ? n(a).show()
+                    : l.done(function () {
+                          n(a).hide();
+                      }),
+                l.done(function () {
+                    var b;
+                    N.remove(a, "fxshow");
+                    for (b in m) n.style(a, b, m[b]);
+                });
+            for (d in m)
+                (g = Ya(p ? q[d] : 0, d, l)),
+                    d in q ||
+                        ((q[d] = g.start),
+                        p &&
+                            ((g.end = g.start),
+                            (g.start =
+                                "width" === d || "height" === d ? 1 : 0)));
+        }
+    }
+    function $a(a, b) {
+        var c, d, e, f, g;
+        for (c in a)
+            if (
+                ((d = n.camelCase(c)),
+                (e = b[d]),
+                (f = a[c]),
+                n.isArray(f) && ((e = f[1]), (f = a[c] = f[0])),
+                c !== d && ((a[d] = f), delete a[c]),
+                (g = n.cssHooks[d]),
+                g && "expand" in g)
+            ) {
+                (f = g.expand(f)), delete a[d];
+                for (c in f) c in a || ((a[c] = f[c]), (b[c] = e));
+            } else b[d] = e;
+    }
+    function _a(a, b, c) {
+        var d,
+            e,
+            f = 0,
+            g = _a.prefilters.length,
+            h = n.Deferred().always(function () {
+                delete i.elem;
+            }),
+            i = function () {
+                if (e) return !1;
+                for (
+                    var b = Sa || Wa(),
+                        c = Math.max(0, j.startTime + j.duration - b),
+                        d = c / j.duration || 0,
+                        f = 1 - d,
+                        g = 0,
+                        i = j.tweens.length;
+                    i > g;
+                    g++
+                )
+                    j.tweens[g].run(f);
+                return (
+                    h.notifyWith(a, [j, f, c]),
+                    1 > f && i ? c : (h.resolveWith(a, [j]), !1)
+                );
+            },
+            j = h.promise({
+                elem: a,
+                props: n.extend({}, b),
+                opts: n.extend(
+                    !0,
+                    { specialEasing: {}, easing: n.easing._default },
+                    c
+                ),
+                originalProperties: b,
+                originalOptions: c,
+                startTime: Sa || Wa(),
+                duration: c.duration,
+                tweens: [],
+                createTween: function (b, c) {
+                    var d = n.Tween(
+                        a,
+                        j.opts,
+                        b,
+                        c,
+                        j.opts.specialEasing[b] || j.opts.easing
+                    );
+                    return j.tweens.push(d), d;
+                },
+                stop: function (b) {
+                    var c = 0,
+                        d = b ? j.tweens.length : 0;
+                    if (e) return this;
+                    for (e = !0; d > c; c++) j.tweens[c].run(1);
+                    return (
+                        b
+                            ? (h.notifyWith(a, [j, 1, 0]),
+                              h.resolveWith(a, [j, b]))
+                            : h.rejectWith(a, [j, b]),
+                        this
+                    );
+                },
+            }),
+            k = j.props;
+        for ($a(k, j.opts.specialEasing); g > f; f++)
+            if ((d = _a.prefilters[f].call(j, a, k, j.opts)))
+                return (
+                    n.isFunction(d.stop) &&
+                        (n._queueHooks(j.elem, j.opts.queue).stop = n.proxy(
+                            d.stop,
+                            d
+                        )),
+                    d
+                );
+        return (
+            n.map(k, Ya, j),
+            n.isFunction(j.opts.start) && j.opts.start.call(a, j),
+            n.fx.timer(n.extend(i, { elem: a, anim: j, queue: j.opts.queue })),
+            j
+                .progress(j.opts.progress)
+                .done(j.opts.done, j.opts.complete)
+                .fail(j.opts.fail)
+                .always(j.opts.always)
+        );
+    }
+    (n.Animation = n.extend(_a, {
+        tweeners: {
+            "*": [
+                function (a, b) {
+                    var c = this.createTween(a, b);
+                    return W(c.elem, a, T.exec(b), c), c;
+                },
+            ],
+        },
+        tweener: function (a, b) {
+            n.isFunction(a) ? ((b = a), (a = ["*"])) : (a = a.match(G));
+            for (var c, d = 0, e = a.length; e > d; d++)
+                (c = a[d]),
+                    (_a.tweeners[c] = _a.tweeners[c] || []),
+                    _a.tweeners[c].unshift(b);
+        },
+        prefilters: [Za],
+        prefilter: function (a, b) {
+            b ? _a.prefilters.unshift(a) : _a.prefilters.push(a);
+        },
+    })),
+        (n.speed = function (a, b, c) {
+            var d =
+                a && "object" == typeof a
+                    ? n.extend({}, a)
+                    : {
+                          complete: c || (!c && b) || (n.isFunction(a) && a),
+                          duration: a,
+                          easing: (c && b) || (b && !n.isFunction(b) && b),
+                      };
+            return (
+                (d.duration = n.fx.off
+                    ? 0
+                    : "number" == typeof d.duration
+                    ? d.duration
+                    : d.duration in n.fx.speeds
+                    ? n.fx.speeds[d.duration]
+                    : n.fx.speeds._default),
+                (null != d.queue && d.queue !== !0) || (d.queue = "fx"),
+                (d.old = d.complete),
+                (d.complete = function () {
+                    n.isFunction(d.old) && d.old.call(this),
+                        d.queue && n.dequeue(this, d.queue);
+                }),
+                d
+            );
+        }),
+        n.fn.extend({
+            fadeTo: function (a, b, c, d) {
+                return this.filter(V)
+                    .css("opacity", 0)
+                    .show()
+                    .end()
+                    .animate({ opacity: b }, a, c, d);
+            },
+            animate: function (a, b, c, d) {
+                var e = n.isEmptyObject(a),
+                    f = n.speed(b, c, d),
+                    g = function () {
+                        var b = _a(this, n.extend({}, a), f);
+                        (e || N.get(this, "finish")) && b.stop(!0);
+                    };
+                return (
+                    (g.finish = g),
+                    e || f.queue === !1 ? this.each(g) : this.queue(f.queue, g)
+                );
+            },
+            stop: function (a, b, c) {
+                var d = function (a) {
+                    var b = a.stop;
+                    delete a.stop, b(c);
+                };
+                return (
+                    "string" != typeof a && ((c = b), (b = a), (a = void 0)),
+                    b && a !== !1 && this.queue(a || "fx", []),
+                    this.each(function () {
+                        var b = !0,
+                            e = null != a && a + "queueHooks",
+                            f = n.timers,
+                            g = N.get(this);
+                        if (e) g[e] && g[e].stop && d(g[e]);
+                        else
+                            for (e in g)
+                                g[e] && g[e].stop && Va.test(e) && d(g[e]);
+                        for (e = f.length; e--; )
+                            f[e].elem !== this ||
+                                (null != a && f[e].queue !== a) ||
+                                (f[e].anim.stop(c), (b = !1), f.splice(e, 1));
+                        (!b && c) || n.dequeue(this, a);
+                    })
+                );
+            },
+            finish: function (a) {
+                return (
+                    a !== !1 && (a = a || "fx"),
+                    this.each(function () {
+                        var b,
+                            c = N.get(this),
+                            d = c[a + "queue"],
+                            e = c[a + "queueHooks"],
+                            f = n.timers,
+                            g = d ? d.length : 0;
+                        for (
+                            c.finish = !0,
+                                n.queue(this, a, []),
+                                e && e.stop && e.stop.call(this, !0),
+                                b = f.length;
+                            b--;
+
+                        )
+                            f[b].elem === this &&
+                                f[b].queue === a &&
+                                (f[b].anim.stop(!0), f.splice(b, 1));
+                        for (b = 0; g > b; b++)
+                            d[b] && d[b].finish && d[b].finish.call(this);
+                        delete c.finish;
+                    })
+                );
+            },
+        }),
+        n.each(["toggle", "show", "hide"], function (a, b) {
+            var c = n.fn[b];
+            n.fn[b] = function (a, d, e) {
+                return null == a || "boolean" == typeof a
+                    ? c.apply(this, arguments)
+                    : this.animate(Xa(b, !0), a, d, e);
+            };
+        }),
+        n.each(
+            {
+                slideDown: Xa("show"),
+                slideUp: Xa("hide"),
+                slideToggle: Xa("toggle"),
+                fadeIn: { opacity: "show" },
+                fadeOut: { opacity: "hide" },
+                fadeToggle: { opacity: "toggle" },
+            },
+            function (a, b) {
+                n.fn[a] = function (a, c, d) {
+                    return this.animate(b, a, c, d);
+                };
+            }
+        ),
+        (n.timers = []),
+        (n.fx.tick = function () {
+            var a,
+                b = 0,
+                c = n.timers;
+            for (Sa = n.now(); b < c.length; b++)
+                (a = c[b]), a() || c[b] !== a || c.splice(b--, 1);
+            c.length || n.fx.stop(), (Sa = void 0);
+        }),
+        (n.fx.timer = function (a) {
+            n.timers.push(a), a() ? n.fx.start() : n.timers.pop();
+        }),
+        (n.fx.interval = 13),
+        (n.fx.start = function () {
+            Ta || (Ta = a.setInterval(n.fx.tick, n.fx.interval));
+        }),
+        (n.fx.stop = function () {
+            a.clearInterval(Ta), (Ta = null);
+        }),
+        (n.fx.speeds = { slow: 600, fast: 200, _default: 400 }),
+        (n.fn.delay = function (b, c) {
+            return (
+                (b = n.fx ? n.fx.speeds[b] || b : b),
+                (c = c || "fx"),
+                this.queue(c, function (c, d) {
+                    var e = a.setTimeout(c, b);
+                    d.stop = function () {
+                        a.clearTimeout(e);
+                    };
+                })
+            );
+        }),
+        (function () {
+            var a = d.createElement("input"),
+                b = d.createElement("select"),
+                c = b.appendChild(d.createElement("option"));
+            (a.type = "checkbox"),
+                (l.checkOn = "" !== a.value),
+                (l.optSelected = c.selected),
+                (b.disabled = !0),
+                (l.optDisabled = !c.disabled),
+                (a = d.createElement("input")),
+                (a.value = "t"),
+                (a.type = "radio"),
+                (l.radioValue = "t" === a.value);
+        })();
+    var ab,
+        bb = n.expr.attrHandle;
+    n.fn.extend({
+        attr: function (a, b) {
+            return K(this, n.attr, a, b, arguments.length > 1);
+        },
+        removeAttr: function (a) {
+            return this.each(function () {
+                n.removeAttr(this, a);
+            });
+        },
+    }),
+        n.extend({
+            attr: function (a, b, c) {
+                var d,
+                    e,
+                    f = a.nodeType;
+                if (3 !== f && 8 !== f && 2 !== f)
+                    return "undefined" == typeof a.getAttribute
+                        ? n.prop(a, b, c)
+                        : ((1 === f && n.isXMLDoc(a)) ||
+                              ((b = b.toLowerCase()),
+                              (e =
+                                  n.attrHooks[b] ||
+                                  (n.expr.match.bool.test(b) ? ab : void 0))),
+                          void 0 !== c
+                              ? null === c
+                                  ? void n.removeAttr(a, b)
+                                  : e &&
+                                    "set" in e &&
+                                    void 0 !== (d = e.set(a, c, b))
+                                  ? d
+                                  : (a.setAttribute(b, c + ""), c)
+                              : e && "get" in e && null !== (d = e.get(a, b))
+                              ? d
+                              : ((d = n.find.attr(a, b)),
+                                null == d ? void 0 : d));
+            },
+            attrHooks: {
+                type: {
+                    set: function (a, b) {
+                        if (
+                            !l.radioValue &&
+                            "radio" === b &&
+                            n.nodeName(a, "input")
+                        ) {
+                            var c = a.value;
+                            return (
+                                a.setAttribute("type", b), c && (a.value = c), b
+                            );
+                        }
+                    },
+                },
+            },
+            removeAttr: function (a, b) {
+                var c,
+                    d,
+                    e = 0,
+                    f = b && b.match(G);
+                if (f && 1 === a.nodeType)
+                    while ((c = f[e++]))
+                        (d = n.propFix[c] || c),
+                            n.expr.match.bool.test(c) && (a[d] = !1),
+                            a.removeAttribute(c);
+            },
+        }),
+        (ab = {
+            set: function (a, b, c) {
+                return b === !1 ? n.removeAttr(a, c) : a.setAttribute(c, c), c;
+            },
+        }),
+        n.each(n.expr.match.bool.source.match(/\w+/g), function (a, b) {
+            var c = bb[b] || n.find.attr;
+            bb[b] = function (a, b, d) {
+                var e, f;
+                return (
+                    d ||
+                        ((f = bb[b]),
+                        (bb[b] = e),
+                        (e = null != c(a, b, d) ? b.toLowerCase() : null),
+                        (bb[b] = f)),
+                    e
+                );
+            };
+        });
+    var cb = /^(?:input|select|textarea|button)$/i,
+        db = /^(?:a|area)$/i;
+    n.fn.extend({
+        prop: function (a, b) {
+            return K(this, n.prop, a, b, arguments.length > 1);
+        },
+        removeProp: function (a) {
+            return this.each(function () {
+                delete this[n.propFix[a] || a];
+            });
+        },
+    }),
+        n.extend({
+            prop: function (a, b, c) {
+                var d,
+                    e,
+                    f = a.nodeType;
+                if (3 !== f && 8 !== f && 2 !== f)
+                    return (
+                        (1 === f && n.isXMLDoc(a)) ||
+                            ((b = n.propFix[b] || b), (e = n.propHooks[b])),
+                        void 0 !== c
+                            ? e && "set" in e && void 0 !== (d = e.set(a, c, b))
+                                ? d
+                                : (a[b] = c)
+                            : e && "get" in e && null !== (d = e.get(a, b))
+                            ? d
+                            : a[b]
+                    );
+            },
+            propHooks: {
+                tabIndex: {
+                    get: function (a) {
+                        var b = n.find.attr(a, "tabindex");
+                        return b
+                            ? parseInt(b, 10)
+                            : cb.test(a.nodeName) ||
+                              (db.test(a.nodeName) && a.href)
+                            ? 0
+                            : -1;
+                    },
+                },
+            },
+            propFix: { for: "htmlFor", class: "className" },
+        }),
+        l.optSelected ||
+            (n.propHooks.selected = {
+                get: function (a) {
+                    var b = a.parentNode;
+                    return (
+                        b && b.parentNode && b.parentNode.selectedIndex, null
+                    );
+                },
+                set: function (a) {
+                    var b = a.parentNode;
+                    b &&
+                        (b.selectedIndex,
+                        b.parentNode && b.parentNode.selectedIndex);
+                },
+            }),
+        n.each(
+            [
+                "tabIndex",
+                "readOnly",
+                "maxLength",
+                "cellSpacing",
+                "cellPadding",
+                "rowSpan",
+                "colSpan",
+                "useMap",
+                "frameBorder",
+                "contentEditable",
+            ],
+            function () {
+                n.propFix[this.toLowerCase()] = this;
+            }
+        );
+    var eb = /[\t\r\n\f]/g;
+    function fb(a) {
+        return (a.getAttribute && a.getAttribute("class")) || "";
+    }
+    n.fn.extend({
+        addClass: function (a) {
+            var b,
+                c,
+                d,
+                e,
+                f,
+                g,
+                h,
+                i = 0;
+            if (n.isFunction(a))
+                return this.each(function (b) {
+                    n(this).addClass(a.call(this, b, fb(this)));
+                });
+            if ("string" == typeof a && a) {
+                b = a.match(G) || [];
+                while ((c = this[i++]))
+                    if (
+                        ((e = fb(c)),
+                        (d =
+                            1 === c.nodeType &&
+                            (" " + e + " ").replace(eb, " ")))
+                    ) {
+                        g = 0;
+                        while ((f = b[g++]))
+                            d.indexOf(" " + f + " ") < 0 && (d += f + " ");
+                        (h = n.trim(d)), e !== h && c.setAttribute("class", h);
+                    }
+            }
+            return this;
+        },
+        removeClass: function (a) {
+            var b,
+                c,
+                d,
+                e,
+                f,
+                g,
+                h,
+                i = 0;
+            if (n.isFunction(a))
+                return this.each(function (b) {
+                    n(this).removeClass(a.call(this, b, fb(this)));
+                });
+            if (!arguments.length) return this.attr("class", "");
+            if ("string" == typeof a && a) {
+                b = a.match(G) || [];
+                while ((c = this[i++]))
+                    if (
+                        ((e = fb(c)),
+                        (d =
+                            1 === c.nodeType &&
+                            (" " + e + " ").replace(eb, " ")))
+                    ) {
+                        g = 0;
+                        while ((f = b[g++]))
+                            while (d.indexOf(" " + f + " ") > -1)
+                                d = d.replace(" " + f + " ", " ");
+                        (h = n.trim(d)), e !== h && c.setAttribute("class", h);
+                    }
+            }
+            return this;
+        },
+        toggleClass: function (a, b) {
+            var c = typeof a;
+            return "boolean" == typeof b && "string" === c
+                ? b
+                    ? this.addClass(a)
+                    : this.removeClass(a)
+                : n.isFunction(a)
+                ? this.each(function (c) {
+                      n(this).toggleClass(a.call(this, c, fb(this), b), b);
+                  })
+                : this.each(function () {
+                      var b, d, e, f;
+                      if ("string" === c) {
+                          (d = 0), (e = n(this)), (f = a.match(G) || []);
+                          while ((b = f[d++]))
+                              e.hasClass(b) ? e.removeClass(b) : e.addClass(b);
+                      } else (void 0 !== a && "boolean" !== c) || ((b = fb(this)), b && N.set(this, "__className__", b), this.setAttribute && this.setAttribute("class", b || a === !1 ? "" : N.get(this, "__className__") || ""));
+                  });
+        },
+        hasClass: function (a) {
+            var b,
+                c,
+                d = 0;
+            b = " " + a + " ";
+            while ((c = this[d++]))
+                if (
+                    1 === c.nodeType &&
+                    (" " + fb(c) + " ").replace(eb, " ").indexOf(b) > -1
+                )
+                    return !0;
+            return !1;
+        },
+    });
+    var gb = /\r/g,
+        hb = /[\x20\t\r\n\f]+/g;
+    n.fn.extend({
+        val: function (a) {
+            var b,
+                c,
+                d,
+                e = this[0];
+            {
+                if (arguments.length)
+                    return (
+                        (d = n.isFunction(a)),
+                        this.each(function (c) {
+                            var e;
+                            1 === this.nodeType &&
+                                ((e = d ? a.call(this, c, n(this).val()) : a),
+                                null == e
+                                    ? (e = "")
+                                    : "number" == typeof e
+                                    ? (e += "")
+                                    : n.isArray(e) &&
+                                      (e = n.map(e, function (a) {
+                                          return null == a ? "" : a + "";
+                                      })),
+                                (b =
+                                    n.valHooks[this.type] ||
+                                    n.valHooks[this.nodeName.toLowerCase()]),
+                                (b &&
+                                    "set" in b &&
+                                    void 0 !== b.set(this, e, "value")) ||
+                                    (this.value = e));
+                        })
+                    );
+                if (e)
+                    return (
+                        (b =
+                            n.valHooks[e.type] ||
+                            n.valHooks[e.nodeName.toLowerCase()]),
+                        b && "get" in b && void 0 !== (c = b.get(e, "value"))
+                            ? c
+                            : ((c = e.value),
+                              "string" == typeof c
+                                  ? c.replace(gb, "")
+                                  : null == c
+                                  ? ""
+                                  : c)
+                    );
+            }
+        },
+    }),
+        n.extend({
+            valHooks: {
+                option: {
+                    get: function (a) {
+                        var b = n.find.attr(a, "value");
+                        return null != b
+                            ? b
+                            : n.trim(n.text(a)).replace(hb, " ");
+                    },
+                },
+                select: {
+                    get: function (a) {
+                        for (
+                            var b,
+                                c,
+                                d = a.options,
+                                e = a.selectedIndex,
+                                f = "select-one" === a.type || 0 > e,
+                                g = f ? null : [],
+                                h = f ? e + 1 : d.length,
+                                i = 0 > e ? h : f ? e : 0;
+                            h > i;
+                            i++
+                        )
+                            if (
+                                ((c = d[i]),
+                                (c.selected || i === e) &&
+                                    (l.optDisabled
+                                        ? !c.disabled
+                                        : null ===
+                                          c.getAttribute("disabled")) &&
+                                    (!c.parentNode.disabled ||
+                                        !n.nodeName(c.parentNode, "optgroup")))
+                            ) {
+                                if (((b = n(c).val()), f)) return b;
+                                g.push(b);
+                            }
+                        return g;
+                    },
+                    set: function (a, b) {
+                        var c,
+                            d,
+                            e = a.options,
+                            f = n.makeArray(b),
+                            g = e.length;
+                        while (g--)
+                            (d = e[g]),
+                                (d.selected =
+                                    n.inArray(n.valHooks.option.get(d), f) >
+                                    -1) && (c = !0);
+                        return c || (a.selectedIndex = -1), f;
+                    },
+                },
+            },
+        }),
+        n.each(["radio", "checkbox"], function () {
+            (n.valHooks[this] = {
+                set: function (a, b) {
+                    return n.isArray(b)
+                        ? (a.checked = n.inArray(n(a).val(), b) > -1)
+                        : void 0;
+                },
+            }),
+                l.checkOn ||
+                    (n.valHooks[this].get = function (a) {
+                        return null === a.getAttribute("value")
+                            ? "on"
+                            : a.value;
+                    });
+        });
+    var ib = /^(?:focusinfocus|focusoutblur)$/;
+    n.extend(n.event, {
+        trigger: function (b, c, e, f) {
+            var g,
+                h,
+                i,
+                j,
+                l,
+                m,
+                o,
+                p = [e || d],
+                q = k.call(b, "type") ? b.type : b,
+                r = k.call(b, "namespace") ? b.namespace.split(".") : [];
+            if (
+                ((h = i = e = e || d),
+                3 !== e.nodeType &&
+                    8 !== e.nodeType &&
+                    !ib.test(q + n.event.triggered) &&
+                    (q.indexOf(".") > -1 &&
+                        ((r = q.split(".")), (q = r.shift()), r.sort()),
+                    (l = q.indexOf(":") < 0 && "on" + q),
+                    (b = b[n.expando]
+                        ? b
+                        : new n.Event(q, "object" == typeof b && b)),
+                    (b.isTrigger = f ? 2 : 3),
+                    (b.namespace = r.join(".")),
+                    (b.rnamespace = b.namespace
+                        ? new RegExp(
+                              "(^|\\.)" + r.join("\\.(?:.*\\.|)") + "(\\.|$)"
+                          )
+                        : null),
+                    (b.result = void 0),
+                    b.target || (b.target = e),
+                    (c = null == c ? [b] : n.makeArray(c, [b])),
+                    (o = n.event.special[q] || {}),
+                    f || !o.trigger || o.trigger.apply(e, c) !== !1))
+            ) {
+                if (!f && !o.noBubble && !n.isWindow(e)) {
+                    for (
+                        j = o.delegateType || q,
+                            ib.test(j + q) || (h = h.parentNode);
+                        h;
+                        h = h.parentNode
+                    )
+                        p.push(h), (i = h);
+                    i === (e.ownerDocument || d) &&
+                        p.push(i.defaultView || i.parentWindow || a);
+                }
+                g = 0;
+                while ((h = p[g++]) && !b.isPropagationStopped())
+                    (b.type = g > 1 ? j : o.bindType || q),
+                        (m =
+                            (N.get(h, "events") || {})[b.type] &&
+                            N.get(h, "handle")),
+                        m && m.apply(h, c),
+                        (m = l && h[l]),
+                        m &&
+                            m.apply &&
+                            L(h) &&
+                            ((b.result = m.apply(h, c)),
+                            b.result === !1 && b.preventDefault());
+                return (
+                    (b.type = q),
+                    f ||
+                        b.isDefaultPrevented() ||
+                        (o._default && o._default.apply(p.pop(), c) !== !1) ||
+                        !L(e) ||
+                        (l &&
+                            n.isFunction(e[q]) &&
+                            !n.isWindow(e) &&
+                            ((i = e[l]),
+                            i && (e[l] = null),
+                            (n.event.triggered = q),
+                            e[q](),
+                            (n.event.triggered = void 0),
+                            i && (e[l] = i))),
+                    b.result
+                );
+            }
+        },
+        simulate: function (a, b, c) {
+            var d = n.extend(new n.Event(), c, { type: a, isSimulated: !0 });
+            n.event.trigger(d, null, b),
+                d.isDefaultPrevented() && c.preventDefault();
+        },
+    }),
+        n.fn.extend({
+            trigger: function (a, b) {
+                return this.each(function () {
+                    n.event.trigger(a, b, this);
+                });
+            },
+            triggerHandler: function (a, b) {
+                var c = this[0];
+                return c ? n.event.trigger(a, b, c, !0) : void 0;
+            },
+        }),
+        n.each(
+            "blur focus focusin focusout load resize scroll unload click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup error contextmenu".split(
+                " "
+            ),
+            function (a, b) {
+                n.fn[b] = function (a, c) {
+                    return arguments.length > 0
+                        ? this.on(b, null, a, c)
+                        : this.trigger(b);
+                };
+            }
+        ),
+        n.fn.extend({
+            hover: function (a, b) {
+                return this.mouseenter(a).mouseleave(b || a);
+            },
+        }),
+        (l.focusin = "onfocusin" in a),
+        l.focusin ||
+            n.each({ focus: "focusin", blur: "focusout" }, function (a, b) {
+                var c = function (a) {
+                    n.event.simulate(b, a.target, n.event.fix(a));
+                };
+                n.event.special[b] = {
+                    setup: function () {
+                        var d = this.ownerDocument || this,
+                            e = N.access(d, b);
+                        e || d.addEventListener(a, c, !0),
+                            N.access(d, b, (e || 0) + 1);
+                    },
+                    teardown: function () {
+                        var d = this.ownerDocument || this,
+                            e = N.access(d, b) - 1;
+                        e
+                            ? N.access(d, b, e)
+                            : (d.removeEventListener(a, c, !0), N.remove(d, b));
+                    },
+                };
+            });
+    var jb = a.location,
+        kb = n.now(),
+        lb = /\?/;
+    (n.parseJSON = function (a) {
+        return JSON.parse(a + "");
+    }),
+        (n.parseXML = function (b) {
+            var c;
+            if (!b || "string" != typeof b) return null;
+            try {
+                c = new a.DOMParser().parseFromString(b, "text/xml");
+            } catch (d) {
+                c = void 0;
+            }
+            return (
+                (c && !c.getElementsByTagName("parsererror").length) ||
+                    n.error("Invalid XML: " + b),
+                c
+            );
+        });
+    var mb = /#.*$/,
+        nb = /([?&])_=[^&]*/,
+        ob = /^(.*?):[ \t]*([^\r\n]*)$/gm,
+        pb = /^(?:about|app|app-storage|.+-extension|file|res|widget):$/,
+        qb = /^(?:GET|HEAD)$/,
+        rb = /^\/\//,
+        sb = {},
+        tb = {},
+        ub = "*/".concat("*"),
+        vb = d.createElement("a");
+    vb.href = jb.href;
+    function wb(a) {
+        return function (b, c) {
+            "string" != typeof b && ((c = b), (b = "*"));
+            var d,
+                e = 0,
+                f = b.toLowerCase().match(G) || [];
+            if (n.isFunction(c))
+                while ((d = f[e++]))
+                    "+" === d[0]
+                        ? ((d = d.slice(1) || "*"),
+                          (a[d] = a[d] || []).unshift(c))
+                        : (a[d] = a[d] || []).push(c);
+        };
+    }
+    function xb(a, b, c, d) {
+        var e = {},
+            f = a === tb;
+        function g(h) {
+            var i;
+            return (
+                (e[h] = !0),
+                n.each(a[h] || [], function (a, h) {
+                    var j = h(b, c, d);
+                    return "string" != typeof j || f || e[j]
+                        ? f
+                            ? !(i = j)
+                            : void 0
+                        : (b.dataTypes.unshift(j), g(j), !1);
+                }),
+                i
+            );
+        }
+        return g(b.dataTypes[0]) || (!e["*"] && g("*"));
+    }
+    function yb(a, b) {
+        var c,
+            d,
+            e = n.ajaxSettings.flatOptions || {};
+        for (c in b) void 0 !== b[c] && ((e[c] ? a : d || (d = {}))[c] = b[c]);
+        return d && n.extend(!0, a, d), a;
+    }
+    function zb(a, b, c) {
+        var d,
+            e,
+            f,
+            g,
+            h = a.contents,
+            i = a.dataTypes;
+        while ("*" === i[0])
+            i.shift(),
+                void 0 === d &&
+                    (d = a.mimeType || b.getResponseHeader("Content-Type"));
+        if (d)
+            for (e in h)
+                if (h[e] && h[e].test(d)) {
+                    i.unshift(e);
+                    break;
+                }
+        if (i[0] in c) f = i[0];
+        else {
+            for (e in c) {
+                if (!i[0] || a.converters[e + " " + i[0]]) {
+                    f = e;
+                    break;
+                }
+                g || (g = e);
+            }
+            f = f || g;
+        }
+        return f ? (f !== i[0] && i.unshift(f), c[f]) : void 0;
+    }
+    function Ab(a, b, c, d) {
+        var e,
+            f,
+            g,
+            h,
+            i,
+            j = {},
+            k = a.dataTypes.slice();
+        if (k[1]) for (g in a.converters) j[g.toLowerCase()] = a.converters[g];
+        f = k.shift();
+        while (f)
+            if (
+                (a.responseFields[f] && (c[a.responseFields[f]] = b),
+                !i && d && a.dataFilter && (b = a.dataFilter(b, a.dataType)),
+                (i = f),
+                (f = k.shift()))
+            )
+                if ("*" === f) f = i;
+                else if ("*" !== i && i !== f) {
+                    if (((g = j[i + " " + f] || j["* " + f]), !g))
+                        for (e in j)
+                            if (
+                                ((h = e.split(" ")),
+                                h[1] === f &&
+                                    (g = j[i + " " + h[0]] || j["* " + h[0]]))
+                            ) {
+                                g === !0
+                                    ? (g = j[e])
+                                    : j[e] !== !0 &&
+                                      ((f = h[0]), k.unshift(h[1]));
+                                break;
+                            }
+                    if (g !== !0)
+                        if (g && a["throws"]) b = g(b);
+                        else
+                            try {
+                                b = g(b);
+                            } catch (l) {
+                                return {
+                                    state: "parsererror",
+                                    error: g
+                                        ? l
+                                        : "No conversion from " +
+                                          i +
+                                          " to " +
+                                          f,
+                                };
+                            }
+                }
+        return { state: "success", data: b };
+    }
+    n.extend({
+        active: 0,
+        lastModified: {},
+        etag: {},
+        ajaxSettings: {
+            url: jb.href,
+            type: "GET",
+            isLocal: pb.test(jb.protocol),
+            global: !0,
+            processData: !0,
+            async: !0,
+            contentType: "application/x-www-form-urlencoded; charset=UTF-8",
+            accepts: {
+                "*": ub,
+                text: "text/plain",
+                html: "text/html",
+                xml: "application/xml, text/xml",
+                json: "application/json, text/javascript",
+            },
+            contents: { xml: /\bxml\b/, html: /\bhtml/, json: /\bjson\b/ },
+            responseFields: {
+                xml: "responseXML",
+                text: "responseText",
+                json: "responseJSON",
+            },
+            converters: {
+                "* text": String,
+                "text html": !0,
+                "text json": n.parseJSON,
+                "text xml": n.parseXML,
+            },
+            flatOptions: { url: !0, context: !0 },
+        },
+        ajaxSetup: function (a, b) {
+            return b ? yb(yb(a, n.ajaxSettings), b) : yb(n.ajaxSettings, a);
+        },
+        ajaxPrefilter: wb(sb),
+        ajaxTransport: wb(tb),
+        ajax: function (b, c) {
+            "object" == typeof b && ((c = b), (b = void 0)), (c = c || {});
+            var e,
+                f,
+                g,
+                h,
+                i,
+                j,
+                k,
+                l,
+                m = n.ajaxSetup({}, c),
+                o = m.context || m,
+                p = m.context && (o.nodeType || o.jquery) ? n(o) : n.event,
+                q = n.Deferred(),
+                r = n.Callbacks("once memory"),
+                s = m.statusCode || {},
+                t = {},
+                u = {},
+                v = 0,
+                w = "canceled",
+                x = {
+                    readyState: 0,
+                    getResponseHeader: function (a) {
+                        var b;
+                        if (2 === v) {
+                            if (!h) {
+                                h = {};
+                                while ((b = ob.exec(g)))
+                                    h[b[1].toLowerCase()] = b[2];
+                            }
+                            b = h[a.toLowerCase()];
+                        }
+                        return null == b ? null : b;
+                    },
+                    getAllResponseHeaders: function () {
+                        return 2 === v ? g : null;
+                    },
+                    setRequestHeader: function (a, b) {
+                        var c = a.toLowerCase();
+                        return v || ((a = u[c] = u[c] || a), (t[a] = b)), this;
+                    },
+                    overrideMimeType: function (a) {
+                        return v || (m.mimeType = a), this;
+                    },
+                    statusCode: function (a) {
+                        var b;
+                        if (a)
+                            if (2 > v) for (b in a) s[b] = [s[b], a[b]];
+                            else x.always(a[x.status]);
+                        return this;
+                    },
+                    abort: function (a) {
+                        var b = a || w;
+                        return e && e.abort(b), z(0, b), this;
+                    },
+                };
+            if (
+                ((q.promise(x).complete = r.add),
+                (x.success = x.done),
+                (x.error = x.fail),
+                (m.url = ((b || m.url || jb.href) + "")
+                    .replace(mb, "")
+                    .replace(rb, jb.protocol + "//")),
+                (m.type = c.method || c.type || m.method || m.type),
+                (m.dataTypes = n
+                    .trim(m.dataType || "*")
+                    .toLowerCase()
+                    .match(G) || [""]),
+                null == m.crossDomain)
+            ) {
+                j = d.createElement("a");
+                try {
+                    (j.href = m.url),
+                        (j.href = j.href),
+                        (m.crossDomain =
+                            vb.protocol + "//" + vb.host !=
+                            j.protocol + "//" + j.host);
+                } catch (y) {
+                    m.crossDomain = !0;
+                }
+            }
+            if (
+                (m.data &&
+                    m.processData &&
+                    "string" != typeof m.data &&
+                    (m.data = n.param(m.data, m.traditional)),
+                xb(sb, m, c, x),
+                2 === v)
+            )
+                return x;
+            (k = n.event && m.global),
+                k && 0 === n.active++ && n.event.trigger("ajaxStart"),
+                (m.type = m.type.toUpperCase()),
+                (m.hasContent = !qb.test(m.type)),
+                (f = m.url),
+                m.hasContent ||
+                    (m.data &&
+                        ((f = m.url += (lb.test(f) ? "&" : "?") + m.data),
+                        delete m.data),
+                    m.cache === !1 &&
+                        (m.url = nb.test(f)
+                            ? f.replace(nb, "$1_=" + kb++)
+                            : f + (lb.test(f) ? "&" : "?") + "_=" + kb++)),
+                m.ifModified &&
+                    (n.lastModified[f] &&
+                        x.setRequestHeader(
+                            "If-Modified-Since",
+                            n.lastModified[f]
+                        ),
+                    n.etag[f] &&
+                        x.setRequestHeader("If-None-Match", n.etag[f])),
+                ((m.data && m.hasContent && m.contentType !== !1) ||
+                    c.contentType) &&
+                    x.setRequestHeader("Content-Type", m.contentType),
+                x.setRequestHeader(
+                    "Accept",
+                    m.dataTypes[0] && m.accepts[m.dataTypes[0]]
+                        ? m.accepts[m.dataTypes[0]] +
+                              ("*" !== m.dataTypes[0]
+                                  ? ", " + ub + "; q=0.01"
+                                  : "")
+                        : m.accepts["*"]
+                );
+            for (l in m.headers) x.setRequestHeader(l, m.headers[l]);
+            if (m.beforeSend && (m.beforeSend.call(o, x, m) === !1 || 2 === v))
+                return x.abort();
+            w = "abort";
+            for (l in { success: 1, error: 1, complete: 1 }) x[l](m[l]);
+            if ((e = xb(tb, m, c, x))) {
+                if (
+                    ((x.readyState = 1),
+                    k && p.trigger("ajaxSend", [x, m]),
+                    2 === v)
+                )
+                    return x;
+                m.async &&
+                    m.timeout > 0 &&
+                    (i = a.setTimeout(function () {
+                        x.abort("timeout");
+                    }, m.timeout));
+                try {
+                    (v = 1), e.send(t, z);
+                } catch (y) {
+                    if (!(2 > v)) throw y;
+                    z(-1, y);
+                }
+            } else z(-1, "No Transport");
+            function z(b, c, d, h) {
+                var j,
+                    l,
+                    t,
+                    u,
+                    w,
+                    y = c;
+                2 !== v &&
+                    ((v = 2),
+                    i && a.clearTimeout(i),
+                    (e = void 0),
+                    (g = h || ""),
+                    (x.readyState = b > 0 ? 4 : 0),
+                    (j = (b >= 200 && 300 > b) || 304 === b),
+                    d && (u = zb(m, x, d)),
+                    (u = Ab(m, u, x, j)),
+                    j
+                        ? (m.ifModified &&
+                              ((w = x.getResponseHeader("Last-Modified")),
+                              w && (n.lastModified[f] = w),
+                              (w = x.getResponseHeader("etag")),
+                              w && (n.etag[f] = w)),
+                          204 === b || "HEAD" === m.type
+                              ? (y = "nocontent")
+                              : 304 === b
+                              ? (y = "notmodified")
+                              : ((y = u.state),
+                                (l = u.data),
+                                (t = u.error),
+                                (j = !t)))
+                        : ((t = y),
+                          (!b && y) || ((y = "error"), 0 > b && (b = 0))),
+                    (x.status = b),
+                    (x.statusText = (c || y) + ""),
+                    j
+                        ? q.resolveWith(o, [l, y, x])
+                        : q.rejectWith(o, [x, y, t]),
+                    x.statusCode(s),
+                    (s = void 0),
+                    k &&
+                        p.trigger(j ? "ajaxSuccess" : "ajaxError", [
+                            x,
+                            m,
+                            j ? l : t,
+                        ]),
+                    r.fireWith(o, [x, y]),
+                    k &&
+                        (p.trigger("ajaxComplete", [x, m]),
+                        --n.active || n.event.trigger("ajaxStop")));
+            }
+            return x;
+        },
+        getJSON: function (a, b, c) {
+            return n.get(a, b, c, "json");
+        },
+        getScript: function (a, b) {
+            return n.get(a, void 0, b, "script");
+        },
+    }),
+        n.each(["get", "post"], function (a, b) {
+            n[b] = function (a, c, d, e) {
+                return (
+                    n.isFunction(c) && ((e = e || d), (d = c), (c = void 0)),
+                    n.ajax(
+                        n.extend(
+                            {
+                                url: a,
+                                type: b,
+                                dataType: e,
+                                data: c,
+                                success: d,
+                            },
+                            n.isPlainObject(a) && a
+                        )
+                    )
+                );
+            };
+        }),
+        (n._evalUrl = function (a) {
+            return n.ajax({
+                url: a,
+                type: "GET",
+                dataType: "script",
+                async: !1,
+                global: !1,
+                throws: !0,
+            });
+        }),
+        n.fn.extend({
+            wrapAll: function (a) {
+                var b;
+                return n.isFunction(a)
+                    ? this.each(function (b) {
+                          n(this).wrapAll(a.call(this, b));
+                      })
+                    : (this[0] &&
+                          ((b = n(a, this[0].ownerDocument).eq(0).clone(!0)),
+                          this[0].parentNode && b.insertBefore(this[0]),
+                          b
+                              .map(function () {
+                                  var a = this;
+                                  while (a.firstElementChild)
+                                      a = a.firstElementChild;
+                                  return a;
+                              })
+                              .append(this)),
+                      this);
+            },
+            wrapInner: function (a) {
+                return n.isFunction(a)
+                    ? this.each(function (b) {
+                          n(this).wrapInner(a.call(this, b));
+                      })
+                    : this.each(function () {
+                          var b = n(this),
+                              c = b.contents();
+                          c.length ? c.wrapAll(a) : b.append(a);
+                      });
+            },
+            wrap: function (a) {
+                var b = n.isFunction(a);
+                return this.each(function (c) {
+                    n(this).wrapAll(b ? a.call(this, c) : a);
+                });
+            },
+            unwrap: function () {
+                return this.parent()
+                    .each(function () {
+                        n.nodeName(this, "body") ||
+                            n(this).replaceWith(this.childNodes);
+                    })
+                    .end();
+            },
+        }),
+        (n.expr.filters.hidden = function (a) {
+            return !n.expr.filters.visible(a);
+        }),
+        (n.expr.filters.visible = function (a) {
+            return (
+                a.offsetWidth > 0 ||
+                a.offsetHeight > 0 ||
+                a.getClientRects().length > 0
+            );
+        });
+    var Bb = /%20/g,
+        Cb = /\[\]$/,
+        Db = /\r?\n/g,
+        Eb = /^(?:submit|button|image|reset|file)$/i,
+        Fb = /^(?:input|select|textarea|keygen)/i;
+    function Gb(a, b, c, d) {
+        var e;
+        if (n.isArray(b))
+            n.each(b, function (b, e) {
+                c || Cb.test(a)
+                    ? d(a, e)
+                    : Gb(
+                          a +
+                              "[" +
+                              ("object" == typeof e && null != e ? b : "") +
+                              "]",
+                          e,
+                          c,
+                          d
+                      );
+            });
+        else if (c || "object" !== n.type(b)) d(a, b);
+        else for (e in b) Gb(a + "[" + e + "]", b[e], c, d);
+    }
+    (n.param = function (a, b) {
+        var c,
+            d = [],
+            e = function (a, b) {
+                (b = n.isFunction(b) ? b() : null == b ? "" : b),
+                    (d[d.length] =
+                        encodeURIComponent(a) + "=" + encodeURIComponent(b));
+            };
+        if (
+            (void 0 === b && (b = n.ajaxSettings && n.ajaxSettings.traditional),
+            n.isArray(a) || (a.jquery && !n.isPlainObject(a)))
+        )
+            n.each(a, function () {
+                e(this.name, this.value);
+            });
+        else for (c in a) Gb(c, a[c], b, e);
+        return d.join("&").replace(Bb, "+");
+    }),
+        n.fn.extend({
+            serialize: function () {
+                return n.param(this.serializeArray());
+            },
+            serializeArray: function () {
+                return this.map(function () {
+                    var a = n.prop(this, "elements");
+                    return a ? n.makeArray(a) : this;
+                })
+                    .filter(function () {
+                        var a = this.type;
+                        return (
+                            this.name &&
+                            !n(this).is(":disabled") &&
+                            Fb.test(this.nodeName) &&
+                            !Eb.test(a) &&
+                            (this.checked || !X.test(a))
+                        );
+                    })
+                    .map(function (a, b) {
+                        var c = n(this).val();
+                        return null == c
+                            ? null
+                            : n.isArray(c)
+                            ? n.map(c, function (a) {
+                                  return {
+                                      name: b.name,
+                                      value: a.replace(Db, "\r\n"),
+                                  };
+                              })
+                            : { name: b.name, value: c.replace(Db, "\r\n") };
+                    })
+                    .get();
+            },
+        }),
+        (n.ajaxSettings.xhr = function () {
+            try {
+                return new a.XMLHttpRequest();
+            } catch (b) {}
+        });
+    var Hb = { 0: 200, 1223: 204 },
+        Ib = n.ajaxSettings.xhr();
+    (l.cors = !!Ib && "withCredentials" in Ib),
+        (l.ajax = Ib = !!Ib),
+        n.ajaxTransport(function (b) {
+            var c, d;
+            return l.cors || (Ib && !b.crossDomain)
+                ? {
+                      send: function (e, f) {
+                          var g,
+                              h = b.xhr();
+                          if (
+                              (h.open(
+                                  b.type,
+                                  b.url,
+                                  b.async,
+                                  b.username,
+                                  b.password
+                              ),
+                              b.xhrFields)
+                          )
+                              for (g in b.xhrFields) h[g] = b.xhrFields[g];
+                          b.mimeType &&
+                              h.overrideMimeType &&
+                              h.overrideMimeType(b.mimeType),
+                              b.crossDomain ||
+                                  e["X-Requested-With"] ||
+                                  (e["X-Requested-With"] = "XMLHttpRequest");
+                          for (g in e) h.setRequestHeader(g, e[g]);
+                          (c = function (a) {
+                              return function () {
+                                  c &&
+                                      ((c =
+                                          d =
+                                          h.onload =
+                                          h.onerror =
+                                          h.onabort =
+                                          h.onreadystatechange =
+                                              null),
+                                      "abort" === a
+                                          ? h.abort()
+                                          : "error" === a
+                                          ? "number" != typeof h.status
+                                              ? f(0, "error")
+                                              : f(h.status, h.statusText)
+                                          : f(
+                                                Hb[h.status] || h.status,
+                                                h.statusText,
+                                                "text" !==
+                                                    (h.responseType ||
+                                                        "text") ||
+                                                    "string" !=
+                                                        typeof h.responseText
+                                                    ? { binary: h.response }
+                                                    : { text: h.responseText },
+                                                h.getAllResponseHeaders()
+                                            ));
+                              };
+                          }),
+                              (h.onload = c()),
+                              (d = h.onerror = c("error")),
+                              void 0 !== h.onabort
+                                  ? (h.onabort = d)
+                                  : (h.onreadystatechange = function () {
+                                        4 === h.readyState &&
+                                            a.setTimeout(function () {
+                                                c && d();
+                                            });
+                                    }),
+                              (c = c("abort"));
+                          try {
+                              h.send((b.hasContent && b.data) || null);
+                          } catch (i) {
+                              if (c) throw i;
+                          }
+                      },
+                      abort: function () {
+                          c && c();
+                      },
+                  }
+                : void 0;
+        }),
+        n.ajaxSetup({
+            accepts: {
+                script: "text/javascript, application/javascript, application/ecmascript, application/x-ecmascript",
+            },
+            contents: { script: /\b(?:java|ecma)script\b/ },
+            converters: {
+                "text script": function (a) {
+                    return n.globalEval(a), a;
+                },
+            },
+        }),
+        n.ajaxPrefilter("script", function (a) {
+            void 0 === a.cache && (a.cache = !1),
+                a.crossDomain && (a.type = "GET");
+        }),
+        n.ajaxTransport("script", function (a) {
+            if (a.crossDomain) {
+                var b, c;
+                return {
+                    send: function (e, f) {
+                        (b = n("<script>")
+                            .prop({ charset: a.scriptCharset, src: a.url })
+                            .on(
+                                "load error",
+                                (c = function (a) {
+                                    b.remove(),
+                                        (c = null),
+                                        a &&
+                                            f(
+                                                "error" === a.type ? 404 : 200,
+                                                a.type
+                                            );
+                                })
+                            )),
+                            d.head.appendChild(b[0]);
+                    },
+                    abort: function () {
+                        c && c();
+                    },
+                };
+            }
+        });
+    var Jb = [],
+        Kb = /(=)\?(?=&|$)|\?\?/;
+    n.ajaxSetup({
+        jsonp: "callback",
+        jsonpCallback: function () {
+            var a = Jb.pop() || n.expando + "_" + kb++;
+            return (this[a] = !0), a;
+        },
+    }),
+        n.ajaxPrefilter("json jsonp", function (b, c, d) {
+            var e,
+                f,
+                g,
+                h =
+                    b.jsonp !== !1 &&
+                    (Kb.test(b.url)
+                        ? "url"
+                        : "string" == typeof b.data &&
+                          0 ===
+                              (b.contentType || "").indexOf(
+                                  "application/x-www-form-urlencoded"
+                              ) &&
+                          Kb.test(b.data) &&
+                          "data");
+            return h || "jsonp" === b.dataTypes[0]
+                ? ((e = b.jsonpCallback =
+                      n.isFunction(b.jsonpCallback)
+                          ? b.jsonpCallback()
+                          : b.jsonpCallback),
+                  h
+                      ? (b[h] = b[h].replace(Kb, "$1" + e))
+                      : b.jsonp !== !1 &&
+                        (b.url +=
+                            (lb.test(b.url) ? "&" : "?") + b.jsonp + "=" + e),
+                  (b.converters["script json"] = function () {
+                      return g || n.error(e + " was not called"), g[0];
+                  }),
+                  (b.dataTypes[0] = "json"),
+                  (f = a[e]),
+                  (a[e] = function () {
+                      g = arguments;
+                  }),
+                  d.always(function () {
+                      void 0 === f ? n(a).removeProp(e) : (a[e] = f),
+                          b[e] &&
+                              ((b.jsonpCallback = c.jsonpCallback), Jb.push(e)),
+                          g && n.isFunction(f) && f(g[0]),
+                          (g = f = void 0);
+                  }),
+                  "script")
+                : void 0;
+        }),
+        (n.parseHTML = function (a, b, c) {
+            if (!a || "string" != typeof a) return null;
+            "boolean" == typeof b && ((c = b), (b = !1)), (b = b || d);
+            var e = x.exec(a),
+                f = !c && [];
+            return e
+                ? [b.createElement(e[1])]
+                : ((e = ca([a], b, f)),
+                  f && f.length && n(f).remove(),
+                  n.merge([], e.childNodes));
+        });
+    var Lb = n.fn.load;
+    (n.fn.load = function (a, b, c) {
+        if ("string" != typeof a && Lb) return Lb.apply(this, arguments);
+        var d,
+            e,
+            f,
+            g = this,
+            h = a.indexOf(" ");
+        return (
+            h > -1 && ((d = n.trim(a.slice(h))), (a = a.slice(0, h))),
+            n.isFunction(b)
+                ? ((c = b), (b = void 0))
+                : b && "object" == typeof b && (e = "POST"),
+            g.length > 0 &&
+                n
+                    .ajax({
+                        url: a,
+                        type: e || "GET",
+                        dataType: "html",
+                        data: b,
+                    })
+                    .done(function (a) {
+                        (f = arguments),
+                            g.html(
+                                d
+                                    ? n("<div>").append(n.parseHTML(a)).find(d)
+                                    : a
+                            );
+                    })
+                    .always(
+                        c &&
+                            function (a, b) {
+                                g.each(function () {
+                                    c.apply(g, f || [a.responseText, b, a]);
+                                });
+                            }
+                    ),
+            this
+        );
+    }),
+        n.each(
+            [
+                "ajaxStart",
+                "ajaxStop",
+                "ajaxComplete",
+                "ajaxError",
+                "ajaxSuccess",
+                "ajaxSend",
+            ],
+            function (a, b) {
+                n.fn[b] = function (a) {
+                    return this.on(b, a);
+                };
+            }
+        ),
+        (n.expr.filters.animated = function (a) {
+            return n.grep(n.timers, function (b) {
+                return a === b.elem;
+            }).length;
+        });
+    function Mb(a) {
+        return n.isWindow(a) ? a : 9 === a.nodeType && a.defaultView;
+    }
+    (n.offset = {
+        setOffset: function (a, b, c) {
+            var d,
+                e,
+                f,
+                g,
+                h,
+                i,
+                j,
+                k = n.css(a, "position"),
+                l = n(a),
+                m = {};
+            "static" === k && (a.style.position = "relative"),
+                (h = l.offset()),
+                (f = n.css(a, "top")),
+                (i = n.css(a, "left")),
+                (j =
+                    ("absolute" === k || "fixed" === k) &&
+                    (f + i).indexOf("auto") > -1),
+                j
+                    ? ((d = l.position()), (g = d.top), (e = d.left))
+                    : ((g = parseFloat(f) || 0), (e = parseFloat(i) || 0)),
+                n.isFunction(b) && (b = b.call(a, c, n.extend({}, h))),
+                null != b.top && (m.top = b.top - h.top + g),
+                null != b.left && (m.left = b.left - h.left + e),
+                "using" in b ? b.using.call(a, m) : l.css(m);
+        },
+    }),
+        n.fn.extend({
+            offset: function (a) {
+                if (arguments.length)
+                    return void 0 === a
+                        ? this
+                        : this.each(function (b) {
+                              n.offset.setOffset(this, a, b);
+                          });
+                var b,
+                    c,
+                    d = this[0],
+                    e = { top: 0, left: 0 },
+                    f = d && d.ownerDocument;
+                if (f)
+                    return (
+                        (b = f.documentElement),
+                        n.contains(b, d)
+                            ? ((e = d.getBoundingClientRect()),
+                              (c = Mb(f)),
+                              {
+                                  top: e.top + c.pageYOffset - b.clientTop,
+                                  left: e.left + c.pageXOffset - b.clientLeft,
+                              })
+                            : e
+                    );
+            },
+            position: function () {
+                if (this[0]) {
+                    var a,
+                        b,
+                        c = this[0],
+                        d = { top: 0, left: 0 };
+                    return (
+                        "fixed" === n.css(c, "position")
+                            ? (b = c.getBoundingClientRect())
+                            : ((a = this.offsetParent()),
+                              (b = this.offset()),
+                              n.nodeName(a[0], "html") || (d = a.offset()),
+                              (d.top += n.css(a[0], "borderTopWidth", !0)),
+                              (d.left += n.css(a[0], "borderLeftWidth", !0))),
+                        {
+                            top: b.top - d.top - n.css(c, "marginTop", !0),
+                            left: b.left - d.left - n.css(c, "marginLeft", !0),
+                        }
+                    );
+                }
+            },
+            offsetParent: function () {
+                return this.map(function () {
+                    var a = this.offsetParent;
+                    while (a && "static" === n.css(a, "position"))
+                        a = a.offsetParent;
+                    return a || Ea;
+                });
+            },
+        }),
+        n.each(
+            { scrollLeft: "pageXOffset", scrollTop: "pageYOffset" },
+            function (a, b) {
+                var c = "pageYOffset" === b;
+                n.fn[a] = function (d) {
+                    return K(
+                        this,
+                        function (a, d, e) {
+                            var f = Mb(a);
+                            return void 0 === e
+                                ? f
+                                    ? f[b]
+                                    : a[d]
+                                : void (f
+                                      ? f.scrollTo(
+                                            c ? f.pageXOffset : e,
+                                            c ? e : f.pageYOffset
+                                        )
+                                      : (a[d] = e));
+                        },
+                        a,
+                        d,
+                        arguments.length
+                    );
+                };
+            }
+        ),
+        n.each(["top", "left"], function (a, b) {
+            n.cssHooks[b] = Ga(l.pixelPosition, function (a, c) {
+                return c
+                    ? ((c = Fa(a, b)),
+                      Ba.test(c) ? n(a).position()[b] + "px" : c)
+                    : void 0;
+            });
+        }),
+        n.each({ Height: "height", Width: "width" }, function (a, b) {
+            n.each(
+                { padding: "inner" + a, content: b, "": "outer" + a },
+                function (c, d) {
+                    n.fn[d] = function (d, e) {
+                        var f =
+                                arguments.length &&
+                                (c || "boolean" != typeof d),
+                            g =
+                                c ||
+                                (d === !0 || e === !0 ? "margin" : "border");
+                        return K(
+                            this,
+                            function (b, c, d) {
+                                var e;
+                                return n.isWindow(b)
+                                    ? b.document.documentElement["client" + a]
+                                    : 9 === b.nodeType
+                                    ? ((e = b.documentElement),
+                                      Math.max(
+                                          b.body["scroll" + a],
+                                          e["scroll" + a],
+                                          b.body["offset" + a],
+                                          e["offset" + a],
+                                          e["client" + a]
+                                      ))
+                                    : void 0 === d
+                                    ? n.css(b, c, g)
+                                    : n.style(b, c, d, g);
+                            },
+                            b,
+                            f ? d : void 0,
+                            f,
+                            null
+                        );
+                    };
+                }
+            );
+        }),
+        n.fn.extend({
+            bind: function (a, b, c) {
+                return this.on(a, null, b, c);
+            },
+            unbind: function (a, b) {
+                return this.off(a, null, b);
+            },
+            delegate: function (a, b, c, d) {
+                return this.on(b, a, c, d);
+            },
+            undelegate: function (a, b, c) {
+                return 1 === arguments.length
+                    ? this.off(a, "**")
+                    : this.off(b, a || "**", c);
+            },
+            size: function () {
+                return this.length;
+            },
+        }),
+        (n.fn.andSelf = n.fn.addBack),
+        "function" == typeof define &&
+            define.amd &&
+            define("jquery", [], function () {
+                return n;
+            });
+    var Nb = a.jQuery,
+        Ob = a.$;
+    return (
+        (n.noConflict = function (b) {
+            return (
+                a.$ === n && (a.$ = Ob),
+                b && a.jQuery === n && (a.jQuery = Nb),
+                n
+            );
+        }),
+        b || (a.jQuery = a.$ = n),
+        n
+    );
+});
diff --git a/public/assets/js/login_register/script.js b/public/assets/js/login_register/script.js
new file mode 100644
index 00000000..d0f318cf
--- /dev/null
+++ b/public/assets/js/login_register/script.js
@@ -0,0 +1,70 @@
+/******************************************
+ * PROGRESS BAR MULTIPLE FORM
+ ******************************************/
+"use strict";
+//jQuery time
+var current_fs, next_fs, previous_fs; //fieldsets
+var left, opacity, scale; //fieldset properties which we will animate
+var animating; //flag to prevent quick multi-click glitches
+
+$(".next").click(function () {
+    if (animating) return false;
+    animating = true;
+
+    current_fs = $(this).parent();
+    next_fs = $(this).parent().next();
+
+    //activate next step on progressbar using the index of next_fs
+    $("#progressbar li").eq($("fieldset").index(next_fs)).addClass("active");
+
+    //show the next fieldset
+    next_fs.show();
+});
+
+$(".previous").click(function () {
+    if (animating) return false;
+    animating = true;
+
+    current_fs = $(this).parent();
+    previous_fs = $(this).parent().prev();
+
+    //de-activate current step on progressbar
+    $("#progressbar li")
+        .eq($("fieldset").index(current_fs))
+        .removeClass("active");
+});
+/******************************************
+ * END PROGRESS BAR MULTIPLE FORM
+ ******************************************/
+
+/******************************************
+ * HIDE & SEE PASSWORD PIN DAN KONFIR PIN
+ ******************************************/
+function togglePinVisibility() {
+    var pin = document.getElementById("pin");
+    var toggleIconPin = document.getElementById("toggle-pin");
+
+    if (pin.type === "password") {
+        pin.type = "text";
+        toggleIconPin.className = "fa fa-eye-slash password-toggle-icon";
+    } else {
+        pin.type = "password";
+        toggleIconPin.className = "fa fa-eye password-toggle-icon";
+    }
+}
+
+function toggleKonfirPinVisibility() {
+    var pin = document.getElementById("konfir-pin");
+    var toggleIconKonfirPin = document.getElementById("toggle-konfir-pin");
+
+    if (pin.type === "password") {
+        pin.type = "text";
+        toggleIconKonfirPin.className = "fa fa-eye-slash password-toggle-icon";
+    } else {
+        pin.type = "password";
+        toggleIconKonfirPin.className = "fa fa-eye password-toggle-icon";
+    }
+}
+/******************************************
+ *  END HIDE & SEE PASSWORD PIN DAN KONFIR PIN
+ ******************************************/
diff --git a/public/assets/js/main.js b/public/assets/js/main.js
new file mode 100644
index 00000000..5cdf2676
--- /dev/null
+++ b/public/assets/js/main.js
@@ -0,0 +1,321 @@
+/**
+* Template Name: NiceAdmin
+* Updated: Aug 30 2023 with Bootstrap v5.3.1
+* Template URL: https://bootstrapmade.com/nice-admin-bootstrap-admin-html-template/
+* Author: BootstrapMade.com
+* License: https://bootstrapmade.com/license/
+*/
+(function() {
+    "use strict";
+  
+    /**
+     * Easy selector helper function
+     */
+    const select = (el, all = false) => {
+      el = el.trim()
+      if (all) {
+        return [...document.querySelectorAll(el)]
+      } else {
+        return document.querySelector(el)
+      }
+    }
+  
+    /**
+     * Easy event listener function
+     */
+    const on = (type, el, listener, all = false) => {
+      if (all) {
+        select(el, all).forEach(e => e.addEventListener(type, listener))
+      } else {
+        select(el, all).addEventListener(type, listener)
+      }
+    }
+  
+    /**
+     * Easy on scroll event listener 
+     */
+    const onscroll = (el, listener) => {
+      el.addEventListener('scroll', listener)
+    }
+  
+    /**
+     * Sidebar toggle
+     */
+    if (select('.toggle-sidebar-btn')) {
+      on('click', '.toggle-sidebar-btn', function(e) {
+        select('body').classList.toggle('toggle-sidebar')
+      })
+    }
+  
+    /**
+     * Search bar toggle
+     */
+    if (select('.search-bar-toggle')) {
+      on('click', '.search-bar-toggle', function(e) {
+        select('.search-bar').classList.toggle('search-bar-show')
+      })
+    }
+  
+    /**
+     * Navbar links active state on scroll
+     */
+    let navbarlinks = select('#navbar .scrollto', true)
+    const navbarlinksActive = () => {
+      let position = window.scrollY + 200
+      navbarlinks.forEach(navbarlink => {
+        if (!navbarlink.hash) return
+        let section = select(navbarlink.hash)
+        if (!section) return
+        if (position >= section.offsetTop && position <= (section.offsetTop + section.offsetHeight)) {
+          navbarlink.classList.add('active')
+        } else {
+          navbarlink.classList.remove('active')
+        }
+      })
+    }
+    window.addEventListener('load', navbarlinksActive)
+    onscroll(document, navbarlinksActive)
+  
+    /**
+     * Toggle .header-scrolled class to #header when page is scrolled
+     */
+    let selectHeader = select('#header')
+    if (selectHeader) {
+      const headerScrolled = () => {
+        if (window.scrollY > 100) {
+          selectHeader.classList.add('header-scrolled')
+        } else {
+          selectHeader.classList.remove('header-scrolled')
+        }
+      }
+      window.addEventListener('load', headerScrolled)
+      onscroll(document, headerScrolled)
+    }
+  
+    /**
+     * Back to top button
+     */
+    let backtotop = select('.back-to-top')
+    if (backtotop) {
+      const toggleBacktotop = () => {
+        if (window.scrollY > 100) {
+          backtotop.classList.add('active')
+        } else {
+          backtotop.classList.remove('active')
+        }
+      }
+      window.addEventListener('load', toggleBacktotop)
+      onscroll(document, toggleBacktotop)
+    }
+  
+    /**
+     * Initiate tooltips
+     */
+    var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'))
+    var tooltipList = tooltipTriggerList.map(function(tooltipTriggerEl) {
+      return new bootstrap.Tooltip(tooltipTriggerEl)
+    })
+  
+    /**
+     * Initiate quill editors
+     */
+    if (select('.quill-editor-default')) {
+      new Quill('.quill-editor-default', {
+        theme: 'snow'
+      });
+    }
+  
+    if (select('.quill-editor-bubble')) {
+      new Quill('.quill-editor-bubble', {
+        theme: 'bubble'
+      });
+    }
+  
+    if (select('.quill-editor-full')) {
+      new Quill(".quill-editor-full", {
+        modules: {
+          toolbar: [
+            [{
+              font: []
+            }, {
+              size: []
+            }],
+            ["bold", "italic", "underline", "strike"],
+            [{
+                color: []
+              },
+              {
+                background: []
+              }
+            ],
+            [{
+                script: "super"
+              },
+              {
+                script: "sub"
+              }
+            ],
+            [{
+                list: "ordered"
+              },
+              {
+                list: "bullet"
+              },
+              {
+                indent: "-1"
+              },
+              {
+                indent: "+1"
+              }
+            ],
+            ["direction", {
+              align: []
+            }],
+            ["link", "image", "video"],
+            ["clean"]
+          ]
+        },
+        theme: "snow"
+      });
+    }
+  
+    /**
+     * Initiate TinyMCE Editor
+     */
+    const useDarkMode = window.matchMedia('(prefers-color-scheme: dark)').matches;
+    const isSmallScreen = window.matchMedia('(max-width: 1023.5px)').matches;
+  
+    tinymce.init({
+      selector: 'textarea.tinymce-editor',
+      plugins: 'preview importcss searchreplace autolink autosave save directionality code visualblocks visualchars fullscreen image link media template codesample table charmap pagebreak nonbreaking anchor insertdatetime advlist lists wordcount help charmap quickbars emoticons',
+      editimage_cors_hosts: ['picsum.photos'],
+      menubar: 'file edit view insert format tools table help',
+      toolbar: 'undo redo | bold italic underline strikethrough | fontfamily fontsize blocks | alignleft aligncenter alignright alignjustify | outdent indent |  numlist bullist | forecolor backcolor removeformat | pagebreak | charmap emoticons | fullscreen  preview save print | insertfile image media template link anchor codesample | ltr rtl',
+      toolbar_sticky: true,
+      toolbar_sticky_offset: isSmallScreen ? 102 : 108,
+      autosave_ask_before_unload: true,
+      autosave_interval: '30s',
+      autosave_prefix: '{path}{query}-{id}-',
+      autosave_restore_when_empty: false,
+      autosave_retention: '2m',
+      image_advtab: true,
+      link_list: [{
+          title: 'My page 1',
+          value: 'https://www.tiny.cloud'
+        },
+        {
+          title: 'My page 2',
+          value: 'http://www.moxiecode.com'
+        }
+      ],
+      image_list: [{
+          title: 'My page 1',
+          value: 'https://www.tiny.cloud'
+        },
+        {
+          title: 'My page 2',
+          value: 'http://www.moxiecode.com'
+        }
+      ],
+      image_class_list: [{
+          title: 'None',
+          value: ''
+        },
+        {
+          title: 'Some class',
+          value: 'class-name'
+        }
+      ],
+      importcss_append: true,
+      file_picker_callback: (callback, value, meta) => {
+        /* Provide file and text for the link dialog */
+        if (meta.filetype === 'file') {
+          callback('https://www.google.com/logos/google.jpg', {
+            text: 'My text'
+          });
+        }
+  
+        /* Provide image and alt text for the image dialog */
+        if (meta.filetype === 'image') {
+          callback('https://www.google.com/logos/google.jpg', {
+            alt: 'My alt text'
+          });
+        }
+  
+        /* Provide alternative source and posted for the media dialog */
+        if (meta.filetype === 'media') {
+          callback('movie.mp4', {
+            source2: 'alt.ogg',
+            poster: 'https://www.google.com/logos/google.jpg'
+          });
+        }
+      },
+      templates: [{
+          title: 'New Table',
+          description: 'creates a new table',
+          content: '<div class="mceTmpl"><table width="98%%"  border="0" cellspacing="0" cellpadding="0"><tr><th scope="col"> </th><th scope="col"> </th></tr><tr><td> </td><td> </td></tr></table></div>'
+        },
+        {
+          title: 'Starting my story',
+          description: 'A cure for writers block',
+          content: 'Once upon a time...'
+        },
+        {
+          title: 'New list with dates',
+          description: 'New List with dates',
+          content: '<div class="mceTmpl"><span class="cdate">cdate</span><br><span class="mdate">mdate</span><h2>My List</h2><ul><li></li><li></li></ul></div>'
+        }
+      ],
+      template_cdate_format: '[Date Created (CDATE): %m/%d/%Y : %H:%M:%S]',
+      template_mdate_format: '[Date Modified (MDATE): %m/%d/%Y : %H:%M:%S]',
+      height: 600,
+      image_caption: true,
+      quickbars_selection_toolbar: 'bold italic | quicklink h2 h3 blockquote quickimage quicktable',
+      noneditable_class: 'mceNonEditable',
+      toolbar_mode: 'sliding',
+      contextmenu: 'link image table',
+      skin: useDarkMode ? 'oxide-dark' : 'oxide',
+      content_css: useDarkMode ? 'dark' : 'default',
+      content_style: 'body { font-family:Helvetica,Arial,sans-serif; font-size:16px }'
+    });
+  
+    /**
+     * Initiate Bootstrap validation check
+     */
+    var needsValidation = document.querySelectorAll('.needs-validation')
+  
+    Array.prototype.slice.call(needsValidation)
+      .forEach(function(form) {
+        form.addEventListener('submit', function(event) {
+          if (!form.checkValidity()) {
+            event.preventDefault()
+            event.stopPropagation()
+          }
+  
+          form.classList.add('was-validated')
+        }, false)
+      })
+  
+    /**
+     * Initiate Datatables
+     */
+    const datatables = select('.datatable', true)
+    datatables.forEach(datatable => {
+      new simpleDatatables.DataTable(datatable);
+    })
+  
+    /**
+     * Autoresize echart charts
+     */
+    const mainContainer = select('#main');
+    if (mainContainer) {
+      setTimeout(() => {
+        new ResizeObserver(function() {
+          select('.echart', true).forEach(getEchart => {
+            echarts.getInstanceByDom(getEchart).resize();
+          })
+        }).observe(mainContainer);
+      }, 200);
+    }
+  
+  })();
\ No newline at end of file
diff --git a/public/assets/js/page/modules-datatables.js b/public/assets/js/page/modules-datatables.js
index 9eb02d85..93b3ec7e 100644
--- a/public/assets/js/page/modules-datatables.js
+++ b/public/assets/js/page/modules-datatables.js
@@ -28,11 +28,14 @@ $("[data-checkboxes]").each(function () {
     });
 });
 
+// User
 $("#table-1").dataTable({
     "columnDefs": [
         { "sortable": false, "targets": [2] }
     ]
 });
+
+// Refund, Setting, Transaction
 $("#table-2").dataTable({
     "columnDefs": [
         { "sortable": false, "targets": [0, 2, 3] }
diff --git a/public/assets/modules/datatables/datatables.min.css b/public/assets/modules/datatables/datatables.min.css
index e39a5020..b9eddc58 100644
--- a/public/assets/modules/datatables/datatables.min.css
+++ b/public/assets/modules/datatables/datatables.min.css
@@ -10,107 +10,929 @@
  *   JSZip 2.5.0, pdfmake 0.1.32, DataTables 1.10.16, AutoFill 2.2.2, Buttons 1.5.1, Column visibility 1.5.1, HTML5 export 1.5.1, Print view 1.5.1, ColReorder 1.4.1, FixedColumns 3.2.4, FixedHeader 3.1.3, Responsive 2.2.1, Select 1.2.4
  */
 
-table.dataTable{clear:both;margin-top:6px !important;margin-bottom:6px !important;max-width:none !important;border-collapse:separate !important}table.dataTable td,table.dataTable th{-webkit-box-sizing:content-box;box-sizing:content-box}table.dataTable td.dataTables_empty,table.dataTable th.dataTables_empty{text-align:center}table.dataTable.nowrap th,table.dataTable.nowrap td{white-space:nowrap}div.dataTables_wrapper div.dataTables_length label{font-weight:normal;text-align:left;white-space:nowrap}div.dataTables_wrapper div.dataTables_length select{width:75px;display:inline-block}div.dataTables_wrapper div.dataTables_filter{text-align:right}div.dataTables_wrapper div.dataTables_filter label{font-weight:normal;white-space:nowrap;text-align:left}div.dataTables_wrapper div.dataTables_filter input{margin-left:0.5em;display:inline-block;width:auto}div.dataTables_wrapper div.dataTables_info{padding-top:0.85em;white-space:nowrap}div.dataTables_wrapper div.dataTables_paginate{margin:0;white-space:nowrap;text-align:right}div.dataTables_wrapper div.dataTables_paginate ul.pagination{margin:2px 0;white-space:nowrap;justify-content:flex-end}div.dataTables_wrapper div.dataTables_processing{position:absolute;top:50%;left:50%;width:200px;margin-left:-100px;margin-top:-26px;text-align:center;padding:1em 0}table.dataTable thead>tr>th.sorting_asc,table.dataTable thead>tr>th.sorting_desc,table.dataTable thead>tr>th.sorting,table.dataTable thead>tr>td.sorting_asc,table.dataTable thead>tr>td.sorting_desc,table.dataTable thead>tr>td.sorting{padding-right:30px}table.dataTable thead>tr>th:active,table.dataTable thead>tr>td:active{outline:none}table.dataTable thead .sorting,table.dataTable thead .sorting_asc,table.dataTable thead .sorting_desc,table.dataTable thead .sorting_asc_disabled,table.dataTable thead .sorting_desc_disabled{cursor:pointer;position:relative}table.dataTable thead .sorting:before,table.dataTable thead .sorting:after,table.dataTable thead .sorting_asc:before,table.dataTable thead .sorting_asc:after,table.dataTable thead .sorting_desc:before,table.dataTable thead .sorting_desc:after,table.dataTable thead .sorting_asc_disabled:before,table.dataTable thead .sorting_asc_disabled:after,table.dataTable thead .sorting_desc_disabled:before,table.dataTable thead .sorting_desc_disabled:after{position:absolute;bottom:0.9em;display:block;opacity:0.3}table.dataTable thead .sorting:before,table.dataTable thead .sorting_asc:before,table.dataTable thead .sorting_desc:before,table.dataTable thead .sorting_asc_disabled:before,table.dataTable thead .sorting_desc_disabled:before{right:1em;content:"\2191"}table.dataTable thead .sorting:after,table.dataTable thead .sorting_asc:after,table.dataTable thead .sorting_desc:after,table.dataTable thead .sorting_asc_disabled:after,table.dataTable thead .sorting_desc_disabled:after{right:0.5em;content:"\2193"}table.dataTable thead .sorting_asc:before,table.dataTable thead .sorting_desc:after{opacity:1}table.dataTable thead .sorting_asc_disabled:before,table.dataTable thead .sorting_desc_disabled:after{opacity:0}div.dataTables_scrollHead table.dataTable{margin-bottom:0 !important}div.dataTables_scrollBody table{border-top:none;margin-top:0 !important;margin-bottom:0 !important}div.dataTables_scrollBody table thead .sorting:after,div.dataTables_scrollBody table thead .sorting_asc:after,div.dataTables_scrollBody table thead .sorting_desc:after{display:none}div.dataTables_scrollBody table tbody tr:first-child th,div.dataTables_scrollBody table tbody tr:first-child td{border-top:none}div.dataTables_scrollFoot>.dataTables_scrollFootInner{box-sizing:content-box}div.dataTables_scrollFoot>.dataTables_scrollFootInner>table{margin-top:0 !important;border-top:none}@media screen and (max-width: 767px){div.dataTables_wrapper div.dataTables_length,div.dataTables_wrapper div.dataTables_filter,div.dataTables_wrapper div.dataTables_info,div.dataTables_wrapper div.dataTables_paginate{text-align:center}}table.dataTable.table-sm>thead>tr>th{padding-right:20px}table.dataTable.table-sm .sorting:before,table.dataTable.table-sm .sorting_asc:before,table.dataTable.table-sm .sorting_desc:before{top:5px;right:0.85em}table.dataTable.table-sm .sorting:after,table.dataTable.table-sm .sorting_asc:after,table.dataTable.table-sm .sorting_desc:after{top:5px}table.table-bordered.dataTable th,table.table-bordered.dataTable td{border-left-width:0}table.table-bordered.dataTable th:last-child,table.table-bordered.dataTable th:last-child,table.table-bordered.dataTable td:last-child,table.table-bordered.dataTable td:last-child{border-right-width:0}table.table-bordered.dataTable tbody th,table.table-bordered.dataTable tbody td{border-bottom-width:0}div.dataTables_scrollHead table.table-bordered{border-bottom-width:0}div.table-responsive>div.dataTables_wrapper>div.row{margin:0}div.table-responsive>div.dataTables_wrapper>div.row>div[class^="col-"]:first-child{padding-left:0}div.table-responsive>div.dataTables_wrapper>div.row>div[class^="col-"]:last-child{padding-right:0}
-
+table.dataTable {
+    clear: both;
+    margin-top: 6px !important;
+    margin-bottom: 6px !important;
+    max-width: none !important;
+    border-collapse: separate !important;
+}
+table.dataTable td,
+table.dataTable th {
+    -webkit-box-sizing: content-box;
+    box-sizing: content-box;
+}
+table.dataTable td.dataTables_empty,
+table.dataTable th.dataTables_empty {
+    text-align: center;
+}
+table.dataTable.nowrap th,
+table.dataTable.nowrap td {
+    white-space: nowrap;
+}
+div.dataTables_wrapper div.dataTables_length label {
+    font-weight: normal;
+    text-align: left;
+    white-space: nowrap;
+}
+div.dataTables_wrapper div.dataTables_length select {
+    width: 75px;
+    display: inline-block;
+}
+div.dataTables_wrapper div.dataTables_filter {
+    text-align: right;
+}
+div.dataTables_wrapper div.dataTables_filter label {
+    font-weight: normal;
+    white-space: nowrap;
+    text-align: left;
+}
+div.dataTables_wrapper div.dataTables_filter input {
+    margin-left: 0.5em;
+    display: inline-block;
+    width: auto;
+}
+div.dataTables_wrapper div.dataTables_info {
+    padding-top: 0.85em;
+    white-space: nowrap;
+}
+div.dataTables_wrapper div.dataTables_paginate {
+    margin: 0;
+    white-space: nowrap;
+    text-align: right;
+}
+div.dataTables_wrapper div.dataTables_paginate ul.pagination {
+    margin: 2px 0;
+    white-space: nowrap;
+    justify-content: flex-end;
+}
+div.dataTables_wrapper div.dataTables_processing {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    width: 200px;
+    margin-left: -100px;
+    margin-top: -26px;
+    text-align: center;
+    padding: 1em 0;
+}
+table.dataTable thead > tr > th.sorting_asc,
+table.dataTable thead > tr > th.sorting_desc,
+table.dataTable thead > tr > th.sorting,
+table.dataTable thead > tr > td.sorting_asc,
+table.dataTable thead > tr > td.sorting_desc,
+table.dataTable thead > tr > td.sorting {
+    padding-right: 30px;
+}
+table.dataTable thead > tr > th:active,
+table.dataTable thead > tr > td:active {
+    outline: none;
+}
+table.dataTable thead .sorting,
+table.dataTable thead .sorting_asc,
+table.dataTable thead .sorting_desc,
+table.dataTable thead .sorting_asc_disabled,
+table.dataTable thead .sorting_desc_disabled {
+    cursor: pointer;
+    position: relative;
+}
+table.dataTable thead .sorting:before,
+table.dataTable thead .sorting:after,
+table.dataTable thead .sorting_asc:before,
+table.dataTable thead .sorting_asc:after,
+table.dataTable thead .sorting_desc:before,
+table.dataTable thead .sorting_desc:after,
+table.dataTable thead .sorting_asc_disabled:before,
+table.dataTable thead .sorting_asc_disabled:after,
+table.dataTable thead .sorting_desc_disabled:before,
+table.dataTable thead .sorting_desc_disabled:after {
+    position: absolute;
+    bottom: 0.9em;
+    display: block;
+    opacity: 0.3;
+}
+table.dataTable thead .sorting:before,
+table.dataTable thead .sorting_asc:before,
+table.dataTable thead .sorting_desc:before,
+table.dataTable thead .sorting_asc_disabled:before,
+table.dataTable thead .sorting_desc_disabled:before {
+    right: 1em;
+    content: "\2191";
+}
+table.dataTable thead .sorting:after,
+table.dataTable thead .sorting_asc:after,
+table.dataTable thead .sorting_desc:after,
+table.dataTable thead .sorting_asc_disabled:after,
+table.dataTable thead .sorting_desc_disabled:after {
+    right: 0.5em;
+    content: "\2193";
+}
+table.dataTable thead .sorting_asc:before,
+table.dataTable thead .sorting_desc:after {
+    opacity: 1;
+}
+table.dataTable thead .sorting_asc_disabled:before,
+table.dataTable thead .sorting_desc_disabled:after {
+    opacity: 0;
+}
+div.dataTables_scrollHead table.dataTable {
+    margin-bottom: 0 !important;
+}
+div.dataTables_scrollBody table {
+    border-top: none;
+    margin-top: 0 !important;
+    margin-bottom: 0 !important;
+}
+div.dataTables_scrollBody table thead .sorting:after,
+div.dataTables_scrollBody table thead .sorting_asc:after,
+div.dataTables_scrollBody table thead .sorting_desc:after {
+    display: none;
+}
+div.dataTables_scrollBody table tbody tr:first-child th,
+div.dataTables_scrollBody table tbody tr:first-child td {
+    border-top: none;
+}
+div.dataTables_scrollFoot > .dataTables_scrollFootInner {
+    box-sizing: content-box;
+}
+div.dataTables_scrollFoot > .dataTables_scrollFootInner > table {
+    margin-top: 0 !important;
+    border-top: none;
+}
+@media screen and (max-width: 767px) {
+    div.dataTables_wrapper div.dataTables_length,
+    div.dataTables_wrapper div.dataTables_filter,
+    div.dataTables_wrapper div.dataTables_info,
+    div.dataTables_wrapper div.dataTables_paginate {
+        text-align: center;
+    }
+}
+table.dataTable.table-sm > thead > tr > th {
+    padding-right: 20px;
+}
+table.dataTable.table-sm .sorting:before,
+table.dataTable.table-sm .sorting_asc:before,
+table.dataTable.table-sm .sorting_desc:before {
+    top: 5px;
+    right: 0.85em;
+}
+table.dataTable.table-sm .sorting:after,
+table.dataTable.table-sm .sorting_asc:after,
+table.dataTable.table-sm .sorting_desc:after {
+    top: 5px;
+}
+table.table-bordered.dataTable th,
+table.table-bordered.dataTable td {
+    border-left-width: 0;
+}
+table.table-bordered.dataTable th:last-child,
+table.table-bordered.dataTable th:last-child,
+table.table-bordered.dataTable td:last-child,
+table.table-bordered.dataTable td:last-child {
+    border-right-width: 0;
+}
+table.table-bordered.dataTable tbody th,
+table.table-bordered.dataTable tbody td {
+    border-bottom-width: 0;
+}
+div.dataTables_scrollHead table.table-bordered {
+    border-bottom-width: 0;
+}
+div.table-responsive > div.dataTables_wrapper > div.row {
+    margin: 0;
+}
+div.table-responsive
+    > div.dataTables_wrapper
+    > div.row
+    > div[class^="col-"]:first-child {
+    padding-left: 0;
+}
+div.table-responsive
+    > div.dataTables_wrapper
+    > div.row
+    > div[class^="col-"]:last-child {
+    padding-right: 0;
+}
 
 div.dt-autofill-handle {
-  position: absolute;
-  height: 8px;
-  width: 8px;
-  z-index: 102;
-  box-sizing: border-box;
-  border: 1px solid #0275d8;
-  background: #0275d8;
+    position: absolute;
+    height: 8px;
+    width: 8px;
+    z-index: 102;
+    box-sizing: border-box;
+    border: 1px solid #0275d8;
+    background: #0275d8;
 }
 
 div.dt-autofill-select {
-  position: absolute;
-  z-index: 1001;
-  background-color: #0275d8;
-  background-image: repeating-linear-gradient(45deg, transparent, transparent 5px, rgba(255, 255, 255, 0.5) 5px, rgba(255, 255, 255, 0.5) 10px);
+    position: absolute;
+    z-index: 1001;
+    background-color: #0275d8;
+    background-image: repeating-linear-gradient(
+        45deg,
+        transparent,
+        transparent 5px,
+        rgba(255, 255, 255, 0.5) 5px,
+        rgba(255, 255, 255, 0.5) 10px
+    );
 }
-div.dt-autofill-select.top, div.dt-autofill-select.bottom {
-  height: 3px;
-  margin-top: -1px;
+div.dt-autofill-select.top,
+div.dt-autofill-select.bottom {
+    height: 3px;
+    margin-top: -1px;
 }
-div.dt-autofill-select.left, div.dt-autofill-select.right {
-  width: 3px;
-  margin-left: -1px;
+div.dt-autofill-select.left,
+div.dt-autofill-select.right {
+    width: 3px;
+    margin-left: -1px;
 }
 
 div.dt-autofill-list {
-  position: fixed;
-  top: 50%;
-  left: 50%;
-  width: 500px;
-  margin-left: -250px;
-  background-color: white;
-  border-radius: 6px;
-  box-shadow: 0 0 5px #555;
-  border: 2px solid #444;
-  z-index: 11;
-  box-sizing: border-box;
-  padding: 1.5em 2em;
+    position: fixed;
+    top: 50%;
+    left: 50%;
+    width: 500px;
+    margin-left: -250px;
+    background-color: white;
+    border-radius: 6px;
+    box-shadow: 0 0 5px #555;
+    border: 2px solid #444;
+    z-index: 11;
+    box-sizing: border-box;
+    padding: 1.5em 2em;
 }
 div.dt-autofill-list ul {
-  display: table;
-  margin: 0;
-  padding: 0;
-  list-style: none;
-  width: 100%;
+    display: table;
+    margin: 0;
+    padding: 0;
+    list-style: none;
+    width: 100%;
 }
 div.dt-autofill-list ul li {
-  display: table-row;
+    display: table-row;
 }
-div.dt-autofill-list ul li:last-child div.dt-autofill-question, div.dt-autofill-list ul li:last-child div.dt-autofill-button {
-  border-bottom: none;
+div.dt-autofill-list ul li:last-child div.dt-autofill-question,
+div.dt-autofill-list ul li:last-child div.dt-autofill-button {
+    border-bottom: none;
 }
 div.dt-autofill-list ul li:hover {
-  background-color: #f6f6f6;
+    background-color: #f6f6f6;
 }
 div.dt-autofill-list div.dt-autofill-question {
-  display: table-cell;
-  padding: 0.5em 0;
-  border-bottom: 1px solid #ccc;
+    display: table-cell;
+    padding: 0.5em 0;
+    border-bottom: 1px solid #ccc;
 }
-div.dt-autofill-list div.dt-autofill-question input[type=number] {
-  padding: 6px;
-  width: 30px;
-  margin: -2px 0;
+div.dt-autofill-list div.dt-autofill-question input[type="number"] {
+    padding: 6px;
+    width: 30px;
+    margin: -2px 0;
 }
 div.dt-autofill-list div.dt-autofill-button {
-  display: table-cell;
-  padding: 0.5em 0;
-  border-bottom: 1px solid #ccc;
+    display: table-cell;
+    padding: 0.5em 0;
+    border-bottom: 1px solid #ccc;
 }
 
 div.dt-autofill-background {
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  background: rgba(0, 0, 0, 0.7);
-  background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
-  z-index: 10;
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background: rgba(0, 0, 0, 0.7);
+    background: radial-gradient(
+        ellipse farthest-corner at center,
+        rgba(0, 0, 0, 0.3) 0%,
+        rgba(0, 0, 0, 0.7) 100%
+    );
+    z-index: 10;
 }
 
+@keyframes dtb-spinner {
+    100% {
+        transform: rotate(360deg);
+    }
+}
+@-o-keyframes dtb-spinner {
+    100% {
+        -o-transform: rotate(360deg);
+        transform: rotate(360deg);
+    }
+}
+@-ms-keyframes dtb-spinner {
+    100% {
+        -ms-transform: rotate(360deg);
+        transform: rotate(360deg);
+    }
+}
+@-webkit-keyframes dtb-spinner {
+    100% {
+        -webkit-transform: rotate(360deg);
+        transform: rotate(360deg);
+    }
+}
+@-moz-keyframes dtb-spinner {
+    100% {
+        -moz-transform: rotate(360deg);
+        transform: rotate(360deg);
+    }
+}
+div.dt-button-info {
+    position: fixed;
+    top: 50%;
+    left: 50%;
+    width: 400px;
+    margin-top: -100px;
+    margin-left: -200px;
+    background-color: white;
+    border: 2px solid #111;
+    box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3);
+    border-radius: 3px;
+    text-align: center;
+    z-index: 21;
+}
+div.dt-button-info h2 {
+    padding: 0.5em;
+    margin: 0;
+    font-weight: normal;
+    border-bottom: 1px solid #ddd;
+    background-color: #f3f3f3;
+}
+div.dt-button-info > div {
+    padding: 1em;
+}
+ul.dt-button-collection.dropdown-menu {
+    display: block;
+    z-index: 2002;
+    -webkit-column-gap: 8px;
+    -moz-column-gap: 8px;
+    -ms-column-gap: 8px;
+    -o-column-gap: 8px;
+    column-gap: 8px;
+}
+ul.dt-button-collection.dropdown-menu.fixed {
+    position: fixed;
+    top: 50%;
+    left: 50%;
+    margin-left: -75px;
+    border-radius: 0;
+}
+ul.dt-button-collection.dropdown-menu.fixed.two-column {
+    margin-left: -150px;
+}
+ul.dt-button-collection.dropdown-menu.fixed.three-column {
+    margin-left: -225px;
+}
+ul.dt-button-collection.dropdown-menu.fixed.four-column {
+    margin-left: -300px;
+}
+ul.dt-button-collection.dropdown-menu > * {
+    -webkit-column-break-inside: avoid;
+    break-inside: avoid;
+}
+ul.dt-button-collection.dropdown-menu.two-column {
+    width: 300px;
+    padding-bottom: 1px;
+    -webkit-column-count: 2;
+    -moz-column-count: 2;
+    -ms-column-count: 2;
+    -o-column-count: 2;
+    column-count: 2;
+}
+ul.dt-button-collection.dropdown-menu.three-column {
+    width: 450px;
+    padding-bottom: 1px;
+    -webkit-column-count: 3;
+    -moz-column-count: 3;
+    -ms-column-count: 3;
+    -o-column-count: 3;
+    column-count: 3;
+}
+ul.dt-button-collection.dropdown-menu.four-column {
+    width: 600px;
+    padding-bottom: 1px;
+    -webkit-column-count: 4;
+    -moz-column-count: 4;
+    -ms-column-count: 4;
+    -o-column-count: 4;
+    column-count: 4;
+}
+ul.dt-button-collection.dropdown-menu .dt-button {
+    border-radius: 0;
+}
+ul.dt-button-collection {
+    -webkit-column-gap: 8px;
+    -moz-column-gap: 8px;
+    -ms-column-gap: 8px;
+    -o-column-gap: 8px;
+    column-gap: 8px;
+}
+ul.dt-button-collection.fixed {
+    position: fixed;
+    top: 50%;
+    left: 50%;
+    margin-left: -75px;
+    border-radius: 0;
+}
+ul.dt-button-collection.fixed.two-column {
+    margin-left: -150px;
+}
+ul.dt-button-collection.fixed.three-column {
+    margin-left: -225px;
+}
+ul.dt-button-collection.fixed.four-column {
+    margin-left: -300px;
+}
+ul.dt-button-collection > * {
+    -webkit-column-break-inside: avoid;
+    break-inside: avoid;
+}
+ul.dt-button-collection.two-column {
+    width: 300px;
+    padding-bottom: 1px;
+    -webkit-column-count: 2;
+    -moz-column-count: 2;
+    -ms-column-count: 2;
+    -o-column-count: 2;
+    column-count: 2;
+}
+ul.dt-button-collection.three-column {
+    width: 450px;
+    padding-bottom: 1px;
+    -webkit-column-count: 3;
+    -moz-column-count: 3;
+    -ms-column-count: 3;
+    -o-column-count: 3;
+    column-count: 3;
+}
+ul.dt-button-collection.four-column {
+    width: 600px;
+    padding-bottom: 1px;
+    -webkit-column-count: 4;
+    -moz-column-count: 4;
+    -ms-column-count: 4;
+    -o-column-count: 4;
+    column-count: 4;
+}
+ul.dt-button-collection .dt-button {
+    border-radius: 0;
+}
+ul.dt-button-collection.fixed {
+    max-width: none;
+}
+ul.dt-button-collection.fixed:before,
+ul.dt-button-collection.fixed:after {
+    display: none;
+}
+div.dt-button-background {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    z-index: 999;
+}
+@media screen and (max-width: 767px) {
+    div.dt-buttons {
+        float: none;
+        width: 100%;
+        text-align: center;
+        margin-bottom: 0.5em;
+    }
+    div.dt-buttons a.btn {
+        float: none;
+    }
+}
+div.dt-buttons button.btn.processing,
+div.dt-buttons div.btn.processing,
+div.dt-buttons a.btn.processing {
+    color: rgba(0, 0, 0, 0.2);
+}
+div.dt-buttons button.btn.processing:after,
+div.dt-buttons div.btn.processing:after,
+div.dt-buttons a.btn.processing:after {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    width: 16px;
+    height: 16px;
+    margin: -8px 0 0 -8px;
+    box-sizing: border-box;
+    display: block;
+    content: " ";
+    border: 2px solid #282828;
+    border-radius: 50%;
+    border-left-color: transparent;
+    border-right-color: transparent;
+    animation: dtb-spinner 1500ms infinite linear;
+    -o-animation: dtb-spinner 1500ms infinite linear;
+    -ms-animation: dtb-spinner 1500ms infinite linear;
+    -webkit-animation: dtb-spinner 1500ms infinite linear;
+    -moz-animation: dtb-spinner 1500ms infinite linear;
+}
 
-@keyframes dtb-spinner{100%{transform:rotate(360deg)}}@-o-keyframes dtb-spinner{100%{-o-transform:rotate(360deg);transform:rotate(360deg)}}@-ms-keyframes dtb-spinner{100%{-ms-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes dtb-spinner{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes dtb-spinner{100%{-moz-transform:rotate(360deg);transform:rotate(360deg)}}div.dt-button-info{position:fixed;top:50%;left:50%;width:400px;margin-top:-100px;margin-left:-200px;background-color:white;border:2px solid #111;box-shadow:3px 3px 8px rgba(0,0,0,0.3);border-radius:3px;text-align:center;z-index:21}div.dt-button-info h2{padding:0.5em;margin:0;font-weight:normal;border-bottom:1px solid #ddd;background-color:#f3f3f3}div.dt-button-info>div{padding:1em}ul.dt-button-collection.dropdown-menu{display:block;z-index:2002;-webkit-column-gap:8px;-moz-column-gap:8px;-ms-column-gap:8px;-o-column-gap:8px;column-gap:8px}ul.dt-button-collection.dropdown-menu.fixed{position:fixed;top:50%;left:50%;margin-left:-75px;border-radius:0}ul.dt-button-collection.dropdown-menu.fixed.two-column{margin-left:-150px}ul.dt-button-collection.dropdown-menu.fixed.three-column{margin-left:-225px}ul.dt-button-collection.dropdown-menu.fixed.four-column{margin-left:-300px}ul.dt-button-collection.dropdown-menu>*{-webkit-column-break-inside:avoid;break-inside:avoid}ul.dt-button-collection.dropdown-menu.two-column{width:300px;padding-bottom:1px;-webkit-column-count:2;-moz-column-count:2;-ms-column-count:2;-o-column-count:2;column-count:2}ul.dt-button-collection.dropdown-menu.three-column{width:450px;padding-bottom:1px;-webkit-column-count:3;-moz-column-count:3;-ms-column-count:3;-o-column-count:3;column-count:3}ul.dt-button-collection.dropdown-menu.four-column{width:600px;padding-bottom:1px;-webkit-column-count:4;-moz-column-count:4;-ms-column-count:4;-o-column-count:4;column-count:4}ul.dt-button-collection.dropdown-menu .dt-button{border-radius:0}ul.dt-button-collection{-webkit-column-gap:8px;-moz-column-gap:8px;-ms-column-gap:8px;-o-column-gap:8px;column-gap:8px}ul.dt-button-collection.fixed{position:fixed;top:50%;left:50%;margin-left:-75px;border-radius:0}ul.dt-button-collection.fixed.two-column{margin-left:-150px}ul.dt-button-collection.fixed.three-column{margin-left:-225px}ul.dt-button-collection.fixed.four-column{margin-left:-300px}ul.dt-button-collection>*{-webkit-column-break-inside:avoid;break-inside:avoid}ul.dt-button-collection.two-column{width:300px;padding-bottom:1px;-webkit-column-count:2;-moz-column-count:2;-ms-column-count:2;-o-column-count:2;column-count:2}ul.dt-button-collection.three-column{width:450px;padding-bottom:1px;-webkit-column-count:3;-moz-column-count:3;-ms-column-count:3;-o-column-count:3;column-count:3}ul.dt-button-collection.four-column{width:600px;padding-bottom:1px;-webkit-column-count:4;-moz-column-count:4;-ms-column-count:4;-o-column-count:4;column-count:4}ul.dt-button-collection .dt-button{border-radius:0}ul.dt-button-collection.fixed{max-width:none}ul.dt-button-collection.fixed:before,ul.dt-button-collection.fixed:after{display:none}div.dt-button-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:999}@media screen and (max-width: 767px){div.dt-buttons{float:none;width:100%;text-align:center;margin-bottom:0.5em}div.dt-buttons a.btn{float:none}}div.dt-buttons button.btn.processing,div.dt-buttons div.btn.processing,div.dt-buttons a.btn.processing{color:rgba(0,0,0,0.2)}div.dt-buttons button.btn.processing:after,div.dt-buttons div.btn.processing:after,div.dt-buttons a.btn.processing:after{position:absolute;top:50%;left:50%;width:16px;height:16px;margin:-8px 0 0 -8px;box-sizing:border-box;display:block;content:' ';border:2px solid #282828;border-radius:50%;border-left-color:transparent;border-right-color:transparent;animation:dtb-spinner 1500ms infinite linear;-o-animation:dtb-spinner 1500ms infinite linear;-ms-animation:dtb-spinner 1500ms infinite linear;-webkit-animation:dtb-spinner 1500ms infinite linear;-moz-animation:dtb-spinner 1500ms infinite linear}
+table.DTCR_clonedTable.dataTable {
+    position: absolute !important;
+    background-color: rgba(255, 255, 255, 0.7);
+    z-index: 202;
+}
+div.DTCR_pointer {
+    width: 1px;
+    background-color: #0275d8;
+    z-index: 201;
+}
 
+table.DTFC_Cloned tr {
+    background-color: white;
+    margin-bottom: 0;
+}
+div.DTFC_LeftHeadWrapper table,
+div.DTFC_RightHeadWrapper table {
+    border-bottom: none !important;
+    margin-bottom: 0 !important;
+    background-color: white;
+}
+div.DTFC_LeftBodyWrapper table,
+div.DTFC_RightBodyWrapper table {
+    border-top: none;
+    margin: 0 !important;
+}
+div.DTFC_LeftBodyWrapper table thead .sorting:after,
+div.DTFC_LeftBodyWrapper table thead .sorting_asc:after,
+div.DTFC_LeftBodyWrapper table thead .sorting_desc:after,
+div.DTFC_LeftBodyWrapper table thead .sorting:after,
+div.DTFC_LeftBodyWrapper table thead .sorting_asc:after,
+div.DTFC_LeftBodyWrapper table thead .sorting_desc:after,
+div.DTFC_RightBodyWrapper table thead .sorting:after,
+div.DTFC_RightBodyWrapper table thead .sorting_asc:after,
+div.DTFC_RightBodyWrapper table thead .sorting_desc:after,
+div.DTFC_RightBodyWrapper table thead .sorting:after,
+div.DTFC_RightBodyWrapper table thead .sorting_asc:after,
+div.DTFC_RightBodyWrapper table thead .sorting_desc:after {
+    display: none;
+}
+div.DTFC_LeftBodyWrapper table tbody tr:first-child th,
+div.DTFC_LeftBodyWrapper table tbody tr:first-child td,
+div.DTFC_RightBodyWrapper table tbody tr:first-child th,
+div.DTFC_RightBodyWrapper table tbody tr:first-child td {
+    border-top: none;
+}
+div.DTFC_LeftFootWrapper table,
+div.DTFC_RightFootWrapper table {
+    border-top: none;
+    margin-top: 0 !important;
+    background-color: white;
+}
+div.DTFC_Blocker {
+    background-color: white;
+}
+table.dataTable.table-striped.DTFC_Cloned tbody {
+    background-color: white;
+}
 
-table.DTCR_clonedTable.dataTable{position:absolute !important;background-color:rgba(255,255,255,0.7);z-index:202}div.DTCR_pointer{width:1px;background-color:#0275d8;z-index:201}
-
-
-table.DTFC_Cloned tr{background-color:white;margin-bottom:0}div.DTFC_LeftHeadWrapper table,div.DTFC_RightHeadWrapper table{border-bottom:none !important;margin-bottom:0 !important;background-color:white}div.DTFC_LeftBodyWrapper table,div.DTFC_RightBodyWrapper table{border-top:none;margin:0 !important}div.DTFC_LeftBodyWrapper table thead .sorting:after,div.DTFC_LeftBodyWrapper table thead .sorting_asc:after,div.DTFC_LeftBodyWrapper table thead .sorting_desc:after,div.DTFC_LeftBodyWrapper table thead .sorting:after,div.DTFC_LeftBodyWrapper table thead .sorting_asc:after,div.DTFC_LeftBodyWrapper table thead .sorting_desc:after,div.DTFC_RightBodyWrapper table thead .sorting:after,div.DTFC_RightBodyWrapper table thead .sorting_asc:after,div.DTFC_RightBodyWrapper table thead .sorting_desc:after,div.DTFC_RightBodyWrapper table thead .sorting:after,div.DTFC_RightBodyWrapper table thead .sorting_asc:after,div.DTFC_RightBodyWrapper table thead .sorting_desc:after{display:none}div.DTFC_LeftBodyWrapper table tbody tr:first-child th,div.DTFC_LeftBodyWrapper table tbody tr:first-child td,div.DTFC_RightBodyWrapper table tbody tr:first-child th,div.DTFC_RightBodyWrapper table tbody tr:first-child td{border-top:none}div.DTFC_LeftFootWrapper table,div.DTFC_RightFootWrapper table{border-top:none;margin-top:0 !important;background-color:white}div.DTFC_Blocker{background-color:white}table.dataTable.table-striped.DTFC_Cloned tbody{background-color:white}
-
-
-table.dataTable.fixedHeader-floating,table.dataTable.fixedHeader-locked{background-color:white;margin-top:0 !important;margin-bottom:0 !important}table.dataTable.fixedHeader-floating{position:fixed !important}table.dataTable.fixedHeader-locked{position:absolute !important}@media print{table.fixedHeader-floating{display:none}}
-
-
-table.dataTable.dtr-inline.collapsed>tbody>tr>td.child,table.dataTable.dtr-inline.collapsed>tbody>tr>th.child,table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty{cursor:default !important}table.dataTable.dtr-inline.collapsed>tbody>tr>td.child:before,table.dataTable.dtr-inline.collapsed>tbody>tr>th.child:before,table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty:before{display:none !important}table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child,table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child{position:relative;padding-left:30px;cursor:pointer}table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before,table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before{top:12px;left:4px;height:14px;width:14px;display:block;position:absolute;color:white;border:2px solid white;border-radius:14px;box-shadow:0 0 3px #444;box-sizing:content-box;text-align:center;text-indent:0 !important;font-family:'Courier New', Courier, monospace;line-height:14px;content:'+';background-color:#0275d8}table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before,table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th:first-child:before{content:'-';background-color:#d33333}table.dataTable.dtr-inline.collapsed.compact>tbody>tr>td:first-child,table.dataTable.dtr-inline.collapsed.compact>tbody>tr>th:first-child{padding-left:27px}table.dataTable.dtr-inline.collapsed.compact>tbody>tr>td:first-child:before,table.dataTable.dtr-inline.collapsed.compact>tbody>tr>th:first-child:before{top:5px;left:4px;height:14px;width:14px;border-radius:14px;line-height:14px;text-indent:3px}table.dataTable.dtr-column>tbody>tr>td.control,table.dataTable.dtr-column>tbody>tr>th.control{position:relative;cursor:pointer}table.dataTable.dtr-column>tbody>tr>td.control:before,table.dataTable.dtr-column>tbody>tr>th.control:before{top:50%;left:50%;height:16px;width:16px;margin-top:-10px;margin-left:-10px;display:block;position:absolute;color:white;border:2px solid white;border-radius:14px;box-shadow:0 0 3px #444;box-sizing:content-box;text-align:center;text-indent:0 !important;font-family:'Courier New', Courier, monospace;line-height:14px;content:'+';background-color:#0275d8}table.dataTable.dtr-column>tbody>tr.parent td.control:before,table.dataTable.dtr-column>tbody>tr.parent th.control:before{content:'-';background-color:#d33333}table.dataTable>tbody>tr.child{padding:0.5em 1em}table.dataTable>tbody>tr.child:hover{background:transparent !important}table.dataTable>tbody>tr.child ul.dtr-details{display:inline-block;list-style-type:none;margin:0;padding:0}table.dataTable>tbody>tr.child ul.dtr-details>li{border-bottom:1px solid #efefef;padding:0.5em 0}table.dataTable>tbody>tr.child ul.dtr-details>li:first-child{padding-top:0}table.dataTable>tbody>tr.child ul.dtr-details>li:last-child{border-bottom:none}table.dataTable>tbody>tr.child span.dtr-title{display:inline-block;min-width:75px;font-weight:bold}div.dtr-modal{position:fixed;box-sizing:border-box;top:0;left:0;height:100%;width:100%;z-index:100;padding:10em 1em}div.dtr-modal div.dtr-modal-display{position:absolute;top:0;left:0;bottom:0;right:0;width:50%;height:50%;overflow:auto;margin:auto;z-index:102;overflow:auto;background-color:#f5f5f7;border:1px solid black;border-radius:0.5em;box-shadow:0 12px 30px rgba(0,0,0,0.6)}div.dtr-modal div.dtr-modal-content{position:relative;padding:1em}div.dtr-modal div.dtr-modal-close{position:absolute;top:6px;right:6px;width:22px;height:22px;border:1px solid #eaeaea;background-color:#f9f9f9;text-align:center;border-radius:3px;cursor:pointer;z-index:12}div.dtr-modal div.dtr-modal-close:hover{background-color:#eaeaea}div.dtr-modal div.dtr-modal-background{position:fixed;top:0;left:0;right:0;bottom:0;z-index:101;background:rgba(0,0,0,0.6)}@media screen and (max-width: 767px){div.dtr-modal div.dtr-modal-display{width:95%}}div.dtr-bs-modal table.table tr:first-child td{border-top:none}
-
-
-table.dataTable tbody>tr.selected,table.dataTable tbody>tr>.selected{background-color:#0275d8}table.dataTable.stripe tbody>tr.odd.selected,table.dataTable.stripe tbody>tr.odd>.selected,table.dataTable.display tbody>tr.odd.selected,table.dataTable.display tbody>tr.odd>.selected{background-color:#0272d3}table.dataTable.hover tbody>tr.selected:hover,table.dataTable.hover tbody>tr>.selected:hover,table.dataTable.display tbody>tr.selected:hover,table.dataTable.display tbody>tr>.selected:hover{background-color:#0271d0}table.dataTable.order-column tbody>tr.selected>.sorting_1,table.dataTable.order-column tbody>tr.selected>.sorting_2,table.dataTable.order-column tbody>tr.selected>.sorting_3,table.dataTable.order-column tbody>tr>.selected,table.dataTable.display tbody>tr.selected>.sorting_1,table.dataTable.display tbody>tr.selected>.sorting_2,table.dataTable.display tbody>tr.selected>.sorting_3,table.dataTable.display tbody>tr>.selected{background-color:#0273d4}table.dataTable.display tbody>tr.odd.selected>.sorting_1,table.dataTable.order-column.stripe tbody>tr.odd.selected>.sorting_1{background-color:#026fcc}table.dataTable.display tbody>tr.odd.selected>.sorting_2,table.dataTable.order-column.stripe tbody>tr.odd.selected>.sorting_2{background-color:#0270ce}table.dataTable.display tbody>tr.odd.selected>.sorting_3,table.dataTable.order-column.stripe tbody>tr.odd.selected>.sorting_3{background-color:#0270d0}table.dataTable.display tbody>tr.even.selected>.sorting_1,table.dataTable.order-column.stripe tbody>tr.even.selected>.sorting_1{background-color:#0273d4}table.dataTable.display tbody>tr.even.selected>.sorting_2,table.dataTable.order-column.stripe tbody>tr.even.selected>.sorting_2{background-color:#0274d5}table.dataTable.display tbody>tr.even.selected>.sorting_3,table.dataTable.order-column.stripe tbody>tr.even.selected>.sorting_3{background-color:#0275d7}table.dataTable.display tbody>tr.odd>.selected,table.dataTable.order-column.stripe tbody>tr.odd>.selected{background-color:#026fcc}table.dataTable.display tbody>tr.even>.selected,table.dataTable.order-column.stripe tbody>tr.even>.selected{background-color:#0273d4}table.dataTable.display tbody>tr.selected:hover>.sorting_1,table.dataTable.order-column.hover tbody>tr.selected:hover>.sorting_1{background-color:#026bc6}table.dataTable.display tbody>tr.selected:hover>.sorting_2,table.dataTable.order-column.hover tbody>tr.selected:hover>.sorting_2{background-color:#026cc8}table.dataTable.display tbody>tr.selected:hover>.sorting_3,table.dataTable.order-column.hover tbody>tr.selected:hover>.sorting_3{background-color:#026eca}table.dataTable.display tbody>tr:hover>.selected,table.dataTable.display tbody>tr>.selected:hover,table.dataTable.order-column.hover tbody>tr:hover>.selected,table.dataTable.order-column.hover tbody>tr>.selected:hover{background-color:#026bc6}table.dataTable tbody td.select-checkbox,table.dataTable tbody th.select-checkbox{position:relative}table.dataTable tbody td.select-checkbox:before,table.dataTable tbody td.select-checkbox:after,table.dataTable tbody th.select-checkbox:before,table.dataTable tbody th.select-checkbox:after{display:block;position:absolute;top:1.2em;left:50%;width:12px;height:12px;box-sizing:border-box}table.dataTable tbody td.select-checkbox:before,table.dataTable tbody th.select-checkbox:before{content:' ';margin-top:-6px;margin-left:-6px;border:1px solid black;border-radius:3px}table.dataTable tr.selected td.select-checkbox:after,table.dataTable tr.selected th.select-checkbox:after{content:'\2714';margin-top:-11px;margin-left:-4px;text-align:center;text-shadow:1px 1px #B0BED9, -1px -1px #B0BED9, 1px -1px #B0BED9, -1px 1px #B0BED9}div.dataTables_wrapper span.select-info,div.dataTables_wrapper span.select-item{margin-left:0.5em}@media screen and (max-width: 640px){div.dataTables_wrapper span.select-info,div.dataTables_wrapper span.select-item{margin-left:0;display:block}}table.dataTable tbody tr.selected,table.dataTable tbody th.selected,table.dataTable tbody td.selected{color:white}table.dataTable tbody tr.selected a,table.dataTable tbody th.selected a,table.dataTable tbody td.selected a{color:#a2d4ed}
+table.dataTable.fixedHeader-floating,
+table.dataTable.fixedHeader-locked {
+    background-color: white;
+    margin-top: 0 !important;
+    margin-bottom: 0 !important;
+}
+table.dataTable.fixedHeader-floating {
+    position: fixed !important;
+}
+table.dataTable.fixedHeader-locked {
+    position: absolute !important;
+}
+@media print {
+    table.fixedHeader-floating {
+        display: none;
+    }
+}
 
+table.dataTable.dtr-inline.collapsed > tbody > tr > td.child,
+table.dataTable.dtr-inline.collapsed > tbody > tr > th.child,
+table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty {
+    cursor: default !important;
+}
+table.dataTable.dtr-inline.collapsed > tbody > tr > td.child:before,
+table.dataTable.dtr-inline.collapsed > tbody > tr > th.child:before,
+table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty:before {
+    display: none !important;
+}
+table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child,
+table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child {
+    position: relative;
+    padding-left: 30px;
+    cursor: pointer;
+}
+table.dataTable.dtr-inline.collapsed
+    > tbody
+    > tr[role="row"]
+    > td:first-child:before,
+table.dataTable.dtr-inline.collapsed
+    > tbody
+    > tr[role="row"]
+    > th:first-child:before {
+    top: 12px;
+    left: 4px;
+    height: 14px;
+    width: 14px;
+    display: block;
+    position: absolute;
+    color: white;
+    border: 2px solid white;
+    border-radius: 14px;
+    box-shadow: 0 0 3px #444;
+    box-sizing: content-box;
+    text-align: center;
+    text-indent: 0 !important;
+    font-family: "Courier New", Courier, monospace;
+    line-height: 14px;
+    content: "+";
+    background-color: #0275d8;
+}
+table.dataTable.dtr-inline.collapsed
+    > tbody
+    > tr.parent
+    > td:first-child:before,
+table.dataTable.dtr-inline.collapsed
+    > tbody
+    > tr.parent
+    > th:first-child:before {
+    content: "-";
+    background-color: #d33333;
+}
+table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child,
+table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child {
+    padding-left: 27px;
+}
+table.dataTable.dtr-inline.collapsed.compact
+    > tbody
+    > tr
+    > td:first-child:before,
+table.dataTable.dtr-inline.collapsed.compact
+    > tbody
+    > tr
+    > th:first-child:before {
+    top: 5px;
+    left: 4px;
+    height: 14px;
+    width: 14px;
+    border-radius: 14px;
+    line-height: 14px;
+    text-indent: 3px;
+}
+table.dataTable.dtr-column > tbody > tr > td.control,
+table.dataTable.dtr-column > tbody > tr > th.control {
+    position: relative;
+    cursor: pointer;
+}
+table.dataTable.dtr-column > tbody > tr > td.control:before,
+table.dataTable.dtr-column > tbody > tr > th.control:before {
+    top: 50%;
+    left: 50%;
+    height: 16px;
+    width: 16px;
+    margin-top: -10px;
+    margin-left: -10px;
+    display: block;
+    position: absolute;
+    color: white;
+    border: 2px solid white;
+    border-radius: 14px;
+    box-shadow: 0 0 3px #444;
+    box-sizing: content-box;
+    text-align: center;
+    text-indent: 0 !important;
+    font-family: "Courier New", Courier, monospace;
+    line-height: 14px;
+    content: "+";
+    background-color: #0275d8;
+}
+table.dataTable.dtr-column > tbody > tr.parent td.control:before,
+table.dataTable.dtr-column > tbody > tr.parent th.control:before {
+    content: "-";
+    background-color: #d33333;
+}
+table.dataTable > tbody > tr.child {
+    padding: 0.5em 1em;
+}
+table.dataTable > tbody > tr.child:hover {
+    background: transparent !important;
+}
+table.dataTable > tbody > tr.child ul.dtr-details {
+    display: inline-block;
+    list-style-type: none;
+    margin: 0;
+    padding: 0;
+}
+table.dataTable > tbody > tr.child ul.dtr-details > li {
+    border-bottom: 1px solid #efefef;
+    padding: 0.5em 0;
+}
+table.dataTable > tbody > tr.child ul.dtr-details > li:first-child {
+    padding-top: 0;
+}
+table.dataTable > tbody > tr.child ul.dtr-details > li:last-child {
+    border-bottom: none;
+}
+table.dataTable > tbody > tr.child span.dtr-title {
+    display: inline-block;
+    min-width: 75px;
+    font-weight: bold;
+}
+div.dtr-modal {
+    position: fixed;
+    box-sizing: border-box;
+    top: 0;
+    left: 0;
+    height: 100%;
+    width: 100%;
+    z-index: 100;
+    padding: 10em 1em;
+}
+div.dtr-modal div.dtr-modal-display {
+    position: absolute;
+    top: 0;
+    left: 0;
+    bottom: 0;
+    right: 0;
+    width: 50%;
+    height: 50%;
+    overflow: auto;
+    margin: auto;
+    z-index: 102;
+    overflow: auto;
+    background-color: #f5f5f7;
+    border: 1px solid black;
+    border-radius: 0.5em;
+    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6);
+}
+div.dtr-modal div.dtr-modal-content {
+    position: relative;
+    padding: 1em;
+}
+div.dtr-modal div.dtr-modal-close {
+    position: absolute;
+    top: 6px;
+    right: 6px;
+    width: 22px;
+    height: 22px;
+    border: 1px solid #eaeaea;
+    background-color: #f9f9f9;
+    text-align: center;
+    border-radius: 3px;
+    cursor: pointer;
+    z-index: 12;
+}
+div.dtr-modal div.dtr-modal-close:hover {
+    background-color: #eaeaea;
+}
+div.dtr-modal div.dtr-modal-background {
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    z-index: 101;
+    background: rgba(0, 0, 0, 0.6);
+}
+@media screen and (max-width: 767px) {
+    div.dtr-modal div.dtr-modal-display {
+        width: 95%;
+    }
+}
+div.dtr-bs-modal table.table tr:first-child td {
+    border-top: none;
+}
 
+table.dataTable tbody > tr.selected,
+table.dataTable tbody > tr > .selected {
+    background-color: #0275d8;
+}
+table.dataTable.stripe tbody > tr.odd.selected,
+table.dataTable.stripe tbody > tr.odd > .selected,
+table.dataTable.display tbody > tr.odd.selected,
+table.dataTable.display tbody > tr.odd > .selected {
+    background-color: #0272d3;
+}
+table.dataTable.hover tbody > tr.selected:hover,
+table.dataTable.hover tbody > tr > .selected:hover,
+table.dataTable.display tbody > tr.selected:hover,
+table.dataTable.display tbody > tr > .selected:hover {
+    background-color: #0271d0;
+}
+table.dataTable.order-column tbody > tr.selected > .sorting_1,
+table.dataTable.order-column tbody > tr.selected > .sorting_2,
+table.dataTable.order-column tbody > tr.selected > .sorting_3,
+table.dataTable.order-column tbody > tr > .selected,
+table.dataTable.display tbody > tr.selected > .sorting_1,
+table.dataTable.display tbody > tr.selected > .sorting_2,
+table.dataTable.display tbody > tr.selected > .sorting_3,
+table.dataTable.display tbody > tr > .selected {
+    background-color: #0273d4;
+}
+table.dataTable.display tbody > tr.odd.selected > .sorting_1,
+table.dataTable.order-column.stripe tbody > tr.odd.selected > .sorting_1 {
+    background-color: #026fcc;
+}
+table.dataTable.display tbody > tr.odd.selected > .sorting_2,
+table.dataTable.order-column.stripe tbody > tr.odd.selected > .sorting_2 {
+    background-color: #0270ce;
+}
+table.dataTable.display tbody > tr.odd.selected > .sorting_3,
+table.dataTable.order-column.stripe tbody > tr.odd.selected > .sorting_3 {
+    background-color: #0270d0;
+}
+table.dataTable.display tbody > tr.even.selected > .sorting_1,
+table.dataTable.order-column.stripe tbody > tr.even.selected > .sorting_1 {
+    background-color: #0273d4;
+}
+table.dataTable.display tbody > tr.even.selected > .sorting_2,
+table.dataTable.order-column.stripe tbody > tr.even.selected > .sorting_2 {
+    background-color: #0274d5;
+}
+table.dataTable.display tbody > tr.even.selected > .sorting_3,
+table.dataTable.order-column.stripe tbody > tr.even.selected > .sorting_3 {
+    background-color: #0275d7;
+}
+table.dataTable.display tbody > tr.odd > .selected,
+table.dataTable.order-column.stripe tbody > tr.odd > .selected {
+    background-color: #026fcc;
+}
+table.dataTable.display tbody > tr.even > .selected,
+table.dataTable.order-column.stripe tbody > tr.even > .selected {
+    background-color: #0273d4;
+}
+table.dataTable.display tbody > tr.selected:hover > .sorting_1,
+table.dataTable.order-column.hover tbody > tr.selected:hover > .sorting_1 {
+    background-color: #026bc6;
+}
+table.dataTable.display tbody > tr.selected:hover > .sorting_2,
+table.dataTable.order-column.hover tbody > tr.selected:hover > .sorting_2 {
+    background-color: #026cc8;
+}
+table.dataTable.display tbody > tr.selected:hover > .sorting_3,
+table.dataTable.order-column.hover tbody > tr.selected:hover > .sorting_3 {
+    background-color: #026eca;
+}
+table.dataTable.display tbody > tr:hover > .selected,
+table.dataTable.display tbody > tr > .selected:hover,
+table.dataTable.order-column.hover tbody > tr:hover > .selected,
+table.dataTable.order-column.hover tbody > tr > .selected:hover {
+    background-color: #026bc6;
+}
+table.dataTable tbody td.select-checkbox,
+table.dataTable tbody th.select-checkbox {
+    position: relative;
+}
+table.dataTable tbody td.select-checkbox:before,
+table.dataTable tbody td.select-checkbox:after,
+table.dataTable tbody th.select-checkbox:before,
+table.dataTable tbody th.select-checkbox:after {
+    display: block;
+    position: absolute;
+    top: 1.2em;
+    left: 50%;
+    width: 12px;
+    height: 12px;
+    box-sizing: border-box;
+}
+table.dataTable tbody td.select-checkbox:before,
+table.dataTable tbody th.select-checkbox:before {
+    content: " ";
+    margin-top: -6px;
+    margin-left: -6px;
+    border: 1px solid black;
+    border-radius: 3px;
+}
+table.dataTable tr.selected td.select-checkbox:after,
+table.dataTable tr.selected th.select-checkbox:after {
+    content: "\2714";
+    margin-top: -11px;
+    margin-left: -4px;
+    text-align: center;
+    text-shadow: 1px 1px #b0bed9, -1px -1px #b0bed9, 1px -1px #b0bed9,
+        -1px 1px #b0bed9;
+}
+div.dataTables_wrapper span.select-info,
+div.dataTables_wrapper span.select-item {
+    margin-left: 0.5em;
+}
+@media screen and (max-width: 640px) {
+    div.dataTables_wrapper span.select-info,
+    div.dataTables_wrapper span.select-item {
+        margin-left: 0;
+        display: block;
+    }
+}
+table.dataTable tbody tr.selected,
+table.dataTable tbody th.selected,
+table.dataTable tbody td.selected {
+    color: white;
+}
+table.dataTable tbody tr.selected a,
+table.dataTable tbody th.selected a,
+table.dataTable tbody td.selected a {
+    color: #a2d4ed;
+}
diff --git a/resources/views/Admin/index.blade.php b/resources/views/Admin/index.blade.php
new file mode 100644
index 00000000..0e172c66
--- /dev/null
+++ b/resources/views/Admin/index.blade.php
@@ -0,0 +1,572 @@
+@extends('admin.layout.main')
+@section('content')
+    <!-- Main Content -->
+    <div class="main-content">
+        <section class="section">
+            <div class="row">
+                <div class="col-lg-4 col-md-4 col-sm-12">
+                    <div class="card card-statistic-2">
+                        <div class="card-stats">
+                            <div class="card-stats-title">List Transaction -
+                                <div class="dropdown d-inline">
+                                    <a class="font-weight-600 dropdown-toggle" data-toggle="dropdown" href="#"
+                                        id="orders-month">August</a>
+                                    <ul class="dropdown-menu dropdown-menu-sm">
+                                        <li class="dropdown-title">Select Month</li>
+                                        <li><a href="#" class="dropdown-item">January</a></li>
+                                        <li><a href="#" class="dropdown-item">February</a></li>
+                                        <li><a href="#" class="dropdown-item">March</a></li>
+                                        <li><a href="#" class="dropdown-item">April</a></li>
+                                        <li><a href="#" class="dropdown-item">May</a></li>
+                                        <li><a href="#" class="dropdown-item">June</a></li>
+                                        <li><a href="#" class="dropdown-item">July</a></li>
+                                        <li><a href="#" class="dropdown-item active">August</a></li>
+                                        <li><a href="#" class="dropdown-item">September</a></li>
+                                        <li><a href="#" class="dropdown-item">October</a></li>
+                                        <li><a href="#" class="dropdown-item">November</a></li>
+                                        <li><a href="#" class="dropdown-item">December</a></li>
+                                    </ul>
+                                </div>
+                            </div>
+                            <div class="card-stats-items">
+                                <div class="card-stats-item">
+                                    <div class="card-stats-item-count">114</div>
+                                    <div class="card-stats-item-label">Success</div>
+                                </div>
+                                <div class="card-stats-item">
+                                    <div class="card-stats-item-count">12</div>
+                                    <div class="card-stats-item-label">Pending</div>
+                                </div>
+                                <div class="card-stats-item">
+                                    <div class="card-stats-item-count">23</div>
+                                    <div class="card-stats-item-label">Canceled</div>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="card-icon shadow-primary bg-primary">
+                            <i class="fas fa-exchange-alt"></i>
+                        </div>
+                        <div class="card-wrap">
+                            <div class="card-header">
+                                <h4>Total Transaction</h4>
+                            </div>
+                            <div class="card-body">
+                                159
+                            </div>
+                        </div>
+                        <p class="mb-0 text-muted">
+                            <span class="text-success me-2"><span class="mdi mdi-arrow-up-bold"></span>
+                                1.08%</span>
+                            <span class="text-nowrap">Since last week</span>
+                        </p>
+                    </div>
+                </div>
+                <div class="col-lg-4 col-md-4 col-sm-12">
+                    <div class="card card-statistic-2">
+                        <div class="card-chart">
+                            <canvas id="balance-chart" height="80"></canvas>
+                        </div>
+                        <div class="card-icon shadow-primary bg-primary">
+                            <i class="fas fa-money-check"></i>
+                        </div>
+                        <div class="card-wrap">
+                            <div class="card-header">
+                                <h4>Total Refund</h4>
+                            </div>
+                            <div class="card-body">
+                                100
+                            </div>
+                        </div>
+                        <p class="mb-0 text-muted">
+                            <span class="text-success me-2"><span class="mdi mdi-arrow-up-bold"></span>
+                                5.27%</span>
+                            <span class="text-nowrap">Since last month</span>
+                        </p>
+                    </div>
+                </div>
+                <div class="col-lg-4 col-md-4 col-sm-12">
+                    <div class="card card-statistic-2">
+                        <div class="card-chart">
+                            <canvas id="sales-chart" height="80"></canvas>
+                        </div>
+                        <div class="card-icon shadow-primary bg-primary">
+                            <i class="fas fa-user"></i>
+                        </div>
+                        <div class="card-wrap">
+                            <div class="card-header">
+                                <h4>Total user</h4>
+                            </div>
+                            <div class="card-body">
+                                100 </div>
+                        </div>
+                        <p class="mb-0 text-muted">
+                            <span class="text-danger me-2"><span class="mdi mdi-arrow-down-bold"></span>
+                                1.08%</span>
+                            <span class="text-nowrap">Since previous week</span>
+                        </p>
+                    </div>
+                </div>
+            </div>
+            <div class="row justify-content-end d-flex">
+                <div class="col-lg-4 col-md-4 col-sm-12 ml-auto">
+                    <div class="input-group">
+                        <input type="text" name="from-to" class="form-control" id="date-range">
+                        <span class="input-group-text bg-primary text-white align-items-center">
+                            <i class="mdi mdi-calendar-range font-13"></i>
+                        </span>
+                    </div>
+                </div>
+            </div>
+            <br>
+            <div class="row">
+                <div class="col-lg-8">
+                    <div class="card">
+                        <div class="alert alert-primary alert-dismissible fade show mb-3" role="alert">
+                            Pendapatan Hari Ini meningkat <span class="mdi mdi-arrow-up-bold"></span>
+                            5.27%</span>
+                        </div>
+                        <div class="card-header">
+                            <h4>Statistics</h4>
+                            <div class="card-header-action">
+                                <div class="btn-group">
+                                    <a href="#" class="btn btn-primary">Week</a>
+                                    <a href="#" class="btn">Month</a>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="card-body">
+                            <canvas id="myChart1"></canvas>
+                            {{-- <div class="statistic-details mt-sm-4">
+                                <div class="statistic-details-item">
+                                    <span class="text-muted"><span class="text-primary"><i
+                                                class="fas fa-caret-up"></i></span> 7%</span>
+                                    <div class="detail-value">$243</div>
+                                    <div class="detail-name">Today's Sales</div>
+                                </div>
+                                <div class="statistic-details-item">
+                                    <span class="text-muted"><span class="text-danger"><i
+                                                class="fas fa-caret-down"></i></span> 23%</span>
+                                    <div class="detail-value">$2,902</div>
+                                    <div class="detail-name">This Week's Sales</div>
+                                </div>
+                                <div class="statistic-details-item">
+                                    <span class="text-muted"><span class="text-primary"><i
+                                                class="fas fa-caret-up"></i></span>9%</span>
+                                    <div class="detail-value">$12,821</div>
+                                    <div class="detail-name">This Month's Sales</div>
+                                </div>
+                                <div class="statistic-details-item">
+                                    <span class="text-muted"><span class="text-primary"><i
+                                                class="fas fa-caret-up"></i></span> 19%</span>
+                                    <div class="detail-value">$92,142</div>
+                                    <div class="detail-name">This Year's Sales</div>
+                                </div>
+                            </div> --}}
+                        </div>
+                    </div>
+                </div>
+                <div class="col-lg-4">
+                    <div class="card gradient-bottom">
+                        <div class="card-header">
+                            <h4>Top 5 Users</h4>
+                            <div class="card-header-action dropdown">
+                                <a href="#" data-toggle="dropdown"
+                                    class="btn btn-primary dropdown-toggle">Month</a>
+                                <ul class="dropdown-menu dropdown-menu-sm dropdown-menu-right">
+                                    <li class="dropdown-title">Select Period</li>
+                                    <li><a href="#" class="dropdown-item">Today</a></li>
+                                    <li><a href="#" class="dropdown-item">Week</a></li>
+                                    <li><a href="#" class="dropdown-item active">Month</a></li>
+                                    <li><a href="#" class="dropdown-item">This Year</a></li>
+                                </ul>
+                            </div>
+                        </div>
+                        <div class="card-body" id="top-5-scroll">
+                            <ul class="list-unstyled list-unstyled-border">
+                                <li class="media">
+                                    <img class="mr-3 rounded" width="55" src="{{asset('assets/img/avatar/avatar-6.png')}}"
+                                        alt="product">
+                                    <div class="media-body">
+                                        <div class="float-right">
+                                            <div class="font-weight-600 text-muted text-small">86 Sales</div>
+                                        </div>
+                                        <div class="media-title">Jilhan Haura</div>
+                                        <div class="mt-1">
+                                            <div class="budget-price">
+                                                <div class="budget-price-square bg-primary" data-width="64%"></div>
+                                                <div class="budget-price-label">$68,714</div>
+                                            </div>
+                                            <div class="budget-price">
+                                                <div class="budget-price-square bg-danger" data-width="43%"></div>
+                                                <div class="budget-price-label">$38,700</div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </li>
+                                <li class="media">
+                                    <img class="mr-3 rounded" width="55" src="{{asset('assets/img/avatar/avatar-1.png')}}"
+                                        alt="product">
+                                    <div class="media-body">
+                                        <div class="float-right">
+                                            <div class="font-weight-600 text-muted text-small">67 Sales</div>
+                                        </div>
+                                        <div class="media-title">Nurul Prima</div>
+                                        <div class="mt-1">
+                                            <div class="budget-price">
+                                                <div class="budget-price-square bg-primary" data-width="84%"></div>
+                                                <div class="budget-price-label">$107,133</div>
+                                            </div>
+                                            <div class="budget-price">
+                                                <div class="budget-price-square bg-danger" data-width="60%"></div>
+                                                <div class="budget-price-label">$91,455</div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </li>
+                                <li class="media">
+                                    <img class="mr-3 rounded" width="55" src="{{asset('assets/img/avatar/avatar-2.png')}}"
+                                        alt="product">
+                                    <div class="media-body">
+                                        <div class="float-right">
+                                            <div class="font-weight-600 text-muted text-small">63 Sales</div>
+                                        </div>
+                                        <div class="media-title">Muhammad Raihan</div>
+                                        <div class="mt-1">
+                                            <div class="budget-price">
+                                                <div class="budget-price-square bg-primary" data-width="34%"></div>
+                                                <div class="budget-price-label">$3,717</div>
+                                            </div>
+                                            <div class="budget-price">
+                                                <div class="budget-price-square bg-danger" data-width="28%"></div>
+                                                <div class="budget-price-label">$2,835</div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </li>
+                                <li class="media">
+                                    <img class="mr-3 rounded" width="55" src="{{asset('assets/img/avatar/avatar-3.png')}}"
+                                        alt="product">
+                                    <div class="media-body">
+                                        <div class="float-right">
+                                            <div class="font-weight-600 text-muted text-small">28 Sales</div>
+                                        </div>
+                                        <div class="media-title">Hantu</div>
+                                        <div class="mt-1">
+                                            <div class="budget-price">
+                                                <div class="budget-price-square bg-primary" data-width="45%"></div>
+                                                <div class="budget-price-label">$13,972</div>
+                                            </div>
+                                            <div class="budget-price">
+                                                <div class="budget-price-square bg-danger" data-width="30%"></div>
+                                                <div class="budget-price-label">$9,660</div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </li>
+                                <li class="media">
+                                    <img class="mr-3 rounded" width="55" src="{{asset('assets/img/avatar/avatar-4.png')}}"
+                                        alt="product">
+                                    <div class="media-body">
+                                        <div class="float-right">
+                                            <div class="font-weight-600 text-muted text-small">19 Sales</div>
+                                        </div>
+                                        <div class="media-title">Testing</div>
+                                        <div class="mt-1">
+                                            <div class="budget-price">
+                                                <div class="budget-price-square bg-primary" data-width="35%"></div>
+                                                <div class="budget-price-label">$7,391</div>
+                                            </div>
+                                            <div class="budget-price">
+                                                <div class="budget-price-square bg-danger" data-width="28%"></div>
+                                                <div class="budget-price-label">$5,472</div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </li>
+                            </ul>
+                        </div>
+                        <div class="card-footer pt-3 d-flex justify-content-center">
+                            <div class="budget-price justify-content-center">
+                                <div class="budget-price-square bg-primary" data-width="20"></div>
+                                <div class="budget-price-label">Selling Price</div>
+                            </div>
+                            <div class="budget-price justify-content-center">
+                                <div class="budget-price-square bg-danger" data-width="20"></div>
+                                <div class="budget-price-label">Budget Price</div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="row">
+                <div class="col-12">
+                    <div class="card">
+                        <div class="card-header">
+                            <h2>History Transaction</h2>
+                        </div>
+                        <div class="card-body">
+                            <div class="table-responsive">
+                                <table class="table table-striped" id="table-1">
+                                    <thead>
+                                        <tr>
+                                            <th class="text-center">
+                                                #
+                                            </th>
+                                            <th>Order Id</th>
+                                            <th>Customer</th>
+                                            <th>Seller</th>
+                                            <th>Total</th>
+                                            <th>Due Date</th>
+                                            <th>Status</th>
+                                            <th>Action</th>
+                                        </tr>
+                                    </thead>
+                                    <tbody>
+                                        @foreach ($transaction as $transactions)
+                                            <tr>
+                                                <td>{{ $transactions['no'] }}</td>
+                                                <td><a href="#">{{ $transactions['orderId'] }}</a></td>
+                                                <td class="font-weight-600">{{ $transactions['customer'] }}</td>
+                                                <td class="font-weight-600">{{ $transactions['seller'] }}</td>
+                                                <td class="font-weight-600">{{ $transactions['total'] }}</td>
+                                                <td>{{ $transactions['date'] }}</td>
+                                                <td>
+                                                    @php
+                                                        $statusClass = '';
+                                                        if ($transactions['status'] === 'pending') {
+                                                            $statusClass = 'badge-warning';
+                                                        } elseif ($transactions['status'] === 'paid') {
+                                                            $statusClass = 'badge-success';
+                                                        } elseif ($transactions['status'] === 'unpaid') {
+                                                            $statusClass = 'badge-danger';
+                                                        }
+                                                    @endphp
+                                                    <div class="badge {{ $statusClass }}">{{ $transactions['status'] }}
+                                                    </div>
+                                                </td>
+                                                <td>
+                                                    <div class="btn-group">
+                                                        <button type="button" class="btn btn-primary dropdown-toggle"
+                                                            data-toggle="dropdown" aria-haspopup="true"
+                                                            aria-expanded="false">
+                                                            Action
+                                                        </button>
+                                                        <div class="dropdown-menu">
+                                                            <a class="dropdown-item"
+                                                                href="/detail_transaction">Details</a>
+                                                            <a class="dropdown-item" href="#" data-toggle="modal"
+                                                                data-target="#ModalTransaction">Tracking</a>
+                                                            <a class="dropdown-item" href="#">Delete</a>
+                                                        </div>
+                                                    </div>
+                                                </td>
+                                            </tr>
+                                        @endforeach
+                                    </tbody>
+                                </table>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </section>
+    </div>
+    @include('admin.transaction.modal-tracking')
+    <script>
+        // Set new default font family and font color to mimic Bootstrap's default styling
+        Chart.defaults.global.defaultFontFamily = 'Nunito',
+            '-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif';
+        Chart.defaults.global.defaultFontColor = '#858796';
+
+        var ctx = document.getElementById("myChart1").getContext('2d');
+        var myChart = new Chart(ctx, {
+            type: 'line',
+            data: {
+                labels: ["January", "February", "March", "April", "May", "June", "July", "August", "September", "Oktober", "November", "December"],
+                datasets: [{
+                        label: 'Transaction',
+                        data: [3200, 18009, 4305, 3022, 6310, 5120, 5880, 6154, 0],
+                        borderWidth: 2,
+                        backgroundColor: 'rgba(63,82,227,.8)',
+                        borderWidth: 0,
+                        borderColor: 'transparent',
+                        pointBorderWidth: 0,
+                        pointRadius: 3.5,
+                        pointBackgroundColor: 'transparent',
+                        pointHoverBackgroundColor: 'rgba(63,82,227,.8)',
+                    },
+                    {
+                        label: 'Refund',
+                        data: [2207, 3403, 220000, 5025, 2302, 4208, 3880, 4880, 5000],
+                        borderWidth: 2,
+                        backgroundColor: 'rgba(254,86,83,.7)',
+                        borderWidth: 0,
+                        borderColor: 'transparent',
+                        pointBorderWidth: 0,
+                        pointRadius: 3.5,
+                        pointBackgroundColor: 'transparent',
+                        pointHoverBackgroundColor: 'rgba(254,86,83,.8)',
+                    }
+                ]
+            },
+            options: {
+                layout:{
+                    padding: 20,
+                },
+                legend: {
+                    display: true,
+                    labels:{
+                        padding: 20,
+                    }
+                },
+                scales: {
+                    yAxes: [{
+                        gridLines: {
+                            // display: false,
+                            drawBorder: false,
+                            color: '#f2f2f2',
+                        },
+                        ticks: {
+                            beginAtZero: true,
+                            stepSize: 15000,
+                            callback: function(value, index, values) {
+                                // return 'Rp.' + value;
+                                return new Intl.NumberFormat('id-ID', {
+                                    style: 'currency',
+                                    currency: 'IDR',
+                                }).format(value);
+                            }
+                        }
+                    }],
+                    xAxes: [{
+                        gridLines: {
+                            display: true,
+                            tickMarkLength: 15,
+                        }
+                    }]
+                },
+            }
+        });
+
+        var balance_chart = document.getElementById("balance-chart").getContext('2d');
+
+        var balance_chart_bg_color = balance_chart.createLinearGradient(0, 0, 0, 70);
+        balance_chart_bg_color.addColorStop(0, 'rgba(63,82,227,.2)');
+        balance_chart_bg_color.addColorStop(1, 'rgba(63,82,227,0)');
+
+        var myChart = new Chart(balance_chart, {
+            type: 'line',
+            data: {
+                labels: ['16-07-2018', '17-07-2018', '18-07-2018', '19-07-2018', '20-07-2018', '21-07-2018',
+                    '22-07-2018', '23-07-2018', '24-07-2018', '25-07-2018', '26-07-2018', '27-07-2018',
+                    '28-07-2018', '29-07-2018', '30-07-2018', '31-07-2018'
+                ],
+                datasets: [{
+                    label: 'Balance',
+                    data: [50, 61, 80, 50, 72, 52, 60, 41, 30, 45, 70, 40, 93, 63, 50, 62],
+                    backgroundColor: balance_chart_bg_color,
+                    borderWidth: 3,
+                    borderColor: 'rgba(63,82,227,1)',
+                    pointBorderWidth: 0,
+                    pointBorderColor: 'transparent',
+                    pointRadius: 3,
+                    pointBackgroundColor: 'transparent',
+                    pointHoverBackgroundColor: 'rgba(63,82,227,1)',
+                }]
+            },
+            options: {
+                layout: {
+                    padding: {
+                        bottom: -1,
+                        left: -1
+                    }
+                },
+                legend: {
+                    display: false
+                },
+                scales: {
+                    yAxes: [{
+                        gridLines: {
+                            display: false,
+                            drawBorder: false,
+                        },
+                        ticks: {
+                            beginAtZero: true,
+                            display: false
+                        }
+                    }],
+                    xAxes: [{
+                        gridLines: {
+                            drawBorder: false,
+                            display: false,
+                        },
+                        ticks: {
+                            display: false
+                        }
+                    }]
+                },
+            }
+        });
+
+        var sales_chart = document.getElementById("sales-chart").getContext('2d');
+
+        var sales_chart_bg_color = sales_chart.createLinearGradient(0, 0, 0, 80);
+        balance_chart_bg_color.addColorStop(0, 'rgba(63,82,227,.2)');
+        balance_chart_bg_color.addColorStop(1, 'rgba(63,82,227,0)');
+
+        var myChart = new Chart(sales_chart, {
+            type: 'line',
+            data: {
+                labels: ['16-07-2018', '17-07-2018', '18-07-2018', '19-07-2018', '20-07-2018', '21-07-2018',
+                    '22-07-2018', '23-07-2018', '24-07-2018', '25-07-2018', '26-07-2018', '27-07-2018',
+                    '28-07-2018', '29-07-2018', '30-07-2018', '31-07-2018'
+                ],
+                datasets: [{
+                    label: 'Sales',
+                    data: [70, 62, 44, 40, 21, 63, 82, 52, 50, 31, 70, 50, 91, 63, 51, 60],
+                    borderWidth: 2,
+                    backgroundColor: balance_chart_bg_color,
+                    borderWidth: 3,
+                    borderColor: 'rgba(63,82,227,1)',
+                    pointBorderWidth: 0,
+                    pointBorderColor: 'transparent',
+                    pointRadius: 3,
+                    pointBackgroundColor: 'transparent',
+                    pointHoverBackgroundColor: 'rgba(63,82,227,1)',
+                }]
+            },
+            options: {
+                layout: {
+                    padding: {
+                        bottom: -1,
+                        left: -1
+                    }
+                },
+                legend: {
+                    display: false
+                },
+                scales: {
+                    yAxes: [{
+                        gridLines: {
+                            display: false,
+                            drawBorder: false,
+                        },
+                        ticks: {
+                            beginAtZero: true,
+                            display: false
+                        }
+                    }],
+                    xAxes: [{
+                        gridLines: {
+                            drawBorder: false,
+                            display: false,
+                        },
+                        ticks: {
+                            display: false
+                        }
+                    }]
+                },
+            }
+        });
+    </script>
+@endsection
diff --git a/resources/views/Admin/layout/header.blade.php b/resources/views/Admin/layout/header.blade.php
index e002278c..8781a208 100644
--- a/resources/views/Admin/layout/header.blade.php
+++ b/resources/views/Admin/layout/header.blade.php
@@ -19,7 +19,7 @@
                 <div class="dropdown-list-content dropdown-list-message">
                     <a href="#" class="dropdown-item dropdown-item-unread">
                         <div class="dropdown-item-avatar">
-                            <img alt="image" src="assets/img/avatar/avatar-1.png" class="rounded-circle">
+                            <img alt="image" src="{{asset('assets/img/avatar/avatar-1.png')}}" class="rounded-circle">
                             <div class="is-online"></div>
                         </div>
                         <div class="dropdown-item-desc">
@@ -30,7 +30,7 @@
                     </a>
                     <a href="#" class="dropdown-item dropdown-item-unread">
                         <div class="dropdown-item-avatar">
-                            <img alt="image" src="assets/img/avatar/avatar-2.png" class="rounded-circle">
+                            <img alt="image" src="{{asset('assets/img/avatar/avatar-2.png')}}" class="rounded-circle">
                         </div>
                         <div class="dropdown-item-desc">
                             <b>Dedik Sugiharto</b>
@@ -40,7 +40,7 @@
                     </a>
                     <a href="#" class="dropdown-item dropdown-item-unread">
                         <div class="dropdown-item-avatar">
-                            <img alt="image" src="assets/img/avatar/avatar-3.png" class="rounded-circle">
+                            <img alt="image" src="{{asset('assets/img/avatar/avatar-3.png')}}" class="rounded-circle">
                             <div class="is-online"></div>
                         </div>
                         <div class="dropdown-item-desc">
@@ -51,7 +51,7 @@
                     </a>
                     <a href="#" class="dropdown-item">
                         <div class="dropdown-item-avatar">
-                            <img alt="image" src="assets/img/avatar/avatar-4.png" class="rounded-circle">
+                            <img alt="image" src="{{asset('assets/img/avatar/avatar-4.png')}}" class="rounded-circle">
                         </div>
                         <div class="dropdown-item-desc">
                             <b>Ardian Rahardiansyah</b>
@@ -61,7 +61,7 @@
                     </a>
                     <a href="#" class="dropdown-item">
                         <div class="dropdown-item-avatar">
-                            <img alt="image" src="assets/img/avatar/avatar-5.png" class="rounded-circle">
+                            <img alt="image" src="{{asset('assets/img/avatar/avatar-5.png')}}" class="rounded-circle">
                         </div>
                         <div class="dropdown-item-desc">
                             <b>Alfa Zulkarnain</b>
@@ -137,8 +137,8 @@
         </li>
         <li class="dropdown"><a href="#" data-toggle="dropdown"
                 class="nav-link dropdown-toggle nav-link-lg nav-link-user">
-                <img alt="image" src="assets/img/avatar/avatar-1.png" class="rounded-circle mr-1">
-                <div class="d-sm-none d-lg-inline-block">Hi, {{ $name }}</div>
+                <img alt="image" src="{{asset('assets/img/avatar/ok.jpg')}}" class="rounded-circle mr-1">
+                <div class="d-sm-none d-lg-inline-block">Hi, {{ Auth::user()->nama_depan }}</div>
             </a>
             <div class="dropdown-menu dropdown-menu-right">
                 <div class="dropdown-title">Logged in 5 min ago</div>
@@ -152,7 +152,7 @@
                     <i class="fas fa-cog"></i> Settings
                 </a> --}}
                 <div class="dropdown-divider"></div>
-                <a href="#" class="dropdown-item has-icon text-danger">
+                <a href="{{route('logout')}}" class="dropdown-item has-icon text-danger">
                     <i class="fas fa-sign-out-alt"></i> Logout
                 </a>
             </div>
diff --git a/resources/views/Admin/layout/main.blade.php b/resources/views/Admin/layout/main.blade.php
index 4e12f172..4b4d960c 100644
--- a/resources/views/Admin/layout/main.blade.php
+++ b/resources/views/Admin/layout/main.blade.php
@@ -33,27 +33,29 @@
     </style>
     <meta charset="UTF-8">
     <meta content="width=device-width, initial-scale=1, maximum-scale=1, shrink-to-fit=no" name="viewport">
+    <meta name="csrf-token" content="{{ csrf_token() }}">
     <title>REKBER</title>
 
     <!-- General CSS Files -->
-    <link rel="stylesheet" href="assets/modules/bootstrap/css/bootstrap.min.css">
-    <link rel="stylesheet" href="assets/modules/fontawesome/css/all.min.css">
+    <link rel="stylesheet" href="{{ asset('assets/modules/bootstrap/css/bootstrap.min.css') }}">
+    <link rel="stylesheet" href="{{ asset('assets/modules/fontawesome/css/all.min.css') }}">
     <link rel="stylesheet" href="https://cdn.materialdesignicons.com/5.4.55/css/materialdesignicons.min.css">
-    <link rel="stylesheet" href="assets/modules/jqvmap/dist/jqvmap.min.css">
-    <link rel="stylesheet" href="assets/modules/summernote/summernote-bs4.css">
-    <link rel="stylesheet" href="assets/modules/owlcarousel2/dist/assets/owl.carousel.min.css">
-    <link rel="stylesheet" href="assets/modules/owlcarousel2/dist/assets/owl.theme.default.min.css">
+    <link rel="stylesheet" href="{{ asset('assets/modules/jqvmap/dist/jqvmap.min.css') }}">
+    <link rel="stylesheet" href="{{ asset('assets/modules/summernote/summernote-bs4.css') }}">
+    <link rel="stylesheet" href="{{ asset('assets/modules/owlcarousel2/dist/assets/owl.carousel.min.css') }}">
+    <link rel="stylesheet" href="{{ asset('assets/modules/owlcarousel2/dist/assets/owl.theme.default.min.css') }}">
     <link rel="stylesheet" type="text/css"
         href="https://cdn.jsdelivr.net/npm/daterangepicker@3.1.0/daterangepicker.css" />
     <!-- Template CSS -->
-    <link rel="stylesheet" href="assets/css/style.css">
-    <link rel="stylesheet" href="assets/css/components.css">
+    <link rel="stylesheet" href="{{ asset('assets/css/style.css') }}">
+    <link rel="stylesheet" href="{{ asset('assets/css/components.css') }}">
     <!-- CSS Libraries -->
-    <link rel="stylesheet" href="assets/modules/datatables/datatables.min.css">
-    <link rel="stylesheet" href="assets/modules/datatables/DataTables-1.10.16/css/dataTables.bootstrap4.min.css">
-    <link rel="stylesheet" href="assets/modules/datatables/Select-1.2.4/css/select.bootstrap4.min.css">
+    <link rel="stylesheet" href="{{ asset('assets/modules/datatables/datatables.min.css') }}">
+    <link rel="stylesheet"
+        href="{{ asset('assets/modules/datatables/DataTables-1.10.16/css/dataTables.bootstrap4.min.css') }}">
+    <link rel="stylesheet" href="{{ asset('assets/modules/datatables/Select-1.2.4/css/select.bootstrap4.min.css') }}">
     <!-- Start GA -->
-    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-94034622-3"></script>
+    {{-- <script async src="https://www.googletagmanager.com/gtag/js?id=UA-94034622-3"></script>
     <script>
         window.dataLayer = window.dataLayer || [];
 
@@ -63,9 +65,36 @@
         gtag('js', new Date());
 
         gtag('config', 'UA-94034622-3');
+<<<<<<< HEAD
     </script>
     <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
+=======
+    </script> --}}
+
+    <!-- /END GA -->
+
+    {{-- JS --}}
+    >>>>>>> c6e7e74f2a6981b808e6ad8dc9499362fdf9f043
     <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
+    <script src="{{ asset('assets/modules/chart.min.js') }}"></script>
+</head>
+
+<body>
+
+    <header class="header-area header-sticky">
+        @include('admin.layout.header')
+    </header>
+
+    <main id="main" style="min-height: 100vh;">
+        @include('admin.layout.sidebar')
+        @yield('content')
+    </main>
+
+    <footer id="footer">
+        @include('admin.layout.footer')
+    </footer>
+
+
     <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/moment.min.js"></script>
     <script>
         $(document).ready(function() {
@@ -109,57 +138,38 @@
             });
         });
     </script>
-    <!-- /END GA -->
-</head>
-
-<body>
-
-    <header class="header-area header-sticky">
-        @include('Admin.layout.header')
-    </header>
-
-    <main id="main" style="min-height: 100vh;">
-        @include('Admin.layout.sidebar')
-        @yield('content')
-    </main>
-
-    <footer id="footer">
-        @include('Admin.layout.footer')
-    </footer>
 
     <!-- General JS Scripts -->
-    <script src="assets/modules/jquery.min.js"></script>
-    <script src="assets/modules/popper.js"></script>
-    <script src="assets/modules/tooltip.js"></script>
-    <script src="assets/modules/bootstrap/js/bootstrap.min.js"></script>
-    <script src="assets/modules/nicescroll/jquery.nicescroll.min.js"></script>
-    <script src="assets/modules/moment.min.js"></script>
-    <script src="assets/js/stisla.js"></script>
+    <script src="{{ asset('assets/modules/jquery.min.js') }}"></script>
+    <script src="{{ asset('assets/modules/popper.js') }}"></script>
+    <script src="{{ asset('assets/modules/tooltip.js') }}"></script>
+    <script src="{{ asset('assets/modules/bootstrap/js/bootstrap.min.js') }}"></script>
+    <script src="{{ asset('assets/modules/nicescroll/jquery.nicescroll.min.js') }}"></script>
+    <script src="{{ asset('assets/modules/moment.min.js') }}"></script>
+    <script src="{{ asset('assets/js/stisla.js') }}"></script>
+    <script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script>
 
     <!-- JS Libraies -->
-    <script src="assets/modules/jquery.sparkline.min.js"></script>
-    <script src="assets/modules/chart.min.js"></script>
-    <script src="assets/modules/owlcarousel2/dist/owl.carousel.min.js"></script>
-    <script src="assets/modules/summernote/summernote-bs4.js"></script>
-    <script src="assets/modules/chocolat/dist/js/jquery.chocolat.min.js"></script>
+    <script src="{{ asset('assets/modules/jquery.sparkline.min.js') }}"></script>
+    <script src="{{ asset('assets/modules/owlcarousel2/dist/owl.carousel.min.js') }}"></script>
+    <script src="{{ asset('assets/modules/summernote/summernote-bs4.js') }}"></script>
+    <script src="{{ asset('assets/modules/chocolat/dist/js/jquery.chocolat.min.js') }}"></script>
 
-    <!-- Page Specific JS File -->
-    <script src="assets/js/page/index.js"></script>
-    <script src="assets/js/page/index-0.js"></script>
     <!-- JS Libraies -->
-    <script src="assets/modules/datatables/datatables.min.js"></script>
-    <script src="assets/modules/datatables/DataTables-1.10.16/js/dataTables.bootstrap4.min.js"></script>
-    <script src="assets/modules/datatables/Select-1.2.4/js/dataTables.select.min.js"></script>
-    <script src="assets/modules/jquery-ui/jquery-ui.min.js"></script>
+    <script src="{{ asset('assets/modules/datatables/datatables.min.js') }}"></script>
+    <script src="{{ asset('assets/modules/datatables/DataTables-1.10.16/js/dataTables.bootstrap4.min.js') }}"></script>
+    <script src="{{ asset('assets/modules/datatables/Select-1.2.4/js/dataTables.select.min.js') }}"></script>
+    <script src="{{ asset('assets/modules/jquery-ui/jquery-ui.min.js') }}"></script>
 
     <!-- Page Specific JS File -->
-    <script src="assets/js/page/modules-datatables.js"></script>
+    <script src="{{ asset('assets/js/page/modules-datatables.js') }}"></script>
 
     <!-- Template JS File -->
-    <script src="assets/js/scripts.js"></script>
-    <script src="assets/js/custom.js"></script>
+    <script src="{{ asset('assets/js/scripts.js') }}"></script>
+    <script src="{{ asset('assets/js/custom.js') }}"></script>
     <script src="https://cdn.jsdelivr.net/npm/daterangepicker@3.1.0/daterangepicker.min.js"></script>
-    <script src="assets/js/tablesort.js"></script>
+    <script src="{{ asset('assets/js/tablesort.js') }}"></script>
+    {{-- <script src="{{ asset('assets/js/main.js') }}"></script> --}}
     <script>
         document.addEventListener('DOMContentLoaded', function() {
             const alertCloseButtons = document.querySelectorAll('.alert .btn-close');
@@ -196,11 +206,10 @@
             });
         });
     </script>
-    <script src="assets/modules/sweetalert/sweetalert.min.js"></script>
-
+    <script src="/assets/modules/sweetalert/sweetalert.min.js"></script>
     <!-- Page Specific JS File -->
-    <script src="assets/js/page/modules-sweetalert.js"></script>
-    <script>
+    <script src="/assets/js/page/modules-sweetalert.js"></script>
+    {{-- <script>
         document.addEventListener('DOMContentLoaded', function() {
             const swalWithBootstrapButtons = Swal.mixin({
                 customClass: {
@@ -238,7 +247,7 @@
                 });
             });
         });
-    </script>
+    </script> --}}
 
 </body>
 
diff --git a/resources/views/Admin/layout/sidebar.blade.php b/resources/views/Admin/layout/sidebar.blade.php
index 3300b9ab..19bf9044 100644
--- a/resources/views/Admin/layout/sidebar.blade.php
+++ b/resources/views/Admin/layout/sidebar.blade.php
@@ -1,19 +1,22 @@
 <div class="main-sidebar sidebar-style-2">
     <aside id="sidebar-wrapper">
         <div class="sidebar-brand">
-            <a href="index.html">REKBER</a>
+            <a href="{{ route('admin.index') }}">REKBER</a>
         </div>
         <div class="sidebar-brand sidebar-brand-sm">
-            <a href="index.html">RK</a>
+            <a href="{{ route('admin.index') }}">RK</a>
         </div>
         <ul class="sidebar-menu">
             <li class="menu-header">Dashboard</li>
-            <li><a class="nav-link active" href="/"><i class="fas fa-fire"></i> <span>Dashboard</span></a></li>
+            <li><a class="nav-link active" href="{{ route('admin.index') }}"><i class="fas fa-fire"></i>
+                    <span>Dashboard</span></a></li>
             <li class="menu-header">Starter</li>
-            <li><a class="nav-link" href="/list_user"><i class="far fa-user"></i> <span>User</span></a></li>
-            <li><a class="nav-link" href="/history_transaction"><i
+            <li><a class="nav-link" href="{{ route('admin-user.index') }}"><i class="far fa-user"></i>
+                    <span>User</span></a></li>
+            <li><a class="nav-link" href="{{ route('admin-transaction.index') }}"><i
                         class="fas fa-columns"></i><span>Transaction</span></a></li>
-            <li><a class="nav-link" href="/history_refund"><i class="far fa-square"></i> <span>List Refund</span></a>
+            <li><a class="nav-link" href="{{ route('admin-refund.index') }}"><i class="far fa-square"></i> <span>List
+                        Refund</span></a>
             </li>
             <li><a class="nav-link" href="/setting"><i class="fas fa-cog"></i> <span>Setting</span></a></li>
         </ul>
diff --git a/resources/views/Admin/profile/index-2.blade.php b/resources/views/Admin/profile/index-2.blade.php
new file mode 100644
index 00000000..9ea64fda
--- /dev/null
+++ b/resources/views/Admin/profile/index-2.blade.php
@@ -0,0 +1,62 @@
+@extends('Admin.layout.main')
+@section('content')
+    <div class="main-content">
+        <section class="section">
+            <div class="section-header">
+                <h1>Profile</h1>
+            </div>
+            <div class="col-12">
+                <div class="card">
+                    <div class="card-head">
+                        <img id="card_head" src="/assets/images/sampul.jpg"></img>
+                    </div>
+                    {{-- <div class="card-head"></div> --}}
+                    <div class="image-crop">
+                        <img id="avatar" src="/assets/images/dashboard/img_1.jpg"></img>
+                    </div><br>
+                    <div class="row">
+                        <div class="col-lg-12">
+                            <div class="row">
+                                <div class="col-md-6">
+                                    <div>
+                                        <strong style="font-size: 20px; color: black;"><b>Tsalsabila Jilhan
+                                                Haura</b></strong><br>
+                                        Super Admin<br>
+                                    </div>
+                                </div>
+                                <div class="col-md">
+                                    <div>
+                                        <div class="row">
+                                            <div class="col-1"><i class="fas fa-id-card"></i></div>
+                                            <div class="col-lg-9 col-md-8">94894893848</div>
+                                        </div>
+                                        <div class="row">
+                                            <div class="col-1"><i class="fas fa-user"></i></div>
+                                            <div class="col-lg-9 col-md-8">jilhan Haura</div>
+                                        </div>
+                                        <div class="row">
+                                            <div class="col-1"><i class="fas fa-user-tag"></i></div>
+                                            <div class="col-lg-9 col-md-8">Super Admin</div>
+                                        </div>
+                                        <div class="row">
+                                            <div class="col-1"><i class="fas fa-map-marker-alt"></i></div>
+                                            <div class="col-lg-9 col-md-8">Jl simpang komplek polda</div>
+                                        </div>
+                                        <div class="row">
+                                            <div class="col-1"><i class="fas fa-phone"></i></div>
+                                            <div class="col-lg-9 col-md-8">+62 1209 0120 02</div>
+                                        </div>
+                                        <div class="row">
+                                            <div class="col-1"><i class="fas fa-envelope"></i></div>
+                                            <div class="col-lg-9 col-md-8">jilhan@gmail.com</div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </section>
+    </div>
+@endsection
diff --git a/resources/views/Admin/profile/index.blade.php b/resources/views/Admin/profile/index.blade.php
index d79b5a8d..d572d321 100644
--- a/resources/views/Admin/profile/index.blade.php
+++ b/resources/views/Admin/profile/index.blade.php
@@ -1,4 +1,4 @@
-@extends('Admin.layout.main')
+@extends('admin.layout.main')
 @section('content')
     <div class="main-content">
         <section class="section">
@@ -60,11 +60,101 @@
                                         </div>
                                     </div>
                                 </div>
+
+                                <div class="text-center">
+                                    <button type="submit" class="btn btn-primary">Save Changes</button>
+                                </div>
+                                </form><!-- End settings Form -->
+
                             </div>
-                        </div>
+
+                            <div class="tab-pane fade pt-3" id="profile-change-password">
+                                <!-- Change Password Form -->
+                                <form>
+
+                                    <div class="row mb-3">
+                                        <label for="currentPassword" class="col-md-4 col-lg-3 col-form-label">Current
+                                            Password</label>
+                                        <div class="col-md-8 col-lg-9">
+                                            <input name="password" type="password" class="form-control"
+                                                id="currentPassword">
+                                        </div>
+                                    </div>
+
+                                    <div class="row mb-3">
+                                        <label for="newPassword" class="col-md-4 col-lg-3 col-form-label">New
+                                            Password</label>
+                                        <div class="col-md-8 col-lg-9">
+                                            <input name="newpassword" type="password" class="form-control" id="newPassword">
+                                        </div>
+                                    </div>
+
+                                    <div class="row mb-3">
+                                        <label for="renewPassword" class="col-md-4 col-lg-3 col-form-label">Re-enter New
+                                            Password</label>
+                                        <div class="col-md-8 col-lg-9">
+                                            <input name="renewpassword" type="password" class="form-control"
+                                                id="renewPassword">
+                                        </div>
+                                    </div>
+
+                                    <div class="text-center">
+                                        <button type="submit" class="btn btn-primary">Change Password</button>
+                                    </div>
+                                </form><!-- End Change Password Form -->
+
+                            </div>
+
+                        </div><!-- End Bordered Tabs -->
+
                     </div>
                 </div>
-            </div>
         </section>
     </div>
+    {{-- profile --}}
+    <script>
+        document.addEventListener("DOMContentLoaded", function() {
+            // Mendapatkan elemen-elemen tombol tab
+            const editProfileTab = document.querySelector('[data-bs-target="#profile-edit"]');
+            const settingsTab = document.querySelector('[data-bs-target="#profile-settings"]');
+            const changePasswordTab = document.querySelector('[data-bs-target="#profile-change-password"]');
+            const overviewTab = document.querySelector('[data-bs-target="#profile-overview"]');
+
+            // Menambahkan event listener untuk mengubah tab saat tombol diklik
+            editProfileTab.addEventListener("click", function() {
+                activateTabAndContent(editProfileTab, "#profile-edit");
+            });
+
+            settingsTab.addEventListener("click", function() {
+                activateTabAndContent(settingsTab, "#profile-settings");
+            });
+
+            changePasswordTab.addEventListener("click", function() {
+                activateTabAndContent(changePasswordTab, "#profile-change-password");
+            });
+
+            // Menambahkan event listener untuk kembali ke tab "Overview"
+            overviewTab.addEventListener("click", function() {
+                activateTabAndContent(overviewTab, "#profile-overview");
+            });
+
+            // Fungsi untuk mengaktifkan tab dan konten
+            function activateTabAndContent(tabButton, tabContentId) {
+                // Nonaktifkan tab aktif saat ini
+                const activeTabButton = document.querySelector(".nav-link.active");
+                const activeTabContent = document.querySelector(".tab-pane.active");
+
+                activeTabButton.classList.remove("active");
+                activeTabContent.classList.remove("show", "active");
+
+                // Aktifkan tab yang dipilih
+                tabButton.classList.add("active");
+
+                // Tampilkan konten tab yang dipilih
+                const selectedTabContent = document.querySelector(tabContentId);
+                selectedTabContent.classList.add("show", "active");
+            }
+        });
+    </script>
+    {{-- profile --}}
 @endsection
diff --git a/resources/views/Admin/refund/detail-refund.blade.php b/resources/views/Admin/refund/detail-refund.blade.php
index c37a102c..e972f1a2 100644
--- a/resources/views/Admin/refund/detail-refund.blade.php
+++ b/resources/views/Admin/refund/detail-refund.blade.php
@@ -1,4 +1,4 @@
-@extends('Admin.layout.main')
+@extends('admin.layout.main')
 
 @section('content')
     <div class="main-content">
@@ -62,5 +62,5 @@
 
         </section>
     </div>
-    @include('Admin.refund.next-detail-refund')
+    @include('admin.refund.modal-next-detail-refund')
 @endsection
diff --git a/resources/views/Admin/refund/history-refund.blade.php b/resources/views/Admin/refund/index.blade.php
similarity index 69%
rename from resources/views/Admin/refund/history-refund.blade.php
rename to resources/views/Admin/refund/index.blade.php
index 1291537d..fc1ca5d6 100644
--- a/resources/views/Admin/refund/history-refund.blade.php
+++ b/resources/views/Admin/refund/index.blade.php
@@ -1,11 +1,11 @@
-@extends('Admin.layout.main')
+@extends('admin.layout.main')
 @section('content')
     <div class="main-content">
         <section class="section">
             <div class="section-header">
                 <h1>History Refund</h1>
                 <div class="section-header-breadcrumb">
-                    <div class="breadcrumb-item active"><a href="#">Dashboard</a></div>
+                    <div class="breadcrumb-item active"><a href="{{route('index')}}">Dashboard</a></div>
                     <div class="breadcrumb-item">Refund</div>
                     <div class="breadcrumb-item">History</div>
                 </div>
@@ -14,7 +14,7 @@
                 <div class="card">
                     <div class="card-body">
                         <div class="table-responsive">
-                            <table class="table table-striped" id="table-1">
+                            <table class="table table-striped" id="table-2">
                                 <thead>
                                     <tr>
                                         <th class="text-center">
@@ -30,26 +30,16 @@
                                     </tr>
                                 </thead>
                                 <tbody>
-                                    @foreach ($history_refund as $HistoryRefund)
+                                    @foreach ($refunds as $refund)
                                         <tr>
-                                            <td>{{ $HistoryRefund['no'] }}</td>
-                                            <td class="font-weight-600">{{ $HistoryRefund['orderId'] }}</a></td>
-                                            <td class="font-weight-600">{{ $HistoryRefund['customer'] }}</td>
-                                            <td class="font-weight-600">{{ $HistoryRefund['seller'] }}</td>
-                                            <td class="font-weight-600">{{ $HistoryRefund['total'] }}</td>
-                                            <td>{{ $HistoryRefund['date'] }}</td>
+                                            <td>{{ $loop->iteration }}</td>
+                                            <td class="font-weight-600">{{ $refund->orderId }}</a></td>
+                                            <td class="font-weight-600">{{ $refund['customer'] }}</td>
+                                            <td class="font-weight-600">{{ $refund['seller'] }}</td>
+                                            <td class="font-weight-600">{{ $refund['total'] }}</td>
+                                            <td>{{ $refund['date'] }}</td>
                                             <td>
-                                                @php
-                                                    $refundStatus = '';
-                                                    if ($HistoryRefund['status'] === 'Refund Success') {
-                                                        $refundStatus = 'badge-success';
-                                                    } elseif ($HistoryRefund['status'] === 'Process Refund') {
-                                                        $refundStatus = 'badge-warning';
-                                                    } elseif ($HistoryRefund['status'] === 'Refunds Refused') {
-                                                        $refundStatus = 'badge-danger';
-                                                    }
-                                                @endphp
-                                                <div class="badge {{ $refundStatus }}">{{ $HistoryRefund['status'] }}</div>
+                                                <div class="badge {{ $refund->status == 'Partial Refund' ? 'badge-succes' : ($refund->status == 'Pending' ? 'badge-info' : 'badge-warning') }}">{{ $refund->status }}</div>
                                             </td>
                                             <td>
                                                 <div class="btn-group">
diff --git a/resources/views/Admin/refund/next-detail-refund.blade.php b/resources/views/Admin/refund/modal-next-detail-refund.blade.php
similarity index 93%
rename from resources/views/Admin/refund/next-detail-refund.blade.php
rename to resources/views/Admin/refund/modal-next-detail-refund.blade.php
index 3dbf3269..2efcab8b 100644
--- a/resources/views/Admin/refund/next-detail-refund.blade.php
+++ b/resources/views/Admin/refund/modal-next-detail-refund.blade.php
@@ -23,7 +23,7 @@
             </div>
             <div class="modal-footer">
                 <button type="button" class="btn btn-danger" data-dismiss="modal">Cancel</button>
-                <a href="/history_refund" class="btn btn-primary mx-1">Accept Refund</a>
+                <a href="{{route('refund.index')}}" class="btn btn-primary mx-1">Accept Refund</a>
             </div>
         </div>
     </div>
diff --git a/resources/views/Admin/setting/index.blade.php b/resources/views/Admin/setting/index.blade.php
index d79bde63..cf946aea 100644
--- a/resources/views/Admin/setting/index.blade.php
+++ b/resources/views/Admin/setting/index.blade.php
@@ -1,11 +1,11 @@
-@extends('Admin.layout.main')
+@extends('admin.layout.main')
 @section('content')
     <div class="main-content">
         <section class="section">
             <div class="section-header">
                 <h1>Setting</h1>
                 <div class="section-header-breadcrumb">
-                    <div class="breadcrumb-item active"><a href="#">Dashboard</a></div>
+                    <div class="breadcrumb-item active"><a href="{{ route('index') }}">Dashboard</a></div>
                     <div class="breadcrumb-item">Setting</div>
                 </div>
             </div>
@@ -17,39 +17,36 @@
                                 data-target="#ModalSetting">Add Data</a>
                         </div>
                         <div class="table-responsive">
-                            <table class="table table-striped" id="table-1">
+                            <table class="table table-striped" id="table-2">
                                 <thead>
                                     <tr>
                                         <th>#</th>
                                         <th>Bulan</th>
                                         <th>Tahun</th>
-                                        <th>Persentase</th>
+                                        <th>Persentase (%)</th>
                                         <th>Status</th>
                                         <th>Action</th>
                                     </tr>
                                 </thead>
                                 <tbody>
-                                    @foreach ($setting as $settings)
+                                    @foreach ($settings as $setting)
                                         <tr>
-                                            <td>{{ $settings['no'] }}</td>
-                                            <td>{{ $settings['month'] }}</td>
-                                            <td>{{ $settings['year'] }}</td>
-                                            <td>{{ $settings['persentase'] }}</td>
+                                            <td>{{ $loop->iteration }}</td>
+                                            <td>{{ DateTime::createFromFormat('!m', $setting->bulan)->format('F') }}</td>
+                                            <td>{{ $setting->tahun }}</td>
+                                            <td>{{ $setting->persentase }}</td>
+                                            {{-- <td hidden>{{$setting->id}}</td> --}}
                                             <td>
-                                                @php
-                                                    $statusClass = '';
-                                                    if ($settings['status'] === 'Active') {
-                                                        $statusClass = 'badge-success';
-                                                    } elseif ($settings['status'] === 'Non Active') {
-                                                        $statusClass = 'badge-danger';
-                                                    }
-                                                @endphp
-                                                <div class="badge {{ $statusClass }}">{{ $settings['status'] }}</div>
+                                                <div
+                                                    class="badge {{ $setting->status == 'Active' ? 'badge-success' : 'badge-danger' }}">
+                                                    {{ $setting->status }}</div>
                                             </td>
                                             <td>
                                                 <label class="switch">
-                                                    <input type="checkbox" @if ($settings['status'] === 'Active') checked @endif>
-                                                    <span class="slider round" data-on-text="Yes" data-off-text="No"></span>
+                                                    <input type="checkbox" @if ($setting->status === 'Active') checked @endif
+                                                        data-id="{{ $setting->id }}">
+                                                    <span class="slider round" data-on-text="Yes" data-off-text="No"
+                                                        id="checkOnOf"></span>
                                                 </label>
                                             </td>
                                         </tr>
@@ -62,5 +59,59 @@
             </div>
         </section>
     </div>
-    @include('Admin.setting.add-Data')
+    @include('admin.setting.modal-add-setting')
+    <script>
+        $(document).ready(function() {
+            const table = $('#table-2').DataTable(); // Inisialisasi DataTable
+
+            $('#table-2').on('change', '.switch input[type="checkbox"]', function() {
+                const parentRow = $(this).closest('tr');
+                const csrfToken = $('meta[name="csrf-token"]').attr('content');
+                const statusBadge = parentRow.find('.badge');
+                const onText = $(this).next().data('on-text');
+                const offText = $(this).next().data('off-text');
+                const isChecked = $(this).prop('checked');
+                let dataId = $(this).data("id");
+
+                const rowData = table.row(parentRow).data(); // Dapatkan data baris dari DataTable
+
+                $.ajax({
+                    url: "{{ route('admin-setting.update', ':admin_setting') }}".replace(':admin_setting', dataId),
+                    type: 'PUT',
+                    data: {
+                        _token: csrfToken,
+                    },
+                    success: function(response) {
+                        Swal.fire({
+                            title: response.status ? 'Berhasil!' : 'Gagal!',
+                            text: response.message,
+                            icon: response.status ? 'success' : 'error',
+                            confirmButtonText: 'OK'
+                        }).then(function() {
+                            if (isChecked) {
+                                // location.reload();
+                                statusBadge.text(onText === 'Yes' ? 'Active' :
+                                    'Nonactive');
+                                statusBadge.removeClass('badge-danger').addClass(
+                                    'badge-success');
+                            } else {
+                                statusBadge.text(offText === 'No' ? 'Nonactive' :
+                                    'Active');
+                                statusBadge.removeClass('badge-success').addClass(
+                                    'badge-danger');
+                            }
+                        });
+                    },
+                    error: function(error) {
+                        Swal.fire({
+                            title:'Error!',
+                            text:'Terjadi error, '+error,
+                            icon:'error',
+                            confirmButtonText : 'OK'
+                        });
+                    }
+                });
+            });
+        });
+    </script>
 @endsection
diff --git a/resources/views/Admin/setting/add-Data.blade.php b/resources/views/Admin/setting/modal-add-setting.blade.php
similarity index 71%
rename from resources/views/Admin/setting/add-Data.blade.php
rename to resources/views/Admin/setting/modal-add-setting.blade.php
index 458d20d5..b1d70366 100644
--- a/resources/views/Admin/setting/add-Data.blade.php
+++ b/resources/views/Admin/setting/modal-add-setting.blade.php
@@ -12,32 +12,30 @@
                     <div class="section-body">
                         <div class="row">
                             <div class="col-12">
-                                <form>
+                                <form action="{{ route('admin-setting.store') }}" method="POST">
+                                    @csrf
                                     <div class="card-header">
-                                        <h4>Add Data Setting</h4>
+                                        <h4>Tambah data kebijakan persentase keuntungan</h4>
                                     </div>
                                     <div class="card-body">
                                         <div class="form-group">
                                             <label>Bulan</label>
-                                            <input type="text" class="form-control" required="">
-                                        </div>
-                                        <div class="form-group">
-                                            <label>Tahun</label>
-                                            <input type="number" class="form-control" required="">
+                                            <input type="month" class="form-control" name="bulan_tahun" required>
                                         </div>
                                         <div class="form-group">
                                             <label>Persentase</label>
-                                            <input type="text" class="form-control">
-                                        </div>
-                                        <div class="form-group mb-0">
-                                            <label>Status</label>
-                                            <input type="text" class="form-control" required=""></input>
+                                            <input type="number" class="form-control" name="persentase" required>
                                         </div>
                                     </div>
+<<<<<<< HEAD:resources/views/Admin/setting/add-Data.blade.php
                                     <div class="card">
                                         <div class="card-body text-center">
                                             <button class="btn btn-primary" id="swal-2">Submit</button>
                                         </div>
+=======
+                                    <div class="card-footer text-right">
+                                        <button class="btn btn-primary" id="simpan" type="submit">Simpan</button>
+>>>>>>> c6e7e74f2a6981b808e6ad8dc9499362fdf9f043:resources/views/Admin/setting/modal-add-setting.blade.php
                                     </div>
                                 </form>
                             </div>
diff --git a/resources/views/Admin/transaction/History_Transaction.blade.php b/resources/views/Admin/transaction/index.blade.php
similarity index 83%
rename from resources/views/Admin/transaction/History_Transaction.blade.php
rename to resources/views/Admin/transaction/index.blade.php
index 1884f162..9b0a272b 100644
--- a/resources/views/Admin/transaction/History_Transaction.blade.php
+++ b/resources/views/Admin/transaction/index.blade.php
@@ -5,7 +5,7 @@
             <div class="section-header">
                 <h1>History Transaction</h1>
                 <div class="section-header-breadcrumb">
-                    <div class="breadcrumb-item active"><a href="#">Dashboard</a></div>
+                    <div class="breadcrumb-item active"><a href="{{route('index')}}">Dashboard</a></div>
                     <div class="breadcrumb-item">Transaction</div>
                     <div class="breadcrumb-item">History</div>
                 </div>
@@ -14,7 +14,7 @@
                 <div class="card">
                     <div class="card-body">
                         <div class="table-responsive">
-                            <table class="table table-striped" id="table-1">
+                            <table class="table table-striped" id="table-2">
                                 <thead>
                                     <tr>
                                         <th class="text-center">
@@ -24,32 +24,32 @@
                                         <th>Customer</th>
                                         <th>Seller</th>
                                         <th>Total</th>
-                                        <th>Due Date</th>
+                                        <th>Status</th>
                                         <th>Status</th>
                                         <th>Action</th>
                                     </tr>
                                 </thead>
                                 <tbody>
-                                    @foreach ($transaction as $transactions)
+                                    @foreach ($transactions as $transaction)
                                         <tr>
-                                            <td>{{ $transactions['no'] }}</td>
-                                            <td><a href="#">{{ $transactions['orderId'] }}</a></td>
-                                            <td class="font-weight-600">{{ $transactions['customer'] }}</td>
-                                            <td class="font-weight-600">{{ $transactions['seller'] }}</td>
-                                            <td class="font-weight-600">{{ $transactions['total'] }}</td>
-                                            <td>{{ $transactions['date'] }}</td>
+                                            <td>{{ $transaction['no'] }}</td>
+                                            <td><a href="#">{{ $transaction['orderId'] }}</a></td>
+                                            <td class="font-weight-600">{{ $transaction['customer'] }}</td>
+                                            <td class="font-weight-600">{{ $transaction['seller'] }}</td>
+                                            <td class="font-weight-600">{{ $transaction['total'] }}</td>
+                                            <td>{{ $transaction['date'] }}</td>
                                             <td>
                                                 @php
                                                     $statusClass = '';
-                                                    if ($transactions['status'] === 'pending') {
+                                                    if ($transaction['status'] === 'pending') {
                                                         $statusClass = 'badge-warning';
-                                                    } elseif ($transactions['status'] === 'paid') {
+                                                    } elseif ($transaction['status'] === 'paid') {
                                                         $statusClass = 'badge-success';
-                                                    } elseif ($transactions['status'] === 'unpaid') {
+                                                    } elseif ($transaction['status'] === 'unpaid') {
                                                         $statusClass = 'badge-danger';
                                                     }
                                                 @endphp
-                                                <div class="badge {{ $statusClass }}">{{ $transactions['status'] }}</div>
+                                                <div class="badge {{ $transaction->status }}">{{ $transaction['status'] }}</div>
                                             </td>
                                             <td>
                                                 <div class="btn-group">
@@ -58,7 +58,7 @@
                                                         Action
                                                     </button>
                                                     <div class="dropdown-menu">
-                                                        <a class="dropdown-item" href="/detail_transaction">Details</a>
+                                                        <a class="dropdown-item" href="{{route('transaction.detail')}}">Details</a>
                                                         <a class="dropdown-item" href="#" data-toggle="modal"
                                                             data-target="#ModalTransaction">Tracking</a>
                                                         <a class="dropdown-item" href="#" id="Swal">Delete</a>
@@ -74,5 +74,5 @@
                 </div>
             </div>
     </div>
-    @include('Admin.transaction.Tracking')
+    @include('admin.transaction.modal-tracking')
 @endsection
diff --git a/resources/views/Admin/transaction/Tracking.blade.php b/resources/views/Admin/transaction/modal-tracking.blade.php
similarity index 98%
rename from resources/views/Admin/transaction/Tracking.blade.php
rename to resources/views/Admin/transaction/modal-tracking.blade.php
index f59eb6f9..c3e16bf6 100644
--- a/resources/views/Admin/transaction/Tracking.blade.php
+++ b/resources/views/Admin/transaction/modal-tracking.blade.php
@@ -75,7 +75,7 @@
                 </div>
             </div>
             <div class="modal-footer">
-                <a href="/history_transaction" class="btn btn-primary mx-1">Back</a>
+                <a href="{{ route('admin-transaction.index') }}" class="btn btn-primary mx-1">Back</a>
             </div>
         </div>
     </div>
diff --git a/resources/views/Admin/users/detail-user.blade.php b/resources/views/Admin/users/detail-user.blade.php
index 4d422fc6..8b9097ac 100644
--- a/resources/views/Admin/users/detail-user.blade.php
+++ b/resources/views/Admin/users/detail-user.blade.php
@@ -5,92 +5,264 @@
             <div class="section-header">
                 <h1>Detail Users</h1>
                 <div class="section-header-breadcrumb">
-                    <div class="breadcrumb-item active"><a href="#">Dashboard</a></div>
+                    <div class="breadcrumb-item active"><a href="{{ route('admin.index') }}">Dashboard</a></div>
                     <div class="breadcrumb-item">Users</div>
                     <div class="breadcrumb-item">Details</div>
                 </div>
             </div>
-            @foreach ($detail_user as $detailUser)
-                <div class="row justify-content-center">
-                    <div class="col-md-6">
-                        <div class="card">
-                            <div class="card-body">
-                                <div class="d-flex justify-content-between align-items-center">
-                                    <div class="card-title pb-2 m-0">User Id<br /><span>#{{ $detailUser['userId'] }}</span>
-                                    </div>
-                                </div>
-                                <div class="d-flex flex-column">
-                                    <img src="/assets/img/avatar/avatar-6.png"
-                                        class="rounded-circle shadow align-self-center" style="max-width: 130px;"
-                                        alt="" srcset="">
-                                    <hr class="border border-1 opacity-75 w-100">
-                                    <div class="data-field">
-                                        <span class="fw-bold text-start">NIK</span>
-                                        <span class="text-muted ">{{ $detailUser['nik'] }}</span>
-                                    </div>
-                                    <div class="data-field">
-                                        <span class="fw-bold text-start">Name</span>
-                                        <span class="text-muted ">{{ $detailUser['name'] }}</span>
-                                    </div>
-                                    <div class="data-field">
-                                        <span class="fw-bold text-start">Gender</span>
-                                        <span class="text-muted ">{{ $detailUser['gender'] }}</span>
-                                    </div>
-                                    <div class="data-field">
-                                        <span class="fw-bold text-start">Religion</span>
-                                        <span class="text-muted ">{{ $detailUser['religion'] }}</span>
-                                    </div>
-                                    <div class="data-field">
-                                        <span class="fw-bold text-start">Blood Type</span>
-                                        <span class="text-muted ">{{ $detailUser['bloodType'] }}</span>
-                                    </div>
-                                </div>
-                                <hr class="border border-1 opacity-75 w-100">
-                                <div class="d-flex justify-content-between align-items-center">
-                                    <div class="card-title pb-2 m-0">
-                                        <h4>Contact</h4>
-                                    </div>
-                                </div>
-
-                                <div class="data-field">
-                                    <span class="fw-bold text-start">Email</span>
-                                    <span class="text-muted ">{{ $detailUser['email'] }}</span>
-                                </div>
-                                <div class="data-field">
-                                    <span class="fw-bold text-start">Phone Number</span>
-                                    <span class="text-muted ">{{ $detailUser['phoneNumber'] }}</span>
-                                </div>
-                                <hr class="border border-1 opacity-75 w-100">
-                                <div class="d-flex justify-content-between align-items-center">
-                                    <div class="card-title pb-2 m-0">
-                                        <h4>Address</h4>
-                                    </div>
-                                </div>
-                                <div class="data-field">
-                                    <span class="fw-bold text-start">Province</span>
-                                    <span class="text-muted ">{{ $detailUser['province'] }}</span>
-                                </div>
-                                <div class="data-field">
-                                    <span class="fw-bold text-start">City</span>
-                                    <span class="text-muted ">{{ $detailUser['city'] }}</span>
-                                </div>
-                                <div class="data-field">
-                                    <span class="fw-bold text-start">District</span>
-                                    <span class="text-muted ">{{ $detailUser['district'] }}</span>
-                                </div>
-                                <div class="data-field">
-                                    <span class="fw-bold text-start">Village</span>
-                                    <span class="text-muted ">{{ $detailUser['village'] }}</span>
-                                </div>
-                                <div class="data-field">
-                                    <span class="fw-bold text-start">Detail</span>
-                                    <span class="text-muted ">{{ $detailUser['detail'] }}</span>
+            <div class="row justify-content-center">
+                <div class="col-md-9">
+                    <div class="card">
+                        <div class="card-body">
+                            <div class="d-flex justify-content-between align-items-center">
+                                <div class="card-title pb-2 m-0">User Id<br /><span>#{{ $user->id }}</span>
                                 </div>
                             </div>
+                            <div class="d-flex flex-column">
+                                @if ($user->foto_profil == null)
+                                    <img src="{{ asset('assets/img/avatar/avatar-6.png') }}"
+                                        class="rounded-circle shadow align-self-center"style="max-width: 130px;"
+                                        alt="" srcset="">
+                                @else
+                                    <img src="{{ asset('storage/foto-profil/' . $user->foto_profil) }}"
+                                        class="rounded-circle shadow align-self-center" style="max-width: 130px;"
+                                        alt="" srcset="">
+                                @endif
+                                <h4 class="align-self-center mt-3">Status :
+                                    {{ $user->status == 'Finished' ? 'Selesai diverifikasi' : ($user->status == 'Progress' ? 'Sedang diverifikasi' : 'Tolak') }}
+                                </h4>
+                                <hr class="border border-1 opacity-75 w-100">
+                                <div class="data-field">
+                                    <span class="fw-bold text-start">NIK</span>
+                                    <span class="text-muted ">{{ $user->nik }}</span>
+                                </div>
+                                <div class="data-field">
+                                    <span class="fw-bold text-start">Nama</span>
+                                    <span
+                                        class="text-muted ">{{ ucwords(strtolower($user->nama_depan . ' ' . $user->nama_belakang)) }}</span>
+                                </div>
+                                <div class="data-field">
+                                    <span class="fw-bold text-start">Jenis Kelamin</span>
+                                    <span class="text-muted ">{{ $user->gender }}</span>
+                                </div>
+                            </div>
+                            <hr class="border border-1 opacity-75 w-100">
+                            <div class="d-flex justify-content-between align-items-center">
+                                <div class="card-title pb-2 m-0">
+                                    <h4>Contact</h4>
+                                </div>
+                            </div>
+
+                            <div class="data-field">
+                                <span class="fw-bold text-start">Email</span>
+                                <span class="text-muted ">{{ $user->email }}</span>
+                            </div>
+                            <div class="data-field">
+                                <span class="fw-bold text-start">Nomor HP</span>
+                                <span class="text-muted ">{{ $user->nohp }}</span>
+                            </div>
+                            <hr class="border border-1 opacity-75 w-100">
+                            <div class="d-flex justify-content-between align-items-center">
+                                <div class="card-title pb-2 m-0">
+                                    <h4>Alamat</h4>
+                                </div>
+                            </div>
+                            <div class="data-field">
+                                <span class="fw-bold text-start">Provinsi</span>
+                                <span class="text-muted ">{{ ucwords(strtolower($user->getProvinceName())) }}</span>
+                            </div>
+                            <div class="data-field">
+                                <span class="fw-bold text-start">Kota/Kabupaten</span>
+                                <span class="text-muted ">{{ ucwords(strtolower($user->getCityName())) }}</span>
+                            </div>
+                            <div class="data-field">
+                                <span class="fw-bold text-start">Kecamatan</span>
+                                <span class="text-muted ">{{ ucwords(strtolower($user->getDistrictName())) }}</span>
+                            </div>
+                            <div class="data-field">
+                                <span class="fw-bold text-start">Kelurahan</span>
+                                <span class="text-muted ">{{ ucwords(strtolower($user->getVillageName())) }}</span>
+                            </div>
+                            <div class="data-field">
+                                <span class="fw-bold text-start">Alamat</span>
+                                <span class="text-muted ">{{ $user->alamat }}</span>
+                            </div>
+                            <hr class="border border-1 opacity-75 w-100">
+                            <div class="d-flex justify-content-between align-items-center">
+                                <div class="card-title pb-2 m-0">
+                                    <h4>Foto KTP dan Wajah</h4>
+                                </div>
+                            </div>
+                            <div class="container">
+                                <div class="row">
+                                    <div class="col-md-6 col-sm-12 text-center">
+                                        <!-- Kolom pertama, col-md-6 untuk layar medium dan col-sm-12 untuk layar kecil -->
+                                        @if ($user->foto_ktp == null)
+                                            <a href="#" id="tampilKTP">
+                                                <img id="fotoKTP" src="/assets/images/foto-ktp.jpg" alt="Foto KTP"
+                                                    class="align-self-center img-fluid" style="max-width: 350px;">
+                                            </a>
+                                        @else
+                                            <a href="#" id="tampilKTP">
+                                                <img id="fotoKTP" src="/assets/images/foto-ktp.jpg" alt="Foto Wajah"
+                                                    class="align-self-center img-fluid" style="max-width: 350px;">
+                                            </a>
+                                        @endif
+                                    </div>
+                                    <div class="col-md-6 col-sm-12 text-center">
+                                        <!-- Kolom kedua, col-md-6 untuk layar medium dan col-sm-12 untuk layar kecil -->
+                                        @if ($user->foto_wajah == null)
+                                            <a href="#" id="tampilWajah">
+                                                <img id="fotoWajah" src="/assets/images/foto-ktp.jpg" alt="Foto KTP"
+                                                    class="align-self-center img-fluid" style="max-width: 350px;">
+                                            </a>
+                                        @else
+                                            <a href="#" id="tampilWajah">
+                                                <img id="fotoWajah" src="/assets/images/foto-ktp.jpg" alt="Foto Wajah"
+                                                    class="align-self-center img-fluid" style="max-width: 350px;">
+                                            </a>
+                                        @endif
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="data-field mt-4">
+                                <span class="fw-bold text-start">Persentase Kemiripan</span>
+                                <span class="text-muted ">{{ $user->persentase_kemiripan }}</span>
+                            </div>
+                            @if ($user->status == 'Progress')
+                                <div class="d-flex justify-content-between align-items-center">
+                                    <div class="card-title pb-2 m-0">
+                                        <h4>Setujui pembuatan akun ini?</h4>
+                                    </div>
+                                </div>
+                                <a class="btn btn-primary text-white" id="approveUser"
+                                    data-id="{{ $user->id }}">Setujui</a>
+                                <a class="btn btn-danger text-white" id="denyUser"
+                                    data-id="{{ $user->id }}">Tolak</a>
+                            @endif
                         </div>
                     </div>
                 </div>
-            @endforeach
-
+            </div>
+        </section>
     </div>
+    <script>
+        $(document).ready(function() {
+            $('#tampilKTP').on('click', function() {
+                let fotoKTP = document.getElementById('fotoKTP').src;
+                console.log(fotoKTP);
+                Swal.fire({
+                    title: 'Foto KTP',
+                    imageUrl: fotoKTP,
+                    imageWidth: 600,
+                    // imageHeight: 1500,
+                    imageAlt: 'Foto KTP'
+                });
+            });
+
+            $('#tampilWajah').on('click', function() {
+                let fotoWajah = document.getElementById('fotoWajah').src;
+                Swal.fire({
+                    title: 'Foto Wajah',
+                    imageUrl: fotoWajah,
+                    imageWidth: 600,
+                    imageAlt: 'Foto Wajah'
+                });
+            });
+
+            $('#approveUser').on('click', function() {
+                let id = $(this).data('id');
+                const csrfToken = $('meta[name="csrf-token"]').attr('content');
+                Swal.fire({
+                    title: 'Status Akun',
+                    text: 'Apakah anda yakin menyetujui akun ini?',
+                    icon: 'info',
+                    confirmButtonText: 'Ya, setuju!',
+                    showCancelButton: true,
+                    cancelButtonText: 'Tidak'
+                }).then((result) => {
+                    if (result.isConfirmed) {
+                        $.ajaxSetup({
+                            headers: {
+                                'X-CSRF-TOKEN': csrfToken
+                            }
+                        });
+
+                        $.ajax({
+                            url: "{{ route('admin-user.approve', ':id') }}".replace(
+                                ':id', id),
+                            type: 'PUT',
+                            success: function(response) {
+                                Swal.fire({
+                                    title: response.status ? 'Berhasil!' :
+                                        'Gagal!',
+                                    text: response.message,
+                                    icon: response.status ? 'success' : 'error',
+                                    confirmButtonText: 'OK'
+                                }).then(function() {
+                                    location.reload();
+                                });
+                            },
+                            error: function(error) {
+                                Swal.fire({
+                                    title: 'Gagal!',
+                                    text: 'Tidak ada data yang dihapus, karena ' +
+                                        error,
+                                    icon: 'error'
+                                }).then(function() {
+                                    location.reload();
+                                });
+                            }
+                        });
+                    }
+                });
+            });
+
+            $('#denyUser').on('click', function() {
+                let id = $(this).data('id');
+                const csrfToken = $('meta[name="csrf-token"]').attr('content');
+                Swal.fire({
+                    title: 'Status Akun',
+                    text: 'Apakah anda yakin menolak akun ini?',
+                    icon: 'info',
+                    confirmButtonText: 'Ya, setuju!',
+                    showCancelButton: true,
+                    cancelButtonText: 'Tidak'
+                }).then((result) => {
+                    if (result.isConfirmed) {
+                        $.ajaxSetup({
+                            headers: {
+                                'X-CSRF-TOKEN': csrfToken
+                            }
+                        });
+
+                        $.ajax({
+                            url: "{{ route('admin-user.deny', ':id') }}".replace(
+                                ':id', id),
+                            type: 'PUT',
+                            success: function(response) {
+                                Swal.fire({
+                                    title: response.status ? 'Berhasil!' :
+                                        'Gagal!',
+                                    text: response.message,
+                                    icon: response.status ? 'success' : 'error',
+                                    confirmButtonText: 'OK'
+                                }).then(function() {
+                                    location.reload();
+                                });
+                            },
+                            error: function(error) {
+                                Swal.fire({
+                                    title: 'Gagal!',
+                                    text: 'Gagal mengubah status akun, karena ' +
+                                        error,
+                                    icon: 'info'
+                                });
+                            }
+                        });
+                    }
+                });
+            });
+        });
+    </script>
 @endsection
diff --git a/resources/views/Admin/users/index.blade.php b/resources/views/Admin/users/index.blade.php
new file mode 100644
index 00000000..ce49d623
--- /dev/null
+++ b/resources/views/Admin/users/index.blade.php
@@ -0,0 +1,135 @@
+@extends('admin.layout.main')
+@section('content')
+    <div class="main-content">
+        <section class="section">
+            <div class="section-header">
+                <h1>User</h1>
+                <div class="section-header-breadcrumb">
+                    <div class="breadcrumb-item active"><a href="{{ route('admin.index') }}">Dashboard</a></div>
+                    <div class="breadcrumb-item">User</div>
+                </div>
+            </div>
+            <div class="col-12">
+                <div class="card">
+                    <div class="card-body">
+                        <div class="table-responsive">
+                            <table class="table table-striped" id="table-1">
+                                <thead>
+                                    <tr>
+                                        <th class="text-center">#</th>
+                                        <th>UID</th>
+                                        <th>Foto Profil</th>
+                                        <th>Nama Panjang</th>
+                                        <th>Email</th>
+                                        {{-- <th>Gender</th> --}}
+                                        <th>Tanggal Daftar</th>
+                                        <th>Status</th>
+                                        <th>Aksi</th>
+                                    </tr>
+                                </thead>
+                                <tbody>
+                                    @foreach ($users as $user)
+                                        <tr>
+                                            <td>{{ $loop->iteration }}</td>
+                                            <td>{{ $user->id }}</td>
+                                            <td>
+                                                <figure class="avatar mr-2 avatar-xl">
+                                                    <img src="{{ $user->foto_profil != null ? asset('storage') : asset('assets/img/avatar/avatar-6.png') }}"
+                                                        alt="...">
+                                                </figure>
+                                            </td>
+                                            <td>{{ $user->nama_depan }}</td>
+                                            <td>{{ $user->email }}</td>
+                                            <td>{{ $user->created_at }}</td>
+                                            <td>
+                                                <div
+                                                    class="badge {{ $user->status == 'Finished' ? 'badge-success' : ($user->status == 'Progress' ? 'badge-info' : 'badge-warning') }}">
+                                                    {{ $user->status }}</div>
+                                            </td>
+                                            <td>
+                                                <div class="btn-group">
+                                                    <button type="button" class="btn btn-primary dropdown-toggle"
+                                                        data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                                                        Aksi
+                                                    </button>
+                                                    <div class="dropdown-menu">
+                                                        <a class="dropdown-item"
+                                                            href="{{ route('admin-user.show', $user->id) }}">Keterangan</a>
+                                                        <a class="dropdown-item" href="#"
+                                                            data-id="{{ $user->id }}" id="deleteUser">Hapus</a>
+                                                    </div>
+                                                </div>
+                                            </td>
+                                        </tr>
+                                    @endforeach
+                                </tbody>
+                            </table>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </section>
+    </div>
+    <script>
+        $(function() {
+            // Hapus data
+            $('#table-1').on('click', '#deleteUser', function() {
+                const csrfToken = $('meta[name="csrf-token"]').attr('content');
+                let dataId = $(this).data("id");
+
+                Swal.fire({
+                    title: 'Hapus data',
+                    text: 'Apakah yakin ingin menghapus data user ini?',
+                    icon: 'question',
+                    confirmButtonText: 'Ya, hapus!',
+                    showDenyButton: true,
+                    denyButtonText: 'Tidak, jangan hapus!',
+                }).then((result) => {
+                    if (result.isConfirmed) {
+                        $.ajaxSetup({
+                            headers: {
+                                'X-CSRF-TOKEN': csrfToken
+                            }
+                        });
+
+                        $.ajax({
+                            url: "{{ route('admin-user.destroy', ':admin_user') }}"
+                                .replace(
+                                    ':admin_user',
+                                    dataId),
+                            type: 'DELETE',
+                            processData: false,
+                            contentType: false,
+                            success: function(response) {
+                                Swal.fire({
+                                    title: response.status ? 'Berhasil!' :
+                                        'Gagal!',
+                                    text: response.message,
+                                    icon: response.status ? 'success' : 'error',
+                                    confirmButtonText: 'OK'
+                                }).then(function() {
+                                    // location.reload();
+                                    console.log(response);
+                                });
+                            },
+                            error: function(error) {
+                                Swal.fire({
+                                    title: 'Gagal!',
+                                    text: 'Tidak ada data yang dihapus, karena ' +
+                                        error,
+                                    icon: 'info'
+                                });
+                            }
+                        });
+                    } else if (result.isDenied) {
+                        Swal.fire({
+                            title: 'Gagal!',
+                            text: 'Tidak ada data yang dihapus',
+                            icon: 'info'
+                        });
+                    }
+                });
+            });
+        });
+    </script>
+@endsection
diff --git a/resources/views/User/contact/index.blade.php b/resources/views/User/contact/index.blade.php
new file mode 100644
index 00000000..5939331e
--- /dev/null
+++ b/resources/views/User/contact/index.blade.php
@@ -0,0 +1,263 @@
+@extends('user.layout.main')
+@section('content')
+    <div class="main-content">
+        <section class="section">
+
+            <div class="section-header">
+                <h1>Manajemen Contact</h1>
+                <div class="section-header-breadcrumb">
+                    <div class="breadcrumb-item active"><a href="#">Dashboard</a></div>
+                    <div class="breadcrumb-item"><a href="#"> Transaction</a></div>
+                    <div class="breadcrumb-item">Manajemen Kontak</div>
+                    <div class="breadcrumb-item">Halaman Refund</div>
+                </div>
+            </div>
+
+            {{-- tabel list kontak --}}
+            <div class="row">
+                <div class="col-md-12">
+                    <div class="card">
+                        <div class="card-header">
+                            <div class="d-flex justify-content-end">
+                                <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#modalForm">Open
+                                    Contact Form</button>
+                            </div>
+                        </div>
+                        <div class="card-body">
+                            <div class="table-responsive">
+                                <table class="table table-striped" id="table-2">
+                                    <thead>
+                                        <tr class="text-center">
+                                            <th>#</th>
+                                            <th>Email</th>
+                                            <th>Name</th>
+                                            <th>Phone</th>
+                                            <th>Action</th>
+                                        </tr>
+                                    </thead>
+                                    <tbody>
+                                        @foreach ($contacts as $contact)
+                                            <tr>
+                                                <td>{{ $loop->iteration }}</td>
+                                                <td class="font-weight-600">
+                                                    {{ $contact->relasiKontak->nama_depan . ' ' . $contact->relasiKontak->nama_belakang }}
+                                                </td>
+                                                <td class="text-center font-weight-600">{{ $contact->relasiKontak->email }}
+                                                </td>
+                                                <td class="text-center font-weight-600">{{ $contact->relasiKontak->nohp }}
+                                                </td>
+                                                <td class="text-center">
+                                                    <button class="btn btn-info open-detail-modal" data-toggle="modal"
+                                                        data-target="#modaldetail" id="detailContact"
+                                                        data-id="{{ $contact->relasiKontak }}"
+                                                        data-province="{{ $contact->relasiKontak->getProvinceName() }}"
+                                                        data-city="{{ $contact->relasiKontak->getCityName() }}"
+                                                        data-district="{{ $contact->relasiKontak->getDistrictName() }}"
+                                                        data-village="{{ $contact->relasiKontak->getVillageName() }}">Detail</button>
+                                                    <button class="btn btn-danger open-detail-modal" data-toggle="modal"
+                                                        data-target="#modaldelete" id="deleteContact"
+                                                        data-id="{{ $contact->id }}">Delete</button>
+                                                </td>
+                                            </tr>
+                                        @endforeach
+                                    </tbody>
+                                </table>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            @extends('user.contact.modal-detail-contact')
+            {{-- @extends('user.contact.modal-delete-contact') --}}
+            @extends('user.contact.modal-add-contact')
+        </section>
+    </div>
+    <script>
+        $(document).ready(function() {
+            let check = false;
+            var teksArea = document.getElementById('resultArea');
+            var teksNama = document.getElementById('teksNama');
+            var teksNohp = document.getElementById('teksNoHP');
+            var teksEmail = document.getElementById('teksEmail');
+            var teksAlamat = document.getElementById('teksAlamat');
+
+            $('#table-2').on('click', '#detailContact', function() {
+                let dataId = $(this).data('id');
+                let dataProvince = $(this).data('province');
+                let dataCity = $(this).data('city');
+                let dataDistrict = $(this).data('district');
+                let dataVillage = $(this).data('village');
+                teksNama.innerHTML = dataId.nama_depan + " " + dataId.nama_belakang;
+                teksAlamat.innerHTML = dataId.alamat + ", " + capital(dataVillage) + ", " + capital(
+                    dataDistrict) + ", " + capital(dataCity) + ", " + capital(dataProvince);
+                teksNohp.innerHTML = dataId.nohp;
+                teksEmail.innerHTML = dataId.email;
+            });
+
+            function capital(text) {
+                return text.toLowerCase().replace(/(?:^|\s)\w/g, function(match) {
+                    return match.toUpperCase();
+                });
+            }
+
+            $('#table-2').on('click', '#deleteContact', function() {
+                let dataId = $(this).data('id');
+                const csrfToken = $('meta[name="csrf-token"]').attr('content');
+                Swal.fire({
+                    title: 'Hapus Kontak',
+                    text: 'Yakin hapus kontak ini?',
+                    icon: 'warning',
+                    confirmButtonText: 'Ya, Hapus!',
+                    showDenyButton: true,
+                    denyButtonText: 'Tidak, jangan hapus',
+                }).then((result) => {
+                    if (result.isConfirmed) {
+                        $.ajaxSetup({
+                            headers: {
+                                'X-CSRF-TOKEN': csrfToken
+                            }
+                        });
+
+                        $.ajax({
+                            url: "{{ route('user-contact.delete', ':id') }}".replace(':id',
+                                dataId),
+                            type: 'DELETE',
+                            contentType: false,
+                            processType: false,
+                            success: function(response) {
+                                Swal.fire({
+                                    title: response.status ? 'Berhasil' :
+                                        'Gagal',
+                                    text: response.message,
+                                    icon: response.status ? 'success' : 'error',
+                                    confirmButtonText: 'OK'
+                                }).then(function() {
+                                    if (response.status == true) {
+                                        location.reload();
+                                    }
+                                });
+                            },
+                            error: function(error) {
+                                Swal.fire({
+                                    title: 'Gagal',
+                                    text: "Terjadi error karena " + error
+                                        .message,
+                                    icon: 'error',
+                                    confirmButtonText: 'OK'
+                                });
+                            }
+                        });
+                    } else if (result.isDenied) {
+                        Swal.fire({
+                            title: 'Gagal',
+                            text: 'Tidak ada kontak yang dihapus',
+                            icon: 'info',
+                            confirmButtonText: 'OK',
+                        });
+                    }
+                });
+            });
+
+
+            $('#checkButton').on('click', function() {
+                const email = document.querySelector('[name="email"]').value;
+                const csrfToken = $('meta[name="csrf-token"]').attr('content');
+
+                $.ajaxSetup({
+                    headers: {
+                        'X-CSRF-TOKEN': csrfToken
+                    }
+                });
+
+                $.ajax({
+                    url: "{{ route('user-contact.email', ':email') }}".replace(':email', email),
+                    type: 'GET',
+                    success: function(response) {
+                        if (response.status) {
+                            let status = response.message[0].status
+                            Swal.fire({
+                                title: response.status ? 'Akun ditemukan' :
+                                    'Akun tidak ditemukan',
+                                text: response.status ? 'Akun dengan email ' + email +
+                                    ' tersedia' : 'Akun dengan email ' + email +
+                                    ' tidak tersedia',
+                                icon: response.status ? 'success' : 'error',
+                                confirmButtonText: 'OK'
+                            });
+                            let messages = response.message[0];
+                            let hasil = "Nama : " + messages.nama_depan + " " + messages
+                                .nama_belakang +
+                                "\n" + "Email : " + messages.email + "\n" + "No. HP : " +
+                                messages.nohp + "\n" + "Alamat : " + messages.alamat;
+                            teksArea.value = hasil;
+                            teksArea.style.height = 'auto';
+                            check = true;
+                        } else {
+                            Swal.fire({
+                                title: 'Gagal',
+                                text: response.message,
+                                icon: 'error',
+                                confirmButtonText: 'OK'
+                            });
+                            check = false;
+                        }
+                    },
+                    error: function(error) {
+                        Swal.fire({
+                            title: 'Gagal!',
+                            text: 'Gagal memuat data karena ' + error,
+                            icon: 'error',
+                            confirmButtonText: 'OK',
+                        });
+                        check = false;
+                    }
+                });
+            });
+
+            $('#tambahkanContact').on('click', function() {
+                const email = document.querySelector('[name="email"]').value;
+                const csrfToken = $('meta[name="csrf-token"]').attr('content');
+
+                const formData = new FormData();
+                formData.append('email', email);
+
+                if (check) {
+                    $.ajaxSetup({
+                        headers: {
+                            'X-CSRF-TOKEN': csrfToken
+                        }
+                    });
+
+                    $.ajax({
+                        url: '{{ route('user-contact.store') }}',
+                        type: 'POST',
+                        data: formData,
+                        processData: false,
+                        contentType: false,
+                        success: function(response) {
+                            Swal.fire({
+                                title: response.status ? 'Berhasil' : 'Gagal',
+                                text: response.message,
+                                icon: response.status ? 'success' : 'error',
+                                confirmButtonText: 'OK',
+                            }).then(function() {
+                                if (response.status == true) {
+                                    location.reload();
+                                }
+                            });
+                        }
+                    });
+                    check = false;
+                } else {
+                    Swal.fire({
+                        title: 'Gagal',
+                        text: 'Silahkan check email terlebih dahulu',
+                        icon: 'error',
+                    });
+                    check = false;
+                }
+
+            });
+        });
+    </script>
+@endsection
diff --git a/resources/views/User/contact/modal-add-contact.blade.php b/resources/views/User/contact/modal-add-contact.blade.php
new file mode 100644
index 00000000..f66045b1
--- /dev/null
+++ b/resources/views/User/contact/modal-add-contact.blade.php
@@ -0,0 +1,42 @@
+<div class="modal fade" id="modalForm" role="dialog">
+    <div class="modal-dialog">
+        <div class="modal-content">
+            <!-- Modal Header -->
+            <div class="modal-header">
+                <button type="button" class="close" data-dismiss="modal">
+                    <span aria-hidden="true">&times;</span>
+                    <span class="sr-only">Close</span>
+                </button>
+            </div>
+            <div class="col-md-12">
+                <h4 class="modal-title" id="myModalLabel">Contact Form</h4>
+            </div>
+
+            <!-- Modal Body -->
+            <div class="modal-body">
+                <p class="statusMsg"></p>
+                <form role="form" id="formContact">
+                    <div class="form-group">
+                        <label for="inputemail">Email</label>
+                        <input type="text" class="form-control" name="email" placeholder="Enter your email" />
+                    </div>
+                    <div class="form-group">
+                        <button type="button" class="btn btn-primary" id="checkButton">Check</button>
+                    </div>
+
+                    <div class="form-group">
+                        <label for="exampleFormControlTextarea1" class="form-label">Hasil</label>
+                        <textarea class="form-control" rows="10" cols="10" readonly id="resultArea""></textarea>
+                    </div>
+                </form>
+            </div>
+
+            <!-- Modal Footer -->
+            <div class="modal-footer">
+                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
+                <button type="button" class="btn btn-primary submitBtn"
+                   id="tambahkanContact">Tambahkan Data</button>
+            </div>
+        </div>
+    </div>
+</div>
diff --git a/resources/views/User/contact/modal-delete-contact.blade.php b/resources/views/User/contact/modal-delete-contact.blade.php
new file mode 100644
index 00000000..011c5cd3
--- /dev/null
+++ b/resources/views/User/contact/modal-delete-contact.blade.php
@@ -0,0 +1,34 @@
+<div class="modal fade" id="modaldelete" aria-hidden="true" aria-labelledby="myModalLabel" tabindex="-1">
+    <div class="modal-dialog modal-dialog-centered">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h5 class="modal-title" id="myModalLabel">Yakin Hapus Contact?</h5>
+            </div>
+            <div class="modal-body">
+                Apakah Anda yakin ingin menghapus kontak ini?
+            </div>
+            <div class="modal-footer">
+                <button type="button" href="/contact" class="btn btn-secondary" data-dismiss="modal">Batal</button>
+                <button type="button" class="btn btn-danger" data-bs-toggle="modal"
+                    data-bs-target="#modaldeleteconfirm">Ya, Hapus Contact!</button>
+            </div>
+        </div>
+    </div>
+</div>
+
+<div class="modal fade" id="modaldeleteconfirm" aria-hidden="true" aria-labelledby="myModalLabel" tabindex="-1">
+    <div class="modal-dialog modal-dialog-centered">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h5 class="modal-title" id="myModalLabel">Kontak Telah Dihapus</h5>
+                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+            </div>
+            <div class="modal-body">
+                Kontak telah berhasil dihapus.
+            </div>
+            <div class="modal-footer">
+                <button type="button" class="btn btn-primary" data-bs-dismiss="modal">Tutup</button>
+            </div>
+        </div>
+    </div>
+</div>
diff --git a/resources/views/User/contact/modal-detail-contact.blade.php b/resources/views/User/contact/modal-detail-contact.blade.php
new file mode 100644
index 00000000..97c87a81
--- /dev/null
+++ b/resources/views/User/contact/modal-detail-contact.blade.php
@@ -0,0 +1,65 @@
+{{-- @extends('user.layout.main')
+@section('content')
+    <div class="main-content">
+        <section class="section"> --}}
+{{-- <div class="col-md-12">
+                <div class="card">
+                    <div class="card-header">
+                        <h2>Detail Contact</h2>
+                    </div>
+                    <div class="card-body p-0">
+                        <div class="container">
+                            @foreach ($detail_contact as $detail)
+                            <p><strong>Name:</strong> {{ $detail_contact->inputNama }}</p>
+                            <p><strong>No HP:</strong> {{ $detail_contact->inputNoHP }}</p>
+                            <p><strong>Email:</strong> {{ $detail_contact->inputEmail }}</p>
+                            <p><strong>Alamat:</strong> {{ $detail_contact->inputAlamat }}</p>
+
+                            @endforeach
+                        </div>
+                    </div>
+                </div>
+            </div> --}}
+{{-- </section>
+    </div>
+@endsection --}}
+
+<div class="modal fade" id="modaldetail" tabindex="-1" role="dialog" aria-labelledby="modalcontact" aria-hidden="true">
+    <div class="modal-dialog modal-dialog-centered">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h4 class="modal-title mx-auto" style="margin-right: auto; margin-left: auto; font-size: 1.2em;" id="modalcontact">Detail
+                    Contact
+                </h4>
+            </div>
+            <div class="modal-body">
+                <div class="card-body">
+                    <div class="alert alert-primary" role="alert">
+                        <div class="form-group">
+                            <label for="teksNama" style="color: white; font-size: 1.1em;">Nama</label>
+                            <p class="form-control-static" id="teksNama">Nurul Prima</p>
+                        </div>
+                        <hr style="border-top: 1px solid #fff;">
+                        <div class="form-group">
+                            <label for="teksNoHP" style="color: white; font-size: 1.1em;">No HP</label>
+                            <p class="form-control-static" id="teksNoHP">+6282284964524</p>
+                        </div>
+                        <hr style="border-top: 1px solid #fff;">
+                        <div class="form-group">
+                            <label for="teksEmail" style="color: white; font-size: 1.1em;">Email</label>
+                            <p class="form-control-static" id="teksEmail">npannisa@gmail.com</p>
+                        </div>
+                        <hr style="border-top: 1px solid #fff;">
+                        <div class="form-group">
+                            <label for="teksAlamat" style="color: white; font-size: 1.1em;">Alamat</label>
+                            <p class="form-control-static" id="teksAlamat">Depok City</p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="modal-footer">
+                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
+            </div>
+        </div>
+    </div>
+</div>
diff --git a/resources/views/User/index.blade.php b/resources/views/User/index.blade.php
index 0d1a4ed2..d745eac0 100644
--- a/resources/views/User/index.blade.php
+++ b/resources/views/User/index.blade.php
@@ -1,4 +1,4 @@
-@extends('User.layout.main')
+@extends('user.layout.main')
 @section('content')
     <!-- Main Content -->
     <div class="main-content">
@@ -69,7 +69,7 @@
                                 <h4>Total Refund</h4>
                             </div>
                             <div class="card-body">
-                                100
+                                190
                             </div>
                         </div>
                     </div>
@@ -84,147 +84,271 @@
                         </div>
                         <div class="card-wrap">
                             <div class="card-header">
-                                <h4>Total user</h4>
+                                <h4>Total Transaction </h4>
                             </div>
                             <div class="card-body">
-                                100 </div>
+                                109 </div>
                         </div>
                     </div>
                 </div>
             </div>
             <div class="row">
                 <div class="col-md-12">
-                    <div class="x_panel">
-                        <div class="x_title">
-                            <h2>Transaction Summary <small>Weekly progress</small></h2>
-                            <div class="filter">
-                                <div id="reportrange" class="pull-right"
-                                    style="background: #fff; cursor: pointer; padding: 5px 10px; border: 1px solid #ccc">
-                                    <i class="glyphicon glyphicon-calendar fa fa-calendar"></i>
-                                    <span>December 30, 2014 - January 28, 2015</span> <b class="caret"></b>
-                                </div>
-                            </div>
-                            <div class="clearfix"></div>
+                    <div class="card">
+                        <div class="card-header">
+                            <h4>INCOME</h4>
                         </div>
-                        <div class="x_content">
-                            <div class="col-md-9 col-sm-12 ">
-                                <div class="demo-container" style="height:280px">
-                                    <div id="chart_plot_02" class="demo-placeholder"></div>
-                                </div>
-                                <div class="tiles">
-                                    <div class="col-md-4 tile">
-                                        <span>Total Sessions</span>
-                                        <h2>231,809</h2>
-                                        <span class="sparkline11 graph" style="height: 160px;">
-                                            <canvas width="200" height="60"
-                                                style="display: inline-block; vertical-align: top; width: 94px; height: 30px;"></canvas>
-                                        </span>
-                                    </div>
-                                    <div class="col-md-4 tile">
-                                        <span>Total Revenue</span>
-                                        <h2>$231,809</h2>
-                                        <span class="sparkline22 graph" style="height: 160px;">
-                                            <canvas width="200" height="60"
-                                                style="display: inline-block; vertical-align: top; width: 94px; height: 30px;"></canvas>
-                                        </span>
-                                    </div>
-                                    <div class="col-md-4 tile">
-                                        <span>Total Sessions</span>
-                                        <h2>231,809</h2>
-                                        <span class="sparkline11 graph" style="height: 160px;">
-                                            <canvas width="200" height="60"
-                                                style="display: inline-block; vertical-align: top; width: 94px; height: 30px;"></canvas>
-                                        </span>
-                                    </div>
-                                </div>
-
-                            </div>
-
-                            <div class="col-md-3 col-sm-12 ">
-                                <div>
-                                    <div class="x_title">
-                                        <h2>Top Profiles</h2>
-                                        <ul class="nav navbar-right panel_toolbox">
-                                            <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
-                                            </li>
-                                            <li class="dropdown">
-                                                <a href="#" class="dropdown-toggle" data-toggle="dropdown"
-                                                    role="button" aria-expanded="false"><i class="fa fa-wrench"></i></a>
-                                                <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
-                                                    <a class="dropdown-item" href="#">Settings 1</a>
-                                                    <a class="dropdown-item" href="#">Settings 2</a>
-                                                </div>
-                                            </li>
-                                            <li><a class="close-link"><i class="fa fa-close"></i></a>
-                                            </li>
-                                        </ul>
-                                        <div class="clearfix"></div>
-                                    </div>
-                                    <ul class="list-unstyled top_profiles scroll-view">
-                                        <li class="media event">
-                                            <a class="pull-left border-aero profile_thumb">
-                                                <i class="fa fa-user aero"></i>
-                                            </a>
-                                            <div class="media-body">
-                                                <a class="title" href="#">Ms. Mary Jane</a>
-                                                <p><strong>$2300. </strong> Agent Avarage Sales </p>
-                                                <p> <small>12 Sales Today</small>
-                                                </p>
-                                            </div>
-                                        </li>
-                                        <li class="media event">
-                                            <a class="pull-left border-green profile_thumb">
-                                                <i class="fa fa-user green"></i>
-                                            </a>
-                                            <div class="media-body">
-                                                <a class="title" href="#">Ms. Mary Jane</a>
-                                                <p><strong>$2300. </strong> Agent Avarage Sales </p>
-                                                <p> <small>12 Sales Today</small>
-                                                </p>
-                                            </div>
-                                        </li>
-                                        <li class="media event">
-                                            <a class="pull-left border-blue profile_thumb">
-                                                <i class="fa fa-user blue"></i>
-                                            </a>
-                                            <div class="media-body">
-                                                <a class="title" href="#">Ms. Mary Jane</a>
-                                                <p><strong>$2300. </strong> Agent Avarage Sales </p>
-                                                <p> <small>12 Sales Today</small>
-                                                </p>
-                                            </div>
-                                        </li>
-                                        <li class="media event">
-                                            <a class="pull-left border-aero profile_thumb">
-                                                <i class="fa fa-user aero"></i>
-                                            </a>
-                                            <div class="media-body">
-                                                <a class="title" href="#">Ms. Mary Jane</a>
-                                                <p><strong>$2300. </strong> Agent Avarage Sales </p>
-                                                <p> <small>12 Sales Today</small>
-                                                </p>
-                                            </div>
-                                        </li>
-                                        <li class="media event">
-                                            <a class="pull-left border-green profile_thumb">
-                                                <i class="fa fa-user green"></i>
-                                            </a>
-                                            <div class="media-body">
-                                                <a class="title" href="#">Ms. Mary Jane</a>
-                                                <p><strong>$2300. </strong> Agent Avarage Sales </p>
-                                                <p> <small>12 Sales Today</small>
-                                                </p>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </div>
-
+                        <div class="card-body">
+                            <canvas id="myChart" height="158"></canvas>
                         </div>
                     </div>
                 </div>
+
+
+                <div class="col-md-12">
+                    <div class="card">
+                        <div class="card-header">
+                            <h2>Transaction</h2>
+                        </div>
+                        <div class="card-body p-0">
+                            <div class="table-responsive table-invoice">
+                                <table class="table table-striped">
+                                    <tr>
+                                        <th>Order ID</th>
+                                        <th>Customer</th>
+                                        <th>Seller</th>
+                                        <th>Total</th>
+                                        <th>Due Date</th>
+                                        <th>Status</th>
+                                        <th>Image</th>
+                                    </tr>
+                                    @foreach ($refundUserss as $HistoryRefundUser)
+                                        <tr>
+                                            <td class="font-weight-600">
+                                                {{ $HistoryRefundUser['orderId'] }}</td>
+                                            <td class="font-weight-600">
+                                                {{ $HistoryRefundUser['Customer'] }}</td>
+                                            <td class="font-weight-600">
+                                                {{ $HistoryRefundUser['seller'] }}</td>
+                                            <td class="font-weight-600">
+                                                {{ $HistoryRefundUser['Total'] }}</td>
+                                            <td>{{ $HistoryRefundUser['dueDate'] }}</td>
+                                            <td>
+                                                <div class="badge badge-success" data-status="diterima"
+                                                    onclick="setStatus('diterima')">Diterima</div>
+                                            </td>
+                                            <td class="font-weight-600">
+                                                {{ $HistoryRefundUser['uploadBukti'] }}</td>
+                                            <td>
+
+                                        </tr>
+                                    @endforeach
+                                </table>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+
             </div>
         </section>
     </div>
-    @include('Admin.transaction.Tracking')
+    <script>
+        // Set new default font family and font color to mimic Bootstrap's default styling
+        Chart.defaults.global.defaultFontFamily = 'Nunito',
+            '-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif';
+        Chart.defaults.global.defaultFontColor = '#858796';
+
+        var ctx = document.getElementById("myChart1").getContext('2d');
+        var myChart = new Chart(ctx, {
+            type: 'line',
+            data: {
+                labels: ["January", "February", "March", "April", "May", "June", "July", "August", "September",
+                    "Oktober", "November", "December"
+                ],
+                datasets: [{
+                        label: 'Transaction',
+                        data: [3200, 18009, 4305, 3022, 6310, 5120, 5880, 6154, 0],
+                        borderWidth: 2,
+                        backgroundColor: 'rgba(63,82,227,.8)',
+                        borderWidth: 0,
+                        borderColor: 'transparent',
+                        pointBorderWidth: 0,
+                        pointRadius: 3.5,
+                        pointBackgroundColor: 'transparent',
+                        pointHoverBackgroundColor: 'rgba(63,82,227,.8)',
+                    },
+                    {
+                        label: 'Refund',
+                        data: [2207, 3403, 220000, 5025, 2302, 4208, 3880, 4880, 5000],
+                        borderWidth: 2,
+                        backgroundColor: 'rgba(254,86,83,.7)',
+                        borderWidth: 0,
+                        borderColor: 'transparent',
+                        pointBorderWidth: 0,
+                        pointRadius: 3.5,
+                        pointBackgroundColor: 'transparent',
+                        pointHoverBackgroundColor: 'rgba(254,86,83,.8)',
+                    }
+                ]
+            },
+            options: {
+                layout: {
+                    padding: 20,
+                },
+                legend: {
+                    display: true,
+                    labels: {
+                        padding: 20,
+                    }
+                },
+                scales: {
+                    yAxes: [{
+                        gridLines: {
+                            // display: false,
+                            drawBorder: false,
+                            color: '#f2f2f2',
+                        },
+                        ticks: {
+                            beginAtZero: true,
+                            stepSize: 15000,
+                            callback: function(value, index, values) {
+                                // return 'Rp.' + value;
+                                return new Intl.NumberFormat('id-ID', {
+                                    style: 'currency',
+                                    currency: 'IDR',
+                                }).format(value);
+                            }
+                        }
+                    }],
+                    xAxes: [{
+                        gridLines: {
+                            display: true,
+                            tickMarkLength: 15,
+                        }
+                    }]
+                },
+            }
+        });
+
+        var balance_chart = document.getElementById("balance-chart").getContext('2d');
+
+        var balance_chart_bg_color = balance_chart.createLinearGradient(0, 0, 0, 70);
+        balance_chart_bg_color.addColorStop(0, 'rgba(63,82,227,.2)');
+        balance_chart_bg_color.addColorStop(1, 'rgba(63,82,227,0)');
+
+        var myChart = new Chart(balance_chart, {
+            type: 'line',
+            data: {
+                labels: ['16-07-2018', '17-07-2018', '18-07-2018', '19-07-2018', '20-07-2018', '21-07-2018',
+                    '22-07-2018', '23-07-2018', '24-07-2018', '25-07-2018', '26-07-2018', '27-07-2018',
+                    '28-07-2018', '29-07-2018', '30-07-2018', '31-07-2018'
+                ],
+                datasets: [{
+                    label: 'Balance',
+                    data: [50, 61, 80, 50, 72, 52, 60, 41, 30, 45, 70, 40, 93, 63, 50, 62],
+                    backgroundColor: balance_chart_bg_color,
+                    borderWidth: 3,
+                    borderColor: 'rgba(63,82,227,1)',
+                    pointBorderWidth: 0,
+                    pointBorderColor: 'transparent',
+                    pointRadius: 3,
+                    pointBackgroundColor: 'transparent',
+                    pointHoverBackgroundColor: 'rgba(63,82,227,1)',
+                }]
+            },
+            options: {
+                layout: {
+                    padding: {
+                        bottom: -1,
+                        left: -1
+                    }
+                },
+                legend: {
+                    display: false
+                },
+                scales: {
+                    yAxes: [{
+                        gridLines: {
+                            display: false,
+                            drawBorder: false,
+                        },
+                        ticks: {
+                            beginAtZero: true,
+                            display: false
+                        }
+                    }],
+                    xAxes: [{
+                        gridLines: {
+                            drawBorder: false,
+                            display: false,
+                        },
+                        ticks: {
+                            display: false
+                        }
+                    }]
+                },
+            }
+        });
+
+        var sales_chart = document.getElementById("sales-chart").getContext('2d');
+
+        var sales_chart_bg_color = sales_chart.createLinearGradient(0, 0, 0, 80);
+        balance_chart_bg_color.addColorStop(0, 'rgba(63,82,227,.2)');
+        balance_chart_bg_color.addColorStop(1, 'rgba(63,82,227,0)');
+
+        var myChart = new Chart(sales_chart, {
+            type: 'line',
+            data: {
+                labels: ['16-07-2018', '17-07-2018', '18-07-2018', '19-07-2018', '20-07-2018', '21-07-2018',
+                    '22-07-2018', '23-07-2018', '24-07-2018', '25-07-2018', '26-07-2018', '27-07-2018',
+                    '28-07-2018', '29-07-2018', '30-07-2018', '31-07-2018'
+                ],
+                datasets: [{
+                    label: 'Sales',
+                    data: [70, 62, 44, 40, 21, 63, 82, 52, 50, 31, 70, 50, 91, 63, 51, 60],
+                    borderWidth: 2,
+                    backgroundColor: balance_chart_bg_color,
+                    borderWidth: 3,
+                    borderColor: 'rgba(63,82,227,1)',
+                    pointBorderWidth: 0,
+                    pointBorderColor: 'transparent',
+                    pointRadius: 3,
+                    pointBackgroundColor: 'transparent',
+                    pointHoverBackgroundColor: 'rgba(63,82,227,1)',
+                }]
+            },
+            options: {
+                layout: {
+                    padding: {
+                        bottom: -1,
+                        left: -1
+                    }
+                },
+                legend: {
+                    display: false
+                },
+                scales: {
+                    yAxes: [{
+                        gridLines: {
+                            display: false,
+                            drawBorder: false,
+                        },
+                        ticks: {
+                            beginAtZero: true,
+                            display: false
+                        }
+                    }],
+                    xAxes: [{
+                        gridLines: {
+                            drawBorder: false,
+                            display: false,
+                        },
+                        ticks: {
+                            display: false
+                        }
+                    }]
+                },
+            }
+        });
+    </script>
 @endsection
diff --git a/resources/views/User/layout/header.blade.php b/resources/views/User/layout/header.blade.php
index 95a8709a..b5bc0f41 100644
--- a/resources/views/User/layout/header.blade.php
+++ b/resources/views/User/layout/header.blade.php
@@ -84,7 +84,7 @@
                 <div class="dropdown-list-content dropdown-list-message">
                     <a href="#" class="dropdown-item dropdown-item-unread">
                         <div class="dropdown-item-avatar">
-                            <img alt="image" src="assets/img/avatar/avatar-1.png" class="rounded-circle">
+                            <img alt="image" src="{{asset('assets/img/avatar/avatar-1.png')}}" class="rounded-circle">
                             <div class="is-online"></div>
                         </div>
                         <div class="dropdown-item-desc">
@@ -95,7 +95,7 @@
                     </a>
                     <a href="#" class="dropdown-item dropdown-item-unread">
                         <div class="dropdown-item-avatar">
-                            <img alt="image" src="assets/img/avatar/avatar-2.png" class="rounded-circle">
+                            <img alt="image" src="{{asset('assets/img/avatar/avatar-2.png')}}" class="rounded-circle">
                         </div>
                         <div class="dropdown-item-desc">
                             <b>Dedik Sugiharto</b>
@@ -105,7 +105,7 @@
                     </a>
                     <a href="#" class="dropdown-item dropdown-item-unread">
                         <div class="dropdown-item-avatar">
-                            <img alt="image" src="assets/img/avatar/avatar-3.png" class="rounded-circle">
+                            <img alt="image" src="{{asset('assets/img/avatar/avatar-3.png')}}" class="rounded-circle">
                             <div class="is-online"></div>
                         </div>
                         <div class="dropdown-item-desc">
@@ -116,7 +116,7 @@
                     </a>
                     <a href="#" class="dropdown-item">
                         <div class="dropdown-item-avatar">
-                            <img alt="image" src="assets/img/avatar/avatar-4.png" class="rounded-circle">
+                            <img alt="image" src="{{asset('assets/img/avatar/avatar-4.png')}}" class="rounded-circle">
                         </div>
                         <div class="dropdown-item-desc">
                             <b>Ardian Rahardiansyah</b>
@@ -126,7 +126,7 @@
                     </a>
                     <a href="#" class="dropdown-item">
                         <div class="dropdown-item-avatar">
-                            <img alt="image" src="assets/img/avatar/avatar-5.png" class="rounded-circle">
+                            <img alt="image" src="{{asset('assets/img/avatar/avatar-5.png')}}" class="rounded-circle">
                         </div>
                         <div class="dropdown-item-desc">
                             <b>Alfa Zulkarnain</b>
@@ -202,22 +202,22 @@
         </li>
         <li class="dropdown"><a href="#" data-toggle="dropdown"
                 class="nav-link dropdown-toggle nav-link-lg nav-link-user">
-                <img alt="image" src="assets/img/avatar/avatar-1.png" class="rounded-circle mr-1">
-                <div class="d-sm-none d-lg-inline-block">Hi, {{ $name }}</div>
+                <img alt="image" src="{{asset('assets/img/avatar/avatar-1.png')}}" class="rounded-circle mr-1">
+                <div class="d-sm-none d-lg-inline-block">Hi, {{ Auth::user()->nama_depan }}</div>
             </a>
             <div class="dropdown-menu dropdown-menu-right">
                 <div class="dropdown-title">Logged in 5 min ago</div>
-                <a href="#" class="dropdown-item has-icon">
+                <a href="{{route('user.profile')}}" class="dropdown-item has-icon">
                     <i class="far fa-user"></i> Profile
                 </a>
-                <a href="features-activities.html" class="dropdown-item has-icon">
+                {{-- <a href="features-activities.html" class="dropdown-item has-icon">
                     <i class="fas fa-bolt"></i> Activities
                 </a>
                 <a href="features-settings.html" class="dropdown-item has-icon">
                     <i class="fas fa-cog"></i> Settings
-                </a>
+                </a> --}}
                 <div class="dropdown-divider"></div>
-                <a href="#" class="dropdown-item has-icon text-danger">
+                <a href="{{route('logout')}}" class="dropdown-item has-icon text-danger">
                     <i class="fas fa-sign-out-alt"></i> Logout
                 </a>
             </div>
diff --git a/resources/views/User/layout/main.blade.php b/resources/views/User/layout/main.blade.php
index 25c9d60b..6b6f90ba 100644
--- a/resources/views/User/layout/main.blade.php
+++ b/resources/views/User/layout/main.blade.php
@@ -34,35 +34,29 @@
 
     <meta charset="UTF-8">
     <meta content="width=device-width, initial-scale=1, maximum-scale=1, shrink-to-fit=no" name="viewport">
+    <meta name="csrf-token" content="{{ csrf_token() }}">
     <title>REKBER</title>
-    <!-- Bootstrap -->
-    <link href="../vendors/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
-    <!-- Font Awesome -->
-    <link href="../vendors/font-awesome/css/font-awesome.min.css" rel="stylesheet">
-    <!-- NProgress -->
-    <link href="../vendors/nprogress/nprogress.css" rel="stylesheet">
-    <!-- bootstrap-daterangepicker -->
-    <link href="../vendors/bootstrap-daterangepicker/daterangepicker.css" rel="stylesheet">
 
-    <!-- Custom Theme Style -->
-    <link href="../build/css/custom.min.css" rel="stylesheet">
     <!-- General CSS Files -->
-    <link rel="stylesheet" href="assets/modules/bootstrap/css/bootstrap.min.css">
-    <link rel="stylesheet" href="assets/modules/fontawesome/css/all.min.css">
-
-
-    <!-- CSS Libraries -->
-    <link rel="stylesheet" href="assets/modules/jqvmap/dist/jqvmap.min.css">
-    <link rel="stylesheet" href="assets/modules/summernote/summernote-bs4.css">
-    <link rel="stylesheet" href="assets/modules/owlcarousel2/dist/assets/owl.carousel.min.css">
-    <link rel="stylesheet" href="assets/modules/owlcarousel2/dist/assets/owl.theme.default.min.css">
+    <link rel="stylesheet" href="{{ asset('assets/modules/bootstrap/css/bootstrap.min.css') }}">
+    <link rel="stylesheet" href="{{ asset('assets/modules/fontawesome/css/all.min.css') }}">
+    <link rel="stylesheet" href="https://cdn.materialdesignicons.com/5.4.55/css/materialdesignicons.min.css">
+    <link rel="stylesheet" href="{{ asset('assets/modules/jqvmap/dist/jqvmap.min.css') }}">
+    <link rel="stylesheet" href="{{ asset('assets/modules/summernote/summernote-bs4.css') }}">
+    <link rel="stylesheet" href="{{ asset('assets/modules/owlcarousel2/dist/assets/owl.carousel.min.css') }}">
+    <link rel="stylesheet" href="{{ asset('assets/modules/owlcarousel2/dist/assets/owl.theme.default.min.css') }}">
+    <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/daterangepicker@3.1.0/daterangepicker.css" />
 
+    <link rel="stylesheet" href="{{ asset('assets/modules/datatables/datatables.min.css') }}">
+    <link rel="stylesheet" href="{{ asset('assets/modules/datatables/DataTables-1.10.16/css/dataTables.bootstrap4.min.css') }}">
+    <link rel="stylesheet" href="{{ asset('assets/modules/datatables/Select-1.2.4/css/select.bootstrap4.min.css') }}">
+    <link rel="stylesheet" href="{{ asset('assets/css/main.css') }}">
     <!-- Template CSS -->
-    <link rel="stylesheet" href="assets/css/style.css">
-    <link rel="stylesheet" href="assets/css/components.css">
+    <link rel="stylesheet" href="{{ asset('assets/css/style.css') }}">
+    <link rel="stylesheet" href="{{ asset('assets/css/components.css') }}">
     <!-- Start GA -->
-    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-94034622-3"></script>
-    <script>
+    {{-- <script async src="https://www.googletagmanager.com/gtag/js?id=UA-94034622-3"></script> --}}
+    {{-- <script>
         window.dataLayer = window.dataLayer || [];
 
         function gtag() {
@@ -71,76 +65,129 @@
         gtag('js', new Date());
 
         gtag('config', 'UA-94034622-3');
-    </script>
+    </script> --}}
     <!-- /END GA -->
+
+    {{-- JS --}}
+    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
+    <script src="{{ asset('assets/modules/chart.min.js') }}"></script>
 </head>
 
 <body>
 
     <header class="header-area header-sticky">
-        @include('User.layout.header')
+        @include('user.layout.header')
     </header>
+
     <!-- ***** Main Banner Area Start ***** -->
     <main id="main" style="min-height: 100vh;">
-        @include('User.layout.sidebar')
+        @include('user.layout.sidebar')
         @yield('content')
     </main>
+
     <!-- End #main -->
     <footer id="footer">
-        @include('User.layout.footer')
+        @include('user.layout.footer')
     </footer>
+
+
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/moment.min.js"></script>
+
+    <script>
+        $(document).ready(function() {
+            let searchParams = new URLSearchParams(window.location.search);
+            let dateInterval = searchParams.get('from-to');
+            let start = moment().subtract(29, 'days');
+            let end = moment();
+
+            if (dateInterval) {
+                dateInterval = dateInterval.split(' - ');
+                start = moment(dateInterval[0]);
+                end = moment(dateInterval[1]);
+            }
+
+            $('#date-range').daterangepicker({
+                "showDropdowns": true,
+                "showWeekNumbers": true,
+                "alwaysShowCalendars": true,
+                startDate: start,
+                endDate: end,
+                locale: {
+                    format: 'YYYY-MM-DD',
+                    firstDay: 1,
+                },
+                ranges: {
+                    'Today': [moment(), moment()],
+                    'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
+                    'Last 7 Days': [moment().subtract(6, 'days'), moment()],
+                    'Last 30 Days': [moment().subtract(29, 'days'), moment()],
+                    'This Month': [moment().startOf('month'), moment().endOf('month')],
+                    'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1,
+                        'month').endOf(
+                        'month')],
+                    'This Year': [moment().startOf('year'), moment().endOf('year')],
+                    'Last Year': [moment().subtract(1, 'year').startOf('year'), moment().subtract(1, 'year')
+                        .endOf(
+                            'year')
+                    ],
+                    'All time': [moment().subtract(30, 'year').startOf('month'), moment().endOf('month')],
+                }
+            });
+        });
+    </script>
+
     <!-- General JS Scripts -->
-    <script src="assets/modules/jquery.min.js"></script>
-    <script src="assets/modules/popper.js"></script>
-    <script src="assets/modules/tooltip.js"></script>
-    <script src="assets/modules/bootstrap/js/bootstrap.min.js"></script>
-    <script src="assets/modules/nicescroll/jquery.nicescroll.min.js"></script>
-    <script src="assets/modules/moment.min.js"></script>
-    <script src="assets/js/stisla.js"></script>
+    <script src="{{ asset('assets/modules/jquery.min.js') }}"></script>
+    <script src="{{ asset('assets/modules/popper.js') }}"></script>i
+    <script src="{{ asset('assets/modules/tooltip.js') }}"></script>
+    <script src="{{ asset('assets/modules/bootstrap/js/bootstrap.min.js') }}"></script>
+    <script src="{{ asset('assets/modules/nicescroll/jquery.nicescroll.min.js') }}"></script>
+    <script src="{{ asset('assets/modules/moment.min.js') }}"></script>
+    <script src="{{ asset('assets/js/stisla.js') }}"></script>
+    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
 
     <!-- JS Libraies -->
-    <script src="assets/modules/jquery.sparkline.min.js"></script>
-    <script src="assets/modules/chart.min.js"></script>
-    <script src="assets/modules/owlcarousel2/dist/owl.carousel.min.js"></script>
-    <script src="assets/modules/summernote/summernote-bs4.js"></script>
-    <script src="assets/modules/chocolat/dist/js/jquery.chocolat.min.js"></script>
+    <script src="{{ asset('assets/modules/jquery.sparkline.min.js') }}"></script>
+    <script src="{{ asset('assets/modules/owlcarousel2/dist/owl.carousel.min.js') }}"></script>
+    <script src="{{ asset('assets/modules/summernote/summernote-bs4.js') }}"></script>
+    <script src="{{ asset('assets/modules/chocolat/dist/js/jquery.chocolat.min.js') }}"></script>
+
+    <!-- JS Libraies -->
+    <script src="{{ asset('assets/modules/datatables/datatables.min.js') }}"></script>
+    <script src="{{ asset('assets/modules/datatables/DataTables-1.10.16/js/dataTables.bootstrap4.min.js') }}"></script>
+    <script src="{{ asset('assets/modules/datatables/Select-1.2.4/js/dataTables.select.min.js') }}"></script>
+    <script src="{{ asset('assets/modules/jquery-ui/jquery-ui.min.js') }}"></script>
+
+    {{-- <script type="text/javascript">
+        $(function() {
+            $(document).on('click', '#payment', function(e) {
+                e.preventDefault();
+                var link = $(this).attr("href");
+                Swal.fire({
+                    position: 'top-end',
+                    icon: 'Success Payment!',
+                    title: 'Your work has been saved',
+                    showConfirmButton: false,
+                    timer: 1500
+                })
+            });
+
+        });
+    </script> --}}
+
 
     <!-- Page Specific JS File -->
-    <script src="assets/js/page/index.js"></script>
+    <script src="{{ asset('assets/js/page/modules-datatables.js') }}"></script>
+
+    <!-- Page Specific JS File -->
+    {{-- <script src="{{ asset('assets/js/page/index.js') }}"></script> --}}
+    <script src="https://cdn.jsdelivr.net/npm/daterangepicker@3.1.0/daterangepicker.min.js"></script>i
+    {{-- <script src="{{ asset('assets/js/page/index-0.js') }}"></script> --}}
 
     <!-- Template JS File -->
-    <script src="assets/js/scripts.js"></script>
-    <script src="assets/js/custom.js"></script>
-    <!-- jQuery -->
-    <script src="../vendors/jquery/dist/jquery.min.js"></script>
-    <!-- Bootstrap -->
-    <script src="../vendors/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
-    <!-- FastClick -->
-    <script src="../vendors/fastclick/lib/fastclick.js"></script>
-    <!-- NProgress -->
-    <script src="../vendors/nprogress/nprogress.js"></script>
-    <!-- Chart.js -->
-    <script src="../vendors/Chart.js/dist/Chart.min.js"></script>
-    <!-- jQuery Sparklines -->
-    <script src="../vendors/jquery-sparkline/dist/jquery.sparkline.min.js"></script>
-    <!-- Flot -->
-    <script src="../vendors/Flot/jquery.flot.js"></script>
-    <script src="../vendors/Flot/jquery.flot.pie.js"></script>
-    <script src="../vendors/Flot/jquery.flot.time.js"></script>
-    <script src="../vendors/Flot/jquery.flot.stack.js"></script>
-    <script src="../vendors/Flot/jquery.flot.resize.js"></script>
-    <!-- Flot plugins -->
-    <script src="../vendors/flot.orderbars/js/jquery.flot.orderBars.js"></script>
-    <script src="../vendors/flot-spline/js/jquery.flot.spline.min.js"></script>
-    <script src="../vendors/flot.curvedlines/curvedLines.js"></script>
-    <!-- DateJS -->
-    <script src="../vendors/DateJS/build/date.js"></script>
-    <!-- bootstrap-daterangepicker -->
-    <script src="../vendors/moment/min/moment.min.js"></script>
-    <script src="../vendors/bootstrap-daterangepicker/daterangepicker.js"></script>
-
-    <!-- Custom Theme Scripts -->
-    <script src="../build/js/custom.min.js"></script>
+    <script src="{{ asset('assets/js/scripts.js') }}"></script>
+    <script src="{{ asset('assets/js/custom.js') }}"></script>
+    {{-- <script src="{{ asset('assets/js/main.js') }}"></script> --}}
 </body>
 
 </html>
diff --git a/resources/views/User/layout/sidebar.blade.php b/resources/views/User/layout/sidebar.blade.php
index 0654e1c6..e52f76be 100644
--- a/resources/views/User/layout/sidebar.blade.php
+++ b/resources/views/User/layout/sidebar.blade.php
@@ -1,30 +1,51 @@
 <div class="main-sidebar sidebar-style-2">
     <aside id="sidebar-wrapper">
         <div class="sidebar-brand">
-            <a href="index.html">REKBER</a>
+            <a href="{{route('user.index')}}">REKBER</a>
         </div>
         <div class="sidebar-brand sidebar-brand-sm">
-            <a href="index.html">RK</a>
+            <a href="{{route('user.index')}}">RK</a>
         </div>
         <ul class="sidebar-menu">
             <li class="menu-header">Dashboard</li>
 
-            <li><a class="nav-link active" href="/User"><i class="fas fa-fire"></i> <span>Dashboard</span></a></li>
+            <li><a class="nav-link active" href="{{route('user.index')}}"><i class="fas fa-fire"></i> <span>Dashboard</span></a></li>
 
             <li class="menu-header">Starter</li>
-            <li><a class="nav-link" href="#"><i class="far fa-user"></i> <span>User</span></a></li>
-            <li><a class="nav-link" href="#"><i class="fas fa-columns"></i><span>Transaction</span></a></li>
-            {{-- <li class="dropdown">
-                <a href="#" class="nav-link has-dropdown" data-toggle="dropdown"><i class="fas fa-columns"></i>
-                    <span>Transaction</span></a>
-                <ul class="dropdown-menu">
-                    <li><a class="nav-link" href="/list_transaction">List Transaction</a></li>
-                    <li><a class="nav-link" href="/history_transaction">History Transaction</a></li>
 
-                </ul>
-            </li> --}}
-            <li><a class="nav-link" href="#"><i class="far fa-square"></i> <span>List Refund</span></a>
+            <li class="drop-down ">
+                <a class="nav-link" data-toggle="collapse" href="#submenuTransaction" aria-expanded="false" aria-controls="submenuTransaction">
+                    <i class="fas fa-columns"></i><span>Transaksi</span> <i class="fas fa-caret-down"></i>
+                </a>
+
+                <div id="submenuTransaction" class="collapse">
+                    <ul class="nav flex-column sub-menu">
+                        <li class="nav-item">
+                            <a class="nav-link" href="{{route('user-transaction.index.pembeli')}}">
+                                <i class="fas fa-users"></i> Pembeli
+                            </a>
+                        </li>
+                        <li class="nav-item">
+                            <a class="nav-link" href="{{route('user-transaction.index.penjual')}}">
+                                <i class="fas fa-user"></i> Penjual
+                            </a>
+                        </li>
+                    </ul>
+                </div>
             </li>
+            <li>
+                <a class="nav-link active" href="{{route('user-contact.index')}}">
+                    <i class="fas fa-address-book"></i> <span>Kontak</span>
+                </a>
+            </li>
+
+
+            <li>
+                <a class="nav-link active" href="{{route('user-refund.index')}}">
+                    <i class="fas fa-money-check-alt"></i> <span>Refund</span>
+                </a>
+            </li>
+
         </ul>
 
         {{-- <div class="mt-4 mb-4 p-3 hide-sidebar-mini">
diff --git a/resources/views/User/profile/index.blade.php b/resources/views/User/profile/index.blade.php
new file mode 100644
index 00000000..aa96df50
--- /dev/null
+++ b/resources/views/User/profile/index.blade.php
@@ -0,0 +1,375 @@
+@extends('user.layout.main')
+@section('content')
+    <div class="main-content">
+        <section class="section">
+            <div class="section-header">
+                <h1>Profile</h1>
+            </div>
+            <div class="card-body profile-card py-2 d-flex flex-column align-items-center text-center" style="border: 1px solid #ddd; border-radius: 8px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); position: relative; background: linear-gradient(45deg, #f3f3f3, #e0e0e0);">
+                <i class="bi bi-arrow-right" style="position: absolute; top: 10px; right: 10px; font-size: 24px;"></i>
+                <img src="{{asset('assets/img/avatar/ok.jpg')}}" alt="Profile" class="rounded-circle" style="width: 150px; height: 150px;">
+                <h2 class="mt-3">Nurul Prima Annisa</h2>
+                <h5 class="mb-0">#123udfai90-20udf82</h5>
+            </div>
+
+            <div class="card">
+                <div class="card-body pt-3">
+                    <!-- Bordered Tabs -->
+                    <ul class="nav nav-tabs nav-tabs-bordered">
+
+                        <li class="nav-item">
+                            <button class="nav-link active" data-bs-toggle="tab"
+                                data-bs-target="#profile-overview">Overview</button>
+                        </li>
+
+                        <li class="nav-item">
+                            <button class="nav-link" data-bs-toggle="tab" data-bs-target="#profile-edit">Edit
+                                Profile</button>
+                        </li>
+
+                        <li class="nav-item">
+                            <button class="nav-link" data-bs-toggle="tab"
+                                data-bs-target="#profile-settings">Settings</button>
+                        </li>
+
+                        <li class="nav-item">
+                            <button class="nav-link" data-bs-toggle="tab" data-bs-target="#profile-change-password">Change
+                                Password</button>
+                        </li>
+
+                    </ul>
+                    <div class="tab-content pt-2">
+
+                        <div class="tab-pane fade show active profile-overview" id="profile-overview">
+                            <h5 class="card-title">About</h5>
+                            <p class="small fst-italic">Nurul prima annisa Nurul prima annisa Nurul prima annisa Nurul prima
+                                annisa
+                                Nurul prima annisa Nurul prima annisa Nurul prima annisa Nurul prima annisa Nurul prima
+                                annisa Nurul prima annisa
+                                Nurul prima annisa Nurul prima annisa Nurul prima annisa Nurul prima annisa Nurul prima
+                                annisa Nurul prima annisa
+                                Nurul prima annisa Nurul prima annisa Nurul prima annisa Nurul prima annisa Nurul prima
+                                annisa Nurul prima annisa
+                                Nurul prima annisa Nurul prima annisa Nurul prima annisa Nurul prima annisa Nurul prima
+                                annisa Nurul prima annisa
+                                Nurul prima annisa Nurul prima annisa Nurul prima annisa Nurul prima annisa Nurul prima
+                                annisa Nurul prima annisa
+                                Nurul prima annisa Nurul prima annisa Nurul prima annisa Nurul prima annisa Nurul prima
+                                annisa Nurul prima annisa Nurul prima annisa Nurul prima annisa Nurul prima annisa Nurul
+                                prima
+                                annisa
+                                Nurul prima annisa Nurul prima annisa Nurul prima annisa Nurul prima annisa Nurul prima
+                                annisa Nurul prima annisa
+                                Nurul prima annisa Nurul prima annisa Nurul prima annisa Nurul prima annisa Nurul prima
+                                annisa Nurul prima annisa
+                                Nurul prima annisa Nurul prima annisa Nurul prima annisa Nurul prima annisa Nurul prima
+                                annisa Nurul prima annisa
+                                Nurul prima annisa Nurul prima annisa Nurul prima annisa Nurul prima annisa Nurul prima
+                                annisa Nurul prima annisa
+                                Nurul prima annisa Nurul prima annisa Nurul prima annisa Nurul prima annisa Nurul prima
+                                annisa Nurul prima annisa
+                                Nurul prima annisa Nurul prima annisa Nurul prima annisa Nurul prima annisa Nurul prima
+                                annisa Nurul prima annisa
+                            </p>
+
+                            <h5 class="card-title">Profile Details</h5>
+
+                            <div class="row">
+                                <div class="col-lg-3 col-md-4 label ">Full Name</div>
+                                <div class="col-lg-9 col-md-8">Nurul Prima Annisa</div>
+                            </div>
+
+                            <div class="row">
+                                <div class="col-lg-3 col-md-4 label">Company</div>
+                                <div class="col-lg-9 col-md-8">Ya apa yak</div>
+                            </div>
+
+                            <div class="row">
+                                <div class="col-lg-3 col-md-4 label">Job</div>
+                                <div class="col-lg-9 col-md-8">Frontend Web </div>
+                            </div>
+
+                            <div class="row">
+                                <div class="col-lg-3 col-md-4 label">Country</div>
+                                <div class="col-lg-9 col-md-8">Indonesia</div>
+                            </div>
+
+                            <div class="row">
+                                <div class="col-lg-3 col-md-4 label">Address</div>
+                                <div class="col-lg-9 col-md-8">Depok city broww</div>
+                            </div>
+
+                            <div class="row">
+                                <div class="col-lg-3 col-md-4 label">Phone</div>
+                                <div class="col-lg-9 col-md-8">(+62) 486-3538 29071</div>
+                            </div>
+
+                            <div class="row">
+                                <div class="col-lg-3 col-md-4 label">Email</div>
+                                <div class="col-lg-9 col-md-8">npannisa23@gmail.com</div>
+                            </div>
+
+                        </div>
+
+                        <div class="tab-pane fade profile-edit pt-3" id="profile-edit">
+
+                            <!-- Profile Edit Form -->
+                            <form>
+                                <div class="row mb-3">
+                                    <label for="profileImage" class="col-md-4 col-lg-3 col-form-label">Profile Image</label>
+                                    <div class="col-md-8 col-lg-9">
+                                        <img id="profileImagePreview" src="{{asset('assets/img/avatar/ok.jpg')}}" alt="Profile"
+                                            style="max-width: 100%; max-height: 150px;">
+                                        <div class="d-flex justify-content-between align-items-center mt-2">
+                                            <label for="profileImageInput" class="btn btn-primary btn-sm"
+                                                title="Upload new profile image">
+                                                <i class="bi bi-upload"></i> Upload
+                                                <input type="file" id="profileImageInput" accept="image/*"
+                                                    style="display: none;">
+                                            </label>
+                                        </div>
+
+                                    </div>
+
+                                </div>
+
+                                <div class="row mb-3">
+                                    <label for="fullName" class="col-md-4 col-lg-3 col-form-label">Full Name</label>
+                                    <div class="col-md-8 col-lg-9">
+                                        <input name="fullName" type="text" class="form-control" id="fullName"
+                                            value="Nurul Prima Annisa">
+                                    </div>
+                                </div>
+
+                                <div class="row mb-3">
+                                    <label for="about" class="col-md-4 col-lg-3 col-form-label">About</label>
+                                    <div class="col-md-8 col-lg-9">
+                                        <textarea name="about" class="form-control" id="about" style="height: 100px">
+
+                            </textarea>
+                                    </div>
+                                </div>
+
+                                <div class="row mb-3">
+                                    <label for="company" class="col-md-4 col-lg-3 col-form-label">Company</label>
+                                    <div class="col-md-8 col-lg-9">
+                                        <input name="company" type="text" class="form-control" id="company"
+                                            value="Abbauf Mulia Konsultan Teknologi">
+                                    </div>
+                                </div>
+
+                                <div class="row mb-3">
+                                    <label for="Job" class="col-md-4 col-lg-3 col-form-label">Job</label>
+                                    <div class="col-md-8 col-lg-9">
+                                        <input name="job" type="text" class="form-control" id="Job"
+                                            value="Frontend Web">
+                                    </div>
+                                </div>
+
+                                <div class="row mb-3">
+                                    <label for="Country" class="col-md-4 col-lg-3 col-form-label">Country</label>
+                                    <div class="col-md-8 col-lg-9">
+                                        <input name="country" type="text" class="form-control" id="Country"
+                                            value="Indonesia">
+                                    </div>
+                                </div>
+
+                                <div class="row mb-3">
+                                    <label for="Address" class="col-md-4 col-lg-3 col-form-label">Address</label>
+                                    <div class="col-md-8 col-lg-9">
+                                        <input name="address" type="text" class="form-control" id="Address"
+                                            value="Depok city broww">
+                                    </div>
+                                </div>
+
+                                <div class="row mb-3">
+                                    <label for="Phone" class="col-md-4 col-lg-3 col-form-label">Phone</label>
+                                    <div class="col-md-8 col-lg-9">
+                                        <input name="phone" type="text" class="form-control" id="Phone"
+                                            value="(+62) 486-3538 29071">
+                                    </div>
+                                </div>
+
+                                <div class="row mb-3">
+                                    <label for="Email" class="col-md-4 col-lg-3 col-form-label">Email</label>
+                                    <div class="col-md-8 col-lg-9">
+                                        <input name="email" type="email" class="form-control" id="Email"
+                                            value="npannisa23@gmail.com">
+                                    </div>
+                                </div>
+
+                                {{-- <div class="row mb-3">
+                                    <label for="Twitter" class="col-md-4 col-lg-3 col-form-label">Twitter Profile</label>
+                                    <div class="col-md-8 col-lg-9">
+                                        <input name="twitter" type="text" class="form-control" id="Twitter"
+                                            value="https://twitter.com/#">
+                                    </div>
+                                </div>
+
+                                <div class="row mb-3">
+                                    <label for="Facebook" class="col-md-4 col-lg-3 col-form-label">Facebook
+                                        Profile</label>
+                                    <div class="col-md-8 col-lg-9">
+                                        <input name="facebook" type="text" class="form-control" id="Facebook"
+                                            value="https://facebook.com/#">
+                                    </div>
+                                </div>
+
+                                <div class="row mb-3">
+                                    <label for="Instagram" class="col-md-4 col-lg-3 col-form-label">Instagram
+                                        Profile</label>
+                                    <div class="col-md-8 col-lg-9">
+                                        <input name="instagram" type="text" class="form-control" id="Instagram"
+                                            value="https://instagram.com/npannisa_?utm_source=qr&igshid=MzNlNGNkZWQ4Mg%3D%3D#">
+                                    </div>
+                                </div>
+
+                                <div class="row mb-3">
+                                    <label for="Linkedin" class="col-md-4 col-lg-3 col-form-label">Linkedin
+                                        Profile</label>
+                                    <div class="col-md-8 col-lg-9">
+                                        <input name="linkedin" type="text" class="form-control" id="Linkedin"
+                                            value="https://github.com/npannisa#">
+                                    </div>
+                                </div> --}}
+
+                                <div class="text-center">
+                                    <a href="profile" type="submit" class="btn btn-primary">Save Changes</a>
+                                </div>
+                            </form><!-- End Profile Edit Form -->
+
+                        </div>
+
+                        <div class="tab-pane fade pt-3" id="profile-settings">
+
+                            <!-- Settings Form -->
+                            <form>
+
+                                <div class="row mb-3">
+                                    <label for="fullName" class="col-md-4 col-lg-3 col-form-label">Email
+                                        Notifications</label>
+                                    <div class="col-md-8 col-lg-9">
+                                        <div class="form-check">
+                                            <input class="form-check-input" type="checkbox" id="changesMade" checked>
+                                            <label class="form-check-label" for="changesMade">
+                                                Changes made to your account
+                                            </label>
+                                        </div>
+                                        <div class="form-check">
+                                            <input class="form-check-input" type="checkbox" id="newProducts" checked>
+                                            <label class="form-check-label" for="newProducts">
+                                                Information on new products and services
+                                            </label>
+                                        </div>
+                                        <div class="form-check">
+                                            <input class="form-check-input" type="checkbox" id="proOffers">
+                                            <label class="form-check-label" for="proOffers">
+                                                Marketing and promo offers
+                                            </label>
+                                        </div>
+                                        <div class="form-check">
+                                            <input class="form-check-input" type="checkbox" id="securityNotify" checked
+                                                disabled>
+                                            <label class="form-check-label" for="securityNotify">
+                                                Security alerts
+                                            </label>
+                                        </div>
+                                    </div>
+                                </div>
+
+                                <div class="text-center">
+                                    <button type="submit" class="btn btn-primary">Save Changes</button>
+                                </div>
+                            </form><!-- End settings Form -->
+
+                        </div>
+
+                        <div class="tab-pane fade pt-3" id="profile-change-password">
+                            <!-- Change Password Form -->
+                            <form>
+
+                                <div class="row mb-3">
+                                    <label for="currentPassword" class="col-md-4 col-lg-3 col-form-label">Current
+                                        Password</label>
+                                    <div class="col-md-8 col-lg-9">
+                                        <input name="password" type="password" class="form-control"
+                                            id="currentPassword">
+                                    </div>
+                                </div>
+
+                                <div class="row mb-3">
+                                    <label for="newPassword" class="col-md-4 col-lg-3 col-form-label">New Password</label>
+                                    <div class="col-md-8 col-lg-9">
+                                        <input name="newpassword" type="password" class="form-control" id="newPassword">
+                                    </div>
+                                </div>
+
+                                <div class="row mb-3">
+                                    <label for="renewPassword" class="col-md-4 col-lg-3 col-form-label">Re-enter New
+                                        Password</label>
+                                    <div class="col-md-8 col-lg-9">
+                                        <input name="renewpassword" type="password" class="form-control"
+                                            id="renewPassword">
+                                    </div>
+                                </div>
+
+                                <div class="text-center">
+                                    <button type="submit" class="btn btn-primary">Change Password</button>
+                                </div>
+                            </form><!-- End Change Password Form -->
+
+                        </div>
+
+                    </div><!-- End Bordered Tabs -->
+
+                </div>
+            </div>
+        </section>
+    </div>
+    {{-- profile --}}
+    <script>
+        document.addEventListener("DOMContentLoaded", function() {
+            // Mendapatkan elemen-elemen tombol tab
+            const editProfileTab = document.querySelector('[data-bs-target="#profile-edit"]');
+            const settingsTab = document.querySelector('[data-bs-target="#profile-settings"]');
+            const changePasswordTab = document.querySelector('[data-bs-target="#profile-change-password"]');
+            const overviewTab = document.querySelector('[data-bs-target="#profile-overview"]');
+
+            // Menambahkan event listener untuk mengubah tab saat tombol diklik
+            editProfileTab.addEventListener("click", function() {
+                activateTabAndContent(editProfileTab, "#profile-edit");
+            });
+
+            settingsTab.addEventListener("click", function() {
+                activateTabAndContent(settingsTab, "#profile-settings");
+            });
+
+            changePasswordTab.addEventListener("click", function() {
+                activateTabAndContent(changePasswordTab, "#profile-change-password");
+            });
+
+            // Menambahkan event listener untuk kembali ke tab "Overview"
+            overviewTab.addEventListener("click", function() {
+                activateTabAndContent(overviewTab, "#profile-overview");
+            });
+
+            // Fungsi untuk mengaktifkan tab dan konten
+            function activateTabAndContent(tabButton, tabContentId) {
+                // Nonaktifkan tab aktif saat ini
+                const activeTabButton = document.querySelector(".nav-link.active");
+                const activeTabContent = document.querySelector(".tab-pane.active");
+
+                activeTabButton.classList.remove("active");
+                activeTabContent.classList.remove("show", "active");
+
+                // Aktifkan tab yang dipilih
+                tabButton.classList.add("active");
+
+                // Tampilkan konten tab yang dipilih
+                const selectedTabContent = document.querySelector(tabContentId);
+                selectedTabContent.classList.add("show", "active");
+            }
+        });
+    </script>
+    {{-- profile --}}
+@endsection
diff --git a/resources/views/User/refund/history-refund.blade.php b/resources/views/User/refund/history-refund.blade.php
new file mode 100644
index 00000000..39af1180
--- /dev/null
+++ b/resources/views/User/refund/history-refund.blade.php
@@ -0,0 +1,53 @@
+@extends('user.layout.main')
+@section('content')
+    <div class="main-content">
+        <section class="section">
+            <div class="col-md-12">
+                <div class="card">
+                    <div class="card-header">
+                        <h2>History Refund</h2>
+                    </div>
+                    <div class="card-body p-0">
+                        <div class="table-responsive table-invoice">
+                            <table class="table table-striped">
+                                <tr>
+                                    <th>Order ID</th>
+                                    <th>Customer</th>
+                                    <th>Seller</th>
+                                    <th>Total</th>
+                                    <th>Due Date</th>
+                                    <th>Status</th>
+                                    <th>Upload Bukti</th>
+                                    <th>Action</th>
+                                </tr>
+                                @foreach ($history_refund as $HistoryRefund)
+                                    <tr>
+                                        <td class="font-weight-600">{{ $HistoryRefund['orderId'] }}</a></td>
+                                        <td class="font-weight-600">{{ $HistoryRefund['customer'] }}</td>
+                                        <td class="font-weight-600">{{ $HistoryRefund['seller'] }}</td>
+                                        <td class="font-weight-600">{{ $HistoryRefund['total'] }}</td>
+                                        <td class="font-weight-600">{{ $HistoryRefund['dueDate'] }}</td>
+                                        <td>{{ $HistoryRefund['date'] }}</td>
+                                        <td>
+                                            <div class="badge badge-danger">{{ $HistoryRefund['status'] }}</div>
+                                        </td>
+                                        <td>
+                                            <a href="/detail_refund" class="btn btn-primary">Detail</a>
+                                        </td>
+                                        <td>
+                                            <!-- Input field for uploading an image or video -->
+                                            <div class="col-md-12 d-flex align-items-center">
+                                                <label class="form-label me-3"
+                                                    for="uploadFile{{ $HistoryRefund['orderId'] }}">Upload File</label>
+                                                <input class="form-control" type="file"
+                                                    id="uploadFile{{ $HistoryRefund['orderId'] }}" name="uploadedFiles[]">
+                                            </div>
+                                        </td>
+                                    </tr>
+                                @endforeach
+                            </table>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        @endsection
diff --git a/resources/views/User/refund/index.blade.php b/resources/views/User/refund/index.blade.php
new file mode 100644
index 00000000..cfcc2068
--- /dev/null
+++ b/resources/views/User/refund/index.blade.php
@@ -0,0 +1,74 @@
+@extends('user.layout.main')
+@section('content')
+    <div class="main-content">
+        <section class="section">
+            <div class="section-header">
+                <h1>Halaman Refund</h1>
+                <div class="section-header-breadcrumb">
+                    <div class="breadcrumb-item active"><a href="#">Dashboard</a></div>
+                    <div class="breadcrumb-item"><a href="#"> Transaction</a></div>
+                    <div class="breadcrumb-item">Manajemen Kontak</div>
+                    <div class="breadcrumb-item">Halaman Refund</div>
+                </div>
+            </div>
+
+            <div class="row">
+                <div class="col-md-12">
+                    <div class="card">
+                        <div class="card-body">
+                            <div class="table-responsive">
+                                <table class="table table-striped" id="table-1">
+                                    <thead>
+                                        <tr>
+                                            <th class="text-center">
+                                                #
+                                            </th>
+                                            <th>Order Id</th>
+                                            <th>Customer</th>
+                                            <th>Seller</th>
+                                            <th>total</th>
+                                            <th>Due Date</th>
+                                            <th>Status</th>
+                                            <th>upload Bukti</th>
+                                            <th>Action</th>
+                                        </tr>
+                                    </thead>
+                                    <tbody>
+                                        @foreach ($refundUserss as $key => $HistoryRefundUser)
+                                            <tr>
+                                                <td> {{ ++$key }}</td>
+                                                <td class="font-weight-600">
+                                                    {{ $HistoryRefundUser['orderId'] }}</td>
+                                                <td class="font-weight-600">
+                                                    {{ $HistoryRefundUser['Customer'] }}</td>
+                                                <td class="font-weight-600">
+                                                    {{ $HistoryRefundUser['seller'] }}</td>
+                                                <td class="font-weight-600">
+                                                    {{ $HistoryRefundUser['Total'] }}</td>
+                                                <td>{{ $HistoryRefundUser['dueDate'] }}</td>
+
+                                                <td class="font-weight-600">
+                                                    <div class="badge badge-danger" data-status="ditolak"
+                                                        onclick="setStatus('ditolak')">Ditolak</div>
+                                                    {{-- {{ $HistoryRefundUser['status'] }} --}}
+                                                    
+                                                </td>
+                                                <td class="font-weight-600">
+                                                    {{ $HistoryRefundUser['uploadBukti'] }}</td>
+                                                <td>
+                                                    <button class="btn btn-info open-detail-modal" data-toggle="modal"
+                                                        data-target="#awaldetailrefund">Detail</button>
+                                                </td>
+                                            </tr>
+                                        @endforeach
+
+                                    </tbody>
+                                </table>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+    </div>
+    @extends('user.refund.detail-refund')
+@endsection
diff --git a/resources/views/User/refund/modal-detail-refund.blade.php b/resources/views/User/refund/modal-detail-refund.blade.php
new file mode 100644
index 00000000..740c224d
--- /dev/null
+++ b/resources/views/User/refund/modal-detail-refund.blade.php
@@ -0,0 +1,56 @@
+<div class="modal fade" id="awaldetailrefund" role="dialog">
+    <div class="modal-dialog modal-dialog-centered">
+        <div class="modal-content">
+            <div class="modal-header">
+                <button type="button" class="close" data-dismiss="modal">
+                    <span aria-hidden="true">&times;</span>
+                    <span class="sr-only">Close</span>
+                </button>
+            </div>
+            <div class="d-flex justify-content-center">
+                <h4 class="modal-title" id="myModalLabel">Detail Refund</h4>
+            </div>
+            <div class="modal-body">
+                <p class="statusMsg"></p>
+                <div class="card-body">
+                    <div class="form-group">
+                        <label for="inputOrderId">Order ID</label>
+                        <p class="form-control-static" id="orderid">1452667</p>
+                    </div>
+
+                    <div class="form-group">
+                        <label for="inputCustomer">Customer</label>
+                        <p class="form-control-static" id="customer">Nurul Prima</p>
+                    </div>
+
+                    <div class="form-group">
+                        <label for="inputEmail">Email Customer</label>
+                        <p class="form-control-static" id="inputEmail">npannisa@gmail.com</p>
+                    </div>
+
+                    <div class="form-group">
+                        <label for="inputSeller">Seller Name</label>
+                        <p class="form-control-static" id="sellername">Zakiaa</p>
+                    </div>
+
+                    <div class="form-group">
+                        <label for="inputDueDate">Due Date</label>
+                        <p class="form-control-static" id="duedate">29 Januari 2002</p>
+                    </div>
+
+                    <div class="form-group">
+                        <label for="inputComplaint">Reason Complaint</label>
+                        <p class="form-control-static" id="reasoncomplaint">Pengembalian product dikarenakan tidak
+                            sesuai dengan aslinya</p>
+                    </div>
+
+                    <div class="form-group">
+                        <label for="inputBukti">Bukti</label>
+                        <p class="form-control-static" id="inputbukti"></p>
+                        <img class="mr-3 rounded" width="200" src="assets/img/avatar/rusak.jpeg">
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
diff --git a/resources/views/User/refund/new-refund.blade.php b/resources/views/User/refund/new-refund.blade.php
new file mode 100644
index 00000000..c31f9009
--- /dev/null
+++ b/resources/views/User/refund/new-refund.blade.php
@@ -0,0 +1,66 @@
+@extends('user.layout.main')
+@section('content')
+    <div class="main-content">
+        <section class="section">
+            <div class="container">
+                <div class="row justify-content-center">
+                    <div class="col-md-12">
+                        <div class="card">
+                            <div class="card-body">
+                                <div class="card"
+                                style="border: 1px solid #ddd; border-radius: 8px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); position: relative; background: linear-gradient(45deg, #f3f3f3, #e0e0e0);">
+                                    <div class="card-header d-flex justify-content-center">
+                                        <h2>Form Refund Pesanan</h2>
+                                    </div>
+                                    <div class="card-body">
+                                        <div class="section-title mt-0">Reason Complaint</div>
+                                        <div class="col-md-12">
+                                            <label for="inputReasonComplaint" class="form-label">Berikan Alasan Mengapa
+                                                Melakukan Pengembalian</label>
+                                            <textarea class="form-control" aria-label="With textarea"></textarea>
+                                        </div>
+
+                                        <div class="section-title">Upload Image / Video</div>
+                                        <div class="custom-file">
+                                            <label for="uploadBukti" class="form-label">Sertakan bukti seperti Foto
+                                                Pesanan</label>
+                                            <input type="file" class="form-control" name="transfer_proof" id="bukti"
+                                                accept="image/*" required multiple>
+                                        </div>
+                                    </div>
+                                </div>
+
+                                <div class="d-flex justify-content-center">
+                                    <button class="btn btn-info open-detail-modal" data-toggle="modal"
+                                        data-target="#confirmtransaction">Ajukan Pengembalian</button>
+                                </div>
+                                </form>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+    </div>
+
+    {{-- awal modal konfirmasi --}}
+    <div class="modal fade" id="confirmtransaction" aria-hidden="true" aria-labelledby="myModalLabel" tabindex="-1">
+        <div class="modal-dialog modal-dialog-centered">
+            <div class="modal-content">
+                <div class="modal-header">
+                    <button type="button" class="close" data-dismiss="modal">
+                        <span aria-hidden="true">&times;</span>
+                        <span class="sr-only">Close</span>
+                    </button>
+                </div>
+                <div class="modal-header d-flex justify-content-center">
+                    <h5 class="modal-title" id="transaksiberhasil">Transaksi Berhasil Dilakukan!</h5>
+                    <a type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></a>
+                </div>
+                <div class="modal-footer">
+                    <a href="/refund" type="button" class="btn btn-primary" data-bs-dismiss="modal">OK!</a>
+                </div>
+            </div>
+        </div>
+    </div>
+    {{-- akhir modal konfirmasi --}}
+@endsection
diff --git a/resources/views/User/transaction/Pembeli/detail-transaction.blade.php b/resources/views/User/transaction/Pembeli/detail-transaction.blade.php
new file mode 100644
index 00000000..1a3bb330
--- /dev/null
+++ b/resources/views/User/transaction/Pembeli/detail-transaction.blade.php
@@ -0,0 +1,289 @@
+@extends('user.layout.main')
+@section('content')
+    <div class="main-content">
+        <section class="section">
+            <div class="col-lg-12 grid-margin stretch-card">
+                <div class="card">
+                    <div class="card-body">
+                        <div class="d-flex justify-content-center">
+                            <h2 class="mb-4"> Informasi Pesanan</h2>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="section-body">
+                <h2 class="section-title">npannisa</h2>
+                <div class="d-flex justify-content-between align-items-center">
+                    <div class="card-title pb-2 m-0">
+                        <h4>Timeline</h4>
+                    </div>
+                </div>
+                <div class="row mt-sm-4">
+                    <div class="col-12 col-md-12 col-lg-5">
+                        <div class="row">
+                            <div class="col-12">
+                                <div class="activities">
+                                    <div class="activity">
+                                        <div class="activity-icon bg-primary text-white shadow-primary">
+                                            <i class="fas fa-clipboard-list" style="font-size: 36px;"></i>
+                                            <!-- Mengganti ikon dengan ikon clipboard-list dan mengatur ukuran ikon -->
+                                        </div>
+                                        <div class="activity-detail">
+                                            <div class="mb-2">
+                                                <span class="text-job text-primary">August 21, 2023, 8:30:15 am</span>
+                                            </div>
+                                            <p>User Created Trade</p>
+                                        </div>
+                                    </div>
+                                    <div class="activity">
+                                        <div class="activity-icon bg-primary text-white shadow-primary">
+                                            <i class="fas fa-bell" style="font-size: 36px;"></i>
+                                            <!-- Mengganti ikon dengan ikon bell dan mengatur ukuran ikon -->
+                                        </div>
+                                        <div class="activity-detail">
+                                            <div class="mb-2">
+                                                <span class="text-job text-primary">August 22, 2023, 8:30:15 am</span>
+                                            </div>
+                                            <p>System Notified Admin</p>
+                                        </div>
+                                    </div>
+                                    <div class="activity">
+                                        <div class="activity-icon bg-primary text-white shadow-primary">
+                                            <i class="fas fa-check-circle" style="font-size: 36px;"></i>
+                                            <!-- Mengganti ikon dengan ikon check-circle dan mengatur ukuran ikon -->
+                                        </div>
+                                        <div class="activity-detail">
+                                            <div class="mb-2">
+                                                <span class="text-job text-primary">August 23, 2023, 8:30:15 am</span>
+                                            </div>
+                                            <p>Admin Accepted Trade</p>
+                                        </div>
+                                    </div>
+                                    <div class="activity">
+                                        <div class="activity-icon bg-primary text-white shadow-primary">
+                                            <i class="fas fa-trash-alt" style="font-size: 36px;"></i>
+                                            <!-- Mengganti ikon dengan ikon trash-alt dan mengatur ukuran ikon -->
+                                        </div>
+                                        <div class="activity-detail">
+                                            <div class="mb-2">
+                                                <span class="text-job text-primary">August 24, 2023, 8:30:15 am</span>
+                                            </div>
+                                            <p>Trade in system</p>
+                                        </div>
+                                    </div>
+                                    <div class="activity">
+                                        <div class="activity-icon bg-primary text-white shadow-primary">
+                                            <i class="fas fa-comment-alt" style="font-size: 36px;"></i>
+                                            <!-- Mengganti ikon dengan ikon comment-alt dan mengatur ukuran ikon -->
+                                        </div>
+                                        <div class="activity-detail">
+                                            <div class="mb-2">
+                                                <span class="text-job text-primary">August 24, 2023, 8:30:15 am</span>
+                                            </div>
+                                            <p>Transaction Success</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="section-body">
+                        <div class="invoice">
+                            <div class="invoice-print">
+                                <div class="row">
+                                    <div class="col-lg-12">
+                                        <hr>
+                                        <div class="row">
+                                            <div class="col-md-6">
+                                                <address>
+                                                    <strong>Billed To:</strong><br>
+                                                    npannisa<br>
+                                                    1234 Main<br>
+                                                    Apt. 4B<br>
+                                                    Depok City, Indonesia
+                                                </address>
+                                            </div>
+                                            <div class="col-md-6 text-md-right">
+                                                <address>
+                                                    <strong>Shipped To:</strong><br>
+                                                    Jilhan Haura<br>
+                                                    12345 Main<br>
+                                                    Apt. 5B<br>
+                                                    Bogor Barat, Indonesia
+                                                </address>
+                                            </div>
+                                        </div>
+                                        <div class="row">
+                                            <div class="col-md-6">
+                                                <address>
+                                                    <strong>Payment Method:</strong><br>
+                                                    Visa ending **** 4242<br>
+                                                    npannisa@gmail.com
+                                                </address>
+                                            </div>
+                                            <div class="col-md-6 text-md-right">
+                                                <address>
+                                                    <strong>Order Date:</strong><br>
+                                                    September 19, 2023<br><br>
+                                                </address>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+
+                                <div class="row mt-4">
+                                    <div class="col-md-12">
+                                        <div class="section-title">Order Summary</div>
+                                        <p class="section-lead">All items here cannot be deleted.</p>
+                                        <div class="table-responsive">
+                                            <table class="table table-striped table-hover table-md">
+                                                <tr>
+                                                    <th data-width="40">#</th>
+                                                    <th>Item</th>
+                                                    <th class="text-center">Price</th>
+                                                    <th class="text-center">Quantity</th>
+                                                    <th class="text-right">Totals</th>
+                                                </tr>
+                                                <tr>
+                                                    <td>1</td>
+                                                    <td>Ayam Warna Warni</td>
+                                                    <td class="text-center">Rp. 50.000.000</td>
+                                                    <td class="text-center">1</td>
+                                                    <td class="text-right">Rp. 50.000.000</td>
+                                                </tr>
+                                            </table>
+                                        </div>
+                                        <div class="row mt-4">
+                                            <div class="col-lg-8">
+                                                <div class="section-title">Payment Method</div>
+                                                <p class="section-lead">The payment method that we provide
+                                                    is to make it easier for
+                                                    you to pay invoices.</p>
+                                                <div class="images">
+                                                    <img src="assets/img/visa.png" alt="visa">
+                                                    <img src="assets/img/jcb.png" alt="jcb">
+                                                    <img src="assets/img/mastercard.png" alt="mastercard">
+                                                    <img src="assets/img/paypal.png" alt="paypal">
+                                                </div>
+                                            </div>
+                                            <div class="col-lg-4 text-right">
+                                                <div class="invoice-detail-item">
+                                                    <div class="invoice-detail-name">Subtotal</div>
+                                                    <div class="invoice-detail-value">Rp.670.000.000</div>
+                                                </div>
+                                                <div class="invoice-detail-item">
+                                                    <div class="invoice-detail-name">Shipping</div>
+                                                    <div class="invoice-detail-value">Rp.15.000</div>
+                                                </div>
+                                                <hr class="mt-2 mb-2">
+                                                <div class="invoice-detail-item">
+                                                    <div class="invoice-detail-name">Total</div>
+                                                    <div class="invoice-detail-value invoice-detail-value-lg">
+                                                        Rp.6.715.000.000</div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                            <hr>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        @endsection
+
+
+
+
+        {{-- <div class="col-12 col-md-12 col-lg-7">
+                        <div class="card">
+                            <div class="card-body">
+                                @foreach ($TransactionUser as $HistoryTransaction) --}}
+        {{-- <div class="d-flex flex-column">
+                <div class="data-fieldr">
+                    <span class="fw-bold text-start">Order Details</span>
+
+                </div>
+                <hr class="border border-1 opacity-75 w-100">
+                <div class="data-field">
+                    <span class="fw-bold text-start">Oder ID</span>
+                    <span class="text-muted ">{{ $HistoryTransaction['orderId'] }}</span>
+                </div>
+                <div class="data-field">
+                    <span class="fw-bold text-start">Customer</span>
+                    <span class="text-muted ">{{ $HistoryTransaction['Customer'] }}</span>
+                </div>
+                <div class="data-field">
+                    <span class="fw-bold text-start">Seller</span>
+                    <span class="text-muted ">{{ $HistoryTransaction['seller'] }}</span>
+                </div>
+                <div class="data-field">
+                    <span class="fw-bold text-start">Total</span>
+                    <span class="text-muted ">{{ $HistoryTransaction['total'] }}</span>
+                </div>
+                <div class="data-field">
+                    <span class="fw-bold text-start">Due Date</span>
+                    <span class="text-muted ">{{ $HistoryTransaction['dueDate'] }}</span>
+                </div>
+                <div class="data-field">
+                    <span class="fw-bold text-start">Status</span>
+                    <span class="text-muted ">{{ $HistoryTransaction['status'] }}</span>
+                </div>
+            </div> --}}
+
+        {{-- @endforeach --}}
+
+
+
+        {{-- Pindahan modal --}}
+        {{-- awal modal transaksi --}}
+        {{-- <div class="modal fade" id="detailtransaksi" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1"
+    aria-labelledby="staticBackdropLabel" aria-hidden="true">
+    <div class="modal-dialog">
+        <div class="modal-content">
+            <div class="modal-header d-flex justify-content-center">
+                <h1 class="modal-title fs-5" id="staticBackdropLabel">Detail Transaksi</h1>
+                <a type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></a>
+            </div>
+            <div class="modal-body">
+                @foreach ($TransactionUser as $HistoryTransaction)
+                    <div class="d-flex flex-column">
+                        <div class="data-fieldr">
+                            <span class="fw-bold text-start">Order Details</span>
+
+                        </div>
+                        <hr class="border border-1 opacity-75 w-100">
+                        <div class="data-field">
+                            <span class="fw-bold text-start">Oder ID</span>
+                            <span class="text-muted ">{{ $HistoryTransaction['orderId'] }}</span>
+                        </div>
+                        <div class="data-field">
+                            <span class="fw-bold text-start">Customer</span>
+                            <span class="text-muted ">{{ $HistoryTransaction['Customer'] }}</span>
+                        </div>
+                        <div class="data-field">
+                            <span class="fw-bold text-start">Seller</span>
+                            <span class="text-muted ">{{ $HistoryTransaction['seller'] }}</span>
+                        </div>
+                        <div class="data-field">
+                            <span class="fw-bold text-start">Total</span>
+                            <span class="text-muted ">{{ $HistoryTransaction['total'] }}</span>
+                        </div>
+                        <div class="data-field">
+                            <span class="fw-bold text-start">Due Date</span>
+                            <span class="text-muted ">{{ $HistoryTransaction['dueDate'] }}</span>
+                        </div>
+                        <div class="data-field">
+                            <span class="fw-bold text-start">Status</span>
+                            <span class="text-muted ">{{ $HistoryTransaction['status'] }}</span>
+                        </div>
+                    </div>
+                @endforeach
+            </div>
+            <div class="modal-footer">
+                <a href="/transaction" type="button" class="btn btn-primary">OK!</a>
+            </div>
+        </div>
+    </div>
+</div> --}}
diff --git a/resources/views/User/transaction/Pembeli/index.blade.php b/resources/views/User/transaction/Pembeli/index.blade.php
new file mode 100644
index 00000000..fad0d1db
--- /dev/null
+++ b/resources/views/User/transaction/Pembeli/index.blade.php
@@ -0,0 +1,93 @@
+@extends('user.layout.main')
+@section('content')
+    <div class="main-content">
+        <section class="section">
+            <div class="section-header">
+
+
+                <div class="section-header-breadcrumb">
+                    <div class="breadcrumb-item active"><a href="#">Dashboard</a></div>
+                    <div class="breadcrumb-item"><a href="#"> Transaction</a></div>
+                    <div class="breadcrumb-item">Manajemen Kontak</div>
+                    <div class="breadcrumb-item">Halaman Refund</div>
+                </div>
+            </div>
+
+            <div class="row">
+                <div class="col-12 mb-4">
+                    <div class="hero bg-primary text-white">
+                        <div class="hero-inner">
+                            <h1>Welcome! npannisa</h1>
+                            <p class="lead">How Are You Today?</p>
+                        </div>
+                    </div>
+                </div>
+                <div class="col-md-12">
+                    <div class="card">
+                        <div class="d-grid gap-2 d-md-flex justify-content-md-end" style="margin-bottom: 20px">
+                            <a class="nav-link active" href="new-transaction">
+                                <button class="btn btn-primary btn-lg">Lakukan Transaksi Baru</button>
+                            </a>
+
+                        </div>
+                        <div class="card-body">
+                            <div class="table-responsive">
+                                <table class="table table-striped" id="table-1">
+                                    <thead>
+                                        <tr>
+                                            <th>User ID</th>
+                                            <th>Order ID</th>
+                                            <th>Customer</th>
+                                            <th>Seller</th>
+                                            <th>Total</th>
+                                            <th>Due Date</th>
+                                            <th>Status</th>
+                                            <th>Action</th>
+                                        </tr>
+                                    </thead>
+                                    <tbody>
+                                        @foreach ($TransactionUser as $HistoryTransaction)
+                                            <tr>
+                                                <td>{{ $HistoryTransaction['userId'] }}</td>
+                                                <td>{{ $HistoryTransaction['orderId'] }}</td>
+                                                <td>{{ $HistoryTransaction['Customer'] }}</td>
+                                                <td>{{ $HistoryTransaction['seller'] }}</td>
+                                                <td>{{ $HistoryTransaction['total'] }}</td>
+                                                <td>{{ $HistoryTransaction['dueDate'] }}</td>
+                                                <td>{{ $HistoryTransaction['status'] }}</td>
+                                                <td>
+                                                    <div class="btn-group">
+                                                        <button type="button" class="btn btn-primary dropdown-toggle"
+                                                            data-toggle="dropdown" aria-haspopup="true"
+                                                            aria-expanded="false">
+                                                            Action
+                                                        </button>
+
+                                                        <ul class="dropdown-menu">
+                                                            <li><a class="dropdown-item"
+                                                                    href="/detail-transaction">Detail</a></li>
+                                                            <li><a class="dropdown-item"
+                                                                    href="/refund-transaction">Refund</a></li>
+                                                            {{-- <li><a class="dropdown-item"
+                                                                            href="/invoice-transaction">Bayar</a></li> --}}
+                                                            <li><a class="dropdown-item" data-toggle="modal"
+                                                                    data-target="#bayar">Bayar</a></li>
+                                                            <li><a class="dropdown-item" data-toggle="modal"
+                                                                    data-target="#selesai">Selesai</a></li>
+                                                        </ul>
+                                                    </div>
+                                                </td>
+                                            </tr>
+                                        @endforeach
+                                    </tbody>
+                                </table>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </section>
+
+        @extends('user.transaction.pembeli.modal-bayar-transaction')
+        @extends('user.transaction.pembeli.modal-end-transaction')
+    @endsection
diff --git a/resources/views/User/transaction/Pembeli/invoice-transaction.blade.php b/resources/views/User/transaction/Pembeli/invoice-transaction.blade.php
new file mode 100644
index 00000000..e7d5d599
--- /dev/null
+++ b/resources/views/User/transaction/Pembeli/invoice-transaction.blade.php
@@ -0,0 +1,131 @@
+@extends('user.layout.main')
+@section('content')
+    <div class="main-content">
+        <section class="section">
+            <div class="section-header">
+                <h1>Invoice</h1>
+                <div class="section-header-breadcrumb">
+                    <div class="breadcrumb-item active"><a href="#">Dashboard</a></div>
+                    <div class="breadcrumb-item"><a href="#"> Transaction</a></div>
+                    <div class="breadcrumb-item">Manajemen Kontak</div>
+                    <div class="breadcrumb-item">Halaman Refund</div>
+                </div>
+            </div>
+
+            <div class="section-body">
+                <div class="invoice">
+                    <div class="invoice-print">
+                        <div class="row">
+                            <div class="col-lg-12">
+                                <div class="invoice-title">
+                                    <h2>Invoice</h2>
+                                    <div class="invoice-number">Order #NVI-1234</div>
+                                </div>
+                                <hr>
+                                <div class="row">
+                                    <div class="col-md-6">
+                                        <address>
+                                            <strong>Billed To:</strong><br>
+                                            npannisa<br>
+                                            1234 Main<br>
+                                            Apt. 4B<br>
+                                            Depok City, Indonesia
+                                        </address>
+                                    </div>
+                                    <div class="col-md-6 text-md-right">
+                                        <address>
+                                            <strong>Shipped To:</strong><br>
+                                            Jilhan Haura<br>
+                                            12345 Main<br>
+                                            Apt. 5B<br>
+                                            Bogor Barat, Indonesia
+                                        </address>
+                                    </div>
+                                </div>
+                                <div class="row">
+                                    <div class="col-md-6">
+                                        <address>
+                                            <strong>Payment Method:</strong><br>
+                                            Visa ending **** 4242<br>
+                                            npannisa@gmail.com
+                                        </address>
+                                    </div>
+                                    <div class="col-md-6 text-md-right">
+                                        <address>
+                                            <strong>Order Date:</strong><br>
+                                            September 19, 2023<br><br>
+                                        </address>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+
+                        <div class="row mt-4">
+                            <div class="col-md-12">
+                                <div class="section-title">Order Summary</div>
+                                <p class="section-lead">All items here cannot be deleted.</p>
+                                <div class="table-responsive">
+                                    <table class="table table-striped table-hover table-md">
+                                        <tr>
+                                            <th data-width="40">#</th>
+                                            <th>Item</th>
+                                            <th class="text-center">Price</th>
+                                            <th class="text-center">Quantity</th>
+                                            <th class="text-right">Totals</th>
+                                        </tr>
+                                        <tr>
+                                            <td>1</td>
+                                            <td>Ayam Warna Warni</td>
+                                            <td class="text-center">Rp. 50.000.000</td>
+                                            <td class="text-center">1</td>
+                                            <td class="text-right">Rp. 50.000.000</td>
+                                        </tr>
+                                    </table>
+                                </div>
+                                <div class="row mt-4">
+                                    <div class="col-lg-8">
+                                        <div class="section-title">Payment Method</div>
+                                        <p class="section-lead">The payment method that we provide is to make it easier for
+                                            you to pay invoices.</p>
+                                        <div class="images">
+                                            <img src="assets/img/visa.png" alt="visa">
+                                            <img src="assets/img/jcb.png" alt="jcb">
+                                            <img src="assets/img/mastercard.png" alt="mastercard">
+                                            <img src="assets/img/paypal.png" alt="paypal">
+                                        </div>
+                                    </div>
+                                    <div class="col-lg-4 text-right">
+                                        <div class="invoice-detail-item">
+                                            <div class="invoice-detail-name">Subtotal</div>
+                                            <div class="invoice-detail-value">Rp.670.000.000</div>
+                                        </div>
+                                        <div class="invoice-detail-item">
+                                            <div class="invoice-detail-name">Shipping</div>
+                                            <div class="invoice-detail-value">Rp.15.000</div>
+                                        </div>
+                                        <hr class="mt-2 mb-2">
+                                        <div class="invoice-detail-item">
+                                            <div class="invoice-detail-name">Total</div>
+                                            <div class="invoice-detail-value invoice-detail-value-lg">Rp.6715.000.000</div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <hr>
+                    <div class="text-md-right">
+                        <div class="float-lg-left mb-lg-0 mb-3">
+                            <a href="/pembeli" class="btn btn-primary btn-icon icon-left"><i class="fas fa-credit-card"
+                                    id="payment"></i> Process
+                                Payment</a>
+                            <a href="/pembeli" class="btn btn-danger btn-icon icon-left"><i class="fas fa-times"></i>
+                                Cancel</a>
+                        </div>
+                        <button class="btn btn-warning btn-icon icon-left"><i class="fas fa-print"></i> Print</button>
+                    </div>
+                </div>
+            </div>
+        </section>
+    </div>
+@endsection
diff --git a/resources/views/User/transaction/Pembeli/modal-bayar-transaction.blade.php b/resources/views/User/transaction/Pembeli/modal-bayar-transaction.blade.php
new file mode 100644
index 00000000..20a7e8d2
--- /dev/null
+++ b/resources/views/User/transaction/Pembeli/modal-bayar-transaction.blade.php
@@ -0,0 +1,33 @@
+<div class="modal fade" id="bayar" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1"
+    aria-labelledby="staticBackdropLabel" aria-hidden="true">
+    <div class="modal-dialog">
+        <div class="modal-content">
+            <div class="modal-header d-flex justify-content-center">
+                <h3 class="modal-title fs-5" id="staticBackdropLabel">Lakukan Pembayaran</h3>
+                <a type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></a>
+            </div>
+            <div class="modal-body">
+                <form action="#" method="post">
+                    <div class="mb-3">
+                        <label for="nominal" class="form-label">Nominal</label>
+                        <input type="text" class="form-control" name="nominal" id="nominal" required>
+                    </div>
+
+                    <div class="mb-3">
+                        <label for="tujuan" class="form-label">Tujuan</label>
+                        <input type="text" class="form-control" name="tujuan" id="tujuan" required>
+                    </div>
+
+                    <div class="mb-3">
+                        <label for="textare" class="form-label">Deskripsi</label>
+                        <textarea class="form-control" id="deskripsi" rows="3"></textarea>
+                    </div>
+                </form>
+            </div>
+
+            <div class="modal-footer">
+                <a href="/invoice-transaction" type="button" class="btn btn-primary">Selesai</a>
+            </div>
+        </div>
+    </div>
+</div>
diff --git a/resources/views/User/transaction/Pembeli/modal-end-transaction.blade.php b/resources/views/User/transaction/Pembeli/modal-end-transaction.blade.php
new file mode 100644
index 00000000..447af15b
--- /dev/null
+++ b/resources/views/User/transaction/Pembeli/modal-end-transaction.blade.php
@@ -0,0 +1,16 @@
+<div class="modal fade" id="selesai" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1"
+    aria-labelledby="staticBackdropLabel" aria-hidden="true">
+    <div class="modal-dialog modal-dialog-centered">
+        <!-- Menggunakan class modal-dialog-centered untuk memusatkan modal -->
+        <div class="modal-content">
+            <div class="modal-header d-flex justify-content-center">
+                <h2 class="modal-title fs-5" id="staticBackdropLabel">Konfirmasi Pesanan</h2>
+                <a type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></a>
+            </div>
+            <div class="modal-footer d-flex justify-content-center">
+                <a href="/pembeli" type="button" class="btn btn-danger">Pesanan Belum diterima</a>
+                <a href="/pembeli" type="button" class="btn btn-primary">Pesanan diterima</a>
+            </div>
+        </div>
+    </div>
+</div>
diff --git a/resources/views/User/transaction/Pembeli/new-transaction.blade.php b/resources/views/User/transaction/Pembeli/new-transaction.blade.php
new file mode 100644
index 00000000..ed2a2d0c
--- /dev/null
+++ b/resources/views/User/transaction/Pembeli/new-transaction.blade.php
@@ -0,0 +1,136 @@
+@extends('user.layout.main')
+@section('content')
+    <div class="main-content">
+        <section class="section">
+            <div class="container">
+                <div class="row justify-content-center">
+                    <div class="col-md-12">
+                        <div class="card-body">
+                            <div class="card"
+                                style="border: 1px solid #ddd; border-radius: 8px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); position: relative; background: linear-gradient(45deg, #f3f3f3, #e0e0e0);">
+                                <div class="card-header d-flex justify-content-center">
+                                    <h2>Form Transaksi</h2>
+                                </div>
+                                <div class="card-body">
+                                    <div class="form-row">
+                                        <div class="form-group col-md-12">
+                                            <label for="inputpembeli">Nama Pembeli</label>
+                                            <input type="email" class="form-control" id="inputpembeli"
+                                                placeholder="Masukkan nama pembeli">
+                                        </div>
+                                    </div>
+                                    <div class="form-group">
+                                        <label for="inputpenjual">Nama Penjual</label>
+                                        <input type="text" class="form-control" id="inputpenjual"
+                                            placeholder="Masukkan nama penjual">
+                                    </div>
+                                    <div class="form-group">
+                                        <label for="harga">Harga</label>
+                                        <input type="text" class="form-control" id="harga" placeholder="Rp.1000.000">
+                                    </div>
+                                    <div class="form-group">
+                                        <label for="inputjenis">Jenis Barang</label>
+                                        <input type="text" class="form-control" id="inputjenis" placeholder="">
+                                    </div>
+                                    <div class="form-group">
+                                        <label>Due Date</label>
+                                        <input type="date" class="form-control">
+                                    </div>
+                                    <div class="form-group">
+                                        <label for="inputdeskripsi">Deskripsi</label>
+                                        <textarea class="form-control resizable" id="deskripsi"
+                                            placeholder="Deskripsikan jenis apa transaksi yang anda lakukan"></textarea>
+                                    </div>
+                                    <div class="form-group mb-0">
+                                        <div class="form-check">
+                                            <input class="form-check-input" type="checkbox" id="gridCheck">
+                                            <label class="form-check-label" for="gridCheck">
+                                                Check me out
+                                            </label>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="card-footer d-flex justify-content-center">
+                                    <a href="/pembeli" class="btn btn-primary">Submit</a>
+                                </div>
+                            </div>
+
+                        </div>
+                    </div>
+                </div>
+            </div>
+    </div>
+
+
+
+    {{-- form transaksi --}}
+    {{-- <div class="container">
+                <div class="row justify-content-center">
+                    <div class="col-md-6">
+                        <div class="card">
+                            <div class="card-body">
+                                <form>
+                                    <div class="mb-3">
+                                        <label for="orderid" class="form-label">Order Id</label>
+                                        <input type="text" class="form-control" id="orderId" name="order" required>
+                                    </div>
+
+                                    <div class="mb-3">
+                                        <label for="customer" class="form-label">Customer</label>
+                                        <input type="text" class="form-control" id="customer" name="customer" required>
+                                    </div>
+
+                                    <div class="mb-3">
+                                        <label for="seller" class="form-label">Norek Asal</label>
+                                        <input type="text" class="form-control" id="norekasal" name="norekasal" pattern="[0-9]+" required>
+                                        <div class="invalid-feedback">
+                                            Harap masukkan hanya angka</div>
+                                    </div>
+
+                                    <div class="mb-3">
+                                        <label for="seller" class="form-label">Seller</label>
+                                        <input type="text" class="form-control" id="seller" name="seller" required>
+                                    </div>
+
+                                    <div class="mb-3">
+                                        <label for="seller" class="form-label">Norek Tujuan</label>
+                                        <input type="text" class="form-control" id="norektujuan" name="norektujuan" pattern="[0-9]+" required>
+                                        <div class="invalid-feedback">
+                                            Harap masukkan hanya angka.
+                                        </div>
+                                    </div>
+
+
+                                    <div class="mb-3">
+                                        <label for="total" class="form-label">Total</label>
+                                        <input type="text" class="form-control" id="total" name="total">
+                                    </div>
+
+                                    <div class="mb-3">
+                                        <label for="seller" class="form-label">Due Date</label>
+                                        <input type="calendar" class="form-control" id="duedate" name="duedate" required>
+                                    </div>
+
+                                    <div class="mb-3">
+                                        <label for="textareadesc" class="form-label">Deskripsi</label>
+                                        <textarea class="form-control" id="textareadesc" rows="3"></textarea>
+                                    </div>
+
+
+                                    {{-- <div class="d-flex justify-content-center">
+                                        <button class="btn btn-info open-detail-modal" data-toggle="modal fade"
+                                            data-target="#confirmtransaction">Transaksi Sudah Benar</button>
+                                    </div> --}}
+
+    <div class="d-flex justiffy-content-center">
+        <a href="/pembeli" type="button" class="btn btn-primary" data-bs-dismiss="modal">Transaksi Sudah
+            Benar</a>
+    </div>
+    </form>
+    </div>
+    </div>
+    </div>
+    </div>
+    {{-- </div> --}}
+    </div>
+@endsection
diff --git a/resources/views/User/transaction/penjual/index.blade.php b/resources/views/User/transaction/penjual/index.blade.php
new file mode 100644
index 00000000..09d2f48e
--- /dev/null
+++ b/resources/views/User/transaction/penjual/index.blade.php
@@ -0,0 +1,80 @@
+@extends('user.layout.main')
+@section('content')
+    <div class="main-content">
+        <section class="section">
+            <div class="section-header">
+
+                <div class="section-header-breadcrumb">
+                    <div class="breadcrumb-item active"><a href="#">Dashboard</a></div>
+                    <div class="breadcrumb-item"><a href="#"> Transaction</a></div>
+                    <div class="breadcrumb-item">Manajemen Kontak</div>
+                    <div class="breadcrumb-item">Halaman Refund</div>
+                </div>
+            </div>
+
+            <div class="row">
+                <div class="col-12 mb-4">
+                    <div class="col-12 mb-4">
+                        <div class="hero bg-primary text-white">
+                            <div class="hero-inner">
+                                <h1>Welcome to the Rekber Aplication</h1>
+                                <p class="lead">Selamat Datang npannisa!</p>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="col-md-12">
+                        <div class="card">
+                            <div class="card-body">
+                                <div class="table-responsive">
+                                    <table class="table table-striped" id="table-1">
+                                        <thead>
+                                            <tr>
+                                                <th>#</th>
+                                                <th>User ID</th>
+                                                <th>Order ID</th>
+                                                <th>Customer</th>
+                                                <th>Seller</th>
+                                                <th>Total</th>
+                                                <th>Due Date</th>
+                                                <th>Status</th>
+                                                <th>Action</th>
+                                            </tr>
+                                        </thead>
+                                        <tbody>
+                                            @foreach ($TransactionUser as $key => $HistoryTransaction)
+                                                <tr>
+                                                    <td>{{ ++$key }}</td>
+                                                    <td class="font-weight-600">{{ $HistoryTransaction['userId'] }}</td>
+                                                    <td class="font-weight-600">{{ $HistoryTransaction['orderId'] }}</td>
+                                                    <td class="font-weight-600">{{ $HistoryTransaction['Customer'] }}</td>
+                                                    <td class="font-weight-600">{{ $HistoryTransaction['seller'] }}</td>
+                                                    <td class="font-weight-600">{{ $HistoryTransaction['total'] }}</td>
+                                                    <td>{{ $HistoryTransaction['dueDate'] }}</td>
+                                                    <td class="font-weight-600">{{ $HistoryTransaction['status'] }}</td>
+                                                    <td>
+                                                        <div class="btn-group">
+                                                            <button type="button" class="btn btn-primary dropdown-toggle"
+                                                                data-toggle="dropdown" aria-haspopup="true"
+                                                                aria-expanded="false">
+                                                                Action
+                                                            </button>
+                                                            <ul class="dropdown-menu">
+                                                                <li><a class="dropdown-item"
+                                                                        href="/detail-transaction">Detail</a></li>
+                                                                <li><a class="dropdown-item" data-toggle="modal"
+                                                                        data-target="#tracking">Tracking</a></li>
+                                                                {{-- <li><a class="dropdown-item" href="/tracking">Tracking</a></li> --}}
+                                                            </ul>
+                                                        </div>
+                                                    </td>
+                                                </tr>
+                                            @endforeach
+                                        </tbody>
+                                    </table>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                @extends('user.transaction.Penjual.tracking')
+            @endsection
diff --git a/resources/views/User/transaction/penjual/modal-tracking.blade.php b/resources/views/User/transaction/penjual/modal-tracking.blade.php
new file mode 100644
index 00000000..4761a743
--- /dev/null
+++ b/resources/views/User/transaction/penjual/modal-tracking.blade.php
@@ -0,0 +1,116 @@
+<!-- Modal -->
+<div class="modal fade" id="tracking" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle"
+    aria-hidden="true">
+    <div class="modal-dialog modal-dialog-centered" role="document">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h2 class="modal-title" id="exampleModalLongTitle">Tracking Information</h2>
+                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                    <span aria-hidden="true">&times;</span>
+                </button>
+            </div>
+            <div class="modal-body">
+                <div class="section-body">
+                    <div class="row">
+                        <div class="col-12">
+                            <div class="activities">
+                                <div class="activity">
+                                    <div class="activity-icon bg-primary text-white shadow-primary">
+                                        <i class="fas fa-clipboard-list" style="font-size: 36px;"></i>
+
+                                    </div>
+                                    <div class="activity-detail">
+                                        <div class="mb-2">
+                                            <span class="text-job text-primary">August 21, 2023, 8:30:15 am</span>
+                                        </div>
+                                        <p>User Created Trade</p>
+                                    </div>
+                                </div>
+                                <div class="activity">
+                                    <div class="activity-icon bg-primary text-white shadow-primary">
+                                        <i class="fas fa-bell" style="font-size: 36px;"></i>
+
+                                    </div>
+                                    <div class="activity-detail">
+                                        <div class="mb-2">
+                                            <span class="text-job text-primary">August 22, 2023, 8:30:15 am</span>
+                                        </div>
+                                        <p>System Notified Admin</p>
+                                    </div>
+                                </div>
+                                <div class="activity">
+                                    <div class="activity-icon bg-primary text-white shadow-primary">
+                                        <i class="fas fa-check-circle" style="font-size: 36px;"></i>
+
+                                    </div>
+                                    <div class="activity-detail">
+                                        <div class="mb-2">
+                                            <span class="text-job text-primary">August 23, 2023, 8:30:15 am</span>
+                                        </div>
+                                        <p>Admin Accepted Trade</p>
+                                    </div>
+                                </div>
+                                <div class="activity">
+                                    <div class="activity-icon bg-primary text-white shadow-primary">
+                                        <i class="fas fa-trash-alt" style="font-size: 36px;"></i>
+
+                                    </div>
+                                    <div class="activity-detail">
+                                        <div class="mb-2">
+                                            <span class="text-job text-primary">August 24, 2023, 8:30:15 am</span>
+                                        </div>
+                                        <p>Trade in system</p>
+                                    </div>
+                                </div>
+                                <div class="activity">
+                                    <div class="activity-icon bg-primary text-white shadow-primary">
+                                        <i class="fas fa-clipboard-check" style="font-size: 36px;"></i>
+
+                                    </div>
+                                    <div class="activity-detail">
+                                        <div class="mb-2">
+                                            <span class="text-job text-primary">August 24, 2023, 8:30:15 am</span>
+                                        </div>
+                                        <p>Transaction Success</p>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="modal-footer">
+                <a href="#" class="btn btn-primary mx-1">Back</a>
+            </div>
+        </div>
+    </div>
+</div>
+
+
+
+
+{{-- @extends('layout.main')
+@section('content')
+    @foreach ($detail_transaction as $detail_transactions)
+        <div class="main-content">
+            <section class="section">
+                <div class="tracking-container">
+                    <h2>Tracking Information</h2>
+                    <div class="tracking-info">
+                        <p>Tracking Number: <span
+                                class="tracking-status">{{ $detail_transactions['tracking_number'] }}</span></p>
+                        <p>Order ID: <span class="tracking-status">{{ $detail_transactions['orderId'] }}</span></p>
+                        <p>Status: <span class="tracking-status">{{ $detail_transactions['status'] }}</span></p>
+                        <p>Estimated: {{ $detail_transactions['estimated'] }}</p>
+                    </div>
+                    <h2>Tracking Details</h2>
+                    <ul>
+                        <li>{{ $detail_transactions['tracking_detail1'] }}</li>
+                        <li>{{ $detail_transactions['tracking_detail2'] }}</li>
+                        <li>{{ $detail_transactions['tracking_detail3'] }}</li>
+                    </ul>
+                </div>
+            </section>
+        </div>
+    @endforeach
+@endsection --}}
diff --git a/resources/views/errors/401.blade.php b/resources/views/errors/401.blade.php
new file mode 100644
index 00000000..5c586db9
--- /dev/null
+++ b/resources/views/errors/401.blade.php
@@ -0,0 +1,5 @@
+@extends('errors::minimal')
+
+@section('title', __('Unauthorized'))
+@section('code', '401')
+@section('message', __('Unauthorized'))
diff --git a/resources/views/errors/402.blade.php b/resources/views/errors/402.blade.php
new file mode 100644
index 00000000..3bc23efd
--- /dev/null
+++ b/resources/views/errors/402.blade.php
@@ -0,0 +1,5 @@
+@extends('errors::minimal')
+
+@section('title', __('Payment Required'))
+@section('code', '402')
+@section('message', __('Payment Required'))
diff --git a/resources/views/errors/403.blade.php b/resources/views/errors/403.blade.php
new file mode 100644
index 00000000..a5506f01
--- /dev/null
+++ b/resources/views/errors/403.blade.php
@@ -0,0 +1,5 @@
+@extends('errors::minimal')
+
+@section('title', __('Forbidden'))
+@section('code', '403')
+@section('message', __($exception->getMessage() ?: 'Forbidden'))
diff --git a/resources/views/errors/404.blade.php b/resources/views/errors/404.blade.php
new file mode 100644
index 00000000..7549540d
--- /dev/null
+++ b/resources/views/errors/404.blade.php
@@ -0,0 +1,5 @@
+@extends('errors::minimal')
+
+@section('title', __('Not Found'))
+@section('code', '404')
+@section('message', __('Not Found'))
diff --git a/resources/views/errors/419.blade.php b/resources/views/errors/419.blade.php
new file mode 100644
index 00000000..c09216e2
--- /dev/null
+++ b/resources/views/errors/419.blade.php
@@ -0,0 +1,5 @@
+@extends('errors::minimal')
+
+@section('title', __('Page Expired'))
+@section('code', '419')
+@section('message', __('Page Expired'))
diff --git a/resources/views/errors/429.blade.php b/resources/views/errors/429.blade.php
new file mode 100644
index 00000000..f01b07b8
--- /dev/null
+++ b/resources/views/errors/429.blade.php
@@ -0,0 +1,5 @@
+@extends('errors::minimal')
+
+@section('title', __('Too Many Requests'))
+@section('code', '429')
+@section('message', __('Too Many Requests'))
diff --git a/resources/views/errors/500.blade.php b/resources/views/errors/500.blade.php
new file mode 100644
index 00000000..d9e95d9b
--- /dev/null
+++ b/resources/views/errors/500.blade.php
@@ -0,0 +1,5 @@
+@extends('errors::minimal')
+
+@section('title', __('Server Error'))
+@section('code', '500')
+@section('message', __('Server Error'))
diff --git a/resources/views/errors/503.blade.php b/resources/views/errors/503.blade.php
new file mode 100644
index 00000000..c5a9dde1
--- /dev/null
+++ b/resources/views/errors/503.blade.php
@@ -0,0 +1,5 @@
+@extends('errors::minimal')
+
+@section('title', __('Service Unavailable'))
+@section('code', '503')
+@section('message', __('Service Unavailable'))
diff --git a/resources/views/errors/layout.blade.php b/resources/views/errors/layout.blade.php
new file mode 100644
index 00000000..019c2cde
--- /dev/null
+++ b/resources/views/errors/layout.blade.php
@@ -0,0 +1,53 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="utf-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+
+        <title>@yield('title')</title>
+
+        <!-- Styles -->
+        <style>
+            html, body {
+                background-color: #fff;
+                color: #636b6f;
+                font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+                font-weight: 100;
+                height: 100vh;
+                margin: 0;
+            }
+
+            .full-height {
+                height: 100vh;
+            }
+
+            .flex-center {
+                align-items: center;
+                display: flex;
+                justify-content: center;
+            }
+
+            .position-ref {
+                position: relative;
+            }
+
+            .content {
+                text-align: center;
+            }
+
+            .title {
+                font-size: 36px;
+                padding: 20px;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="flex-center position-ref full-height">
+            <div class="content">
+                <div class="title">
+                    @yield('message')
+                </div>
+            </div>
+        </div>
+    </body>
+</html>
diff --git a/resources/views/errors/minimal.blade.php b/resources/views/errors/minimal.blade.php
new file mode 100644
index 00000000..db69f254
--- /dev/null
+++ b/resources/views/errors/minimal.blade.php
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="utf-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+
+        <title>@yield('title')</title>
+
+        <style>
+            /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}a{background-color:transparent}code{font-family:monospace,monospace;font-size:1em}[hidden]{display:none}html{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}*,:after,:before{box-sizing:border-box;border:0 solid #e2e8f0}a{color:inherit;text-decoration:inherit}code{font-family:Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}svg,video{display:block;vertical-align:middle}video{max-width:100%;height:auto}.bg-white{--bg-opacity:1;background-color:#fff;background-color:rgba(255,255,255,var(--bg-opacity))}.bg-gray-100{--bg-opacity:1;background-color:#f7fafc;background-color:rgba(247,250,252,var(--bg-opacity))}.border-gray-200{--border-opacity:1;border-color:#edf2f7;border-color:rgba(237,242,247,var(--border-opacity))}.border-gray-400{--border-opacity:1;border-color:#cbd5e0;border-color:rgba(203,213,224,var(--border-opacity))}.border-t{border-top-width:1px}.border-r{border-right-width:1px}.flex{display:flex}.grid{display:grid}.hidden{display:none}.items-center{align-items:center}.justify-center{justify-content:center}.font-semibold{font-weight:600}.h-5{height:1.25rem}.h-8{height:2rem}.h-16{height:4rem}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.leading-7{line-height:1.75rem}.mx-auto{margin-left:auto;margin-right:auto}.ml-1{margin-left:.25rem}.mt-2{margin-top:.5rem}.mr-2{margin-right:.5rem}.ml-2{margin-left:.5rem}.mt-4{margin-top:1rem}.ml-4{margin-left:1rem}.mt-8{margin-top:2rem}.ml-12{margin-left:3rem}.-mt-px{margin-top:-1px}.max-w-xl{max-width:36rem}.max-w-6xl{max-width:72rem}.min-h-screen{min-height:100vh}.overflow-hidden{overflow:hidden}.p-6{padding:1.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.pt-8{padding-top:2rem}.fixed{position:fixed}.relative{position:relative}.top-0{top:0}.right-0{right:0}.shadow{box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06)}.text-center{text-align:center}.text-gray-200{--text-opacity:1;color:#edf2f7;color:rgba(237,242,247,var(--text-opacity))}.text-gray-300{--text-opacity:1;color:#e2e8f0;color:rgba(226,232,240,var(--text-opacity))}.text-gray-400{--text-opacity:1;color:#cbd5e0;color:rgba(203,213,224,var(--text-opacity))}.text-gray-500{--text-opacity:1;color:#a0aec0;color:rgba(160,174,192,var(--text-opacity))}.text-gray-600{--text-opacity:1;color:#718096;color:rgba(113,128,150,var(--text-opacity))}.text-gray-700{--text-opacity:1;color:#4a5568;color:rgba(74,85,104,var(--text-opacity))}.text-gray-900{--text-opacity:1;color:#1a202c;color:rgba(26,32,44,var(--text-opacity))}.uppercase{text-transform:uppercase}.underline{text-decoration:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.tracking-wider{letter-spacing:.05em}.w-5{width:1.25rem}.w-8{width:2rem}.w-auto{width:auto}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}@-webkit-keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@-webkit-keyframes ping{0%{transform:scale(1);opacity:1}75%,to{transform:scale(2);opacity:0}}@keyframes ping{0%{transform:scale(1);opacity:1}75%,to{transform:scale(2);opacity:0}}@-webkit-keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@-webkit-keyframes bounce{0%,to{transform:translateY(-25%);-webkit-animation-timing-function:cubic-bezier(.8,0,1,1);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateY(0);-webkit-animation-timing-function:cubic-bezier(0,0,.2,1);animation-timing-function:cubic-bezier(0,0,.2,1)}}@keyframes bounce{0%,to{transform:translateY(-25%);-webkit-animation-timing-function:cubic-bezier(.8,0,1,1);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateY(0);-webkit-animation-timing-function:cubic-bezier(0,0,.2,1);animation-timing-function:cubic-bezier(0,0,.2,1)}}@media (min-width:640px){.sm\:rounded-lg{border-radius:.5rem}.sm\:block{display:block}.sm\:items-center{align-items:center}.sm\:justify-start{justify-content:flex-start}.sm\:justify-between{justify-content:space-between}.sm\:h-20{height:5rem}.sm\:ml-0{margin-left:0}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:pt-0{padding-top:0}.sm\:text-left{text-align:left}.sm\:text-right{text-align:right}}@media (min-width:768px){.md\:border-t-0{border-top-width:0}.md\:border-l{border-left-width:1px}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.lg\:px-8{padding-left:2rem;padding-right:2rem}}@media (prefers-color-scheme:dark){.dark\:bg-gray-800{--bg-opacity:1;background-color:#2d3748;background-color:rgba(45,55,72,var(--bg-opacity))}.dark\:bg-gray-900{--bg-opacity:1;background-color:#1a202c;background-color:rgba(26,32,44,var(--bg-opacity))}.dark\:border-gray-700{--border-opacity:1;border-color:#4a5568;border-color:rgba(74,85,104,var(--border-opacity))}.dark\:text-white{--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity))}.dark\:text-gray-400{--text-opacity:1;color:#cbd5e0;color:rgba(203,213,224,var(--text-opacity))}}
+        </style>
+
+        <style>
+            body {
+                font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+            }
+        </style>
+    </head>
+    <body class="antialiased">
+        <div class="relative flex items-top justify-center min-h-screen bg-gray-100 dark:bg-gray-900 sm:items-center sm:pt-0">
+            <div class="max-w-xl mx-auto sm:px-6 lg:px-8">
+                <div class="flex items-center pt-8 sm:justify-start sm:pt-0">
+                    <div class="px-4 text-lg text-gray-500 border-r border-gray-400 tracking-wider">
+                        @yield('code')
+                    </div>
+
+                    <div class="ml-4 text-lg text-gray-500 uppercase tracking-wider">
+                        @yield('message')
+                    </div>
+                </div>
+            </div>
+        </div>
+    </body>
+</html>
diff --git a/resources/views/index.blade.php b/resources/views/index.blade.php
index 928bf69c..9dcb8125 100644
--- a/resources/views/index.blade.php
+++ b/resources/views/index.blade.php
@@ -1,375 +1,616 @@
-@extends('Admin.layout.main')
-@section('content')
-    <!-- Main Content -->
-    <div class="main-content">
-        <section class="section">
-            <div class="row">
-                <div class="col-lg-4 col-md-4 col-sm-12">
-                    <div class="card card-statistic-2">
-                        <div class="card-stats">
-                            <div class="card-stats-title">List Transaction -
-                                <div class="dropdown d-inline">
-                                    <a class="font-weight-600 dropdown-toggle" data-toggle="dropdown" href="#"
-                                        id="orders-month">August</a>
-                                    <ul class="dropdown-menu dropdown-menu-sm">
-                                        <li class="dropdown-title">Select Month</li>
-                                        <li><a href="#" class="dropdown-item">January</a></li>
-                                        <li><a href="#" class="dropdown-item">February</a></li>
-                                        <li><a href="#" class="dropdown-item">March</a></li>
-                                        <li><a href="#" class="dropdown-item">April</a></li>
-                                        <li><a href="#" class="dropdown-item">May</a></li>
-                                        <li><a href="#" class="dropdown-item">June</a></li>
-                                        <li><a href="#" class="dropdown-item">July</a></li>
-                                        <li><a href="#" class="dropdown-item active">August</a></li>
-                                        <li><a href="#" class="dropdown-item">September</a></li>
-                                        <li><a href="#" class="dropdown-item">October</a></li>
-                                        <li><a href="#" class="dropdown-item">November</a></li>
-                                        <li><a href="#" class="dropdown-item">December</a></li>
-                                    </ul>
-                                </div>
-                            </div>
-                            <div class="card-stats-items">
-                                <div class="card-stats-item">
-                                    <div class="card-stats-item-count">114</div>
-                                    <div class="card-stats-item-label">Success</div>
-                                </div>
-                                <div class="card-stats-item">
-                                    <div class="card-stats-item-count">12</div>
-                                    <div class="card-stats-item-label">Pending</div>
-                                </div>
-                                <div class="card-stats-item">
-                                    <div class="card-stats-item-count">23</div>
-                                    <div class="card-stats-item-label">Canceled</div>
-                                </div>
-                            </div>
-                        </div>
-                        <div class="card-icon shadow-primary bg-primary">
-                            <i class="fas fa-exchange-alt"></i>
-                        </div>
-                        <div class="card-wrap">
-                            <div class="card-header">
-                                <h4>Total Transaction</h4>
-                            </div>
-                            <div class="card-body">
-                                159
-                            </div>
-                        </div>
-                        <p class="mb-0 text-muted">
-                            <span class="text-success me-2"><span class="mdi mdi-arrow-up-bold"></span>
-                                1.08%</span>
-                            <span class="text-nowrap">Since last week</span>
-                        </p>
-                    </div>
-                </div>
-                <div class="col-lg-4 col-md-4 col-sm-12">
-                    <div class="card card-statistic-2">
-                        <div class="card-chart">
-                            <canvas id="balance-chart" height="80"></canvas>
-                        </div>
-                        <div class="card-icon shadow-primary bg-primary">
-                            <i class="fas fa-money-check"></i>
-                        </div>
-                        <div class="card-wrap">
-                            <div class="card-header">
-                                <h4>Total Refund</h4>
-                            </div>
-                            <div class="card-body">
-                                100
-                            </div>
-                        </div>
-                        <p class="mb-0 text-muted">
-                            <span class="text-success me-2"><span class="mdi mdi-arrow-up-bold"></span>
-                                5.27%</span>
-                            <span class="text-nowrap">Since last month</span>
-                        </p>
-                    </div>
-                </div>
-                <div class="col-lg-4 col-md-4 col-sm-12">
-                    <div class="card card-statistic-2">
-                        <div class="card-chart">
-                            <canvas id="sales-chart" height="80"></canvas>
-                        </div>
-                        <div class="card-icon shadow-primary bg-primary">
-                            <i class="fas fa-user"></i>
-                        </div>
-                        <div class="card-wrap">
-                            <div class="card-header">
-                                <h4>Total user</h4>
-                            </div>
-                            <div class="card-body">
-                                100 </div>
-                        </div>
-                        <p class="mb-0 text-muted">
-                            <span class="text-danger me-2"><span class="mdi mdi-arrow-down-bold"></span>
-                                1.08%</span>
-                            <span class="text-nowrap">Since previous week</span>
-                        </p>
-                    </div>
-                </div>
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>REKBER | Homepage</title>
+    <!-- icon font awesome -->
+    <script src="https://kit.fontawesome.com/64d58efce2.js" crossorigin="anonymous"></script>
+    <!-- css -->
+    <link rel="stylesheet" href="{{ asset('assets/css/login_register/style.css') }}" />
+    {{-- Token --}}
+    <meta name="csrf-token" content="{{ csrf_token() }}">
+    <!-- ionicons -->
+    <script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script>
+    <!-- Boxicons -->
+    <script src="https://unpkg.com/boxicons@2.1.4/dist/boxicons.js"></script>
+    <link href='https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css' rel='stylesheet'>
+    <!-- css input dropdown -->
+    <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
+    <style>
+        .select2-container .select2-selection--single {
+            border: none;
+            background: none;
+            outline: none;
+            box-shadow: none;
+            padding: 0;
+        }
+
+        .select2-container .select2-selection--single:focus {
+            border: none;
+        }
+
+        .select2-container .select2-selection--single .select2-selection__arrow {
+            border: none;
+            background: none;
+        }
+
+        .select2-container--default.select2-container--open .select2-selection--single {
+            border: none;
+        }
+
+        .select2-results {
+            border-bottom: 1px solid #aaa;
+        }
+
+        .select2-results__option {
+            padding: 10px;
+            color: #333;
+            background-color: white;
+        }
+
+        .select2-container--default .select2-results>.select2-results__options .select2-results__option--highlighted {
+            background-color: #900c3e !important;
+            color: #fff !important;
+        }
+
+        #foto-preview-ktp,
+        #foto-preview-ekyc {
+            width: 400px
+        }
+
+        .image-holder-ktp,
+        .image-holder-ekyc {
+            width: 400px
+        }
+    </style>
+</head>
+
+<body>
+    <!-- ======= PRELOADER ======= -->
+    {{-- <div id="preloader">
+        <div id="status">
+            <div class="preloader" aria-busy="true" aria-label="Loading, please wait." role="progressbar">
             </div>
-            <div class="row justify-content-end d-flex">
-                <div class="col-lg-4 col-md-4 col-sm-12 ml-auto">
-                    <div class="input-group">
-                        <input type="text" name="from-to" class="form-control" id="date-range">
-                        <span class="input-group-text bg-primary text-white align-items-center">
-                            <i class="mdi mdi-calendar-range font-13"></i>
-                        </span>
+        </div>
+    </div> --}}
+    <!-- ======= END PRELOADER ======= -->
+
+    <!-- ======= MODAL ======= -->
+    {{-- <div class="modal_wrapper">
+        <div class="shadow"></div>
+        <div class="success_wrap">
+            <span class="modal_icon"><ion-icon name="checkmark-sharp"></ion-icon></span>
+            <p>You have successfully completed the process.</p>
+        </div>
+    </div> --}}
+    <!-- ======= MODAL ======= -->
+
+    <div class="container">
+        <div class="forms-container">
+            <div class="signin-signup">
+
+                <!-- ======= SIGN IN FORM ======= -->
+                <form action="{{ route('authenticate') }}" class="sign-in-form" method="POST"
+                    enctype="multipart/form-data">
+                    @csrf
+                    <h2 class="title">Sign In</h2>
+                    <p>
+                        Selamat datang kembali, silakan isi form login di bawah ini untuk masuk ke akun anda.
+                    </p>
+                    <div style="width: 100%; display: flex; align-items: center;">
+                        <div class="input-field-signin-flex">
+                            <i class="fas fa-envelope" aria-hidden="true"></i>
+                            {{-- <input type="text" class="telp-input-signin" maxlength="13" oninput="this.value = this.value.replace(/[^0-9]/g, '').substring(0, 13);" placeholder="Nomer Telepon"> --}}
+                            <input type="email" class="telp-input-signin" placeholder="Email" name="email" required>
+                        </div>
+                        <button type="button" class="btn-otp solid" id="cekAkun">Cek Akun</button>
+
                     </div>
-                </div>
-            </div>
-            <br>
-            <div class="row">
-                <div class="col-lg-8">
-                    <div class="card">
-                        <div class="alert alert-primary alert-dismissible fade show mb-3" role="alert">
-                            Pendapatan Hari Ini meningkat <span class="mdi mdi-arrow-up-bold"></span>
-                            5.27%</span>
-                        </div>
-                        <div class="card-header">
-                            <h4>Statistics</h4>
-                            <div class="card-header-action">
-                                <div class="btn-group">
-                                    <a href="#" class="btn btn-primary">Week</a>
-                                    <a href="#" class="btn">Month</a>
-                                </div>
-                            </div>
-                        </div>
-                        <div class="card-body">
-                            <canvas id="myChart1" height="130"></canvas>
-                            {{-- <div class="statistic-details mt-sm-4">
-                                <div class="statistic-details-item">
-                                    <span class="text-muted"><span class="text-primary"><i
-                                                class="fas fa-caret-up"></i></span> 7%</span>
-                                    <div class="detail-value">$243</div>
-                                    <div class="detail-name">Today's Sales</div>
-                                </div>
-                                <div class="statistic-details-item">
-                                    <span class="text-muted"><span class="text-danger"><i
-                                                class="fas fa-caret-down"></i></span> 23%</span>
-                                    <div class="detail-value">$2,902</div>
-                                    <div class="detail-name">This Week's Sales</div>
-                                </div>
-                                <div class="statistic-details-item">
-                                    <span class="text-muted"><span class="text-primary"><i
-                                                class="fas fa-caret-up"></i></span>9%</span>
-                                    <div class="detail-value">$12,821</div>
-                                    <div class="detail-name">This Month's Sales</div>
-                                </div>
-                                <div class="statistic-details-item">
-                                    <span class="text-muted"><span class="text-primary"><i
-                                                class="fas fa-caret-up"></i></span> 19%</span>
-                                    <div class="detail-value">$92,142</div>
-                                    <div class="detail-name">This Year's Sales</div>
-                                </div>
-                            </div> --}}
-                        </div>
+                    <div class="input-field">
+                        <i class="fas fa-unlock-alt" aria-hidden="true"></i>
+                        <input type="password" class="otp-input" placeholder="Password" name="password" required>
                     </div>
-                </div>
-                <div class="col-lg-4">
-                    <div class="card gradient-bottom">
-                        <div class="card-header">
-                            <h4>Top 5 Users</h4>
-                            <div class="card-header-action dropdown">
-                                <a href="#" data-toggle="dropdown"
-                                    class="btn btn-primary dropdown-toggle">Month</a>
-                                <ul class="dropdown-menu dropdown-menu-sm dropdown-menu-right">
-                                    <li class="dropdown-title">Select Period</li>
-                                    <li><a href="#" class="dropdown-item">Today</a></li>
-                                    <li><a href="#" class="dropdown-item">Week</a></li>
-                                    <li><a href="#" class="dropdown-item active">Month</a></li>
-                                    <li><a href="#" class="dropdown-item">This Year</a></li>
-                                </ul>
-                            </div>
-                        </div>
-                        <div class="card-body" id="top-5-scroll">
-                            <ul class="list-unstyled list-unstyled-border">
-                                <li class="media">
-                                    <img class="mr-3 rounded" width="55" src="assets/img/avatar/avatar-6.png"
-                                        alt="product">
-                                    <div class="media-body">
-                                        <div class="float-right">
-                                            <div class="font-weight-600 text-muted text-small">86 Sales</div>
-                                        </div>
-                                        <div class="media-title">Jilhan Haura</div>
-                                        <div class="mt-1">
-                                            <div class="budget-price">
-                                                <div class="budget-price-square bg-primary" data-width="64%"></div>
-                                                <div class="budget-price-label">$68,714</div>
-                                            </div>
-                                            <div class="budget-price">
-                                                <div class="budget-price-square bg-danger" data-width="43%"></div>
-                                                <div class="budget-price-label">$38,700</div>
-                                            </div>
-                                        </div>
+                    <button type="submit" class="btn solid" id="login-btn">Login</button>
+                </form>
+                <!-- ======= END SIGN IN FORM ======= -->
+
+                <!-- ======= SIGN UP FORM ======= -->
+                <form action="{{ route('register') }}" class="sign-up-form" id="msform" enctype="multipart/form-data"
+                    method="POST">
+                    @csrf
+                    <h2 class="title">Sign Up</h2>
+                    <p style="width: 90%">
+                        Selamat datang kembali, silakan isi form login di bawah ini untuk masuk ke akun anda.
+                    </p>
+
+                    <<!--=======PROGRESS BAR=======-->
+                        <div class="header">
+                            <ul>
+                                <li class="active form_1_progessbar">
+                                    <div>
+                                        <p>1</p>
                                     </div>
                                 </li>
-                                <li class="media">
-                                    <img class="mr-3 rounded" width="55" src="assets/img/avatar/avatar-1.png"
-                                        alt="product">
-                                    <div class="media-body">
-                                        <div class="float-right">
-                                            <div class="font-weight-600 text-muted text-small">67 Sales</div>
-                                        </div>
-                                        <div class="media-title">Nurul Prima</div>
-                                        <div class="mt-1">
-                                            <div class="budget-price">
-                                                <div class="budget-price-square bg-primary" data-width="84%"></div>
-                                                <div class="budget-price-label">$107,133</div>
-                                            </div>
-                                            <div class="budget-price">
-                                                <div class="budget-price-square bg-danger" data-width="60%"></div>
-                                                <div class="budget-price-label">$91,455</div>
-                                            </div>
-                                        </div>
+                                <li class="form_2_progessbar">
+                                    <div>
+                                        <p>2</p>
                                     </div>
                                 </li>
-                                <li class="media">
-                                    <img class="mr-3 rounded" width="55" src="assets/img/avatar/avatar-2.png"
-                                        alt="product">
-                                    <div class="media-body">
-                                        <div class="float-right">
-                                            <div class="font-weight-600 text-muted text-small">63 Sales</div>
-                                        </div>
-                                        <div class="media-title">Muhammad Raihan</div>
-                                        <div class="mt-1">
-                                            <div class="budget-price">
-                                                <div class="budget-price-square bg-primary" data-width="34%"></div>
-                                                <div class="budget-price-label">$3,717</div>
-                                            </div>
-                                            <div class="budget-price">
-                                                <div class="budget-price-square bg-danger" data-width="28%"></div>
-                                                <div class="budget-price-label">$2,835</div>
-                                            </div>
-                                        </div>
+                                <li class="form_3_progessbar">
+                                    <div>
+                                        <p>3</p>
                                     </div>
                                 </li>
-                                <li class="media">
-                                    <img class="mr-3 rounded" width="55" src="assets/img/avatar/avatar-3.png"
-                                        alt="product">
-                                    <div class="media-body">
-                                        <div class="float-right">
-                                            <div class="font-weight-600 text-muted text-small">28 Sales</div>
-                                        </div>
-                                        <div class="media-title">Hantu</div>
-                                        <div class="mt-1">
-                                            <div class="budget-price">
-                                                <div class="budget-price-square bg-primary" data-width="45%"></div>
-                                                <div class="budget-price-label">$13,972</div>
-                                            </div>
-                                            <div class="budget-price">
-                                                <div class="budget-price-square bg-danger" data-width="30%"></div>
-                                                <div class="budget-price-label">$9,660</div>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </li>
-                                <li class="media">
-                                    <img class="mr-3 rounded" width="55" src="assets/img/avatar/avatar-4.png"
-                                        alt="product">
-                                    <div class="media-body">
-                                        <div class="float-right">
-                                            <div class="font-weight-600 text-muted text-small">19 Sales</div>
-                                        </div>
-                                        <div class="media-title">Testing</div>
-                                        <div class="mt-1">
-                                            <div class="budget-price">
-                                                <div class="budget-price-square bg-primary" data-width="35%"></div>
-                                                <div class="budget-price-label">$7,391</div>
-                                            </div>
-                                            <div class="budget-price">
-                                                <div class="budget-price-square bg-danger" data-width="28%"></div>
-                                                <div class="budget-price-label">$5,472</div>
-                                            </div>
-                                        </div>
+                                <li class="form_4_progessbar">
+                                    <div>
+                                        <p>4</p>
                                     </div>
                                 </li>
                             </ul>
                         </div>
-                        <div class="card-footer pt-3 d-flex justify-content-center">
-                            <div class="budget-price justify-content-center">
-                                <div class="budget-price-square bg-primary" data-width="20"></div>
-                                <div class="budget-price-label">Selling Price</div>
+                        <!-- ======= END PROGRESS BAR ======= -->
+
+                        <!-- ======= FORM MULTIPLE ======= -->
+                        <div class="form_wrap">
+
+                            <!-- ======= FORM PERSONAL DATA ======= -->
+                            <div class="form_1 data_info">
+                                <div style="display: flex;">
+                                    <div class="input-field-signup-flex">
+                                        <i class="fas fa-user"></i>
+                                        <input type="text" placeholder="Nama Depan" class="first-name-input"
+                                            name="nama_depan" />
+                                    </div>
+                                    <div class="input-field-signup-flex" style="margin-left: 3%">
+                                        <i class="fas fa-user"></i>
+                                        <input type="text" placeholder="Nama Belakang" class="last-name-input"
+                                            name="nama_belakang" />
+                                    </div>
+                                </div>
+                                <div class="input-field up">
+                                    <i class="fa fa-id-card" aria-hidden="true"></i>
+                                    <input type="text" placeholder="NIK" class="email-input" name="nik"
+                                        maxlength="16"
+                                        oninput="this.value = this.value.replace(/[^0-9]/g, '').substring(0, 16);" />
+                                </div>
+                                <div class="input-field up">
+                                    <i class="fa fa-envelope" aria-hidden="true"></i>
+                                    <input type="email" placeholder="Email" class="email-input" name="new_email" />
+                                </div>
+
+                                <div class="input-field up">
+                                    <i class="fa fa-phone" aria-hidden="true"></i>
+                                    <input type="text" class="telp-input-signup" maxlength="13"
+                                        oninput="this.value = this.value.replace(/[^0-9]/g, '').substring(0, 13);"
+                                        placeholder="Nomer Telepon" name="nohp">
+                                </div>
+                                <div style="display: flex;">
+                                    <div class="input-field-signup-flex up gender-select-menu" style="width: 190%">
+                                        <div class="gender-select-input" style="width: 100%; padding-left: 1rem;">
+                                            <select style="width: 190%;" class="gender-select" id="gender-select"
+                                                name="gender">
+                                                <option value="Laki-laki">Laki-laki</option>
+                                                <option value="Perempuan">Perempuan</option>
+                                            </select>
+                                        </div>
+                                    </div>
+                                    <div class="input-field-signup-flex up" style="margin-left: 3%">
+                                        <i class="fa fa-calendar" aria-hidden="true"></i>
+                                        <input type="date" placeholder="Tanggal Lahir" name="tanggal_lahir" />
+                                    </div>
+                                </div>
+
                             </div>
-                            <div class="budget-price justify-content-center">
-                                <div class="budget-price-square bg-danger" data-width="20"></div>
-                                <div class="budget-price-label">Budget Price</div>
+                            <!-- ======= END FORM PERSONAL DATA ======= -->
+
+                            <!-- ======= FORM ADDRESS ======= -->
+                            <div class="form_2 data_info" style="display: none;">
+                                <div class="input-field" style="width: 190%; padding: 0rem 1rem;">
+                                    <select id="selectProvince" data-url="{{ route('cari.provinsi') }}"
+                                        style="width: 100%; border: 1px solid transparent; " class="input-field"
+                                        aria-label="Default select example">
+
+                                    </select>
+                                </div>
+                                <div class='mb-2'>
+                                    <div class="input-field" style="width: 190%; padding: 0rem 1rem;">
+                                        <select id="selectCity"
+                                            style="width: 100%; border: 1px solid transparent; margin-top: 0; outline: none;"
+                                            class="input-field" aria-label="Default select example">
+
+                                        </select>
+                                    </div>
+                                </div>
+                                <div class='mb-2'>
+                                    <div class="input-field" style="width: 190%; padding: 0rem 1rem;">
+                                        <select id="selectDistrict"
+                                            style="width: 100%; border: 1px solid transparent; margin-top: 0; outline: none;"
+                                            class="input-field" aria-label="Default select example">
+
+                                        </select>
+                                    </div>
+                                </div>
+                                <div class='mb-2'>
+                                    <div class="input-field" style="width: 190%; padding: 0rem 1rem;">
+                                        <select id="selectVillage"
+                                            style="width: 100%; border: 1px solid transparent; margin-top: 0; outline: none;"
+                                            class="input-field" aria-label="Default select example"
+                                            name="village_code">
+
+                                        </select>
+                                    </div>
+                                </div>
+                                <input type="text" class="input-field" id="alamat" name="alamat"
+                                    placeholder="Alamat lengkap Anda" cols="50" rows="4"
+                                    style="width: 190%; padding: 0rem 1rem;">
                             </div>
+                            <!-- ======= END FORM ADDRESS ======= -->
+
+                            <!-- ======= FORM DROP & DRAG IMAGE ======= -->
+                            <div class="form_3 data_info" style="display: none;">
+                                <div class="slider-container">
+                                    <div class="slider">
+                                        <div class="slide fade">
+                                            <div style="display: flex; flex-direction: column; align-items: center">
+                                                <h3 style="">Foto KTP Anda</h3>
+                                                <div class="image-holder-ktp">
+                                                    <img src="{{ asset('assets/images/dashboard/Asset 3.png') }}"
+                                                        alt="logo ambil gambar" id="imageHolderKtp">
+                                                </div>
+                                                <video id="webcamKtp" autoplay playsinline></video>
+                                                <div id="foto-preview-ktp"></div>
+                                                <input type="hidden" id="fotoKtp" name="ktp">
+                                                <div style="display: flex; margin-top: 1rem">
+                                                    <button type="button" class="btn-foto" id="startButtonKtp"
+                                                        data-state="off">Mulai Kamera</button>
+                                                    <button type="button" class="btn-foto"
+                                                        id="captureButtonKtp">Ambil Foto</button>
+                                                    <button type="button" class="btn-foto"
+                                                        id="refreshButtonKtp">Ulang Foto</button>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="slide fade">
+                                            <div
+                                                style="display: flex; flex-direction: column; justify-content: center; align-items: center">
+                                                <h3>Foto Wajah Anda</h3>
+                                                <div class="image-holder-ekyc">
+                                                    <img class="image-holder-ekyc"
+                                                        src="{{ asset('assets/images/dashboard/Asset 3.png') }}"
+                                                        alt="logo ambil gambar" id="imageHolderEkyc">
+                                                </div>
+                                                <video id="webcamEkyc" autoplay playsinline></video>
+                                                <div id="foto-preview-ekyc"></div>
+                                                <input type="hidden" id="fotoEkyc" name="wajah">
+                                                <div style="display: flex; margin-top: 1rem">
+                                                    <button type="button" class="btn-foto" id="startButtonEkyc"
+                                                        data-state="off">Mulai Kamera</button>
+                                                    <button type="button" class="btn-foto"
+                                                        id="captureButtonEkyc">Ambil Foto</button>
+                                                    <button type="button" class="btn-foto"
+                                                        id="refreshButtonEkyc">Ulang Foto</button>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div class="dots">
+                                        <button class="prev" type="button"
+                                            onclick="plusSlide(-1)">&#10094;</button>
+                                        <span class="dot" onclick="currentSlide(1)"></span>
+                                        <span class="dot" onclick="currentSlide(2)"></span>
+                                        <button class="next" type="button"
+                                            onclick="plusSlide(1)">&#10095;</button>
+                                    </div>
+                                </div>
+                            </div>
+                            <!-- ======= FORM DROP & DRAG IMAGE ======= -->
+
+                            <!-- ======= FORM PIN ======= -->
+                            <div class="form_4 data_info" style="display: none;">
+                                <div style="display: flex">
+                                    <div class="input-field-signup-flex">
+                                        <i class="fa fa-unlock-alt" aria-hidden="true"></i>
+                                        <input type="password" class="pin-input" placeholder="Password"
+                                            name="new_password">
+                                    </div>
+                                    <div class="input-field-signup-flex" style="margin-left: 3%">
+                                        <i class="fa fa-unlock-alt" aria-hidden="true"></i>
+                                        <input type="password" class="konfir-pin-input"
+                                            placeholder="Konfirmasi Password" name="confirm_password">
+                                    </div>
+                                </div>
+
+                            </div>
+                            <!-- ======= END FORM PIN ======= -->
+
+                            <!-- ======= BTN FORM NEXT & BACK ======= -->
+                            <div class="btns_wrap">
+                                <div class="common_btns form_1_btns">
+                                    <button type="button" class="btn_next">Next <span class="icon"><ion-icon
+                                                name="arrow-forward-sharp"></ion-icon></span></button>
+                                </div>
+                                <div class="common_btns form_2_btns" style="display: none;">
+                                    <button type="button" class="btn_back"><span class="icon"><ion-icon
+                                                name="arrow-back-sharp"></ion-icon></span>Back</button>
+                                    <button type="button" class="btn_next">Next <span class="icon"><ion-icon
+                                                name="arrow-forward-sharp"></ion-icon></span></button>
+                                </div>
+                                <div class="common_btns form_3_btns" style="display: none;">
+                                    <button type="button" class="btn_back"><span class="icon"><ion-icon
+                                                name="arrow-back-sharp"></ion-icon></span>Back</button>
+                                    <button type="button" class="btn_next">Next <span class="icon"><ion-icon
+                                                name="arrow-forward-sharp"></ion-icon></span></button>
+                                </div>
+                                <div class="common_btns form_4_btns" style="display: none;">
+                                    <button type="button" class="btn_back"><span class="icon"><ion-icon
+                                                name="arrow-back-sharp"></ion-icon></span>Back</button>
+                                    <button type="button" class="btn_done" id="signUp">Sign Up</button>
+                                </div>
+                            </div>
+                            <!-- ======= BTN FORM NEXT & BACK ======= -->
+
                         </div>
-                    </div>
-                </div>
+                        <!-- ======= END FORM MIULTIPLE ======= -->
+                </form>
+                <!-- ======= END FORM SIGN UP ======= -->
             </div>
-            <div class="row">
-                <div class="col-12">
-                    <div class="card">
-                        <div class="card-header">
-                            <h2>History Transaction</h2>
-                        </div>
-                        <div class="card-body">
-                            <div class="table-responsive">
-                                <table class="table table-striped" id="table-1">
-                                    <thead>
-                                        <tr>
-                                            <th class="text-center">
-                                                #
-                                            </th>
-                                            <th>Order Id</th>
-                                            <th>Customer</th>
-                                            <th>Seller</th>
-                                            <th>Total</th>
-                                            <th>Due Date</th>
-                                            <th>Status</th>
-                                            <th>Action</th>
-                                        </tr>
-                                    </thead>
-                                    <tbody>
-                                        @foreach ($transaction as $transactions)
-                                            <tr>
-                                                <td>{{ $transactions['no'] }}</td>
-                                                <td><a href="#">{{ $transactions['orderId'] }}</a></td>
-                                                <td class="font-weight-600">{{ $transactions['customer'] }}</td>
-                                                <td class="font-weight-600">{{ $transactions['seller'] }}</td>
-                                                <td class="font-weight-600">{{ $transactions['total'] }}</td>
-                                                <td>{{ $transactions['date'] }}</td>
-                                                <td>
-                                                    @php
-                                                        $statusClass = '';
-                                                        if ($transactions['status'] === 'pending') {
-                                                            $statusClass = 'badge-warning';
-                                                        } elseif ($transactions['status'] === 'paid') {
-                                                            $statusClass = 'badge-success';
-                                                        } elseif ($transactions['status'] === 'unpaid') {
-                                                            $statusClass = 'badge-danger';
-                                                        }
-                                                    @endphp
-                                                    <div class="badge {{ $statusClass }}">{{ $transactions['status'] }}
-                                                    </div>
-                                                </td>
-                                                <td>
-                                                    <div class="btn-group">
-                                                        <button type="button" class="btn btn-primary dropdown-toggle"
-                                                            data-toggle="dropdown" aria-haspopup="true"
-                                                            aria-expanded="false">
-                                                            Action
-                                                        </button>
-                                                        <div class="dropdown-menu">
-                                                            <a class="dropdown-item"
-                                                                href="/detail_transaction">Details</a>
-                                                            <a class="dropdown-item" href="#" data-toggle="modal"
-                                                                data-target="#ModalTransaction">Tracking</a>
-                                                            <a class="dropdown-item" href="#">Delete</a>
-                                                        </div>
-                                                    </div>
-                                                </td>
-                                            </tr>
-                                        @endforeach
-                                    </tbody>
-                                </table>
-                            </div>
-                        </div>
-                    </div>
+        </div>
+
+        <div class="panels-container">
+            <div class="panel left-panel">
+                <div class="content">
+                    <h3>Belum memiliki akun?</h3>
+                    <p>
+                        Daftarkan akun anda sekarang untuk nikmatin Aplikasi RekBer. Daftar di sini.
+                    </p>
+                    <button class="btn transparent" id="sign-up-btn">
+                        Sign up
+                    </button>
+                    <p><a href="/">kembali</a></p>
                 </div>
+                <img src="{{ asset('assets/img/login_register/Payment Information-pana.svg') }}" class="image"
+                    alt="" />
             </div>
-        </section>
+            <div class="panel right-panel">
+                <div class="content">
+                    <h3>Sudah memiliki akun?</h3>
+                    <p>
+                        Silakan masuk ke dalam RekBar menggunakan akun yang telah Anda buat sebelumnya di sini.
+                    </p>
+                    <button class="btn transparent" id="sign-in-btn">
+                        Sign In
+                    </button>
+                    <p><a href="/">kembali</a></p>
+                </div>
+                <img src="{{ asset('assets/img/login_register/Payment Information-pana.svg') }}" class="image"
+                    alt="" />
+            </div>
+        </div>
     </div>
-    @include('Admin.transaction.Tracking')
-@endsection
+    {{-- <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> --}}
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.1/jquery.min.js"
+        integrity="sha512-aVKKRRi/Q/YV+4mjoKBsE4x3H+BkegoM/em46NNlCqNTmUYADjBbeNefNxYV7giUp0VxICtqdrbqU7iVaeZNXA=="
+        crossorigin="anonymous" referrerpolicy="no-referrer"></script>
+    <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/js/bootstrap.bundle.min.js"
+        integrity="sha384-u1OknCvxWvY5kfmNBILK2hRnQC3Pr17a+RTT6rIHI7NnikvbZlHgTPOOmMi466C8" crossorigin="anonymous">
+    </script>
+    <script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script>
+    <script src="{{ asset('assets/js/login_register/app.js') }}"></script>
+    <script src="{{ asset('assets/js/login_register/script.js') }}"></script>
+
+    <script>
+        $(document).ready(function() {
+            $('#cekAkun').on('click', function() {
+                let email = document.querySelector('[name="email"]').value;
+                const csrfToken = $('meta[name="csrf-token"]').attr('content');
+                // Periksa apakah input email kosong
+                if (email.trim() === '') {
+                    Swal.fire({
+                        title: 'Gagal!',
+                        text: 'Email tidak boleh kosong',
+                        icon: 'error'
+                    });
+                } else {
+                    try {
+                        $.ajaxSetup({
+                            headers: {
+                                'X-CSRF-TOKEN': csrfToken
+                            }
+                        });
+
+                        $.ajax({
+                            url: "{{ route('status.akun', ':email') }}".replace(':email', email),
+                            type: 'GET',
+                            success: function(response) {
+                                let status = response.message[0].status
+                                if (response.status) {
+                                    Swal.fire({
+                                        title: 'Akun ditemukan',
+                                        text: 'Akun dengan email ' + email + (status ==
+                                            'Finished' ? ' siap digunakan' : (
+                                                status == 'Progress' ?
+                                                ' masih proses verifikasi' :
+                                                ' ditolak')),
+                                        icon: (status == 'Finished' ? 'success' : (
+                                            status == 'Progress' ? 'info' :
+                                            'error')),
+                                        confirmButtonText: 'OK'
+                                    });
+
+                                } else {
+                                    Swal.fire({
+                                        title: 'Gagal',
+                                        text: 'Akun dengen email ' + email +
+                                            ' tidak tersedia',
+                                        icon: 'error',
+                                        confirmButtonText: 'OK'
+                                    });
+                                }
+                            },
+                            error: function(error) {
+                                Swal.fire({
+                                    title: 'Gagal!',
+                                    text: 'Gagal memuat data karena ' + error,
+                                    icon: 'error',
+                                    confirmButtonText: 'OK',
+                                });
+                            }
+                        });
+                    } catch (error) {
+                        Swal.fire({
+                            title: 'Gagal!',
+                            text: 'Gagal memuat data karena ' + error,
+                            icon: 'error',
+                            confirmButtonText: 'OK',
+                        });
+                    }
+                }
+            });
+
+            $('#signUp').on('click', function() {
+                let emptyInput = [];
+                const csrfToken = $('meta[name="csrf-token"]').attr('content');
+                let namaDepan = document.querySelector('[name="nama_depan"]').value;
+                let namaBelakang = document.querySelector('[name="nama_belakang"]').value;
+                let nik = document.querySelector('[name="nik"]').value;
+                let email = document.querySelector('[name="new_email"]').value;
+                let nohp = document.querySelector('[name="nohp"]').value;
+                let gender = document.querySelector('[name="gender"]').value;
+
+                // Tanggal lahir
+                let tanggalLahir = document.querySelector('[name="tanggal_lahir"]').value;
+                // Mencari selisih tahun lahir dengan tahun sekarang
+                // Parse tanggal lahir ke objek Date
+                let tanggalLahirDate = new Date(tanggalLahir);
+
+                // Dapatkan tahun dari tanggal lahir
+                let tahunLahir = tanggalLahirDate.getFullYear();
+
+                // Dapatkan tahun sekarang
+                let tahunSekarang = new Date().getFullYear();
+
+                // Hitung selisih tahun
+                let selisihTahun = tahunSekarang - tahunLahir;
+                // Akhir mencari selisih tahun
+
+                let kodeKelurahan = document.querySelector('[name="village_code"]').value;
+                let alamat = document.querySelector('[name="alamat"]').value;
+                let wajah = document.querySelector('[name="wajah"]').value;
+                let ktp = document.querySelector('[name="ktp"]').value;
+                let newPassword = document.querySelector('[name="new_password"]').value;
+                let confirmPassword = document.querySelector('[name="confirm_password"]').value;
+
+                // Pengecekan inputan yang kosong
+                if (namaDepan.trim() === "" || namaBelakang.trim() === "") {
+                    emptyInput.push("Nama depan dan nama belakang tidak boleh kosong");
+                }
+
+                if (nik.trim() === "") {
+                    emptyInput.push("Nik tidak boleh kosong");
+                }
+
+                if (email.trim() === "") {
+                    emptyInput.push("Email tidak boleh kosong");
+                }
+
+                if (nohp.trim() === "") {
+                    emptyInput.push("nomor HP tidak boleh kosong");
+                }
+
+                if (gender.trim() === "") {
+                    emptyInput.push("Jenis kelamin tidak boleh kosong");
+                }
+
+                if (tanggalLahir.trim() === "") {
+                    emptyInput.push("Tanggal lahir tidak boleh kosong");
+                } else if (selisihTahun < 17) {
+                    // kondisi dimana usia dibawah 18 tahun
+                    emptyInput.push("Anda harus berusia 17 keatas");
+                }
+
+                if (kodeKelurahan.trim() === "" || alamat.trim() === "") {
+                    emptyInput.push("Alamat tidak boleh kosong");
+                }
+
+                if (wajah.trim() === "") {
+                    emptyInput.push("Silahkan ambil foto wajah anda");
+                }
+
+                if (ktp.trim() === "") {
+                    emptyInput.push("Silahkan ambil foto KTP anda");
+                }
+
+                if (newPassword.trim() === "" || confirmPassword === "") {
+                    emptyInput.push("Password tidak boleh kosong");
+                } else if (newPassword.trim() != confirmPassword) {
+                    emptyInput.push("Password baru harus sama dengan password yang dikonfirmasi");
+                }
+
+                // kalau terdapat inputan kosong
+                if (emptyInput.length > 0) {
+                    const emptyInputError = emptyInput.join(', ');
+                    Swal.fire({
+                        title: 'Gagal',
+                        text: emptyInputError,
+                        icon: 'error',
+                        confirmButtonText: 'OK',
+                    });
+                } else {
+                    const formData = new FormData();
+                    formData.append('nama-depan', namaDepan);
+                    formData.append('nama-belakang', namaBelakang);
+                    formData.append('nik', nik);
+                    formData.append('email', email);
+                    formData.append('nohp', nohp);
+                    formData.append('gender', gender);
+                    formData.append('tanggal-lahir', tanggalLahir);
+                    formData.append('kode-kelurahan', kodeKelurahan);
+                    formData.append('alamat', alamat);
+                    formData.append('wajah', wajah);
+                    formData.append('ktp', ktp);
+                    formData.append('new-password', newPassword);
+                    formData.append('confirm-password', confirmPassword);
+
+                    $.ajaxSetup({
+                        headers: {
+                            'X-CSRF-TOKEN': csrfToken
+                        }
+                    });
+
+                    $.ajax({
+                        url: "{{ route('register') }}",
+                        type: 'POST',
+                        data: formData,
+                        processData: false,
+                        contentType: false,
+                        success: function(response) {
+                            Swal.fire({
+                                title: response.status ? 'Berhasil' : 'Gagal',
+                                text: response.message,
+                                icon: response.status ? 'success' : 'error',
+                                confirmButtonText: 'OK',
+                            }).then(function() {
+                                if (response.status == true) {
+                                    location.reload();
+                                }
+                            });
+                        },
+                        error: function(error) {
+                            Swal.fire({
+                                title: 'Gagal',
+                                text: 'Ada form yang kosong atau kesalahan internet. penyebab ' +
+                                    error,
+                                icon: 'error',
+                            });
+                        }
+                    });
+                }
+            });
+        });
+    </script>
+</body>
+
+</html>
diff --git a/resources/views/vendor/mail/html/button.blade.php b/resources/views/vendor/mail/html/button.blade.php
new file mode 100644
index 00000000..4a9bf7d0
--- /dev/null
+++ b/resources/views/vendor/mail/html/button.blade.php
@@ -0,0 +1,24 @@
+@props([
+    'url',
+    'color' => 'primary',
+    'align' => 'center',
+])
+<table class="action" align="{{ $align }}" width="100%" cellpadding="0" cellspacing="0" role="presentation">
+<tr>
+<td align="{{ $align }}">
+<table width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation">
+<tr>
+<td align="{{ $align }}">
+<table border="0" cellpadding="0" cellspacing="0" role="presentation">
+<tr>
+<td>
+<a href="{{ $url }}" class="button button-{{ $color }}" target="_blank" rel="noopener">{{ $slot }}</a>
+</td>
+</tr>
+</table>
+</td>
+</tr>
+</table>
+</td>
+</tr>
+</table>
diff --git a/resources/views/vendor/mail/html/footer.blade.php b/resources/views/vendor/mail/html/footer.blade.php
new file mode 100644
index 00000000..3ff41f89
--- /dev/null
+++ b/resources/views/vendor/mail/html/footer.blade.php
@@ -0,0 +1,11 @@
+<tr>
+<td>
+<table class="footer" align="center" width="570" cellpadding="0" cellspacing="0" role="presentation">
+<tr>
+<td class="content-cell" align="center">
+{{ Illuminate\Mail\Markdown::parse($slot) }}
+</td>
+</tr>
+</table>
+</td>
+</tr>
diff --git a/resources/views/vendor/mail/html/header.blade.php b/resources/views/vendor/mail/html/header.blade.php
new file mode 100644
index 00000000..56197f8d
--- /dev/null
+++ b/resources/views/vendor/mail/html/header.blade.php
@@ -0,0 +1,12 @@
+@props(['url'])
+<tr>
+<td class="header">
+<a href="{{ $url }}" style="display: inline-block;">
+@if (trim($slot) === 'Laravel')
+<img src="https://laravel.com/img/notification-logo.png" class="logo" alt="Laravel Logo">
+@else
+{{ $slot }}
+@endif
+</a>
+</td>
+</tr>
diff --git a/resources/views/vendor/mail/html/layout.blade.php b/resources/views/vendor/mail/html/layout.blade.php
new file mode 100644
index 00000000..e55f6a6d
--- /dev/null
+++ b/resources/views/vendor/mail/html/layout.blade.php
@@ -0,0 +1,57 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>{{ config('app.name') }}</title>
+<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+<meta name="color-scheme" content="light">
+<meta name="supported-color-schemes" content="light">
+<style>
+@media only screen and (max-width: 600px) {
+.inner-body {
+width: 100% !important;
+}
+
+.footer {
+width: 100% !important;
+}
+}
+
+@media only screen and (max-width: 500px) {
+.button {
+width: 100% !important;
+}
+}
+</style>
+</head>
+<body>
+
+<table class="wrapper" width="100%" cellpadding="0" cellspacing="0" role="presentation">
+<tr>
+<td align="center">
+<table class="content" width="100%" cellpadding="0" cellspacing="0" role="presentation">
+{{ $header ?? '' }}
+
+<!-- Email Body -->
+<tr>
+<td class="body" width="100%" cellpadding="0" cellspacing="0" style="border: hidden !important;">
+<table class="inner-body" align="center" width="570" cellpadding="0" cellspacing="0" role="presentation">
+<!-- Body content -->
+<tr>
+<td class="content-cell">
+{{ Illuminate\Mail\Markdown::parse($slot) }}
+
+{{ $subcopy ?? '' }}
+</td>
+</tr>
+</table>
+</td>
+</tr>
+
+{{ $footer ?? '' }}
+</table>
+</td>
+</tr>
+</table>
+</body>
+</html>
diff --git a/resources/views/vendor/mail/html/message.blade.php b/resources/views/vendor/mail/html/message.blade.php
new file mode 100644
index 00000000..f272460d
--- /dev/null
+++ b/resources/views/vendor/mail/html/message.blade.php
@@ -0,0 +1,27 @@
+<x-mail::layout>
+{{-- Header --}}
+<x-slot:header>
+<x-mail::header :url="config('app.url')">
+{{ config('app.name') }}
+</x-mail::header>
+</x-slot:header>
+
+{{-- Body --}}
+{{ $slot }}
+
+{{-- Subcopy --}}
+@isset($subcopy)
+<x-slot:subcopy>
+<x-mail::subcopy>
+{{ $subcopy }}
+</x-mail::subcopy>
+</x-slot:subcopy>
+@endisset
+
+{{-- Footer --}}
+<x-slot:footer>
+<x-mail::footer>
+© {{ date('Y') }} {{ config('app.name') }}. @lang('All rights reserved.')
+</x-mail::footer>
+</x-slot:footer>
+</x-mail::layout>
diff --git a/resources/views/vendor/mail/html/panel.blade.php b/resources/views/vendor/mail/html/panel.blade.php
new file mode 100644
index 00000000..2975a60a
--- /dev/null
+++ b/resources/views/vendor/mail/html/panel.blade.php
@@ -0,0 +1,14 @@
+<table class="panel" width="100%" cellpadding="0" cellspacing="0" role="presentation">
+<tr>
+<td class="panel-content">
+<table width="100%" cellpadding="0" cellspacing="0" role="presentation">
+<tr>
+<td class="panel-item">
+{{ Illuminate\Mail\Markdown::parse($slot) }}
+</td>
+</tr>
+</table>
+</td>
+</tr>
+</table>
+
diff --git a/resources/views/vendor/mail/html/subcopy.blade.php b/resources/views/vendor/mail/html/subcopy.blade.php
new file mode 100644
index 00000000..790ce6c2
--- /dev/null
+++ b/resources/views/vendor/mail/html/subcopy.blade.php
@@ -0,0 +1,7 @@
+<table class="subcopy" width="100%" cellpadding="0" cellspacing="0" role="presentation">
+<tr>
+<td>
+{{ Illuminate\Mail\Markdown::parse($slot) }}
+</td>
+</tr>
+</table>
diff --git a/resources/views/vendor/mail/html/table.blade.php b/resources/views/vendor/mail/html/table.blade.php
new file mode 100644
index 00000000..a5f3348b
--- /dev/null
+++ b/resources/views/vendor/mail/html/table.blade.php
@@ -0,0 +1,3 @@
+<div class="table">
+{{ Illuminate\Mail\Markdown::parse($slot) }}
+</div>
diff --git a/resources/views/vendor/mail/html/themes/default.css b/resources/views/vendor/mail/html/themes/default.css
new file mode 100644
index 00000000..2483b116
--- /dev/null
+++ b/resources/views/vendor/mail/html/themes/default.css
@@ -0,0 +1,290 @@
+/* Base */
+
+body,
+body *:not(html):not(style):not(br):not(tr):not(code) {
+    box-sizing: border-box;
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif,
+        'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
+    position: relative;
+}
+
+body {
+    -webkit-text-size-adjust: none;
+    background-color: #ffffff;
+    color: #718096;
+    height: 100%;
+    line-height: 1.4;
+    margin: 0;
+    padding: 0;
+    width: 100% !important;
+}
+
+p,
+ul,
+ol,
+blockquote {
+    line-height: 1.4;
+    text-align: left;
+}
+
+a {
+    color: #3869d4;
+}
+
+a img {
+    border: none;
+}
+
+/* Typography */
+
+h1 {
+    color: #3d4852;
+    font-size: 18px;
+    font-weight: bold;
+    margin-top: 0;
+    text-align: left;
+}
+
+h2 {
+    font-size: 16px;
+    font-weight: bold;
+    margin-top: 0;
+    text-align: left;
+}
+
+h3 {
+    font-size: 14px;
+    font-weight: bold;
+    margin-top: 0;
+    text-align: left;
+}
+
+p {
+    font-size: 16px;
+    line-height: 1.5em;
+    margin-top: 0;
+    text-align: left;
+}
+
+p.sub {
+    font-size: 12px;
+}
+
+img {
+    max-width: 100%;
+}
+
+/* Layout */
+
+.wrapper {
+    -premailer-cellpadding: 0;
+    -premailer-cellspacing: 0;
+    -premailer-width: 100%;
+    background-color: #edf2f7;
+    margin: 0;
+    padding: 0;
+    width: 100%;
+}
+
+.content {
+    -premailer-cellpadding: 0;
+    -premailer-cellspacing: 0;
+    -premailer-width: 100%;
+    margin: 0;
+    padding: 0;
+    width: 100%;
+}
+
+/* Header */
+
+.header {
+    padding: 25px 0;
+    text-align: center;
+}
+
+.header a {
+    color: #3d4852;
+    font-size: 19px;
+    font-weight: bold;
+    text-decoration: none;
+}
+
+/* Logo */
+
+.logo {
+    height: 75px;
+    max-height: 75px;
+    width: 75px;
+}
+
+/* Body */
+
+.body {
+    -premailer-cellpadding: 0;
+    -premailer-cellspacing: 0;
+    -premailer-width: 100%;
+    background-color: #edf2f7;
+    border-bottom: 1px solid #edf2f7;
+    border-top: 1px solid #edf2f7;
+    margin: 0;
+    padding: 0;
+    width: 100%;
+}
+
+.inner-body {
+    -premailer-cellpadding: 0;
+    -premailer-cellspacing: 0;
+    -premailer-width: 570px;
+    background-color: #ffffff;
+    border-color: #e8e5ef;
+    border-radius: 2px;
+    border-width: 1px;
+    box-shadow: 0 2px 0 rgba(0, 0, 150, 0.025), 2px 4px 0 rgba(0, 0, 150, 0.015);
+    margin: 0 auto;
+    padding: 0;
+    width: 570px;
+}
+
+/* Subcopy */
+
+.subcopy {
+    border-top: 1px solid #e8e5ef;
+    margin-top: 25px;
+    padding-top: 25px;
+}
+
+.subcopy p {
+    font-size: 14px;
+}
+
+/* Footer */
+
+.footer {
+    -premailer-cellpadding: 0;
+    -premailer-cellspacing: 0;
+    -premailer-width: 570px;
+    margin: 0 auto;
+    padding: 0;
+    text-align: center;
+    width: 570px;
+}
+
+.footer p {
+    color: #b0adc5;
+    font-size: 12px;
+    text-align: center;
+}
+
+.footer a {
+    color: #b0adc5;
+    text-decoration: underline;
+}
+
+/* Tables */
+
+.table table {
+    -premailer-cellpadding: 0;
+    -premailer-cellspacing: 0;
+    -premailer-width: 100%;
+    margin: 30px auto;
+    width: 100%;
+}
+
+.table th {
+    border-bottom: 1px solid #edeff2;
+    margin: 0;
+    padding-bottom: 8px;
+}
+
+.table td {
+    color: #74787e;
+    font-size: 15px;
+    line-height: 18px;
+    margin: 0;
+    padding: 10px 0;
+}
+
+.content-cell {
+    max-width: 100vw;
+    padding: 32px;
+}
+
+/* Buttons */
+
+.action {
+    -premailer-cellpadding: 0;
+    -premailer-cellspacing: 0;
+    -premailer-width: 100%;
+    margin: 30px auto;
+    padding: 0;
+    text-align: center;
+    width: 100%;
+}
+
+.button {
+    -webkit-text-size-adjust: none;
+    border-radius: 4px;
+    color: #fff;
+    display: inline-block;
+    overflow: hidden;
+    text-decoration: none;
+}
+
+.button-blue,
+.button-primary {
+    background-color: #2d3748;
+    border-bottom: 8px solid #2d3748;
+    border-left: 18px solid #2d3748;
+    border-right: 18px solid #2d3748;
+    border-top: 8px solid #2d3748;
+}
+
+.button-green,
+.button-success {
+    background-color: #48bb78;
+    border-bottom: 8px solid #48bb78;
+    border-left: 18px solid #48bb78;
+    border-right: 18px solid #48bb78;
+    border-top: 8px solid #48bb78;
+}
+
+.button-red,
+.button-error {
+    background-color: #e53e3e;
+    border-bottom: 8px solid #e53e3e;
+    border-left: 18px solid #e53e3e;
+    border-right: 18px solid #e53e3e;
+    border-top: 8px solid #e53e3e;
+}
+
+/* Panels */
+
+.panel {
+    border-left: #2d3748 solid 4px;
+    margin: 21px 0;
+}
+
+.panel-content {
+    background-color: #edf2f7;
+    color: #718096;
+    padding: 16px;
+}
+
+.panel-content p {
+    color: #718096;
+}
+
+.panel-item {
+    padding: 0;
+}
+
+.panel-item p:last-of-type {
+    margin-bottom: 0;
+    padding-bottom: 0;
+}
+
+/* Utilities */
+
+.break-all {
+    word-break: break-all;
+}
diff --git a/resources/views/vendor/mail/text/button.blade.php b/resources/views/vendor/mail/text/button.blade.php
new file mode 100644
index 00000000..97444ebd
--- /dev/null
+++ b/resources/views/vendor/mail/text/button.blade.php
@@ -0,0 +1 @@
+{{ $slot }}: {{ $url }}
diff --git a/resources/views/vendor/mail/text/footer.blade.php b/resources/views/vendor/mail/text/footer.blade.php
new file mode 100644
index 00000000..3338f620
--- /dev/null
+++ b/resources/views/vendor/mail/text/footer.blade.php
@@ -0,0 +1 @@
+{{ $slot }}
diff --git a/resources/views/vendor/mail/text/header.blade.php b/resources/views/vendor/mail/text/header.blade.php
new file mode 100644
index 00000000..aaa3e575
--- /dev/null
+++ b/resources/views/vendor/mail/text/header.blade.php
@@ -0,0 +1 @@
+[{{ $slot }}]({{ $url }})
diff --git a/resources/views/vendor/mail/text/layout.blade.php b/resources/views/vendor/mail/text/layout.blade.php
new file mode 100644
index 00000000..ec58e83c
--- /dev/null
+++ b/resources/views/vendor/mail/text/layout.blade.php
@@ -0,0 +1,9 @@
+{!! strip_tags($header ?? '') !!}
+
+{!! strip_tags($slot) !!}
+@isset($subcopy)
+
+{!! strip_tags($subcopy) !!}
+@endisset
+
+{!! strip_tags($footer ?? '') !!}
diff --git a/resources/views/vendor/mail/text/message.blade.php b/resources/views/vendor/mail/text/message.blade.php
new file mode 100644
index 00000000..80bce211
--- /dev/null
+++ b/resources/views/vendor/mail/text/message.blade.php
@@ -0,0 +1,27 @@
+<x-mail::layout>
+    {{-- Header --}}
+    <x-slot:header>
+        <x-mail::header :url="config('app.url')">
+            {{ config('app.name') }}
+        </x-mail::header>
+    </x-slot:header>
+
+    {{-- Body --}}
+    {{ $slot }}
+
+    {{-- Subcopy --}}
+    @isset($subcopy)
+        <x-slot:subcopy>
+            <x-mail::subcopy>
+                {{ $subcopy }}
+            </x-mail::subcopy>
+        </x-slot:subcopy>
+    @endisset
+
+    {{-- Footer --}}
+    <x-slot:footer>
+        <x-mail::footer>
+            © {{ date('Y') }} {{ config('app.name') }}. @lang('All rights reserved.')
+        </x-mail::footer>
+    </x-slot:footer>
+</x-mail::layout>
diff --git a/resources/views/vendor/mail/text/panel.blade.php b/resources/views/vendor/mail/text/panel.blade.php
new file mode 100644
index 00000000..3338f620
--- /dev/null
+++ b/resources/views/vendor/mail/text/panel.blade.php
@@ -0,0 +1 @@
+{{ $slot }}
diff --git a/resources/views/vendor/mail/text/subcopy.blade.php b/resources/views/vendor/mail/text/subcopy.blade.php
new file mode 100644
index 00000000..3338f620
--- /dev/null
+++ b/resources/views/vendor/mail/text/subcopy.blade.php
@@ -0,0 +1 @@
+{{ $slot }}
diff --git a/resources/views/vendor/mail/text/table.blade.php b/resources/views/vendor/mail/text/table.blade.php
new file mode 100644
index 00000000..3338f620
--- /dev/null
+++ b/resources/views/vendor/mail/text/table.blade.php
@@ -0,0 +1 @@
+{{ $slot }}
diff --git a/resources/views/vendor/notifications/email.blade.php b/resources/views/vendor/notifications/email.blade.php
new file mode 100644
index 00000000..678e2591
--- /dev/null
+++ b/resources/views/vendor/notifications/email.blade.php
@@ -0,0 +1,58 @@
+<x-mail::message>
+{{-- Greeting --}}
+@if (! empty($greeting))
+# {{ $greeting }}
+@else
+@if ($level === 'error')
+# @lang('Whoops!')
+@else
+# @lang('Hello!')
+@endif
+@endif
+
+{{-- Intro Lines --}}
+@foreach ($introLines as $line)
+{{ $line }}
+
+@endforeach
+
+{{-- Action Button --}}
+@isset($actionText)
+<?php
+    $color = match ($level) {
+        'success', 'error' => $level,
+        default => 'primary',
+    };
+?>
+<x-mail::button :url="$actionUrl" :color="$color">
+{{ $actionText }}
+</x-mail::button>
+@endisset
+
+{{-- Outro Lines --}}
+@foreach ($outroLines as $line)
+{{ $line }}
+
+@endforeach
+
+{{-- Salutation --}}
+@if (! empty($salutation))
+{{ $salutation }}
+@else
+@lang('Regards'),<br>
+{{ config('app.name') }}
+@endif
+
+{{-- Subcopy --}}
+@isset($actionText)
+<x-slot:subcopy>
+@lang(
+    "If you're having trouble clicking the \":actionText\" button, copy and paste the URL below\n".
+    'into your web browser:',
+    [
+        'actionText' => $actionText,
+    ]
+) <span class="break-all">[{{ $displayableActionUrl }}]({{ $actionUrl }})</span>
+</x-slot:subcopy>
+@endisset
+</x-mail::message>
diff --git a/routes/api.php b/routes/api.php
index 889937e1..66ed50d0 100644
--- a/routes/api.php
+++ b/routes/api.php
@@ -2,6 +2,7 @@
 
 use Illuminate\Http\Request;
 use Illuminate\Support\Facades\Route;
+use App\Http\Controllers\API\LoginApiController;
 
 /*
 |--------------------------------------------------------------------------
@@ -17,3 +18,19 @@ use Illuminate\Support\Facades\Route;
 Route::middleware('auth:sanctum')->get('/user', function (Request $request) {
     return $request->user();
 });
+
+Route::group(
+    [
+        'middleware' => 'api',
+        'prefix' => 'auth',
+    ],
+    function ($router) {
+        Route::post('login', [LoginApiController::class,'login']);
+        Route::post('logout', [LoginApiController::class,'logout']);
+        Route::post('refresh', [LoginApiController::class,'refresh']);
+        Route::post('me', [LoginApiController::class,'me']);
+        Route::post('register',[LoginApiController::class,'register']);
+        Route::post('hai',[LoginApiController::class,'hai']);
+        // Route::post('status',[LoginApiController::class,'check']);
+    },
+);
diff --git a/routes/web.php b/routes/web.php
index 5f6bc1fc..23ff5622 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -1,12 +1,23 @@
 <?php
 
-use App\Http\Controllers\RefundController;
 use Illuminate\Support\Facades\Route;
-use App\Models\Refund;
-use App\Models\Setting;
-use App\Models\transaction;
-use App\Models\Users;
-use Illuminate\Foundation\Auth\User;
+use App\Models\Refunds;
+use App\Models\Transactions;
+//Admin
+use App\Http\Controllers\Admin\AdminRefundController;
+use App\Http\Controllers\Admin\AdminUserController;
+use App\Http\Controllers\Admin\AdminSettingController;
+use App\Http\Controllers\Admin\AdminTransactionController;
+use App\Http\Controllers\Admin\AdminDashboardController;
+//Login
+use App\Http\Controllers\Login\LoginController;
+//User
+use App\Http\Controllers\User\UserDashboardController;
+use App\Http\Controllers\User\UserContactController;
+use App\Http\Controllers\User\UserTransactionController;
+use App\Http\Controllers\User\UserRefundController;
+
+// use Illuminate\Foundation\Auth\User;
 
 /*
 |--------------------------------------------------------------------------
@@ -22,74 +33,142 @@ Route::get('/welcome', function () {
     return view('welcome'
     );
 });
-Route::get('/', function () {
-    return view('index',[
-        'name'=>'Jilhan Haura',
-        "transaction"=>transaction::allTransactions()
-    ]);
-});
+
+
 Route::get('/detail_transaction', function () {
-    return view('Admin/transaction/detail-transaction',[
+    return view('admin/transaction/detail-transaction',[
         'name'=>'Jilhn Haura',
-        'detail_transaction' => transaction::allDetailTransactions()
+        'detail_transaction' => Transactions::allDetailTransactions()
     ]);
-});
-Route::get('/history_transaction', function () {
-    return view('Admin/transaction/History_Transaction',[
-        'name'=>'Jilhan Haura',
-        "transaction"=> transaction::allTransactions()
-    ]);
-});
-Route::get('/history_refund', function () {
-    return view('Admin/refund/history-refund',[
-        'name'=>'Jilhan Haura',
-        "history_refund" => Refund::HistoryRefund()
-    ]);
-});
-Route::get('/refund',[RefundController::class,'index']);
+})->name('transaction.detail');
+// Route::get('/history_transaction', function () {
+//     return view('admin/transaction/History_Transaction',[
+//         'name'=>'Jilhan Haura',
+//         "transaction"=> Transactions::allTransactions()
+//     ]);
+// });
+// Route::get('/history_refund', function () {
+//     return view('admin/refund/history-refund',[
+//         'name'=>'Jilhan Haura',
+//         "history_refund" => Refunds::HistoryRefund()
+//     ]);
+// });
 
 
 
 Route::get('/detail_refund',function() {
-    return view('Admin/refund/detail-refund',[
+    return view('admin/refund/detail-refund',[
         'name'=>'Jilhan Haura',
-        "detail_refund"=> Refund::DetailRefund()
+        "detail_refund"=> Refunds::DetailRefund()
     ]);
-});
+})->name('refund.detail');
 Route::get('/next_detail_refund',function() {
-    return view('Admin/refund/next-detail-refund',[
+    return view('admin/refund/next-detail-refund',[
         'name'=>"Jilhan Haura"
     ]);
 });
-Route::get('/list_user',function() {
-    return view('Admin/users/list-user',[
-        'name'=>"Jilhan Haura",
-        "list_users" => Users::listUsers()
-    ]);
-});
-Route::get('/detail-user',function() {
-    return view('Admin/users/detail-user',[
-        'name'=>"Jilhan Haura",
-        "detail_user" => Users::detailUser()
-    ]);
-});
-Route::get('/profile',function() {
-    return view('Admin/profile/index',[
-        'name'=>"Jilhan Haura",
-    ]);
-});
-Route::get('/setting',function() {
-    return view('Admin/setting/index',[
-        'name'=>"Jilhan Haura",
-        "setting" => Setting:: HistorySetting()
-    ]);
-});
+// Route::get('/list_user',function() {
+//     return view('Admin/users/list-user',[
+//         'name'=>"Jilhan Haura",
+//         "list_users" => Users::listUsers()
+//     ]);
+// });
+// Route::get('/detail-user',function() {
+//     return view('Admin/users/detail-user',[
+//         'name'=>"Jilhan Haura",
+//         "detail_user" => Users::detailUser()
+//     ]);
+// });
+// Route::get('/profile',function() {
+//     return view('admin/profile/index',[
+//         'name'=>"Jilhan Haura",
+//     ]);
+// });
+// Route::get('/setting',function() {
+//     return view('admin/setting/index',[
+//         'name'=>"Jilhan Haura",
+//         "setting" => Settings:: HistorySetting()
+//     ]);
+// });
 
 // --------------------------------------------------------------------------------------------
 
-Route::get('/User', function () {
-    return view('User/index',[
-        'name'=>'Jilhan Haura',
-        "transaction"=>transaction::allTransactions()
-    ]);
-});
\ No newline at end of file
+// Route::get('/Ini', function () {
+//     return view('user/index',[
+//         'name'=>'Jilhan Haura',
+//         "transaction"=>Transactions::allTransactions()
+//     ]);
+// });
+
+
+// Route::resource('/login',LoginController::class);
+
+
+
+// Login, logout dan register
+Route::controller(LoginController::class)->group(function(){
+    Route::get('/','login')->name('login');
+    Route::get('/logout','logout')->name('logout');
+    Route::post('/','authenticate')->name('authenticate');
+    Route::post('/register','register')->name('register');
+    Route::get('/cek-email/{email}','statusAkun')->name('status.akun');
+    Route::get('/cari-provinsi','cariProvinsi')->name('cari.provinsi');
+    Route::get('/cari-kota/{code}','cariKota')->name('cari.kota');
+    Route::get('/cari-kecamatan/{code}','cariKecamatan')->name('cari.kecamatan');
+    Route::get('/cari-kelurahan/{code}','cariKelurahan')->name('cari.kelurahan');
+});
+
+// admin dan user
+Route::middleware(['auth'])->group(function(){
+    Route::middleware(['admin'])->group(function(){
+        Route::prefix('admin')->group(function(){
+            // Tampilan dashboard admin beserta perhitungan
+            Route::controller(AdminDashboardController::class)->group(function(){
+                Route::get('/','index')->name('admin.index');
+                Route::get('/profile','profile')->name('admin.profile');
+            });
+            // Tampilan, aprove atau deny dan hapus user
+            // Route::resource('admin-user', AdminUserController::class);
+            Route::controller(AdminUserController::class)->group(function(){
+                Route::get('admin-user','index')->name('admin-user.index');
+                Route::get('admin-user/{id}','show')->name('admin-user.show');
+                Route::delete('admin-user/{id}','delete')->name('admin-user.destroy');
+                Route::put('admin-user/approve-user/{id}', 'approveUser')->name('admin-user.approve');
+                Route::put('admin-user/deny-user/{id}', 'denyUser')->name('admin-user.deny');
+            });
+            // Tampilan transaksi
+            Route::resource('admin-transaction', AdminTransactionController::class);
+            // Tampilan, approve atau deny dan hapus refund
+            Route::resource('admin-refund',AdminRefundController::class);
+            // Tampilan, tambah, ubah dan hapus kebijakan persentase perusahaan
+            Route::resource('admin-setting',AdminSettingController::class);
+        });
+    });
+    Route::middleware(['user'])->group(function(){
+        Route::prefix('user')->group(function(){
+            // Tampilan dashboard user beserta perhitungan
+            Route::controller(UserDashboardController::class)->group(function(){
+                Route::get('/','index')->name('user.index');
+                Route::get('/profile','profile')->name('user.profile');
+            });
+            // Tampilan, tambah dan hapus kontak
+            Route::controller(UserContactController::class)->group(function(){
+                Route::get('user-contact','index')->name('user-contact.index');
+                Route::get('cek-contact/{email}','cekEmail')->name('user-contact.email');
+                Route::post('user-contact','store')->name('user-contact.store');
+                Route::delete('user-contact/{id}','destroy')->name('user-contact.delete');
+            });
+            // Tampilan transaksi, bayar, update status pengiriman dan refund
+            Route::controller(UserTransactionController::class)->group(function(){
+                Route::get('user-transaction-pembeli','indexPembeli')->name('user-transaction.index.pembeli');
+                Route::get('user-transaction-penjual','indexPenjual')->name('user-transaction.index.penjual');
+                //bayar
+
+            });
+            // Tampilan refund
+            Route::controller(UserRefundController::class)->group(function(){
+                Route::get('user-refund','index')->name('user-refund.index');
+            });
+        });
+    });
+});
diff --git a/sail b/sail
new file mode 100644
index 00000000..1511f670
--- /dev/null
+++ b/sail
@@ -0,0 +1,547 @@
+#!/usr/bin/env bash
+
+UNAMEOUT="$(uname -s)"
+
+# Verify operating system is supported...
+case "${UNAMEOUT}" in
+    Linux*)             MACHINE=linux;;
+    Darwin*)            MACHINE=mac;;
+    *)                  MACHINE="UNKNOWN"
+esac
+
+if [ "$MACHINE" == "UNKNOWN" ]; then
+    echo "Unsupported operating system [$(uname -s)]. Laravel Sail supports macOS, Linux, and Windows (WSL2)." >&2
+
+    exit 1
+fi
+
+# Determine if stdout is a terminal...
+if test -t 1; then
+    # Determine if colors are supported...
+    ncolors=$(tput colors)
+
+    if test -n "$ncolors" && test "$ncolors" -ge 8; then
+        BOLD="$(tput bold)"
+        YELLOW="$(tput setaf 3)"
+        GREEN="$(tput setaf 2)"
+        NC="$(tput sgr0)"
+    fi
+fi
+
+# Function that prints the available commands...
+function display_help {
+    echo "Laravel Sail"
+    echo
+    echo "${YELLOW}Usage:${NC}" >&2
+    echo "  sail COMMAND [options] [arguments]"
+    echo
+    echo "Unknown commands are passed to the docker-compose binary."
+    echo
+    echo "${YELLOW}docker-compose Commands:${NC}"
+    echo "  ${GREEN}sail up${NC}        Start the application"
+    echo "  ${GREEN}sail up -d${NC}     Start the application in the background"
+    echo "  ${GREEN}sail stop${NC}      Stop the application"
+    echo "  ${GREEN}sail restart${NC}   Restart the application"
+    echo "  ${GREEN}sail ps${NC}        Display the status of all containers"
+    echo
+    echo "${YELLOW}Artisan Commands:${NC}"
+    echo "  ${GREEN}sail artisan ...${NC}          Run an Artisan command"
+    echo "  ${GREEN}sail artisan queue:work${NC}"
+    echo
+    echo "${YELLOW}PHP Commands:${NC}"
+    echo "  ${GREEN}sail php ...${NC}   Run a snippet of PHP code"
+    echo "  ${GREEN}sail php -v${NC}"
+    echo
+    echo "${YELLOW}Composer Commands:${NC}"
+    echo "  ${GREEN}sail composer ...${NC}                       Run a Composer command"
+    echo "  ${GREEN}sail composer require laravel/sanctum${NC}"
+    echo
+    echo "${YELLOW}Node Commands:${NC}"
+    echo "  ${GREEN}sail node ...${NC}         Run a Node command"
+    echo "  ${GREEN}sail node --version${NC}"
+    echo
+    echo "${YELLOW}NPM Commands:${NC}"
+    echo "  ${GREEN}sail npm ...${NC}        Run a npm command"
+    echo "  ${GREEN}sail npx${NC}            Run a npx command"
+    echo "  ${GREEN}sail npm run prod${NC}"
+    echo
+    echo "${YELLOW}PNPM Commands:${NC}"
+    echo "  ${GREEN}sail pnpm ...${NC}        Run a pnpm command"
+    echo "  ${GREEN}sail pnpx${NC}            Run a pnpx command"
+    echo "  ${GREEN}sail pnpm run prod${NC}"
+    echo
+    echo "${YELLOW}Yarn Commands:${NC}"
+    echo "  ${GREEN}sail yarn ...${NC}        Run a Yarn command"
+    echo "  ${GREEN}sail yarn run prod${NC}"
+    echo
+    echo "${YELLOW}Database Commands:${NC}"
+    echo "  ${GREEN}sail mysql${NC}     Start a MySQL CLI session within the 'mysql' container"
+    echo "  ${GREEN}sail mariadb${NC}   Start a MySQL CLI session within the 'mariadb' container"
+    echo "  ${GREEN}sail psql${NC}      Start a PostgreSQL CLI session within the 'pgsql' container"
+    echo "  ${GREEN}sail redis${NC}     Start a Redis CLI session within the 'redis' container"
+    echo
+    echo "${YELLOW}Debugging:${NC}"
+    echo "  ${GREEN}sail debug ...${NC}          Run an Artisan command in debug mode"
+    echo "  ${GREEN}sail debug queue:work${NC}"
+    echo
+    echo "${YELLOW}Running Tests:${NC}"
+    echo "  ${GREEN}sail test${NC}          Run the PHPUnit tests via the Artisan test command"
+    echo "  ${GREEN}sail phpunit ...${NC}   Run PHPUnit"
+    echo "  ${GREEN}sail pest ...${NC}      Run Pest"
+    echo "  ${GREEN}sail pint ...${NC}      Run Pint"
+    echo "  ${GREEN}sail dusk${NC}          Run the Dusk tests (Requires the laravel/dusk package)"
+    echo "  ${GREEN}sail dusk:fails${NC}    Re-run previously failed Dusk tests (Requires the laravel/dusk package)"
+    echo
+    echo "${YELLOW}Container CLI:${NC}"
+    echo "  ${GREEN}sail shell${NC}        Start a shell session within the application container"
+    echo "  ${GREEN}sail bash${NC}         Alias for 'sail shell'"
+    echo "  ${GREEN}sail root-shell${NC}   Start a root shell session within the application container"
+    echo "  ${GREEN}sail root-bash${NC}    Alias for 'sail root-shell'"
+    echo "  ${GREEN}sail tinker${NC}       Start a new Laravel Tinker session"
+    echo
+    echo "${YELLOW}Sharing:${NC}"
+    echo "  ${GREEN}sail share${NC}   Share the application publicly via a temporary URL"
+    echo "  ${GREEN}sail open${NC}    Open the site in your browser"
+    echo
+    echo "${YELLOW}Binaries:${NC}"
+    echo "  ${GREEN}sail bin ...${NC}   Run Composer binary scripts from the vendor/bin directory"
+    echo
+    echo "${YELLOW}Customization:${NC}"
+    echo "  ${GREEN}sail artisan sail:publish${NC}   Publish the Sail configuration files"
+    echo "  ${GREEN}sail build --no-cache${NC}       Rebuild all of the Sail containers"
+
+    exit 1
+}
+
+# Proxy the "help" command...
+if [ $# -gt 0 ]; then
+    if [ "$1" == "help" ] || [ "$1" == "-h" ] || [ "$1" == "-help" ] || [ "$1" == "--help" ]; then
+        display_help
+    fi
+else
+    display_help
+fi
+
+# Source the ".env" file so Laravel's environment variables are available...
+if [ ! -z "$APP_ENV" ] && [ -f ./.env.$APP_ENV ]; then
+  source ./.env.$APP_ENV;
+elif [ -f ./.env ]; then
+  source ./.env;
+fi
+
+# Define environment variables...
+export APP_PORT=${APP_PORT:-80}
+export APP_SERVICE=${APP_SERVICE:-"laravel.test"}
+export DB_PORT=${DB_PORT:-3306}
+export WWWUSER=${WWWUSER:-$UID}
+export WWWGROUP=${WWWGROUP:-$(id -g)}
+
+export SAIL_FILES=${SAIL_FILES:-""}
+export SAIL_SHARE_DASHBOARD=${SAIL_SHARE_DASHBOARD:-4040}
+export SAIL_SHARE_SERVER_HOST=${SAIL_SHARE_SERVER_HOST:-"laravel-sail.site"}
+export SAIL_SHARE_SERVER_PORT=${SAIL_SHARE_SERVER_PORT:-8080}
+export SAIL_SHARE_SUBDOMAIN=${SAIL_SHARE_SUBDOMAIN:-""}
+export SAIL_SHARE_DOMAIN=${SAIL_SHARE_DOMAIN:-"$SAIL_SHARE_SERVER_HOST"}
+export SAIL_SHARE_SERVER=${SAIL_SHARE_SERVER:-""}
+
+# Function that outputs Sail is not running...
+function sail_is_not_running {
+    echo "${BOLD}Sail is not running.${NC}" >&2
+    echo "" >&2
+    echo "${BOLD}You may Sail using the following commands:${NC} './vendor/bin/sail up' or './vendor/bin/sail up -d'" >&2
+
+    exit 1
+}
+
+# Define Docker Compose command prefix...
+docker compose &> /dev/null
+if [ $? == 0 ]; then
+    DOCKER_COMPOSE=(docker compose)
+else
+    DOCKER_COMPOSE=(docker-compose)
+fi
+
+if [ -n "$SAIL_FILES" ]; then
+    # Convert SAIL_FILES to an array...
+    IFS=':' read -ra SAIL_FILES <<< "$SAIL_FILES"
+
+    for FILE in "${SAIL_FILES[@]}"; do
+        if [ -f "$FILE" ]; then
+            DOCKER_COMPOSE+=(-f "$FILE")
+        else
+            echo "${BOLD}Unable to find Docker Compose file: '${FILE}'${NC}" >&2
+
+            exit 1
+        fi
+    done
+fi
+
+EXEC="yes"
+
+if [ -z "$SAIL_SKIP_CHECKS" ]; then
+    # Ensure that Docker is running...
+    if ! docker info > /dev/null 2>&1; then
+        echo "${BOLD}Docker is not running.${NC}" >&2
+
+        exit 1
+    fi
+
+    # Determine if Sail is currently up...
+    if "${DOCKER_COMPOSE[@]}" ps "$APP_SERVICE" 2>&1 | grep 'Exit\|exited'; then
+        echo "${BOLD}Shutting down old Sail processes...${NC}" >&2
+
+        "${DOCKER_COMPOSE[@]}" down > /dev/null 2>&1
+
+        EXEC="no"
+    elif [ -z "$("${DOCKER_COMPOSE[@]}" ps -q)" ]; then
+        EXEC="no"
+    fi
+fi
+
+ARGS=()
+
+# Proxy PHP commands to the "php" binary on the application container...
+if [ "$1" == "php" ]; then
+    shift 1
+
+    if [ "$EXEC" == "yes" ]; then
+        ARGS+=(exec -u sail)
+        [ ! -t 0 ] && ARGS+=(-T)
+        ARGS+=("$APP_SERVICE" "php" "$@")
+    else
+        sail_is_not_running
+    fi
+
+# Proxy vendor binary commands on the application container...
+elif [ "$1" == "bin" ]; then
+    shift 1
+
+    if [ "$EXEC" == "yes" ]; then
+        ARGS+=(exec -u sail)
+        [ ! -t 0 ] && ARGS+=(-T)
+        ARGS+=("$APP_SERVICE" ./vendor/bin/"$@")
+    else
+        sail_is_not_running
+    fi
+
+# Proxy docker-compose commands to the docker-compose binary on the application container...
+elif [ "$1" == "docker-compose" ]; then
+    shift 1
+
+    if [ "$EXEC" == "yes" ]; then
+        ARGS+=(exec -u sail)
+        [ ! -t 0 ] && ARGS+=(-T)
+        ARGS+=("$APP_SERVICE" "${DOCKER_COMPOSE[@]}")
+    else
+        sail_is_not_running
+    fi
+
+# Proxy Composer commands to the "composer" binary on the application container...
+elif [ "$1" == "composer" ]; then
+    shift 1
+
+    if [ "$EXEC" == "yes" ]; then
+        ARGS+=(exec -u sail)
+        [ ! -t 0 ] && ARGS+=(-T)
+        ARGS+=("$APP_SERVICE" "composer" "$@")
+    else
+        sail_is_not_running
+    fi
+
+# Proxy Artisan commands to the "artisan" binary on the application container...
+elif [ "$1" == "artisan" ] || [ "$1" == "art" ] || [ "$1" == "a" ]; then
+    shift 1
+
+    if [ "$EXEC" == "yes" ]; then
+        ARGS+=(exec -u sail)
+        [ ! -t 0 ] && ARGS+=(-T)
+        ARGS+=("$APP_SERVICE" php artisan "$@")
+    else
+        sail_is_not_running
+    fi
+
+# Proxy the "debug" command to the "php artisan" binary on the application container with xdebug enabled...
+elif [ "$1" == "debug" ]; then
+    shift 1
+
+    if [ "$EXEC" == "yes" ]; then
+        ARGS+=(exec -u sail -e XDEBUG_SESSION=1)
+        [ ! -t 0 ] && ARGS+=(-T)
+        ARGS+=("$APP_SERVICE" php artisan "$@")
+    else
+        sail_is_not_running
+    fi
+
+# Proxy the "test" command to the "php artisan test" Artisan command...
+elif [ "$1" == "test" ]; then
+    shift 1
+
+    if [ "$EXEC" == "yes" ]; then
+        ARGS+=(exec -u sail)
+        [ ! -t 0 ] && ARGS+=(-T)
+        ARGS+=("$APP_SERVICE" php artisan test "$@")
+    else
+        sail_is_not_running
+    fi
+
+# Proxy the "phpunit" command to "php vendor/bin/phpunit"...
+elif [ "$1" == "phpunit" ]; then
+    shift 1
+
+    if [ "$EXEC" == "yes" ]; then
+        ARGS+=(exec -u sail)
+        [ ! -t 0 ] && ARGS+=(-T)
+        ARGS+=("$APP_SERVICE" php vendor/bin/phpunit "$@")
+    else
+        sail_is_not_running
+    fi
+
+# Proxy the "pest" command to "php vendor/bin/pest"...
+elif [ "$1" == "pest" ]; then
+    shift 1
+
+    if [ "$EXEC" == "yes" ]; then
+        ARGS+=(exec -u sail)
+        [ ! -t 0 ] && ARGS+=(-T)
+        ARGS+=("$APP_SERVICE" php vendor/bin/pest "$@")
+    else
+        sail_is_not_running
+    fi
+
+# Proxy the "pint" command to "php vendor/bin/pint"...
+elif [ "$1" == "pint" ]; then
+    shift 1
+
+    if [ "$EXEC" == "yes" ]; then
+        ARGS+=(exec -u sail)
+        [ ! -t 0 ] && ARGS+=(-T)
+        ARGS+=("$APP_SERVICE" php vendor/bin/pint "$@")
+    else
+        sail_is_not_running
+    fi
+
+# Proxy the "dusk" command to the "php artisan dusk" Artisan command...
+elif [ "$1" == "dusk" ]; then
+    shift 1
+
+    if [ "$EXEC" == "yes" ]; then
+        ARGS+=(exec -u sail)
+        [ ! -t 0 ] && ARGS+=(-T)
+        ARGS+=(-e "APP_URL=http://${APP_SERVICE}")
+        ARGS+=(-e "DUSK_DRIVER_URL=http://selenium:4444/wd/hub")
+        ARGS+=("$APP_SERVICE" php artisan dusk "$@")
+    else
+        sail_is_not_running
+    fi
+
+# Proxy the "dusk:fails" command to the "php artisan dusk:fails" Artisan command...
+elif [ "$1" == "dusk:fails" ]; then
+    shift 1
+
+    if [ "$EXEC" == "yes" ]; then
+        ARGS+=(exec -u sail)
+        [ ! -t 0 ] && ARGS+=(-T)
+        ARGS+=(-e "APP_URL=http://${APP_SERVICE}")
+        ARGS+=(-e "DUSK_DRIVER_URL=http://selenium:4444/wd/hub")
+        ARGS+=("$APP_SERVICE" php artisan dusk:fails "$@")
+    else
+        sail_is_not_running
+    fi
+
+# Initiate a Laravel Tinker session within the application container...
+elif [ "$1" == "tinker" ] ; then
+    shift 1
+
+    if [ "$EXEC" == "yes" ]; then
+        ARGS+=(exec -u sail)
+        [ ! -t 0 ] && ARGS+=(-T)
+        ARGS+=("$APP_SERVICE" php artisan tinker)
+    else
+        sail_is_not_running
+    fi
+
+# Proxy Node commands to the "node" binary on the application container...
+elif [ "$1" == "node" ]; then
+    shift 1
+
+    if [ "$EXEC" == "yes" ]; then
+        ARGS+=(exec -u sail)
+        [ ! -t 0 ] && ARGS+=(-T)
+        ARGS+=("$APP_SERVICE" node "$@")
+    else
+        sail_is_not_running
+    fi
+
+# Proxy NPM commands to the "npm" binary on the application container...
+elif [ "$1" == "npm" ]; then
+    shift 1
+
+    if [ "$EXEC" == "yes" ]; then
+        ARGS+=(exec -u sail)
+        [ ! -t 0 ] && ARGS+=(-T)
+        ARGS+=("$APP_SERVICE" npm "$@")
+    else
+        sail_is_not_running
+    fi
+
+# Proxy NPX commands to the "npx" binary on the application container...
+elif [ "$1" == "npx" ]; then
+    shift 1
+
+    if [ "$EXEC" == "yes" ]; then
+        ARGS+=(exec -u sail)
+        [ ! -t 0 ] && ARGS+=(-T)
+        ARGS+=("$APP_SERVICE" npx "$@")
+    else
+        sail_is_not_running
+    fi
+
+# Proxy PNPM commands to the "pnpm" binary on the application container...
+elif [ "$1" == "pnpm" ]; then
+    shift 1
+
+    if [ "$EXEC" == "yes" ]; then
+        ARGS+=(exec -u sail)
+        [ ! -t 0 ] && ARGS+=(-T)
+        ARGS+=("$APP_SERVICE" pnpm "$@")
+    else
+        sail_is_not_running
+    fi
+
+# Proxy PNPX commands to the "pnpx" binary on the application container...
+elif [ "$1" == "pnpx" ]; then
+    shift 1
+
+    if [ "$EXEC" == "yes" ]; then
+        ARGS+=(exec -u sail)
+        [ ! -t 0 ] && ARGS+=(-T)
+        ARGS+=("$APP_SERVICE" pnpx "$@")
+    else
+        sail_is_not_running
+    fi
+
+# Proxy YARN commands to the "yarn" binary on the application container...
+elif [ "$1" == "yarn" ]; then
+    shift 1
+
+    if [ "$EXEC" == "yes" ]; then
+        ARGS+=(exec -u sail)
+        [ ! -t 0 ] && ARGS+=(-T)
+        ARGS+=("$APP_SERVICE" yarn "$@")
+    else
+        sail_is_not_running
+    fi
+
+# Initiate a MySQL CLI terminal session within the "mysql" container...
+elif [ "$1" == "mysql" ]; then
+    shift 1
+
+    if [ "$EXEC" == "yes" ]; then
+        ARGS+=(exec)
+        [ ! -t 0 ] && ARGS+=(-T)
+        ARGS+=(mysql bash -c)
+        ARGS+=("MYSQL_PWD=\${MYSQL_PASSWORD} mysql -u \${MYSQL_USER} \${MYSQL_DATABASE}")
+    else
+        sail_is_not_running
+    fi
+
+# Initiate a MySQL CLI terminal session within the "mariadb" container...
+elif [ "$1" == "mariadb" ]; then
+    shift 1
+
+    if [ "$EXEC" == "yes" ]; then
+        ARGS+=(exec)
+        [ ! -t 0 ] && ARGS+=(-T)
+        ARGS+=(mariadb bash -c)
+        ARGS+=("MYSQL_PWD=\${MYSQL_PASSWORD} mysql -u \${MYSQL_USER} \${MYSQL_DATABASE}")
+    else
+        sail_is_not_running
+    fi
+
+# Initiate a PostgreSQL CLI terminal session within the "pgsql" container...
+elif [ "$1" == "psql" ]; then
+    shift 1
+
+    if [ "$EXEC" == "yes" ]; then
+        ARGS+=(exec)
+        [ ! -t 0 ] && ARGS+=(-T)
+        ARGS+=(pgsql bash -c)
+        ARGS+=("PGPASSWORD=\${PGPASSWORD} psql -U \${POSTGRES_USER} \${POSTGRES_DB}")
+    else
+        sail_is_not_running
+    fi
+
+# Initiate a Bash shell within the application container...
+elif [ "$1" == "shell" ] || [ "$1" == "bash" ]; then
+    shift 1
+
+    if [ "$EXEC" == "yes" ]; then
+        ARGS+=(exec -u sail)
+        [ ! -t 0 ] && ARGS+=(-T)
+        ARGS+=("$APP_SERVICE" bash "$@")
+    else
+        sail_is_not_running
+    fi
+
+# Initiate a root user Bash shell within the application container...
+elif [ "$1" == "root-shell" ] || [ "$1" == "root-bash" ]; then
+    shift 1
+
+    if [ "$EXEC" == "yes" ]; then
+        ARGS+=(exec)
+        [ ! -t 0 ] && ARGS+=(-T)
+        ARGS+=("$APP_SERVICE" bash "$@")
+    else
+        sail_is_not_running
+    fi
+
+# Initiate a Redis CLI terminal session within the "redis" container...
+elif [ "$1" == "redis" ] ; then
+    shift 1
+
+    if [ "$EXEC" == "yes" ]; then
+        ARGS+=(exec)
+        [ ! -t 0 ] && ARGS+=(-T)
+        ARGS+=(redis redis-cli)
+    else
+        sail_is_not_running
+    fi
+
+# Share the site...
+elif [ "$1" == "share" ]; then
+    shift 1
+
+    if [ "$EXEC" == "yes" ]; then
+        docker run --init --rm -p "$SAIL_SHARE_DASHBOARD":4040 -t beyondcodegmbh/expose-server:latest share http://host.docker.internal:"$APP_PORT" \
+            --server-host="$SAIL_SHARE_SERVER_HOST" \
+            --server-port="$SAIL_SHARE_SERVER_PORT" \
+            --auth="$SAIL_SHARE_TOKEN" \
+            --server="$SAIL_SHARE_SERVER" \
+            --subdomain="$SAIL_SHARE_SUBDOMAIN" \
+            --domain="$SAIL_SHARE_DOMAIN" \
+            "$@"
+
+        exit
+    else
+        sail_is_not_running
+    fi
+
+# Open the site...
+elif [ "$1" == "open" ]; then
+    shift 1
+
+    if [ "$EXEC" == "yes" ]; then
+        open $APP_URL
+
+        exit
+    else
+        sail_is_not_running
+    fi
+
+# Pass unknown commands to the "docker-compose" binary...
+else
+    ARGS+=("$@")
+fi
+
+# Run Docker Compose with the defined arguments...
+"${DOCKER_COMPOSE[@]}" "${ARGS[@]}"