@extends('layouts.blank')

@section('content')
<div class="authentication-bg min-vh-100">
        <div class="bg-overlay bg-light"></div>
        <div class="container">
            <div class="d-flex flex-column min-vh-100 px-3 pt-4">
                <div class="row justify-content-center my-auto">
                    <div class="col-md-12 col-lg-12 col-xl-12">
                        <div class="card">
                            <div class="card-body p-4"> 
                                <div class="text-center mt-2">
                                    <div class="mb-4 pb-2">
                                        <a href="{{ url('/') }}" class="d-block auth-logo">
                                            <img src="{{asset('assets/logo-dinas.ico')}}" alt="" height="80" class="auth-logo-dark me-start">
                                            <img src="{{asset('assets/logo-dinas.ico')}}" alt="" height="80" class="auth-logo-light me-start">
                                        </a>
                                    </div>
                                    <h5>Selamat Datang!</h5>
                                    <p class="text-muted">di Portal Sistem Informasi Gas Rumah Kaca Provinsi DKI Jakarta.</p>
                                </div>
                                <div class="row mt-5">
                                    @foreach ($dashboard as $datas)
                                    <?php
                                        $image = '';
                                        $text = '';
                                        if($datas->parentMenu->title == 'Adaptasi'){
                                            $image = 'assets/images/small/img-9.jpg';
                                            $text = 'This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.';
                                        }elseif($datas->parentMenu->title == 'Mitigasi'){
                                            $image = 'assets/images/small/img-8.jpg';
                                            $text = 'This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.';
                                        }elseif($datas->parentMenu->title == 'Inventory'){
                                            $image = 'assets/images/small/img-6.jpg';
                                            $text = 'Dashboard Inventory adalah tampilan ringkas dan interaktif yang menampilkan status inventaris (stok, lokasi, kondisi, alokasi anggaran) secara real-time..';
                                        }
                                    ?>
                                        <div class="col-md-12 col-lg-4 col-xl-4 mx-auto text-center">
                                            <a href="{{ url($datas->parentMenu->url) }}">
                                                <div class="card">
                                                    <img class="card-img img-fluid" src="{{ asset($image) }}" alt="Card image">
                                                    <div class="card-img-overlay d-flex flex-column justify-content-center">
                                                        <h4 class="card-title text-dark">Dashboard {{ $datas->parentMenu->title }}</h4>
                                                        <p class="card-text text-dark">
                                                            {{ $text }}
                                                        </p>
                                                    </div>
                                                </div>
                                            </a>
                                        </div>
                                    @endforeach
                                    
                                </div>
                            </div>
                        </div>
                    </div><!-- end col -->
                </div><!-- end row -->
            </div>
        </div><!-- end container -->
    </div>
@endsection
@section('js')
@endsection