@extends('layouts.app')
@section('title', 'Supplier Ledger')
@section('breadcrumb')
<li class="breadcrumb-item"><a href="#">Reports</a></li>
<li class="breadcrumb-item active">Supplier 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" style="color:#059669;"></i>Supplier Ledger</h1></div>
    @if(isset($supplier))<button onclick="window.print()" class="btn btn-outline-secondary btn-sm"><i class="bi bi-printer me-1"></i>Print</button>@endif
</div>

<div class="card mb-3">
    <div class="card-body py-2">
        <form method="GET" class="row g-2 align-items-center">
            <div class="col-12 col-md-4">
                <select name="supplier_id" class="form-select" onchange="this.form.submit()">
                    <option value="">— Select Supplier —</option>
                    @foreach($suppliers as $s)
                    <option value="{{ $s->id }}" {{ (isset($supplier) && $supplier->id == $s->id) ? 'selected' : '' }}>{{ $s->name }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-auto"><input type="date" name="from" class="form-control form-control-sm" value="{{ isset($from) ? $from->format('Y-m-d') : now()->startOfMonth()->format('Y-m-d') }}"></div>
            <div class="col-auto"><input type="date" name="to" class="form-control form-control-sm" value="{{ isset($to) ? $to->format('Y-m-d') : now()->format('Y-m-d') }}"></div>
            <div class="col-auto"><button type="submit" class="btn btn-primary btn-sm"><i class="bi bi-search me-1"></i>View</button></div>
        </form>
    </div>
</div>

@if(isset($supplier))
<div class="row g-3">
    <div class="col-12 col-md-4">
        <div class="card">
            <div class="card-header fw-600"><i class="bi bi-truck me-2"></i>{{ $supplier->name }}</div>
            <div class="card-body p-0">
                <table class="table table-sm mb-0" style="font-size:.875rem;">
                    <tr><td class="text-muted">Company</td><td>{{ $supplier->company ?? '—' }}</td></tr>
                    <tr><td class="text-muted">Phone</td><td>{{ $supplier->phone ?? '—' }}</td></tr>
                    <tr><td class="text-muted">Period</td><td>{{ $from->format('d M Y') }} — {{ $to->format('d M Y') }}</td></tr>
                    <tr><td class="text-muted">Opening</td><td class="fw-600">৳{{ number_format($summary['opening_balance'],2) }}</td></tr>
                    <tr><td class="text-muted">Total Purchases</td><td class="text-danger fw-600">৳{{ number_format($summary['total_debit'],2) }}</td></tr>
                    <tr><td class="text-muted">Total Paid</td><td class="text-success fw-600">৳{{ number_format($summary['total_credit'],2) }}</td></tr>
                    <tr style="background:#fef2f2;"><td class="fw-700">Closing Due</td><td class="fw-800 text-danger">৳{{ number_format($summary['closing_balance'],2) }}</td></tr>
                </table>
            </div>
        </div>
    </div>
    <div class="col-12 col-md-8">
        <div class="card">
            <div class="card-header fw-600">Transaction Ledger</div>
            <div class="card-body p-0" style="max-height:500px;overflow-y:auto;">
                <table class="table table-sm mb-0" style="font-size:.82rem;">
                    <thead style="position:sticky;top:0;background:#f8fafc;z-index:1;">
                        <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>
                        <tr style="background:#f0fdf4;">
                            <td colspan="4" class="fw-600 text-success">Opening Balance</td>
                            <td class="text-end fw-600">৳{{ number_format($summary['opening_balance'],2) }}</td>
                            <td>—</td>
                            <td class="text-end fw-700">৳{{ number_format($summary['opening_balance'],2) }}</td>
                        </tr>
                        @forelse($rows as $row)
                        <tr>
                            <td style="white-space:nowrap;">{{ \Carbon\Carbon::parse($row['date'])->format('d M Y') }}</td>
                            <td><span class="badge {{ $row['type']==='purchase' ? 'bg-warning text-dark' : 'bg-success' }}" style="font-size:.65rem;">{{ ucfirst($row['type']) }}</span></td>
                            <td>
                                @if($row['link'])<a href="{{ $row['link'] }}" style="font-family:monospace;font-size:.8rem;color:#059669;text-decoration:none;">{{ $row['reference'] }}</a>
                                @else<code style="font-size:.8rem;">{{ $row['reference'] }}</code>@endif
                            </td>
                            <td>{{ $row['desc'] }}</td>
                            <td class="text-end text-danger">{{ $row['debit'] > 0 ? '৳'.number_format($row['debit'],2) : '—' }}</td>
                            <td class="text-end text-success">{{ $row['credit'] > 0 ? '৳'.number_format($row['credit'],2) : '—' }}</td>
                            <td class="text-end fw-700" 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 in this period</td></tr>
                        @endforelse
                    </tbody>
                    <tfoot style="background:#f8fafc;position:sticky;bottom:0;">
                        <tr>
                            <td colspan="4" class="fw-700 text-end">Totals:</td>
                            <td class="text-end fw-700 text-danger">৳{{ number_format($summary['total_debit'],2) }}</td>
                            <td class="text-end fw-700 text-success">৳{{ number_format($summary['total_credit'],2) }}</td>
                            <td class="text-end fw-800" style="color:{{ $summary['closing_balance'] > 0 ? '#dc2626' : '#059669' }};font-size:.95rem;">৳{{ number_format($summary['closing_balance'],2) }}</td>
                        </tr>
                    </tfoot>
                </table>
            </div>
        </div>
    </div>
</div>
@else
<div class="card"><div class="card-body text-center py-5 text-muted">
    <i class="bi bi-journal-text" style="font-size:3rem;display:block;margin-bottom:1rem;color:#cbd5e1;"></i>
    <p>Select a supplier above to view their transaction ledger.</p>
</div></div>
@endif
@endsection