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>
  );
}