Anons79 Mini Shell
Anons79 Mini Shell
| Directory : /home/aplikasiposinfo/www/langganan-test.fixmate.id/resources/views/Dashboard/ |
| Current File : /home/aplikasiposinfo/www/langganan-test.fixmate.id/resources/views/Dashboard/dashboard.blade.php |
@extends('app')
@push('scripts')
<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');
$(document).on('click','a.bayar',function(event){
event.preventDefault();
const biaya = $(this).data('biaya') ?? 0;
fbq('track', `Purchase`,{
value:biaya,
currency:"IDR"
});
const nextUrl = $(this).attr('href');
setTimeout(function() {
try {
window.open(nextUrl, '_blank').focus();
} catch (error) {
window.location.href = nextUrl;
}
}, 200);
});
</script>
@endpush
@section('content')
<div class="page-heading">
@can('userPOV')
<h3>langganan Anda</h3>
@endcan
@can('dashboardAdmin')
<h3>Dashboard</h3>
@endcan
</div>
<div class="page-content">
<div class="" style="min-height:100vh">
@can('dashboardAdmin')
<div>
<div class="row">
<div class="col-6 col-lg-4 col-md-4">
<div class="card">
<div class="card-body px-4 py-4-5">
<div class="row">
<div class="col-md-4 col-lg-12 col-xl-12 col-xxl-5 d-flex justify-content-start ">
<div class="stats-icon purple mb-2">
<i class="iconly-boldProfile"></i>
</div>
</div>
<div class="col-md-8 col-lg-12 col-xl-12 col-xxl-7">
<h6 class="text-muted font-semibold">Semua User</h6>
<h6 class="font-extrabold mb-0">{{ $user }}</h6>
</div>
</div>
</div>
</div>
</div>
<div class="col-6 col-lg-4 col-md-4">
<div class="card">
<div class="card-body px-4 py-4-5">
<div class="row">
<div class="col-md-4 col-lg-12 col-xl-12 col-xxl-5 d-flex justify-content-start ">
<div class="stats-icon green mb-2">
<i class="iconly-boldAdd-User"></i>
</div>
</div>
<div class="col-md-8 col-lg-12 col-xl-12 col-xxl-7">
<h6 class="text-muted font-semibold">User dengan Langganan Aktif</h6>
<h6 class="font-extrabold mb-0">{{ $user_langganan }}</h6>
</div>
</div>
</div>
</div>
</div>
<div class="col-6 col-lg-4 col-md-4">
<div class="card">
<div class="card-body px-4 py-4-5">
<div class="row">
<div class="col-md-4 col-lg-12 col-xl-12 col-xxl-5 d-flex justify-content-start ">
<div class="stats-icon red mb-2">
<i class="iconly-boldBookmark"></i>
</div>
</div>
<div class="col-md-8 col-lg-12 col-xl-12 col-xxl-7">
<h6 class="text-muted font-semibold">Langganan Aktif</h6>
<h6 class="font-extrabold mb-0">{{ $langganan }}</h6>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-12 ">
<div class="card">
<div class="card-header">
<h4>Aktifitas</h4>
</div>
<div class="card-body">
<div class="table-responsive">
<table class="table table-hover table-lg">
<thead>
<tr>
<th>Name</th>
<th>Aktifitas</th>
<th>Waktu</th>
</tr>
</thead>
<tbody>
@foreach ($datas as $data)
<tr>
<td class="col-3">
<div class="d-flex align-items-center">
<div class="avatar avatar-md">
<img @if (isset($data->user->profile->photo)) src="{{ asset('images/profile/' . $data->user->profile->photo) }}" @else src="{{ asset('assets\static\images\samples\1.png') }}" @endif alt=""/>
</div>
<p class="font-bold ms-3 mb-0">
{{ $data->user->profile->nama_lengkap }}</p>
</div>
</td>
<td class="col-auto">
<p class=" mb-0">{{ $data->aktifitas }}</p>
</td>
<td class="col-auto">
<p class=" mb-0">
{{ \Carbon\Carbon::parse($data->waktu)->format('d-m-Y') }} <br>
Pukul : {{ \Carbon\Carbon::parse($data->waktu)->format('H:m') }}
</p>
</td>
</tr>
@endforeach
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
@endcan
@can('userPOV')
<div class="row justify-content-center">
<div class="col-md-8">
@if (isset($datas))
@foreach ($datas as $item)
<div class="card shadow">
<div class="text-center card-header">
@if ($item->status != 'paket aktif')
@if ($item->paket->getTotal() > 0)
<h3>Selangkah lagi...</h3>
<p>Untuk menyelesaikan peroses transaksi, silahkan lakukan pembayaran sejumlah :</p>
@if ($item->affiliate)
<h4 style="text-decoration: line-through">Rp. {{ number_format($item->paket->getTotal()) }}</h4>
@php
$total = $item->affiliate->potongan > 0 ? ($item->paket->getTotal() - ($item->paket->getTotal() * ($item->affiliate->potongan / 100))) : $item->paket->getTotal();
$harga = Helper::splitHarga($total,$item);
@endphp
<h1>
Rp. {{ $harga[0] }}<span class="text-warning">{{$harga[1]}}</span>
</h1>
@else
@php
$harga = Helper::splitHarga($item->paket->getTotal(),$item);
@endphp
<h1>
Rp. {{ $harga[0] }}<span class="text-warning">{{$harga[1]}}</span>
</h1>
@endif
<p>Ke rekening di bawah ini:</p>
<h5>
Nama Bank : <strong>BCA</strong>
</h5>
<h5>
No Rek : <strong>6595434941</strong>
</h5>
<h5>
Atas Nama : <strong>Moh. Ainul Yaqin</strong>
</h5>
<button class="btn btn-info" id="copyBtn"><i class="bi bi-copy"></i> Salin no rekening</button>
@else
<h3>Selangkah lagi...</h3>
<p>Akun anda sedang disiapkan :</p>
<h1>
Rp. 0
</h1>
@endif
@endif
</div>
<div class="card-body d-flex justify-content-between align-items-start">
<div>
<h3 class="text-uppercase ">{{ $item->paket->nama_paket }} </h3>
<span class="badge bg-light-info mb-4">Jenis Paket: {{ $item->paket->jenis }}</span>
<h5 class="text-secondary">No : {{ $item->no_langganan }}</h5>
<small>{{ $item->created_at != null ? $item->created_at->format('Y-m-d H:i:s') : "-" }} </small>
@if ($item->status != 'paket aktif')
{{-- <h5>Pembayaran di rekening: 6595434941 BCA (Moh. Ainul Yaqin)</h5> --}}
@endif
{{-- <h5>Harga Total: Rp. {{ number_format($item->paket->getTotal()) }}</h5> --}}
@if ($item->affiliate)
<h5>Potongan Diskon: {{ number_format($item->affiliate->potongan) }}%</h5>
@endif
@if ($item->status == "paket aktif")
@if ($item->paket->getTotal() > 0)
@if ($item->affiliate)
<h5 style="text-decoration: line-through">Rp. {{ number_format($item->paket->getTotal()) }}</h5>
@php
$total = $item->affiliate->potongan > 0 ? ($item->paket->getTotal() - ($item->paket->getTotal() * ($item->affiliate->potongan / 100))) : $item->paket->getTotal();
$harga = Helper::splitHarga($total,$item);
@endphp
<h4>
Rp. {{ $harga[0] }}<span class="text-warning">{{$harga[1]}}</span>
</h4>
@else
@php
$harga = Helper::splitHarga($item->paket->getTotal(),$item);
@endphp
<h4>
Rp. {{ $harga[0] }}<span class="text-warning">{{$harga[1]}}</span>
</h4>
@endif
@else
<h4>
Rp. 0
</h4>
@endif
@endif
</div>
<div class="text-end">
@if ($item->status == 'paket aktif')
<span class="badge bg-light-success">{{ $item->status }}</span>
<br>
<span class="badge bg-light-warning">Berakhir Pada
{{ \Carbon\Carbon::parse($item->tgl_selesai)->format('d-m-Y') }}
</span>
@else
<span class="badge bg-light-secondary">{{ $item->status }}</span>
@endif
</div>
</div>
<div class="card-body">
<div class="my-2 d-flex flex-column">
<span>{{ $item->paket->keterangan }}</span>
@if($item->status == "paket aktif")
<h3 class="mt-3">Link: {{ $item->link }}</h3>
<h3>Username: {{ $item->username }}</h3>
<h3>Password: {{ $item->password }}</h3>
@endif
</div>
</div>
<div class="card-footer d-flex justify-content-center">
{{-- <button class="btn icon icon-right btn-sm btn-primary btn-open-modal"data-bs-toggle="modal"
data-datas ="{{ json_encode($item) }}" data-total ="{{ $item->paket->getTotal() }}"
data-bs-target="#modalDetail">Lihat Rincian
Paket <i class="bi bi-search"></i></button> --}}
@if ($item->status != 'paket aktif')
@if ($item->affiliate)
<a href="https://wa.me/{{ '+628' . substr($pengaturanAplikasi->no_telp, 2) }}" data-biaya="{{ $item->paket->getTotal() - ($item->paket->getTotal() * ($item->affiliate->potongan / 100)) }}"
target="_blank" class="btn btn-lg btn-success icon-right mx-3 bayar">
Kirim bukti transfer ke admin <i class="bi bi-whatsapp"></i>
</a>
@else
<a href="https://wa.me/{{ '+628' . substr($pengaturanAplikasi->no_telp, 2) }}" data-biaya="{{ $item->paket->getTotal() }}"
target="_blank" class="btn btn-lg btn-success icon-right mx-3 bayar">
Kirim bukti transfer ke admin <i class="bi bi-whatsapp"></i>
</a>
@endif
@endif
</div>
</div>
@endforeach
@else
<div class="card">
<div class="card-header">
<div class="alert alert-secondary">Belum ada Langganan!</div>
</div>
</div>
@endif
</div>
@if (!isset($datas))
<div class=" col-md-4">
<div class="card my-3">
<div class="card-header">
<h3>Berlangganan Di Fixmate</h3>
</div>
<div class="card-body">
<div class="accordion " 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> Registrasi
</button>
</h2>
<div id="collapseOne" class="accordion-collapse collapse " aria-labelledby="headingOne"
data-bs-parent="#accordionExample">
<div class="accordion-body">
<strong>Pengguna</strong> mengisi formulir dengan informasi yang diminta,
seperti
<strong>nama, alamat email,
nomor telepon, atau kata sandi.</strong>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="headingTwo">
<button class="accordion-button icon-left" type="button" data-bs-toggle="collapse"
data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
<i class="bi bi-hand-index-fill mx-2"></i> Memilih Paket
</button>
</h2>
<div id="collapseTwo" class="accordion-collapse collapse show"
aria-labelledby="headingTwo" data-bs-parent="#accordionExample">
<div class="accordion-body">
<strong>Masuk Ke menu Paket Langganan</strong> . Anda dapat memilih pilihan
paket dengan
penawaran terbaik dari kami untuk berlangganan. Pilih paket yang ingin dirasa
sesuai
bagi anda dan klik <strong>Langganan</strong>
untuk
berlangganan
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="headingThree">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
data-bs-target="#collapseThree" aria-expanded="false"
aria-controls="collapseThree">
<i class="bi bi-hourglass-split mx-2"></i> Menunggu Follow Up
</button>
</h2>
<div id="collapseThree" class="accordion-collapse collapse"
aria-labelledby="headingThree" data-bs-parent="#accordionExample">
<div class="accordion-body">
<strong>Menunggu</strong> Follow Up dari Admin untuk melanjutkan pemesanan dan
pembayaran langganan.
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="headingFour">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
data-bs-target="#collapseFour" aria-expanded="false"
aria-controls="collapseFour">
<i class="bi bi-bookmark-star-fill mx-2"></i> Paket Aktif
</button>
</h2>
<div id="collapseFour" class="accordion-collapse collapse" aria-labelledby="headingFour"
data-bs-parent="#accordionExample">
<div class="accordion-body">
<strong>Paket Aktif</strong>. Selamat Anda dapat menikmati paket kelas atau
aplikasi
dari layanan <strong>fixmate.id</strong>.
</div>
</div>
</div>
</div>
</div>
</div>
</div>
@endif
</div>
{{-- modal detail start --}}
<div class="modal fade text-left" id="modalDetail" tabindex="-1" role="dialog"
aria-labelledby="myModalLabel17" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-lg" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
<i data-feather="x"></i>
</button>
</div>
<div class="modal-body">
<div class="nota-container">
<h4 class="text-center">Detail Langganan</h4>
<div class="row">
<div class="col-6">
<strong>Nama Paket:</strong>
<p class="title-container"></p>
</div>
<div class="col-6 text-end">
<strong>No Langganan:</strong>
<p class="item-paket-container"></p>
</div>
</div>
<hr>
<div class="row">
<div class="col-12">
<strong>Rincian Paket:</strong>
<!-- Tabel untuk rincian paket -->
<table class="table table-bordered description-container">
<thead>
<tr>
<th>Nama Item</th>
<th>Harga</th>
</tr>
</thead>
<tbody>
<!-- Isi tabel akan diisi menggunakan jQuery -->
</tbody>
</table>
</div>
</div>
<hr>
<div class="row">
<div class="col-6">
<strong>Total:</strong>
</div>
<div class="col-6 text-end">
<p class="total-paket container"></p>
</div>
</div>
<hr>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-light-secondary" data-bs-dismiss="modal">
<i class="bx bx-x d-block d-sm-none"></i>
<span class="d-none d-sm-block">Tutup</span>
</button>
<a class="btn btn-primary ms-1 cetakPdf" target="_blank">
<i class="bx bx-check d-block d-sm-none"></i>
<span class="d-none d-sm-block" id="submit-btn">Cetak Pdf</span>
</a>
</div>
</div>
</div>
</div>
{{-- modal detail end --}}
@push('scripts')
<script>
async function copyRekening(text) {
try {
await navigator.clipboard.writeText(text);
alert('Nomor rekening berhasil disalin');
} catch (err) {
console.error('Failed to copy: ', err);
}
}
const copyButton = document.getElementById('copyBtn');
copyButton.addEventListener('click', () => {
copyRekening('6595434941');
});
$(document).ready(function() {
$('.btn-open-modal').on('click', function() {
var datas = $(this).data('datas');
var total = $(this).data('total');
var url = '/langananan/nota-pdf/' + datas.id;
$('#modalDetail .cetakPdf').attr('href', url);
$('#modalDetail .title-container').text(datas.paket.nama_paket);
$('#modalDetail .item-paket-container').text(datas.no_langganan);
var detail = datas.paket.detail;
$('#modalDetail .description-container tbody').empty();
if (Array.isArray(detail)) {
detail.forEach(function(detail, index) {
var row = '<tr>' +
'<td>' + detail.item.nama_item + '</td>' +
'<td>Rp. ' + detail.item.harga_item.toLocaleString('id-ID') + '</td>' +
'</tr>';
$('#modalDetail .description-container tbody').append(row);
});
} else {
var row = '<tr>' +
'<td colspan="2">Tidak ada rincian paket</td>' +
'</tr>';
$('#modalDetail .description-container tbody').append(row);
}
$('#modalDetail .total-paket').text('Rp ' + total.toLocaleString('id-ID'));
$('#modalDetail').modal('show');
});
});
</script>
@endpush
@endcan
</div>
@endsection