<!doctype html>
<html lang="en">
<head>
  <!-- Required meta tags -->
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <!-- Bootstrap CSS -->
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" integrity="sha512-iBBXm8fW90+nuLcSKlbmrPcLa0OT92xO1BIsZ+ywDWZCvqsWgccV3gFoRBv0z+8dLJgyAHIhR35VZc2oM/gI1w==" crossorigin="anonymous" referrerpolicy="no-referrer" />
  <!--<link rel="preconnect" href="https://fonts.googleapis.com">-->
  <!--<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>-->
  <!--<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap" rel="stylesheet">-->
  <link rel="stylesheet" href="style.css">
  <link rel="stylesheet" href="font.css">
  <link rel="icon" href="img/favicon.ico">
  <title><%= title %> | Data Tanaman</title>
</head>
<body>
  <div class="container">
    <div class="row mx-auto">
      <%- include('header') %>
      <div class="col-12 col-md-6 mx-auto">
        <form action="/dashboard" method="post" autocomplete="off">
          <div class="form-floating mb-3">
            <input type="text" class="form-control" id="kode" name="kode" placeholder="Kode Tanaman" required autofocus>
            <label for="kode">Kode Tanaman</label>
          </div>
          <div class="form-floating mb-3">
            <input type="text" class="form-control" id="nama" name="nama" placeholder="Nama Tanaman" required>
            <label for="nama">Nama Tanaman</label>
          </div>
          <div class="form-floating mb-3">
            <textarea style="height:100px;" class="form-control" id="keterangan" name="keterangan" placeholder="Keterangan" required></textarea>
            <label for="keterangan">Keterangan Tanaman</label>
          </div>
          <a href="/dashboard" class="btn btn-outline-primary float-start"><i class="fas fa-long-arrow-alt-left"></i> Kembali</a>
          <button type="submit" class="btn btn-primary float-end"><i class="fas fa-save"></i> Simpan</button>
        </form>
      </div>
    <%- include('footer') %>
    </div>
  </div>


  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
</body>
</html>
