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.
74 lines
2.2 KiB
74 lines
2.2 KiB
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> |
|
); |
|
}
|
|
|