@extends('layouts.app')
@section('title', __('reports.customers_report'))
@section('content')
<div class="d-flex justify-content-between align-items-center mb-3">
  <h5 class="fw-bold mb-0">{{ __('reports.customers_report') }}</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>{{ __('customers.customer') }}</th><th>{{ __('app.phone') }}</th><th>{{ __('sales.invoices') }}</th><th>{{ __('app.total') }}</th></tr></thead>
    <tbody>
      @forelse($rows as $row)
      <tr>
        <td>{{ $loop->iteration }}</td>
        <td><a href="{{ route('customers.show', $row) }}" class="text-decoration-none">{{ $row->name }}</a></td>
        <td dir="ltr">{{ $row->phone }}</td>
        <td>{{ $row->sales_count }}</td>
        <td class="fw-semibold">{{ money($row->sales_total) }}</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