@extends('layouts.app')
@section('title', 'Contractor Ledger: ' . $contractor->name)

@section('content')
    <div class="d-flex justify-content-between align-items-center mb-4">
        <h1 class="page-title"><i class="bi bi-journal-text me-2"></i>Contractor Ledger: {{ $contractor->name }}</h1>
        <div class="d-flex gap-2">
            <a href="{{ route('contractors.export-ledger', ['contractor' => $contractor, 'from' => $from, 'to' => $to]) }}"
                class="btn btn-outline-success">
                <i class="bi bi-download me-1"></i> Export CSV
            </a>
            <a href="{{ route('contractors.show', $contractor) }}" class="btn btn-outline-secondary">
                <i class="bi bi-arrow-left me-1"></i> Back
            </a>
        </div>
    </div>

    <!-- Date Filter -->
    <div class="card card-body mb-4">
        <form method="GET" class="row g-3 align-items-end">
            <div class="col-md-3">
                <label class="form-label">From</label>
                <input type="date" name="from" class="form-control" value="{{ $from }}">
            </div>
            <div class="col-md-3">
                <label class="form-label">To</label>
                <input type="date" name="to" class="form-control" value="{{ $to }}">
            </div>
            <div class="col-md-2">
                <button type="submit" class="btn btn-outline-primary w-100"><i class="bi bi-filter"></i> Filter</button>
            </div>
        </form>
    </div>

    <!-- Summary Cards -->
    <div class="row g-3 mb-4">
        <div class="col-md-3">
            <div class="card text-center">
                <div class="card-body">
                    <div class="text-muted small">Total Agreed</div>
                    <div class="fs-5 fw-bold">৳{{ number_format((float) $contractor->total_agreed, 2) }}</div>
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="card text-center">
                <div class="card-body">
                    <div class="text-muted small">Total Paid</div>
                    <div class="fs-5 fw-bold text-success">৳{{ number_format($summary['total_paid'], 2) }}</div>
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="card text-center">
                <div class="card-body">
                    <div class="text-muted small">Total Due</div>
                    <div class="fs-5 fw-bold text-danger">৳{{ number_format((float) $contractor->total_due, 2) }}</div>
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="card text-center">
                <div class="card-body">
                    <div class="text-muted small">Reversals</div>
                    <div class="fs-5 fw-bold text-warning">৳{{ number_format($summary['total_reversals'], 2) }}</div>
                </div>
            </div>
        </div>
    </div>

    <!-- Ledger Table -->
    <div class="card">
        <div class="table-responsive">
            <table class="table table-hover align-middle mb-0">
                <thead>
                    <tr>
                        <th>Date</th>
                        <th>Type</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>
                    @forelse($entries as $e)
                        <tr>
                            <td>{{ $e['date'] }}</td>
                            <td>
                                @if($e['type'] === 'work_order')
                                    <span class="badge bg-primary">Work Order</span>
                                @else
                                    <span class="badge bg-success">Payment</span>
                                @endif
                            </td>
                            <td>{{ $e['description'] }}</td>
                            <td class="text-end">{{ $e['debit'] > 0 ? '৳' . number_format($e['debit'], 2) : '' }}</td>
                            <td class="text-end text-success">{{ $e['credit'] > 0 ? '৳' . number_format($e['credit'], 2) : '' }}</td>
                            <td class="text-end fw-bold {{ $e['balance'] > 0 ? 'text-danger' : '' }}">
                                ৳{{ number_format($e['balance'], 2) }}
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="6" class="text-center text-muted py-4">No ledger entries found.</td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
@endsection