From c39a56d2002516c193edd034b06be2e1573f5f58 Mon Sep 17 00:00:00 2001
From: npannisa <nurulprimaa@gmail.com>
Date: Thu, 31 Aug 2023 13:17:53 +0700
Subject: [PATCH] Frontend user

---
 app/Http/Controllers/RefundUserController.php |  66 +++++
 app/Http/Requests/StoreRefundUserRequest.php  |  28 +++
 app/Http/Requests/UpdateRefundUserRequest.php |  28 +++
 app/Models/ContactUser.php                    |  41 ++++
 app/Models/RefundUser.php                     |  42 ++++
 app/Models/TransactionPembeli.php             |  24 ++
 app/Models/TransactionPenjual.php             |  34 +++
 app/Models/TransactionUser.php                |  57 +++++
 app/Models/transaction.php                    | 107 ++++-----
 app/Policies/RefundUserPolicy.php             |  66 +++++
 database/factories/RefundUserFactory.php      |  23 ++
 ...08_22_140555_create_refund_users_table.php |  27 +++
 database/seeders/RefundUserSeeder.php         |  17 ++
 public/assets/img/avatar/rusak.jpeg           | Bin 0 -> 7041 bytes
 .../assets/modules/chocolat/dist/index.html   |   8 +
 resources/views/index.blade.php               |  44 ++--
 .../views/user/contact/add-contact.blade.php  |  44 ++++
 .../views/user/contact/contact.blade.php      |  63 +++++
 .../user/contact/delete-contact.blade.php     |  38 +++
 .../user/contact/detail-contact.blade.php     |  63 +++++
 resources/views/user/layout/footer.blade.php  |   8 +
 resources/views/user/layout/header.blade.php  | 226 ++++++++++++++++++
 resources/views/user/layout/main.blade.php    | 102 ++++++++
 resources/views/user/layout/sidebar.blade.php |  58 +++++
 .../views/user/refund/detail-refund.blade.php |  56 +++++
 .../user/refund/history-refund.blade.php      |  53 ++++
 resources/views/user/refund/refund.blade.php  |  74 ++++++
 .../Pembeli/bayar-transaction.blade.php       |  33 +++
 .../Pembeli/detail-transaction.blade.php      | 180 ++++++++++++++
 .../Pembeli/end-transaction.blade.php         |  16 ++
 .../Pembeli/new-transaction.blade.php         | 132 ++++++++++
 .../Pembeli/refund-transaction.blade.php      |  65 +++++
 .../Pembeli/transaction-pembeli.blade.php     |  93 +++++++
 .../transaction/Penjual/tracking.blade.php    | 111 +++++++++
 .../Penjual/transaction-penjual.blade.php     |  71 ++++++
 routes/web.php                                | 139 ++++++++---
 36 files changed, 2129 insertions(+), 108 deletions(-)
 create mode 100644 app/Http/Controllers/RefundUserController.php
 create mode 100644 app/Http/Requests/StoreRefundUserRequest.php
 create mode 100644 app/Http/Requests/UpdateRefundUserRequest.php
 create mode 100644 app/Models/ContactUser.php
 create mode 100644 app/Models/RefundUser.php
 create mode 100644 app/Models/TransactionPembeli.php
 create mode 100644 app/Models/TransactionPenjual.php
 create mode 100644 app/Models/TransactionUser.php
 create mode 100644 app/Policies/RefundUserPolicy.php
 create mode 100644 database/factories/RefundUserFactory.php
 create mode 100644 database/migrations/2023_08_22_140555_create_refund_users_table.php
 create mode 100644 database/seeders/RefundUserSeeder.php
 create mode 100644 public/assets/img/avatar/rusak.jpeg
 create mode 100644 resources/views/user/contact/add-contact.blade.php
 create mode 100644 resources/views/user/contact/contact.blade.php
 create mode 100644 resources/views/user/contact/delete-contact.blade.php
 create mode 100644 resources/views/user/contact/detail-contact.blade.php
 create mode 100644 resources/views/user/layout/footer.blade.php
 create mode 100644 resources/views/user/layout/header.blade.php
 create mode 100644 resources/views/user/layout/main.blade.php
 create mode 100644 resources/views/user/layout/sidebar.blade.php
 create mode 100644 resources/views/user/refund/detail-refund.blade.php
 create mode 100644 resources/views/user/refund/history-refund.blade.php
 create mode 100644 resources/views/user/refund/refund.blade.php
 create mode 100644 resources/views/user/transaction/Pembeli/bayar-transaction.blade.php
 create mode 100644 resources/views/user/transaction/Pembeli/detail-transaction.blade.php
 create mode 100644 resources/views/user/transaction/Pembeli/end-transaction.blade.php
 create mode 100644 resources/views/user/transaction/Pembeli/new-transaction.blade.php
 create mode 100644 resources/views/user/transaction/Pembeli/refund-transaction.blade.php
 create mode 100644 resources/views/user/transaction/Pembeli/transaction-pembeli.blade.php
 create mode 100644 resources/views/user/transaction/Penjual/tracking.blade.php
 create mode 100644 resources/views/user/transaction/Penjual/transaction-penjual.blade.php

diff --git a/app/Http/Controllers/RefundUserController.php b/app/Http/Controllers/RefundUserController.php
new file mode 100644
index 00000000..ea3808fd
--- /dev/null
+++ b/app/Http/Controllers/RefundUserController.php
@@ -0,0 +1,66 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use App\Models\RefundUser;
+use App\Http\Requests\StoreRefundUserRequest;
+use App\Http\Requests\UpdateRefundUserRequest;
+
+class RefundUserController 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(StoreRefundUserRequest $request)
+    {
+        //
+    }
+
+    /**
+     * Display the specified resource.
+     */
+    public function show(RefundUser $refundUser)
+    {
+        //
+    }
+
+    /**
+     * Show the form for editing the specified resource.
+     */
+    public function edit(RefundUser $refundUser)
+    {
+        //
+    }
+
+    /**
+     * Update the specified resource in storage.
+     */
+    public function update(UpdateRefundUserRequest $request, RefundUser $refundUser)
+    {
+        //
+    }
+
+    /**
+     * Remove the specified resource from storage.
+     */
+    public function destroy(RefundUser $refundUser)
+    {
+        //
+    }
+}
diff --git a/app/Http/Requests/StoreRefundUserRequest.php b/app/Http/Requests/StoreRefundUserRequest.php
new file mode 100644
index 00000000..43511202
--- /dev/null
+++ b/app/Http/Requests/StoreRefundUserRequest.php
@@ -0,0 +1,28 @@
+<?php
+
+namespace App\Http\Requests;
+
+use Illuminate\Foundation\Http\FormRequest;
+
+class StoreRefundUserRequest extends FormRequest
+{
+    /**
+     * Determine if the user is authorized to make this request.
+     */
+    public function authorize(): bool
+    {
+        return false;
+    }
+
+    /**
+     * Get the validation rules that apply to the request.
+     *
+     * @return array<string, \Illuminate\Contracts\Validation\ValidationRule|array|string>
+     */
+    public function rules(): array
+    {
+        return [
+            //
+        ];
+    }
+}
diff --git a/app/Http/Requests/UpdateRefundUserRequest.php b/app/Http/Requests/UpdateRefundUserRequest.php
new file mode 100644
index 00000000..6d2f78fe
--- /dev/null
+++ b/app/Http/Requests/UpdateRefundUserRequest.php
@@ -0,0 +1,28 @@
+<?php
+
+namespace App\Http\Requests;
+
+use Illuminate\Foundation\Http\FormRequest;
+
+class UpdateRefundUserRequest extends FormRequest
+{
+    /**
+     * Determine if the user is authorized to make this request.
+     */
+    public function authorize(): bool
+    {
+        return false;
+    }
+
+    /**
+     * Get the validation rules that apply to the request.
+     *
+     * @return array<string, \Illuminate\Contracts\Validation\ValidationRule|array|string>
+     */
+    public function rules(): array
+    {
+        return [
+            //
+        ];
+    }
+}
diff --git a/app/Models/ContactUser.php b/app/Models/ContactUser.php
new file mode 100644
index 00000000..09b8483f
--- /dev/null
+++ b/app/Models/ContactUser.php
@@ -0,0 +1,41 @@
+<?php
+
+namespace App\Models;
+
+use Illuminate\Database\Eloquent\Factories\HasFactory;
+use Illuminate\Database\Eloquent\Model;
+
+class ContactUser
+{
+    private static $ContactUser=[
+        [
+            "email"=>"npannisa@gmail.com",
+            "name"=> "Nurul Prima",
+            "phone"=>"+6284964524"
+        ],
+        [
+            "email"=>"asfii@gmail.com",
+            "name"=> "Rayhan Arevii",
+            "phone"=>"+6284974524"
+        ],
+        [
+            "email"=>"Raihan@gmail.com",
+            "name"=> "Rayhan Surya",
+            "phone"=>"+6264746472"
+        ],
+        [
+            "email"=>"viona@gmail.com",
+            "name"=> "Viona Denopta",
+            "phone"=>"+6264776747"
+        ],
+        [
+            "email"=>"fatur@gmail.com",
+            "name"=> "Fatur Rahman",
+            "phone"=>"+62647864733"
+        ],
+
+    ];
+    public static function ContactUser(){
+        return self::$ContactUser;
+    }
+}
diff --git a/app/Models/RefundUser.php b/app/Models/RefundUser.php
new file mode 100644
index 00000000..a39d0677
--- /dev/null
+++ b/app/Models/RefundUser.php
@@ -0,0 +1,42 @@
+<?php
+
+namespace App\Models;
+
+use Illuminate\Database\Eloquent\Factories\HasFactory;
+use Illuminate\Database\Eloquent\Model;
+
+class RefundUser 
+{
+    private static $history_refundUser=[
+        [
+            "orderId" => "INV-1234",
+            "Customer" => "npannisa",
+            "seller" => "rayhan",
+            "Total" => " Rp.200.000",
+            "dueDate"=>"29 juni 2023",
+            "status"=>"diterima",
+            "uploadBukti" => "5.jpg"
+        ],
+        [
+            "orderId" => "INV-1234",
+            "Customer" => "hantu",
+            "seller" => "rayhan",
+            "Total" => " Rp.200.000",
+            "dueDate"=>"29 juni 2023",
+            "status"=>"ditolak",
+            "uploadBukti" => "5.jpg"
+        ],
+        [
+            "orderId" => "INV-1234",
+            "Customer" => "pocong",
+            "seller" => "rayhan",
+            "Total" => " Rp.200.000",
+            "dueDate"=>"29 juni 2023",
+            "status"=>"diterima",
+            "uploadBukti" => "5.jpg"
+        ],
+    ];
+    public static function HistoryRefundUser(){
+        return self::$history_refundUser;
+    }
+}
diff --git a/app/Models/TransactionPembeli.php b/app/Models/TransactionPembeli.php
new file mode 100644
index 00000000..d8b19678
--- /dev/null
+++ b/app/Models/TransactionPembeli.php
@@ -0,0 +1,24 @@
+<?php
+
+namespace App\Models;
+
+use Illuminate\Database\Eloquent\Factories\HasFactory;
+use Illuminate\Database\Eloquent\Model;
+
+class TransactionPembeli 
+{
+    private static $history_transactionPembeli=[
+        [
+            "orderId" => "INV-1234",
+            "Customer" => "Nurul Prima",
+            "seller" => "Jilhan",
+            "total" => "Rp.500.000",
+            "dueDate"=>"29 juni 2023",
+            "status"=>"pending",
+            "action" => ""
+        ],
+    ];
+    public static function HistoryTransactionPembeli(){
+        return self::$history_transactionPembeli;
+    }
+}
diff --git a/app/Models/TransactionPenjual.php b/app/Models/TransactionPenjual.php
new file mode 100644
index 00000000..dbca18ef
--- /dev/null
+++ b/app/Models/TransactionPenjual.php
@@ -0,0 +1,34 @@
+<?php
+
+namespace App\Models;
+
+use Illuminate\Database\Eloquent\Factories\HasFactory;
+use Illuminate\Database\Eloquent\Model;
+
+class TransactionPenjual 
+{
+    private static $history_transactionPenjual=[
+        [
+            "orderId" => "INV-1234",
+            "Customer" => "Nurul Prima",
+            "seller" => "Jilhan",
+            "total" => "Rp.500.000",
+            "dueDate"=>"29 juni 2023",
+            "status"=>"pending",
+            "action" => ""
+        ],
+
+        [
+            "orderId" => "INV-1235",
+            "Customer" => "Nurul Annisa",
+            "seller" => "Rayhan",
+            "total" => "Rp.900.000",
+            "dueDate"=>"29 Juli 2023",
+            "status"=>"proses",
+            "action" => ""
+        ],
+    ];
+    public static function HistoryTransactionPenjual(){
+        return self::$history_transactionPenjual;
+    }
+}
diff --git a/app/Models/TransactionUser.php b/app/Models/TransactionUser.php
new file mode 100644
index 00000000..96e6af35
--- /dev/null
+++ b/app/Models/TransactionUser.php
@@ -0,0 +1,57 @@
+<?php
+
+namespace App\Models;
+
+use Illuminate\Database\Eloquent\Factories\HasFactory;
+use Illuminate\Database\Eloquent\Model;
+
+class TransactionUser
+{
+    private static $history_transaction=[
+        [
+            "userId" => "NPA-9876",
+            "orderId" => "INV-1234",
+            "Customer" => "Nurul Prima",
+            "seller" => "Jilhan",
+            "total" => "Rp.500.000",
+            "dueDate"=>"29 juni 2023",
+            "status"=>"OnProgress",
+            "action" => ""
+        ],
+        [
+            "userId" => "NPA-9879",
+            "orderId" => "INV-1234",
+            "Customer" => "Nurul Prima Annisa",
+            "seller" => "Raihan",
+            "total" => "Rp.500.000",
+            "dueDate"=>"29 juni 2025",
+            "status"=>"Diterima",
+            "action" => ""
+        ],
+
+        // [
+        //     "userId" => "NPA-9877",
+        //     "orderId" => "INV-1235",
+        //     "Customer" => "Nurul Annisa",
+        //     "seller" => "Rayhan",
+        //     "total" => "Rp.900.000",
+        //     "dueDate"=>"29 Juli 2023",
+        //     "status"=>"Pembeli",
+        //     "action" => ""
+        // ],
+
+        // [
+        //     "userId" => "NPA-9878",
+        //     "orderId" => "INV-1236",
+        //     "Customer" => "Nurul Prima Annisa",
+        //     "seller" => "Rayhan",
+        //     "total" => "Rp.900.000",
+        //     "dueDate"=>"29 Juli 2023",
+        //     "status"=>"Pembeli",
+        //     "action" => ""
+        // ],
+    ];
+    public static function HistoryTransaction(){
+        return self::$history_transaction;
+    }
+}
diff --git a/app/Models/transaction.php b/app/Models/transaction.php
index d19c5748..3a3ab8f3 100644
--- a/app/Models/transaction.php
+++ b/app/Models/transaction.php
@@ -7,71 +7,68 @@ use Illuminate\Database\Eloquent\Model;
 
 class transaction
 {
-   private static $list_transaction =[
+    private static $list_transaction = [
         [
-            "orderId" => "INV-1234",
-            "customer" => "Jilhan",
-            "seller" => "dodo",
-            "total" => "Rp. 15000",
-            "date" => "July 19, 2023 ",
-            "status"=>"paid"
+            '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-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-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-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"
-        ]
+            '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',
+        ],
+    ];
 
-        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 allTransactions()
-            {
-                return self::$list_transaction;
-            }
-
-            public static function allDetailTransactions()
-            {
-                return self::$detail_transaction;
-            }
+    public static function allDetailTransactions()
+    {
+        return self::$detail_transaction;
+    }
 }
diff --git a/app/Policies/RefundUserPolicy.php b/app/Policies/RefundUserPolicy.php
new file mode 100644
index 00000000..d9a71203
--- /dev/null
+++ b/app/Policies/RefundUserPolicy.php
@@ -0,0 +1,66 @@
+<?php
+
+namespace App\Policies;
+
+use App\Models\RefundUser;
+use App\Models\User;
+use Illuminate\Auth\Access\Response;
+
+class RefundUserPolicy
+{
+    /**
+     * Determine whether the user can view any models.
+     */
+    public function viewAny(User $user): bool
+    {
+        //
+    }
+
+    /**
+     * Determine whether the user can view the model.
+     */
+    public function view(User $user, RefundUser $refundUser): bool
+    {
+        //
+    }
+
+    /**
+     * Determine whether the user can create models.
+     */
+    public function create(User $user): bool
+    {
+        //
+    }
+
+    /**
+     * Determine whether the user can update the model.
+     */
+    public function update(User $user, RefundUser $refundUser): bool
+    {
+        //
+    }
+
+    /**
+     * Determine whether the user can delete the model.
+     */
+    public function delete(User $user, RefundUser $refundUser): bool
+    {
+        //
+    }
+
+    /**
+     * Determine whether the user can restore the model.
+     */
+    public function restore(User $user, RefundUser $refundUser): bool
+    {
+        //
+    }
+
+    /**
+     * Determine whether the user can permanently delete the model.
+     */
+    public function forceDelete(User $user, RefundUser $refundUser): bool
+    {
+        //
+    }
+}
diff --git a/database/factories/RefundUserFactory.php b/database/factories/RefundUserFactory.php
new file mode 100644
index 00000000..9aa9a9ac
--- /dev/null
+++ b/database/factories/RefundUserFactory.php
@@ -0,0 +1,23 @@
+<?php
+
+namespace Database\Factories;
+
+use Illuminate\Database\Eloquent\Factories\Factory;
+
+/**
+ * @extends \Illuminate\Database\Eloquent\Factories\Factory<\App\Models\RefundUser>
+ */
+class RefundUserFactory extends Factory
+{
+    /**
+     * Define the model's default state.
+     *
+     * @return array<string, mixed>
+     */
+    public function definition(): array
+    {
+        return [
+            //
+        ];
+    }
+}
diff --git a/database/migrations/2023_08_22_140555_create_refund_users_table.php b/database/migrations/2023_08_22_140555_create_refund_users_table.php
new file mode 100644
index 00000000..2e3a89cc
--- /dev/null
+++ b/database/migrations/2023_08_22_140555_create_refund_users_table.php
@@ -0,0 +1,27 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     */
+    public function up(): void
+    {
+        Schema::create('refund_users', function (Blueprint $table) {
+            $table->id();
+            $table->timestamps();
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     */
+    public function down(): void
+    {
+        Schema::dropIfExists('refund_users');
+    }
+};
diff --git a/database/seeders/RefundUserSeeder.php b/database/seeders/RefundUserSeeder.php
new file mode 100644
index 00000000..76ea00d6
--- /dev/null
+++ b/database/seeders/RefundUserSeeder.php
@@ -0,0 +1,17 @@
+<?php
+
+namespace Database\Seeders;
+
+use Illuminate\Database\Console\Seeds\WithoutModelEvents;
+use Illuminate\Database\Seeder;
+
+class RefundUserSeeder extends Seeder
+{
+    /**
+     * Run the database seeds.
+     */
+    public function run(): void
+    {
+        //
+    }
+}
diff --git a/public/assets/img/avatar/rusak.jpeg b/public/assets/img/avatar/rusak.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..f870c441ede81bb246b82879b7120249fdc63891
GIT binary patch
literal 7041
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
LYU2sOm*xKg3w&H@

literal 0
HcmV?d00001

diff --git a/public/assets/modules/chocolat/dist/index.html b/public/assets/modules/chocolat/dist/index.html
index 09d73c00..105c3c74 100644
--- a/public/assets/modules/chocolat/dist/index.html
+++ b/public/assets/modules/chocolat/dist/index.html
@@ -3,6 +3,14 @@
     <head>
         <meta charset="utf-8" />
         <link rel="stylesheet" href="./css/chocolat.css" />
+        <!-- Latest minified bootstrap css -->
+        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
+
+        <!-- jQuery library -->
+            <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script>
+
+        <!-- Latest minified bootstrap js -->
+            <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
         <script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
         <script type="text/javascript" src="./js/jquery.chocolat.js"></script>
         <style>
diff --git a/resources/views/index.blade.php b/resources/views/index.blade.php
index b0ebb9e5..46b12a1d 100644
--- a/resources/views/index.blade.php
+++ b/resources/views/index.blade.php
@@ -1,4 +1,4 @@
-@extends('layout.main')
+@extends('user.layout.main')
 @section('content')
     <!-- Main Content -->
     <div class="main-content">
@@ -69,7 +69,7 @@
                                 <h4>Total Refund</h4>
                             </div>
                             <div class="card-body">
-                                100
+                                190
                             </div>
                         </div>
                     </div>
@@ -84,10 +84,10 @@
                         </div>
                         <div class="card-wrap">
                             <div class="card-header">
-                                <h4>Total user</h4>
+                                <h4>Total Transaction </h4>
                             </div>
                             <div class="card-body">
-                                100 </div>
+                                109 </div>
                         </div>
                     </div>
                 </div>
@@ -103,11 +103,12 @@
                         </div>
                     </div>
                 </div>
+                
 
                 <div class="col-md-12">
                     <div class="card">
                         <div class="card-header">
-                            <h2>History Transaction</h2>
+                            <h2>Transaction</h2>
                         </div>
                         <div class="card-body p-0">
                             <div class="table-responsive table-invoice">
@@ -119,25 +120,34 @@
                                         <th>Total</th>
                                         <th>Due Date</th>
                                         <th>Status</th>
-                                        <th>Action</th>
+                                        <th>Image</th>
                                     </tr>
-                                    @foreach ($transaction as $transactions)
+                                    @foreach ($refundUserss as $HistoryRefundUser)
                                         <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 class="font-weight-600">
+                                                {{ $HistoryRefundUser['orderId'] }}</td>
+                                            <td class="font-weight-600">
+                                                {{ $HistoryRefundUser['Customer'] }}</td>
+                                            <td class="font-weight-600">
+                                                {{ $HistoryRefundUser['seller'] }}</td>
+                                            <td class="font-weight-600">
+                                                {{ $HistoryRefundUser['Total'] }}</td>
+                                            <td>{{ $HistoryRefundUser['dueDate'] }}</td>
                                             <td>
-                                                <div class="badge badge-success">{{ $transactions['status'] }}</div>
+                                                <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="/Detail_History" class="btn btn-primary">Detail</a>
-                                            </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>
                             </div>
                         </div>
diff --git a/resources/views/user/contact/add-contact.blade.php b/resources/views/user/contact/add-contact.blade.php
new file mode 100644
index 00000000..c4232165
--- /dev/null
+++ b/resources/views/user/contact/add-contact.blade.php
@@ -0,0 +1,44 @@
+<div class="modal fade" id="modalForm" role="dialog">
+    <div class="modal-dialog">
+        <div class="modal-content">
+            <!-- Modal Header -->
+            <div class="modal-header">
+                <button type="button" class="close" data-dismiss="modal">
+                    <span aria-hidden="true">&times;</span>
+                    <span class="sr-only">Close</span>
+                </button>
+            </div>
+            <div class="col-md-12">
+                <h4 class="modal-title" id="myModalLabel">Contact Form</h4>
+            </div>
+
+            <!-- Modal Body -->
+            <div class="modal-body">
+                <p class="statusMsg"></p>
+                <form role="form">
+                    <div class="form-group">
+                        <label for="inputemail">Email</label>
+                        <input type="text" class="form-control" id="inputemail"
+                            placeholder="Enter your email" />
+                    </div>
+                    <div class="form-group">
+                        <button type="button" class="btn btn-primary" id="checkButton">Check</button>
+                    </div>
+
+                    <div class="form-group">
+                        <label for="exampleFormControlTextarea1" class="form-label">Hasil</label>
+                        <textarea class="form-control" id="hasil" rows="5" readonly></textarea>
+                    </div>
+                </form>
+            </div>
+
+            <!-- Modal Footer -->
+            <div class="modal-footer">
+                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
+                <a href="/contact" type="button" class="btn btn-primary submitBtn"
+                    onclick="submitContactForm()">Tambahkan
+                    Data</a>
+            </div>
+        </div>
+    </div>
+</div>
\ No newline at end of file
diff --git a/resources/views/user/contact/contact.blade.php b/resources/views/user/contact/contact.blade.php
new file mode 100644
index 00000000..3a97c7a0
--- /dev/null
+++ b/resources/views/user/contact/contact.blade.php
@@ -0,0 +1,63 @@
+@extends('user.layout.main')
+@section('content')
+    <div class="main-content">
+        <section class="section">
+
+            <div class="section-header">
+                <h1>Manajemen Contact</h1>
+                <div class="section-header-breadcrumb">
+                    <div class="breadcrumb-item active"><a href="#">Dashboard</a></div>
+                    <div class="breadcrumb-item"><a href="#"> Transaction</a></div>
+                    <div class="breadcrumb-item">Manajemen Kontak</div>
+                    <div class="breadcrumb-item">Halaman Refund</div>
+                </div>
+            </div>
+
+            {{-- tabel list kontak --}}
+            <div class="row">
+                <div class="col-md-12">
+                    <div class="card">
+                        <div class="card-header">
+                            <div class="d-flex justify-content-end">
+                                <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#modalForm">Open Contact Form</button>
+                            </div>
+                        </div>
+                        <div class="card-body">
+                            <div class="table-responsive">
+                                <table class="table table-striped" id="table-1">
+                                    <thead>
+                                        <tr class="text-center">
+                                            <th>#</th>
+                                            <th>Email</th>
+                                            <th>Name</th>
+                                            <th>Phone</th>
+                                            <th>Action</th>
+                                        </tr>
+                                    </thead>
+                                    <tbody>
+                                        @foreach ($contacts as $key => $contact)
+                                            <tr>
+                                                <td>{{ ++$key }}</td>
+                                                <td class="font-weight-600">{{ $contact['email'] }}</td>
+                                                <td class="text-center font-weight-600">{{ $contact['name'] }}</td>
+                                                <td class="text-center font-weight-600">{{ $contact['phone'] }}</td>
+                                                <td class="text-center">
+                                                    <button class="btn btn-info open-detail-modal" data-toggle="modal" data-target="#modaldetail">Detail</button>
+                                                    {{-- <a href="/detail-contact" type="button" class="btn btn-primary">Detail</a> --}}
+                                                    <button class="btn btn-danger open-detail-modal" data-toggle="modal" data-target="#modaldelete">Delete</button>
+                                                </td>
+                                            </tr>
+                                        @endforeach
+                                    </tbody>
+                                </table>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            @extends('user.contact.detail-contact')
+            @extends('user.contact.delete-contact')
+            @extends('user.contact.add-contact')
+            
+@endsection
+
diff --git a/resources/views/user/contact/delete-contact.blade.php b/resources/views/user/contact/delete-contact.blade.php
new file mode 100644
index 00000000..63cccf9f
--- /dev/null
+++ b/resources/views/user/contact/delete-contact.blade.php
@@ -0,0 +1,38 @@
+<div class="modal fade" id="modaldelete" aria-hidden="true" aria-labelledby="myModalLabel"
+                    tabindex="-1">
+                    <div class="modal-dialog modal-dialog-centered">
+                        <div class="modal-content">
+                            <div class="modal-header">
+                                <h5 class="modal-title" id="myModalLabel">Yakin Hapus Contact?</h5>
+                            </div>
+                            <div class="modal-body">
+                                Apakah Anda yakin ingin menghapus kontak ini?
+                            </div>
+                            <div class="modal-footer">
+                                <button type="button" href="/contact" class="btn btn-secondary"
+                                    data-dismiss="modal">Batal</button>
+                                <button type="button" class="btn btn-danger" data-bs-toggle="modal"
+                                    data-bs-target="#modaldeleteconfirm">Ya, Hapus Contact!</button>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+
+                <div class="modal fade" id="modaldeleteconfirm" aria-hidden="true" aria-labelledby="myModalLabel"
+                    tabindex="-1">
+                    <div class="modal-dialog modal-dialog-centered">
+                        <div class="modal-content">
+                            <div class="modal-header">
+                                <h5 class="modal-title" id="myModalLabel">Kontak Telah Dihapus</h5>
+                                <button type="button" class="btn-close" data-bs-dismiss="modal"
+                                    aria-label="Close"></button>
+                            </div>
+                            <div class="modal-body">
+                                Kontak telah berhasil dihapus.
+                            </div>
+                            <div class="modal-footer">
+                                <button type="button" class="btn btn-primary" data-bs-dismiss="modal">Tutup</button>
+                            </div>
+                        </div>
+                    </div>
+                </div>
\ No newline at end of file
diff --git a/resources/views/user/contact/detail-contact.blade.php b/resources/views/user/contact/detail-contact.blade.php
new file mode 100644
index 00000000..faa58355
--- /dev/null
+++ b/resources/views/user/contact/detail-contact.blade.php
@@ -0,0 +1,63 @@
+{{-- @extends('user.layout.main')
+@section('content')
+    <div class="main-content">
+        <section class="section"> --}}
+{{-- <div class="col-md-12">
+                <div class="card">
+                    <div class="card-header">
+                        <h2>Detail Contact</h2>
+                    </div>
+                    <div class="card-body p-0">
+                        <div class="container">
+                            @foreach ($detail_contact as $detail)
+                            <p><strong>Name:</strong> {{ $detail_contact->inputNama }}</p>
+                            <p><strong>No HP:</strong> {{ $detail_contact->inputNoHP }}</p>
+                            <p><strong>Email:</strong> {{ $detail_contact->inputEmail }}</p>
+                            <p><strong>Alamat:</strong> {{ $detail_contact->inputAlamat }}</p>
+                            
+                            @endforeach
+                        </div>
+                    </div>
+                </div>
+            </div> --}}
+{{-- </section>
+    </div>
+@endsection --}}
+
+<div class="modal fade" id="modaldetail" tabindex="-1" role="dialog" aria-labelledby="modalcontact" aria-hidden="true">
+    <div class="modal-dialog modal-dialog-centered">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h4 class="modal-title mx-auto" style="margin-right: auto; margin-left: auto; font-size: 1.2em;" id="modalcontact">Detail
+                    Contact
+                </h4>
+            </div>
+            <div class="modal-body">
+                <div class="card-body">
+                    <div class="alert alert-primary" role="alert">
+                        <div class="form-group">
+                            <label for="inputNama" style="color: white; font-size: 1.1em;">Nama</label>
+                            <p class="form-control-static" id="inputNama">Nurul Prima</p>
+                        </div>
+
+                        <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>
+
+                        <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>
+
+                        <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>
+        </div>
+    </div>
+</div>
diff --git a/resources/views/user/layout/footer.blade.php b/resources/views/user/layout/footer.blade.php
new file mode 100644
index 00000000..fbbd0cd5
--- /dev/null
+++ b/resources/views/user/layout/footer.blade.php
@@ -0,0 +1,8 @@
+<footer class="main-footer">
+    <div class="footer-left">
+        Copyright &copy; 2020 <div class="bullet"></div> Design By <a href="https://nauval.in/">Template</a>
+    </div>
+    <div class="footer-right">
+
+    </div>
+</footer>
diff --git a/resources/views/user/layout/header.blade.php b/resources/views/user/layout/header.blade.php
new file mode 100644
index 00000000..6c4e76e4
--- /dev/null
+++ b/resources/views/user/layout/header.blade.php
@@ -0,0 +1,226 @@
+<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>
diff --git a/resources/views/user/layout/main.blade.php b/resources/views/user/layout/main.blade.php
new file mode 100644
index 00000000..f2130469
--- /dev/null
+++ b/resources/views/user/layout/main.blade.php
@@ -0,0 +1,102 @@
+<!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="{{ asset('assets/modules/bootstrap/css/bootstrap.min.css') }}">
+    <link rel="stylesheet" href="{{ asset('assets/modules/fontawesome/css/all.min.css') }}">
+
+    <!-- CSS Libraries -->
+    <link rel="stylesheet" href="assets/modules/jqvmap/dist/jqvmap.min.css">
+    <link rel="stylesheet" href="assets/modules/summernote/summernote-bs4.css">
+    <link rel="stylesheet" href="assets/modules/owlcarousel2/dist/assets/owl.carousel.min.css">
+    <link rel="stylesheet" href="assets/modules/owlcarousel2/dist/assets/owl.theme.default.min.css">
+
+    <link rel="stylesheet" href="assets/modules/datatables/datatables.min.css">
+    <link rel="stylesheet" href="assets/modules/datatables/DataTables-1.10.16/css/dataTables.bootstrap4.min.css">
+    <link rel="stylesheet" href="assets/modules/datatables/Select-1.2.4/css/select.bootstrap4.min.css">
+
+    <!-- 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('user.layout.header')
+    </header>
+    <!-- ***** Main Banner Area Start ***** -->
+    <main id="main" style="min-height: 100vh;">
+        @include('user.layout.sidebar')
+        @yield('content')
+    </main>
+    <!-- End #main -->
+    <footer id="footer">
+        @include('user.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>
+
+    <!-- JS Libraies -->
+    <script src="assets/modules/datatables/datatables.min.js"></script>
+    <script src="assets/modules/datatables/DataTables-1.10.16/js/dataTables.bootstrap4.min.js"></script>
+    <script src="assets/modules/datatables/Select-1.2.4/js/dataTables.select.min.js"></script>
+    <script src="assets/modules/jquery-ui/jquery-ui.min.js"></script>
+
+    <!-- Page Specific JS File -->
+    <script src="assets/js/page/modules-datatables.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>
+
+    {{-- refund --}}
+    <script>
+        function setStatus(status) {
+            if (status === "diterima") {
+                // Simulasikan tindakan saat status diterima dipilih
+                alert("Refund diterima!");
+            } else if (status === "ditolak") {
+                // Simulasikan tindakan saat status ditolak dipilih
+                alert("Refund ditolak!");
+            }
+        }
+    </script>
+</body>
+
+</html>
diff --git a/resources/views/user/layout/sidebar.blade.php b/resources/views/user/layout/sidebar.blade.php
new file mode 100644
index 00000000..cc8fd8a9
--- /dev/null
+++ b/resources/views/user/layout/sidebar.blade.php
@@ -0,0 +1,58 @@
+<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 class="drop-down ">
+                <a class="nav-link" data-toggle="collapse" href="#submenuTransaction" aria-expanded="false" aria-controls="submenuTransaction">
+                    <i class="fas fa-columns"></i><span>Transaction</span> <i class="fas fa-caret-down"></i>
+                </a>
+                
+                <div id="submenuTransaction" class="collapse">
+                    <ul class="nav flex-column sub-menu">
+                        <li class="nav-item">
+                            <a class="nav-link" href="/penjual">
+                                <i class="fas fa-user"></i> Penjual
+                            </a>
+                        </li>
+
+                        <li class="nav-item">
+                            <a class="nav-link" href="/pembeli">
+                                <i class="fas fa-users"></i> Pembeli
+                            </a>
+                        </li>
+                    </ul>
+                </div>
+            </li>
+            <li>
+                <a class="nav-link active" href="/contact">
+                    <i class="far fa-address-book"></i> <span>Manajemen Contact</span>
+                </a>
+            </li>
+
+
+            <li>
+                <a class="nav-link active" href="/refund">
+                    <i class="fas fa-money-check-alt"></i> <span>Halaman 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>
diff --git a/resources/views/user/refund/detail-refund.blade.php b/resources/views/user/refund/detail-refund.blade.php
new file mode 100644
index 00000000..1467f13d
--- /dev/null
+++ b/resources/views/user/refund/detail-refund.blade.php
@@ -0,0 +1,56 @@
+<div class="modal fade" id="awaldetailrefund" role="dialog">
+    <div class="modal-dialog modal-dialog-centered">
+        <div class="modal-content">
+            <div class="modal-header">
+                <button type="button" class="close" data-dismiss="modal">
+                    <span aria-hidden="true">&times;</span>
+                    <span class="sr-only">Close</span>
+                </button>
+            </div>
+            <div class="d-flex justify-content-center">
+                <h4 class="modal-title" id="myModalLabel">Detail Refund</h4>
+            </div>
+            <div class="modal-body">
+                <p class="statusMsg"></p>
+                <div class="card-body">
+                    <div class="form-group">
+                        <label for="inputOrderId">Order ID</label>
+                        <p class="form-control-static" id="orderid">1452667</p>
+                    </div>
+
+                    <div class="form-group">
+                        <label for="inputCustomer">Customer</label>
+                        <p class="form-control-static" id="customer">Nurul Prima</p>
+                    </div>
+
+                    <div class="form-group">
+                        <label for="inputEmail">Email Customer</label>
+                        <p class="form-control-static" id="inputEmail">npannisa@gmail.com</p>
+                    </div>
+
+                    <div class="form-group">
+                        <label for="inputSeller">Seller Name</label>
+                        <p class="form-control-static" id="sellername">Zakiaa</p>
+                    </div>
+
+                    <div class="form-group">
+                        <label for="inputDueDate">Due Date</label>
+                        <p class="form-control-static" id="duedate">29 Januari 2002</p>
+                    </div>
+
+                    <div class="form-group">
+                        <label for="inputComplaint">Reason Complaint</label>
+                        <p class="form-control-static" id="reasoncomplaint">Pengembalian product dikarenakan tidak
+                            sesuai dengan aslinya</p>
+                    </div>
+
+                    <div class="form-group">
+                        <label for="inputBukti">Bukti</label>
+                        <p class="form-control-static" id="inputbukti"></p>
+                        <img class="mr-3 rounded" width="200" src="assets/img/avatar/rusak.jpeg">
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
\ No newline at end of file
diff --git a/resources/views/user/refund/history-refund.blade.php b/resources/views/user/refund/history-refund.blade.php
new file mode 100644
index 00000000..39af1180
--- /dev/null
+++ b/resources/views/user/refund/history-refund.blade.php
@@ -0,0 +1,53 @@
+@extends('user.layout.main')
+@section('content')
+    <div class="main-content">
+        <section class="section">
+            <div class="col-md-12">
+                <div class="card">
+                    <div class="card-header">
+                        <h2>History Refund</h2>
+                    </div>
+                    <div class="card-body p-0">
+                        <div class="table-responsive table-invoice">
+                            <table class="table table-striped">
+                                <tr>
+                                    <th>Order ID</th>
+                                    <th>Customer</th>
+                                    <th>Seller</th>
+                                    <th>Total</th>
+                                    <th>Due Date</th>
+                                    <th>Status</th>
+                                    <th>Upload Bukti</th>
+                                    <th>Action</th>
+                                </tr>
+                                @foreach ($history_refund as $HistoryRefund)
+                                    <tr>
+                                        <td class="font-weight-600">{{ $HistoryRefund['orderId'] }}</a></td>
+                                        <td class="font-weight-600">{{ $HistoryRefund['customer'] }}</td>
+                                        <td class="font-weight-600">{{ $HistoryRefund['seller'] }}</td>
+                                        <td class="font-weight-600">{{ $HistoryRefund['total'] }}</td>
+                                        <td class="font-weight-600">{{ $HistoryRefund['dueDate'] }}</td>
+                                        <td>{{ $HistoryRefund['date'] }}</td>
+                                        <td>
+                                            <div class="badge badge-danger">{{ $HistoryRefund['status'] }}</div>
+                                        </td>
+                                        <td>
+                                            <a href="/detail_refund" class="btn btn-primary">Detail</a>
+                                        </td>
+                                        <td>
+                                            <!-- Input field for uploading an image or video -->
+                                            <div class="col-md-12 d-flex align-items-center">
+                                                <label class="form-label me-3"
+                                                    for="uploadFile{{ $HistoryRefund['orderId'] }}">Upload File</label>
+                                                <input class="form-control" type="file"
+                                                    id="uploadFile{{ $HistoryRefund['orderId'] }}" name="uploadedFiles[]">
+                                            </div>
+                                        </td>
+                                    </tr>
+                                @endforeach
+                            </table>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        @endsection
diff --git a/resources/views/user/refund/refund.blade.php b/resources/views/user/refund/refund.blade.php
new file mode 100644
index 00000000..cfcc2068
--- /dev/null
+++ b/resources/views/user/refund/refund.blade.php
@@ -0,0 +1,74 @@
+@extends('user.layout.main')
+@section('content')
+    <div class="main-content">
+        <section class="section">
+            <div class="section-header">
+                <h1>Halaman Refund</h1>
+                <div class="section-header-breadcrumb">
+                    <div class="breadcrumb-item active"><a href="#">Dashboard</a></div>
+                    <div class="breadcrumb-item"><a href="#"> Transaction</a></div>
+                    <div class="breadcrumb-item">Manajemen Kontak</div>
+                    <div class="breadcrumb-item">Halaman Refund</div>
+                </div>
+            </div>
+
+            <div class="row">
+                <div class="col-md-12">
+                    <div class="card">
+                        <div class="card-body">
+                            <div class="table-responsive">
+                                <table class="table table-striped" id="table-1">
+                                    <thead>
+                                        <tr>
+                                            <th class="text-center">
+                                                #
+                                            </th>
+                                            <th>Order Id</th>
+                                            <th>Customer</th>
+                                            <th>Seller</th>
+                                            <th>total</th>
+                                            <th>Due Date</th>
+                                            <th>Status</th>
+                                            <th>upload Bukti</th>
+                                            <th>Action</th>
+                                        </tr>
+                                    </thead>
+                                    <tbody>
+                                        @foreach ($refundUserss as $key => $HistoryRefundUser)
+                                            <tr>
+                                                <td> {{ ++$key }}</td>
+                                                <td class="font-weight-600">
+                                                    {{ $HistoryRefundUser['orderId'] }}</td>
+                                                <td class="font-weight-600">
+                                                    {{ $HistoryRefundUser['Customer'] }}</td>
+                                                <td class="font-weight-600">
+                                                    {{ $HistoryRefundUser['seller'] }}</td>
+                                                <td class="font-weight-600">
+                                                    {{ $HistoryRefundUser['Total'] }}</td>
+                                                <td>{{ $HistoryRefundUser['dueDate'] }}</td>
+
+                                                <td class="font-weight-600">
+                                                    <div class="badge badge-danger" data-status="ditolak"
+                                                        onclick="setStatus('ditolak')">Ditolak</div>
+                                                    {{-- {{ $HistoryRefundUser['status'] }} --}}
+                                                    
+                                                </td>
+                                                <td class="font-weight-600">
+                                                    {{ $HistoryRefundUser['uploadBukti'] }}</td>
+                                                <td>
+                                                    <button class="btn btn-info open-detail-modal" data-toggle="modal"
+                                                        data-target="#awaldetailrefund">Detail</button>
+                                                </td>
+                                            </tr>
+                                        @endforeach
+
+                                    </tbody>
+                                </table>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+    </div>
+    @extends('user.refund.detail-refund')
+@endsection
diff --git a/resources/views/user/transaction/Pembeli/bayar-transaction.blade.php b/resources/views/user/transaction/Pembeli/bayar-transaction.blade.php
new file mode 100644
index 00000000..9b8a04ac
--- /dev/null
+++ b/resources/views/user/transaction/Pembeli/bayar-transaction.blade.php
@@ -0,0 +1,33 @@
+<div class="modal fade" id="bayar" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1"
+                    aria-labelledby="staticBackdropLabel" aria-hidden="true">
+                    <div class="modal-dialog">
+                        <div class="modal-content">
+                            <div class="modal-header d-flex justify-content-center">
+                                <h3 class="modal-title fs-5" id="staticBackdropLabel">Lakukan Pembayaran</h3>
+                                <a type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></a>
+                            </div>
+                            <div class="modal-body">
+                                <form action="#" method="post">
+                                    <div class="mb-3">
+                                        <label for="nominal" class="form-label">Nominal</label>
+                                        <input type="text" class="form-control" name="nominal" id="nominal" required>
+                                    </div>
+
+                                    <div class="mb-3">
+                                        <label for="tujuan" class="form-label">Tujuan</label>
+                                        <input type="text" class="form-control" name="tujuan" id="tujuan" required>
+                                    </div>
+
+                                    <div class="mb-3">
+                                        <label for="textare" class="form-label">Deskripsi</label>
+                                        <textarea class="form-control" id="deskripsi" rows="3"></textarea>
+                                    </div>
+                                </form>
+                            </div>
+
+                            <div class="modal-footer">
+                                <a href="/pembeli" type="button" class="btn btn-primary">Selesai</a>
+                            </div>
+                        </div>
+                    </div>
+                </div>
\ No newline at end of file
diff --git a/resources/views/user/transaction/Pembeli/detail-transaction.blade.php b/resources/views/user/transaction/Pembeli/detail-transaction.blade.php
new file mode 100644
index 00000000..3c9ff8b3
--- /dev/null
+++ b/resources/views/user/transaction/Pembeli/detail-transaction.blade.php
@@ -0,0 +1,180 @@
+@extends('user.layout.main')
+@section('content')
+    <div class="main-content">
+        <section class="section">
+            <div class="col-lg-12 grid-margin stretch-card">
+                <div class="card">
+                    <div class="card-body">
+                        <div class="d-flex justify-content-center">
+                            <h2 class="mb-4"> Informasi Pesanan</h2>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="section-body">
+                <h2 class="section-title">npannisa</h2>
+                <div class="d-flex justify-content-between align-items-center">
+                    <div class="card-title pb-2 m-0">
+                        <h4>Timeline</h4>
+                    </div>
+                </div>
+                <div class="row mt-sm-4">
+                    <div class="col-12 col-md-12 col-lg-5">
+                        <div class="row">
+                            <div class="col-12">
+                                <div class="activities">
+                                    <div class="activity">
+                                        <div class="activity-icon bg-primary text-white shadow-primary">
+                                            <i class="fas fa-comment-alt"></i>
+                                        </div>
+                                        <div class="activity-detail">
+                                            <div class="mb-2">
+                                                <span class="text-job text-primary">August 21, 2023, 8:30:15 am</span>
+                                            </div>
+                                            <p>User Created Trade</p>
+                                        </div>
+                                    </div>
+                                    <div class="activity">
+                                        <div class="activity-icon bg-primary text-white shadow-primary">
+                                            <i class="fas fa-arrows-alt"></i>
+                                        </div>
+                                        <div class="activity-detail">
+                                            <div class="mb-2">
+                                                <span class="text-job text-primary">August 22, 2023, 8:30:15 am</span>
+                                            </div>
+                                            <p>System Notified Admin</p>
+                                        </div>
+                                    </div>
+                                    <div class="activity">
+                                        <div class="activity-icon bg-primary text-white shadow-primary">
+                                            <i class="fas fa-unlock"></i>
+                                        </div>
+                                        <div class="activity-detail">
+                                            <div class="mb-2">
+                                                <span class="text-job text-primary">August 23, 2023, 8:30:15 am</span>
+                                            </div>
+                                            <p>Admin Accepted Trade</p>
+                                        </div>
+                                    </div>
+                                    <div class="activity">
+                                        <div class="activity-icon bg-primary text-white shadow-primary">
+                                            <i class="fas fa-trash"></i>
+                                        </div>
+                                        <div class="activity-detail">
+                                            <div class="mb-2">
+                                                <span class="text-job text-primary">August 24, 2023, 8:30:15 am</span>
+                                            </div>
+                                            <p>Trade in system</p>
+                                        </div>
+                                    </div>
+                                    <div class="activity">
+                                        <div class="activity-icon bg-primary text-white shadow-primary">
+                                            <i class="fas fa-comment-alt"></i>
+                                        </div>
+                                        <div class="activity-detail">
+                                            <div class="mb-2">
+                                                <span class="text-job text-primary">August 24, 2023, 8:30:15 am</span>
+                                            </div>
+                                            <p>Transaction Success</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+
+                    {{-- awal modal transaksi --}}
+    {{-- <div class="modal fade" id="detailtransaksi" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1"
+    aria-labelledby="staticBackdropLabel" aria-hidden="true">
+    <div class="modal-dialog">
+        <div class="modal-content">
+            <div class="modal-header d-flex justify-content-center">
+                <h1 class="modal-title fs-5" id="staticBackdropLabel">Detail Transaksi</h1>
+                <a type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></a>
+            </div>
+            <div class="modal-body">
+                @foreach ($TransactionUser as $HistoryTransaction)
+                    <div class="d-flex flex-column">
+                        <div class="data-fieldr">
+                            <span class="fw-bold text-start">Order Details</span>
+
+                        </div>
+                        <hr class="border border-1 opacity-75 w-100">
+                        <div class="data-field">
+                            <span class="fw-bold text-start">Oder ID</span>
+                            <span class="text-muted ">{{ $HistoryTransaction['orderId'] }}</span>
+                        </div>
+                        <div class="data-field">
+                            <span class="fw-bold text-start">Customer</span>
+                            <span class="text-muted ">{{ $HistoryTransaction['Customer'] }}</span>
+                        </div>
+                        <div class="data-field">
+                            <span class="fw-bold text-start">Seller</span>
+                            <span class="text-muted ">{{ $HistoryTransaction['seller'] }}</span>
+                        </div>
+                        <div class="data-field">
+                            <span class="fw-bold text-start">Total</span>
+                            <span class="text-muted ">{{ $HistoryTransaction['total'] }}</span>
+                        </div>
+                        <div class="data-field">
+                            <span class="fw-bold text-start">Due Date</span>
+                            <span class="text-muted ">{{ $HistoryTransaction['dueDate'] }}</span>
+                        </div>
+                        <div class="data-field">
+                            <span class="fw-bold text-start">Status</span>
+                            <span class="text-muted ">{{ $HistoryTransaction['status'] }}</span>
+                        </div>
+                    </div>
+                @endforeach
+            </div>
+            <div class="modal-footer">
+                <a href="/transaction" type="button" class="btn btn-primary">OK!</a>
+            </div>
+        </div>
+    </div>
+</div> --}}
+{{-- 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
\ No newline at end of file
diff --git a/resources/views/user/transaction/Pembeli/end-transaction.blade.php b/resources/views/user/transaction/Pembeli/end-transaction.blade.php
new file mode 100644
index 00000000..ebaeefbb
--- /dev/null
+++ b/resources/views/user/transaction/Pembeli/end-transaction.blade.php
@@ -0,0 +1,16 @@
+<div class="modal fade" id="selesai" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1"
+                    aria-labelledby="staticBackdropLabel" aria-hidden="true">
+                    <div class="modal-dialog modal-dialog-centered">
+                        <!-- Menggunakan class modal-dialog-centered untuk memusatkan modal -->
+                        <div class="modal-content">
+                            <div class="modal-header d-flex justify-content-center">
+                                <h2 class="modal-title fs-5" id="staticBackdropLabel">Konfirmasi Pesanan</h2>
+                                <a type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></a>
+                            </div>
+                            <div class="modal-footer d-flex justify-content-center">
+                                <a href="/pembeli" type="button" class="btn btn-danger">Pesanan Belum diterima</a>
+                                <a href="/pembeli" type="button" class="btn btn-primary">Pesanan diterima</a>
+                            </div>
+                        </div>
+                    </div>
+                </div>
diff --git a/resources/views/user/transaction/Pembeli/new-transaction.blade.php b/resources/views/user/transaction/Pembeli/new-transaction.blade.php
new file mode 100644
index 00000000..1b98ae0b
--- /dev/null
+++ b/resources/views/user/transaction/Pembeli/new-transaction.blade.php
@@ -0,0 +1,132 @@
+@extends('user.layout.main')
+@section('content')
+    <div class="main-content">
+        <section class="section">
+            <div class="container">
+                <div class="row justify-content-center">
+                    <div class="col-md-12">
+                        <div class="card-body">
+                            <div class="card">
+                                <div class="card-header d-flex justify-content-center">
+                                    <h2>Form Transaksi</h2>
+                                </div>
+                                    <div class="card-body">
+                                      <div class="form-row">
+                                        <div class="form-group col-md-12">
+                                          <label for="inputpembeli">Nama Pembeli</label>
+                                          <input type="email" class="form-control" id="inputpembeli" placeholder="Masukkan nama pembeli">
+                                        </div>
+                                      </div>
+                                      <div class="form-group">
+                                        <label for="inputpenjual">Nama Penjual</label>
+                                        <input type="text" class="form-control" id="inputpenjual" placeholder="Masukkan nama penjual">
+                                      </div>
+                                      <div class="form-group">
+                                        <label for="harga">Harga</label>
+                                        <input type="text" class="form-control" id="harga" placeholder="Rp.1000.000">
+                                      </div>
+                                      <div class="form-group">
+                                        <label for="inputjenis">Jenis Barang</label>
+                                        <input type="text" class="form-control" id="inputjenis" placeholder="">
+                                      </div>
+                                      <div class="form-group">
+                                        <label>Due Date</label>
+                                        <input type="date" class="form-control">
+                                      </div>
+                                      <div class="form-group">
+                                        <label for="inputdeskripsi">Deskripsi</label>
+                                        <textarea class="form-control resizable" id="deskripsi" placeholder="Deskripsikan jenis apa transaksi yang anda lakukan"></textarea>
+                                    </div> 
+                                      <div class="form-group mb-0">
+                                        <div class="form-check">
+                                          <input class="form-check-input" type="checkbox" id="gridCheck">
+                                          <label class="form-check-label" for="gridCheck">
+                                            Check me out
+                                          </label>
+                                        </div>
+                                      </div>
+                                    </div>
+                                    <div class="card-footer d-flex justify-content-center">
+                                      <a href="/pembeli" class="btn btn-primary">Submit</a>
+                                    </div>
+                                  </div>
+                                
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+
+
+                {{-- form transaksi --}}
+                {{-- <div class="container">
+                <div class="row justify-content-center">
+                    <div class="col-md-6">
+                        <div class="card">
+                            <div class="card-body">
+                                <form>
+                                    <div class="mb-3">
+                                        <label for="orderid" class="form-label">Order Id</label>
+                                        <input type="text" class="form-control" id="orderId" name="order" required>
+                                    </div>
+
+                                    <div class="mb-3">
+                                        <label for="customer" class="form-label">Customer</label>
+                                        <input type="text" class="form-control" id="customer" name="customer" required>
+                                    </div>
+
+                                    <div class="mb-3">
+                                        <label for="seller" class="form-label">Norek Asal</label>
+                                        <input type="text" class="form-control" id="norekasal" name="norekasal" pattern="[0-9]+" required>
+                                        <div class="invalid-feedback">
+                                            Harap masukkan hanya angka</div>
+                                    </div>
+
+                                    <div class="mb-3">
+                                        <label for="seller" class="form-label">Seller</label>
+                                        <input type="text" class="form-control" id="seller" name="seller" required>
+                                    </div>
+
+                                    <div class="mb-3">
+                                        <label for="seller" class="form-label">Norek Tujuan</label>
+                                        <input type="text" class="form-control" id="norektujuan" name="norektujuan" pattern="[0-9]+" required>
+                                        <div class="invalid-feedback">
+                                            Harap masukkan hanya angka.
+                                        </div>
+                                    </div>
+                        
+
+                                    <div class="mb-3">
+                                        <label for="total" class="form-label">Total</label>
+                                        <input type="text" class="form-control" id="total" name="total">
+                                    </div>
+
+                                    <div class="mb-3">
+                                        <label for="seller" class="form-label">Due Date</label>
+                                        <input type="calendar" class="form-control" id="duedate" name="duedate" required>
+                                    </div>
+
+                                    <div class="mb-3">
+                                        <label for="textareadesc" class="form-label">Deskripsi</label>
+                                        <textarea class="form-control" id="textareadesc" rows="3"></textarea>
+                                    </div>
+
+                                    
+                                    {{-- <div class="d-flex justify-content-center">
+                                        <button class="btn btn-info open-detail-modal" data-toggle="modal fade"
+                                            data-target="#confirmtransaction">Transaksi Sudah Benar</button>
+                                    </div> --}}
+
+                <div class="d-flex justiffy-content-center">
+                    <a href="/pembeli" type="button" class="btn btn-primary" data-bs-dismiss="modal">Transaksi Sudah
+                        Benar</a>
+                </div>
+                </form>
+            </div>
+    </div>
+    </div>
+    </div>
+    {{-- </div> --}}
+    </div>
+@endsection
diff --git a/resources/views/user/transaction/Pembeli/refund-transaction.blade.php b/resources/views/user/transaction/Pembeli/refund-transaction.blade.php
new file mode 100644
index 00000000..c68b1b0c
--- /dev/null
+++ b/resources/views/user/transaction/Pembeli/refund-transaction.blade.php
@@ -0,0 +1,65 @@
+@extends('user.layout.main')
+@section('content')
+    <div class="main-content">
+        <section class="section">
+            <div class="container">
+                <div class="row justify-content-center">
+                    <div class="col-md-12">
+                        <div class="card">
+                            <div class="card-body">
+                                <div class="card">
+                                    <div class="card-header d-flex justify-content-center">
+                                        <h2>Form Refund Pesanan</h2>
+                                    </div>
+                                    <div class="card-body">
+                                        <div class="section-title mt-0">Reason Complaint</div>
+                                        <div class="col-md-12">
+                                            <label for="inputReasonComplaint" class="form-label">Berikan Alasan Mengapa
+                                                Melakukan Pengembalian</label>
+                                            <textarea class="form-control" aria-label="With textarea"></textarea>
+                                        </div>
+
+                                        <div class="section-title">Upload Image / Video</div>
+                                        <div class="custom-file">
+                                            <label for="uploadBukti" class="form-label">Sertakan bukti seperti Foto
+                                                Pesanan</label>
+                                            <input type="file" class="form-control" name="transfer_proof" id="bukti"
+                                                accept="image/*" required multiple>
+                                        </div>
+                                    </div>
+                                </div>
+
+                                <div class="d-flex justify-content-center">
+                                    <button class="btn btn-info open-detail-modal" data-toggle="modal"
+                                        data-target="#confirmtransaction">Ajukan Pengembalian</button>
+                                </div>
+                                </form>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+    </div>
+
+    {{-- awal modal konfirmasi --}}
+    <div class="modal fade" id="confirmtransaction" aria-hidden="true" aria-labelledby="myModalLabel" tabindex="-1">
+        <div class="modal-dialog modal-dialog-centered">
+            <div class="modal-content">
+                <div class="modal-header">
+                    <button type="button" class="close" data-dismiss="modal">
+                        <span aria-hidden="true">&times;</span>
+                        <span class="sr-only">Close</span>
+                    </button>
+                </div>
+                <div class="modal-header d-flex justify-content-center">
+                    <h5 class="modal-title" id="transaksiberhasil">Transaksi Berhasil Dilakukan!</h5>
+                    <a type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></a>
+                </div>
+                <div class="modal-footer">
+                    <a href="/refund" type="button" class="btn btn-primary" data-bs-dismiss="modal">OK!</a>
+                </div>
+            </div>
+        </div>
+    </div>
+    {{-- akhir modal konfirmasi --}}
+@endsection
diff --git a/resources/views/user/transaction/Pembeli/transaction-pembeli.blade.php b/resources/views/user/transaction/Pembeli/transaction-pembeli.blade.php
new file mode 100644
index 00000000..4126a2cd
--- /dev/null
+++ b/resources/views/user/transaction/Pembeli/transaction-pembeli.blade.php
@@ -0,0 +1,93 @@
+@extends('user.layout.main')
+@section('content')
+    <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>
+                    <div class="breadcrumb-item">Manajemen Kontak</div>
+                    <div class="breadcrumb-item">Halaman Refund</div>
+                </div>
+            </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>
+                                <p class="lead">How Are You Today?</p>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="col-md-12">
+                        <div class="card">
+                            <div class="d-grid gap-2 d-md-flex justify-content-md-end" style="margin-bottom: 20px">
+                                <a class="nav-link active" href="new-transaction">
+                                    <button class="btn btn-primary btn-lg">Lakukan Transaksi Baru</button>
+                                </a>
+                                {{-- <div 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">
+                                    <table class="table table-striped" id="table-1">
+                                        <thead>
+                                            <tr>
+                                                <th>User ID</th>
+                                                <th>Order ID</th>
+                                                <th>Customer</th>
+                                                <th>Seller</th>
+                                                <th>Total</th>
+                                                <th>Due Date</th>
+                                                <th>Status</th>
+                                                <th>Action</th>
+                                            </tr>
+                                        </thead>
+                                        <tbody>
+                                            @foreach ($TransactionUser as $HistoryTransaction)
+                                                <tr>
+                                                    <td>{{ $HistoryTransaction['userId'] }}</td>
+                                                    <td>{{ $HistoryTransaction['orderId'] }}</td>
+                                                    <td>{{ $HistoryTransaction['Customer'] }}</td>
+                                                    <td>{{ $HistoryTransaction['seller'] }}</td>
+                                                    <td>{{ $HistoryTransaction['total'] }}</td>
+                                                    <td>{{ $HistoryTransaction['dueDate'] }}</td>
+                                                    <td>{{ $HistoryTransaction['status'] }}</td>
+                                                    <td>
+                                                        <div class="btn-group">
+                                                            <button type="button" class="btn btn-primary dropdown-toggle"
+                                                                data-toggle="dropdown" aria-haspopup="true"
+                                                                aria-expanded="false">
+                                                                Action
+                                                            </button>
+
+                                                            <ul class="dropdown-menu">
+                                                                <li><a class="dropdown-item"
+                                                                        href="/detail-transaction">Detail</a></li>
+                                                                <li><a class="dropdown-item"
+                                                                        href="/refund-transaction">Refund</a></li>
+                                                                <li><a class="dropdown-item" data-toggle="modal"
+                                                                        data-target="#bayar">Bayar</a></li>
+                                                                <li><a class="dropdown-item" data-toggle="modal"
+                                                                        data-target="#selesai">Selesai</a></li>
+                                                            </ul>
+                                                        </div>
+                                                    </td>
+                                                </tr>
+                                            @endforeach
+                                        </tbody>
+                                    </table>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+        </section>
+
+        @extends('user.transaction.Pembeli.bayar-transaction')
+        @extends('user.transaction.Pembeli.end-transaction')
+    @endsection
diff --git a/resources/views/user/transaction/Penjual/tracking.blade.php b/resources/views/user/transaction/Penjual/tracking.blade.php
new file mode 100644
index 00000000..f9934fd5
--- /dev/null
+++ b/resources/views/user/transaction/Penjual/tracking.blade.php
@@ -0,0 +1,111 @@
+<!-- Modal -->
+<div class="modal fade" id="tracking" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle"
+    aria-hidden="true">
+    <div class="modal-dialog modal-dialog-centered" role="document">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h2 class="modal-title" id="exampleModalLongTitle">Tracking Information</h2>
+                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                    <span aria-hidden="true">&times;</span>
+                </button>
+            </div>
+            <div class="modal-body">
+                <div class="section-body">
+                    <div class="row">
+                        <div class="col-12">
+                            <div class="activities">
+                                <div class="activity">
+                                    <div class="activity-icon bg-primary text-white shadow-primary">
+                                        <i class="fas fa-comment-alt"></i>
+                                    </div>
+                                    <div class="activity-detail">
+                                        <div class="mb-2">
+                                            <span class="text-job text-primary">August 21, 2023, 8:30:15 am</span>
+                                        </div>
+                                        <p>User Created Trade</p>
+                                    </div>
+                                </div>
+                                <div class="activity">
+                                    <div class="activity-icon bg-primary text-white shadow-primary">
+                                        <i class="fas fa-arrows-alt"></i>
+                                    </div>
+                                    <div class="activity-detail">
+                                        <div class="mb-2">
+                                            <span class="text-job text-primary">August 22, 2023, 8:30:15 am</span>
+                                        </div>
+                                        <p>System Notified Admin</p>
+                                    </div>
+                                </div>
+                                <div class="activity">
+                                    <div class="activity-icon bg-primary text-white shadow-primary">
+                                        <i class="fas fa-unlock"></i>
+                                    </div>
+                                    <div class="activity-detail">
+                                        <div class="mb-2">
+                                            <span class="text-job text-primary">August 23, 2023, 8:30:15 am</span>
+                                        </div>
+                                        <p>Admin Accepted Trade</p>
+                                    </div>
+                                </div>
+                                <div class="activity">
+                                    <div class="activity-icon bg-primary text-white shadow-primary">
+                                        <i class="fas fa-trash"></i>
+                                    </div>
+                                    <div class="activity-detail">
+                                        <div class="mb-2">
+                                            <span class="text-job text-primary">August 24, 2023, 8:30:15 am</span>
+                                        </div>
+                                        <p>Trade in system</p>
+                                    </div>
+                                </div>
+                                <div class="activity">
+                                    <div class="activity-icon bg-primary text-white shadow-primary">
+                                        <i class="fas fa-comment-alt"></i>
+                                    </div>
+                                    <div class="activity-detail">
+                                        <div class="mb-2">
+                                            <span class="text-job text-primary">August 24, 2023, 8:30:15 am</span>
+                                        </div>
+                                        <p>Transaction Success</p>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="modal-footer">
+                <a href="#" class="btn btn-primary mx-1">Back</a>
+            </div>
+        </div>
+    </div>
+</div>
+
+
+
+
+{{-- @extends('layout.main')
+@section('content')
+    @foreach ($detail_transaction as $detail_transactions)
+        <div class="main-content">
+            <section class="section">
+                <div class="tracking-container">
+                    <h2>Tracking Information</h2>
+                    <div class="tracking-info">
+                        <p>Tracking Number: <span
+                                class="tracking-status">{{ $detail_transactions['tracking_number'] }}</span></p>
+                        <p>Order ID: <span class="tracking-status">{{ $detail_transactions['orderId'] }}</span></p>
+                        <p>Status: <span class="tracking-status">{{ $detail_transactions['status'] }}</span></p>
+                        <p>Estimated: {{ $detail_transactions['estimated'] }}</p>
+                    </div>
+                    <h2>Tracking Details</h2>
+                    <ul>
+                        <li>{{ $detail_transactions['tracking_detail1'] }}</li>
+                        <li>{{ $detail_transactions['tracking_detail2'] }}</li>
+                        <li>{{ $detail_transactions['tracking_detail3'] }}</li>
+                    </ul>
+                </div>
+            </section>
+        </div>
+    @endforeach
+@endsection --}}
diff --git a/resources/views/user/transaction/Penjual/transaction-penjual.blade.php b/resources/views/user/transaction/Penjual/transaction-penjual.blade.php
new file mode 100644
index 00000000..3dc9fd7a
--- /dev/null
+++ b/resources/views/user/transaction/Penjual/transaction-penjual.blade.php
@@ -0,0 +1,71 @@
+@extends('user.layout.main')
+@section('content')
+    <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>
+                    <div class="breadcrumb-item">Manajemen Kontak</div>
+                    <div class="breadcrumb-item">Halaman Refund</div>
+                </div>
+            </div>
+
+            <div class="row">
+                    <div class="col-md-12">
+                        <div class="card">
+                            <div class="card-body">
+                                <div class="table-responsive">
+                                    <table class="table table-striped" id="table-1">
+                                        <thead>
+                                            <tr>
+                                                <th>#</th>
+                                                <th>User ID</th>
+                                                <th>Order ID</th>
+                                                <th>Customer</th>
+                                                <th>Seller</th>
+                                                <th>Total</th>
+                                                <th>Due Date</th>
+                                                <th>Status</th>
+                                                <th>Action</th>
+                                            </tr>
+                                        </thead>
+                                        <tbody>
+                                            @foreach ($TransactionUser as $key => $HistoryTransaction)
+                                                <tr>
+                                                    <td>{{ ++$key }}</td>
+                                                    <td class="font-weight-600">{{ $HistoryTransaction['userId'] }}</td>
+                                                    <td class="font-weight-600">{{ $HistoryTransaction['orderId'] }}</td>
+                                                    <td class="font-weight-600">{{ $HistoryTransaction['Customer'] }}</td>
+                                                    <td class="font-weight-600">{{ $HistoryTransaction['seller'] }}</td>
+                                                    <td class="font-weight-600">{{ $HistoryTransaction['total'] }}</td>
+                                                    <td>{{ $HistoryTransaction['dueDate'] }}</td>
+                                                    <td class="font-weight-600">{{ $HistoryTransaction['status'] }}</td>
+                                                    <td>
+                                                        <div class="btn-group">
+                                                            <button type="button" class="btn btn-primary dropdown-toggle"
+                                                                data-toggle="dropdown" aria-haspopup="true"
+                                                                aria-expanded="false">
+                                                                Action
+                                                            </button>
+                                                            <ul class="dropdown-menu">
+                                                                <li><a class="dropdown-item"
+                                                                        href="/detail-transaction">Detail</a></li>
+                                                                <li><a class="dropdown-item" data-toggle="modal"
+                                                                        data-target="#tracking">Tracking</a></li>
+                                                                {{-- <li><a class="dropdown-item" href="/tracking">Tracking</a></li> --}}
+                                                            </ul>
+                                                        </div>
+                                                    </td>
+                                                </tr>
+                                            @endforeach
+                                        </tbody>
+                                    </table>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                @extends('user.transaction.Penjual.tracking')
+            @endsection
diff --git a/routes/web.php b/routes/web.php
index 34dc4063..c24dd60d 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -1,7 +1,10 @@
 <?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;
 
 /*
@@ -15,46 +18,110 @@ 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 () {
+    return view('welcome'
+    );
+});
+
 Route::get('/', function () {
     return view('index',[
-        'name'=>'Jilhan Haura',
+        'name'=>'npannisa',
+        "refundUserss"=>RefundUser::HistoryRefundUser()
+    ]);
+});
+
+
+// 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',[     
+        'name' => "npannisa",
+        "contacts"=>ContactUser::ContactUser(),
+    ]);
+});
+
+// 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',[
+        'name'=>'npannisa',
+        "refundUserss"=>RefundUser::HistoryRefundUser()
+    ]);
+});
+
+
+// transaction
+
+Route::get('/pembeli', function () {
+    return view('user/transaction/Pembeli/transaction-pembeli',[
+        'name'=>'npannisa',
+        "TransactionUser"=>TransactionUser::HistoryTransaction()
+    ]);
+});
+
+Route::get('/detail-transaction', function () {
+    return view('user/transaction/Pembeli/detail-transaction',[
+        'name'=>'npannisa',
+        "TransactionUser"=>TransactionUser::HistoryTransaction()
+    ]);
+});
+
+Route::get('/refund-transaction', function () {
+    return view('user/transaction/Pembeli/refund-transaction',[
+        'name'=>'npannisa',
+        "refundUserss"=>RefundUser::HistoryRefundUser()
+    ]);
+});
+
+
+Route::get('/new-transaction', function () {
+    return view('user/transaction/Pembeli/new-transaction',[
+        'name'=>'npannisa',
         "transaction"=>transaction::allTransactions()
     ]);
 });
-Route::get('/list_transaction', function () {
-    return view('transaction/List_Transaction',[
-        'name'=>'Jilhan Haura',
-        "transaction"=> transaction::allTransactions()
+
+Route::get('/penjual', function () {
+    return view('user/transaction/Penjual/transaction-penjual',[
+        'name'=>'npannisa',
+        "TransactionUser"=>TransactionUser::HistoryTransaction()
     ]);
 });
-Route::get('/history_transaction', function () {
-    return view('transaction/History_Transaction',[
-        'name'=>'Jilhan Haura',
-        "transaction"=> transaction::allTransactions()
-    ]);
-});
-Route::get('/Detail_History', function () {
-    return view('transaction/Detail_History_Transaction',[
-        'name'=>'Jilhan Haura',
-        "detail_transaction"=> transaction::allDetailTransactions()
-    ]);
-});
-Route::get('/history_refund', function () {
-    return view('refund/history-refund',[
-        'name'=>'Jilhan Haura',
-        "history_refund" => Refund::HistoryRefund()
-    ]);
-});
-Route::get('/detail_refund',function() {
-    return view('refund/detail-refund',[
-        'name'=>'Jilhan Haura',
-        "detail_refund"=> Refund::DetailRefund()
-    ]);
-});
-Route::get('/next_detail_refund',function() {
-    return view('refund/next-detail-refund',[
-        'name'=>"Jilhan Haura"
-    ]);
-});
-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');
\ No newline at end of file
+
+// Route::get('/penjual', function () {
+//     return view('user/transaction/Penjual/tracking',[
+//         'name'=>'npannisa',
+//         "TransactionUser"=>TransactionUser::HistoryTransaction()
+//     ]);
+// });
+
+
+
+
+
+
+