@extends('layouts.app')
@section('title', 'E-Bangunan - Dashboard')

@section('content')
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<link rel="stylesheet" href="{{ asset('css/user-section/dashboard.css') }}">




{{-- @include('layouts.sidebar') --}}


<div class="welcome-container">
    <br>
    <div class="welcome-box" style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;">
        <h2 style="font-size: 2rem;">Selamat Datang!</h2>
        @include('layouts.date-clock')
    </div>
    <div class="card-container">
        <a href="{{ route('maindashboard') }}" style="text-decoration: none; color: inherit;">
            <div class="feature-card">
                <div class="icon-circle" style="background: #0B6477; box-shadow: 0px 3.39px 8.48px 0px #056B664D;">
                    <img src="{{ asset('images/icon/office-building.svg') }}" alt="" style="width: 25.45px; height: 25.45px;">
                </div>
                <h3 style="color: #056B66;">i-Building<br>(Building Application<br>Management System)</h3>
            </div>
        </a>

        <a href="{{ route('idesignYears') }}" style="text-decoration: none; color: inherit;">
            <div class="feature-card">
                <div class="icon-circle" style="background: #14919B; box-shadow: 0px 3.39px 8.48px 0px #056B664D;">
                    <img src="{{ asset('images/icon/pencil.svg') }}" alt="" style="width: 30px; height: 30px;">
                </div>
                <h3 style="color: #14919B;">iDesign</h3>
            </div>
        </a>

        <a href="{{ route('ibforce') }}" style="text-decoration: none; color: inherit;">
            <div class="feature-card">
                <div class="icon-circle" style="background: #0AD1C8; box-shadow: 0px 3.39px 8.48px 0px #056B664D;">
                    <img src="{{ asset('images/icon/clipboard-list.svg') }}" alt="" style="width: 30px; height: 30px;">
                </div>
                <h3 style="color: #0AD1C8;">iBForce</h3>
            </div>
        </a>
    </div>
</div>


@endsection