<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Langganan - Fixmate</title>
<link rel="shortcut icon"
href="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2033%2034'%20fill-rule='evenodd'%20stroke-linejoin='round'%20stroke-miterlimit='2'%20xmlns:v='https://vecta.io/nano'%3e%3cpath%20d='M3%2027.472c0%204.409%206.18%205.552%2013.5%205.552%207.281%200%2013.5-1.103%2013.5-5.513s-6.179-5.552-13.5-5.552c-7.281%200-13.5%201.103-13.5%205.513z'%20fill='%23435ebe'%20fill-rule='nonzero'/%3e%3ccircle%20cx='16.5'%20cy='8.8'%20r='8.8'%20fill='%2341bbdd'/%3e%3c/svg%3e"
type="image/x-icon">
<link rel="shortcut icon"
href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAiCAYAAADRcLDBAAAEs2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS41LjAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgeG1sbnM6ZXhpZj0iaHR0cDovL25zLmFkb2JlLmNvbS9leGlmLzEuMC8iCiAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyIKICAgIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIKICAgIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIKICAgIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIgogICAgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIKICAgZXhpZjpQaXhlbFhEaW1lbnNpb249IjMzIgogICBleGlmOlBpeGVsWURpbWVuc2lvbj0iMzQiCiAgIGV4aWY6Q29sb3JTcGFjZT0iMSIKICAgdGlmZjpJbWFnZVdpZHRoPSIzMyIKICAgdGlmZjpJbWFnZUxlbmd0aD0iMzQiCiAgIHRpZmY6UmVzb2x1dGlvblVuaXQ9IjIiCiAgIHRpZmY6WFJlc29sdXRpb249Ijk2LjAiCiAgIHRpZmY6WVJlc29sdXRpb249Ijk2LjAiCiAgIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiCiAgIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIKICAgeG1wOk1vZGlmeURhdGU9IjIwMjItMDMtMzFUMTA6NTA6MjMrMDI6MDAiCiAgIHhtcDpNZXRhZGF0YURhdGU9IjIwMjItMDMtMzFUMTA6NTA6MjMrMDI6MDAiPgogICA8eG1wTU06SGlzdG9yeT4KICAgIDxyZGY6U2VxPgogICAgIDxyZGY6bGkKICAgICAgc3RFdnQ6YWN0aW9uPSJwcm9kdWNlZCIKICAgICAgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWZmaW5pdHkgRGVzaWduZXIgMS4xMC4xIgogICAgICBzdEV2dDp3aGVuPSIyMDIyLTAzLTMxVDEwOjUwOjIzKzAyOjAwIi8+CiAgICA8L3JkZjpTZXE+CiAgIDwveG1wTU06SGlzdG9yeT4KICA8L3JkZjpEZXNjcmlwdGlvbj4KIDwvcmRmOlJERj4KPC94OnhtcG1ldGE+Cjw/eHBhY2tldCBlbmQ9InIiPz5V57uAAAABgmlDQ1BzUkdCIElFQzYxOTY2LTIuMQAAKJF1kc8rRFEUxz9maORHo1hYKC9hISNGTWwsRn4VFmOUX5uZZ36oeTOv954kW2WrKLHxa8FfwFZZK0WkZClrYoOe87ypmWTO7dzzud97z+nec8ETzaiaWd4NWtYyIiNhZWZ2TvE946WZSjqoj6mmPjE1HKWkfdxR5sSbgFOr9Ll/rXoxYapQVik8oOqGJTwqPL5i6Q5vCzeo6dii8KlwpyEXFL519LjLLw6nXP5y2IhGBsFTJ6ykijhexGra0ITl5bRqmWU1fx/nJTWJ7PSUxBbxJkwijBBGYYwhBgnRQ7/MIQIE6ZIVJfK7f/MnyUmuKrPOKgZLpEhj0SnqslRPSEyKnpCRYdXp/9++msneoFu9JgwVT7b91ga+LfjetO3PQ9v+PgLvI1xkC/m5A+h7F32zoLXug38dzi4LWnwHzjeg8UGPGbFfySvuSSbh9QRqZ6H+Gqrm3Z7l9zm+h+iafNUV7O5Bu5z3L/wAdthn7QIme0YAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAJTSURBVFiF7Zi9axRBGIefEw2IdxFBRQsLWUTBaywSK4ubdSGVIY1Y6HZql8ZKCGIqwX/AYLmCgVQKfiDn7jZeEQMWfsSAHAiKqPiB5mIgELWYOW5vzc3O7niHhT/YZvY37/swM/vOzJbIqVq9uQ04CYwCI8AhYAlYAB4Dc7HnrOSJWcoJcBS4ARzQ2F4BZ2LPmTeNuykHwEWgkQGAet9QfiMZjUSt3hwD7psGTWgs9pwH1hC1enMYeA7sKwDxBqjGnvNdZzKZjqmCAKh+U1kmEwi3IEBbIsugnY5avTkEtIAtFhBrQCX2nLVehqyRqFoCAAwBh3WGLAhbgCRIYYinwLolwLqKUwwi9pxV4KUlxKKKUwxC6ZElRCPLYAJxGfhSEOCz6m8HEXvOB2CyIMSk6m8HoXQTmMkJcA2YNTHm3congOvATo3tE3A29pxbpnFzQSiQPcB55IFmFNgFfEQeahaAGZMpsIJIAZWAHcDX2HN+2cT6r39GxmvC9aPNwH5gO1BOPFuBVWAZue0vA9+A12EgjPadnhCuH1WAE8ivYAQ4ohKaagV4gvxi5oG7YSA2vApsCOH60WngKrA3R9IsvQUuhIGY00K4flQG7gHH/mLytB4C42EgfrQb0mV7us8AAMeBS8mGNMR4nwHamtBB7B4QRNdaS0M8GxDEog7iyoAguvJ0QYSBuAOcAt71Kfl7wA8DcTvZ2KtOlJEr+ByyQtqqhTyHTIeB+ONeqi3brh+VgIN0fohUgWGggizZFTplu12yW8iy/YLOGWMpDMTPXnl+Az9vj2HERYqPAAAAAElFTkSuQmCC"
type="image/png">
<link rel="stylesheet" crossorigin href="{{ asset('/assets/compiled/css/app.css') }}">
<link rel="stylesheet" crossorigin href="{{ asset('/assets/compiled/css/app-dark.css') }}">
<link rel="stylesheet" crossorigin href="{{ asset('/assets/compiled/css/auth.css') }}">
</head>
<body>
<div id="auth" class="container my-4">
<div class="row justify-content-center g-4">
<!-- Order Form -->
<div class="col-12 col-md-6">
<div class="card h-100">
<div class="card-body" id="auth-left">
<div class="auth-logo mb-3"></div>
<h1 class="auth-title mb-3">Order</h1>
@if (session('error'))
<div class="alert alert-light-danger alert-dismissible fade show">
<i class="bi bi-exclamation-triangle"></i>
{{ session('error') }}
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
</div>
@endif
@if (session('info'))
<div class="alert alert-light-info alert-dismissible fade show">
<i class="bi bi-info"></i>
{{ session('info') }}
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
</div>
@endif
<form id="orderForm" enctype="multipart/form-data" method="POST">
@csrf
<input type="hidden" name="waktu" value="{{ $waktu }}">
<div class="row g-2">
<div class="col-12 col-sm-6">
<label for="email" class="form-label">Email</label>
<input type="email" class="form-control" id="email" name="email"
placeholder="Email..." autocomplete="email" required
value="{{ old('email', request()->email) }}">
@error('email')
<div class="invalid-feedback d-block">
{{ $message }}
</div>
@enderror
</div>
<div class="col-12 col-sm-6">
<label for="name" class="form-label">Nama Lengkap</label>
<input type="text" class="form-control" id="name" name="name"
placeholder="Nama..." autocomplete="name" required
value="{{ old('name', request()->email) }}">
@error('name')
<div class="invalid-feedback d-block">
{{ $message }}
</div>
@enderror
</div>
<div class="col-12 col-sm-6">
<label for="password" class="form-label">Password</label>
<input type="password" class="form-control" id="password" name="password"
placeholder="*******" autocomplete="new-password" required>
@error('password')
<div class="invalid-feedback d-block">
{{ $message }}
</div>
@enderror
</div>
<div class="col-12 col-sm-6">
<label for="no_telp" class="form-label">No WhatsApp</label>
<input type="number" class="form-control" id="no_telp" name="no_telp"
placeholder="Nomor Whatsapp Aktif..." autocomplete="no_telp" required
value="{{ old('no_telp', request()->no_telp) }}">
@error('no_telp')
<div class="invalid-feedback d-block">
{{ $message }}
</div>
@enderror
</div>
<div class="col-12">
<label for="domain" class="form-label">Domain</label>
<input type="text" maxlength="20" class="form-control" id="domain" name="domain" placeholder="tokoku" required value="{{ old('domain', request()->domain) }}">
<small class="form-text text-muted" id="domain-preview"></small>
@error('domain')
<div class="invalid-feedback d-block">
{{ $message }}
</div>
@enderror
</div>
<div class="col-12">
<label for="affiliate_code" class="form-label">Kode Kupon (bila ada)</label>
<input type="text" class="form-control" id="affiliate_code" name="affiliate_code"
placeholder="Kode kupon..." autocomplete="off" value="{{ request()->code }}">
</div>
<div class="col-12">
{{-- <a
href="{{ route('formLangganan.index') }}?id={{ $paket->id }}&code={{ request()->code }}"
class="btn btn-success w-100" type="button" id="apply_affiliate_code">Apply</a>
--}}
<button class="btn btn-success w-100" type="button"
id="apply_affiliate_code">Apply</button>
</div>
</div>
<div class="accordion my-3" id="accordionExample">
<div class="accordion-item">
<h2 class="accordion-header" id="headingOne">
<button class="accordion-button collapsed icon-left" type="button"
data-bs-toggle="collapse" data-bs-target="#collapseOne"
aria-expanded="false" aria-controls="collapseOne">
<i class="bi bi-pencil-fill mx-2"></i> Metode Pembayaran: Transfer Bank
</button>
</h2>
<div id="collapseOne" class="accordion-collapse collapse"
aria-labelledby="headingOne" data-bs-parent="#accordionExample">
<div class="accordion-body">
Nomor Rekening: 6595434941 BCA<br>
Atas Nama: Moh. Ainul Yaqin
</div>
</div>
</div>
</div>
<input type="hidden" name="paket_id" value="{{ $paket->id }}">
<input type="hidden" name="id" value="{{ $paket->id }}">
<button class="btn btn-primary w-100" id="orderBtn" type="submit"
formaction="{{ route('formLangganan.store') }}" formmethod="POST">Order</button>
</form>
</div>
</div>
</div>
<!-- Package Details -->
<div class="col-12 col-md-6">
<div class="card h-100">
<div class="card-header">
<h3 class="mb-0">{{ $paket->nama_paket }}</h3>
</div>
<div class="card-body">
<ul class="list-unstyled">
@foreach ($paket->detail as $detail)
<li class="d-flex justify-content-between py-2">
<span>{{ $detail->item->nama_item }}</span>
<span>Rp. {{ number_format($detail->item->harga_item) }}</span>
</li>
@endforeach
@if ($affiliate != null)
<li class="d-flex justify-content-between py-2 fw-bold text-success" id="affiliate">
<span>DISKON {{ $affiliate->potongan }}% :</span>
<span>Rp. {{ number_format(($total_harga * ($affiliate->potongan / 100))) }}</span>
</li>
@if ($total_harga > 0)
<li class="d-flex justify-content-between text-warning py-2">
<span>KODE UNIK :</span>
<span>Rp. {{$kodeUnik}}</span>
</li>
<li class="d-flex justify-content-between py-3 fw-bold border-top">
<span>GRAND TOTAL:</span>
<span id="grand-total">Rp.
{{ number_format(($total_harga - ($total_harga * ($affiliate->potongan / 100))) + $kodeUnik) }}</span>
</li>
@else
<li class="d-flex justify-content-between py-3 fw-bold border-top">
<span>GRAND TOTAL:</span>
<span id="grand-total">Rp.
{{ number_format(($total_harga - ($total_harga * ($affiliate->potongan / 100)))) }}</span>
</li>
@endif
@else
<li class="d-flex justify-content-between py-2 fw-bold text-success" id="affiliate"></li>
@if ($total_harga > 0)
<li class="d-flex justify-content-between text-warning py-2">
<span>KODE UNIK :</span>
<span>Rp. {{$kodeUnik}}</span>
</li>
<li class="d-flex justify-content-between py-3 fw-bold border-top">
<span>GRAND TOTAL:</span>
<span id="grand-total">Rp. {{ number_format($total_harga + $kodeUnik) }}</span>
</li>
@else
<li class="d-flex justify-content-between py-3 fw-bold border-top">
<span>GRAND TOTAL:</span>
<span id="grand-total">Rp. {{ number_format($total_harga) }}</span>
</li>
@endif
@endif
</ul>
</div>
</div>
</div>
</div>
</div>
<script src="assets/static/js/initTheme.js"></script>
<script>
!function (f, b, e, v, n, t, s) {
if (f.fbq) return; n = f.fbq = function () {
n.callMethod ?
n.callMethod.apply(n, arguments) : n.queue.push(arguments)
};
if (!f._fbq) f._fbq = n; n.push = n; n.loaded = !0; n.version = '2.0';
n.queue = []; t = b.createElement(e); t.async = !0;
t.src = v; s = b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t, s)
}(window, document, 'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', `{{ env("META_PIXEL_ID") }}`);
fbq('track', 'PageView');
</script>
<script src="{{ asset('/assets/static/js/components/dark.js') }}"></script>
<script src="{{ asset('/assets/extensions/perfect-scrollbar/perfect-scrollbar.min.js') }}"></script>
<script src="{{ asset('/assets/compiled/js/app.js') }}"></script>
<script>
document.getElementById('orderBtn').addEventListener('click', function (e) {
e.preventDefault();
fbq('track', `InitiateCheckout`);
setTimeout(function () {
document.getElementById("orderForm").submit();
}, 200);
});
document.getElementById('orderBtn').addEventListener('submit', function (e) {
e.preventDefault();
fbq('track', `InitiateCheckout`);
setTimeout(function () {
document.getElementById("orderForm").submit();
}, 200);
});
//document.getElementById("affiliate_code").addEventListener('keyup', function (e) {
// console.log(e.target.value);
//document.getElementById("apply_affiliate_code").setAttribute('href', "{{ route('formLangganan.index') }}?id={{ $paket->id }}&code=" + e.target.value)
//})
document.getElementById("apply_affiliate_code").addEventListener('click', function (e) {
//fetch to route('formLangganan.getAffiliate', { code: document.getElementById("affiliate_code").value })
let code = document.getElementById("affiliate_code").value;
if (code) {
fetch(`{{ url('formLangganan/getAffiliate') }}/${code}`)
.then(response => response.json())
.then(data => {
if (data.success) {
if ({{ $total_harga }} > 0) {
document.getElementById("affiliate").innerHTML = `<span>DISKON ${data.data.potongan}% :</span>
<span>Rp. ${new Intl.NumberFormat('id-ID').format(({{ $total_harga }}* (data.data.potongan / 100)))}</span>`;
const grandTotal = ({{ $total_harga }} - ({{ $total_harga }}* (data.data.potongan / 100))) + {{ $kodeUnik }};
document.getElementById("grand-total").innerHTML = `Rp. ${new Intl.NumberFormat('id-ID').format(grandTotal)}`;
} else {
document.getElementById("affiliate").innerHTML = `<span>DISKON ${data.data.potongan}% :</span>
<span>Rp. 0</span>`;
}
} else {
document.getElementById("affiliate").innerHTML = ``;
if ({{ $total_harga }} > 0) {
document.getElementById("grand-total").innerHTML = `Rp. {{ number_format($total_harga + $kodeUnik) }}`;
} else {
document.getElementById("grand-total").innerHTML = `Rp. {{ number_format($total_harga) }}`;
}
}
document.getElementById("affiliate_code").scrollIntoView({ behavior: "smooth" });
}).catch(error => {
console.error('Error:', error);
document.getElementById("affiliate").innerHTML = ``;
if ({{ $total_harga }} > 0) {
document.getElementById("grand-total").innerHTML = `Rp. {{ number_format($total_harga + $kodeUnik) }}`;
} else {
document.getElementById("grand-total").innerHTML = `Rp. {{ number_format($total_harga) }}`;
}
});
}
})
document.getElementById("domain").addEventListener('keyup', function (e) {
let domain = e.target.value;
//validate domain input and add red border if invalid
if (!/^[a-z0-9]+$/.test(domain)) {
e.target.classList.add('is-invalid');
document.getElementById("domain-preview").innerHTML = `Domain hanya boleh huruf kecil dan angka`;
} else {
e.target.classList.remove('is-invalid');
if (domain) {
document.getElementById("domain-preview").innerHTML = `https://${domain}.fixmate.id`;
} else {
document.getElementById("domain-preview").innerHTML = ``;
}
}
});
</script>
</body>
</html>
Anons79 File Manager Version 1.0, Coded By Anons79
Email: [email protected]
Anons79 Mini Shell