@extends('layouts.portal.app')

@section('title', "Reports InsightsReady")

@push('styles')
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap"
          rel="stylesheet">
    <link rel="stylesheet" href="{{ asset("portal-assets/portal.css") }}"/>
@endpush

@section('content')

    <main class="container page">

        <section class="hbar">
            <h1>Reports</h1>
            <div class="search" style="margin-top:8px"><input type="search" placeholder="Search reports…"></div>
        </section>
        <section class="card-grid">
            <a class="card" href="{{ asset("portal/report-viewer") }}">
                <div class="app-card">
                    <div class="app-icon"></div>
                    <div><h3 class="app-title">Executive Overview</h3>
                        <p class="app-sub">Power BI • Owner: Analytics</p>
                        <p class="app-foot">Updated 2d ago</p></div>
                </div>
            </a>
            <a class="card" href="{{ asset("portal/report-viewer") }}">
                <div class="app-card">
                    <div class="app-icon"></div>
                    <div><h3 class="app-title">Marketing Performance</h3>
                        <p class="app-sub">Power BI • Owner: Analytics</p>
                        <p class="app-foot">Updated 2d ago</p></div>
                </div>
            </a>
            <a class="card" href="{{ asset("portal/report-viewer") }}">
                <div class="app-card">
                    <div class="app-icon"></div>
                    <div><h3 class="app-title">Attribution & ROAS</h3>
                        <p class="app-sub">Power BI • Owner: Analytics</p>
                        <p class="app-foot">Updated 2d ago</p></div>
                </div>
            </a>
            <a class="card" href="{{ asset("portal/report-viewer") }}">
                <div class="app-card">
                    <div class="app-icon"></div>
                    <div><h3 class="app-title">Inventory Health</h3>
                        <p class="app-sub">Power BI • Owner: Analytics</p>
                        <p class="app-foot">Updated 2d ago</p></div>
                </div>
            </a>
            <a class="card" href="{{ asset("portal/report-viewer") }}">
                <div class="app-card">
                    <div class="app-icon"></div>
                    <div><h3 class="app-title">Cohorts & LTV</h3>
                        <p class="app-sub">Power BI • Owner: Analytics</p>
                        <p class="app-foot">Updated 2d ago</p></div>
                </div>
            </a>
            <a class="card" href="{{ asset("portal/report-viewer") }}">
                <div class="app-card">
                    <div class="app-icon"></div>
                    <div><h3 class="app-title">Finance KPIs</h3>
                        <p class="app-sub">Power BI • Owner: Analytics</p>
                        <p class="app-foot">Updated 2d ago</p></div>
                </div>
            </a>
        </section>

    </main>

@endsection

@push('scripts')

@endpush