@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">
                                    <div class="col-md-12 col-lg-4 col-xl-4">
                                        <a href="{{ url('dashboard/inventory') }}">
                                            <div class="card">
                                                <img class="card-img img-fluid" src="{{ asset('assets/images/small/img-6.jpg') }}" alt="Card image">
                                                <div class="card-img-overlay d-flex flex-column justify-content-center">
                                                    <h4 class="card-title text-dark">Dashboard Inventory</h4>
                                                    <p class="card-text text-dark">
                                                        Dashboard Inventory adalah tampilan ringkas dan interaktif yang menampilkan status inventaris (stok, lokasi, kondisi, alokasi anggaran) secara real-time.
                                                    </p>
                                                </div>
                                            </div>
                                        </a>
                                    </div>
                                    <div class="col-md-12 col-lg-4 col-xl-4">
                                        <a href="{{ url('dashboard/mitigasi') }}">
                                            <div class="card">
                                                <img class="card-img img-fluid" src="{{ asset('assets/images/small/img-8.jpg') }}" alt="Card image">
                                                <div class="card-img-overlay d-flex flex-column justify-content-center">
                                                    <h4 class="card-title text-dark">Dashboard Mitigasi</h4>
                                                    <p class="card-text text-dark">
                                                        This is a wider card with supporting text below as a
                                                        natural lead-in to additional content. This content is a little bit
                                                        longer.
                                                    </p>
                                                </div>
                                            </div>
                                        </a>
                                    </div>
                                    <div class="col-md-12 col-lg-4 col-xl-4">
                                        <a href="{{ url('dashboard/adaptasi') }}">
                                            <div class="card">
                                                <img class="card-img img-fluid" src="{{ asset('assets/images/small/img-9.jpg') }}" alt="Card image">
                                                <div class="card-img-overlay d-flex flex-column justify-content-center">
                                                    <h4 class="card-title text-dark">Dashboard Adaptasi</h4>
                                                    <p class="card-text text-dark">
                                                        This is a wider card with supporting text below as a
                                                        natural lead-in to additional content. This content is a little bit
                                                        longer.
                                                    </p>
                                                </div>
                                            </div>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div><!-- end col -->
                </div><!-- end row -->
            </div>
        </div><!-- end container -->
    </div>
@endsection
@section('js')
@endsection