<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Kreş Gider Girişi</title>

<style>
* {
  box-sizing: border-box;
}

input[type=text],[type=date], select, textarea {
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  resize: vertical;
}

label {
  padding: 12px 12px 12px 0;
  display: inline-block;
}

input[type=submit] {
  background-color: #4CAF50;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  float: right;
  margin-top:5px;

}

input[type=submit]:hover {
  background-color: #45a049;
}

.ana {
  border-radius: 5px;
  background-color: #f2f2f2;
  padding: 20px;
}

.col-25 {
  float: left;
  width: 25%;
  margin-top: 6px;
}

.col-75 {
  float: left;
  width: 75%;
  margin-top: 6px;
}

/* Clear floats after the columns */
.satir:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .col-25, .col-75, input[type=submit] {
    width: 100%;
    margin-top: 5px;
  }
}
</style>
</head>


<body>
<?php include '../menu.php';?>
<h1 align="center">Gider Kayıt Ekleme</h1>

<div class="ana">

<form method="POST" autocomplete="off"  action="giderkayit.php">
  <div class="satir">Tutar <input type="text" name="tutar" required="required"></div>
  <div class="satir">Şube <select name="sube">
                  <option value="Tırtıl">Tırtıl</option>
                  <option value="Gelişim">Gelişim</option>
                </select></div>  
                
      <div class="satir">Kategori 
                <select id="kategori" name="kategori" onchange="subesec()">
                  <option >Lütfen Bir Kategori Seçin</option>
                  <option value="Mutfak">Mutfak</option>
                  <option value="Temizlik">Temizlik</option>
                  <option value="Personel">Personel</option>
                  <option value="Kırtasiye">Kırtasiye</option>
                  <option value="Demirbaş">Demirbaş</option>
                  <option value="Fatura">Fatura</option>
                  <option value="Genel">Genel</option>
                  <option value="Yakıt">Yakıt</option>
                  <option value="Diğer">Diğer</option>
                </select>  
    </div>
    
<div id="gizli" style="display:none;">    
  <div class="satir">Ödeme Yapılan Yer
              <select disabled style="display:none;" id="Personel" name="odemeyeri">
                  <option >Lütfen Bir Personel Gideri Seçin</option>
                  <option value="Maaş">Maaş</option>
                  <option value="Sigorta">Sigorta</option>
                  <option value="Diğer">Diğer</option>
            </select>
            <select disabled style="display:none;" id="Fatura" name="odemeyeri">
                  <option >Lütfen Bir Fatura Seçin</option>
                  <option value="Elektrik">Elektrik</option>
                  <option value="Su">Su</option>
                  <option value="Telefon">Telefon</option>
                  <option value="İnternet">İnternet</option>
                  <option value="Doğalgaz">Doğalgaz</option>
            </select>
            <select disabled style="display:none;" id="Genel" name="odemeyeri">
                  <option >Lütfen Bir Genel Gider Türü Seçin</option>
                  <option value="Kira">Kira</option>
                  <option value="Tamir/Bakım">Tamir/Bakım</option>
                  <option value="Muhasebe">Muhasebe</option>
                  <option value="Vergi">Vergi</option>
                  <option value="Yakıt">Yakıt</option>
            </select>
            <input disabled style="display:none;" id="Mutfak" type="text" name="odemeyeri">
            <input disabled style="display:none;" id="Temizlik" type="text" name="odemeyeri">
            <input disabled style="display:none;" id="Kırtasiye" type="text" name="odemeyeri">
            <input disabled style="display:none;" id="Diğer" type="text" name="odemeyeri">
            <input disabled style="display:none;" id="Demirbaş" type="text" name="odemeyeri">
    </div>
</div>
            
  <div class="satir">Ödeme Tarhi <input type="date" value="<?php echo date('Y-m-d'); ?>" name="odemetarihi"></div>
  <div class="satir">Ödeme Yapan <select name="odemeyapan"><option value="Muhammet Selman AYAS">Muhammet Selman Ayas</option><option value="Adem Gemici">Adem Gemici</option><option value="Tuğba Gemici">Tuğba Gemici</option><option value="Nurdan Kaygusuz">Nurdan Kaygusuz</option><option value="Diğer">Diğer</option></select></div>

  <div class="satir">Ödeme Şekli 
  
                <select name="tur">
                  <option value="Nakit">Nakit</option>
                  <option value="Kredi Kartı">Kredi Kartı</option>
                </select>  
  
  </div>
  
    <div class="satir">Evrak 
  
                <select name="evrak">
                  <option value="Fatura">Fatura</option>
                  <option value="Fiş">Fiş</option>
                  <option value="Yok">Yok</option>
                </select>  
  
  </div>
  <div class="satir">Not <input type="text" name="not"></div>
  <div class="satir"><input type="submit" value="Kaydet"></div>
    
</form>


<div class="satir" style="padding-top:20px;">
                 <a href="anasayfa.php">Anasayfa</a>
        </div>
        <div class="satir" style="padding-top:10px;">
                 <a href="giderlistesi.php">Gider Kayıtlarını Görüntüle</a>
        </div>

    <p align="center" style=" padding-top:150px;">Güç İçinde!</p>
</div>



<script>
function subesec() {
  var x = document.getElementById("kategori").value;
    document.getElementById("Personel").style.display = "none";
    document.getElementById("Fatura").style.display = "none";
    document.getElementById("Genel").style.display = "none";
    document.getElementById("Mutfak").style.display = "none";
    document.getElementById("Temizlik").style.display = "none";
    document.getElementById("Kırtasiye").style.display = "none";
    document.getElementById("Diğer").style.display = "none";
    document.getElementById("Demirbaş").style.display = "none";
    document.getElementById("gizli").style.display = "inherit";
    document.getElementById("Personel").disabled = true;
    document.getElementById("Fatura").disabled = true;
    document.getElementById("Genel").disabled = true;
    document.getElementById("Mutfak").disabled = true;
    document.getElementById("Temizlik").disabled = true;
    document.getElementById("Kırtasiye").disabled = true;
    document.getElementById("Diğer").disabled = true;
    document.getElementById("Demirbaş").disabled = true;
    document.getElementById(x).style.display = "block";
    document.getElementById(x).disabled = false;
}
</script>
</body>
</html>
