+
Please select your booked vehicle
+
+
+
+ {vehicles.map(({ Registration: regis, Model: model, Location_name: locationName }, index) => (
+
+
+
+
+
+
-
- )
- default:
- return (
-
-
-
-
-
-
-
-
- {Object.keys(vehicles).map((key, i) => (
-
- {key}:
- {vehicles[key]}
-
- ))}
-
-
-
+
-
- )
- }
- })()}
-
+
+
+
+
+ ))}
+
diff --git a/src/pages/vehicleedit.tsx b/src/pages/vehicleedit.tsx
new file mode 100644
index 0000000..346afc2
--- /dev/null
+++ b/src/pages/vehicleedit.tsx
@@ -0,0 +1,153 @@
+import React, { useState } from 'react'
+import router, { useRouter } from 'next/router'
+import DatePicker from 'react-datepicker'
+import axios from 'axios'
+
+import Navigation from '../components/navigation'
+import { Form, notification } from 'antd'
+
+import 'react-datepicker/dist/react-datepicker.css'
+import { ApiEndpoint } from '../constant/api'
+import { StorageKey } from '../constant/storage'
+import { BookingResponse } from '../types'
+import dayjs from 'dayjs'
+
+export default function VehicleEdit() {
+ const router = useRouter()
+ const [cost, setCost] = useState(-1)
+ const [endDate, setEndDate] = useState(null)
+ const { registration } = router.query
+ const [form] = Form.useForm()
+
+ async function onFormSubmit() {
+ try {
+ const email = localStorage.getItem(StorageKey.EMAIL)
+ if (!email) {
+ notification.error({
+ message: 'Invalid credential',
+ description: 'This user has no email',
+ placement: 'bottomRight',
+ })
+ await router.replace('/login')
+ return
+ }
+
+ const { data: bookingResData } = await axios.get
(`${ApiEndpoint.booking}?Customer_id=${email}`)
+ console.log('booking data', bookingResData)
+
+ const bookingData = bookingResData.Items.find((booking) => booking.Registration === registration)
+
+ const payload = {
+ ...bookingData,
+ Actual_end_time: dayjs(endDate).toISOString(),
+ }
+ console.log('Returning car with payload', payload)
+
+ const response = await axios.patch(`${ApiEndpoint.booking}/${bookingData.Booking_id}`, payload)
+ console.log('Returning car response', response)
+
+ const { Cost: _cost } = response.data
+ setCost(_cost)
+ } catch ({ message }) {
+ console.error('Error returning car', message)
+ notification.error({
+ message: 'Returning Failed',
+ description: message,
+ placement: 'bottomRight',
+ })
+ }
+ }
+
+ if (cost > 0) {
+ return (
+ <>
+
+
+
+
+ )
+ }
+
+ return (
+ <>
+
+
+
+
+
+
Please select your returning date
+
+
+
+
+
+
+
+
+
Your payment amount is {amount}
+
+
+
+
+
+
-
-
-
- CHS
-
-
-
-
-
-
-
-
Returning Vehicle page in progress.....
-