Penambahan Profil dan Invoice
This commit is contained in:
npannisa
parent
c39a56d200
commit
460ec0a96b
@ -1,66 +0,0 @@
|
||||
<?php
|
||||
|
||||
namespace App\Http\Controllers;
|
||||
|
||||
use App\Models\Refund;
|
||||
use App\Http\Requests\StoreRefundRequest;
|
||||
use App\Http\Requests\UpdateRefundRequest;
|
||||
|
||||
class RefundController extends Controller
|
||||
{
|
||||
/**
|
||||
* Display a listing of the resource.
|
||||
*/
|
||||
public function index()
|
||||
{
|
||||
//
|
||||
}
|
||||
|
||||
/**
|
||||
* Show the form for creating a new resource.
|
||||
*/
|
||||
public function create()
|
||||
{
|
||||
//
|
||||
}
|
||||
|
||||
/**
|
||||
* Store a newly created resource in storage.
|
||||
*/
|
||||
public function store(StoreRefundRequest $request)
|
||||
{
|
||||
//
|
||||
}
|
||||
|
||||
/**
|
||||
* Display the specified resource.
|
||||
*/
|
||||
public function show(Refund $refund)
|
||||
{
|
||||
//
|
||||
}
|
||||
|
||||
/**
|
||||
* Show the form for editing the specified resource.
|
||||
*/
|
||||
public function edit(Refund $refund)
|
||||
{
|
||||
//
|
||||
}
|
||||
|
||||
/**
|
||||
* Update the specified resource in storage.
|
||||
*/
|
||||
public function update(UpdateRefundRequest $request, Refund $refund)
|
||||
{
|
||||
//
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove the specified resource from storage.
|
||||
*/
|
||||
public function destroy(Refund $refund)
|
||||
{
|
||||
//
|
||||
}
|
||||
}
|
||||
@ -1,66 +0,0 @@
|
||||
<?php
|
||||
|
||||
namespace App\Http\Controllers;
|
||||
|
||||
use App\Models\transaction;
|
||||
use App\Http\Requests\StoretransactionRequest;
|
||||
use App\Http\Requests\UpdatetransactionRequest;
|
||||
|
||||
class TransactionController extends Controller
|
||||
{
|
||||
/**
|
||||
* Display a listing of the resource.
|
||||
*/
|
||||
public function index()
|
||||
{
|
||||
//
|
||||
}
|
||||
|
||||
/**
|
||||
* Show the form for creating a new resource.
|
||||
*/
|
||||
public function create()
|
||||
{
|
||||
//
|
||||
}
|
||||
|
||||
/**
|
||||
* Store a newly created resource in storage.
|
||||
*/
|
||||
public function store(StoretransactionRequest $request)
|
||||
{
|
||||
//
|
||||
}
|
||||
|
||||
/**
|
||||
* 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(UpdatetransactionRequest $request, transaction $transaction)
|
||||
{
|
||||
//
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove the specified resource from storage.
|
||||
*/
|
||||
public function destroy(transaction $transaction)
|
||||
{
|
||||
//
|
||||
}
|
||||
}
|
||||
15
app/Http/Controllers/UserController.php
Normal file
15
app/Http/Controllers/UserController.php
Normal file
@ -0,0 +1,15 @@
|
||||
<?php
|
||||
|
||||
namespace App\Http\Controllers;
|
||||
|
||||
use Illuminate\Http\Request;
|
||||
|
||||
class UserController extends Controller
|
||||
{
|
||||
public function store(Request $request) {
|
||||
invoice::create([
|
||||
|
||||
]);
|
||||
alert::success('Pembayaran Berhasil!', 'Pembayaran Gagal');
|
||||
}
|
||||
}
|
||||
@ -1,71 +0,0 @@
|
||||
<?php
|
||||
|
||||
namespace App\Models;
|
||||
|
||||
use Illuminate\Database\Eloquent\Factories\HasFactory;
|
||||
use Illuminate\Database\Eloquent\Model;
|
||||
|
||||
class Refund
|
||||
{
|
||||
private static $history_refund=[
|
||||
[
|
||||
"orderId" => "INV-1234",
|
||||
"customer" => "Okta",
|
||||
"seller" => "dodo",
|
||||
"total" => "Rp. 15000",
|
||||
"date" => "July 19, 2023 ",
|
||||
"status"=>"Process Refund"
|
||||
],
|
||||
[
|
||||
"orderId" => "INV-0000",
|
||||
"customer" => "Selvi",
|
||||
"seller" => "dedo",
|
||||
"total" => "Rp. 11000",
|
||||
"date" => "August 19, 2023 ",
|
||||
"status"=>"Process Refund"
|
||||
],
|
||||
[
|
||||
"orderId" => "INV-2313",
|
||||
"customer" => "Septa",
|
||||
"seller" => "dido",
|
||||
"total" => "Rp. 15000",
|
||||
"date" => "July 29, 2023 ",
|
||||
"status"=>"Process Refund"
|
||||
],
|
||||
[
|
||||
"orderId" => "INV-5664",
|
||||
"customer" => "Padia",
|
||||
"seller" => "dedo",
|
||||
"total" => "Rp. 14000",
|
||||
"date" => "July 18, 2023 ",
|
||||
"status"=>"Process Refund"
|
||||
],
|
||||
[
|
||||
"orderId" => "INV-9090",
|
||||
"customer" => "hantu",
|
||||
"seller" => "dado",
|
||||
"total" => "Rp. 45000",
|
||||
"date" => "June 19, 2023 ",
|
||||
"status"=>"Process Refund"
|
||||
]
|
||||
];
|
||||
|
||||
public static $detail_refund=[
|
||||
[
|
||||
"orderId" => "INV-9090",
|
||||
"customer" => "hantu",
|
||||
"seller" => "dado",
|
||||
"total" => "Rp. 45000",
|
||||
"date" => "June 19, 2023 ",
|
||||
"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;
|
||||
}
|
||||
}
|
||||
@ -1,74 +0,0 @@
|
||||
<?php
|
||||
|
||||
namespace App\Models;
|
||||
|
||||
use Illuminate\Database\Eloquent\Factories\HasFactory;
|
||||
use Illuminate\Database\Eloquent\Model;
|
||||
|
||||
class transaction
|
||||
{
|
||||
private static $list_transaction = [
|
||||
[
|
||||
'orderId' => 'INV-1234',
|
||||
'customer' => 'Jilhan',
|
||||
'seller' => 'dodo',
|
||||
'total' => 'Rp. 15000',
|
||||
'date' => 'July 19, 2023 ',
|
||||
'status' => 'paid',
|
||||
],
|
||||
[
|
||||
'orderId' => 'INV-0000',
|
||||
'customer' => 'hmmm',
|
||||
'seller' => 'dodo',
|
||||
'total' => 'Rp. 11000',
|
||||
'date' => 'August 19, 2023 ',
|
||||
'status' => 'pending',
|
||||
],
|
||||
[
|
||||
'orderId' => 'INV-2313',
|
||||
'customer' => 'nurul',
|
||||
'seller' => 'dido',
|
||||
'total' => 'Rp. 15000',
|
||||
'date' => 'July 29, 2023 ',
|
||||
'status' => 'unpaid',
|
||||
],
|
||||
[
|
||||
'orderId' => 'INV-5664',
|
||||
'customer' => 'raihan',
|
||||
'seller' => 'dedo',
|
||||
'total' => 'Rp. 14000',
|
||||
'date' => 'July 18, 2023 ',
|
||||
'status' => 'pending',
|
||||
],
|
||||
[
|
||||
'orderId' => 'INV-9090',
|
||||
'customer' => 'testing',
|
||||
'seller' => 'dado',
|
||||
'total' => 'Rp. 45000',
|
||||
'date' => 'June 19, 2023 ',
|
||||
'status' => 'paid',
|
||||
],
|
||||
];
|
||||
|
||||
private static $detail_transaction = [
|
||||
[
|
||||
'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;
|
||||
}
|
||||
}
|
||||
@ -9,7 +9,8 @@
|
||||
"guzzlehttp/guzzle": "^7.2",
|
||||
"laravel/framework": "^10.10",
|
||||
"laravel/sanctum": "^3.2",
|
||||
"laravel/tinker": "^2.8"
|
||||
"laravel/tinker": "^2.8",
|
||||
"realrashid/sweet-alert": "^7.1"
|
||||
},
|
||||
"require-dev": {
|
||||
"fakerphp/faker": "^1.9.1",
|
||||
|
||||
94
composer.lock
generated
94
composer.lock
generated
@ -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": "a47c4c4dd117ce52e4b5d03d7487513b",
|
||||
"packages": [
|
||||
{
|
||||
"name": "brick/math",
|
||||
@ -3042,6 +3042,96 @@
|
||||
],
|
||||
"time": "2023-04-15T23:01:58+00:00"
|
||||
},
|
||||
{
|
||||
"name": "realrashid/sweet-alert",
|
||||
"version": "v7.1.0",
|
||||
"source": {
|
||||
"type": "git",
|
||||
"url": "https://github.com/realrashid/sweet-alert.git",
|
||||
"reference": "769f951053cd3363fd7fb7a1dd30f9828b619b44"
|
||||
},
|
||||
"dist": {
|
||||
"type": "zip",
|
||||
"url": "https://api.github.com/repos/realrashid/sweet-alert/zipball/769f951053cd3363fd7fb7a1dd30f9828b619b44",
|
||||
"reference": "769f951053cd3363fd7fb7a1dd30f9828b619b44",
|
||||
"shasum": ""
|
||||
},
|
||||
"require": {
|
||||
"laravel/framework": "^5.6|^6.0|^7.0|^8.0|^9.0|^9.11|9.14.*|^10.0",
|
||||
"php": "^7.2|^8.0|^8.1"
|
||||
},
|
||||
"require-dev": {
|
||||
"symfony/thanks": "^1.0"
|
||||
},
|
||||
"type": "library",
|
||||
"extra": {
|
||||
"laravel": {
|
||||
"providers": [
|
||||
"RealRashid\\SweetAlert\\SweetAlertServiceProvider"
|
||||
],
|
||||
"aliases": {
|
||||
"Alert": "RealRashid\\SweetAlert\\Facades\\Alert"
|
||||
}
|
||||
}
|
||||
},
|
||||
"autoload": {
|
||||
"files": [
|
||||
"src/functions.php"
|
||||
],
|
||||
"psr-4": {
|
||||
"RealRashid\\SweetAlert\\": "src/"
|
||||
}
|
||||
},
|
||||
"notification-url": "https://packagist.org/downloads/",
|
||||
"license": [
|
||||
"MIT"
|
||||
],
|
||||
"authors": [
|
||||
{
|
||||
"name": "Rashid Ali",
|
||||
"email": "realrashid05@gmail.com",
|
||||
"homepage": "https://realrashid.com",
|
||||
"role": "Developer"
|
||||
}
|
||||
],
|
||||
"description": "Laravel Sweet Alert Is A Package For Laravel Provides An Easy Way To Display Alert Messages Using The SweetAlert2 Library.",
|
||||
"homepage": "https://github.com/realrashid/sweet-alert",
|
||||
"keywords": [
|
||||
"alert",
|
||||
"laravel",
|
||||
"laravel-package",
|
||||
"notifier",
|
||||
"noty",
|
||||
"sweet-alert",
|
||||
"sweet-alert2",
|
||||
"toast"
|
||||
],
|
||||
"support": {
|
||||
"docs": "https://realrashid.github.io/sweet-alert/",
|
||||
"email": "realrashid05@gmail.com",
|
||||
"issues": "https://github.com/realrashid/sweet-alert/issues",
|
||||
"source": "https://github.com/realrashid/sweet-alert"
|
||||
},
|
||||
"funding": [
|
||||
{
|
||||
"url": "https://ko-fi.com/realrashid",
|
||||
"type": "custom"
|
||||
},
|
||||
{
|
||||
"url": "https://www.buymeacoffee.com/realrashid",
|
||||
"type": "custom"
|
||||
},
|
||||
{
|
||||
"url": "https://issuehunt.io/r/realrashid",
|
||||
"type": "issuehunt"
|
||||
},
|
||||
{
|
||||
"url": "https://tidelift.com/funding/github/packagist/realrashid/sweet-alert",
|
||||
"type": "tidelift"
|
||||
}
|
||||
],
|
||||
"time": "2023-08-07T19:23:17+00:00"
|
||||
},
|
||||
{
|
||||
"name": "symfony/console",
|
||||
"version": "v6.3.2",
|
||||
@ -8001,5 +8091,5 @@
|
||||
"php": "^8.1"
|
||||
},
|
||||
"platform-dev": [],
|
||||
"plugin-api-version": "2.6.0"
|
||||
"plugin-api-version": "2.2.0"
|
||||
}
|
||||
|
||||
@ -159,6 +159,7 @@ return [
|
||||
/*
|
||||
* Package Service Providers...
|
||||
*/
|
||||
RealRashid\SweetAlert\SweetAlertServiceProvider::class,
|
||||
|
||||
/*
|
||||
* Application Service Providers...
|
||||
@ -184,5 +185,6 @@ return [
|
||||
'aliases' => Facade::defaultAliases()->merge([
|
||||
// 'Example' => App\Facades\Example::class,
|
||||
])->toArray(),
|
||||
'Alert' => RealRashid\SweetAlert\Facades\Alert::class,
|
||||
|
||||
];
|
||||
|
||||
269
config/sweetalert.php
Normal file
269
config/sweetalert.php
Normal file
@ -0,0 +1,269 @@
|
||||
<?php
|
||||
|
||||
return [
|
||||
|
||||
/*
|
||||
|--------------------------------------------------------------------------
|
||||
| Theme
|
||||
|--------------------------------------------------------------------------
|
||||
| The theme to use for SweetAlert2 popups.
|
||||
| Available themes: dark, minimal, borderless, bootstrap-4, material-ui, wordpress-admin, bulma.
|
||||
|
|
||||
*/
|
||||
|
||||
'theme' => env('SWEET_ALERT_THEME', 'default'),
|
||||
|
||||
/*
|
||||
|--------------------------------------------------------------------------
|
||||
| CDN LINK
|
||||
|--------------------------------------------------------------------------
|
||||
| By default SweetAlert2 use its local sweetalert.all.js
|
||||
| file.
|
||||
| However, you can use its cdn if you want.
|
||||
|
|
||||
*/
|
||||
|
||||
'cdn' => env('SWEET_ALERT_CDN'),
|
||||
|
||||
/*
|
||||
|--------------------------------------------------------------------------
|
||||
| Always load the sweetalert.all.js
|
||||
|--------------------------------------------------------------------------
|
||||
| There might be situations where you will always want the sweet alert
|
||||
| js package to be there for you. (for eg. you might use it heavily to
|
||||
| show notifications or you might want to use the native js) then this
|
||||
| might be handy.
|
||||
|
|
||||
*/
|
||||
|
||||
'alwaysLoadJS' => env('SWEET_ALERT_ALWAYS_LOAD_JS', false),
|
||||
|
||||
/*
|
||||
|--------------------------------------------------------------------------
|
||||
| Never load the sweetalert.all.js
|
||||
|--------------------------------------------------------------------------
|
||||
| If you want to handle the sweet alert js package by yourself
|
||||
| (for eg. you might want to use laravel mix) then this can be
|
||||
| handy.
|
||||
| If you set always load js to true & never load js to false,
|
||||
| it's going to prioritize the never load js.
|
||||
|
|
||||
| alwaysLoadJs = true & neverLoadJs = true => js will not be loaded
|
||||
| alwaysLoadJs = true & neverLoadJs = false => js will be loaded
|
||||
| alwaysLoadJs = false & neverLoadJs = false => js will be loaded when
|
||||
| you set alert/toast by using the facade/helper functions.
|
||||
*/
|
||||
|
||||
'neverLoadJS' => env('SWEET_ALERT_NEVER_LOAD_JS', false),
|
||||
|
||||
/*
|
||||
|--------------------------------------------------------------------------
|
||||
| AutoClose Timer
|
||||
|--------------------------------------------------------------------------
|
||||
|
|
||||
| This is for the all Modal windows.
|
||||
| For specific modal just use the autoClose() helper method.
|
||||
|
|
||||
*/
|
||||
|
||||
'timer' => env('SWEET_ALERT_TIMER', 5000),
|
||||
|
||||
/*
|
||||
|--------------------------------------------------------------------------
|
||||
| Width
|
||||
|--------------------------------------------------------------------------
|
||||
|
|
||||
| Modal window width, including paddings (box-sizing: border-box).
|
||||
| Can be in px or %.
|
||||
| The default width is 32rem.
|
||||
| This is for the all Modal windows.
|
||||
| for particular modal just use the width() helper method.
|
||||
*/
|
||||
|
||||
'width' => env('SWEET_ALERT_WIDTH', '32rem'),
|
||||
|
||||
/*
|
||||
|--------------------------------------------------------------------------
|
||||
| Height Auto
|
||||
|--------------------------------------------------------------------------
|
||||
| By default, SweetAlert2 sets html's and body's CSS height to auto !important.
|
||||
| If this behavior isn't compatible with your project's layout,
|
||||
| set heightAuto to false.
|
||||
|
|
||||
*/
|
||||
|
||||
'height_auto' => env('SWEET_ALERT_HEIGHT_AUTO', true),
|
||||
|
||||
/*
|
||||
|--------------------------------------------------------------------------
|
||||
| Padding
|
||||
|--------------------------------------------------------------------------
|
||||
|
|
||||
| Modal window padding.
|
||||
| Can be in px or %.
|
||||
| The default padding is 1.25rem.
|
||||
| This is for the all Modal windows.
|
||||
| for particular modal just use the padding() helper method.
|
||||
*/
|
||||
|
||||
'padding' => env('SWEET_ALERT_PADDING', '1.25rem'),
|
||||
|
||||
/*
|
||||
|--------------------------------------------------------------------------
|
||||
| Background
|
||||
|--------------------------------------------------------------------------
|
||||
|
|
||||
| Modal window background
|
||||
| (CSS background property).
|
||||
| The default background is '#fff'.
|
||||
*/
|
||||
|
||||
'background' => env('SWEET_ALERT_BACKGROUND', '#fff'),
|
||||
|
||||
/*
|
||||
|--------------------------------------------------------------------------
|
||||
| Animation
|
||||
|--------------------------------------------------------------------------
|
||||
| Custom animation with [Animate.css](https://daneden.github.io/animate.css/)
|
||||
| If set to false, modal CSS animation will be use default ones.
|
||||
| For specific modal just use the animation() helper method.
|
||||
|
|
||||
*/
|
||||
|
||||
'animation' => [
|
||||
'enable' => env('SWEET_ALERT_ANIMATION_ENABLE', false),
|
||||
],
|
||||
|
||||
'animatecss' => env('SWEET_ALERT_ANIMATECSS', 'https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css'),
|
||||
|
||||
/*
|
||||
|--------------------------------------------------------------------------
|
||||
| ShowConfirmButton
|
||||
|--------------------------------------------------------------------------
|
||||
| If set to false, a "Confirm"-button will not be shown.
|
||||
| It can be useful when you're using custom HTML description.
|
||||
| This is for the all Modal windows.
|
||||
| For specific modal just use the showConfirmButton() helper method.
|
||||
|
|
||||
*/
|
||||
|
||||
'show_confirm_button' => env('SWEET_ALERT_CONFIRM_BUTTON', true),
|
||||
|
||||
/*
|
||||
|--------------------------------------------------------------------------
|
||||
| ShowCloseButton
|
||||
|--------------------------------------------------------------------------
|
||||
| If set to true, a "Close"-button will be shown,
|
||||
| which the user can click on to dismiss the modal.
|
||||
| This is for the all Modal windows.
|
||||
| For specific modal just use the showCloseButton() helper method.
|
||||
|
|
||||
*/
|
||||
|
||||
'show_close_button' => env('SWEET_ALERT_CLOSE_BUTTON', false),
|
||||
|
||||
/*
|
||||
|-----------------------------------------------------------------------
|
||||
| Confirm/Cancel Button Text
|
||||
|-----------------------------------------------------------------------
|
||||
| Change the default text of the modal buttons.
|
||||
| The texts translations will be handled by Laravel at runtime.
|
||||
| This is for the all Modal windows.
|
||||
| For specific modal just use the confirmButtonText() and
|
||||
| cancelButtonText() helper methods.
|
||||
*/
|
||||
|
||||
'button_text' => [
|
||||
'confirm' => env('SWEET_ALERT_CONFIRM_BUTTON_TEXT', 'OK'),
|
||||
'cancel' => env('SWEET_ALERT_CANCEL_BUTTON_TEXT', 'Cancel'),
|
||||
],
|
||||
|
||||
/*
|
||||
|--------------------------------------------------------------------------
|
||||
| Toast position
|
||||
|--------------------------------------------------------------------------
|
||||
| Modal window or toast position, can be 'top',
|
||||
| 'top-start', 'top-end', 'center', 'center-start',
|
||||
| 'center-end', 'bottom', 'bottom-start', or 'bottom-end'.
|
||||
| For specific modal just use the position() helper method.
|
||||
|
|
||||
*/
|
||||
|
||||
'toast_position' => env('SWEET_ALERT_TOAST_POSITION', 'top-end'),
|
||||
|
||||
/*
|
||||
|--------------------------------------------------------------------------
|
||||
| Progress Bar
|
||||
|--------------------------------------------------------------------------
|
||||
| If set to true, a progress bar at the bottom of a popup will be shown.
|
||||
| It can be useful with toasts.
|
||||
|
|
||||
*/
|
||||
|
||||
'timer_progress_bar' => env('SWEET_ALERT_TIMER_PROGRESS_BAR', false),
|
||||
|
||||
/*
|
||||
|--------------------------------------------------------------------------
|
||||
| Middleware
|
||||
|--------------------------------------------------------------------------
|
||||
| Modal window or toast, config for the Middleware
|
||||
|
|
||||
*/
|
||||
|
||||
'middleware' => [
|
||||
|
||||
'autoClose' => env('SWEET_ALERT_MIDDLEWARE_AUTO_CLOSE', false),
|
||||
|
||||
'toast_position' => env('SWEET_ALERT_MIDDLEWARE_TOAST_POSITION', 'top-end'),
|
||||
|
||||
'toast_close_button' => env('SWEET_ALERT_MIDDLEWARE_TOAST_CLOSE_BUTTON', true),
|
||||
|
||||
'timer' => env('SWEET_ALERT_MIDDLEWARE_ALERT_CLOSE_TIME', 6000),
|
||||
|
||||
'auto_display_error_messages' => env('SWEET_ALERT_AUTO_DISPLAY_ERROR_MESSAGES', true),
|
||||
],
|
||||
|
||||
/*
|
||||
|--------------------------------------------------------------------------
|
||||
| Custom Class
|
||||
|--------------------------------------------------------------------------
|
||||
| A custom CSS class for the modal:
|
||||
|
|
||||
*/
|
||||
|
||||
'customClass' => [
|
||||
|
||||
'container' => env('SWEET_ALERT_CONTAINER_CLASS'),
|
||||
'popup' => env('SWEET_ALERT_POPUP_CLASS'),
|
||||
'header' => env('SWEET_ALERT_HEADER_CLASS'),
|
||||
'title' => env('SWEET_ALERT_TITLE_CLASS'),
|
||||
'closeButton' => env('SWEET_ALERT_CLOSE_BUTTON_CLASS'),
|
||||
'icon' => env('SWEET_ALERT_ICON_CLASS'),
|
||||
'image' => env('SWEET_ALERT_IMAGE_CLASS'),
|
||||
'content' => env('SWEET_ALERT_CONTENT_CLASS'),
|
||||
'input' => env('SWEET_ALERT_INPUT_CLASS'),
|
||||
'actions' => env('SWEET_ALERT_ACTIONS_CLASS'),
|
||||
'confirmButton' => env('SWEET_ALERT_CONFIRM_BUTTON_CLASS'),
|
||||
'cancelButton' => env('SWEET_ALERT_CANCEL_BUTTON_CLASS'),
|
||||
'footer' => env('SWEET_ALERT_FOOTER_CLASS'),
|
||||
],
|
||||
|
||||
/*
|
||||
|--------------------------------------------------------------------------
|
||||
| confirmDelete
|
||||
|--------------------------------------------------------------------------
|
||||
| customize the configuration options of the confirmation popup.
|
||||
|
|
||||
*/
|
||||
|
||||
'confirm_delete_confirm_button_text' => env('SWEET_ALERT_CONFIRM_DELETE_CONFIRM_BUTTON_TEXT', 'Yes, delete it!'),
|
||||
'confirm_delete_confirm_button_color' => env('SWEET_ALERT_CONFIRM_DELETE_CONFIRM_BUTTON_COLOR'),
|
||||
'confirm_delete_cancel_button_color' => env('SWEET_ALERT_CONFIRM_DELETE_CANCEL_BUTTON_COLOR', '#d33'),
|
||||
'confirm_delete_cancel_button_text' => env('SWEET_ALERT_CONFIRM_DELETE_CANCEL_BUTTON_TEXT', 'Cancel'),
|
||||
'confirm_delete_show_cancel_button' => env('SWEET_ALERT_CONFIRM_DELETE_SHOW_CANCEL_BUTTON', true),
|
||||
'confirm_delete_show_close_button' => env('SWEET_ALERT_CONFIRM_DELETE_SHOW_CLOSE_BUTTON', false),
|
||||
'confirm_delete_icon' => env('SWEET_ALERT_CONFIRM_DELETE_ICON', 'warning'),
|
||||
'confirm_delete_show_loader_on_confirm' => env('SWEET_ALERT_CONFIRM_DELETE_SHOW_LOADER_ON_CONFIRM', true),
|
||||
|
||||
|
||||
];
|
||||
11
package-lock.json
generated
Normal file
11
package-lock.json
generated
Normal file
@ -0,0 +1,11 @@
|
||||
{
|
||||
"requires": true,
|
||||
"lockfileVersion": 1,
|
||||
"dependencies": {
|
||||
"sweetalert2": {
|
||||
"version": "11.7.27",
|
||||
"resolved": "https://registry.npmjs.org/sweetalert2/-/sweetalert2-11.7.27.tgz",
|
||||
"integrity": "sha512-QbRXGQn1sb7HEhzA/K2xtWIwQHh/qkSbb1w6jYcTql2xy17876lTREEt1D4X6Q0x2wHtfUjKJ+Cb8IVkRoq7DQ=="
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -9,5 +9,8 @@
|
||||
"axios": "^1.1.2",
|
||||
"laravel-vite-plugin": "^0.7.5",
|
||||
"vite": "^4.0.0"
|
||||
},
|
||||
"dependencies": {
|
||||
"sweetalert2": "^11.7.27"
|
||||
}
|
||||
}
|
||||
|
||||
54
public/assets/css/main.css
Normal file
54
public/assets/css/main.css
Normal file
@ -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;
|
||||
}
|
||||
@ -4206,4 +4206,9 @@ body:not(.sidebar-mini) .sidebar-style-2 .sidebar-menu li.active ul.dropdown-men
|
||||
top: 0;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
.flex-container {
|
||||
display: flex;
|
||||
justify-content: space-between; /* Menggeser elemen ke kanan */
|
||||
}
|
||||
|
||||
BIN
public/assets/img/avatar/ok.jpg
Normal file
BIN
public/assets/img/avatar/ok.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 183 KiB |
321
public/assets/js/main.js
Normal file
321
public/assets/js/main.js
Normal file
@ -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);
|
||||
}
|
||||
|
||||
})();
|
||||
6
public/vendor/sweetalert/sweetalert.all.js
vendored
Normal file
6
public/vendor/sweetalert/sweetalert.all.js
vendored
Normal file
File diff suppressed because one or more lines are too long
1233
resources/css/main.css
Normal file
1233
resources/css/main.css
Normal file
File diff suppressed because it is too large
Load Diff
@ -103,7 +103,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="col-md-12">
|
||||
<div class="card">
|
||||
@ -137,15 +137,10 @@
|
||||
<div class="badge badge-success" data-status="diterima"
|
||||
onclick="setStatus('diterima')">Diterima</div>
|
||||
</td>
|
||||
<td class="font-weight-600">
|
||||
{{ $HistoryRefundUser['status'] }}</td>
|
||||
<td class="font-weight-600">
|
||||
{{ $HistoryRefundUser['uploadBukti'] }}</td>
|
||||
<td>
|
||||
{{-- <a href="/awal detailrefund" class="btn btn-primary">Detail</a> --}}
|
||||
{{-- <button class="btn btn-info open-detail-modal" data-toggle="modal"
|
||||
data-target="#awaldetailrefund">Detail</button>
|
||||
</td> --}}
|
||||
|
||||
</tr>
|
||||
@endforeach
|
||||
</table>
|
||||
|
||||
@ -1,8 +0,0 @@
|
||||
<footer class="main-footer">
|
||||
<div class="footer-left">
|
||||
Copyright © 2020 <div class="bullet"></div> Design By <a href="https://nauval.in/">Template</a>
|
||||
</div>
|
||||
<div class="footer-right">
|
||||
|
||||
</div>
|
||||
</footer>
|
||||
@ -1,226 +0,0 @@
|
||||
<div class="navbar-bg"></div>
|
||||
<nav class="navbar navbar-expand-lg main-navbar">
|
||||
<form class="form-inline mr-auto">
|
||||
<ul class="navbar-nav mr-3">
|
||||
<li><a href="#" data-toggle="sidebar" class="nav-link nav-link-lg"><i class="fas fa-bars"></i></a></li>
|
||||
<li><a href="#" data-toggle="search" class="nav-link nav-link-lg d-sm-none"><i
|
||||
class="fas fa-search"></i></a></li>
|
||||
</ul>
|
||||
{{-- <div class="search-element">
|
||||
<input class="form-control" type="search" placeholder="Search" aria-label="Search" data-width="250">
|
||||
<button class="btn" type="submit"><i class="fas fa-search"></i></button>
|
||||
<div class="search-backdrop"></div>
|
||||
<div class="search-result">
|
||||
<div class="search-header">
|
||||
Histories
|
||||
</div>
|
||||
<div class="search-item">
|
||||
<a href="#">How to hack NASA using CSS</a>
|
||||
<a href="#" class="search-close"><i class="fas fa-times"></i></a>
|
||||
</div>
|
||||
<div class="search-item">
|
||||
<a href="#">Kodinger.com</a>
|
||||
<a href="#" class="search-close"><i class="fas fa-times"></i></a>
|
||||
</div>
|
||||
<div class="search-item">
|
||||
<a href="#">#Stisla</a>
|
||||
<a href="#" class="search-close"><i class="fas fa-times"></i></a>
|
||||
</div>
|
||||
<div class="search-header">
|
||||
Result
|
||||
</div>
|
||||
<div class="search-item">
|
||||
<a href="#">
|
||||
<img class="mr-3 rounded" width="30" src="assets/img/products/product-3-50.png"
|
||||
alt="product">
|
||||
oPhone S9 Limited Edition
|
||||
</a>
|
||||
</div>
|
||||
<div class="search-item">
|
||||
<a href="#">
|
||||
<img class="mr-3 rounded" width="30" src="assets/img/products/product-2-50.png"
|
||||
alt="product">
|
||||
Drone X2 New Gen-7
|
||||
</a>
|
||||
</div>
|
||||
<div class="search-item">
|
||||
<a href="#">
|
||||
<img class="mr-3 rounded" width="30" src="assets/img/products/product-1-50.png"
|
||||
alt="product">
|
||||
Headphone Blitz
|
||||
</a>
|
||||
</div>
|
||||
<div class="search-header">
|
||||
Projects
|
||||
</div>
|
||||
<div class="search-item">
|
||||
<a href="#">
|
||||
<div class="search-icon bg-danger text-white mr-3">
|
||||
<i class="fas fa-code"></i>
|
||||
</div>
|
||||
Stisla Admin Template
|
||||
</a>
|
||||
</div>
|
||||
<div class="search-item">
|
||||
<a href="#">
|
||||
<div class="search-icon bg-primary text-white mr-3">
|
||||
<i class="fas fa-laptop"></i>
|
||||
</div>
|
||||
Create a new Homepage Design
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div> --}}
|
||||
</form>
|
||||
<ul class="navbar-nav navbar-right">
|
||||
<li class="dropdown dropdown-list-toggle"><a href="#" data-toggle="dropdown"
|
||||
class="nav-link nav-link-lg message-toggle beep"><i class="far fa-envelope"></i></a>
|
||||
<div class="dropdown-menu dropdown-list dropdown-menu-right">
|
||||
<div class="dropdown-header">Messages
|
||||
<div class="float-right">
|
||||
<a href="#">Mark All As Read</a>
|
||||
</div>
|
||||
</div>
|
||||
<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">
|
||||
<div class="is-online"></div>
|
||||
</div>
|
||||
<div class="dropdown-item-desc">
|
||||
<b>Kusnaedi</b>
|
||||
<p>Hello, Bro!</p>
|
||||
<div class="time">10 Hours Ago</div>
|
||||
</div>
|
||||
</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">
|
||||
</div>
|
||||
<div class="dropdown-item-desc">
|
||||
<b>Dedik Sugiharto</b>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit</p>
|
||||
<div class="time">12 Hours Ago</div>
|
||||
</div>
|
||||
</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">
|
||||
<div class="is-online"></div>
|
||||
</div>
|
||||
<div class="dropdown-item-desc">
|
||||
<b>Agung Ardiansyah</b>
|
||||
<p>Sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
||||
<div class="time">12 Hours Ago</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="#" class="dropdown-item">
|
||||
<div class="dropdown-item-avatar">
|
||||
<img alt="image" src="assets/img/avatar/avatar-4.png" class="rounded-circle">
|
||||
</div>
|
||||
<div class="dropdown-item-desc">
|
||||
<b>Ardian Rahardiansyah</b>
|
||||
<p>Duis aute irure dolor in reprehenderit in voluptate velit ess</p>
|
||||
<div class="time">16 Hours Ago</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="#" class="dropdown-item">
|
||||
<div class="dropdown-item-avatar">
|
||||
<img alt="image" src="assets/img/avatar/avatar-5.png" class="rounded-circle">
|
||||
</div>
|
||||
<div class="dropdown-item-desc">
|
||||
<b>Alfa Zulkarnain</b>
|
||||
<p>Exercitation ullamco laboris nisi ut aliquip ex ea commodo</p>
|
||||
<div class="time">Yesterday</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="dropdown-footer text-center">
|
||||
<a href="#">View All <i class="fas fa-chevron-right"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="dropdown dropdown-list-toggle"><a href="#" data-toggle="dropdown"
|
||||
class="nav-link notification-toggle nav-link-lg beep"><i class="far fa-bell"></i></a>
|
||||
<div class="dropdown-menu dropdown-list dropdown-menu-right">
|
||||
<div class="dropdown-header">Notifications
|
||||
<div class="float-right">
|
||||
<a href="#">Mark All As Read</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dropdown-list-content dropdown-list-icons">
|
||||
<a href="#" class="dropdown-item dropdown-item-unread">
|
||||
<div class="dropdown-item-icon bg-primary text-white">
|
||||
<i class="fas fa-code"></i>
|
||||
</div>
|
||||
<div class="dropdown-item-desc">
|
||||
Template update is available now!
|
||||
<div class="time text-primary">2 Min Ago</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="#" class="dropdown-item">
|
||||
<div class="dropdown-item-icon bg-info text-white">
|
||||
<i class="far fa-user"></i>
|
||||
</div>
|
||||
<div class="dropdown-item-desc">
|
||||
<b>You</b> and <b>Dedik Sugiharto</b> are now friends
|
||||
<div class="time">10 Hours Ago</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="#" class="dropdown-item">
|
||||
<div class="dropdown-item-icon bg-success text-white">
|
||||
<i class="fas fa-check"></i>
|
||||
</div>
|
||||
<div class="dropdown-item-desc">
|
||||
<b>Kusnaedi</b> has moved task <b>Fix bug header</b> to <b>Done</b>
|
||||
<div class="time">12 Hours Ago</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="#" class="dropdown-item">
|
||||
<div class="dropdown-item-icon bg-danger text-white">
|
||||
<i class="fas fa-exclamation-triangle"></i>
|
||||
</div>
|
||||
<div class="dropdown-item-desc">
|
||||
Low disk space. Let's clean it!
|
||||
<div class="time">17 Hours Ago</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="#" class="dropdown-item">
|
||||
<div class="dropdown-item-icon bg-info text-white">
|
||||
<i class="fas fa-bell"></i>
|
||||
</div>
|
||||
<div class="dropdown-item-desc">
|
||||
Welcome to Stisla template!
|
||||
<div class="time">Yesterday</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="dropdown-footer text-center">
|
||||
<a href="#">View All <i class="fas fa-chevron-right"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</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>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-right">
|
||||
<div class="dropdown-title">Logged in 5 min ago</div>
|
||||
<a href="features-profile.html" class="dropdown-item has-icon">
|
||||
<i class="far fa-user"></i> Profile
|
||||
</a>
|
||||
<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>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item has-icon text-danger">
|
||||
<i class="fas fa-sign-out-alt"></i> Logout
|
||||
</a>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
@ -1,76 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
|
||||
<meta charset="UTF-8">
|
||||
<meta content="width=device-width, initial-scale=1, maximum-scale=1, shrink-to-fit=no" name="viewport">
|
||||
<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">
|
||||
|
||||
<!-- 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">
|
||||
|
||||
<!-- Template CSS -->
|
||||
<link rel="stylesheet" href="assets/css/style.css">
|
||||
<link rel="stylesheet" href="assets/css/components.css">
|
||||
<!-- Start GA -->
|
||||
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-94034622-3"></script>
|
||||
<script>
|
||||
window.dataLayer = window.dataLayer || [];
|
||||
|
||||
function gtag() {
|
||||
dataLayer.push(arguments);
|
||||
}
|
||||
gtag('js', new Date());
|
||||
|
||||
gtag('config', 'UA-94034622-3');
|
||||
</script>
|
||||
<!-- /END GA -->
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<header class="header-area header-sticky">
|
||||
@include('layout.header')
|
||||
</header>
|
||||
<!-- ***** Main Banner Area Start ***** -->
|
||||
<main id="main" style="min-height: 100vh;">
|
||||
@include('layout.sidebar')
|
||||
@yield('content')
|
||||
</main>
|
||||
<!-- End #main -->
|
||||
<footer id="footer">
|
||||
@include('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>
|
||||
|
||||
<!-- 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>
|
||||
|
||||
<!-- Page Specific JS File -->
|
||||
<script src="assets/js/page/index.js"></script>
|
||||
|
||||
<!-- Template JS File -->
|
||||
<script src="assets/js/scripts.js"></script>
|
||||
<script src="assets/js/custom.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@ -1,35 +0,0 @@
|
||||
<div class="main-sidebar sidebar-style-2">
|
||||
<aside id="sidebar-wrapper">
|
||||
<div class="sidebar-brand">
|
||||
<a href="index.html">REKBER</a>
|
||||
</div>
|
||||
<div class="sidebar-brand sidebar-brand-sm">
|
||||
<a href="index.html">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 class="menu-header">Starter</li>
|
||||
<li><a class="nav-link" href="blank.html"><i class="far fa-user"></i> <span>User</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="/history_refund"><i class="far fa-square"></i> <span>List Refund</span></a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
{{-- <div class="mt-4 mb-4 p-3 hide-sidebar-mini">
|
||||
<a href="https://getstisla.com/docs" class="btn btn-primary btn-lg btn-block btn-icon-split">
|
||||
<i class="fas fa-rocket"></i> Documentation
|
||||
</a>
|
||||
</div> --}}
|
||||
</aside>
|
||||
</div>
|
||||
@ -1,39 +0,0 @@
|
||||
@extends('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 Refund</h2>
|
||||
</div>
|
||||
@foreach ($detail_refund as $DetailRefund)
|
||||
<div class="card-body p-0">
|
||||
<div class="container">
|
||||
<p><strong>ID Order:</strong> {{ $DetailRefund['orderId'] }}</p>
|
||||
<p><strong>Customer Name:</strong> {{ $DetailRefund['customer'] }}</p>
|
||||
<p><strong>Seller Name:</strong> {{ $DetailRefund['seller'] }}</p>
|
||||
<p><strong>Total:</strong> {{ $DetailRefund['total'] }}</p>
|
||||
<p><strong>Due Date:</strong> {{ $DetailRefund['date'] }}</p>
|
||||
<p><strong>Reason Complaint:</strong> {{ $DetailRefund['complaint'] }}</p>
|
||||
<p><strong>Image/Video: </strong></p>
|
||||
<img src="assets/images/dashboard/img_2.jpg" alt="Return Image" width="300"><br><br>
|
||||
|
||||
|
||||
|
||||
<div class="d-flex justify-content-center">
|
||||
<a href="/next-detail-refund" class="btn btn-primary mx-1">Accept</a>
|
||||
<a href="/history_refund" class="btn btn-danger mx-1">Decline</a>
|
||||
</div>
|
||||
|
||||
</div><br>
|
||||
</div>
|
||||
@endforeach
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
@endsection
|
||||
@ -1,43 +0,0 @@
|
||||
@extends('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>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>{{ $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>
|
||||
</tr>
|
||||
@endforeach
|
||||
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
@ -1,326 +0,0 @@
|
||||
@extends('layout.main')
|
||||
@section('content')
|
||||
<div class="main-content">
|
||||
<section class="section">
|
||||
<div class="col-xl-12">
|
||||
<div class="card">
|
||||
<div class="card-header pb-0">
|
||||
<div class="d-flex justify-content-between">
|
||||
<h4 class="card-title mg-b-2 mt-2">Tabel Manajemen Petugas</h4>
|
||||
<i class="mdi mdi-dots-horizontal text-gray"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="table-responsive">
|
||||
<div class="d-flex justify-content-end mb-3" style="margin-top: -17px;">
|
||||
<div class="col-sm-6 col-md-4 col-xl-3 mg-t-20">
|
||||
<a class="modal-effect btn btn-success btn-block mb-3"
|
||||
data-bs-effect="effect-flip-Vertical" data-bs-toggle="modal"
|
||||
href="#modal-tambah-petugas"><i class='bx bxs-add-to-queue'></i>
|
||||
Tambah Data </a>
|
||||
</div>
|
||||
</div>
|
||||
<table id="table-petugas" class="display">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>NO</th>
|
||||
<th>Username</th>
|
||||
<th>Email</th>
|
||||
<th>Alamat</th>
|
||||
<th>No.Telepon</th>
|
||||
<th>Aksi</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
@push('css')
|
||||
<style>
|
||||
.card {
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
min-width: 0;
|
||||
word-wrap: break-word;
|
||||
background: #fff;
|
||||
background-clip: border-box;
|
||||
border-radius: 10px;
|
||||
border: 1px solid #fff;
|
||||
margin-block-end: 1.3rem;
|
||||
box-shadow: 6px 11px 41px -28px #796eb1;
|
||||
-webkit-box-shadow: 6px 11px 41px -28px #796eb1;
|
||||
}
|
||||
|
||||
.card>hr {
|
||||
margin-inline-end: 0;
|
||||
margin-inline-start: 0;
|
||||
}
|
||||
|
||||
.card>.list-group:first-child .list-group-item:first-child {
|
||||
border-start-start-radius: 3px;
|
||||
border-start-end-radius: 3px;
|
||||
}
|
||||
|
||||
.card>.list-group:last-child .list-group-item:last-child {
|
||||
border-end-end-radius: 3px;
|
||||
border-end-start-radius: 3px;
|
||||
}
|
||||
|
||||
.card-body {
|
||||
flex: 1 1 auto;
|
||||
padding: 1.25rem;
|
||||
}
|
||||
|
||||
.card-title {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
|
||||
.card-subtitle {
|
||||
margin-block-start: -0.375rem;
|
||||
margin-block-end: 0;
|
||||
}
|
||||
|
||||
.card-text:last-child {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
|
||||
.card-link:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.card-link+.card-link {
|
||||
margin-inline-start: 1.25rem;
|
||||
}
|
||||
|
||||
.card-header {
|
||||
padding: 0.75rem 1.25rem;
|
||||
margin-block-end: 0;
|
||||
background-color: white;
|
||||
border-block-end: 1px solid #ededf5;
|
||||
}
|
||||
|
||||
.card-header:first-child {
|
||||
border-radius: 2px 2px 0 0;
|
||||
}
|
||||
|
||||
.card-header+.list-group .list-group-item:first-child {
|
||||
border-block-start: 0;
|
||||
}
|
||||
|
||||
.card-footer {
|
||||
padding: 0.75rem 1.25rem;
|
||||
background-color: transparent;
|
||||
border-block-start: 1px solid #ededf5;
|
||||
border-end-start-radius: 6px !important;
|
||||
border-end-end-radius: 6px !important;
|
||||
}
|
||||
|
||||
.card-footer:last-child {
|
||||
border-radius: 0 0 2px 2px;
|
||||
}
|
||||
|
||||
.card-header-tabs {
|
||||
margin-inline-end: -0.625rem;
|
||||
margin-block-end: -0.75rem;
|
||||
margin-inline-start: -0.625rem;
|
||||
border-block-end: 0;
|
||||
}
|
||||
|
||||
.card-header-pills {
|
||||
margin-inline-end: -0.625rem;
|
||||
margin-inline-start: -0.625rem;
|
||||
}
|
||||
|
||||
.card-img-overlay {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
inset-inline-end: 0;
|
||||
bottom: 0;
|
||||
inset-inline-start: 0;
|
||||
padding: 1.25rem;
|
||||
}
|
||||
|
||||
.card-img {
|
||||
width: 100%;
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
.card-img-top {
|
||||
width: 100%;
|
||||
border-start-start-radius: 6px;
|
||||
border-start-end-radius: 6px;
|
||||
}
|
||||
|
||||
.card-img-bottom {
|
||||
width: 100%;
|
||||
border-end-end-radius: 5px;
|
||||
border-end-start-radius: 5px;
|
||||
}
|
||||
|
||||
.card-deck {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.card-deck .card {
|
||||
margin-block-end: 15px;
|
||||
}
|
||||
|
||||
@media (min-width: 576px) {
|
||||
.card-deck {
|
||||
flex-flow: row wrap;
|
||||
margin-inline-end: -15px;
|
||||
margin-inline-start: -15px;
|
||||
}
|
||||
|
||||
.card-deck .card {
|
||||
display: flex;
|
||||
flex: 1 0 0%;
|
||||
flex-direction: column;
|
||||
margin-inline-end: 15px;
|
||||
margin-block-end: 0;
|
||||
margin-inline-start: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
.card-group {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.card-group>.card {
|
||||
margin-block-end: 15px;
|
||||
}
|
||||
|
||||
@media (min-width: 576px) {
|
||||
.card-group {
|
||||
flex-flow: row wrap;
|
||||
}
|
||||
|
||||
.card-group>.card {
|
||||
flex: 1 0 0%;
|
||||
margin-block-end: 0;
|
||||
}
|
||||
|
||||
.card-group>.card+.card {
|
||||
margin-inline-start: 0;
|
||||
border-inline-start: 0;
|
||||
}
|
||||
|
||||
.card-group>.card:not(:last-child) {
|
||||
border-start-end-radius: 0;
|
||||
border-end-end-radius: 0;
|
||||
}
|
||||
|
||||
.card-group>.card:not(:last-child) .card-img-top,
|
||||
.card-group>.card:not(:last-child) .card-header {
|
||||
border-start-end-radius: 0;
|
||||
}
|
||||
|
||||
.card-group>.card:not(:last-child) .card-img-bottom,
|
||||
.card-group>.card:not(:last-child) .card-footer {
|
||||
border-end-end-radius: 0;
|
||||
}
|
||||
|
||||
.card-group>.card:not(:first-child) {
|
||||
border-start-start-radius: 0;
|
||||
border-end-start-radius: 0;
|
||||
}
|
||||
|
||||
.card-group>.card:not(:first-child) .card-img-top,
|
||||
.card-group>.card:not(:first-child) .card-header {
|
||||
border-start-start-radius: 0;
|
||||
}
|
||||
|
||||
.card-group>.card:not(:first-child) .card-img-bottom,
|
||||
.card-group>.card:not(:first-child) .card-footer {
|
||||
border-end-start-radius: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.card-columns .card {
|
||||
margin-block-end: 0.75rem;
|
||||
}
|
||||
|
||||
@media (min-width: 576px) {
|
||||
.card-columns {
|
||||
column-count: 3;
|
||||
column-gap: 1.25rem;
|
||||
orphans: 1;
|
||||
widows: 1;
|
||||
}
|
||||
|
||||
.card-columns .card {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.accordion>.card {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.accordion>.card:not(:first-of-type) .card-header:first-child {
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.accordion>.card:not(:first-of-type):not(:last-of-type) {
|
||||
border-block-end: 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.accordion>.card:first-of-type {
|
||||
border-block-end: 0;
|
||||
border-end-end-radius: 0;
|
||||
border-end-start-radius: 0;
|
||||
}
|
||||
|
||||
.accordion>.card:last-of-type {
|
||||
border-start-start-radius: 0;
|
||||
border-start-end-radius: 0;
|
||||
}
|
||||
|
||||
.accordion>.card .card-header {
|
||||
margin-block-end: -1px;
|
||||
}
|
||||
|
||||
.card-sub-title {
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.card-body> :last-child {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
|
||||
.card-table tbody tr td {
|
||||
padding: 16px 15px;
|
||||
}
|
||||
|
||||
.card-img-start {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border-start-start-radius: 4px;
|
||||
border-end-start-radius: 4px;
|
||||
}
|
||||
|
||||
.card-img-end {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border-end-end-radius: 4px;
|
||||
border-start-end-radius: 4px;
|
||||
}
|
||||
|
||||
.img-fluid {
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
</style>
|
||||
@endpush
|
||||
@endsection
|
||||
@ -1,25 +0,0 @@
|
||||
@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
|
||||
@ -1,44 +0,0 @@
|
||||
@extends('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 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>Action</th>
|
||||
</tr>
|
||||
@foreach ($transaction as $transactions)
|
||||
<tr>
|
||||
<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>
|
||||
<div class="badge badge-success">{{ $transactions['status'] }}</div>
|
||||
</td>
|
||||
<td>
|
||||
<a href="/Detail_History" class="btn btn-primary">Detail</a>
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
@endforeach
|
||||
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
@ -1,64 +0,0 @@
|
||||
@extends('layout.main')
|
||||
|
||||
@section('content')
|
||||
<div class="main-content">
|
||||
<section class="section">
|
||||
<div class="col-md-12">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h2 class="mb-4">List Transaction</h2>
|
||||
</div>
|
||||
<div class="d-flex justify-content-between align-items-center p-4">
|
||||
<div class="d-flex align-items-center">
|
||||
<span class="mb-0 ml-2">Show:</span>
|
||||
<select class="form-select ml-2">
|
||||
<option>10</option>
|
||||
<option>25</option>
|
||||
<option>50</option>
|
||||
<option>100</option>
|
||||
</select>
|
||||
<span class="ml-2">entries</span>
|
||||
</div>
|
||||
<div class="d-flex align-items-center">
|
||||
<h5 class="mb-0 mr-2">Search:</h5>
|
||||
<input type="text" id="searchInput" placeholder="Search">
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="table-responsive table-invoice">
|
||||
<table class="table table-striped p-4">
|
||||
<tr>
|
||||
<th>Order ID</th>
|
||||
<th>Customer</th>
|
||||
<th>Seller</th>
|
||||
<th>Total</th>
|
||||
<th>Due Date</th>
|
||||
<th>Status</th>
|
||||
<th class="text-center">Action</th>
|
||||
</tr>
|
||||
@foreach ($transaction as $transactions)
|
||||
<tr>
|
||||
<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>
|
||||
<div class="badge badge-success">{{ $transactions['status'] }}</div>
|
||||
</td>
|
||||
<td>
|
||||
<div class="d-flex justify-content-center">
|
||||
<a href="#" class="btn btn-primary mx-1">Edit</a>
|
||||
<a href="#" class="btn btn-danger mx-1">Delete</a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
@endforeach
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
@endsection
|
||||
@ -15,7 +15,8 @@
|
||||
<!-- Modal Body -->
|
||||
<div class="modal-body">
|
||||
<p class="statusMsg"></p>
|
||||
<form role="form">
|
||||
<form role="form"
|
||||
>
|
||||
<div class="form-group">
|
||||
<label for="inputemail">Email</label>
|
||||
<input type="text" class="form-control" id="inputemail"
|
||||
|
||||
@ -39,22 +39,21 @@
|
||||
<label for="inputNama" style="color: white; font-size: 1.1em;">Nama</label>
|
||||
<p class="form-control-static" id="inputNama">Nurul Prima</p>
|
||||
</div>
|
||||
|
||||
<hr style="border-top: 1px solid #fff;">
|
||||
<div class="form-group">
|
||||
<label for="inputNoHP" style="color: white; font-size: 1.1em;">No HP</label>
|
||||
<p class="form-control-static" id="inputNoHP">+6282284964524</p>
|
||||
</div>
|
||||
|
||||
<hr style="border-top: 1px solid #fff;">
|
||||
<div class="form-group">
|
||||
<label for="inputEmail" style="color: white; font-size: 1.1em;">Email</label>
|
||||
<p class="form-control-static" id="inputEmail">npannisa@gmail.com</p>
|
||||
</div>
|
||||
|
||||
<hr style="border-top: 1px solid #fff;">
|
||||
<div class="form-group">
|
||||
<label for="inputAlamat" style="color: white; font-size: 1.1em;">Alamat</label>
|
||||
<p class="form-control-static" id="inputAlamat">Depok City</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -207,15 +207,15 @@
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-right">
|
||||
<div class="dropdown-title">Logged in 5 min ago</div>
|
||||
<a href="features-profile.html" class="dropdown-item has-icon">
|
||||
<a href="/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">
|
||||
<i class="fas fa-sign-out-alt"></i> Logout
|
||||
|
||||
@ -21,6 +21,11 @@
|
||||
<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('css/main.css') }}">
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Template CSS -->
|
||||
<link rel="stylesheet" href="assets/css/style.css">
|
||||
<link rel="stylesheet" href="assets/css/components.css">
|
||||
@ -74,6 +79,25 @@
|
||||
<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="https://cdn.jsdelivr.net/npm/sweetalert2@11"></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/modules-datatables.js"></script>
|
||||
@ -85,6 +109,8 @@
|
||||
<script src="assets/js/scripts.js"></script>
|
||||
<script src="assets/js/custom.js"></script>
|
||||
|
||||
<script src="{{ asset('js/main.js') }}"></script>
|
||||
|
||||
{{-- refund --}}
|
||||
<script>
|
||||
function setStatus(status) {
|
||||
@ -97,6 +123,53 @@
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<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>
|
||||
|
||||
@include('sweetalert::alert')
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
||||
331
resources/views/user/profile/index.blade.php
Normal file
331
resources/views/user/profile/index.blade.php
Normal file
@ -0,0 +1,331 @@
|
||||
@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="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">@npannisa</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="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>
|
||||
@endsection
|
||||
@ -26,7 +26,7 @@
|
||||
</div>
|
||||
|
||||
<div class="modal-footer">
|
||||
<a href="/pembeli" type="button" class="btn btn-primary">Selesai</a>
|
||||
<a href="/invoice-transaction" type="button" class="btn btn-primary">Selesai</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -25,7 +25,8 @@
|
||||
<div class="activities">
|
||||
<div class="activity">
|
||||
<div class="activity-icon bg-primary text-white shadow-primary">
|
||||
<i class="fas fa-comment-alt"></i>
|
||||
<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">
|
||||
@ -36,7 +37,8 @@
|
||||
</div>
|
||||
<div class="activity">
|
||||
<div class="activity-icon bg-primary text-white shadow-primary">
|
||||
<i class="fas fa-arrows-alt"></i>
|
||||
<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">
|
||||
@ -47,7 +49,8 @@
|
||||
</div>
|
||||
<div class="activity">
|
||||
<div class="activity-icon bg-primary text-white shadow-primary">
|
||||
<i class="fas fa-unlock"></i>
|
||||
<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">
|
||||
@ -58,7 +61,8 @@
|
||||
</div>
|
||||
<div class="activity">
|
||||
<div class="activity-icon bg-primary text-white shadow-primary">
|
||||
<i class="fas fa-trash"></i>
|
||||
<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">
|
||||
@ -69,7 +73,8 @@
|
||||
</div>
|
||||
<div class="activity">
|
||||
<div class="activity-icon bg-primary text-white shadow-primary">
|
||||
<i class="fas fa-comment-alt"></i>
|
||||
<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">
|
||||
@ -82,9 +87,158 @@
|
||||
</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>
|
||||
|
||||
{{-- awal modal transaksi --}}
|
||||
{{-- <div class="modal fade" id="detailtransaksi" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1"
|
||||
<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">
|
||||
@ -133,48 +287,3 @@
|
||||
</div>
|
||||
</div>
|
||||
</div> --}}
|
||||
{{-- akhir modal transaksi --}}
|
||||
|
||||
<div class="col-12 col-md-12 col-lg-7">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<div class="card-title pb-2 m-0">
|
||||
<h4>Transaction Detail</h4>
|
||||
</div>
|
||||
@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>
|
||||
</div>
|
||||
@endsection
|
||||
@ -0,0 +1,129 @@
|
||||
@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
|
||||
@ -6,7 +6,8 @@
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-md-12">
|
||||
<div class="card-body">
|
||||
<div class="card">
|
||||
<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>
|
||||
@ -50,7 +51,7 @@
|
||||
<a href="/pembeli" class="btn btn-primary">Submit</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -7,7 +7,8 @@
|
||||
<div class="col-md-12">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<div class="card">
|
||||
<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>
|
||||
|
||||
@ -3,7 +3,8 @@
|
||||
<div class="main-content">
|
||||
<section class="section">
|
||||
<div class="section-header">
|
||||
{{-- <h1>Pembeli</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>
|
||||
@ -13,11 +14,10 @@
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="row">
|
||||
<div class="col-12 mb-4">
|
||||
<div class="hero bg-primary text-white">
|
||||
<div class="hero-inner">
|
||||
<h2>Welcome! npannisa</h2>
|
||||
<h1>Welcome! npannisa</h1>
|
||||
<p class="lead">How Are You Today?</p>
|
||||
</div>
|
||||
</div>
|
||||
@ -28,9 +28,7 @@
|
||||
<a class="nav-link active" href="new-transaction">
|
||||
<button class="btn btn-primary btn-lg">Lakukan Transaksi Baru</button>
|
||||
</a>
|
||||
{{-- <div class="d-flex justify-content-end">
|
||||
<button class="btn btn-danger btn-lg" data-toggle="modal" data-target="#modalForm">Lakukan Transaksi Baru</button>
|
||||
</div> --}}
|
||||
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="table-responsive">
|
||||
@ -70,6 +68,8 @@
|
||||
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"
|
||||
|
||||
@ -16,7 +16,8 @@
|
||||
<div class="activities">
|
||||
<div class="activity">
|
||||
<div class="activity-icon bg-primary text-white shadow-primary">
|
||||
<i class="fas fa-comment-alt"></i>
|
||||
<i class="fas fa-clipboard-list" style="font-size: 36px;"></i>
|
||||
|
||||
</div>
|
||||
<div class="activity-detail">
|
||||
<div class="mb-2">
|
||||
@ -27,7 +28,8 @@
|
||||
</div>
|
||||
<div class="activity">
|
||||
<div class="activity-icon bg-primary text-white shadow-primary">
|
||||
<i class="fas fa-arrows-alt"></i>
|
||||
<i class="fas fa-bell" style="font-size: 36px;"></i>
|
||||
|
||||
</div>
|
||||
<div class="activity-detail">
|
||||
<div class="mb-2">
|
||||
@ -38,7 +40,8 @@
|
||||
</div>
|
||||
<div class="activity">
|
||||
<div class="activity-icon bg-primary text-white shadow-primary">
|
||||
<i class="fas fa-unlock"></i>
|
||||
<i class="fas fa-check-circle" style="font-size: 36px;"></i>
|
||||
|
||||
</div>
|
||||
<div class="activity-detail">
|
||||
<div class="mb-2">
|
||||
@ -49,7 +52,8 @@
|
||||
</div>
|
||||
<div class="activity">
|
||||
<div class="activity-icon bg-primary text-white shadow-primary">
|
||||
<i class="fas fa-trash"></i>
|
||||
<i class="fas fa-trash-alt" style="font-size: 36px;"></i>
|
||||
|
||||
</div>
|
||||
<div class="activity-detail">
|
||||
<div class="mb-2">
|
||||
@ -60,7 +64,8 @@
|
||||
</div>
|
||||
<div class="activity">
|
||||
<div class="activity-icon bg-primary text-white shadow-primary">
|
||||
<i class="fas fa-comment-alt"></i>
|
||||
<i class="fas fa-clipboard-check" style="font-size: 36px;"></i>
|
||||
|
||||
</div>
|
||||
<div class="activity-detail">
|
||||
<div class="mb-2">
|
||||
|
||||
@ -3,7 +3,7 @@
|
||||
<div class="main-content">
|
||||
<section class="section">
|
||||
<div class="section-header">
|
||||
<h1>Penjualan</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>
|
||||
@ -13,6 +13,15 @@
|
||||
</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">
|
||||
|
||||
39
resources/views/vendor/sweetalert/alert.blade.php
vendored
Normal file
39
resources/views/vendor/sweetalert/alert.blade.php
vendored
Normal file
@ -0,0 +1,39 @@
|
||||
@if (Session::has('alert.config') || Session::has('alert.delete'))
|
||||
@if (config('sweetalert.animation.enable'))
|
||||
<link rel="stylesheet" href="{{ config('sweetalert.animatecss') }}">
|
||||
@endif
|
||||
|
||||
@if (config('sweetalert.theme') != 'default')
|
||||
<link href="https://cdn.jsdelivr.net/npm/@sweetalert2/theme-{{ config('sweetalert.theme') }}" rel="stylesheet">
|
||||
@endif
|
||||
|
||||
@if (config('sweetalert.alwaysLoadJS') === false && config('sweetalert.neverLoadJS') === false)
|
||||
<script src="{{ $cdn ?? asset('vendor/sweetalert/sweetalert.all.js') }}"></script>
|
||||
@endif
|
||||
<script>
|
||||
@if (Session::has('alert.delete'))
|
||||
document.addEventListener('click', function(event) {
|
||||
if (event.target.matches('[data-confirm-delete]')) {
|
||||
event.preventDefault();
|
||||
Swal.fire({!! Session::pull('alert.delete') !!}).then(function(result) {
|
||||
if (result.isConfirmed) {
|
||||
var form = document.createElement('form');
|
||||
form.action = event.target.href;
|
||||
form.method = 'POST';
|
||||
form.innerHTML = `
|
||||
@csrf
|
||||
@method('DELETE')
|
||||
`;
|
||||
document.body.appendChild(form);
|
||||
form.submit();
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
@endif
|
||||
|
||||
@if (Session::has('alert.config'))
|
||||
Swal.fire({!! Session::pull('alert.config') !!});
|
||||
@endif
|
||||
</script>
|
||||
@endif
|
||||
@ -1,8 +1,6 @@
|
||||
<?php
|
||||
|
||||
use App\Models\Refund;
|
||||
use App\Models\RefundUser;
|
||||
use App\Models\transaction;
|
||||
use App\Models\ContactUser;
|
||||
use App\Models\TransactionUser;
|
||||
use Illuminate\Support\Facades\Route;
|
||||
@ -18,9 +16,6 @@ use Illuminate\Support\Facades\Route;
|
||||
|
|
||||
*/
|
||||
|
||||
Route::post('/refund-accept/{id}', 'ReturnItemController@acceptRefund')->name('refund/detail-refund/refund.accept');
|
||||
Route::get('/refund-decline/{id}', 'ReturnItemController@declineRefund')->name('refund/detail-refund/refund.decline');
|
||||
|
||||
// dashboard
|
||||
|
||||
Route::get('/welcome', function () {
|
||||
@ -36,18 +31,6 @@ Route::get('/', function () {
|
||||
});
|
||||
|
||||
|
||||
// Route::get('/dashboard', function(){
|
||||
// return view('dashboard.index');
|
||||
// })-> middleware('auth');
|
||||
|
||||
|
||||
// Route::get('/', function () {
|
||||
// return view('user.dashboard.index',[
|
||||
// 'name'=>'npannisa',
|
||||
// "transaction"=>transaction::allTransactions()
|
||||
// ]);
|
||||
// });
|
||||
|
||||
// contact
|
||||
Route::get('/contact', function () {
|
||||
return view('user/contact/contact',[
|
||||
@ -56,15 +39,6 @@ Route::get('/contact', function () {
|
||||
]);
|
||||
});
|
||||
|
||||
// Route::get('/detail-contact', function () {
|
||||
// return view('user/contact/detail-contact',[
|
||||
// 'name' => "npannisa",
|
||||
// "contacts"=>ContactUser::ContactUser(),
|
||||
// ]);
|
||||
// });
|
||||
|
||||
|
||||
|
||||
// refund
|
||||
Route::get('/refund', function () {
|
||||
return view('user/refund/refund',[
|
||||
@ -101,7 +75,14 @@ Route::get('/refund-transaction', function () {
|
||||
Route::get('/new-transaction', function () {
|
||||
return view('user/transaction/Pembeli/new-transaction',[
|
||||
'name'=>'npannisa',
|
||||
"transaction"=>transaction::allTransactions()
|
||||
"TransactionUser"=>TransactionUser::HistoryTransaction()
|
||||
]);
|
||||
});
|
||||
|
||||
Route::get('/invoice-transaction', function () {
|
||||
return view('user/transaction/Pembeli/invoice-transaction',[
|
||||
'name'=>'npannisa',
|
||||
"TransactionUser"=>TransactionUser::HistoryTransaction()
|
||||
]);
|
||||
});
|
||||
|
||||
@ -112,13 +93,12 @@ Route::get('/penjual', function () {
|
||||
]);
|
||||
});
|
||||
|
||||
// Route::get('/penjual', function () {
|
||||
// return view('user/transaction/Penjual/tracking',[
|
||||
// 'name'=>'npannisa',
|
||||
// "TransactionUser"=>TransactionUser::HistoryTransaction()
|
||||
// ]);
|
||||
// });
|
||||
|
||||
// profile
|
||||
Route::get('/profile', function () {
|
||||
return view('user/profile/index',[
|
||||
'name'=>'npannisa',
|
||||
]);
|
||||
});
|
||||
|
||||
|
||||
|
||||
|
||||
Loading…
Reference in New Issue
Block a user