@extends('layouts.app')

@section('title', 'Enterprise Reports')

@section('content')
    <div class="mb-4">
        <h4 class="mb-0 fw-bold">Reports Intelligence Hub</h4>
        <p class="text-muted">Access operational data and business analytics across all departments.</p>
    </div>

    <div class="row g-4">
        <div class="col-md-4">
            <div class="card border-0 shadow-sm h-100">
                <div class="card-body p-4 text-center">
                    <div class="avatar bg-primary-subtle text-primary rounded-circle mx-auto mb-3 d-flex align-items-center justify-content-center" style="width: 64px; height: 64px;">
                        <i class="bi bi-graph-up-arrow fs-2"></i>
                    </div>
                    <h5 class="fw-bold">Production Analytics</h5>
                    <p class="text-muted small">Daily output, efficiency rates, and plant performance metrics.</p>
                    <a href="{{ route('reports.production') }}" class="btn btn-outline-primary btn-sm w-100">View Report</a>
                </div>
            </div>
        </div>

        <div class="col-md-4">
            <div class="card border-0 shadow-sm h-100">
                <div class="card-body p-4 text-center">
                    <div class="avatar bg-success-subtle text-success rounded-circle mx-auto mb-3 d-flex align-items-center justify-content-center" style="width: 64px; height: 64px;">
                        <i class="bi bi-currency-dollar fs-2"></i>
                    </div>
                    <h5 class="fw-bold">Inventory Valuation</h5>
                    <p class="text-muted small">Current stock value, turnover ratio, and warehouse utilization.</p>
                    <a href="{{ route('reports.inventory') }}" class="btn btn-outline-success btn-sm w-100">View Report</a>
                </div>
            </div>
        </div>

        <div class="col-md-4">
            <div class="card border-0 shadow-sm h-100">
                <div class="card-body p-4 text-center">
                    <div class="avatar bg-info-subtle text-info rounded-circle mx-auto mb-3 d-flex align-items-center justify-content-center" style="width: 64px; height: 64px;">
                        <i class="bi bi-cart-check fs-2"></i>
                    </div>
                    <h5 class="fw-bold">Sales Performance</h5>
                    <p class="text-muted small">Order fulfillment rates, revenue trends, and partner activity.</p>
                    <a href="{{ route('reports.sales') }}" class="btn btn-outline-info btn-sm w-100">View Report</a>
                </div>
            </div>
        </div>

        <div class="col-md-4">
            <div class="card border-0 shadow-sm h-100">
                <div class="card-body p-4 text-center">
                    <div class="avatar bg-warning-subtle text-warning rounded-circle mx-auto mb-3 d-flex align-items-center justify-content-center" style="width: 64px; height: 64px;">
                        <i class="bi bi-tools fs-2"></i>
                    </div>
                    <h5 class="fw-bold">Maintenance Logs</h5>
                    <p class="text-muted small">Machine uptime, scheduled services, and breakdown frequency.</p>
                    <a href="{{ route('reports.maintenance') }}" class="btn btn-outline-warning btn-sm w-100">View Report</a>
                </div>
            </div>
        </div>

        <div class="col-md-4">
            <div class="card border-0 shadow-sm h-100">
                <div class="card-body p-4 text-center">
                    <div class="avatar bg-danger-subtle text-danger rounded-circle mx-auto mb-3 d-flex align-items-center justify-content-center" style="width: 64px; height: 64px;">
                        <i class="bi bi-shield-check fs-2"></i>
                    </div>
                    <h5 class="fw-bold">Quality Intelligence</h5>
                    <p class="text-muted small">Inspection pass rates, defect categories, and QC compliance.</p>
                    <a href="{{ route('reports.quality') }}" class="btn btn-outline-danger btn-sm w-100">View Report</a>
                </div>
            </div>
        </div>
    </div>
@endsection