@extends('layouts.app')
@section('title', 'Ledger: '.$customer->name)
@section('breadcrumb')
<li class="breadcrumb-item"><a href="{{ route('customers.index') }}">Customers</a></li>
<li class="breadcrumb-item"><a href="{{ route('customers.show', $customer) }}">{{ $customer->name }}</a></li>
<li class="breadcrumb-item active">Ledger</li>
@endsection
@section('content')

<div class="page-header d-flex justify-content-between align-items-center">
    <div>
        <h1 class="page-title"><i class="bi bi-journal-text me-2"></i>Customer Ledger</h1>
        <p class="page-subtitle">{{ $customer->name }} — Complete transaction history</p>
    </div>
    <button onclick="window.print()" class="btn btn-outline-secondary btn-sm">
        <i class="bi bi-printer me-1"></i> Print
    </button>
</div>

<div class="row g-3 mb-3">
    <div class="col-6 col-md-3">
        <div class="stat-card">
            <div class="stat-icon" style="background:#dbeafe;"><i class="bi bi-arrow-up-circle" style="color:#1d4ed8;"></i></div>
            <div><div class="stat-value" style="font-size:1.1rem;">৳{{ number_format($ledger->sum('debit'), 2) }}</div><div class="stat-label">Total Debit</div></div>
        </div>
    </div>
    <div class="col-6 col-md-3">
        <div class="stat-card">
            <div class="stat-icon" style="background:#d1fae5;"><i class="bi bi-arrow-down-circle" style="color:#059669;"></i></div>
            <div><div class="stat-value" style="font-size:1.1rem;">৳{{ number_format($ledger->sum('credit'), 2) }}</div><div class="stat-label">Total Credit</div></div>
        </div>
    </div>
    <div class="col-6 col-md-3">
        <div class="stat-card">
            <div class="stat-icon" style="background:{{ $customer->current_due > 0 ? '#fee2e2' : '#d1fae5' }};"><i class="bi bi-wallet2" style="color:{{ $customer->current_due > 0 ? '#dc2626' : '#059669' }};"></i></div>
            <div><div class="stat-value" style="color:{{ $customer->current_due > 0 ? '#dc2626' : '#059669' }};font-size:1.1rem;">৳{{ number_format($customer->current_due, 2) }}</div><div class="stat-label">Current Due</div></div>
        </div>
    </div>
</div>

<div class="card">
    <div class="card-header"><i class="bi bi-table me-2"></i>Transaction Ledger</div>
    <div class="card-body p-0">
        <div class="table-responsive">
            <table class="table mb-0" style="font-size:.85rem;">
                <thead>
                    <tr>
                        <th>Date</th>
                        <th>Type</th>
                        <th>Reference</th>
                        <th>Description</th>
                        <th class="text-end">Debit (৳)</th>
                        <th class="text-end">Credit (৳)</th>
                        <th class="text-end">Balance (৳)</th>
                    </tr>
                </thead>
                <tbody>
                    {{-- Opening Balance Row --}}
                    <tr style="background:#f0f9ff;">
                        <td colspan="4" class="fw-600" style="color:#1d4ed8;">Opening Balance</td>
                        <td class="text-end fw-600">৳{{ number_format($customer->opening_balance, 2) }}</td>
                        <td class="text-end">—</td>
                        <td class="text-end fw-700">৳{{ number_format($customer->opening_balance, 2) }}</td>
                    </tr>
                    @forelse($ledger as $row)
                    <tr class="{{ $row['type'] === 'payment' ? '' : '' }}">
                        <td>{{ \Carbon\Carbon::parse($row['date'])->format('d M Y') }}</td>
                        <td>
                            <span class="badge {{ $row['type'] === 'sale' ? 'bg-primary' : 'bg-success' }}" style="font-size:.68rem;">
                                {{ ucfirst($row['type']) }}
                            </span>
                        </td>
                        <td>
                            @if($row['link'])
                            <a href="{{ $row['link'] }}" style="color:#1d4ed8;font-family:monospace;font-size:.82rem;text-decoration:none;">{{ $row['reference'] }}</a>
                            @else
                            <span style="font-family:monospace;font-size:.82rem;">{{ $row['reference'] }}</span>
                            @endif
                        </td>
                        <td>{{ $row['description'] }}</td>
                        <td class="text-end">
                            @if($row['debit'] > 0)
                            <span style="color:#dc2626;">৳{{ number_format($row['debit'], 2) }}</span>
                            @else —
                            @endif
                        </td>
                        <td class="text-end">
                            @if($row['credit'] > 0)
                            <span style="color:#059669;">৳{{ number_format($row['credit'], 2) }}</span>
                            @else —
                            @endif
                        </td>
                        <td class="text-end fw-600" style="color:{{ $row['balance'] > 0 ? '#dc2626' : '#059669' }};">
                            ৳{{ number_format($row['balance'], 2) }}
                        </td>
                    </tr>
                    @empty
                    <tr><td colspan="7" class="text-center py-4 text-muted">No transactions yet</td></tr>
                    @endforelse
                </tbody>
                <tfoot style="background:#f8fafc;">
                    <tr>
                        <td colspan="4" class="fw-700 text-end">Closing Balance:</td>
                        <td class="text-end fw-700 text-danger">৳{{ number_format($ledger->sum('debit'), 2) }}</td>
                        <td class="text-end fw-700 text-success">৳{{ number_format($ledger->sum('credit'), 2) }}</td>
                        <td class="text-end fw-800" style="color:{{ $customer->current_due > 0 ? '#dc2626' : '#059669' }};font-size:1rem;">
                            ৳{{ number_format($customer->current_due, 2) }}
                        </td>
                    </tr>
                </tfoot>
            </table>
        </div>
    </div>
</div>

@endsection