@extends('layouts.app')
@section('title', __('reports.reports'))
@section('content')
<h5 class="fw-bold mb-3">{{ __('reports.reports') }}</h5>
<div class="row g-3">
  @php
    $reports = [
      ['route' => 'reports.sales', 'label' => __('reports.sales_report'), 'icon' => 'bi-receipt', 'color' => '#5b3df5'],
      ['route' => 'reports.profit', 'label' => __('reports.profit_report'), 'icon' => 'bi-graph-up-arrow', 'color' => '#00c9a7'],
      ['route' => 'reports.inventory', 'label' => __('reports.inventory_report'), 'icon' => 'bi-box-seam', 'color' => '#f59f00'],
      ['route' => 'reports.top-products', 'label' => __('reports.top_products'), 'icon' => 'bi-trophy', 'color' => '#e8590c'],
      ['route' => 'reports.customers', 'label' => __('reports.customers_report'), 'icon' => 'bi-people', 'color' => '#1971c2'],
    ];
  @endphp
  @foreach($reports as $report)
  <div class="col-md-4 col-xl-3">
    <a href="{{ route($report['route']) }}" class="card h-100 text-decoration-none">
      <div class="card-body text-center py-4">
        <i class="bi {{ $report['icon'] }}" style="font-size:2.2rem;color:{{ $report['color'] }}"></i>
        <div class="fw-bold mt-2">{{ $report['label'] }}</div>
      </div>
    </a>
  </div>
  @endforeach
</div>
@endsection