@extends('layouts.Home.app')

@section('content')
    <div class="back-to-top"></div>

    <div class="container">
        <div class="page-banner home-banner">
            <div class="row align-items-center flex-wrap-reverse h-100">
                <div class="col-md-6 py-5 ">
                    <h1 class="mb-4">Sistem Informasi Inovasi Daerah (SINOVDA)</h1>
                    <p class="text-lg text-grey mb-5">Temukan Inovasi yang ingin anda gunakan</p>
                </div>
                <div class="col-md-6 py-5 ">
                    <div class="img-fluid text-center">
                        <img src="{{ asset('assets/img/banner_image_1.svg') }}" alt="">
                    </div>
                </div>
            </div>
            <a href="http://sinovda.sumselprov.go.id/" class="btn-scroll">Yang Anda Butuhkan</a>
        </div>
    </div>
    <!-- .container -->
    </div> <!-- .page-section -->


    <div class="page-section">
        <div class="container">
            <div class="text-center ">
                <!-- <div class="subhead">Our services</div> -->
                <h2 class="title-section">KEBUTUHAN TEKNOLOGI</h2>
                <div class="divider mx-auto"></div>
            </div>

            <div class="row">
                @foreach ($kebutuhan as $kb)
                    <div class="col-lg-4">
                        <div class="card-service">
                            <div class="header">
                                <span style="float:right">
                                    {{ \Carbon\Carbon::parse($kb->created_at)->diffForHumans() }}
                                </span>
                                <br>
                            </div>
                            <div class="body">
                                <h5 class="text-secondary">{{ $kb->title }}</h5>
                                @php
                                    $kalimat = $kb->teknologi_dibutuhkan;
                                    $sub_kalimat = substr($kalimat, 0, 30);
                                @endphp
                                <p>{{ str_limit($sub_kalimat) }}...</p>
                                <a href="{{ route('Kebutuhan.show', Crypt::encrypt($kb->id)) }}"
                                    class="btn btn-primary">Baca Selengkapnya</a>
                            </div>
                        </div>
                    </div>
                @endforeach

            </div> <!-- row -->
        </div> <!-- .container -->
    </div> <!-- .page-section -->


    <div class="page-section bg-light">
        <div class="container">
            <div class="text-center">
                <!-- <div class="subhead">Our services</div> -->
                <h2 class="title-section">Didukung Oleh</h2>
                <div class="divider mx-auto"></div>
            </div>

            <div class="row">
                @foreach ($didukung as $dd)


                    <div class="col-sm-6 col-lg-4 col-xl-3 py-3">
                        <div class="features">
                            <div class="header mb-4">
                                <span> <img
                                        src="{{asset($dd->image)}}"
                                        class="center" style=" border-radius: 50%;" alt=""></span>
                            </div>
                            <h5>{{$dd->name}}</h5>
                            <!-- <p>We analyse your website's structure, internal architecture & other key</p> -->
                        </div>
                    </div>
                @endforeach
            </div>

        </div> <!-- .container -->
    </div> <!-- .page-section -->

@endsection