@extends('layouts.dashboard')
@section('title','Daily Work Report')
@section('page-title','Daily Work Report')
@section('content')
<div class="mx-auto max-w-5xl space-y-6"><section class="rounded-3xl bg-gradient-to-br from-slate-950 to-cyan-950 p-6 text-white"><div class="text-xs font-black uppercase tracking-widest text-cyan-300">{{$report['report_date']}}</div><h2 class="mt-2 text-3xl font-black">{{$report['salesman_name']}} DWR</h2><p class="mt-2 text-slate-300">{{$report['visit_count']}} visits · AED {{number_format($report['sales_total'],2)}} sales · AED {{number_format($report['collection_total'],2)}} operational collections</p></section>
<div class="grid gap-4 sm:grid-cols-3"><div class="rounded-3xl border border-base-300 bg-base-100 p-5"><div class="text-xs font-black uppercase opacity-50">Sales</div><div class="mt-2 text-2xl font-black">AED {{number_format($report['sales_total'],2)}}</div></div><div class="rounded-3xl border border-base-300 bg-base-100 p-5"><div class="text-xs font-black uppercase opacity-50">Collections v1</div><div class="mt-2 text-2xl font-black">AED {{number_format($report['collection_total'],2)}}</div></div><div class="rounded-3xl border border-base-300 bg-base-100 p-5"><div class="text-xs font-black uppercase opacity-50">Visits</div><div class="mt-2 text-2xl font-black">{{$report['visit_count']}}</div></div></div>
<section class="rounded-3xl border border-base-300 bg-base-100 p-6"><div class="mb-4 flex items-center justify-between"><h3 class="text-xl font-black">WhatsApp-ready preview</h3><button type="button" class="btn btn-sm btn-primary" onclick="navigator.clipboard.writeText(document.getElementById('dwr-text').innerText)">Copy</button></div><pre id="dwr-text" class="whitespace-pre-wrap break-words rounded-2xl bg-base-200 p-5 font-sans">{{$report['generated_text']}}</pre></section></div>
@endsection