@extends('layouts.app')
@section('title', __('reports.top_products'))
@section('content')
<div class="d-flex justify-content-between align-items-center mb-3">
  <h5 class="fw-bold mb-0">{{ __('reports.top_products') }}</h5>
  <button class="btn btn-outline-secondary btn-sm no-print" onclick="window.print()"><i class="bi bi-printer"></i> {{ __('app.print') }}</button>
</div>
<div class="card mb-3 no-print"><div class="card-body">
  <form class="row g-2">
    <div class="col-md-4"><label class="form-label small">{{ __('app.from') }}</label><input type="date" name="from" value="{{ $from }}" class="form-control"></div>
    <div class="col-md-4"><label class="form-label small">{{ __('app.to') }}</label><input type="date" name="to" value="{{ $to }}" class="form-control"></div>
    <div class="col-md-4 d-flex align-items-end"><button class="btn btn-primary w-100">{{ __('app.filter') }}</button></div>
  </form>
</div></div>
<div class="card"><div class="card-body">
  <div class="table-responsive">
  <table class="table table-sm table-hover">
    <thead><tr><th>#</th><th>{{ __('inventory.item') }}</th><th>{{ __('app.quantity') }}</th><th>{{ __('reports.revenue') }}</th><th>{{ __('sales.profit') }}</th></tr></thead>
    <tbody>
      @forelse($rows as $row)
      <tr>
        <td>{{ $loop->iteration }}</td>
        <td>{{ $row->saleable->display_name ?? '—' }}</td>
        <td class="fw-semibold">{{ $row->qty }}</td>
        <td>{{ money($row->revenue) }}</td>
        <td class="{{ $row->profit >= 0 ? 'text-success' : 'text-danger' }} fw-semibold">{{ money($row->profit) }}</td>
      </tr>
      @empty
      <tr><td colspan="5" class="text-center text-secondary py-4">{{ __('app.no_data') }}</td></tr>
      @endforelse
    </tbody>
  </table>
  </div>
</div></div>
@endsection