@extends('layouts.app')
@section('title','Reports')
@section('content')
<div class="d-flex flex-wrap justify-content-between align-items-center gap-2 mb-3">
  <h1 class="h4 mb-0">Reports</h1>
  <form class="d-flex gap-2 flex-wrap"><input type="date" name="from" value="{{ $from }}" class="form-control" style="width:auto"><input type="date" name="to" value="{{ $to }}" class="form-control" style="width:auto"><button class="btn btn-primary">Show</button><button type="button" class="btn btn-outline-secondary" onclick="window.print()">Print</button></form>
</div>
<div class="row g-3 mb-4">
  <div class="col-6 col-lg-3"><div class="stat"><div class="n">@money($cash)</div><div class="l">Money received</div></div></div>
  <div class="col-6 col-lg-3"><div class="stat warn"><div class="n">@money($expenses)</div><div class="l">Expenses</div></div></div>
  <div class="col-6 col-lg-3"><div class="stat {{ $net < 0 ? 'bad' : '' }}"><div class="n">@money($net)</div><div class="l">Cash left (received - expenses)</div></div></div>
  <div class="col-6 col-lg-3"><div class="stat"><div class="n">@money($grossProfit)</div><div class="l">Gross profit (sales - parts cost)</div></div></div>
  <div class="col-6 col-lg-3"><div class="stat"><div class="n">@money($sales)</div><div class="l">Sales invoiced (before tax)</div></div></div>
  <div class="col-6 col-lg-3"><div class="stat"><div class="n">@money($partsCost)</div><div class="l">Parts cost on those invoices</div></div></div>
  <div class="col-6 col-lg-3"><div class="stat"><div class="n">@money($gst)</div><div class="l">GST collected on invoices</div></div></div>
  <div class="col-6 col-lg-3"><div class="stat"><div class="n">@money($pst)</div><div class="l">PST collected on invoices</div></div></div>
</div>
<div class="row g-3">
  <div class="col-lg-6"><div class="panel"><div class="panel-h">Daily takings</div><div class="table-responsive"><table class="table mb-0"><thead><tr><th>Date</th><th class="text-end">Payments</th><th class="text-end">Amount</th></tr></thead>
    <tbody>@forelse($daily as $d)<tr><td>{{ \Carbon\Carbon::parse($d->d)->format('D, M j') }}</td><td class="text-end">{{ $d->n }}</td><td class="text-end">@money($d->total)</td></tr>@empty<tr><td colspan="3" class="p-3 text-muted">No payments in this period.</td></tr>@endforelse</tbody></table></div></div></div>
  <div class="col-lg-6">
    <div class="panel mb-3"><div class="panel-h">By payment method</div><ul class="list-group list-group-flush">@forelse($byMethod as $m)<li class="list-group-item d-flex justify-content-between"><span>{{ $m->method }}</span><span>@money($m->total)</span></li>@empty<li class="list-group-item text-muted">None.</li>@endforelse</ul></div>
    <div class="panel mb-3"><div class="panel-h">Technician workload</div><ul class="list-group list-group-flush">@forelse($byTech as $t)<li class="list-group-item d-flex justify-content-between"><span>{{ $t->technician->name ?? 'Unknown' }}</span><span>{{ $t->jobs }} jobs &middot; {{ $t->done }} delivered</span></li>@empty<li class="list-group-item text-muted">No assigned jobs.</li>@endforelse</ul></div>
    <div class="panel"><div class="panel-h">Jobs by device type</div><ul class="list-group list-group-flush">@forelse($byDevice as $d)<li class="list-group-item d-flex justify-content-between"><span>{{ $d->device_type }}</span><span>{{ $d->n }}</span></li>@empty<li class="list-group-item text-muted">No jobs.</li>@endforelse</ul></div>
  </div>
  <div class="col-12"><div class="panel"><div class="panel-h">Unpaid balances (all time)</div><div class="table-responsive"><table class="table mb-0"><thead><tr><th>Invoice</th><th>Date</th><th>Customer</th><th>Phone</th><th class="text-end">Balance</th></tr></thead>
    <tbody>@forelse($owing as $i)<tr><td><a href="{{ route('invoices.show', $i) }}">{{ $i->invoice_no }}</a></td><td>{{ $i->issue_date->format('M j, Y') }}</td><td>{{ $i->customer->name }}</td><td>{{ $i->customer->phone }}</td><td class="text-end">@money($i->balance())</td></tr>@empty<tr><td colspan="5" class="p-3 text-muted">Nobody owes money.</td></tr>@endforelse</tbody></table></div></div></div>
</div>
@endsection