@extends('backend.layouts.app')
@section('content')
    <h4 class="mb-4">Income Report</h4>
    <form method="GET" class="row g-3 mb-4">
        <div class="col-md-2">
            <label for="start_date" class="form-label">Start Date</label>
            <input type="date" name="start_date" id="start_date" value="{{ request('start_date') }}" class="form-control">
        </div>
        <div class="col-md-2">
            <label for="end_date" class="form-label">End Date</label>
            <input type="date" name="end_date" id="end_date" value="{{ request('end_date') }}" class="form-control">
        </div>
        <div class="col-md-2">
            <label for="income_type_id" class="form-label">Income Type</label>
            <select name="income_type_id" id="income_type_id" class="form-select">
                <option value="">-- All Types --</option>
                @foreach ($incomeTypes as $type)
                    <option value="{{ $type->id }}" {{ request('income_type_id') == $type->id ? 'selected' : '' }}>
                        {{ $type->name }}
                    </option>
                @endforeach
            </select>
        </div>
        <div class="col-md-2">
            <label for="payment_status" class="form-label">Payment Status</label>
            <select name="payment_status" id="payment_status" class="form-select">
                <option value="">-- All --</option>
                <option value="paid" {{ request('payment_status') == 'paid' ? 'selected' : '' }}>Paid</option>
                <option value="unpaid" {{ request('payment_status') == 'unpaid' ? 'selected' : '' }}>Unpaid</option>
            </select>
        </div>

        <div class="col-md-2 d-flex align-items-end">
            <button type="submit" class="btn btn-primary w-100">Filter</button>
        </div>
    </form>

    {{-- Summary --}}
    <div class="row mb-4">
        <div class="col-md-4">
            <div class="card text-white bg-primary p-3">
                <div>Total Income</div>
                <h5>{{ number_format($totalAmount, 2) }}</h5>
            </div>
        </div>
        <div class="col-md-4">
            <div class="card text-white bg-success p-3">
                <div>Total Paid</div>
                <h5>{{ number_format($totalPaid, 2) }}</h5>
            </div>
        </div>
        <div class="col-md-4">
            <div class="card text-white bg-danger p-3">
                <div>Total Unpaid</div>
                <h5>{{ number_format($totalUnpaid, 2) }}</h5>
            </div>
        </div>
    </div>
    {{-- Print Button --}}
    <div class="mb-3">
        <button class="btn btn-secondary" onclick="printIncomeTable()">Print Table</button>
    </div>
    {{-- Table --}}
    <div class="table-responsive">
        <table class="table table-bordered align-middle table-striped">
            <thead class="table-light">
                <tr>
                    <th>#</th>
                    <th>Title</th>
                    <th>Type</th>
                    <th>Amount</th>
                    <th>Status</th>
                    <th>Payment Type</th>
                    <th>Transaction No</th>
                    <th>Received Date</th>
                    <th>Received By</th>
                    <th>Income Date</th>
                    <th>Description</th>
                </tr>
            </thead>
            <tbody>
                @forelse($incomes as $key => $income)
                    <tr>
                        <td>{{ $incomes->firstItem() + $key }}</td>
                        <td>{{ $income->title }}</td>
                        <td>{{ $income->incomeType->name ?? '-' }}</td>
                        <td>{{ number_format($income->amount, 2) }}</td>
                        <td>
                            <span class="badge {{ $income->payment_status == 'paid' ? 'bg-success' : 'bg-danger' }}">
                                {{ ucfirst($income->payment_status) }}
                            </span>
                        </td>
                        <td>{{ ucfirst($income->payment_type ?? '-') }}</td>
                        <td>{{ $income->transaction_no ?? '-' }}</td>
                        <td>{{ $income->received_date ?? '-' }}</td>
                        <td>{{ $income->received_by ?? '-' }}</td>
                        <td>{{ $income->income_date }}</td>
                        <td>{{ $income->description ?? '-' }}</td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="11" class="text-center text-muted">No income records found.</td>
                    </tr>
                @endforelse
            </tbody>
        </table>
    </div>

    {{-- Pagination --}}
    @if ($incomes instanceof \Illuminate\Pagination\LengthAwarePaginator)
        <div class="mt-3">
            {{ $incomes->links('backend.layouts.paginate') }}
        </div>
    @endif
@endsection

@push('script')
    <script>
        function printIncomeTable() {
            const table = document.querySelector('.table-responsive').innerHTML;
            const printWindow = window.open('', '', 'height=800,width=1000');
            printWindow.document.write('<html><head><title>Income Report</title>');
            printWindow.document.write(`<style>
            body { font-family: Arial, sans-serif; padding: 20px; }
            table { width: 100%; border-collapse: collapse; margin-top: 20px; }
            th, td { border: 1px solid #ccc; padding: 8px; text-align: left; }
            .badge { padding: 4px 8px; border-radius: 4px; }
            .bg-success { background-color: #28a745; color: #fff; }
            .bg-danger { background-color: #dc3545; color: #fff; }
        </style>`);
            printWindow.document.write('</head><body>');
            printWindow.document.write('<h3>Income Report</h3>');
            printWindow.document.write(table);
            printWindow.document.write('</body></html>');
            printWindow.document.close();
            printWindow.focus();
            printWindow.print();
            printWindow.close();
        }
    </script>
@endpush