📿 Namaz Vakitleri Widget Kodu (Blogger Uyumlu)

<!-- Namaz Vakitleri Widget (Manuel Mod Seçimi) -->
<div id="namaz-widget" style="
    max-width:320px;
    margin:auto;
    padding:5px;
    border-radius:5px;
    font-family:Arial,sans-serif;
    text-align:center;
    transition: all 0.5s ease;
">
  <h3 id="widget-title" style="margin-bottom:15px;color:#4CAF50;">Namaz Vakitleri</h3>

  <div style="margin-bottom:10px;">
    <label>Şehir:</label>
    <input type="text" placeholder="Şehir adı girin" />
    <button>Göster</button>
  </div>

  <div style="margin-bottom:10px;">
    <label>Mod:</label>
    <select>
      <option>Otomatik</option>
      <option>Gündüz</option>
      <option>Gece</option>
    </select>
  </div>

  <div>
    İmsak - Güneş - Öğle - İkindi - Akşam - Yatsı
  </div>

</div>

<script>
function applyMode(widget, mode){
  const hour = new Date().getHours();
  let selectedMode = mode;

  if(mode==='auto'){
    selectedMode = (hour>=18 || hour<6) ? 'night' : 'day';
  }

  if(selectedMode==='night'){
    widget.style.background="#1E1E2F";
    widget.style.color="#eee";
  } else {
    widget.style.background="#fff";
    widget.style.color="#000";
  }
}
</script>