@extends('layout',['heading'=>__('ui.monthly_revenue_report')])
@section('content')
<div class="flex flex-wrap items-center justify-between gap-3 mb-5">
  <div><h2 class="text-xl font-bold">{{ __('ui.monthly_revenue_report') }}</h2><p class="text-slate-500">{{ __('ui.revenue_report_intro') }}</p></div>
  <a class="btn" href="/admin/dashboard">{{ __('ui.back_to_system_dashboard') }}</a>
</div>
<form method="get" class="card p-4 grid md:grid-cols-3 gap-3 mb-5">
  <label class="text-sm">{{ __('ui.from_date') }}<input class="input" type="date" name="from" value="{{ $from }}"></label>
  <label class="text-sm">{{ __('ui.to_date') }}<input class="input" type="date" name="to" value="{{ $to }}"></label>
  <div class="flex items-end gap-2"><button class="btn">{{ __('ui.filter_report') }}</button><a class="btn bg-slate-400" href="/admin/revenue-report">{{ __('ui.clear_filter') }}</a></div>
</form>
<div class="grid md:grid-cols-3 gap-4 mb-6">
  <div class="card p-5"><p class="text-slate-500">{{ __('ui.total_cash') }}</p><b class="text-2xl text-emerald-700">{{ number_format($totals['cash'],2) }} {{ __('ui.currency') }}</b></div>
  <div class="card p-5"><p class="text-slate-500">{{ __('ui.total_instapay') }}</p><b class="text-2xl text-blue-700">{{ number_format($totals['instapay'],2) }} {{ __('ui.currency') }}</b></div>
  <div class="card p-5"><p class="text-slate-500">{{ __('ui.grand_total') }}</p><b class="text-2xl text-cyan-700">{{ number_format($totals['total'],2) }} {{ __('ui.currency') }}</b></div>
</div>
<div class="card p-5 mb-5 overflow-x-auto"><h3 class="font-bold mb-4">{{ __('ui.monthly_activity') }}</h3><table class="w-full text-right"><thead class="border-b text-slate-500"><tr><th class="p-3">{{ __('ui.month') }}</th><th class="p-3">{{ __('ui.transaction_count') }}</th><th class="p-3">{{ __('ui.cash') }}</th><th class="p-3">{{ __('ui.instapay') }}</th><th class="p-3">{{ __('ui.grand_total') }}</th></tr></thead><tbody>@forelse($payments as $row)<tr class="border-b"><td class="p-3 font-bold">{{ $row->month }}</td><td class="p-3">{{ $row->payments_count }}</td><td class="p-3 text-emerald-700">{{ number_format($row->cash_total,2) }} {{ __('ui.currency') }}</td><td class="p-3 text-blue-700">{{ number_format($row->instapay_total,2) }} {{ __('ui.currency') }}</td><td class="p-3 font-bold">{{ number_format($row->total,2) }} {{ __('ui.currency') }}</td></tr>@empty<tr><td colspan="5" class="p-6 text-center text-slate-500">{{ __('ui.no_revenue_period') }}</td></tr>@endforelse</tbody></table></div>
<div class="card p-5 overflow-x-auto"><h3 class="font-bold mb-4">{{ __('ui.revenue_by_clinic') }}</h3><table class="w-full text-right"><thead class="border-b text-slate-500"><tr><th class="p-3">{{ __('ui.code') }}</th><th class="p-3">{{ __('ui.clinic') }}</th><th class="p-3">{{ __('ui.cash') }}</th><th class="p-3">{{ __('ui.instapay') }}</th><th class="p-3">{{ __('ui.grand_total') }}</th></tr></thead><tbody>@forelse($byClinic as $row)<tr class="border-b"><td class="p-3">{{ $row->code }}</td><td class="p-3 font-bold">{{ $row->name }}</td><td class="p-3 text-emerald-700">{{ number_format($row->cash_total,2) }} {{ __('ui.currency') }}</td><td class="p-3 text-blue-700">{{ number_format($row->instapay_total,2) }} {{ __('ui.currency') }}</td><td class="p-3 font-bold">{{ number_format($row->total,2) }} {{ __('ui.currency') }}</td></tr>@empty<tr><td colspan="5" class="p-6 text-center text-slate-500">{{ __('ui.no_data') }}</td></tr>@endforelse</tbody></table></div>
@endsection
<style>.input{border:1px solid #cbd5e1;border-radius:.5rem;padding:.55rem;width:100%;margin-top:.25rem}.btn{background:#0e7490;color:white;border-radius:.5rem;padding:.6rem .9rem;display:inline-block}</style>