@extends('layouts.app') @section('page_title','Calendar') @section('content')
<div class="flex justify-between mb-4"><div><h2 class="text-[18px] font-semibold">Financial Calendar</h2><p class="fp-muted text-[11px] mt-1">Transactions and loan due dates by effective date.</p></div><form class="flex gap-2"><select name="year" class="fp-input !w-24">@for($y=$month->year-1;$y<=$month->year+1;$y++)<option {{$y==$month->year?'selected':''}}>{{$y}}</option>@endfor</select><select name="month" class="fp-input !w-32">@for($m=1;$m<=12;$m++)<option value="{{$m}}" {{$m==$month->month?'selected':''}}>{{Carbon\Carbon::create()->month($m)->format('F')}}</option>@endfor</select><button class="fp-btn fp-soft">Apply</button></form></div>
<div class="fp-card p-3"><div class="grid grid-cols-7 text-[10px] font-semibold fp-muted mb-1">@foreach(['Sun','Mon','Tue','Wed','Thu','Fri','Sat'] as $d)<div class="p-2">{{$d}}</div>@endforeach</div><div class="grid grid-cols-7">@for($i=0;$i<$month->copy()->startOfMonth()->dayOfWeek;$i++)<div class="calendar-day bg-slate-50/50 dark:bg-slate-900/30"></div>@endfor @for($day=1;$day<=$month->daysInMonth;$day++) @php($dateKey=$month->copy()->day($day)->format('Y-m-d'))<div class="calendar-day p-2"><div class="text-[10px] font-semibold">{{$day}}</div>@foreach(($transactions[$dateKey]??collect())->take(3) as $t)<div class="mt-1 px-1.5 py-1 rounded bg-violet-50 text-violet-700 dark:bg-violet-950/30 dark:text-violet-300 text-[8px] truncate">{{$t->type}} · ৳{{number_format($t->amount,0)}}</div>@endforeach @foreach($loans->where('due_date',
$month->copy()->day($day)) as $l)<div class="mt-1 px-1.5 py-1 rounded bg-red-50 text-red-600 text-[8px] truncate">Loan due · {{$l->contact?->name}}</div>@endforeach</div>@endfor</div></div>
@endsection