@extends('layouts.modern')

@section('title', 'Dashboard - MARKOVI')
@section('breadcrumb-section', 'Přehled')
@section('breadcrumb-page', 'Dashboard')

@section('content')
<div class="page-header">
    <h1 class="page-title">Dashboard</h1>
    <p class="page-subtitle">Přehled systému správy nemovitostí</p>
</div>

<!-- Stats Overview -->
<div class="stats-overview">
    <div class="overview-card">
        <div class="overview-icon buildings">
            <i class="fas fa-building"></i>
        </div>
        <div class="overview-value">{{ $stats['total_buildings'] ?? 2 }}</div>
        <div class="overview-label">Celkem budov</div>
    </div>

    <div class="overview-card">
        <div class="overview-icon units">
            <i class="fas fa-home"></i>
        </div>
        <div class="overview-value">{{ $stats['total_units'] ?? 5 }}</div>
        <div class="overview-label">Jednotek celkem</div>
    </div>

    <div class="overview-card">
        <div class="overview-icon revenue">
            <i class="fas fa-coins"></i>
        </div>
        <div class="overview-value">{{ number_format($stats['monthly_revenue'] ?? 32340) }}</div>
        <div class="overview-label">Měsíční příjem (Kč)</div>
    </div>

    <div class="overview-card">
        <div class="overview-icon occupancy">
            <i class="fas fa-chart-pie"></i>
        </div>
        <div class="overview-value">{{ $stats['occupancy_rate'] ?? 100 }}%</div>
        <div class="overview-label">Obsazenost</div>
    </div>
</div>

<!-- Quick Actions -->
<div class="card">
    <div class="card-header">
        <h2 class="card-title">Rychlé akce</h2>
    </div>
    <div class="card-body">
        <div class="flex gap-4 flex-wrap">
            <a href="{{ route('modern-layout.buildings') }}" class="btn btn-primary">
                <i class="fas fa-building"></i>
                Správa budov
            </a>
            <a href="{{ route('modern-layout.tenants') }}" class="btn btn-secondary">
                <i class="fas fa-users"></i>
                Nájemníci
            </a>
            <a href="{{ route('modern-layout.notes') }}" class="btn btn-secondary">
                <i class="fas fa-sticky-note"></i>
                Poznámky
            </a>
            <a href="{{ route('modern-layout.services') }}" class="btn btn-secondary">
                <i class="fas fa-tools"></i>
                Služby
            </a>
            <a href="{{ route('modern-layout.inspections') }}" class="btn btn-secondary">
                <i class="fas fa-clipboard-check"></i>
                Kontroly
            </a>
            <a href="{{ route('modern-layout.emailing') }}" class="btn btn-secondary">
                <i class="fas fa-envelope"></i>
                Emailing
            </a>
        </div>
    </div>
</div>

<!-- Welcome Message -->
<div class="card">
    <div class="card-body">
        <h3 class="text-lg font-semibold mb-4">Vítejte v moderním layoutu!</h3>
        <p class="text-gray-600 mb-4">
            Tento nový layout poskytuje moderní a intuitivní rozhraní pro správu vašich nemovitostí.
            Využívá nejnovější webové technologie pro lepší uživatelský zážitek.
        </p>
        <div class="flex gap-4">
            <a href="{{ route('modern-layout.buildings') }}" class="btn btn-primary">
                Začít se správou budov
            </a>
            <a href="{{ url('/evidence?cil=REV0XRXXx0xXXGx0xXXFx0xX*B:A&amp;cs=AR') }}" class="btn btn-secondary">
                Zpět na starý layout
            </a>
        </div>
    </div>
</div>
@endsection