@extends('master')

@section('css')
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
    <style>
        body {
            background-color: #f8f9fa;
        }
        .welcome-container {
            height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .welcome-content {
            text-align: center;
            padding: 2rem;
        }
        .logo {
            max-width: 200px;
            margin-bottom: 2rem;
        }
    </style>
@endsection

@section('content2')
    <div class="welcome-container">
        <div class="welcome-content">
            <img src="{{ url('storage/app/public/logo/logo_kabupaten_sidoarjo.png') }}" alt="Logo Sidoarjo" class="logo">
            <h1 class="mb-4">Selamat Datang di Dashboard Bupati Sidoarjo</h1>
            <p class="lead mb-4">Sistem Informasi Terpadu untuk Monitoring dan Evaluasi Kinerja</p>
            <div class="d-grid gap-2 d-md-block">
                <a href="{{ url('/login') }}" class="btn btn-primary btn-lg px-4 me-md-2">Masuk</a>
            </div>
        </div>
    </div>
@endsection

@section('script')
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
@endsection