coin price and coin exchange done
parent
74b8848e15
commit
e44b9e74a6
@ -0,0 +1,91 @@
|
||||
<?php
|
||||
|
||||
namespace App\Http\Controllers\Customer;
|
||||
|
||||
use App\Http\Controllers\Controller;
|
||||
use App\Models\Customer;
|
||||
use App\Models\Location;
|
||||
use App\Models\Sale;
|
||||
use App\Models\Voucher;
|
||||
use Illuminate\Http\Request;
|
||||
use Illuminate\Support\Facades\DB;
|
||||
use Illuminate\Support\Str;
|
||||
|
||||
class CoinExchangeController extends Controller
|
||||
{
|
||||
public function index(Request $request)
|
||||
{
|
||||
$locations = Location::get();
|
||||
$vouchers = Voucher::with(['location'])
|
||||
->where(function ($q) {
|
||||
$q->where('price_coin', '!=', 0)
|
||||
->where('price_coin', '!=', null);
|
||||
})
|
||||
->where('is_sold', Voucher::UNSOLD)
|
||||
->groupBy('batch_id')
|
||||
->orderBy('updated_at', 'desc');
|
||||
|
||||
if ($request->location_id != '') {
|
||||
$vouchers->where('location_id', $request->location_id);
|
||||
}
|
||||
|
||||
return inertia('Coin/Exchange', [
|
||||
'locations' => $locations,
|
||||
'vouchers' => tap($vouchers->paginate(10))->setHidden(['username', 'password']),
|
||||
'_location_id' => $request->location_id ?? '',
|
||||
]);
|
||||
}
|
||||
|
||||
public function exchange(Voucher $voucher)
|
||||
{
|
||||
$batchCount = $voucher->count_unsold();
|
||||
if ($batchCount < 1) {
|
||||
return redirect()->route('customer.coin.exchange')
|
||||
->with('message', ['type' => 'error', 'message' => 'transaksi gagal, voucher sedang tidak tersedia']);
|
||||
}
|
||||
|
||||
$customer = Customer::find(auth()->id());
|
||||
|
||||
if ($customer->coin_balance < $voucher->price_coin) {
|
||||
return redirect()->route('customer.coin.exchange')
|
||||
->with('message', ['type' => 'error', 'message' => 'koin kamu tidak cukup untuk ditukar voucher ini']);
|
||||
}
|
||||
|
||||
DB::beginTransaction();
|
||||
$sale = $customer->sales()->create([
|
||||
'code' => 'Tukar Coin ' . str()->upper(str()->random(5)),
|
||||
'date_time' => now(),
|
||||
'amount' => 0,
|
||||
'payed_with' => Sale::PAYED_WITH_COIN,
|
||||
]);
|
||||
|
||||
$voucher = $voucher->shuffle_unsold();
|
||||
$sale->items()->create([
|
||||
'entity_type' => $voucher::class,
|
||||
'entity_id' => $voucher->id,
|
||||
'price' => $voucher->price_coin,
|
||||
'quantity' => 1,
|
||||
'additional_info_json' => json_encode([
|
||||
'id' => $voucher->id,
|
||||
'quantity' => 1,
|
||||
'voucher' => $voucher->load(['location'])
|
||||
]),
|
||||
]);
|
||||
|
||||
$voucher->update(['is_sold' => Voucher::SOLD]);
|
||||
$voucher->check_stock_notification();
|
||||
|
||||
$sale->create_notification();
|
||||
|
||||
$coin = $customer->coins()->create([
|
||||
'credit' => $voucher->price_coin,
|
||||
'description' => $sale->code,
|
||||
]);
|
||||
|
||||
$coin->update_customer_balance();
|
||||
DB::commit();
|
||||
|
||||
return redirect()->route('transactions.show', $sale)
|
||||
->with('message', ['type' => 'success', 'message' => 'penukaran berhasil']);
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,121 @@
|
||||
import React, { useState } from 'react'
|
||||
import { Head, router } from '@inertiajs/react'
|
||||
|
||||
import CustomerLayout from '@/Layouts/CustomerLayout'
|
||||
import VoucherCard from './VoucherCard'
|
||||
|
||||
const EmptyHere = () => {
|
||||
return (
|
||||
<div className="w-full px-5 text-center flex flex-col my-auto">
|
||||
<div className="font-bold text-xl">Voucher segera tersedia</div>
|
||||
<div className="text-gray-400">
|
||||
Yuk, share referral kamu untuk tingkatkan coinnya
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default function Exhange(props) {
|
||||
const {
|
||||
locations,
|
||||
vouchers: { data, next_page_url },
|
||||
_location_id,
|
||||
} = props
|
||||
|
||||
const [locId, setLocId] = useState(_location_id)
|
||||
const [v, setV] = useState(data)
|
||||
|
||||
const handleSelectLoc = (loc) => {
|
||||
if (loc.id === locId) {
|
||||
setLocId('')
|
||||
fetch('')
|
||||
return
|
||||
}
|
||||
setLocId(loc.id)
|
||||
fetch(loc.id)
|
||||
}
|
||||
|
||||
const handleNextPage = () => {
|
||||
router.get(
|
||||
next_page_url,
|
||||
{
|
||||
location_id: locId,
|
||||
},
|
||||
{
|
||||
replace: true,
|
||||
preserveState: true,
|
||||
only: ['vouchers'],
|
||||
onSuccess: (res) => {
|
||||
setV(v.concat(res.props.vouchers.data))
|
||||
},
|
||||
}
|
||||
)
|
||||
}
|
||||
|
||||
const fetch = (locId) => {
|
||||
router.get(
|
||||
route(route().current()),
|
||||
{ location_id: locId },
|
||||
{
|
||||
replace: true,
|
||||
preserveState: true,
|
||||
onSuccess: (res) => {
|
||||
setV(res.props.vouchers.data)
|
||||
},
|
||||
}
|
||||
)
|
||||
}
|
||||
|
||||
return (
|
||||
<CustomerLayout>
|
||||
<Head title="Coin" />
|
||||
<div className="flex flex-col min-h-[calc(95dvh)]">
|
||||
<div className="pt-5 text-2xl px-5 font-bold">Tukar Coin</div>
|
||||
<div className="px-5 text-gray-400 text-sm">
|
||||
tukarkan coin anda dengan voucher manarik
|
||||
</div>
|
||||
|
||||
{v.length <= 0 ? (
|
||||
<EmptyHere />
|
||||
) : (
|
||||
<div className="w-full flex flex-col pt-5">
|
||||
{/* chips */}
|
||||
<div className="w-full flex flex-row overflow-y-scroll space-x-2 px-2">
|
||||
{locations.map((location) => (
|
||||
<div
|
||||
onClick={() => handleSelectLoc(location)}
|
||||
key={location.id}
|
||||
className={`px-2 py-1 rounded-2xl ${
|
||||
location.id === locId
|
||||
? 'text-white bg-blue-600 border border-blue-800'
|
||||
: 'bg-blue-100 border border-blue-200'
|
||||
}`}
|
||||
>
|
||||
{location.name}
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
|
||||
{/* voucher */}
|
||||
<div className="flex flex-col w-full px-3 mt-3 space-y-2">
|
||||
{v.map((voucher) => (
|
||||
<VoucherCard
|
||||
key={voucher.id}
|
||||
voucher={voucher}
|
||||
/>
|
||||
))}
|
||||
{next_page_url !== null && (
|
||||
<div
|
||||
onClick={handleNextPage}
|
||||
className="w-full text-center px-2 py-1 border mt-5 hover:bg-blue-600 hover:text-white"
|
||||
>
|
||||
Load more
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
</CustomerLayout>
|
||||
)
|
||||
}
|
||||
@ -0,0 +1,99 @@
|
||||
import { formatIDR } from '@/utils'
|
||||
import { router } from '@inertiajs/react'
|
||||
import { useState } from 'react'
|
||||
|
||||
const ExchangeModal = ({ show, voucher, setShow }) => {
|
||||
return (
|
||||
<div
|
||||
className={`fixed z-10 top-0 left-0 h-full w-full -mt-4 ${
|
||||
show ? '' : 'invisible'
|
||||
} `}
|
||||
>
|
||||
<div
|
||||
className="max-w-md mx-auto h-full bg-gray-500 bg-opacity-70 -mt-2"
|
||||
onClick={() => setShow(false)}
|
||||
>
|
||||
<div className="flex flex-col h-full my-auto justify-center px-4">
|
||||
<div className="px-3 py-1 shadow-md rounded border bg-white border-gray-100 hover:bg-gray-50">
|
||||
<div className="text-base font-bold">
|
||||
{voucher.location.name}
|
||||
</div>
|
||||
<div className="w-full border border-dashed"></div>
|
||||
<div className="flex flex-row justify-between items-center">
|
||||
<div>
|
||||
<div className="text-xs text-gray-400 py-1">
|
||||
{voucher.profile}
|
||||
</div>
|
||||
<div className="text-xl font-bold">
|
||||
{formatIDR(voucher.price_coin)} Coin
|
||||
</div>
|
||||
</div>
|
||||
<div className="flex flex-col justify-end text-right">
|
||||
<div className="text-3xl font-bold">
|
||||
{voucher.display_quota}
|
||||
</div>
|
||||
<div className="text-gray-400 ">
|
||||
{voucher.display_expired}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="flex flex-row space-x-3">
|
||||
<div
|
||||
className="w-full mt-2 px-3 py-1 shadow-md rounded border-blue-700 bg-blue-600 text-white hover:bg-white hover:text-black"
|
||||
onClick={() =>
|
||||
router.get(
|
||||
route(
|
||||
'customer.coin.exchange.process',
|
||||
voucher
|
||||
)
|
||||
)
|
||||
}
|
||||
>
|
||||
Tukarkan
|
||||
</div>
|
||||
<div className="w-full mt-2 px-3 py-1 shadow-md rounded border-white bg-white hover:bg-gray-200">
|
||||
Batal
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default function VoucherCard({ voucher }) {
|
||||
const [show, setShow] = useState(false)
|
||||
return (
|
||||
<>
|
||||
<div
|
||||
className="px-3 py-1 shadow-md rounded border border-gray-100 hover:bg-gray-50"
|
||||
onClick={() => setShow(true)}
|
||||
>
|
||||
<div className="text-base font-bold">
|
||||
{voucher.location.name}
|
||||
</div>
|
||||
<div className="w-full border border-dashed"></div>
|
||||
<div className="flex flex-row justify-between items-center">
|
||||
<div>
|
||||
<div className="text-xs text-gray-400 py-1">
|
||||
{voucher.profile}
|
||||
</div>
|
||||
<div className="text-xl font-bold">
|
||||
{formatIDR(voucher.price_coin)} Coin
|
||||
</div>
|
||||
</div>
|
||||
<div className="flex flex-col justify-end text-right">
|
||||
<div className="text-3xl font-bold">
|
||||
{voucher.display_quota}
|
||||
</div>
|
||||
<div className="text-gray-400 ">
|
||||
{voucher.display_expired}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<ExchangeModal voucher={voucher} show={show} setShow={setShow} />
|
||||
</>
|
||||
)
|
||||
}
|
||||
@ -1,64 +1,64 @@
|
||||
import moment from "moment";
|
||||
import { isEmpty } from "lodash";
|
||||
import moment from 'moment'
|
||||
import { isEmpty } from 'lodash'
|
||||
|
||||
export const formatDate = (date) => {
|
||||
return moment(date).format("DD/MM/yyyy");
|
||||
};
|
||||
return moment(date).format('DD/MM/yyyy')
|
||||
}
|
||||
|
||||
export const formatDateTime = (date) => {
|
||||
return moment(date).format("DD/MM/yyyy HH:mm:ss");
|
||||
};
|
||||
return moment(date).format('DD/MM/yyyy HH:mm:ss')
|
||||
}
|
||||
|
||||
export const dateToString = (date) => {
|
||||
return moment(date).format("MM/DD/yyyy");
|
||||
};
|
||||
return moment(date).format('MM/DD/yyyy')
|
||||
}
|
||||
|
||||
export const converToDate = (date) => {
|
||||
if (isEmpty(date) == false) {
|
||||
return new Date(date);
|
||||
return new Date(date)
|
||||
}
|
||||
|
||||
return "";
|
||||
};
|
||||
return ''
|
||||
}
|
||||
|
||||
export function formatIDR(amount) {
|
||||
const idFormatter = new Intl.NumberFormat("id-ID",{
|
||||
const idFormatter = new Intl.NumberFormat('id-ID', {
|
||||
minimumFractionDigits: 0,
|
||||
maximumFractionDigits: 2,
|
||||
});
|
||||
return idFormatter.format(amount);
|
||||
})
|
||||
return idFormatter.format(amount)
|
||||
}
|
||||
|
||||
export const formatIDDate = (date) => {
|
||||
const month = [
|
||||
"Januari",
|
||||
"Februari",
|
||||
"Maret",
|
||||
"April",
|
||||
"Mei",
|
||||
"Juni",
|
||||
"Juli",
|
||||
"Agustus",
|
||||
"September",
|
||||
"Oktober",
|
||||
"November",
|
||||
"Desember",
|
||||
];
|
||||
date = new Date(date);
|
||||
'Januari',
|
||||
'Februari',
|
||||
'Maret',
|
||||
'April',
|
||||
'Mei',
|
||||
'Juni',
|
||||
'Juli',
|
||||
'Agustus',
|
||||
'September',
|
||||
'Oktober',
|
||||
'November',
|
||||
'Desember',
|
||||
]
|
||||
date = new Date(date)
|
||||
|
||||
return `${date.getDate()} ${month[date.getMonth()]} ${date.getFullYear()}`;
|
||||
};
|
||||
return `${date.getDate()} ${month[date.getMonth()]} ${date.getFullYear()}`
|
||||
}
|
||||
|
||||
export const hasPermission = (auth, permission) => {
|
||||
const { user } = auth
|
||||
if (+user.is_superadmin === 1) {
|
||||
return true;
|
||||
return true
|
||||
}
|
||||
|
||||
let has = user.role.permissions.find(item => item.name === permission)
|
||||
let has = user.role.permissions.find((item) => item.name === permission)
|
||||
|
||||
if (has) {
|
||||
return true
|
||||
}
|
||||
return false;
|
||||
return false
|
||||
}
|
||||
Loading…
Reference in New Issue