customer purchase done
parent
2f9cd2994c
commit
7e0887015b
@ -0,0 +1,159 @@
|
||||
<?php
|
||||
|
||||
namespace App\Http\Controllers\Customer;
|
||||
|
||||
use App\Http\Controllers\Controller;
|
||||
use App\Models\Customer;
|
||||
use App\Models\DepositHistory;
|
||||
use App\Models\Sale;
|
||||
use App\Models\Voucher;
|
||||
use Illuminate\Http\Request;
|
||||
use Illuminate\Support\Facades\DB;
|
||||
use Illuminate\Support\Str;
|
||||
|
||||
class CartController extends Controller
|
||||
{
|
||||
/**
|
||||
* show list of item in cart
|
||||
* has payed button
|
||||
* show payment method -> deposit, coin, paylater
|
||||
*
|
||||
*/
|
||||
public function index()
|
||||
{
|
||||
$carts = collect(session('carts') ?? []);
|
||||
$total = $carts->sum(function ($item) {
|
||||
return $item['quantity'] * $item['voucher']->price;
|
||||
});
|
||||
|
||||
return inertia('Home/Cart/Index', [
|
||||
'carts' => $carts,
|
||||
'total' => $total,
|
||||
]);
|
||||
}
|
||||
|
||||
/**
|
||||
* handle cart add, remove or sub
|
||||
*
|
||||
*/
|
||||
public function store(Request $request, Voucher $voucher)
|
||||
{
|
||||
$operator = $request->param ?? 'add';
|
||||
$voucher->load(['location']);
|
||||
|
||||
$carts = collect(session('carts') ?? []);
|
||||
if ($carts->count() > 0) {
|
||||
$item = $carts->firstWhere('id', $voucher->id);
|
||||
if ($item == null) {
|
||||
$carts->add(['id' => $voucher->id, 'quantity' => 1, 'voucher' => $voucher]);
|
||||
session(['carts' => $carts->toArray()]);
|
||||
session()->flash('message', ['type' => 'success', 'message' => 'voucher added to cart']);
|
||||
} else {
|
||||
$carts = $carts->map(function ($item) use ($voucher, $operator) {
|
||||
if ($item['id'] == $voucher->id) {
|
||||
if ($operator == 'delete') {
|
||||
return ['id' => null];
|
||||
}
|
||||
if ($operator == 'add') {
|
||||
$quantity = $item['quantity'] + 1;
|
||||
}
|
||||
if ($operator == 'sub') {
|
||||
$quantity = $item['quantity'] - 1;
|
||||
if ($quantity <= 0) {
|
||||
$quantity = 1;
|
||||
}
|
||||
}
|
||||
|
||||
return [
|
||||
...$item,
|
||||
'quantity' => $quantity,
|
||||
];
|
||||
}
|
||||
|
||||
return $item;
|
||||
});
|
||||
$carts = $carts->whereNotNull('id')->toArray();
|
||||
session(['carts' => $carts]);
|
||||
}
|
||||
|
||||
return;
|
||||
}
|
||||
|
||||
session(['carts' => [
|
||||
['id' => $voucher->id, 'quantity' => 1, 'voucher' => $voucher],
|
||||
]]);
|
||||
session()->flash('message', ['type' => 'success', 'message' => 'voucher added to cart']);
|
||||
}
|
||||
|
||||
/**
|
||||
* find correct voucher , reject if cant be found
|
||||
* create sale and item sale
|
||||
* credit deposit
|
||||
* redirect to show detail
|
||||
*/
|
||||
public function purchase()
|
||||
{
|
||||
DB::beginTransaction();
|
||||
$carts = collect(session('carts'));
|
||||
|
||||
// validate voucher is available
|
||||
$vouchers = Voucher::whereIn('id', $carts->pluck('id')->toArray())->get();
|
||||
$carts = $carts->map(function ($item) use ($vouchers) {
|
||||
$voucher = $vouchers->firstWhere('id', $item['id']);
|
||||
if ($voucher->is_sold == Voucher::SOLD) {
|
||||
$voucher = $voucher->shuffle_unsold();
|
||||
// rare happen
|
||||
if ($voucher == null) {
|
||||
session()->remove('carts');
|
||||
return redirect()->route('home.index')
|
||||
->with('message', ['type' => 'error', 'message' => 'transaksi gagal, voucher sedang tidak tersedia']);
|
||||
}
|
||||
}
|
||||
|
||||
return [
|
||||
...$item,
|
||||
'voucher' => $voucher
|
||||
];
|
||||
});
|
||||
|
||||
$total = $carts->sum(function ($item) {
|
||||
return $item['quantity'] * $item['voucher']->price;
|
||||
});
|
||||
|
||||
$customer = Customer::find(auth()->id());
|
||||
$sale = $customer->sales()->create([
|
||||
'code' => Str::random(5),
|
||||
'date_time' => now(),
|
||||
'amount' => $total,
|
||||
'payed_with' => Sale::PAYED_WITH_DEPOSIT,
|
||||
]);
|
||||
|
||||
foreach ($carts as $item) {
|
||||
$sale->items()->create([
|
||||
'entity_type' => $item['voucher']::class,
|
||||
'entity_id' => $item['voucher']->id,
|
||||
'price' => $item['voucher']->price,
|
||||
'quantity' => $item['quantity'],
|
||||
'additional_info_json' => json_encode($item),
|
||||
]);
|
||||
|
||||
$item['voucher']->update(['is_sold' => Voucher::SOLD]);
|
||||
}
|
||||
|
||||
$deposit = $customer->deposites()->create([
|
||||
'credit' => $total,
|
||||
'description' => 'Pembayaran #' . $sale->code,
|
||||
'related_type' => $sale::class,
|
||||
'related_id' => $sale->id,
|
||||
'is_valid' => DepositHistory::STATUS_VALID,
|
||||
]);
|
||||
$deposit->update_customer_balance();
|
||||
|
||||
DB::commit();
|
||||
|
||||
session()->remove('carts');
|
||||
|
||||
return redirect()->route('transactions.show', $sale)
|
||||
->with('message', ['type' => 'success', 'message' => 'pembelian berhasil']);
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,26 @@
|
||||
<?php
|
||||
|
||||
namespace App\Http\Controllers\Customer;
|
||||
|
||||
use App\Http\Controllers\Controller;
|
||||
use App\Models\Sale;
|
||||
|
||||
class TransactionController extends Controller
|
||||
{
|
||||
public function index()
|
||||
{
|
||||
$query = Sale::where('customer_id', auth()->id())
|
||||
->orderBy('created_at', 'desc');
|
||||
|
||||
return inertia('Home/Trx/Index', [
|
||||
'query' => $query->paginate(),
|
||||
]);
|
||||
}
|
||||
|
||||
public function show(Sale $sale)
|
||||
{
|
||||
return inertia('Home/Trx/Detail', [
|
||||
'sale' => $sale->load(['items.voucher.location'])
|
||||
]);
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,80 @@
|
||||
import React from 'react'
|
||||
import { Head, router } from '@inertiajs/react'
|
||||
import CustomerLayout from '@/Layouts/CustomerLayout'
|
||||
import VoucherCard from './VoucherCard'
|
||||
import { formatIDR } from '@/utils'
|
||||
|
||||
const EmptyHere = () => {
|
||||
return (
|
||||
<div className="w-full px-5 text-center flex flex-col my-auto">
|
||||
<div className="font-bold text-xl">
|
||||
Wah, keranjang belanjamu kosong
|
||||
</div>
|
||||
<div className="text-gray-400">
|
||||
Yuk, pilih paket voucher terbaik mu!
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default function Index({ auth: { user }, carts, total }) {
|
||||
const canPay = +user.deposit_balance >= +total
|
||||
|
||||
const handleSubmit = () => {
|
||||
router.post(route('cart.purchase'))
|
||||
}
|
||||
|
||||
const handleTopUp = () => {
|
||||
router.get(route('customer.deposit.topup'))
|
||||
}
|
||||
|
||||
return (
|
||||
<CustomerLayout>
|
||||
<Head title="Index" />
|
||||
<div className="flex flex-col min-h-[calc(95dvh)]">
|
||||
<div className="py-5 text-2xl px-5 font-bold">Keranjang</div>
|
||||
|
||||
{carts.length > 0 ? (
|
||||
<>
|
||||
<div className="w-full px-5 flex flex-col space-y-2">
|
||||
{carts.map((item) => (
|
||||
<VoucherCard key={item.id} item={item} />
|
||||
))}
|
||||
</div>
|
||||
<div className="fixed bottom-20 right-0 w-full">
|
||||
<div className="max-w-sm mx-auto text-right text-gray-400">
|
||||
Saldo: {formatIDR(user.deposit_balance)}
|
||||
</div>
|
||||
<div className="max-w-sm mx-auto text-xl font-bold text-right flex flex-row justify-between">
|
||||
<div>TOTAL</div>
|
||||
<div> {formatIDR(total)}</div>
|
||||
</div>
|
||||
{canPay ? (
|
||||
<div
|
||||
onClick={handleSubmit}
|
||||
className="mt-3 border bg-blue-700 text-white px-5 py-2 mx-auto rounded-full hover:text-black hover:bg-white max-w-sm"
|
||||
>
|
||||
Bayar
|
||||
</div>
|
||||
) : (
|
||||
<div className="flex flex-row w-full mx-auto space-x-2 max-w-sm items-center mt-3">
|
||||
<div className="border border-gray-500 bg-gray-400 text-white px-5 py-2 rounded-full flex-1">
|
||||
Saldo tidak cukup
|
||||
</div>
|
||||
<div
|
||||
onClick={handleTopUp}
|
||||
className="border bg-blue-700 text-white px-5 py-2 rounded-full hover:text-black hover:bg-white"
|
||||
>
|
||||
Top Up
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
</>
|
||||
) : (
|
||||
<EmptyHere />
|
||||
)}
|
||||
</div>
|
||||
</CustomerLayout>
|
||||
)
|
||||
}
|
||||
@ -0,0 +1,74 @@
|
||||
import { formatIDR } from '@/utils'
|
||||
import { router } from '@inertiajs/react'
|
||||
import { HiMinusCircle, HiPlusCircle, HiTrash } from 'react-icons/hi2'
|
||||
|
||||
export default function VoucherCard({ item: { voucher, quantity } }) {
|
||||
const handleDelete = () => {
|
||||
router.post(route('cart.store', { voucher: voucher, param: 'delete' }))
|
||||
}
|
||||
|
||||
const handleAdd = () => {
|
||||
router.post(route('cart.store', { voucher: voucher, param: 'add' }))
|
||||
}
|
||||
|
||||
const handleSub = () => {
|
||||
router.post(route('cart.store', { voucher: voucher, param: 'sub' }))
|
||||
}
|
||||
|
||||
return (
|
||||
<div className="px-3 py-1 shadow-md rounded border border-gray-100">
|
||||
<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">
|
||||
IDR {formatIDR(voucher.price)}
|
||||
</div>
|
||||
{+voucher.discount !== 0 && (
|
||||
<div className="flex flex-row space-x-2 items-center text-xs pb-2">
|
||||
<div className="bg-red-300 text-red-600 px-1 py-0.5 font-bold rounded">
|
||||
{voucher.discount}%
|
||||
</div>
|
||||
<div className="text-gray-400 line-through">
|
||||
{formatIDR(voucher.display_price)}
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
<div className="flex flex-col justify-end">
|
||||
<div className="text-3xl font-bold">
|
||||
{voucher.display_quota}
|
||||
</div>
|
||||
<div className="text-gray-400">
|
||||
{voucher.display_expired}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="w-full border border-dashed"></div>
|
||||
<div className="w-full flex flex-row justify-between items-center pt-1">
|
||||
<div>{formatIDR(voucher.price)}</div>
|
||||
<div>x</div>
|
||||
<div>{quantity}</div>
|
||||
<div>{formatIDR(+voucher.price * +quantity)}</div>
|
||||
</div>
|
||||
<div className="w-full flex flex-row justify-end items-center space-x-2 py-2">
|
||||
<HiTrash
|
||||
className="text-red-700 w-6 h-6 rounded-full border mr-4 hover:bg-red-700"
|
||||
onClick={handleDelete}
|
||||
/>
|
||||
<HiPlusCircle
|
||||
className="text-gray-400 w-6 h-6 rounded-full border hover:bg-gray-400"
|
||||
onClick={handleAdd}
|
||||
/>
|
||||
<div>{quantity}</div>
|
||||
<HiMinusCircle
|
||||
className="text-gray-400 w-6 h-6 rounded-full border hover:bg-gray-400"
|
||||
onClick={handleSub}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
@ -0,0 +1,39 @@
|
||||
import React from 'react'
|
||||
import { Head, router } from '@inertiajs/react'
|
||||
import CustomerLayout from '@/Layouts/CustomerLayout'
|
||||
import VoucherCard from './VoucherCard'
|
||||
import { HiChevronLeft } from 'react-icons/hi2'
|
||||
|
||||
export default function Detail({ sale }) {
|
||||
return (
|
||||
<CustomerLayout>
|
||||
<Head title="Detail" />
|
||||
<div className="flex flex-col min-h-[calc(95dvh)]">
|
||||
<div
|
||||
className="w-full px-5 py-5"
|
||||
onClick={() => {
|
||||
router.get(route('transactions.index'))
|
||||
}}
|
||||
>
|
||||
<HiChevronLeft className="font-bold h-5 w-5" />
|
||||
</div>
|
||||
<div className="text-2xl px-5 font-bold">
|
||||
Transaksi #{sale.code}
|
||||
</div>
|
||||
<div className="px-5 pb-4">{sale.format_created_at}</div>
|
||||
|
||||
<div className="w-full px-5 flex flex-col space-y-2">
|
||||
{sale.items.map((item) => (
|
||||
<VoucherCard key={item.id} item={item} />
|
||||
))}
|
||||
</div>
|
||||
<div className="fixed bottom-20 right-0 w-full">
|
||||
<div className="max-w-sm mx-auto text-xl font-bold text-right flex flex-row justify-between">
|
||||
<div>TOTAL</div>
|
||||
<div> {sale.display_amount}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</CustomerLayout>
|
||||
)
|
||||
}
|
||||
@ -0,0 +1,71 @@
|
||||
import React, { useState } from 'react'
|
||||
import { Head, router } from '@inertiajs/react'
|
||||
import CustomerLayout from '@/Layouts/CustomerLayout'
|
||||
|
||||
export default function Index({ query: { data, next_page_url } }) {
|
||||
const [sales, setSales] = useState(data)
|
||||
|
||||
const handleNextPage = () => {
|
||||
router.get(
|
||||
next_page_url,
|
||||
{},
|
||||
{
|
||||
replace: true,
|
||||
preserveState: true,
|
||||
only: ['query'],
|
||||
onSuccess: (res) => {
|
||||
setSales(sales.concat(res.props.query.data))
|
||||
},
|
||||
}
|
||||
)
|
||||
}
|
||||
|
||||
return (
|
||||
<CustomerLayout>
|
||||
<Head title="Transaksi" />
|
||||
<div className="flex flex-col min-h-[calc(95dvh)]">
|
||||
<div className="py-5 text-2xl px-5 font-bold">
|
||||
Transaksi Pembelian
|
||||
</div>
|
||||
<div className="w-full">
|
||||
<div className="flex flex-col space-y-5 px-5">
|
||||
{sales.map((sale) => (
|
||||
<div
|
||||
key={sale.id}
|
||||
className="flex flex-row pb-2 items-center justify-between border-b"
|
||||
onClick={() =>
|
||||
router.get(
|
||||
route('transactions.show', sale.id)
|
||||
)
|
||||
}
|
||||
>
|
||||
<div className="flex flex-col">
|
||||
<div>{sale.format_human_created_at}</div>
|
||||
<div className="font-thin">
|
||||
Invoice{' '}
|
||||
<span className="font-bold">
|
||||
#{sale.code}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div className="flex flex-col items-end">
|
||||
<div className="font-bold text-lg">
|
||||
{sale.display_amount}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
{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,73 @@
|
||||
import { formatIDR } from '@/utils'
|
||||
import { HiShare } from 'react-icons/hi2'
|
||||
|
||||
export default function VoucherCard({ item: { voucher, quantity } }) {
|
||||
return (
|
||||
<div className="px-3 py-1 shadow-md rounded border border-gray-100">
|
||||
<div className="w-full flex flex-row justify-between py-0.5">
|
||||
<div className="text-base font-bold">
|
||||
{voucher.location.name}
|
||||
</div>
|
||||
<div
|
||||
className="text-right"
|
||||
onClick={() => {
|
||||
navigator.share({
|
||||
title: 'Hello World',
|
||||
text: 'Hai Hai',
|
||||
})
|
||||
}}
|
||||
>
|
||||
<HiShare className="w-6 h-6" />
|
||||
</div>
|
||||
</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">
|
||||
IDR {formatIDR(voucher.price)}
|
||||
</div>
|
||||
{+voucher.discount !== 0 && (
|
||||
<div className="flex flex-row space-x-2 items-center text-xs pb-2">
|
||||
<div className="bg-red-300 text-red-600 px-1 py-0.5 font-bold rounded">
|
||||
{voucher.discount}%
|
||||
</div>
|
||||
<div className="text-gray-400 line-through">
|
||||
{formatIDR(voucher.display_price)}
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
<div className="flex flex-col justify-end">
|
||||
<div className="text-3xl font-bold">
|
||||
{voucher.display_quota}
|
||||
</div>
|
||||
<div className="text-gray-400">
|
||||
{voucher.display_expired}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="w-full border border-dashed"></div>
|
||||
<div className="w-full flex flex-row justify-between items-center pt-1">
|
||||
<div>{formatIDR(voucher.price)}</div>
|
||||
<div>x</div>
|
||||
<div>{quantity}</div>
|
||||
<div>{formatIDR(+voucher.price * +quantity)}</div>
|
||||
</div>
|
||||
<div className="w-full flex flex-row justify-between items-center py-1">
|
||||
<div className="w-full py-1 px-2 bg-blue-50 border border-blue-200 rounded text-blue-700">
|
||||
<div>
|
||||
Username :{' '}
|
||||
<span className="font-bold">{voucher.username}</span>
|
||||
</div>
|
||||
<div>
|
||||
Password :{' '}
|
||||
<span className="font-bold">{voucher.password}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
Loading…
Reference in New Issue