-
@@ -170,7 +178,7 @@ export default function Form(props) {
- {errors.status && (
+ {errors.is_valid && (
+
diff --git a/resources/js/Pages/Paylater/Detail.jsx b/resources/js/Pages/Paylater/Detail.jsx
new file mode 100644
index 0000000..5b55b49
--- /dev/null
+++ b/resources/js/Pages/Paylater/Detail.jsx
@@ -0,0 +1,67 @@
+import React from 'react'
+import { Head, Link } from '@inertiajs/react'
+
+import AuthenticatedLayout from '@/Layouts/AuthenticatedLayout'
+
+export default function Detail(props) {
+ const { paylater } = props
+
+ return (
+ Deposit
+
+ {deposit.description}
+
| Deskripsi | -: | -{deposit.description} | -
| Metode Pembayaran @@ -117,6 +115,11 @@ export default function Form(props) { | : | {deposit.amount} |
| Admin Fee | +: | +Rp {formatIDR(deposit.admin_fee)} | +
| Status | : | @@ -138,6 +141,11 @@ export default function Form(props) {{deposit.editor.name} |
| Tanggal | +: | +{deposit.format_created_at} | +
+ {errors.is_valid}
+
+ )}
+ {errors.reject_reason && (
- {errors.status}
+ {errors.reject_reason}
)}
+
+
+ )
+}
diff --git a/resources/js/Pages/Paylater/Form.jsx b/resources/js/Pages/Paylater/Form.jsx
new file mode 100644
index 0000000..c7e5bd3
--- /dev/null
+++ b/resources/js/Pages/Paylater/Form.jsx
@@ -0,0 +1,230 @@
+import React, { useEffect } from 'react'
+import { Head, Link, useForm } from '@inertiajs/react'
+import { isEmpty } from 'lodash'
+
+import {
+ STATUS_APPROVE,
+ STATUS_REJECT,
+ STATUS_WAIT_APPROVE,
+ STATUS_WAIT_UPLOAD,
+} from '@/constant'
+import AuthenticatedLayout from '@/Layouts/AuthenticatedLayout'
+import FormInput from '@/Components/FormInput'
+import Button from '@/Components/Button'
+import FormInputNumeric from '@/Components/FormInputNumeric'
+import { formatIDR } from '@/utils'
+
+export default function Form(props) {
+ const { deposit } = props
+
+ const { data, setData, post, processing, errors } = useForm({
+ debit: 0,
+ is_valid: 0,
+ reject_reason: '',
+ })
+
+ const handleOnChange = (event) => {
+ setData(
+ event.target.name,
+ event.target.type === 'checkbox'
+ ? event.target.checked
+ ? 1
+ : 0
+ : event.target.value
+ )
+ }
+
+ const showForm =
+ +deposit.is_valid === STATUS_WAIT_APPROVE ||
+ +deposit.is_valid === STATUS_WAIT_UPLOAD
+
+ const handleSubmit = () => {
+ post(route('paylater.update', deposit))
+ }
+
+ useEffect(() => {
+ if (isEmpty(deposit) === false) {
+ setData({
+ debit: deposit.debit,
+ is_valid: deposit.is_valid,
+ reject_reason: deposit.reject_reason,
+ })
+ return
+ }
+ }, [deposit])
+
+ return (
+
+
+
+
+
+
+
+
+ {paylater.description}
+
+ | Customer | +: | ++ + {paylater.customer.name} + + | +
| Jumlah | +: | +{paylater.amount} | +
| Status | +: | ++ {paylater.status_text.text} + | +
| Tanggal | +: | +{paylater.format_created_at} | +
+
+
+ )
+}
diff --git a/resources/js/Pages/Paylater/Index.jsx b/resources/js/Pages/Paylater/Index.jsx
new file mode 100644
index 0000000..2264855
--- /dev/null
+++ b/resources/js/Pages/Paylater/Index.jsx
@@ -0,0 +1,218 @@
+import React, { useEffect, useState } from 'react'
+import { Head, Link, router } from '@inertiajs/react'
+import { usePrevious } from 'react-use'
+import { HiEye } from 'react-icons/hi2'
+
+import { formatIDR, hasPermission } from '@/utils'
+import { DEPOSIT_STATUSES } from '@/constant'
+import AuthenticatedLayout from '@/Layouts/AuthenticatedLayout'
+import Pagination from '@/Components/Pagination'
+import SearchInput from '@/Components/SearchInput'
+import ThSort from '@/Components/ThSortComponent'
+
+export default function Index(props) {
+ const {
+ deposits: { links, data },
+ auth,
+ _search,
+ _sortBy,
+ _sortRule,
+ } = props
+
+ const [search, setSearch] = useState({
+ q: _search,
+ sortBy: _sortBy,
+ sortRule: _sortRule,
+ })
+ const [status, setStatus] = useState('')
+ const preValue = usePrevious(`${search}${status}`)
+
+ const handleChangeSearch = (e) => {
+ setSearch({
+ ...search,
+ q: e.target.value,
+ })
+ }
+
+ const sort = (key, sort = null) => {
+ if (sort !== null) {
+ setSearch({
+ ...search,
+ sortBy: key,
+ sortRule: sort,
+ })
+ return
+ }
+ setSearch({
+ ...search,
+ sortBy: key,
+ sortRule: search.sortRule == 'asc' ? 'desc' : 'asc',
+ })
+ }
+
+ const params = { ...search, status: status }
+ useEffect(() => {
+ if (preValue) {
+ router.get(
+ route(route().current()),
+ { ...search, status: status },
+ {
+ replace: true,
+ preserveState: true,
+ }
+ )
+ }
+ }, [search, status])
+
+ const canUpdate = hasPermission(auth, 'update-paylater-repayment')
+
+ return (
+
+
+
+
+
+
+
+ {isEmpty(deposit.image_prove_url) === false && (
+
+
+ {deposit.description}
+
+ | Customer | +: | ++ + {deposit.customer.name} + + | +
| + Metode Pembayaran + | +: | +{deposit.payment_channel} | +
| Bank Akun | +: | ++ {deposit.account.name} ( + {deposit.account.bank_name}) + | +
| + Lokasi Cash / Setor Tunai + | +: | +{deposit.deposit_location.name} | +
| Jumlah | +: | +{deposit.amount} | +
| Admin Fee | +: | +Rp {formatIDR(+deposit.admin_fee)} | +
| Status | +: | ++ {deposit.status.text} + | +
| + Alasan Penolakan + | +: | +{deposit.reject_reason} | +
| Approver | +: | +{deposit.editor.name} | +
| Tanggal | +: | +{deposit.format_created_at} | +
+
+ 
+
+
+ )}
+ {showForm && (
+ <>
+
+
+ {+data.is_valid === STATUS_REJECT && (
+ Status
+
+ {errors.status && (
+
+ {errors.status}
+
+ )}
+ {errors.reject_reason && (
+
+ {errors.reject_reason}
+
+ )}
+
+
+
+
+ )}
+
+
+
+ )
+}
diff --git a/resources/js/Pages/Sale/Detail.jsx b/resources/js/Pages/Sale/Detail.jsx
index 8a74271..d76d9db 100644
--- a/resources/js/Pages/Sale/Detail.jsx
+++ b/resources/js/Pages/Sale/Detail.jsx
@@ -41,7 +41,11 @@ export default function Detail(props) {
const { sale } = props
return (
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ | + | ||||||
|---|---|---|---|---|---|---|
| + {deposit.description} + | ++ + {deposit.customer.name} + + | ++ {deposit.amount} + | ++ {deposit.format_created_at} + | ++ {deposit.status.text} + | ++ {deposit.editor?.name} + | +
+ {canUpdate && (
+
+ Lihat
+
+ )}
+ |
+
+
+
@@ -69,7 +73,7 @@ export default function Detail(props) {
Metode Pembayaran
:
- {sale.payed_with}
+ {sale.payment_with}
Total
diff --git a/routes/admin.php b/routes/admin.php
index 8226eeb..8423f1f 100644
--- a/routes/admin.php
+++ b/routes/admin.php
@@ -139,6 +139,7 @@ Route::middleware(['http_secure_aware', 'inertia.admin'])
// mitra history
Route::get('/mitra/{customer}/deposit', [CustomerHistoryController::class, 'deposit'])->name('mitra.history.deposit');
Route::get('/mitra/{customer}/sale', [CustomerHistoryController::class, 'sale'])->name('mitra.history.sale');
+ Route::get('/mitra/{customer}/paylater', [CustomerHistoryController::class, 'paylater'])->name('mitra.history.paylater');
Route::get('/mitra/{customer}/paylater_deadline', [CustomerHistoryController::class, 'paylater_deadline'])->name('mitra.history.paylater_deadline');
Route::get('/mitra/{customer}/paylater_limit', [CustomerHistoryController::class, 'paylater_limit'])->name('mitra.history.paylater_limit');
@@ -168,6 +169,12 @@ Route::middleware(['http_secure_aware', 'inertia.admin'])
Route::get('/deposites/{deposit}', [DepositController::class, 'edit'])->name('deposit.edit');
Route::post('/deposites/{deposit}', [DepositController::class, 'update'])->name('deposit.update');
+ // repayment
+ Route::get('/paylater', [PaylaterController::class, 'index'])->name('paylater.index');
+ Route::get('/paylater/{paylater}', [PaylaterController::class, 'show'])->name('paylater.show');
+ Route::get('/paylater/{deposit}/edit', [PaylaterController::class, 'edit'])->name('paylater.edit');
+ Route::post('/paylater/{deposit}', [PaylaterController::class, 'update'])->name('paylater.update');
+
// poin rewared
Route::get('/bonus-poin', [PoinRewardController::class, 'index'])->name('poin-reward.index');
Route::post('/bonus-poin', [PoinRewardController::class, 'store'])->name('poin-reward.store');
diff --git a/routes/web.php b/routes/web.php
index 4d1dff5..fb09722 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -53,7 +53,7 @@ Route::middleware(['http_secure_aware', 'guard_should_customer', 'inertia.custom
Route::get('paylater/repay', [PaylaterController::class, 'create'])->name('customer.paylater.repay');
Route::post('paylater/repay', [PaylaterController::class, 'store']);
- // deposite
+ // deposit
Route::get('trx/deposit', [DepositController::class, 'index'])->name('transactions.deposit.index');
Route::get('trx/deposit/topup', [DepositController::class, 'create'])->name('transactions.deposit.topup');
Route::post('trx/deposit/topup', [DepositController::class, 'store']);