@extends('layouts.app')

@section('title', "Ledger: {$mediaAgent->name}")

@section('content')
    <div class="d-flex justify-content-between align-items-center mb-4">
        <div class="d-flex align-items-center">
            <a href="{{ route('media.show', $mediaAgent) }}" class="btn btn-outline-secondary me-3"><i
                    class="bi bi-arrow-left"></i></a>
            <div>
                <h1 class="h3 mb-0"><i class="bi bi-journal-text me-2"></i>Media Agent Ledger</h1>
                <small class="text-muted">{{ $mediaAgent->name }} — {{ $mediaAgent->company_name ?? 'Independent' }}</small>
            </div>
        </div>
        <a href="{{ route('media.export-ledger', array_merge(['mediaAgent' => $mediaAgent->id], request()->only('from', 'to'))) }}"
            class="btn btn-outline-success">
            <i class="bi bi-download me-1"></i> Export CSV
        </a>
    </div>

    {{-- Date Filter --}}
    <div class="card mb-4">
        <div class="card-body py-3">
            <form method="GET" class="row g-2 align-items-end">
                <div class="col-md-3">
                    <label class="form-label form-label-sm">From</label>
                    <input type="date" name="from" class="form-control form-control-sm" value="{{ $from }}">
                </div>
                <div class="col-md-3">
                    <label class="form-label form-label-sm">To</label>
                    <input type="date" name="to" class="form-control form-control-sm" value="{{ $to }}">
                </div>
                <div class="col-md-2">
                    <button type="submit" class="btn btn-sm btn-primary w-100">
                        <i class="bi bi-funnel me-1"></i> Filter
                    </button>
                </div>
                <div class="col-md-2">
                    <a href="{{ route('media.ledger', $mediaAgent) }}"
                        class="btn btn-sm btn-outline-secondary w-100">Clear</a>
                </div>
            </form>
        </div>
    </div>

    {{-- Summary Cards --}}
    <div class="row g-3 mb-4">
        <div class="col-md-4">
            <div class="stat-card stat-primary">
                <div class="stat-icon"><i class="bi bi-receipt"></i></div>
                <div class="stat-info">
                    <h3>{{ number_format($summary['total_generated'], 2) }}</h3>
                    <p>Total Commission Generated</p>
                </div>
            </div>
        </div>
        <div class="col-md-4">
            <div class="stat-card stat-success">
                <div class="stat-icon"><i class="bi bi-check-circle"></i></div>
                <div class="stat-info">
                    <h3>{{ number_format($summary['total_paid'], 2) }}</h3>
                    <p>Total Paid</p>
                </div>
            </div>
        </div>
        <div class="col-md-4">
            <div class="stat-card stat-danger">
                <div class="stat-icon"><i class="bi bi-exclamation-circle"></i></div>
                <div class="stat-info">
                    <h3>{{ number_format($summary['total_due'], 2) }}</h3>
                    <p>Outstanding Due</p>
                </div>
            </div>
        </div>
    </div>

    {{-- Ledger Table --}}
    <div class="card">
        <div class="table-responsive">
            <table class="table table-hover 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 class="{{ $e['type'] === 'payment' ? 'table-success-subtle' : '' }}">
                            <td>{{ \Carbon\Carbon::parse($e['date'])->format('d M Y') }}</td>
                            <td>
                                @if ($e['type'] === 'deal_link')
                                    <span class="badge bg-primary">Deal Link</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-semibold {{ $e['balance'] > 0 ? 'text-danger' : 'text-success' }}">
                                {{ number_format($e['balance'], 2) }}
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="6" class="text-center py-4 text-muted">
                                <i class="bi bi-inbox fs-3 d-block mb-2"></i> No ledger entries found.
                            </td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
@endsection