@extends('layouts.master')

@section('title', trans('messages.analytics_dashboard'))

@section('content')
<div class="page-header">
    <h2>{{ trans('messages.analytics_dashboard') }}</h2>
</div>

<div class="row g-3">
    <!-- Sales Trends -->
    <div class="col-md-6">
        <div class="card">
            <div class="card-header bg-primary text-white">
                <h5 class="mb-0"><i class="bi bi-graph-up-arrow"></i> {{ trans('messages.sales_trends') }}</h5>
            </div>
            <div class="card-body">
                <p class="text-muted">{{ trans('messages.trend_analysis') }}</p>
                <a href="{{ route('analytics.sales-trends') }}" class="btn btn-primary w-100">
                    <i class="bi bi-arrow-right"></i> {{ trans('messages.view') }}
                </a>
            </div>
        </div>
    </div>

    <!-- Sales Forecast -->
    <div class="col-md-6">
        <div class="card">
            <div class="card-header bg-success text-white">
                <h5 class="mb-0"><i class="bi bi-calendar-check"></i> {{ trans('messages.sales_forecast') }}</h5>
            </div>
            <div class="card-body">
                <p class="text-muted">{{ trans('messages.forecast') }}</p>
                <a href="{{ route('analytics.sales-forecast') }}" class="btn btn-success w-100">
                    <i class="bi bi-arrow-right"></i> {{ trans('messages.view') }}
                </a>
            </div>
        </div>
    </div>

    <!-- Profitability Analysis -->
    <div class="col-md-6">
        <div class="card">
            <div class="card-header bg-info text-white">
                <h5 class="mb-0"><i class="bi bi-cash-stack"></i> {{ trans('messages.profitability_analysis') }}</h5>
            </div>
            <div class="card-body">
                <p class="text-muted">{{ trans('messages.profitability_analysis') }}</p>
                <a href="{{ route('analytics.profitability') }}" class="btn btn-info w-100">
                    <i class="bi bi-arrow-right"></i> {{ trans('messages.view') }}
                </a>
            </div>
        </div>
    </div>

    <!-- Interactive Charts -->
    <div class="col-md-6">
        <div class="card">
            <div class="card-header bg-warning text-dark">
                <h5 class="mb-0"><i class="bi bi-bar-chart"></i> {{ trans('messages.interactive_charts') }}</h5>
            </div>
            <div class="card-body">
                <p class="text-muted">{{ trans('messages.interactive_charts') }}</p>
                <a href="{{ route('analytics.charts') }}" class="btn btn-warning w-100">
                    <i class="bi bi-arrow-right"></i> {{ trans('messages.view') }}
                </a>
            </div>
        </div>
    </div>
</div>
@endsection