Perubahan tampilan status dan tampilan profile
This commit is contained in:
npannisa
parent
460ec0a96b
commit
172d9d2e22
58
app/Http/Controllers/RefundController.php
Normal file
58
app/Http/Controllers/RefundController.php
Normal file
@ -0,0 +1,58 @@
|
||||
<?php
|
||||
|
||||
namespace App\Http\Controllers;
|
||||
|
||||
use Illuminate\Http\Request;
|
||||
use App\RefundUser;
|
||||
|
||||
class RefundController extends Controller
|
||||
{
|
||||
public function create(Request $request)
|
||||
{
|
||||
$request->validate([
|
||||
'reason_complaint' => 'required|string',
|
||||
'transfer_proof' => 'required|image',
|
||||
]);
|
||||
|
||||
// Ambil data tambahan dari database berdasarkan order_id atau informasi lain
|
||||
$order = Order::where('order_id', $request->input('order_id'))->first();
|
||||
|
||||
// Buat objek RefundUser
|
||||
$refund = new RefundUser();
|
||||
$refund->order_id = $order->order_id; // Ambil data dari order
|
||||
$refund->customer = $order->customer;
|
||||
$refund->seller = $order->seller;
|
||||
$refund->total = $order->total;
|
||||
$refund->dueDate = $order->dueDate;
|
||||
$refund->status = $order->status;
|
||||
$refund->reason_complaint = $request->input('reason_complaint');
|
||||
|
||||
if ($request->hasFile('transfer_proof')) {
|
||||
$image = $request->file('transfer_proof');
|
||||
$imageName = time() . '.' . $image->getClientOriginalExtension();
|
||||
$image->move(public_path('uploads'), $imageName);
|
||||
$refund->transfer_proof = $imageName;
|
||||
}
|
||||
|
||||
// Simpan data ke dalam database
|
||||
$refund->save();
|
||||
|
||||
return redirect('/refund')->with('success', 'Pengembalian Berhasil Diajukan');
|
||||
}
|
||||
|
||||
// detail pengajuan berdasarkan id
|
||||
public function show($id)
|
||||
{
|
||||
$refund = Refund::findOrFail($id);
|
||||
return view('refund.show', ['refund' => $refund]);
|
||||
}
|
||||
|
||||
// menghapus pengajuan refund berdasarkan id
|
||||
public function destroy($id) // Perbaikan pada penulisan "destroy"
|
||||
{
|
||||
$refund = Refund::findOrFail($id);
|
||||
$refund->delete();
|
||||
|
||||
return redirect('/refund')->with('success', 'Pengembalian Berhasil Dihapus');
|
||||
}
|
||||
}
|
||||
@ -1,66 +0,0 @@
|
||||
<?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)
|
||||
{
|
||||
//
|
||||
}
|
||||
}
|
||||
@ -15,25 +15,34 @@ class RefundUser
|
||||
"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",
|
||||
"orderId" => "INV-1235",
|
||||
"Customer" => "jilhan haura",
|
||||
"seller" => "kevin",
|
||||
"Total" => " Rp.500.000",
|
||||
"dueDate"=>"29 Januari 2023",
|
||||
"status"=>"diproses",
|
||||
|
||||
],
|
||||
[
|
||||
"orderId" => "INV-1236",
|
||||
"Customer" => "Raihan Surya",
|
||||
"seller" => "Salsa",
|
||||
"Total" => " Rp.400.000",
|
||||
"dueDate"=>"20 Agustus 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"
|
||||
"orderId" => "INV-1237",
|
||||
"Customer" => "Fatur Rahman",
|
||||
"seller" => "Satria ",
|
||||
"Total" => " Rp.100.000",
|
||||
"dueDate"=>"2 Agustus 2023",
|
||||
"status"=>"ditolak",
|
||||
|
||||
],
|
||||
];
|
||||
public static function HistoryRefundUser(){
|
||||
|
||||
@ -9,12 +9,39 @@ class TransactionPembeli
|
||||
{
|
||||
private static $history_transactionPembeli=[
|
||||
[
|
||||
"userId" => "NPA-9876",
|
||||
"orderId" => "INV-1234",
|
||||
"Customer" => "Nurul Prima",
|
||||
"seller" => "Jilhan",
|
||||
"seller" => "Jilhan Haura",
|
||||
"total" => "Rp.500.000",
|
||||
"dueDate"=>"29 juni 2023",
|
||||
"status"=>"pending",
|
||||
"status"=>"OnProgress",
|
||||
"action" => ""
|
||||
],
|
||||
[
|
||||
"userId" => "NPA-9877",
|
||||
"orderId" => "INV-12345",
|
||||
"seller" => "Rayhan Surya",
|
||||
"total" => "Rp.900.000",
|
||||
"dueDate"=>"30 juni 2023",
|
||||
"status"=>"Failed",
|
||||
"action" => ""
|
||||
],
|
||||
[
|
||||
"userId" => "NPA-9878",
|
||||
"orderId" => "INV-12346",
|
||||
"seller" => "Satria Hikmaladi",
|
||||
"total" => "Rp.900.000",
|
||||
"dueDate"=>"31 juni 2023",
|
||||
"status"=>"Success",
|
||||
"action" => ""
|
||||
],
|
||||
[
|
||||
"userId" => "NPA-9871",
|
||||
"orderId" => "INV-12340",
|
||||
"seller" => "Aliffian Septi",
|
||||
"total" => "Rp.1.000.000",
|
||||
"dueDate"=>"13 Maret 2023",
|
||||
"status"=>"Failed",
|
||||
"action" => ""
|
||||
],
|
||||
];
|
||||
|
||||
@ -9,24 +9,42 @@ class TransactionPenjual
|
||||
{
|
||||
private static $history_transactionPenjual=[
|
||||
[
|
||||
"orderId" => "INV-1234",
|
||||
"Customer" => "Nurul Prima",
|
||||
"seller" => "Jilhan",
|
||||
"userId" => "NPA-9876",
|
||||
"orderId" => "INV-1235",
|
||||
"customer" => "Viona Denopta",
|
||||
"total" => "Rp.500.000",
|
||||
"dueDate"=>"29 juni 2023",
|
||||
"status"=>"pending",
|
||||
"status"=>"OnProgress",
|
||||
"action" => ""
|
||||
],
|
||||
|
||||
[
|
||||
"orderId" => "INV-1235",
|
||||
"Customer" => "Nurul Annisa",
|
||||
"seller" => "Rayhan",
|
||||
"total" => "Rp.900.000",
|
||||
"dueDate"=>"29 Juli 2023",
|
||||
"status"=>"proses",
|
||||
"userId" => "NPA-9877",
|
||||
"orderId" => "INV-1236",
|
||||
"customer" => "Intan Saudina Fitri",
|
||||
"total" => "Rp.1.500.000",
|
||||
"dueDate"=>"29 September 2023",
|
||||
"status"=>"Success",
|
||||
"action" => ""
|
||||
],
|
||||
[
|
||||
"userId" => "NPA-9879",
|
||||
"orderId" => "INV-1238",
|
||||
"customer" => "Cindy Zahra",
|
||||
"total" => "Rp.5.000.000",
|
||||
"dueDate"=>"09 juni 2023",
|
||||
"status"=>"Failed",
|
||||
"action" => ""
|
||||
],
|
||||
[
|
||||
"userId" => "NPA-9872",
|
||||
"orderId" => "INV-1232",
|
||||
"customer" => "Naufal Hady",
|
||||
"total" => "Rp.500.000",
|
||||
"dueDate"=>"05 Desember 2023",
|
||||
"status"=>"Failed",
|
||||
"action" => ""
|
||||
],
|
||||
|
||||
];
|
||||
public static function HistoryTransactionPenjual(){
|
||||
return self::$history_transactionPenjual;
|
||||
|
||||
@ -93,7 +93,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="col-md-12 ">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h4>INCOME</h4>
|
||||
@ -104,46 +104,99 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="col-md-12">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h2>Transaction</h2>
|
||||
{{-- <div class="summary-item">
|
||||
<h6 class="mt-8">Item List Transaksi<span class="text-muted">(4 Items)</span></h6>
|
||||
<ul class="list-unstyled list-unstyled-border">
|
||||
<li class="media">
|
||||
<a href="#">
|
||||
<img alt="image" class="mr-3 rounded" width="50" src="assets/img/products/product-4-50.png">
|
||||
</a>
|
||||
<div class="media-body">
|
||||
<div class="media-right">Rp.15.000</div>
|
||||
<div class="media-title"><a href="#">Anak Ayam</a></div>
|
||||
<div class="text-small text-muted">by <a href="#">Jefri Vernando</a> <div class="bullet"></div> Sunday</div>
|
||||
</div>
|
||||
<div class="card-body p-0">
|
||||
<div class="table-responsive table-invoice">
|
||||
<table class="table table-striped">
|
||||
<tr>
|
||||
<th>Order ID</th>
|
||||
<th>Customer</th>
|
||||
<th>Seller</th>
|
||||
<th>Total</th>
|
||||
<th>Due Date</th>
|
||||
<th>Status</th>
|
||||
<th>Image</th>
|
||||
</tr>
|
||||
@foreach ($refundUserss as $HistoryRefundUser)
|
||||
<tr>
|
||||
<td class="font-weight-600">
|
||||
{{ $HistoryRefundUser['orderId'] }}</td>
|
||||
<td class="font-weight-600">
|
||||
{{ $HistoryRefundUser['Customer'] }}</td>
|
||||
<td class="font-weight-600">
|
||||
{{ $HistoryRefundUser['seller'] }}</td>
|
||||
<td class="font-weight-600">
|
||||
{{ $HistoryRefundUser['Total'] }}</td>
|
||||
<td>{{ $HistoryRefundUser['dueDate'] }}</td>
|
||||
<td>
|
||||
<div class="badge badge-success" data-status="diterima"
|
||||
onclick="setStatus('diterima')">Diterima</div>
|
||||
</td>
|
||||
<td class="font-weight-600">
|
||||
{{ $HistoryRefundUser['uploadBukti'] }}</td>
|
||||
<td>
|
||||
|
||||
</tr>
|
||||
@endforeach
|
||||
</table>
|
||||
</li>
|
||||
<li class="media">
|
||||
<a href="#">
|
||||
<img alt="image" class="mr-3 rounded" width="50" src="assets/img/products/product-1-50.png">
|
||||
</a>
|
||||
<div class="media-body">
|
||||
<div class="media-right">Rp.10.000</div>
|
||||
<div class="media-title"><a href="#">Nokia Tenonet</a></div>
|
||||
<div class="text-small text-muted">by <a href="#">Ila Rahma</a> <div class="bullet"></div> Monday</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="media">
|
||||
<a href="#">
|
||||
<img alt="image" class="mr-3 rounded" width="50" src="assets/img/products/product-2-50.png">
|
||||
</a>
|
||||
<div class="media-body">
|
||||
<div class="media-right">Rp.2.000</div>
|
||||
<div class="media-title"><a href="#">Kotak Kacamata</a></div>
|
||||
<div class="text-muted text-small">by <a href="#">Enzi Marni</a> <div class="bullet"></div> Friday
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="media">
|
||||
<a href="#">
|
||||
<img alt="image" class="mr-3 rounded" width="50" src="assets/img/products/product-3-50.png">
|
||||
</a>
|
||||
<div class="media-body">
|
||||
<div class="media-right">Rp.1.000</div>
|
||||
<div class="media-title"><a href="#">Aqua Botol</a></div>
|
||||
<div class="text-small text-muted">by <a href="#">Kurina Tusia</a> <div class="bullet"></div> Tuesday
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div> --}}
|
||||
|
||||
|
||||
<div class="col-md-12">
|
||||
<div class="card">
|
||||
<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>User ID</th>
|
||||
<th>Order ID</th>
|
||||
<th>Seller</th>
|
||||
<th>Total</th>
|
||||
<th>Due Date</th>
|
||||
<th>Status</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@foreach ($TransactionPembeli as $HistoryTransactionPembeli)
|
||||
<tr>
|
||||
<td>{{ $HistoryTransactionPembeli['userId'] }}</td>
|
||||
<td>{{ $HistoryTransactionPembeli['orderId'] }}</td>
|
||||
<td>{{ $HistoryTransactionPembeli['seller'] }}</td>
|
||||
<td>{{ $HistoryTransactionPembeli['total'] }}</td>
|
||||
<td>{{ $HistoryTransactionPembeli['dueDate'] }}</td>
|
||||
<td>
|
||||
@php
|
||||
$statusClass="";
|
||||
if ($HistoryTransactionPembeli['status'] === 'OnProgress'){
|
||||
$statusClass = 'badge-warning';
|
||||
}elseif ($HistoryTransactionPembeli['status'] === 'Success'){
|
||||
$statusClass ='btn btn-info';
|
||||
}elseif ($HistoryTransactionPembeli['status'] === 'Failed'){
|
||||
$statusClass ='badge badge-danger';
|
||||
}
|
||||
@endphp
|
||||
<div class="badge {{$statusClass}}">{{ $HistoryTransactionPembeli['status'] }}</div></td>
|
||||
</tr>
|
||||
@endforeach
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -80,23 +80,9 @@
|
||||
<script src="assets/modules/datatables/Select-1.2.4/js/dataTables.select.min.js"></script>
|
||||
<script src="assets/modules/jquery-ui/jquery-ui.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
|
||||
<script src="assets/modules/sweetalert/sweetalert.min.js"></script>
|
||||
|
||||
<script type="text/javascript">
|
||||
$(function() {
|
||||
$(document).on('click', '#payment', function(e) {
|
||||
e.preventDefault();
|
||||
var link = $(this).attr("href");
|
||||
Swal.fire({
|
||||
position: 'top-end',
|
||||
icon: 'Success Payment!',
|
||||
title: 'Your work has been saved',
|
||||
showConfirmButton: false,
|
||||
timer: 1500
|
||||
})
|
||||
});
|
||||
|
||||
});
|
||||
</script>
|
||||
|
||||
|
||||
<!-- Page Specific JS File -->
|
||||
@ -110,20 +96,11 @@
|
||||
<script src="assets/js/custom.js"></script>
|
||||
|
||||
<script src="{{ asset('js/main.js') }}"></script>
|
||||
|
||||
<!-- Page Specific JS File -->
|
||||
<script src="assets/js/page/modules-sweetalert.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>
|
||||
|
||||
{{-- Profile --}}
|
||||
<script>
|
||||
document.addEventListener("DOMContentLoaded", function() {
|
||||
// Mendapatkan elemen-elemen tombol tab
|
||||
@ -169,7 +146,29 @@
|
||||
});
|
||||
</script>
|
||||
|
||||
@include('sweetalert::alert')
|
||||
{{-- sweetalert payment --}}
|
||||
<script type="text/javascript">
|
||||
$(function() {
|
||||
$(document).on('click', '#payment', function(e) {
|
||||
e.preventDefault();
|
||||
Swal.fire({
|
||||
icon: 'success',
|
||||
title: 'Success Payment!',
|
||||
text: 'Your work has been saved',
|
||||
showConfirmButton: false,
|
||||
timer: 1500
|
||||
}).then(function() {
|
||||
// Setelah SweetAlert ditutup, pindahkan ke halaman awal setelah jeda 2 detik (2000 ms)
|
||||
setTimeout(function() {
|
||||
window.location.href = "/pembeli"; // Ganti dengan URL halaman awal Anda
|
||||
}, 2000);
|
||||
});
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
||||
@ -5,327 +5,328 @@
|
||||
<div class="section-header">
|
||||
<h1>Profile</h1>
|
||||
</div>
|
||||
<div class="card-body profile-card py-2 d-flex flex-column align-items-center text-center"
|
||||
style="border: 1px solid #ddd; border-radius: 8px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); position: relative; background: linear-gradient(45deg, #f3f3f3, #e0e0e0);">
|
||||
|
||||
<i class="bi bi-arrow-right" style="position: absolute; top: 10px; right: 10px; font-size: 24px;"></i>
|
||||
<img src="assets/img/avatar/ok.jpg" alt="Profile" class="rounded-circle" style="width: 150px; height: 150px;">
|
||||
<h2 class="mt-3">Nurul Prima Annisa</h2>
|
||||
<h5 class="mb-0">@npannisa</h5>
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
<div class="card-body pt-3">
|
||||
<!-- Bordered Tabs -->
|
||||
<ul class="nav nav-tabs nav-tabs-bordered">
|
||||
|
||||
<li class="nav-item">
|
||||
<button class="nav-link active" data-bs-toggle="tab"
|
||||
data-bs-target="#profile-overview">Overview</button>
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
<button class="nav-link" data-bs-toggle="tab" data-bs-target="#profile-edit">Edit
|
||||
Profile</button>
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
<button class="nav-link" data-bs-toggle="tab"
|
||||
data-bs-target="#profile-settings">Settings</button>
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
<button class="nav-link" data-bs-toggle="tab" data-bs-target="#profile-change-password">Change
|
||||
Password</button>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
<div class="tab-content pt-2">
|
||||
|
||||
<div class="tab-pane fade show active profile-overview" id="profile-overview">
|
||||
<h5 class="card-title">About</h5>
|
||||
<p class="small fst-italic">Nurul prima annisa Nurul prima annisa Nurul prima annisa Nurul prima
|
||||
annisa
|
||||
Nurul prima annisa Nurul prima annisa Nurul prima annisa Nurul prima annisa Nurul prima
|
||||
annisa Nurul prima annisa
|
||||
Nurul prima annisa Nurul prima annisa Nurul prima annisa Nurul prima annisa Nurul prima
|
||||
annisa Nurul prima annisa
|
||||
Nurul prima annisa Nurul prima annisa Nurul prima annisa Nurul prima annisa Nurul prima
|
||||
annisa Nurul prima annisa
|
||||
Nurul prima annisa Nurul prima annisa Nurul prima annisa Nurul prima annisa Nurul prima
|
||||
annisa Nurul prima annisa
|
||||
Nurul prima annisa Nurul prima annisa Nurul prima annisa Nurul prima annisa Nurul prima
|
||||
annisa Nurul prima annisa
|
||||
Nurul prima annisa Nurul prima annisa Nurul prima annisa Nurul prima annisa Nurul prima
|
||||
annisa Nurul prima annisa Nurul prima annisa Nurul prima annisa Nurul prima annisa Nurul
|
||||
prima
|
||||
annisa
|
||||
Nurul prima annisa Nurul prima annisa Nurul prima annisa Nurul prima annisa Nurul prima
|
||||
annisa Nurul prima annisa
|
||||
Nurul prima annisa Nurul prima annisa Nurul prima annisa Nurul prima annisa Nurul prima
|
||||
annisa Nurul prima annisa
|
||||
Nurul prima annisa Nurul prima annisa Nurul prima annisa Nurul prima annisa Nurul prima
|
||||
annisa Nurul prima annisa
|
||||
Nurul prima annisa Nurul prima annisa Nurul prima annisa Nurul prima annisa Nurul prima
|
||||
annisa Nurul prima annisa
|
||||
Nurul prima annisa Nurul prima annisa Nurul prima annisa Nurul prima annisa Nurul prima
|
||||
annisa Nurul prima annisa
|
||||
Nurul prima annisa Nurul prima annisa Nurul prima annisa Nurul prima annisa Nurul prima
|
||||
annisa Nurul prima annisa
|
||||
</p>
|
||||
|
||||
<h5 class="card-title">Profile Details</h5>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-lg-3 col-md-4 label ">Full Name</div>
|
||||
<div class="col-lg-9 col-md-8">Nurul Prima Annisa</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-lg-3 col-md-4 label">Company</div>
|
||||
<div class="col-lg-9 col-md-8">Ya apa yak</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-lg-3 col-md-4 label">Job</div>
|
||||
<div class="col-lg-9 col-md-8">Frontend Web </div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-lg-3 col-md-4 label">Country</div>
|
||||
<div class="col-lg-9 col-md-8">Indonesia</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-lg-3 col-md-4 label">Address</div>
|
||||
<div class="col-lg-9 col-md-8">Depok city broww</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-lg-3 col-md-4 label">Phone</div>
|
||||
<div class="col-lg-9 col-md-8">(+62) 486-3538 29071</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-lg-3 col-md-4 label">Email</div>
|
||||
<div class="col-lg-9 col-md-8">npannisa23@gmail.com</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="tab-pane fade profile-edit pt-3" id="profile-edit">
|
||||
|
||||
<!-- Profile Edit Form -->
|
||||
<form>
|
||||
<div class="row mb-3">
|
||||
<label for="profileImage" class="col-md-4 col-lg-3 col-form-label">Profile Image</label>
|
||||
<div class="col-md-8 col-lg-9">
|
||||
<img id="profileImagePreview" src="assets/img/avatar/ok.jpg" alt="Profile"
|
||||
style="max-width: 100%; max-height: 150px;">
|
||||
<div class="d-flex justify-content-between align-items-center mt-2">
|
||||
<label for="profileImageInput" class="btn btn-primary btn-sm"
|
||||
title="Upload new profile image">
|
||||
<i class="bi bi-upload"></i> Upload
|
||||
<input type="file" id="profileImageInput" accept="image/*"
|
||||
style="display: none;">
|
||||
</label>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="row mb-3">
|
||||
<label for="fullName" class="col-md-4 col-lg-3 col-form-label">Full Name</label>
|
||||
<div class="col-md-8 col-lg-9">
|
||||
<input name="fullName" type="text" class="form-control" id="fullName"
|
||||
value="Nurul Prima Annisa">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mb-3">
|
||||
<label for="about" class="col-md-4 col-lg-3 col-form-label">About</label>
|
||||
<div class="col-md-8 col-lg-9">
|
||||
<textarea name="about" class="form-control" id="about" style="height: 100px">
|
||||
|
||||
</textarea>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mb-3">
|
||||
<label for="company" class="col-md-4 col-lg-3 col-form-label">Company</label>
|
||||
<div class="col-md-8 col-lg-9">
|
||||
<input name="company" type="text" class="form-control" id="company"
|
||||
value="Abbauf Mulia Konsultan Teknologi">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mb-3">
|
||||
<label for="Job" class="col-md-4 col-lg-3 col-form-label">Job</label>
|
||||
<div class="col-md-8 col-lg-9">
|
||||
<input name="job" type="text" class="form-control" id="Job"
|
||||
value="Frontend Web">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mb-3">
|
||||
<label for="Country" class="col-md-4 col-lg-3 col-form-label">Country</label>
|
||||
<div class="col-md-8 col-lg-9">
|
||||
<input name="country" type="text" class="form-control" id="Country"
|
||||
value="Indonesia">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mb-3">
|
||||
<label for="Address" class="col-md-4 col-lg-3 col-form-label">Address</label>
|
||||
<div class="col-md-8 col-lg-9">
|
||||
<input name="address" type="text" class="form-control" id="Address"
|
||||
value="Depok city broww">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mb-3">
|
||||
<label for="Phone" class="col-md-4 col-lg-3 col-form-label">Phone</label>
|
||||
<div class="col-md-8 col-lg-9">
|
||||
<input name="phone" type="text" class="form-control" id="Phone"
|
||||
value="(+62) 486-3538 29071">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mb-3">
|
||||
<label for="Email" class="col-md-4 col-lg-3 col-form-label">Email</label>
|
||||
<div class="col-md-8 col-lg-9">
|
||||
<input name="email" type="email" class="form-control" id="Email"
|
||||
value="npannisa23@gmail.com">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{-- <div class="row mb-3">
|
||||
<label for="Twitter" class="col-md-4 col-lg-3 col-form-label">Twitter Profile</label>
|
||||
<div class="col-md-8 col-lg-9">
|
||||
<input name="twitter" type="text" class="form-control" id="Twitter"
|
||||
value="https://twitter.com/#">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mb-3">
|
||||
<label for="Facebook" class="col-md-4 col-lg-3 col-form-label">Facebook
|
||||
Profile</label>
|
||||
<div class="col-md-8 col-lg-9">
|
||||
<input name="facebook" type="text" class="form-control" id="Facebook"
|
||||
value="https://facebook.com/#">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mb-3">
|
||||
<label for="Instagram" class="col-md-4 col-lg-3 col-form-label">Instagram
|
||||
Profile</label>
|
||||
<div class="col-md-8 col-lg-9">
|
||||
<input name="instagram" type="text" class="form-control" id="Instagram"
|
||||
value="https://instagram.com/npannisa_?utm_source=qr&igshid=MzNlNGNkZWQ4Mg%3D%3D#">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mb-3">
|
||||
<label for="Linkedin" class="col-md-4 col-lg-3 col-form-label">Linkedin
|
||||
Profile</label>
|
||||
<div class="col-md-8 col-lg-9">
|
||||
<input name="linkedin" type="text" class="form-control" id="Linkedin"
|
||||
value="https://github.com/npannisa#">
|
||||
</div>
|
||||
</div> --}}
|
||||
|
||||
<div class="text-center">
|
||||
<a href="profile" type="submit" class="btn btn-primary">Save Changes</a>
|
||||
</div>
|
||||
</form><!-- End Profile Edit Form -->
|
||||
|
||||
</div>
|
||||
|
||||
<div class="tab-pane fade pt-3" id="profile-settings">
|
||||
|
||||
<!-- Settings Form -->
|
||||
<form>
|
||||
|
||||
<div class="row mb-3">
|
||||
<label for="fullName" class="col-md-4 col-lg-3 col-form-label">Email
|
||||
Notifications</label>
|
||||
<div class="col-md-8 col-lg-9">
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" id="changesMade" checked>
|
||||
<label class="form-check-label" for="changesMade">
|
||||
Changes made to your account
|
||||
</label>
|
||||
</div>
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" id="newProducts" checked>
|
||||
<label class="form-check-label" for="newProducts">
|
||||
Information on new products and services
|
||||
</label>
|
||||
</div>
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" id="proOffers">
|
||||
<label class="form-check-label" for="proOffers">
|
||||
Marketing and promo offers
|
||||
</label>
|
||||
</div>
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" id="securityNotify" checked
|
||||
disabled>
|
||||
<label class="form-check-label" for="securityNotify">
|
||||
Security alerts
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="text-center">
|
||||
<button type="submit" class="btn btn-primary">Save Changes</button>
|
||||
</div>
|
||||
</form><!-- End settings Form -->
|
||||
|
||||
</div>
|
||||
|
||||
<div class="tab-pane fade pt-3" id="profile-change-password">
|
||||
<!-- Change Password Form -->
|
||||
<form>
|
||||
|
||||
<div class="row mb-3">
|
||||
<label for="currentPassword" class="col-md-4 col-lg-3 col-form-label">Current
|
||||
Password</label>
|
||||
<div class="col-md-8 col-lg-9">
|
||||
<input name="password" type="password" class="form-control"
|
||||
id="currentPassword">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mb-3">
|
||||
<label for="newPassword" class="col-md-4 col-lg-3 col-form-label">New Password</label>
|
||||
<div class="col-md-8 col-lg-9">
|
||||
<input name="newpassword" type="password" class="form-control" id="newPassword">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mb-3">
|
||||
<label for="renewPassword" class="col-md-4 col-lg-3 col-form-label">Re-enter New
|
||||
Password</label>
|
||||
<div class="col-md-8 col-lg-9">
|
||||
<input name="renewpassword" type="password" class="form-control"
|
||||
id="renewPassword">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="text-center">
|
||||
<button type="submit" class="btn btn-primary">Change Password</button>
|
||||
</div>
|
||||
</form><!-- End Change Password Form -->
|
||||
|
||||
</div>
|
||||
|
||||
</div><!-- End Bordered Tabs -->
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<!-- Profil -->
|
||||
<div class="card-body profile-card py-2 d-flex flex-column align-items-center text-center"
|
||||
style="border: 1px solid #ddd; border-radius: 8px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); position: relative; background: linear-gradient(45deg, #f3f3f3, #e0e0e0);">
|
||||
<i class="bi bi-arrow-right" style="position: absolute; top: 10px; right: 10px; font-size: 24px;"></i>
|
||||
<img src="assets/img/avatar/ok.jpg" alt="Profile" class="rounded-circle"
|
||||
style="width: 150px; height: 150px;">
|
||||
<h2 class="mt-3">Nurul Prima Annisa</h2>
|
||||
<h5 class="mb-0">@npannisa</h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-8">
|
||||
<!-- Tab Menu -->
|
||||
<div class="card">
|
||||
<div class="card-body pt-3">
|
||||
<ul class="nav nav-tabs nav-tabs-bordered">
|
||||
<li class="nav-item">
|
||||
<button class="nav-link active" data-bs-toggle="tab"
|
||||
data-bs-target="#profile-overview">Overview</button>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<button class="nav-link" data-bs-toggle="tab" data-bs-target="#profile-edit">Edit
|
||||
Profile</button>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<button class="nav-link" data-bs-toggle="tab"
|
||||
data-bs-target="#profile-settings">Settings</button>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<button class="nav-link" data-bs-toggle="tab"
|
||||
data-bs-target="#profile-change-password">Change Password</button>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="tab-content pt-2">
|
||||
|
||||
<div class="tab-pane fade show active profile-overview" id="profile-overview">
|
||||
<h5 class="card-title">About</h5>
|
||||
<p class="big fst-italic">"Saya adalah seorang Frontend Developer dengan lebih dari 3
|
||||
pengalaman dalam dunia pengembangan web.
|
||||
Saya memiliki dedikasi yang kuat untuk menciptakan pengalaman pengguna yang luar
|
||||
biasa melalui desain web yang menarik dan fungsional.
|
||||
Pekerjaan saya melibatkan mengubah desain grafis dan konsep menjadi kode HTML, CSS,
|
||||
dan JavaScript yang dapat diakses oleh pengguna di berbagai perangkat.
|
||||
Saya memiliki pemahaman mendalam tentang HTML5, CSS3, dan JavaScript serta kerangka
|
||||
kerja laravel frontend seperti React, Vue.js, atau Angular.
|
||||
Kemampuan saya dalam memahami desain dan mengimplementasikannya secara responsif
|
||||
memungkinkan saya untuk menciptakan situs web yang dapat diakses
|
||||
dengan baik di perangkat seluler, tablet, dan desktop.
|
||||
Selain itu, saya terbiasa bekerja sama dengan tim pengembang backend untuk
|
||||
memastikan integrasi yang mulus antara frontend dan backend.
|
||||
Saya juga senang mempelajari teknologi-teknologi baru dan mengikuti tren terkini
|
||||
dalam desain web dan pengembangan frontend.
|
||||
Kemampuan komunikasi dan kolaborasi saya yang baik memungkinkan saya untuk bekerja
|
||||
sama dengan desainer UX/UI, manajer produk, dan tim lainnya
|
||||
dalam proyek-proyek pengembangan web. Saya juga percaya bahwa tes dan pemeliharaan
|
||||
adalah bagian integral dari pengembangan web, sehingga saya
|
||||
selalu berusaha untuk memastikan kualitas dan keamanan kode saya.
|
||||
Saya sangat antusias dalam menciptakan pengalaman pengguna yang menarik dan berfokus
|
||||
pada performa yang baik. Saya siap untuk menghadapi
|
||||
tantangan baru dalam dunia pengembangan web dan berkontribusi dalam menciptakan
|
||||
produk-produk yang menginspirasi dan memenuhi kebutuhan pengguna."
|
||||
</p>
|
||||
|
||||
<h5 class="card-title">Profile Details</h5>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-lg-3 col-md-4 label ">Full Name</div>
|
||||
<div class="col-lg-9 col-md-8">Nurul Prima Annisa</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-lg-3 col-md-4 label">Company</div>
|
||||
<div class="col-lg-9 col-md-8">Ya apa yak</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-lg-3 col-md-4 label">Job</div>
|
||||
<div class="col-lg-9 col-md-8">Frontend Web </div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-lg-3 col-md-4 label">Country</div>
|
||||
<div class="col-lg-9 col-md-8">Indonesia</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-lg-3 col-md-4 label">Address</div>
|
||||
<div class="col-lg-9 col-md-8">Depok city broww</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-lg-3 col-md-4 label">Phone</div>
|
||||
<div class="col-lg-9 col-md-8">(+62) 486-3538 29071</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-lg-3 col-md-4 label">Email</div>
|
||||
<div class="col-lg-9 col-md-8">npannisa23@gmail.com</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="tab-pane fade profile-edit pt-3" id="profile-edit">
|
||||
|
||||
<!-- Profile Edit Form -->
|
||||
<form>
|
||||
<div class="row mb-3">
|
||||
<label for="profileImage" class="col-md-4 col-lg-3 col-form-label">Profile
|
||||
Image</label>
|
||||
<div class="col-md-8 col-lg-9">
|
||||
<img id="profileImagePreview" src="assets/img/avatar/ok.jpg" alt="Profile"
|
||||
style="max-width: 100%; max-height: 150px;">
|
||||
<div class="d-flex justify-content-between align-items-center mt-2">
|
||||
<label for="profileImageInput" class="btn btn-primary btn-sm"
|
||||
title="Upload new profile image">
|
||||
<i class="bi bi-upload"></i> Upload
|
||||
<input type="file" id="profileImageInput" accept="image/*"
|
||||
style="display: none;">
|
||||
</label>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="row mb-3">
|
||||
<label for="fullName" class="col-md-4 col-lg-3 col-form-label">Full Name</label>
|
||||
<div class="col-md-8 col-lg-9">
|
||||
<input name="fullName" type="text" class="form-control" id="fullName"
|
||||
value="Nurul Prima Annisa">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mb-3">
|
||||
<label for="about" class="col-md-4 col-lg-3 col-form-label">About</label>
|
||||
<div class="col-md-8 col-lg-9">
|
||||
<textarea name="about" class="form-control" id="about" style="height: 100px">
|
||||
|
||||
</textarea>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mb-3">
|
||||
<label for="company" class="col-md-4 col-lg-3 col-form-label">Company</label>
|
||||
<div class="col-md-8 col-lg-9">
|
||||
<input name="company" type="text" class="form-control" id="company"
|
||||
value="Abbauf Mulia Konsultan Teknologi">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mb-3">
|
||||
<label for="Job" class="col-md-4 col-lg-3 col-form-label">Job</label>
|
||||
<div class="col-md-8 col-lg-9">
|
||||
<input name="job" type="text" class="form-control" id="Job"
|
||||
value="Frontend Web">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mb-3">
|
||||
<label for="Country" class="col-md-4 col-lg-3 col-form-label">Country</label>
|
||||
<div class="col-md-8 col-lg-9">
|
||||
<input name="country" type="text" class="form-control" id="Country"
|
||||
value="Indonesia">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mb-3">
|
||||
<label for="Address" class="col-md-4 col-lg-3 col-form-label">Address</label>
|
||||
<div class="col-md-8 col-lg-9">
|
||||
<input name="address" type="text" class="form-control" id="Address"
|
||||
value="Depok city broww">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mb-3">
|
||||
<label for="Phone" class="col-md-4 col-lg-3 col-form-label">Phone</label>
|
||||
<div class="col-md-8 col-lg-9">
|
||||
<input name="phone" type="text" class="form-control" id="Phone"
|
||||
value="(+62) 486-3538 29071">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mb-3">
|
||||
<label for="Email" class="col-md-4 col-lg-3 col-form-label">Email</label>
|
||||
<div class="col-md-8 col-lg-9">
|
||||
<input name="email" type="email" class="form-control" id="Email"
|
||||
value="npannisa23@gmail.com">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{-- <div class="row mb-3">
|
||||
<label for="Twitter" class="col-md-4 col-lg-3 col-form-label">Twitter Profile</label>
|
||||
<div class="col-md-8 col-lg-9">
|
||||
<input name="twitter" type="text" class="form-control" id="Twitter"
|
||||
value="https://twitter.com/#">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mb-3">
|
||||
<label for="Facebook" class="col-md-4 col-lg-3 col-form-label">Facebook
|
||||
Profile</label>
|
||||
<div class="col-md-8 col-lg-9">
|
||||
<input name="facebook" type="text" class="form-control" id="Facebook"
|
||||
value="https://facebook.com/#">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mb-3">
|
||||
<label for="Instagram" class="col-md-4 col-lg-3 col-form-label">Instagram
|
||||
Profile</label>
|
||||
<div class="col-md-8 col-lg-9">
|
||||
<input name="instagram" type="text" class="form-control" id="Instagram"
|
||||
value="https://instagram.com/npannisa_?utm_source=qr&igshid=MzNlNGNkZWQ4Mg%3D%3D#">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mb-3">
|
||||
<label for="Linkedin" class="col-md-4 col-lg-3 col-form-label">Linkedin
|
||||
Profile</label>
|
||||
<div class="col-md-8 col-lg-9">
|
||||
<input name="linkedin" type="text" class="form-control" id="Linkedin"
|
||||
value="https://github.com/npannisa#">
|
||||
</div>
|
||||
</div> --}}
|
||||
|
||||
<div class="text-center">
|
||||
<a href="profile" type="submit" class="btn btn-primary">Save Changes</a>
|
||||
</div>
|
||||
</form><!-- End Profile Edit Form -->
|
||||
|
||||
</div>
|
||||
|
||||
<div class="tab-pane fade pt-3" id="profile-settings">
|
||||
|
||||
<!-- Settings Form -->
|
||||
<form>
|
||||
|
||||
<div class="row mb-3">
|
||||
<label for="fullName" class="col-md-4 col-lg-3 col-form-label">Email
|
||||
Notifications</label>
|
||||
<div class="col-md-8 col-lg-9">
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" id="changesMade"
|
||||
checked>
|
||||
<label class="form-check-label" for="changesMade">
|
||||
Changes made to your account
|
||||
</label>
|
||||
</div>
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" id="newProducts"
|
||||
checked>
|
||||
<label class="form-check-label" for="newProducts">
|
||||
Information on new products and services
|
||||
</label>
|
||||
</div>
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" id="proOffers">
|
||||
<label class="form-check-label" for="proOffers">
|
||||
Marketing and promo offers
|
||||
</label>
|
||||
</div>
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" id="securityNotify"
|
||||
checked disabled>
|
||||
<label class="form-check-label" for="securityNotify">
|
||||
Security alerts
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="text-center">
|
||||
<button type="submit" class="btn btn-primary">Save Changes</button>
|
||||
</div>
|
||||
</form><!-- End settings Form -->
|
||||
|
||||
</div>
|
||||
|
||||
<div class="tab-pane fade pt-3" id="profile-change-password">
|
||||
<!-- Change Password Form -->
|
||||
<form>
|
||||
|
||||
<div class="row mb-3">
|
||||
<label for="currentPassword" class="col-md-4 col-lg-3 col-form-label">Current
|
||||
Password</label>
|
||||
<div class="col-md-8 col-lg-9">
|
||||
<input name="password" type="password" class="form-control"
|
||||
id="currentPassword">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mb-3">
|
||||
<label for="newPassword" class="col-md-4 col-lg-3 col-form-label">New
|
||||
Password</label>
|
||||
<div class="col-md-8 col-lg-9">
|
||||
<input name="newpassword" type="password" class="form-control"
|
||||
id="newPassword">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mb-3">
|
||||
<label for="renewPassword" class="col-md-4 col-lg-3 col-form-label">Re-enter
|
||||
New
|
||||
Password</label>
|
||||
<div class="col-md-8 col-lg-9">
|
||||
<input name="renewpassword" type="password" class="form-control"
|
||||
id="renewPassword">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="text-center">
|
||||
<button type="submit" class="btn btn-primary">Change Password</button>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
@endsection
|
||||
|
||||
@ -29,7 +29,7 @@
|
||||
<th>total</th>
|
||||
<th>Due Date</th>
|
||||
<th>Status</th>
|
||||
<th>upload Bukti</th>
|
||||
|
||||
<th>Action</th>
|
||||
</tr>
|
||||
</thead>
|
||||
@ -46,15 +46,19 @@
|
||||
<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>
|
||||
@php
|
||||
$statusClass="";
|
||||
if ($HistoryRefundUser['status'] === 'diproses'){
|
||||
$statusClass = 'badge-warning';
|
||||
}elseif($HistoryRefundUser['status'] === 'diterima'){
|
||||
$statusClass ='badge badge-success';
|
||||
}elseif($HistoryRefundUser['status'] === 'ditolak'){
|
||||
$statusClass ='badge badge-danger';
|
||||
}
|
||||
@endphp
|
||||
<div class="badge {{$statusClass}}">{{ $HistoryRefundUser['status'] }}</div></td>
|
||||
|
||||
<td>
|
||||
<button class="btn btn-info open-detail-modal" data-toggle="modal"
|
||||
data-target="#awaldetailrefund">Detail</button>
|
||||
|
||||
@ -18,8 +18,7 @@
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="invoice-title">
|
||||
<h2>Invoice</h2>
|
||||
<div class="invoice-number">Order #NVI-1234</div>
|
||||
<div class="invoice-number">Order #NPA-1234</div>
|
||||
</div>
|
||||
<hr>
|
||||
<div class="row">
|
||||
@ -116,7 +115,7 @@
|
||||
<hr>
|
||||
<div class="text-md-right">
|
||||
<div class="float-lg-left mb-lg-0 mb-3">
|
||||
<a href="/pembeli" class="btn btn-primary btn-icon icon-left"><i class="fas fa-credit-card" id="payment"></i> Process
|
||||
<a href="#" class="btn btn-primary btn-icon icon-left" id="payment"><i class="fas fa-credit-card" ></i> Process
|
||||
Payment</a>
|
||||
<a href="/pembeli" class="btn btn-danger btn-icon icon-left"><i class="fas fa-times"></i> Cancel</a>
|
||||
</div>
|
||||
|
||||
@ -8,25 +8,29 @@
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<div class="card"
|
||||
style="border: 1px solid #ddd; border-radius: 8px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); position: relative; background: linear-gradient(45deg, #f3f3f3, #e0e0e0);">
|
||||
style="border: 1px solid #ddd; border-radius: 8px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); position: relative; background: linear-gradient(45deg, #f3f3f3, #e0e0e0);">
|
||||
<div class="card-header d-flex justify-content-center">
|
||||
<h2>Form Refund Pesanan</h2>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="section-title mt-0">Reason Complaint</div>
|
||||
<div class="col-md-12">
|
||||
<label for="inputReasonComplaint" class="form-label">Berikan Alasan Mengapa
|
||||
Melakukan Pengembalian</label>
|
||||
<textarea class="form-control" aria-label="With textarea"></textarea>
|
||||
</div>
|
||||
<form method="POST" action="{{ route('refund.create') }}"
|
||||
enctype="multipart/form-data">
|
||||
@csrf
|
||||
<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" name="reason_complaint"></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 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>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
@ -37,7 +37,6 @@
|
||||
<tr>
|
||||
<th>User ID</th>
|
||||
<th>Order ID</th>
|
||||
<th>Customer</th>
|
||||
<th>Seller</th>
|
||||
<th>Total</th>
|
||||
<th>Due Date</th>
|
||||
@ -46,15 +45,25 @@
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@foreach ($TransactionUser as $HistoryTransaction)
|
||||
@foreach ($TransactionPembeli as $HistoryTransactionPembeli)
|
||||
<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>{{ $HistoryTransactionPembeli['userId'] }}</td>
|
||||
<td>{{ $HistoryTransactionPembeli['orderId'] }}</td>
|
||||
<td>{{ $HistoryTransactionPembeli['seller'] }}</td>
|
||||
<td>{{ $HistoryTransactionPembeli['total'] }}</td>
|
||||
<td>{{ $HistoryTransactionPembeli['dueDate'] }}</td>
|
||||
<td>
|
||||
@php
|
||||
$statusClass="";
|
||||
if ($HistoryTransactionPembeli['status'] === 'OnProgress'){
|
||||
$statusClass = 'badge-warning';
|
||||
}elseif ($HistoryTransactionPembeli['status'] === 'Success'){
|
||||
$statusClass ='btn btn-info';
|
||||
}elseif ($HistoryTransactionPembeli['status'] === 'Failed'){
|
||||
$statusClass ='badge badge-danger';
|
||||
}
|
||||
@endphp
|
||||
<div class="badge {{$statusClass}}">{{ $HistoryTransactionPembeli['status'] }}</div></td>
|
||||
<td>
|
||||
<div class="btn-group">
|
||||
<button type="button" class="btn btn-primary dropdown-toggle"
|
||||
|
||||
@ -33,7 +33,6 @@
|
||||
<th>User ID</th>
|
||||
<th>Order ID</th>
|
||||
<th>Customer</th>
|
||||
<th>Seller</th>
|
||||
<th>Total</th>
|
||||
<th>Due Date</th>
|
||||
<th>Status</th>
|
||||
@ -41,16 +40,27 @@
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@foreach ($TransactionUser as $key => $HistoryTransaction)
|
||||
@foreach ($TransactionPenjual as $key => $HistoryTransactionPenjual)
|
||||
<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 class="font-weight-600">{{ $HistoryTransactionPenjual['userId'] }}</td>
|
||||
<td class="font-weight-600">{{ $HistoryTransactionPenjual['orderId'] }}</td>
|
||||
<td class="font-weight-600">{{ $HistoryTransactionPenjual['customer'] }}</td>
|
||||
<td class="font-weight-600">{{ $HistoryTransactionPenjual['total'] }}</td>
|
||||
<td>{{ $HistoryTransactionPenjual['dueDate'] }}</td>
|
||||
<td>
|
||||
@php
|
||||
$statusClass="";
|
||||
if ($HistoryTransactionPenjual['status'] === 'OnProgress'){
|
||||
$statusClass = 'badge-warning';
|
||||
}elseif ($HistoryTransactionPenjual['status'] === 'Success'){
|
||||
$statusClass ='badge badge-success';
|
||||
}elseif ($HistoryTransactionPenjual['status'] === 'Failed'){
|
||||
$statusClass ='badge badge-danger';
|
||||
}
|
||||
@endphp
|
||||
<div class="badge {{$statusClass}}">{{ $HistoryTransactionPenjual['status'] }}</div></td>
|
||||
|
||||
<td>
|
||||
<div class="btn-group">
|
||||
<button type="button" class="btn btn-primary dropdown-toggle"
|
||||
|
||||
@ -1,39 +0,0 @@
|
||||
@if (Session::has('alert.config') || Session::has('alert.delete'))
|
||||
@if (config('sweetalert.animation.enable'))
|
||||
<link rel="stylesheet" href="{{ config('sweetalert.animatecss') }}">
|
||||
@endif
|
||||
|
||||
@if (config('sweetalert.theme') != 'default')
|
||||
<link href="https://cdn.jsdelivr.net/npm/@sweetalert2/theme-{{ config('sweetalert.theme') }}" rel="stylesheet">
|
||||
@endif
|
||||
|
||||
@if (config('sweetalert.alwaysLoadJS') === false && config('sweetalert.neverLoadJS') === false)
|
||||
<script src="{{ $cdn ?? asset('vendor/sweetalert/sweetalert.all.js') }}"></script>
|
||||
@endif
|
||||
<script>
|
||||
@if (Session::has('alert.delete'))
|
||||
document.addEventListener('click', function(event) {
|
||||
if (event.target.matches('[data-confirm-delete]')) {
|
||||
event.preventDefault();
|
||||
Swal.fire({!! Session::pull('alert.delete') !!}).then(function(result) {
|
||||
if (result.isConfirmed) {
|
||||
var form = document.createElement('form');
|
||||
form.action = event.target.href;
|
||||
form.method = 'POST';
|
||||
form.innerHTML = `
|
||||
@csrf
|
||||
@method('DELETE')
|
||||
`;
|
||||
document.body.appendChild(form);
|
||||
form.submit();
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
@endif
|
||||
|
||||
@if (Session::has('alert.config'))
|
||||
Swal.fire({!! Session::pull('alert.config') !!});
|
||||
@endif
|
||||
</script>
|
||||
@endif
|
||||
@ -2,7 +2,8 @@
|
||||
|
||||
use App\Models\RefundUser;
|
||||
use App\Models\ContactUser;
|
||||
use App\Models\TransactionUser;
|
||||
use App\Models\TransactionPembeli;
|
||||
use App\Models\TransactionPenjual;
|
||||
use Illuminate\Support\Facades\Route;
|
||||
|
||||
/*
|
||||
@ -26,7 +27,7 @@ Route::get('/welcome', function () {
|
||||
Route::get('/', function () {
|
||||
return view('index',[
|
||||
'name'=>'npannisa',
|
||||
"refundUserss"=>RefundUser::HistoryRefundUser()
|
||||
"TransactionPembeli"=>TransactionPembeli::HistoryTransactionPembeli()
|
||||
]);
|
||||
});
|
||||
|
||||
@ -53,21 +54,21 @@ Route::get('/refund', function () {
|
||||
Route::get('/pembeli', function () {
|
||||
return view('user/transaction/Pembeli/transaction-pembeli',[
|
||||
'name'=>'npannisa',
|
||||
"TransactionUser"=>TransactionUser::HistoryTransaction()
|
||||
"TransactionPembeli"=>TransactionPembeli::HistoryTransactionPembeli()
|
||||
]);
|
||||
});
|
||||
|
||||
Route::get('/detail-transaction', function () {
|
||||
return view('user/transaction/Pembeli/detail-transaction',[
|
||||
'name'=>'npannisa',
|
||||
"TransactionUser"=>TransactionUser::HistoryTransaction()
|
||||
"TransactionPembeli"=>TransactionPembeli::HistoryTransactionPembeli()
|
||||
]);
|
||||
});
|
||||
|
||||
Route::get('/refund-transaction', function () {
|
||||
return view('user/transaction/Pembeli/refund-transaction',[
|
||||
'name'=>'npannisa',
|
||||
"refundUserss"=>RefundUser::HistoryRefundUser()
|
||||
"TransactionPembeli"=>TransactionPembeli::HistoryTransactionPembeli()
|
||||
]);
|
||||
});
|
||||
|
||||
@ -75,21 +76,21 @@ Route::get('/refund-transaction', function () {
|
||||
Route::get('/new-transaction', function () {
|
||||
return view('user/transaction/Pembeli/new-transaction',[
|
||||
'name'=>'npannisa',
|
||||
"TransactionUser"=>TransactionUser::HistoryTransaction()
|
||||
"TransactionPembeli"=>TransactionPembeli::HistoryTransactionPembeli()
|
||||
]);
|
||||
});
|
||||
|
||||
Route::get('/invoice-transaction', function () {
|
||||
return view('user/transaction/Pembeli/invoice-transaction',[
|
||||
'name'=>'npannisa',
|
||||
"TransactionUser"=>TransactionUser::HistoryTransaction()
|
||||
"TransactionPembeli"=>TransactionPembeli::HistoryTransactionPembeli()
|
||||
]);
|
||||
});
|
||||
|
||||
Route::get('/penjual', function () {
|
||||
return view('user/transaction/Penjual/transaction-penjual',[
|
||||
'name'=>'npannisa',
|
||||
"TransactionUser"=>TransactionUser::HistoryTransaction()
|
||||
"TransactionPenjual"=>TransactionPenjual::HistoryTransactionPenjual()
|
||||
]);
|
||||
});
|
||||
|
||||
@ -101,6 +102,15 @@ Route::get('/profile', function () {
|
||||
});
|
||||
|
||||
|
||||
// controller
|
||||
// Route::get('/refund/create', 'RefundController@create');
|
||||
// Route::post('/refund', 'RefundController@store');
|
||||
// Route::get('/refund/{id}', 'RefundController@show');
|
||||
// Route::delete('/refund/{id}', 'RefundController@destroy');
|
||||
// routes/web.php
|
||||
Route::post('/refund/create', 'RefundController@create')->name('refund.create');
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
Loading…
Reference in New Issue
Block a user