@extends('template')

@section('content')

<div class="container-fluid pt-5 inter w-100">
    <section class=" mt-5 center display-col">
        <h1 class="text-green-dark">Olahraga Populer</h1>
        <div class="column-sm display-row">
            <a href="{{route('olga_byid',Crypt::encrypt(1))}}" class="display-col center cardhv m-5 no-underline " >
                <div class="display-col center p-3 rounded">
                    <img class=" photo mb-3 ignore-hv shadow" src="{{asset('assets/images/content/sepakbola.jpg')}}" alt="">
                    <h5 class="text-center ignore-hv text-green-dark ">Sepak Bola</h5>
                    <h6 class="text-center ignore-hv text-green ">Tim sepak bola yang berada di <br> wilayah Samarinda</h6>
                </div>
            </a>
            <a href="{{route('olga_byid',Crypt::encrypt(2))}}" class="display-col center cardhv m-5 no-underline " >
                <div class="display-col center p-3 rounded">
                    <img class=" photo mb-3 ignore-hv shadow" src="{{asset('assets/images/content/bulutangkis.jpg')}}" alt="">
                    <h5 class="text-center ignore-hv text-green-dark ">Bulu Tangkis</h5>
                    <h6 class="text-center ignore-hv text-green ">Club Bulu Tangkis yang berada di <br> wilayah Samarinda</h6>
                </div>
            </a>
            <a href="{{route('olga_byid',Crypt::encrypt(3))}}" class="display-col center cardhv m-5 no-underline " >
                <div class="display-col center p-3 rounded">
                    <img class=" photo mb-3 ignore-hv shadow" src="{{asset('assets/images/content/voli.jpg')}}" alt="">
                    <h5 class="text-center ignore-hv text-green-dark "> Bola Voli</h5>
                    <h6 class="text-center ignore-hv text-green ">Tim Bola Voli yang berada di <br> wilayah Samarinda</h6>
                </div>
            </a>
            
            
            
        </div>
        
    </section>
    <section class="column-sm display-row my-5">
        <div>
            <h2 class="text-green-dark">Berita Olahraga</h2>
            @foreach($olahraga as $item)
            <div class="text-green m-2 mb-5">
                <p class="mb-0 ">{{$item->tanggal}}</p>
                <h4 class="text-green-dark fw-bold"style="width:350px;">{{$item->title}}</h4>
                <div class="news-wrapper mt-2">
                    <p style="line-height:100%;;">{{{ Str::words(strip_tags($item->deskripsi), 25, ' ...') }}} </p>
                </div>
                <a href="{{route('beritabyid',Crypt::encryptString($item->id))}}" class="text-green link">Baca Selengkapnya ></a>
            </div>
            @endforeach
            
        </div>
        <div>
            @if($tumbnail!=null)
            <img class="m-5 photo-sm" src="{{asset('images/' . $tumbnail->photo)}}" alt="">
            @else
            <img class="m-5 photo-sm" src="{{asset('assets/images/content/olahraga.jpeg')}}" alt="">
            @endif
        </div>
    </section>
    <section class="center display-col my-5">
        <div>
            <h1 class="text-green-dark">Olahraga lainnya</h1>
        </div>
        <div class="container "style="padding-left:10%;padding-right:10%;">
            <div class="wrapper-wrap center">
                @foreach($jenis_olga as $item)
                <a class=" button-outline m-2" href="{{route('olga_byid',Crypt::encrypt($item->id))}}">{{$item->name}}</a>
                @endforeach
            </div>
            
            
        </div>
    </section>
</div>
@endsection