@php

$bursasporhaberler = App\Models\News::where('status', 1)
                    ->where('category_id', 16)
                    ->orderBy('created_at', 'desc')
                    ->limit(9)
                    ->get();

        $bursasporhaberlerOne=$bursasporhaberler->slice(0, 1)->first();
        $bursasporhaberlerThree=$bursasporhaberler->slice(1, 3);
        $bursasporhaberlerFour=$bursasporhaberler->slice(4, 5);

@endphp

<div class="container  Category mt-5">

<div class="threenews-out spor-list-post detayli-kategori-17">
            <div class="threenews-ad">
                <svg xmlns="http://www.w3.org/2000/svg" width="1300" height="319.586" viewBox="0 0 1300 319.586"><path d="M14,491H1274V602.441L14,810.586Z" transform="translate(-14 -491)" fill="#23893F"></path></svg>
                <div class="threenews-title">
                    <div class="ntitle">
                        <h3>SPOR HABERLERİ</h3>
                    </div>
                    <a href="/spor" title="TÜM SPOR HABERLERİ">TÜM SPOR HABERLERİ<svg xmlns="http://www.w3.org/2000/svg" width="14.001" height="10" viewBox="0 0 14.001 10"><path d="M1040,519h10.637l-2.643,2.751,1.2,1.25,3.6-3.75h0L1054,518l-4.806-5-1.2,1.249,2.643,2.751H1040Z" transform="translate(-1040 -512.999)" fill="#fff"></path></svg></a>
                </div>
                <div class="threenews-lig">
                            @if(isset($bursasporhaberlerOne))
                                             {!! getNewsLink($bursasporhaberlerOne) !!}
                            <figure>
                                <img src="{{ $bursasporhaberlerOne->news_image }}" alt="{{ $bursasporhaberlerOne->name }}">
                            </figure>
                            <h3>{{ $bursasporhaberlerOne->name }}</h3>
                        </a>
                        @endif
                           @if(isset($bursasporhaberlerThree))
                                            <div class="spor-sondakika">
                        <div class="spor-sondakika-bottom">
                            <ul style="padding-left: 0;">

                                   @foreach($bursasporhaberlerThree as $bursahaber)

                                                                    <li>
                                            {!! getNewsLink($bursahaber) !!}
                                            <figure>
                                                <img alt="{{$bursahaber->name}}" class="entered lazyloaded" src="{{ $bursahaber->news_image }}" data-ll-status="loaded">
                                            </figure>
                                            <p>{{$bursahaber->name}}</p>
                                        </a>
                                    </li>
                                    @endforeach
                                                            </ul>
                        </div>
                    </div>
                </div>
                @endif
                   @if(isset($bursasporhaberlerFour))
                                    <div class="spor-sondakika">
                        <div class="spor-sondakika-bottom">
                            <ul style="padding-left: 0;">
                                   @foreach($bursasporhaberlerFour as $bursahaber)
                                                                    <li>
                                           {!! getNewsLink($bursahaber) !!}
                                            <p>{{$bursahaber->name}}</p>
                                            <figure>
                                                <img src="{{ $bursahaber->news_image }}" alt="{{$bursahaber->name}}" class="entered lazyloaded">
                                            </figure>
                                        </a>
                                    </li>
                                                               @endforeach
                                                            </ul>
                        </div>
                    </div>
                    @endif

@php 
$lastmatch=config('settings.last_match', '');
$lastmatch = json_decode($lastmatch, true);


@endphp

                    <div class="threenews-ad-right">
                                     <div class="scoreboard2" id="m1730916544888scoreboxContainerT2">
  <div class="scorebox">
                    <div class="title">3. Hafta Maçı</div>
                    <div class="score"> <div class="resultzone"> 
             
                <span class="result">3</span> 
                <div class="teamname text-right" >Fenerbahçe</div>
              </div>
              <span class="seper">-</span>
              <div class="resultzone"> 
                <span class="result">1</span> 
           
                <div class="teamname text-left">Kocaelispor</div>
              </div></div></div>
</div>
                                                <div class="spor-son-lig llsl">
    <div class="threenews-lig-in">
        <div class="ntitle">
            <h3>PUAN DURUMU</h3>
        </div>
        <div class="tli-right">
            <span>O</span>
            <span>GA</span>
            <span>P</span>
        </div>
        
    </div>
<ul>  
  
    <li>
        <div class="tli-left">
            <span>13</span>
            <span>KAYSERİSPOR</span>
        </div>
        <div class="tli-in-right">
            <span>2</span>
            <span>-2</span>
            <span>1</span>
        </div>
    </li>
      <li>
        <div class="tli-left">
            <span>14</span>
            <span>KASIMPAŞA A.Ş.</span>
        </div>
        <div class="tli-in-right">
            <span>2</span>
            <span>-2</span>
            <span>0</span>
        </div>
    </li>
    <li>
        <div class="tli-left">
            <span>15</span>
            <span>GENÇLERBİRLİĞİ</span>
        </div>
        <div class="tli-in-right">
            <span>3</span>
            <span>-3</span>
            <span>0</span>
        </div>
    </li>
 
    <li>
        <div class="tli-left">
            <span>16</span>
            <span>İKAS EYÜPSPOR</span>
        </div>
        <div class="tli-in-right">
            <span>2</span>
            <span>-4</span>
            <span>0</span>
        </div>
    </li>
       <li>
        <div class="tli-left">
            <span>17</span>
            <span>KOCAELİSPOR</span>
        </div>
        <div class="tli-in-right">
            <span>3</span>
            <span>-4</span>
            <span>0</span>
        </div>
    </li>
    <li>
        <div class="tli-left">
            <span>18</span>
            <span>FATİH KARAGÜMRÜK</span>
        </div>
        <div class="tli-in-right">
            <span>2</span>
            <span>-5</span>
            <span>0</span>
        </div>
    </li>
        <style media="screen">
.llsl ul li {
    height: 44.6px;
}
.llsl .threenews-lig-in .ntitle {
    height: 52px;
}

   html, body {font-family: 'Fira Sans Condensed', sans-serif;font-display: swap;font-size:12px}


/* score board */
.scoreboard2{background: url(img/deneme2.png); background-size: cover; border-radius: 8px;padding: 15px;position: relative;margin: 0 0 15px;}
.scoreboard2 .title{text-align: center;color: #fff;border-bottom: 1px solid #fff;}
.scoreboard2 .scorebox{display: flex;flex-wrap: wrap;justify-content: center;}
.scoreboard2 .score{font-size: 70px;color: #fff;font-weight: 800;display: flex;justify-content: center;border-bottom: 1px solid #fff;}
.scoreboard2 .score .result{color:#04381e;padding:0 7px;line-height:68px;border-radius:12px;margin:10px auto; background: linear-gradient(180deg,#fff 50%,#efefef 50%);text-shadow: 0 4px 4px rgba(11, 82, 46, 0.35);width: 37px;text-align: center;font-size: 42px;}

.scoreboard2 .teamname{width: 100%;font-size: 15px;color: #fff;    text-align: center;}
.scoreboard2 .teamname span{display: block;font-weight: 6;}
.scoreboard2 .resultzone{display: flex;flex-wrap: wrap;width: 50%;    align-items: flex-start;}
.scoreboard2 .resultzone:first-child{justify-content: flex-end;}
.scoreboard2 .seper{position: absolute;font-size: 30px;top: 97px;left: 50%; line-height: 0; transform: translateX(-50%);}
@media(max-width:1199px){
  .scoreboard2 .seper{top: 81px;}
  .scoreboard2 img{max-width: 50px;}
  .scoreboard2 .score{font-size: 40px;}
  .scoreboard2 .score .result{padding:0 11px;line-height:55px;border-radius:6px;margin:10px 14px;    width: 45px;}
}
@media(max-width:315px){
  .scoreboard2 img{max-width: 40px;}
  .scoreboard2 .score{font-size:30px;}
  .scoreboard2 .score .result{padding:0 11px;line-height:45px;border-radius:6px;margin:10px 14px;}
}
.spor-son-lig li:nth-child(5):before {
    content: "";
    position: absolute;
    left: 0;
    width: 2px;
    height: 40px;
    background: #4A8BEE;
}

.spor-son-lig li:nth-child(1):before {
    content: "";
    position: absolute;
    left: 0;
    width: 2px;
    height: 40px;
    background: #e6e6e6;
}

.newlig .newligtable {
    background: #ffffff;
    height: 100%;
}

.newlig .newligtable table {
    color: #333;
    font-size: 11px;
    width: 100%;
    border-collapse: collapse;
    font-weight: 600;
}
.newlig table thead {
    top: 0;
    z-index: 1;
    background: #efefef;
    border: 0;
}
.newlig .newligtable table tr {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.newlig .newligtable table th:first-child {
    text-align: left;
}

.newlig .newligtable table th {
    padding: 6px 0.75rem;
    color: #04381e;
    text-align: center;
}
.newlig table th {
    border: 0 !important;
}
.newlig .newligtable table tr {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.newlig .newligtable table td {
    padding: 2px 4px;
}
.newlig .newligtable table td:not(:first-child) {
    text-align: center;
}
.table>:not(caption)>*>* {
    padding: .8rem .8rem;
}
</style>
        <li class="detayliin spor">
       
        </li>
          </ul>
</div>
                    </div>
            </div>
        </div>

</div>

                  <div class="ads container fullWidthHeight mt-3">{!! showAd('301','16') !!}</div>


