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 00000000..f870c441
Binary files /dev/null and b/public/assets/img/avatar/rusak.jpeg differ
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()
+//     ]);
+// });
+
+
+
+
+
+
+