    <?php if(config('settings.authors_status')==1): ?>
        <div class="container Category">
        <div class="container mt-5" style="margin-top:0px !important;padding-right: 0px; padding-left: 0px;">
          <div class="section-header">
            <h2>YAZARLAR</h2>
            <div class="line" style="background-color:#706565"></div>
          </div>
        </div>
        <div class="slider-yazar owl-carousel row text-center">
            <?php $__currentLoopData = $yazarlar; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $yazar): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                        <?php if(isset($yazar->lastNews)): ?>
                        <div class="yazar-item">
          <a href="/yazar/<?php echo e($yazar->slug); ?>/<?php echo e($yazar->lastNews->slug ?? ''); ?>.html" class="slider-card" title="<?php echo e($yazar->lastNews->name ?? ''); ?>">
            <div class="circular-frame <?php echo e($yazar->lastNews->created_at >= \Carbon\Carbon::now()->subDay() ? 'animate-frame' : ''); ?>">
              <img src="<?php if(isset($yazar->image)): ?> /uploads/images/<?php echo e($yazar->image); ?> <?php else: ?> https://via.placeholder.com/100 <?php endif; ?> " alt="<?php echo e($yazar->name); ?>">
            </div>
            <h5><?php echo e($yazar->name); ?></h5>
            <p><?php echo e($yazar->lastNews->name ?? ''); ?></p>
          </a>
        </div>
          <?php endif; ?>
          <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
        </div>
      </div> 
    <?php endif; ?>


    <style type="text/css">
      

.circular-frame {
    position: static;
    display: block;
    width: 100px;
    height: 100px;
    margin: 0 auto;
}

.slider-card h5 {
    font-weight: bold;
    color: #969292;
    font-family: Roboto, var(--default-font-family);
    font-size: 16.5px;
    margin-top: 10px;
}

.slider-card p {
    color: #524C4C;
    font-weight: bold;
    font-size: 16px;
    font-family: Roboto, var(--default-font-family);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    text-overflow: ellipsis;
}


 .yazar-item::before {
    content: '';
    position: absolute;
    top: 0px;
    left: 28px;
    right: 0px;
    bottom: 28px;
    border: 2px dashed red;
    border-radius: 15px;
   border: 2px dashed red;
    animation: rotate-dash 2s linear infinite;
    box-sizing: border-box;
}


@keyframes  rotate-dash {
    0% {
        clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    }
    25% {
        clip-path: polygon(25% 0%, 100% 25%, 75% 100%, 0% 75%);
    }
    50% {
        clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
    }
    75% {
        clip-path: polygon(75% 0%, 100% 75%, 25% 100%, 0% 25%);
    }
    100% {
        clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    }
}
    </style>

  
<?php /**PATH /home/kocaeliduysun/public_html/resources/views/home_modules/yazarlar.blade.php ENDPATH**/ ?>