summaryrefslogtreecommitdiff
path: root/src/pages/my/address/create.js
blob: 458b1921c84f0176b7e52063ffc8a774d106d86c (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
import AppBar from "../../../components/AppBar";
import Layout from "../../../components/Layout";
import WithAuth from "../../../components/WithAuth";

export default function CreateAddress() {
  return (
    <WithAuth>
      <Layout>
        <AppBar title="Tambah Alamat" />

        <form className="px-4">
          <label className="form-label mt-4 mb-2">Nama Kontak</label>
          <input 
            type="text"
            className="form-input" 
            placeholder="John Doe"
            name="name"
          />
          <label className="form-label mt-4 mb-2">No. Handphone</label>
          <input 
            type="tel"
            className="form-input" 
            placeholder="08xxxxxxxx"
            name="mobile"
          />
          <label className="form-label mt-4 mb-2">Alamat</label>
          <input 
            type="text"
            className="form-input" 
            placeholder="Jl. Bandengan Utara"
            name="street"
          />
          <label className="form-label mt-4 mb-2">Kota atau Kecamatan</label>
          <input 
            type="text"
            className="form-input" 
            placeholder="Kel. Penjaringan Kec. Penjaringan Kota Jakarta Utara"
            name="street2"
          />
          <label className="form-label mt-4 mb-2">Kode Pos</label>
          <input 
            type="number"
            className="form-input" 
            placeholder="10100"
            name="zip"
          />

          <button 
            type="button" 
            className="btn-yellow float-right mt-6 w-full"
          >
            Simpan
          </button>
        </form>
      </Layout>
    </WithAuth>
  );
}