{{-- resources/views/sales/invoices/index.blade.php --}}
@extends('layouts.app')
@section('title', 'Sales Invoices')
@section('content')
<div class="page-header">
    <div>
        <div class="page-title">Sales Invoices</div>
        <div class="page-subtitle">Manage customer invoices and track payments</div>
    </div>
    <div class="page-actions">
        <a href="{{ route('sales.invoices.create') }}" class="btn btn-primary"><i class="fas fa-plus"></i> New Invoice</a>
        <a href="{{ route('reports.ar-aging') }}" class="btn btn-secondary"><i class="fas fa-chart-bar"></i> AR Aging</a>
    </div>
</div>

<!-- SUMMARY CARDS -->
<div style="display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px;">
    <div class="card" style="padding:16px;">
        <div style="font-size:11px;color:var(--text-muted);font-weight:600;text-transform:uppercase;margin-bottom:4px;">Total Outstanding</div>
        <div style="font-size:20px;font-weight:700;color:var(--danger);">৳{{ number_format($totalOutstanding, 2) }}</div>
    </div>
    <div class="card" style="padding:16px;">
        <div style="font-size:11px;color:var(--text-muted);font-weight:600;text-transform:uppercase;margin-bottom:4px;">Draft</div>
        <div style="font-size:20px;font-weight:700;">{{ $invoices->where('status','draft')->count() }}</div>
    </div>
    <div class="card" style="padding:16px;">
        <div style="font-size:11px;color:var(--text-muted);font-weight:600;text-transform:uppercase;margin-bottom:4px;">Submitted</div>
        <div style="font-size:20px;font-weight:700;color:var(--info);">{{ $invoices->whereIn('status',['submitted','partially_paid'])->count() }}</div>
    </div>
    <div class="card" style="padding:16px;">
        <div style="font-size:11px;color:var(--text-muted);font-weight:600;text-transform:uppercase;margin-bottom:4px;">Overdue</div>
        <div style="font-size:20px;font-weight:700;color:var(--danger);">{{ $invoices->where('status','overdue')->count() }}</div>
    </div>
</div>

<!-- FILTERS -->
<div class="card mb-4">
    <div class="card-body" style="padding:16px;">
        <form method="GET" style="display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr auto;gap:12px;align-items:end;">
            <div>
                <input type="text" name="search" class="form-control" placeholder="Search invoice # or customer..." value="{{ request('search') }}">
            </div>
            <div>
                <select name="status" class="form-control">
                    <option value="">All Status</option>
                    <option value="draft" {{ request('status')=='draft'?'selected':'' }}>Draft</option>
                    <option value="submitted" {{ request('status')=='submitted'?'selected':'' }}>Submitted</option>
                    <option value="partially_paid" {{ request('status')=='partially_paid'?'selected':'' }}>Partial</option>
                    <option value="paid" {{ request('status')=='paid'?'selected':'' }}>Paid</option>
                    <option value="overdue" {{ request('status')=='overdue'?'selected':'' }}>Overdue</option>
                </select>
            </div>
            <div>
                <select name="customer_id" class="form-control">
                    <option value="">All Customers</option>
                    @foreach($customers as $c)
                        <option value="{{ $c->id }}" {{ request('customer_id')==$c->id?'selected':'' }}>{{ $c->name }}</option>
                    @endforeach
                </select>
            </div>
            <div><input type="date" name="from_date" class="form-control" value="{{ request('from_date') }}"></div>
            <div><input type="date" name="to_date" class="form-control" value="{{ request('to_date') }}"></div>
            <button type="submit" class="btn btn-primary"><i class="fas fa-search"></i></button>
        </form>
    </div>
</div>

<!-- TABLE -->
<div class="card">
    <div class="table-wrapper">
        <table>
            <thead>
                <tr>
                    <th>Invoice #</th>
                    <th>Customer</th>
                    <th>Date</th>
                    <th>Due Date</th>
                    <th class="text-right">Total</th>
                    <th class="text-right">Outstanding</th>
                    <th>Status</th>
                    <th class="text-center">Actions</th>
                </tr>
            </thead>
            <tbody>
                @forelse($invoices as $inv)
                <tr>
                    <td>
                        <a href="{{ route('sales.invoices.show', $inv) }}" style="color:var(--primary);font-weight:600;text-decoration:none;font-family:'DM Mono',monospace;font-size:12px;">{{ $inv->number }}</a>
                    </td>
                    <td style="font-weight:500;">{{ $inv->customer->name }}</td>
                    <td style="white-space:nowrap;">{{ $inv->date->format('d M Y') }}</td>
                    <td style="white-space:nowrap;{{ $inv->due_date && $inv->due_date->isPast() && !in_array($inv->status,['paid','cancelled']) ? 'color:var(--danger);font-weight:600;' : '' }}">
                        {{ $inv->due_date ? $inv->due_date->format('d M Y') : '-' }}
                    </td>
                    <td class="text-right font-semibold">৳{{ number_format($inv->total, 2) }}</td>
                    <td class="text-right" style="{{ $inv->outstanding > 0 ? 'color:var(--danger);font-weight:600;' : 'color:var(--success);' }}">
                        ৳{{ number_format($inv->outstanding, 2) }}
                    </td>
                    <td>
                        @php
                            $cls=['draft'=>'secondary','submitted'=>'info','partially_paid'=>'warning','paid'=>'success','overdue'=>'danger','cancelled'=>'secondary'];
                        @endphp
                        <span class="badge badge-{{ $cls[$inv->status]??'secondary' }}">{{ ucfirst(str_replace('_',' ',$inv->status)) }}</span>
                    </td>
                    <td class="text-center">
                        <div style="display:flex;gap:4px;justify-content:center;">
                            <a href="{{ route('sales.invoices.show', $inv) }}" class="btn btn-xs btn-secondary" title="View"><i class="fas fa-eye"></i></a>
                            @if($inv->status === 'draft')
                                <a href="{{ route('sales.invoices.edit', $inv) }}" class="btn btn-xs btn-secondary" title="Edit"><i class="fas fa-edit"></i></a>
                                <form method="POST" action="{{ route('sales.invoices.submit', $inv) }}" style="display:inline;">
                                    @csrf @method('PATCH')
                                    <button type="submit" class="btn btn-xs btn-success" title="Submit" onclick="return confirm('Submit this invoice?')"><i class="fas fa-check"></i></button>
                                </form>
                            @endif
                            <a href="{{ route('sales.invoices.print', $inv) }}" class="btn btn-xs btn-secondary" title="Print Invoice" target="_blank"><i class="fas fa-file-invoice"></i></a>
                            <a href="{{ route('sales.invoices.challan', $inv) }}" class="btn btn-xs btn-secondary" title="Delivery Challan" target="_blank" style="background:#0f766e;color:white;"><i class="fas fa-truck"></i></a>
                        </div>
                    </td>
                </tr>
                @empty
                <tr><td colspan="8" class="text-center text-muted" style="padding:40px;">No invoices found. <a href="{{ route('sales.invoices.create') }}">Create your first invoice</a></td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
    @if($invoices->hasPages())
    <div class="card-footer" style="display:flex;justify-content:space-between;align-items:center;">
        <div style="font-size:13px;color:var(--text-muted);">Showing {{ $invoices->firstItem() }}–{{ $invoices->lastItem() }} of {{ $invoices->total() }}</div>
        <div class="pagination">
            @if($invoices->onFirstPage())
                <span class="page-btn disabled"><i class="fas fa-chevron-left"></i></span>
            @else
                <a href="{{ $invoices->previousPageUrl() }}" class="page-btn"><i class="fas fa-chevron-left"></i></a>
            @endif
            @foreach($invoices->getUrlRange(max(1,$invoices->currentPage()-2), min($invoices->lastPage(),$invoices->currentPage()+2)) as $page => $url)
                <a href="{{ $url }}" class="page-btn {{ $page == $invoices->currentPage() ? 'active' : '' }}">{{ $page }}</a>
            @endforeach
            @if($invoices->hasMorePages())
                <a href="{{ $invoices->nextPageUrl() }}" class="page-btn"><i class="fas fa-chevron-right"></i></a>
            @else
                <span class="page-btn disabled"><i class="fas fa-chevron-right"></i></span>
            @endif
        </div>
    </div>
    @endif
</div>
@endsection