<form action="kayıt.html" class="row mt-3 was-validated" method="post">
  <!-- Email Alanı -->
  <div class="col-12 form-floating"> 
    <input type="email" class="form-control" id="posta" name="posta" placeholder="E-posta" required>
    <label for="posta" class="form-label">Email</label>
    <div class="invalid-feedback">Geçersiz e-posta girdiniz. Örnek: gjfkdgh@gmail.com</div>
    <div class="valid-feedback">Geçerli e-posta</div>
    <div class="form-text">E-posta adresinizi doğru giriniz.</div>
  </div>

  <!-- Ad Alanı -->
  <div class="col-12 form-floating mt-2">
    <input type="text" class="form-control" id="name" name="name" placeholder="Adınızı girin" required>
    <label for="name" class="form-label">Adınız</label>
  </div>

  <!-- Mesaj Alanı -->
  <div class="col-12 mt-2">
    <label for="textra" class="form-label">Düşünce</label>
    <textarea class="form-control" id="textra" name="textra" rows="3"></textarea>
  </div>

  <!-- Seçenekler -->
  <div class="col-12 mt-3">
    <div class="form-check form-check-inline">
      <input class="form-check-input" type="checkbox" id="secim1" name="secim1">
      <label class="form-check-label" for="secim1">Pastalar</label>
    </div>
    <div class="form-check form-check-inline">
      <input class="form-check-input" type="checkbox" id="secim2" name="secim2">
      <label class="form-check-label" for="secim2">Tatlılar</label>
    </div>
    <div class="form-check form-check-inline">
      <input class="form-check-input" type="checkbox" id="secim3" name="secim3">
      <label class="form-check-label" for="secim3">İçecekler</label>
    </div>
  </div>

  <!-- Talep Türü -->
  <div class="col-12 mt-3">
    <label for="ttur" class="form-label">Talep Türü Seçiniz</label>
    <select class="form-select" id="ttur" name="ttur">
      <option value="1">Öneri</option>
      <option value="2">Talep</option>
      <option value="3">Şikayet</option>
    </select>
  </div>

  <!-- Dondurma Çeşitleri -->
  <div class="col-12 mt-3">
    <p>Dondurma Çeşitleri</p>
    <input type="checkbox" class="btn-check" id="dondurma1" autocomplete="off">
    <label class="btn btn-outline-danger" for="dondurma1">Karamel</label>

    <input type="checkbox" class="btn-check" id="dondurma2" autocomplete="off">
    <label class="btn btn-outline-danger" for="dondurma2">Muz</label>

    <input type="checkbox" class="btn-check" id="dondurma3" autocomplete="off">
    <label class="btn btn-outline-danger" for="dondurma3">Çilek</label>

    <input type="checkbox" class="btn-check" id="dondurma4" autocomplete="off">
    <label class="btn btn-outline-danger" for="dondurma4">Kakao</label>
  </div>

  <!-- Ödeme Türü -->
  <div class="col-12 mt-3">
    <p>Ödeme Türü:</p>
    <div class="form-check">
      <input class="form-check-input" required type="radio" value="1" id="odeme1" name="odeme">
      <label class="form-check-label" for="odeme1">Banka Kartı</label>
    </div>
    <div class="form-check">
      <input class="form-check-input" required type="radio" value="2" id="odeme2" name="odeme">
      <label class="form-check-label" for="odeme2">Nakit</label>
    </div>
    <div class="form-check">
      <input class="form-check-input" required type="radio" value="3" id="odeme3" name="odeme">
      <label class="form-check-label" for="odeme3">Kredi Kartı</label>
      <div class="invalid-feedback">Ödeme türü seçiniz.</div>
    </div>
  </div>

  <!-- Fiyat Alanı -->
  <div class="col-12 mt-3">
    <div class="input-group mb-3">
      <span class="input-group-text">₺</span>
      <input type="text" class="form-control" value="670₺" disabled>
      <span class="input-group-text">.00</span>
    </div>
  </div>

  <!-- Kaydet Butonu -->
  <div class="col-12 mt-3">
    <button type="submit" class="btn btn-success">Kaydet</button>
  </div>
</form>