Profile
This commit is contained in:
npannisa
parent
172d9d2e22
commit
5db69ecca2
36
app/Http/Controllers/pembayaranController.php
Normal file
36
app/Http/Controllers/pembayaranController.php
Normal file
@ -0,0 +1,36 @@
|
||||
<?php
|
||||
|
||||
// namespace App\Http\Controllers;
|
||||
|
||||
// use Illuminate\Http\Request;
|
||||
|
||||
// class pembayaranController extends Controller
|
||||
// {
|
||||
// public function index (request $request) {
|
||||
|
||||
// Set your Merchant Server Key
|
||||
// \Midtrans\Config::$serverKey = 'SB-Mid-server-M9ZB8EiNLVtHsciFMUA4RSc8';
|
||||
// Set to Development/Sandbox Environment (default). Set to true for Production Environment (accept real transaction).
|
||||
// \Midtrans\Config::$isProduction = false;
|
||||
// Set sanitization on (default)
|
||||
// \Midtrans\Config::$isSanitized = true;
|
||||
// Set 3DS transaction for credit card to true
|
||||
// \Midtrans\Config::$is3ds = true;
|
||||
|
||||
// $params = array(
|
||||
// 'transaction_details' => array(
|
||||
// 'order_id' => rand(),
|
||||
// 'gross_amount' => 10000,
|
||||
// ),
|
||||
// 'customer_details' => array(
|
||||
// 'first_name' => 'nurul prima',
|
||||
// 'last_name' => 'annisa',
|
||||
// 'email' => 'npannisa23@example.com',
|
||||
// 'phone' => '08111222333',
|
||||
// ),
|
||||
// );
|
||||
|
||||
// $snapToken = \Midtrans\Snap::getSnapToken($params);
|
||||
// return view('user.transaction.pembeli.bayar-transaction', ['snap_token'=>$snapToken]);
|
||||
// }
|
||||
// }
|
||||
@ -10,6 +10,7 @@
|
||||
"laravel/framework": "^10.10",
|
||||
"laravel/sanctum": "^3.2",
|
||||
"laravel/tinker": "^2.8",
|
||||
"midtrans/midtrans-php": "^2.5",
|
||||
"realrashid/sweet-alert": "^7.1"
|
||||
},
|
||||
"require-dev": {
|
||||
|
||||
57
composer.lock
generated
57
composer.lock
generated
@ -4,7 +4,7 @@
|
||||
"Read more about it at https://getcomposer.org/doc/01-basic-usage.md#installing-dependencies",
|
||||
"This file is @generated automatically"
|
||||
],
|
||||
"content-hash": "a47c4c4dd117ce52e4b5d03d7487513b",
|
||||
"content-hash": "d1d51760d2576a17e3aa9e852fe61200",
|
||||
"packages": [
|
||||
{
|
||||
"name": "brick/math",
|
||||
@ -1808,6 +1808,61 @@
|
||||
],
|
||||
"time": "2023-08-05T12:09:49+00:00"
|
||||
},
|
||||
{
|
||||
"name": "midtrans/midtrans-php",
|
||||
"version": "2.5.2",
|
||||
"source": {
|
||||
"type": "git",
|
||||
"url": "https://github.com/Midtrans/midtrans-php.git",
|
||||
"reference": "a1ad0c824449ca8c68c4cf11b3417ad518311d2b"
|
||||
},
|
||||
"dist": {
|
||||
"type": "zip",
|
||||
"url": "https://api.github.com/repos/Midtrans/midtrans-php/zipball/a1ad0c824449ca8c68c4cf11b3417ad518311d2b",
|
||||
"reference": "a1ad0c824449ca8c68c4cf11b3417ad518311d2b",
|
||||
"shasum": ""
|
||||
},
|
||||
"require": {
|
||||
"ext-curl": "*",
|
||||
"ext-json": "*",
|
||||
"php": ">=5.4"
|
||||
},
|
||||
"require-dev": {
|
||||
"phpunit/phpunit": "5.7.*",
|
||||
"psy/psysh": "0.4.*"
|
||||
},
|
||||
"type": "library",
|
||||
"autoload": {
|
||||
"psr-4": {
|
||||
"Midtrans\\": "Midtrans/"
|
||||
}
|
||||
},
|
||||
"notification-url": "https://packagist.org/downloads/",
|
||||
"license": [
|
||||
"MIT"
|
||||
],
|
||||
"authors": [
|
||||
{
|
||||
"name": "Andri Setiawan",
|
||||
"email": "andri.setiawan@veritrans.co.id"
|
||||
},
|
||||
{
|
||||
"name": "Alvin Litani",
|
||||
"email": "alvin.litani@veritrans.co.id"
|
||||
},
|
||||
{
|
||||
"name": "Ismail Faruqi",
|
||||
"email": "ismail.faruqi@veritrans.co.id"
|
||||
}
|
||||
],
|
||||
"description": "PHP Wrapper for Midtrans Payment API.",
|
||||
"homepage": "https://midtrans.com",
|
||||
"support": {
|
||||
"issues": "https://github.com/Midtrans/midtrans-php/issues",
|
||||
"source": "https://github.com/Midtrans/midtrans-php/tree/2.5.2"
|
||||
},
|
||||
"time": "2021-08-23T08:52:05+00:00"
|
||||
},
|
||||
{
|
||||
"name": "monolog/monolog",
|
||||
"version": "3.4.0",
|
||||
|
||||
@ -4210,5 +4210,52 @@ body:not(.sidebar-mini) .sidebar-style-2 .sidebar-menu li.active ul.dropdown-men
|
||||
|
||||
.flex-container {
|
||||
display: flex;
|
||||
justify-content: space-between; /* Menggeser elemen ke kanan */
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
/* CSS untuk gambar profil */
|
||||
.card-head{
|
||||
/* background-image: linear-gradient(to bottom right, rgb(144, 12, 63) 0%, rgb(186, 39, 96) 100%, rgb(161, 9, 73) 100%); */
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
background-color: #E6EBEE;
|
||||
border-radius: 10px 10px 10px 10px ;
|
||||
color: #393B45;
|
||||
height: 350px;
|
||||
font-weight: 800;
|
||||
}
|
||||
#card_head {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
border-radius: 10px 10px 10px 10px ;
|
||||
}
|
||||
|
||||
.image-crop {
|
||||
display: block;
|
||||
position: relative;
|
||||
background-color: #E6EBEE;
|
||||
width: 170px;
|
||||
height: 170px;
|
||||
margin: 0 auto;
|
||||
margin-top: -70px;
|
||||
margin-left: 60px;
|
||||
overflow: hidden;
|
||||
border-radius: 50%;
|
||||
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
|
||||
border: 3px solid #fff;
|
||||
background-size: cover; /* Menyesuaikan gambar dengan elemen */
|
||||
background-position: center; /* Menengahkan gambar */
|
||||
background-repeat: no-repeat; /* Menghindari pengulangan gambar */
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.row-divider {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
BIN
public/assets/images/profilee.jpg
Normal file
BIN
public/assets/images/profilee.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 32 KiB |
BIN
public/assets/images/sampul.jpg
Normal file
BIN
public/assets/images/sampul.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 26 KiB |
@ -93,7 +93,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-12 ">
|
||||
<div class="col-md-8 ">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h4>INCOME</h4>
|
||||
@ -104,54 +104,80 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{-- <div class="summary-item">
|
||||
<h6 class="mt-8">Item List Transaksi<span class="text-muted">(4 Items)</span></h6>
|
||||
<div class="summary-item">
|
||||
<h6 class="mt-8">Item List Transaksi<span class="text-muted">(5 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">
|
||||
<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 class="text-small text-muted">by <a href="#">Jefri Vernando</a>
|
||||
<div class="bullet"></div> Sunday
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="media">
|
||||
<a href="#">
|
||||
<img alt="image" class="mr-3 rounded" width="50" src="assets/img/products/product-1-50.png">
|
||||
<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 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">
|
||||
<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 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">
|
||||
<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 class="text-small text-muted">by <a href="#">Kurina Tusia</a>
|
||||
<div class="bullet"></div> Tuesday
|
||||
</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.5.000</div>
|
||||
<div class="media-title"><a href="#">Cimory</a></div>
|
||||
<div class="text-small text-muted">by <a href="#">Fazhuri Agusri</a>
|
||||
<div class="bullet"></div> Friday
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</li>
|
||||
</ul>
|
||||
</div> --}}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-12">
|
||||
<div class="card">
|
||||
@ -181,7 +207,7 @@
|
||||
<td>{{ $HistoryTransactionPembeli['dueDate'] }}</td>
|
||||
<td>
|
||||
@php
|
||||
$statusClass="";
|
||||
$statusClass = '';
|
||||
if ($HistoryTransactionPembeli['status'] === 'OnProgress') {
|
||||
$statusClass = 'badge-warning';
|
||||
} elseif ($HistoryTransactionPembeli['status'] === 'Success') {
|
||||
@ -190,7 +216,9 @@
|
||||
$statusClass = 'badge badge-danger';
|
||||
}
|
||||
@endphp
|
||||
<div class="badge {{$statusClass}}">{{ $HistoryTransactionPembeli['status'] }}</div></td>
|
||||
<div class="badge {{ $statusClass }}">
|
||||
{{ $HistoryTransactionPembeli['status'] }}</div>
|
||||
</td>
|
||||
</tr>
|
||||
@endforeach
|
||||
</tbody>
|
||||
@ -202,6 +230,34 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{-- <div class="card mt-4">
|
||||
<div class="card-body">
|
||||
<div class="row">
|
||||
<div class="col-sm-3 col-6 mb-md-0 mb-4 text-center">
|
||||
<div class="icon"><i class="fas fa-globe"></i></div>
|
||||
<div class="mt-2 font-weight-bold text-nowrap">Indonesia</div>
|
||||
<div class="text-small text-muted">Total Populasi: 8,400</div>
|
||||
</div>
|
||||
<div class="col-sm-3 col-6 mb-md-0 mb-4 text-center">
|
||||
<div class="icon"><i class="fas fa-globe"></i></div>
|
||||
<div class="mt-2 font-weight-bold text-nowrap">Palestine</div>
|
||||
<div class="text-small text-muted">Total Populasi: 7,328</div>
|
||||
</div>
|
||||
<div class="col-sm-3 col-6 text-center">
|
||||
<div class="icon"><i class="fas fa-globe"></i></div>
|
||||
<div class="mt-2 font-weight-bold text-nowrap">Syiria</div>
|
||||
<div class="text-small text-muted">Total Populasi: 5,830</div>
|
||||
</div>
|
||||
<div class="col-sm-3 col-6 text-center">
|
||||
<div class="icon"><i class="fas fa-globe"></i></div>
|
||||
<div class="mt-2 font-weight-bold text-nowrap">Malaysia</div>
|
||||
<div class="text-small text-muted">Total Populasi: 4,763</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> --}}
|
||||
|
||||
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
@ -82,9 +82,6 @@
|
||||
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
|
||||
<script src="assets/modules/sweetalert/sweetalert.min.js"></script>
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Page Specific JS File -->
|
||||
<script src="assets/js/page/modules-datatables.js"></script>
|
||||
|
||||
@ -146,6 +143,48 @@
|
||||
});
|
||||
</script>
|
||||
|
||||
{{-- edit profile --}}
|
||||
<script>
|
||||
document.addEventListener('DOMContentLoaded', function){
|
||||
document.querySelector('form'.addEventListener('submit', function(e){
|
||||
e.preventDefault();
|
||||
|
||||
val fullName = document.getElementById('fullName').value;
|
||||
val about = document.getElementById('about').value;
|
||||
val company = document.getElementById('company').value;
|
||||
val job = document.getElementById('job').value;
|
||||
val country = document.getElementById('country').value;
|
||||
val address = document.getElementById('address').value;
|
||||
val phone = document.getElementById('phone').value;
|
||||
val email = document.getElementById('email').value;
|
||||
|
||||
var data = {
|
||||
fullName: fullName,
|
||||
about: about,
|
||||
company: company,
|
||||
job: job,
|
||||
country: country,
|
||||
address: address,
|
||||
phone: phone,
|
||||
email: email
|
||||
};
|
||||
|
||||
fetch('url', {
|
||||
method: 'POST',
|
||||
headers: {
|
||||
'Content-Type': 'application/json'
|
||||
},
|
||||
body: JSON.stringify(data)
|
||||
})
|
||||
.then(response => response.json())
|
||||
.then(data => {
|
||||
console.log('Data Berhasil Disimpan:', data);
|
||||
})
|
||||
.catch.error('Terjadi Kesalahan:', error);
|
||||
}));
|
||||
}
|
||||
</script>
|
||||
|
||||
{{-- sweetalert payment --}}
|
||||
<script type="text/javascript">
|
||||
$(function() {
|
||||
@ -160,14 +199,17 @@
|
||||
}).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
|
||||
window.location.href =
|
||||
"/pembeli"; // Ganti dengan URL halaman awal Anda
|
||||
}, 2000);
|
||||
});
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
||||
|
||||
{{-- percobaan midtrans --}}
|
||||
<script type="text/javascript" src="https://app.sandbox.midtrans.com/snap/snap.js"
|
||||
data-client-key="SB-Mid-client-dD1qABPfsyhMfqkP"></script>
|
||||
|
||||
</body>
|
||||
|
||||
|
||||
@ -34,6 +34,7 @@
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a class="nav-link active" href="/contact">
|
||||
<i class="far fa-address-book"></i> <span>Manajemen Contact</span>
|
||||
|
||||
@ -5,328 +5,69 @@
|
||||
<div class="section-header">
|
||||
<h1>Profile</h1>
|
||||
</div>
|
||||
<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 class="col-md-8">
|
||||
<!-- Tab Menu -->
|
||||
<div class="col-12">
|
||||
<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="card-head">
|
||||
<img id="card_head" src="/assets/images/sampul.jpg">
|
||||
</div>
|
||||
<div class="image-crop">
|
||||
<img id="avatar" src="/assets/img/avatar/ok.jpg" class="profile-image">
|
||||
</div><br>
|
||||
|
||||
<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="col-lg-12">
|
||||
<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 class="col-md-6">
|
||||
<div style="text-align: left;">
|
||||
<strong style="font-size: 30px; color: black;"><b>Nurul Prima Annisa</b></strong><br>
|
||||
@npannisa<br>
|
||||
</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 class="col-md my-3">
|
||||
<div>
|
||||
<div class="row justify-content-end row-divider">
|
||||
<div class="col-1"><i class="fas fa-id-card" style="font-size: 20px;"></i>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-9 col-md-8" style="font-size: 15px;">94894893848</div>
|
||||
</div>
|
||||
|
||||
<div class="row justify-content-end row-divider">
|
||||
<div class="col-1"><i class="fas fa-user" style="font-size:20px"></i></div>
|
||||
<div class="col-lg-9 col-md-8" style="font-size: 15px">Nurul Prima Annisa</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 class="row justify-content-end row-divider">
|
||||
<div class="col-1"><i class="fas fa-user-tag" style="font-size:20px"></i>
|
||||
</div>
|
||||
<div class="col-lg-9 col-md-8" style="font-size: 15px">@npannisa</div>
|
||||
</div>
|
||||
<div class="row justify-content-end row-divider">
|
||||
<div class="col-1"><i class="fas fa-map-marker-alt" style="font-size:20px"></i>
|
||||
</div>
|
||||
<div class="col-lg-9 col-md-8" style="font-size: 15px">Depok City
|
||||
</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 class="row justify-content-end row-divider">
|
||||
<div class="col-1"><i class="fas fa-phone" style="font-size:20px"></i>
|
||||
</div>
|
||||
<div class="col-lg-9 col-md-8" style="font-size: 15px">+62 1209 0120 02
|
||||
</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 class="row justify-content-end row-divider">
|
||||
<div class="col-1"><i class="fas fa-envelope" style="font-size:20px"></i>
|
||||
</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 class="col-lg-9 col-md-8" style="font-size: 15px">npannisa@gmail.com
|
||||
</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
|
||||
|
||||
@ -31,3 +31,41 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{-- <html>
|
||||
<head>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1"> --}}
|
||||
<!-- @TODO: replace SET_YOUR_CLIENT_KEY_HERE with your client key -->
|
||||
{{-- <script type="text/javascript"
|
||||
src="https://app.sandbox.midtrans.com/snap/snap.js"
|
||||
data-client-key="SB-Mid-client-dD1qABPfsyhMfqkP"></script> --}}
|
||||
<!-- Note: replace with src="https://app.midtrans.com/snap/snap.js" for Production environment -->
|
||||
{{-- </head>
|
||||
|
||||
<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>
|
||||
<button id="pay-button">Pay!</button>
|
||||
|
||||
<script type="text/javascript">
|
||||
var payButton = document.getElementById('pay-button');
|
||||
payButton.addEventListener('click', function () {
|
||||
window.snap.pay('{{$snap_token;}}');
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html> --}}
|
||||
@ -117,6 +117,7 @@
|
||||
<div class="float-lg-left mb-lg-0 mb-3">
|
||||
<a href="#" class="btn btn-primary btn-icon icon-left" id="payment"><i class="fas fa-credit-card" ></i> Process
|
||||
Payment</a>
|
||||
{{-- <button id="pay-button">Pay!</button> --}}
|
||||
<a href="/pembeli" class="btn btn-danger btn-icon icon-left"><i class="fas fa-times"></i> Cancel</a>
|
||||
</div>
|
||||
<button class="btn btn-warning btn-icon icon-left"><i class="fas fa-print"></i> Print</button>
|
||||
@ -125,4 +126,8 @@
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
@endsection
|
||||
@ -4,6 +4,8 @@ use App\Models\RefundUser;
|
||||
use App\Models\ContactUser;
|
||||
use App\Models\TransactionPembeli;
|
||||
use App\Models\TransactionPenjual;
|
||||
use App\Http\Controllers\PembayaranController;
|
||||
use App\Http\Controllers\ProfileController;
|
||||
use Illuminate\Support\Facades\Route;
|
||||
|
||||
/*
|
||||
@ -80,12 +82,6 @@ Route::get('/new-transaction', function () {
|
||||
]);
|
||||
});
|
||||
|
||||
Route::get('/invoice-transaction', function () {
|
||||
return view('user/transaction/Pembeli/invoice-transaction',[
|
||||
'name'=>'npannisa',
|
||||
"TransactionPembeli"=>TransactionPembeli::HistoryTransactionPembeli()
|
||||
]);
|
||||
});
|
||||
|
||||
Route::get('/penjual', function () {
|
||||
return view('user/transaction/Penjual/transaction-penjual',[
|
||||
@ -94,6 +90,17 @@ Route::get('/penjual', function () {
|
||||
]);
|
||||
});
|
||||
|
||||
Route::get('/invoice-transaction', function () {
|
||||
return view('user/transaction/Pembeli/invoice-transaction',[
|
||||
'name'=>'npannisa',
|
||||
"TransactionPembeli"=>TransactionPembeli::HistoryTransactionPembeli()
|
||||
]);
|
||||
});
|
||||
|
||||
// percobaan midtrans untuk payment
|
||||
// Route::get('/bayar-transaction', [pembayaranController::class, 'index']);
|
||||
|
||||
|
||||
// profile
|
||||
Route::get('/profile', function () {
|
||||
return view('user/profile/index',[
|
||||
@ -101,6 +108,15 @@ Route::get('/profile', function () {
|
||||
]);
|
||||
});
|
||||
|
||||
Route::post('/profile', [ProfileController::class,'updateProfile']);
|
||||
|
||||
// Route::middleware(['web'])->group(function () {
|
||||
// ... Rute lain di sini ...
|
||||
// Route::post('/profile', 'ProfileController@updateProfile');
|
||||
// });
|
||||
Route::get('/profile/edit', [ProfileController::class, 'showEditForm'])->name('profile.edit');
|
||||
Route::post('/profile/edit', [ProfileController::class, 'updateProfile']);
|
||||
|
||||
|
||||
// controller
|
||||
// Route::get('/refund/create', 'RefundController@create');
|
||||
|
||||
Loading…
Reference in New Issue
Block a user