<form id="dateForm">
  <div class="form-row">
    <div class="form-group">
      <label>Başlama Tarihi</label>
      <input id="izinbaslamatarihi" name="izinbaslamatarihi" type="date" class="form-control" placeholder="Başlama Tarihi" required>
    </div>
    <div class="form-group">
      <label>Bitiş Tarihi</label>
      <input id="izinbitistarihi" name="izinbitistarihi" type="date" class="form-control" placeholder="Bitiş Tarihi" required>
    </div>
    <div class="form-group">
      <label>Toplam Süre (Gün)</label>
      <input id="toplamsuregun" name="toplamsuregun" type="text" class="form-control" placeholder="Toplam Gün" required readonly>
    </div>
  </div>
  <button type="submit" class="btn btn-primary">Hesapla</button>
</form>

<script>
document.getElementById('dateForm').addEventListener('submit', function(event) {
  event.preventDefault(); // Formun gönderilmesini engelle
  
  var startDate = new Date(document.getElementById('izinbaslamatarihi').value);
  var endDate = new Date(document.getElementById('izinbitistarihi').value);
  
  if (isNaN(startDate.getTime()) || isNaN(endDate.getTime())) {
    alert('Tarihleri giriniz.');
    return;
  }
  
  var timeDifference = endDate - startDate;
  var daysDifference = Math.floor(timeDifference / (1000 * 60 * 60 * 24));
  
  if (daysDifference < 0) {
    alert('Bitiş tarihi başlangıç tarihinden önce olamaz.');
    return;
  }
  
  document.getElementById('toplamsuregun').value = daysDifference;
});
</script>

<?php
if ($_SERVER['REQUEST_METHOD'] == 'POST') {
    $izinbaslamatarihi = $_POST['izinbaslamatarihi'];
    $izinbitistarihi = $_POST['izinbitistarihi'];

    $startDate = new DateTime($izinbaslamatarihi);
    $endDate = new DateTime($izinbitistarihi);

    $interval = $startDate->diff($endDate);
    $daysDifference = $interval->days;

    // Eğer bitiş tarihi başlangıç tarihinden önceyse
    if ($startDate > $endDate) {
        $daysDifference = 0;
        echo 'Bitiş tarihi başlangıç tarihinden önce olamaz.';
    }
}
?>

<form method="post">
  <div class="form-row">
    <div class="form-group">
      <label>Başlama Tarihi</label>
      <input name="izinbaslamatarihi" type="date" class="form-control" placeholder="Başlama Tarihi" required>
    </div>
    <div class="form-group">
      <label>Bitiş Tarihi</label>
      <input name="izinbitistarihi" type="date" class="form-control" placeholder="Bitiş Tarihi" required>
    </div>
    <div class="form-group">
      <label>Toplam Süre (Gün)</label>
      <input name="toplamsuregun" type="text" class="form-control" placeholder="Toplam Gün" value="<?php echo isset($daysDifference) ? $daysDifference : ''; ?>" readonly>
    </div>
  </div>
  <button type="submit" class="btn btn-primary">Hesapla</button>
</form>