@extends('web.layout')


@section('content')
    <main id="content" class="site-main">
        <!-- ***Inner Banner html start form here*** -->
        <div class="inner-banner-wrap">
            <div class="inner-baner-container" style="background-image: url( {{ url("landing/assets/images/img7.jpg") }});">
                <div class="container">
                    <div class="inner-banner-content">
                        <h1 class="page-title">Search</h1>
                    </div>
                </div>
            </div>
        </div>
        <!-- ***Inner Banner html end here*** -->
        <!-- search section html start -->
        <div class="search-section">
            <div class="container">
                <div class="search-outer-wrap">
                    <div class="row grid">
                        @foreach($berita as $item)
                        <div class="col-lg-4 grid-item">
                            <div class="search-content-wrap">
                                <article class="post">
                                    <div class="entry-content">
                                        <h3>
                                            @if($item->tipe == "berita" || $item->tipe == "event")
                                                <a href="{{ $item->url }}">{{ $item->judul }}</a>
                                            @else
{{--                                                <a href="#"></a>--}}
                                                {{ $item->judul }}
                                            @endif
                                        </h3>
                                        <div class="button-container">
                                            @if($item->tipe == "berita" || $item->tipe == "event")
                                                <a href="{{ $item->url }}" class="button-text">Detail</a>
                                            @else
                                                <a href="{{ $item->url }}" class="button-text" target="_blank">Download</a>
                                            @endif
                                        </div>
                                    </div>
                                </article>
                            </div>
                        </div>
                        @endforeach
                    </div>
                    <!-- pagination html start-->
                    <div class="post-navigation-wrap">
                        <nav>
                            <ul class="pagination">
                                <li>
                                    <a href="#">
                                        <i class="fas fa-arrow-left"></i>
                                    </a>
                                </li>
                                <li class="active"><a href="#">1</a></li>
                                <li><a href="#">2</a></li>
                                <li><a href="#">3</a></li>
                                <li>
                                    <a href="#">
                                        <i class="fas fa-arrow-right"></i>
                                    </a>
                                </li>
                            </ul>
                        </nav>
                    </div>
                    <!-- pagination html start-->
                </div>
            </div>
            <div class="content-search-from">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-6 offset-lg-3 text-center">
                            <h4>Didn't find what you are looking for?</h4>
                            <h2>SEARCH AGAIN !!</h2>
                            <form class="search-form">
                                <input type="text" name="search" placeholder="Search..">
                                <button class="round-btn">
                                    Search
                                </button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- search section html end -->
    </main>
@endsection