You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
75 lines
2.2 KiB
75 lines
2.2 KiB
3 years ago
|
import React from "react";
|
||
|
import Layout from "../layouts/Main";
|
||
|
|
||
|
const basePath = process.env.API_BASE_PATH;
|
||
|
const frontendBasePath = process.env.FRONTEND_BASE_PATH;
|
||
|
|
||
|
export default function Clients({ user }) {
|
||
|
return (
|
||
|
<Layout user={user}>
|
||
|
<form
|
||
|
action={
|
||
|
basePath +
|
||
|
"/clients" +
|
||
|
"?token=" +
|
||
|
user.token +
|
||
|
"&redirect=" +
|
||
|
encodeURIComponent(frontendBasePath) +
|
||
|
"/clients"
|
||
|
}
|
||
|
method="POST"
|
||
|
>
|
||
|
<div className="row">
|
||
|
<div className="col-lg-6">
|
||
|
<div className="form-group">
|
||
|
<label for="name">Name</label>
|
||
|
<input
|
||
|
type="name"
|
||
|
name="name"
|
||
|
className="form-control"
|
||
|
id="name"
|
||
|
/>
|
||
|
</div>
|
||
|
<div className="form-group">
|
||
|
<label for="email">E-Mail</label>
|
||
|
<input
|
||
|
type="email"
|
||
|
name="email"
|
||
|
className="form-control"
|
||
|
id="email"
|
||
|
/>
|
||
|
</div>
|
||
|
<div className="form-group">
|
||
|
<label for="status">Current Status</label>
|
||
|
<select className="form-control" id="status" name="status">
|
||
|
<option value="potential">Potential</option>
|
||
|
<option value="active">Active</option>
|
||
|
<option value="on_hold">On Hold</option>
|
||
|
<option value="inactive">Inactive</option>
|
||
|
</select>
|
||
|
</div>
|
||
|
</div>
|
||
|
<div className="col-lg-6">
|
||
|
<div className="form-group">
|
||
|
<label for="address">Address</label>
|
||
|
<textarea name="address" className="form-control" id="address" />
|
||
|
</div>
|
||
|
<div className="form-group">
|
||
|
<label for="telephone">Phone</label>
|
||
|
<input
|
||
|
type="tel"
|
||
|
name="telephone"
|
||
|
className="form-control"
|
||
|
id="telephone"
|
||
|
/>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
<button type="submit" className="btn btn-primary">
|
||
|
Submit
|
||
|
</button>
|
||
|
</form>
|
||
|
</Layout>
|
||
|
);
|
||
|
}
|