@extends('layouts.app')

@section('title', $deal->title . ' — Hisab')

@section('content')
@php
function bdt($n) { return '৳ ' . number_format($n, 2); }
@endphp

<div class="mx-auto max-w-4xl space-y-6">
    <div class="flex items-center gap-2 text-sm text-muted-foreground">
        <a href="{{ route('deals.index') }}" class="hover:text-primary">Deals</a>
        <span>/</span>
        <span class="text-foreground">{{ $deal->title }}</span>
    </div>

    <div class="flex items-end justify-between">
        <div>
            <h1 class="font-display text-3xl font-semibold tracking-tight">{{ $deal->title }}</h1>
            <p class="text-sm text-muted-foreground">{{ $deal->created_at->format('M d, Y') }} · {{ $deal->status }}</p>
        </div>
        <form method="POST" action="{{ route('deals.update', $deal) }}">
            @csrf @method('PUT')
            <input type="hidden" name="status" value="{{ $deal->status === 'open' ? 'closed' : 'open' }}">
            <button type="submit" class="rounded-md border border-border px-3 py-2 text-sm hover:bg-accent">{{ $deal->status === 'open' ? 'Close deal' : 'Reopen deal' }}</button>
        </form>
    </div>

    <div class="grid gap-4 md:grid-cols-3">
        <div class="rounded-2xl border border-border bg-card p-4">
            <div class="text-[10px] uppercase text-muted-foreground">bKash out</div>
            <div class="mt-1 font-display text-xl font-semibold text-red-500">{{ bdt($deal->cashIn()) }}</div>
        </div>
        <div class="rounded-2xl border border-border bg-card p-4">
            <div class="text-[10px] uppercase text-muted-foreground">Bank in</div>
            <div class="mt-1 font-display text-xl font-semibold text-emerald-500">{{ bdt($deal->bankIn()) }}</div>
        </div>
        <div class="rounded-2xl border border-border bg-card p-4">
            <div class="text-[10px] uppercase text-muted-foreground">Net</div>
            <div class="mt-1 font-display text-xl font-semibold {{ $deal->net() >= 0 ? 'text-emerald-500' : 'text-red-500' }}">{{ $deal->net() >= 0 ? '+' : '−' }} {{ bdt(abs($deal->net())) }}</div>
        </div>
    </div>

    <div class="rounded-2xl border border-border bg-card p-5">
        <h2 class="font-display text-lg font-semibold mb-4">Deal transactions</h2>
        <div class="overflow-x-auto">
            <table class="w-full text-sm">
                <thead>
                    <tr class="border-b border-border/60 text-left text-xs uppercase tracking-wider text-muted-foreground">
                        <th class="px-3 py-3">Date</th>
                        <th class="px-3 py-3">Wallet</th>
                        <th class="px-3 py-3">Type</th>
                        <th class="px-3 py-3">Direction</th>
                        <th class="px-3 py-3 text-right">Amount</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse ($deal->transactions as $t)
                        <tr class="border-b border-border/40">
                            <td class="px-3 py-3">{{ $t->occurred_at->format('M d, Y') }}</td>
                            <td class="px-3 py-3">{{ $t->wallet->name }}</td>
                            <td class="px-3 py-3">{{ $t->type }}</td>
                            <td class="px-3 py-3">{{ $t->direction }}</td>
                            <td class="px-3 py-3 text-right font-display {{ $t->direction === 'in' ? 'text-emerald-500' : 'text-red-500' }}">{{ $t->direction === 'in' ? '+' : '−' }} {{ bdt($t->amount) }}</td>
                        </tr>
                    @empty
                        <tr><td colspan="5" class="px-3 py-10 text-center text-muted-foreground">Ekhono kono transaction nei.</td></tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
</div>
@endsection