@extends('layouts.app')
@section('title', 'ইনভয়েস তালিকা')
@section('page-title', 'বিলিং ও ইনভয়েস')

@section('content')

{{-- Summary Cards --}}
<div class="row g-3 mb-4">
    <div class="col-6 col-md-3">
        <div class="card stat-card text-center py-3 border-start border-4 border-primary">
            <i class="bi bi-receipt text-primary fs-3 mb-1"></i>
            <div class="fs-3 fw-bold">৳{{ number_format($summary['total'], 0) }}</div>
            <div class="small text-muted">মোট বিল</div>
        </div>
    </div>
    <div class="col-6 col-md-3">
        <div class="card stat-card text-center py-3 border-start border-4 border-success">
            <i class="bi bi-check-circle-fill text-success fs-3 mb-1"></i>
            <div class="fs-3 fw-bold text-success">৳{{ number_format($summary['paid'], 0) }}</div>
            <div class="small text-muted">পরিশোধিত</div>
        </div>
    </div>
    <div class="col-6 col-md-3">
        <div class="card stat-card text-center py-3 border-start border-4 border-danger">
            <i class="bi bi-exclamation-circle text-danger fs-3 mb-1"></i>
            <div class="fs-3 fw-bold text-danger">৳{{ number_format($summary['due'], 0) }}</div>
            <div class="small text-muted">মোট বকেয়া</div>
        </div>
    </div>
    <div class="col-6 col-md-3">
        <div class="card stat-card text-center py-3 border-start border-4 border-dark">
            <i class="bi bi-clock-history text-dark fs-3 mb-1"></i>
            <div class="fs-3 fw-bold text-dark">৳{{ number_format($summary['overdue'], 0) }}</div>
            <div class="small text-muted">মেয়াদোত্তীর্ণ</div>
        </div>
    </div>
</div>

{{-- Quick links --}}
<div class="d-flex gap-2 mb-4">
    <a href="{{ route('admin.invoices.index') }}" class="btn btn-primary btn-sm">
        <i class="bi bi-list me-1"></i>সব ইনভয়েস
    </a>
    <a href="{{ route('admin.invoices.due-report') }}" class="btn btn-outline-danger btn-sm">
        <i class="bi bi-exclamation-circle me-1"></i>বকেয়া রিপোর্ট
    </a>
</div>

{{-- Filter --}}
<div class="card stat-card mb-4">
    <div class="card-body py-3">
        <form method="GET" class="row g-2">
            <div class="col-md-4">
                <input type="text" name="search" value="{{ request('search') }}"
                    class="form-control form-control-sm" placeholder="ইনভয়েস নং বা গ্রাহকের নাম...">
            </div>
            <div class="col-md-2">
                <select name="status" class="form-select form-select-sm">
                    <option value="">সব স্ট্যাটাস</option>
                    <option value="paid" {{ request('status') === 'paid' ? 'selected' : '' }}>পরিশোধিত</option>
                    <option value="partial" {{ request('status') === 'partial' ? 'selected' : '' }}>আংশিক</option>
                    <option value="unpaid" {{ request('status') === 'unpaid' ? 'selected' : '' }}>বকেয়া</option>
                    <option value="overdue" {{ request('status') === 'overdue' ? 'selected' : '' }}>মেয়াদোত্তীর্ণ</option>
                </select>
            </div>
            <div class="col-md-2">
                <input type="date" name="date" value="{{ request('date') }}" class="form-control form-control-sm">
            </div>
            <div class="col-md-1">
                <button type="submit" class="btn btn-primary btn-sm w-100"><i class="bi bi-search"></i></button>
            </div>
            <div class="col-md-1">
                <a href="{{ route('admin.invoices.index') }}" class="btn btn-outline-secondary btn-sm w-100"><i class="bi bi-x"></i></a>
            </div>
        </form>
    </div>
</div>

{{-- Table --}}
<div class="card stat-card">
    <div class="card-body p-0">
        <div class="table-responsive">
            <table class="table table-hover mb-0 align-middle">
                <thead class="table-light">
                    <tr>
                        <th>ইনভয়েস নং</th>
                        <th>গ্রাহক</th>
                        <th>অর্ডার</th>
                        <th>মোট</th>
                        <th>পরিশোধ</th>
                        <th>বকেয়া</th>
                        <th>স্ট্যাটাস</th>
                        <th>তারিখ</th>
                        <th>একশন</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($invoices as $inv)
                    <tr class="{{ $inv->status === 'overdue' ? 'table-danger' : '' }}">
                        <td>
                            <a href="{{ route('admin.invoices.show', $inv) }}" class="fw-semibold text-decoration-none">
                                {{ $inv->invoice_number }}
                            </a>
                        </td>
                        <td>
                            <div class="fw-semibold">{{ $inv->customer->name }}</div>
                            <small class="text-muted">{{ $inv->customer->phone }}</small>
                        </td>
                        <td>
                            <a href="{{ route('admin.orders.show', $inv->order_id) }}" class="small text-decoration-none">
                                {{ $inv->order->order_number }}
                            </a>
                        </td>
                        <td class="fw-semibold">৳{{ number_format($inv->total_amount, 0) }}</td>
                        <td class="text-success fw-semibold">৳{{ number_format($inv->paid_amount, 0) }}</td>
                        <td class="{{ $inv->due_amount > 0 ? 'text-danger fw-bold' : 'text-muted' }}">
                            ৳{{ number_format($inv->due_amount, 0) }}
                        </td>
                        <td><span class="badge bg-{{ $inv->status_color }}">{{ $inv->status_label }}</span></td>
                        <td><small class="text-muted">{{ $inv->issue_date->format('d M Y') }}</small></td>
                        <td>
                            <div class="d-flex gap-1">
                                <a href="{{ route('admin.invoices.show', $inv) }}" class="btn btn-sm btn-outline-primary">
                                    <i class="bi bi-eye"></i>
                                </a>
                                <a href="{{ route('admin.invoices.print', $inv) }}" target="_blank" class="btn btn-sm btn-outline-secondary">
                                    <i class="bi bi-printer"></i>
                                </a>
                            </div>
                        </td>
                    </tr>
                    @empty
                    <tr>
                        <td colspan="9" class="text-center text-muted py-5">
                            <i class="bi bi-receipt fs-1 d-block mb-2 opacity-25"></i>
                            কোনো ইনভয়েস পাওয়া যায়নি।
                        </td>
                    </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
    @if($invoices->hasPages())
        <div class="card-footer bg-white border-0">{{ $invoices->links() }}</div>
    @endif
</div>
@endsection