+
+ )
+ }
+}
diff --git a/src/common/pages/Car/index.js b/src/common/pages/Car/index.js
new file mode 100644
index 0000000..8b68ada
--- /dev/null
+++ b/src/common/pages/Car/index.js
@@ -0,0 +1,198 @@
+import React from 'react';
+import {inject, observer} from 'mobx-react';
+import {
+ AutoComplete,
+ Avatar,
+ Card,
+ CardHeader,
+ Dialog,
+ Divider,
+ FlatButton,
+ FontIcon,
+ IconMenu,
+ MenuItem,
+ RaisedButton,
+ SelectField,
+ TextField
+} from 'material-ui';
+import {
+ Row,
+ Col,
+ Select,
+ DatePicker,
+ Button,
+ // Card,
+ Slider,
+ // Divider,
+ Rate,
+ Checkbox,
+ Icon,
+ TimePicker,
+ // Avatar,
+ Tag} from "antd"
+import moment from 'moment';
+import get from 'lodash.get';
+import Loader from 'react-loader-advanced';
+import LoadingDialog from "../LoadingDialog";
+import omit from 'lodash.omit';
+import {LINKS} from "../../routes";
+
+import './style.scss';
+const format = 'HH:mm';
+
+@inject('appstate')
+@observer
+export default class CarComponent extends React.Component {
+ constructor(props) {
+ super(props);
+ this.props = props;
+ this.state = {
+ };
+ this.defaultState = Object.assign({}, this.state);
+ this.http = props.appstate.http;
+ this.authStore = props.appstate.auth;
+ this.appstate = props.appstate;
+ this.globalUI = props.appstate.globalUI;
+ }
+
+ componentDidMount() {
+
+ }
+
+ componentWillUnmount() {
+
+ console.log('COMPONENT GONE');
+ }
+
+ render() {
+
+ const styles = {
+
+ radioButton: {
+ marginBottom: 16,
+ },
+ };
+
+ return (
+
+
+
+
+
+
+
+
+ Air Conditioning
+ Check All
+ Bar
+ Business Centre
+ Coffee Shop
+ Gym
+ Internet Access
+ Pool
+ Restaurant
+ Room Service
+ Wi-Fi Access
+
+
+
+
+
+ Min. Points
+Max. Points
+Rating Bintang
+Fasilitas
+
+
+
+
+
+
+ ) : (
+
+ )}
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+ this.props.history.goBack()}
+ label="Back"
+ primary={true}
+ icon={
+ {(this.state.changeSearch == true) ? (
+
+
+
+
+ Where
+ +
+
+ Rooms
+ +
+
+
+
+ Check-in
+
+
+ Check-out
+
+
+
+
+
+
+
+
+ Oasis Amir Hotel
+
+
+ Air Conditional
+ Wi-Fi Access
+ Restaurant
+
+ 5,390 Poin
+
+
+ Hotel Aston
+
+
+ Air Conditional
+ Wi-Fi Access
+ Restaurant
+ Pool
+
+ 14,230 Poin
+
+
+ Hotel Horision
+
+
+ Air Conditional
+ Wi-Fi Access
+ Restaurant
+ Pool
+
+ 20,500 Poin
+
+
+
+ )
+ }
+}
diff --git a/src/common/pages/Car/style.scss b/src/common/pages/Car/style.scss
new file mode 100644
index 0000000..ec5e7bf
--- /dev/null
+++ b/src/common/pages/Car/style.scss
@@ -0,0 +1,50 @@
+.wallet {
+ margin-top: 35px;
+ .container {
+ padding: 25px;
+
+ .ant-card {
+ background: #fff;
+ border-radius: 0px;
+ font-size: 12px;
+ position: relative;
+ overflow: hidden;
+ transition: all .3s;
+ }
+ .ant-card-head {
+ height: 48px;
+ line-height: 48px;
+ background: #fff;
+ border-bottom: 0px solid #e9e9e9;
+ padding: 0 24px;
+ }
+ .ant-card:hover {
+ box-shadow: 4px 4px 40px rgba(0, 0, 0, .05);
+ border-color: transparent;
+ }
+ .ant-card-body-dashboard {
+ padding: 10px;
+ }
+ }
+
+
+ .label-form {
+ font-size: 14px;
+ line-height: 30px;
+ color: rgb(153, 153, 153);
+ text-shadow: rgb(255, 255, 255) 0px 1px 0px;
+ margin-bottom: -8px;
+ }
+
+ .backgroundImage {
+ height: 182px;
+ background-image: url('/assets/images/material3.jpg');
+ background-position: center;
+ background-size: cover;
+ cursor: pointer;
+ min-height: 75px;
+ position: relative;
+ width: 100%;
+ }
+ }
+
\ No newline at end of file
diff --git a/src/common/pages/Hotel/HotelSearch.js b/src/common/pages/Hotel/HotelSearch.js
index 69a81eb..d7c6fd5 100644
--- a/src/common/pages/Hotel/HotelSearch.js
+++ b/src/common/pages/Hotel/HotelSearch.js
@@ -3,7 +3,7 @@ import {inject, observer} from 'mobx-react';
import {
FlatButton
} from 'material-ui';
-import { Affix, Card, Slider, Select, Row, Col, Icon, Tag,Rate, Button, Checkbox ,Divider } from 'antd';
+import { Affix, Card, Slider, Select, Row, Col, Icon, Tag,Rate, Button, Checkbox ,Divider, DatePicker } from 'antd';
import {startCase} from 'lodash';
import LoadingDialog from "../LoadingDialog";
import Loader from 'react-loader-advanced';
@@ -103,7 +103,7 @@ export default class HotelSearch extends React.Component {
+
+ }
+ messageStyle={{textAlign: 'center'}}
+ backgroundStyle={{backgroundColor: 'rgba(255,255,255,0.5)'}}>
+
+
+
+
+
+
+
+
+
+ Country
+ +
+
+ City
+ +
+
+ Lokasi
+ +
+
+
+
+ Start Date
+
+
+ Start Time
+
+
+ Until Date
+
+
+ End Time
+
+
+
+ Usia pengendara 25 sampai 70 tahun?
+
+
+ Kembali ke lokasi yang sama
+
+
+
+
+
+
+
+
+
+
{(this.state.changeSearch == true) ? (
-
+
) : (
)}
-
diff --git a/src/common/routes.js b/src/common/routes.js
index 511897b..de699c1 100644
--- a/src/common/routes.js
+++ b/src/common/routes.js
@@ -107,7 +107,9 @@ export const LINKS = {
CUSTOM_MENU : '/app/custom_menu',
PROMOTION:'/app/promotion',
HOTEL:'/app/hotel',
- HOTEL_SEARCH:'/app/hotel/search'
+ HOTEL_SEARCH:'/app/hotel/search',
+ CAR:'/app/car',
+ CAR_SEARCH:'/app/car/search'
};
@inject('appstate')
- ini form search
-
+
+
+
+
+ Where
+ +
+
+ Rooms
+ +
+
+
+
+ Check-in
+
+
+ Check-out
+
+
+
+
+
+
+