<?php $__env->startSection('title',$city.' -  '.$day.' Günlük Hava Durumu - '.config('settings.site_title') ); ?>
<?php $__env->startSection('description',$city.' -  '.$day.' Günlük Hava Durumu - '.config('settings.site_title') ); ?>


<?php $__env->startSection('content'); ?>

<div class="news-page-custom custom-page-news"  id="site-content" style="background: #fff;padding-left:0px; padding-right: 0px;">

    <div class="newsPage container">

        <div class="row">
            <div class="col-md-12">

                  <div class="row">
        <div class="col-12">
           <div class="container mt-5">
            <div class="section-header">
                <h2><?php echo e($city); ?> - <?php echo e($day); ?> Günlük Hava Durumu</h2>
                <div class="line" style="background-color:#FF0000"></div>
            </div>
        </div>
        </div>
    </div>


    <div class="row">
        <div class="col-12">
            <div class="article-content">

<a href="/hava-durumu/<?php echo e($city); ?>-15-gunluk" class="cityweatherbutton"><?php echo e($city); ?> 15 Günlük Hava Durumu </a>
<a href="/hava-durumu/<?php echo e($city); ?>-10-gunluk" class="cityweatherbutton"><?php echo e($city); ?> 10 Günlük Hava Durumu </a>
<a href="/hava-durumu/<?php echo e($city); ?>-7-gunluk" class="cityweatherbutton"><?php echo e($city); ?> 7 Günlük Hava Durumu </a>

<table>
  <tbody>
    <tr>
      <th>Tarih</th>
      <th>Hava durumu</th>
      <th>Gün</th>
      <th>Gece</th>
    </tr>


    <?php $__currentLoopData = $weathers; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $weather): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
    <tr>
      <td> <?php echo e($weather->date); ?></td>
      <td>
        <img src=" <?php echo e($weather->image); ?>" alt="hava durumu 3" title="Parçalı bulutlu" width="30" height="30" loading="lazy"> <?php echo e($weather->status); ?>

      </td>
      <td><?php echo e($weather->day); ?></td>
      <td><?php echo e($weather->night); ?></td>
    </tr>
     <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>



  </tbody>
</table>
    </div>


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

    <!-- Article Footer -->






            </div>

        </div>
    </div>

</div>

<?php $__env->stopSection(); ?>

<style type="text/css">

.article-content figure{
    text-align: center;
}

.article-content  img {
      width: auto;
    object-fit: contain;
    max-height: 500px;
    text-align: center;
    margin: 0 auto;
}

table {
    content-visibility: hidden;
    width: 100%;
    margin: 0 0 16px;
    text-align: left;
    border-top: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
    border-image: initial;
    border-bottom: none;
    border-right: none;
    border-collapse: collapse;
}

table th, table tr {
    color: #252525;
    border-bottom: 0.01em dotted #ccc;
    border-collapse: collapse;
}

table th, table tr {
    border: 1px solid #eee;
}



table th, table tr {
    color: #252525;
    border-bottom: 0.01em dotted #ccc;
    border-collapse: collapse;
}
table th, table tr {
    border: 1px solid #eee;
}
table th {
    font-size: 90%;
    font-weight: 600;
}


th, td {
    padding: 7px 3px;
    text-align: left;
}

table th, table th {
    background: #2e3232;
    color: #eee;
    text-transform: uppercase;
    border-left: 0.01em solid #ccc;
    text-align: left;
}
.cityweatherbutton{
    color: #fff;
    padding: 15;
    background: #333;
    border-radius: 15px;
    margin-bottom: 10px;
    float: left;
    cursor: pointer;
    margin-right:5px;
}
.cityweatherbutton:hover{
    color:#b7b7b7;
}
</style>

<?php echo $__env->make('layout.master', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /home/kocaelid/domains/kocaeliduysun.net/public_html/resources/views/modul/weather.blade.php ENDPATH**/ ?>