@extends('layouts.app')
@section('title', __('reports.sales_report'))
@section('content')
<div class="d-flex justify-content-between align-items-center mb-3">
  <h5 class="fw-bold mb-0">{{ __('reports.sales_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-3"><label class="form-label small">{{ __('app.from') }}</label><input type="date" name="from" value="{{ $from }}" class="form-control"></div>
    <div class="col-md-3"><label class="form-label small">{{ __('app.to') }}</label><input type="date" name="to" value="{{ $to }}" class="form-control"></div>
    <div class="col-md-3"><label class="form-label small">{{ __('app.branch') }}</label>
      <select name="branch_id" class="form-select">
        <option value="">{{ __('app.all') }}</option>
        @foreach($branches as $branch)<option value="{{ $branch->id }}" @selected(request('branch_id')==$branch->id)>{{ $branch->name }}</option>@endforeach
      </select></div>
    <div class="col-md-3 d-flex align-items-end"><button class="btn btn-primary w-100">{{ __('app.filter') }}</button></div>
  </form>
</div></div>

<div class="row g-3 mb-3">
  <div class="col-4"><div class="card text-center"><div class="card-body"><div class="fs-4 fw-bold text-primary">{{ $sales->count() }}</div><div class="small text-secondary">{{ __('sales.invoices') }}</div></div></div></div>
  <div class="col-4"><div class="card text-center"><div class="card-body"><div class="fs-4 fw-bold text-success">{{ money($sales->sum('total')) }}</div><div class="small text-secondary">{{ __('app.total') }}</div></div></div></div>
  <div class="col-4"><div class="card text-center"><div class="card-body"><div class="fs-4 fw-bold text-warning">{{ money($sales->sum('due')) }}</div><div class="small text-secondary">{{ __('app.due') }}</div></div></div></div>
</div>

<div class="card mb-3"><div class="card-body">
  <h6 class="fw-bold mb-2">{{ __('app.date') }}</h6>
  <div class="table-responsive">
  <table class="table table-sm table-hover">
    <thead><tr><th>{{ __('app.date') }}</th><th>{{ __('sales.invoices') }}</th><th>{{ __('app.total') }}</th></tr></thead>
    <tbody>
      @foreach($daily as $date => $row)
      <tr><td>{{ $date }}</td><td>{{ $row['count'] }}</td><td class="fw-semibold">{{ money($row['total']) }}</td></tr>
      @endforeach
    </tbody>
  </table>
  </div>
</div></div>

<div class="card"><div class="card-body">
  <div class="table-responsive">
  <table class="table table-sm table-hover">
    <thead><tr><th>{{ __('app.number') }}</th><th>{{ __('app.date') }}</th><th>{{ __('customers.customer') }}</th><th>{{ __('app.branch') }}</th><th>{{ __('app.total') }}</th></tr></thead>
    <tbody>
      @foreach($sales as $sale)
      <tr>
        <td><a href="{{ route('sales.show', $sale) }}" class="text-decoration-none">{{ $sale->number }}</a></td>
        <td>{{ $sale->date->format('Y-m-d') }}</td>
        <td>{{ $sale->customer->name ?? __('pos.walk_in') }}</td>
        <td>{{ $sale->branch->name ?? '' }}</td>
        <td class="fw-semibold">{{ money($sale->total) }}</td>
      </tr>
      @endforeach
    </tbody>
  </table>
  </div>
</div></div>
@endsection