@extends('layouts.app')

@section('title', 'Dashboard')

@section('content')
<div class="container">
    <div class="page-heading">
        <div>
            <div class="eyebrow">Restaurant Dashboard</div>

            <h1>{{ $restaurant->name }}</h1>

            <p>
                Manage your menu, nutrition information and customer QR experience.
            </p>
        </div>

        <a
            class="btn btn-primary"
            href="{{ route('restaurant.menu', $restaurant) }}"
            target="_blank"
        >
            Open Public Menu ↗
        </a>
    </div>

    <div class="grid grid-4">
        <div class="card stat-card card-hover">
            <div class="stat-icon">C</div>
            <h2 class="stat-value">{{ $categoryCount }}</h2>
            <div class="stat-label">Categories</div>
        </div>

        <div class="card stat-card card-hover">
            <div class="stat-icon">M</div>
            <h2 class="stat-value">{{ $menuItemCount }}</h2>
            <div class="stat-label">Menu Items</div>
        </div>

        <div class="card stat-card card-hover">
            <div class="stat-icon">✓</div>
            <h2 class="stat-value">{{ $availableCount }}</h2>
            <div class="stat-label">Available Items</div>
        </div>

        <div class="card stat-card card-hover">
            <div class="stat-icon">N</div>
            <h2 class="stat-value">{{ $calculatedCount }}</h2>
            <div class="stat-label">Nutrition Ready</div>
        </div>
    </div>

    <div class="grid grid-3" style="margin-top: 20px;">
        <a
            class="card card-hover reveal"
            href="{{ route('dashboard.menu-items.create') }}"
        >
            <div class="stat-icon">+</div>
            <h3>Add Menu Item</h3>
            <p class="muted">
                Add a new food or drink, upload a photo and calculate nutrition.
            </p>
        </a>

        <a
            class="card card-hover reveal"
            href="{{ route('dashboard.restaurant.edit') }}"
        >
            <div class="stat-icon">R</div>
            <h3>Restaurant Profile</h3>
            <p class="muted">
                Update your logo, cover image, contact information and branding.
            </p>
        </a>

        <a
            class="card card-hover reveal"
            href="{{ route('dashboard.qr-code') }}"
        >
            <div class="stat-icon">QR</div>
            <h3>Download QR Code</h3>
            <p class="muted">
                Print your restaurant menu QR code for tables and marketing.
            </p>
        </a>
    </div>
</div>
@endsection