  <div class="container Category ">
        <div class="row">
        <div class="modul-tek  col-md-4  mt-5">
             <div class="section-header">
               <h2>Namaz Vakitleri</h2>
               <div class="line" style="background-color:#188923"></div>
             </div>
             <div class="section namaz-bg text-center  mt-5">
               <div class="modul-icon">
                 <img src="/img/mosque.png" alt="Cami İkonu">
               </div>
               <h5>İl Seçiniz</h5>
               <div class="dropdown mb-3" style=" width: 200px;  text-align: center; margin: 0 auto;">
                 <select class="form-select" id="city-select">
                    @foreach($cityPrayer as $city)
                    @php
                    $maincity=config('settings.main_city');
                    @endphp
                     <option value="{{$city->city}}" @if($city->city == $maincity) selected @endif>{{$city->city}}</option>
                    @endforeach

                 </select>
               </div>
               <h5>Vakite kalan süre:</h5>
                <div class="countdown">00:00:00</div>
               <div class="row mt-3">
                 <div class="col-6">
                   <div class="time-box">
                     <span>İmsak</span>
                     <strong id="imsaktime">{{$cityPrayertimes->imsak}}</strong>
                   </div>
                 </div>
                 <div class="col-6">
                   <div class="time-box">
                     <span>Güneş</span>
                     <strong id="suntime">{{$cityPrayertimes->sun}}</strong>
                   </div>
                 </div>
                 <div class="col-6">
                   <div class="time-box">
                     <span>Öğle</span>
                     <strong id="noontime">{{$cityPrayertimes->noon}}</strong>
                   </div>
                 </div>
                 <div class="col-6">
                   <div class="time-box">
                     <span>İkindi</span>
                     <strong id="afternoontime">{{$cityPrayertimes->afternoon}}</strong>
                   </div>
                 </div>
                 <div class="col-6">
                   <div class="time-box">
                     <span>Akşam</span>
                     <strong id="eveningtime">{{$cityPrayertimes->evening}}</strong>
                   </div>
                 </div>
                 <div class="col-6">
                   <div class="time-box">
                     <span>Yatsı</span>
                     <strong id="ishatime">{{$cityPrayertimes->isha}}</strong>
                   </div>
                 </div>
               </div>
             </div>
           </div>
           <div class="modul-tek col-md-4 mt-5">
               <div class="section-header">
                   <h2>Hava Durumu</h2>
                   <div class="line" style="background-color:#2F54D8"></div>
               </div>
               <div class="section weather-bg text-center weather-card mt-5">
                   <div class="weather-header">
                       <!-- Sol Taraf: İl Seçiniz -->
                       <div class="dropdown-container">
                           <h5>İl seçiniz</h5>
                           <select class="form-select w-auto" id="city-weather-select">
                               @if(isset($cityWeathers))
                                   @php $maincity = config('settings.main_city'); @endphp
                                   @foreach($cityWeathers as $cityName => $weathers)
                                       <option value="{{ $cityName }}" @if($cityName == $maincity) selected @endif>{{ $cityName }}</option>
                                   @endforeach
                               @else
                                   <option disabled>Veri bulunamadı</option>
                               @endif
                           </select>
                       </div>

                       <!-- Sağ Taraf: Hava Durumu Bilgisi -->
                       <div class="weather-info">
                           <h1 id="current-day">{{ $cityWeathersTimes->day ?? 'Veri yok' }}</h1>
                           <img id="current-image" src="{{ $cityWeathersTimes->image ?? asset('img/default-weather.png') }}" alt="Hava Durumu">
                           <h5 id="current-status" style="font-size: 11px;">{{ $cityWeathersTimes->status ?? 'Bilinmiyor' }}</h5>
                       </div>
                   </div>

                   <!-- Tahmin -->
                   <ul class="forecast" id="forecast-list">
                       @if(isset($cityWeathersNextTimes))
                           @foreach($cityWeathersNextTimes as $cityWeather)
                               <li>
                                   <span>{{$cityWeather->date ?? ''}}</span>
                                   <div>
                                       <span>{{ $cityWeather->day ?? 'N/A' }}</span>
                                       <img src="{{ $cityWeather->image ?? asset('img/default-weather.png') }}" alt="Hava Durumu">
                                   </div>
                               </li>
                           @endforeach
                       @else
                           <li>Hava durumu tahmini bulunamadı.</li>
                       @endif
                   </ul>
               </div>
           </div>

            <div class="modul-tek  col-md-4  mt-5">
             <div class="section-header">
               <h2>Nöbetçi Eczaneler</h2>
               <div class="line" style="background-color:#FB0000"></div>
             </div>
             <div class="section pharmacy-bg text-center  mt-5">

               <h4 style="padding: 10px;">Nöbetçi Eczaneler</h4>
                <div class="modul-icon" style="padding: 40px;">
                 <img  src="/img/eczane.png" class="eczane-icon" alt="Cami İkonu" >
               </div>
               <div class="dropdown mb-3" style=" width: 200px;  text-align: center; margin: 0 auto;">
                <h5>İl Seçiniz</h5>
                 <select class="form-select" id="select-eczane">
                @foreach($cityPharmacies as $cityName => $pharmacies)
                        @php
                            $maincity = config('settings.main_city');
                        @endphp

                        <option value="{{ $cityName }}" @if($cityName == $maincity) selected @endif>{{ $cityName }}</option>
                    @endforeach

                 </select>
                <button type="button" class="btn btn-light mt-3" id="show-pharmacies">Eczaneleri Göster</button>

               </div>

             </div>
           </div>
    </div>
    </div>
