@extends('layouts.app')

@section('title', 'Trial Balance')

@section('content')
    <div class="d-flex justify-content-between align-items-center mb-4">
        <h4 class="mb-0"><i class="bi bi-calculator me-2"></i>Trial Balance</h4>
    </div>

    {{-- Date Filter --}}
    <div class="card mb-3">
        <div class="card-body py-2">
            <form method="GET" class="row g-2 align-items-end">
                <div class="col-md-3">
                    <label class="form-label mb-0 small">Start Date</label>
                    <input type="date" name="start_date" class="form-control form-control-sm" value="{{ $startDate }}">
                </div>
                <div class="col-md-3">
                    <label class="form-label mb-0 small">End Date</label>
                    <input type="date" name="end_date" class="form-control form-control-sm" value="{{ $endDate }}">
                </div>
                <div class="col-md-3 d-flex gap-2">
                    <button class="btn btn-sm btn-primary"><i class="bi bi-funnel me-1"></i>Filter</button>
                    <a href="{{ route('accounting.trial-balance') }}" class="btn btn-sm btn-outline-secondary">All Time</a>
                </div>
            </form>
        </div>
    </div>

    {{-- Summary Card --}}
    <div class="row mb-4">
        <div class="col-md-4">
            <div class="card border-start border-success border-3">
                <div class="card-body">
                    <div class="text-muted small">Total Debits</div>
                    <div class="fs-5 fw-bold text-success">৳ {{ number_format($summary['total_debit'], 2) }}</div>
                </div>
            </div>
        </div>
        <div class="col-md-4">
            <div class="card border-start border-danger border-3">
                <div class="card-body">
                    <div class="text-muted small">Total Credits</div>
                    <div class="fs-5 fw-bold text-danger">৳ {{ number_format($summary['total_credit'], 2) }}</div>
                </div>
            </div>
        </div>
        <div class="col-md-4">
            <div class="card border-start border-{{ $summary['is_balanced'] ? 'primary' : 'warning' }} border-3">
                <div class="card-body">
                    <div class="text-muted small">Difference</div>
                    <div class="fs-5 fw-bold">
                        @if ($summary['is_balanced'])
                            <span class="text-success"><i class="bi bi-check-circle me-1"></i>Balanced</span>
                        @else
                            <span class="text-danger">৳ {{ number_format($summary['difference'], 2) }}</span>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>

    {{-- Account Breakdown --}}
    <div class="card">
        <div class="card-header"><strong>Account-wise Breakdown</strong></div>
        <div class="card-body p-0">
            <table class="table table-hover mb-0">
                <thead>
                    <tr>
                        <th>Code</th>
                        <th>Account Name</th>
                        <th>Type</th>
                        <th class="text-end">Total Debit</th>
                        <th class="text-end">Total Credit</th>
                        <th class="text-end">Balance</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse ($accounts as $acct)
                        @php
                            $d = (float) $acct['total_debit'];
                            $c = (float) $acct['total_credit'];
                            $isDebitNormal = in_array($acct['account_type'], ['asset', 'expense']);
                            $balance = $isDebitNormal ? ($d - $c) : ($c - $d);
                        @endphp
                        <tr>
                            <td class="fw-semibold">{{ $acct['account_code'] }}</td>
                            <td>{{ $acct['account_name'] }}</td>
                            <td><span
                                    class="badge bg-{{ match ($acct['account_type']) { 'asset' => 'info', 'liability' => 'warning', 'equity' => 'secondary', 'revenue' => 'success', 'expense' => 'danger'} }}">{{ ucfirst($acct['account_type']) }}</span>
                            </td>
                            <td class="text-end">৳ {{ number_format($d, 2) }}</td>
                            <td class="text-end">৳ {{ number_format($c, 2) }}</td>
                            <td class="text-end fw-semibold {{ $balance >= 0 ? 'text-success' : 'text-danger' }}">
                                ৳ {{ number_format(abs($balance), 2) }} {{ $balance < 0 ? 'Cr' : 'Dr' }}
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="6" class="text-center text-muted py-4">No transactions found.</td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
@endsection