@extends('layouts.app')
@section('title', 'Invoice '.$invoice->number)
@section('content')
<div class="page-header">
    <div>
        <div class="page-title">{{ $invoice->number }}</div>
        <div class="page-subtitle">{{ $invoice->customer->name }} · {{ $invoice->date->format('d M Y') }}</div>
    </div>
    <div class="page-actions">
        <a href="{{ route('sales.invoices.index') }}" class="btn btn-secondary"><i class="fas fa-arrow-left"></i> Back</a>
        <a href="{{ route('sales.invoices.print', $invoice) }}" class="btn btn-secondary" target="_blank"><i class="fas fa-file-invoice"></i> Print Invoice</a>
        <a href="{{ route('sales.invoices.challan', $invoice) }}" class="btn btn-secondary" target="_blank" style="background:#0f766e;color:white;border-color:#0f766e;"><i class="fas fa-truck"></i> Delivery Challan</a>
        @if($invoice->status === 'draft')
            <a href="{{ route('sales.invoices.edit', $invoice) }}" class="btn btn-secondary"><i class="fas fa-edit"></i> Edit</a>
            <form method="POST" action="{{ route('sales.invoices.submit', $invoice) }}" style="display:inline;">
                @csrf @method('PATCH')
                <button type="submit" class="btn btn-success" onclick="return confirm('Submit this invoice? Stock will be deducted and a journal entry will be posted.')">
                    <i class="fas fa-check"></i> Submit
                </button>
            </form>
        @endif
        @if(in_array($invoice->status, ['draft']) )
            <form method="POST" action="{{ route('sales.invoices.cancel', $invoice) }}" style="display:inline;">
                @csrf @method('PATCH')
                <button type="submit" class="btn btn-danger" onclick="return confirm('Cancel this invoice?')"><i class="fas fa-ban"></i> Cancel</button>
            </form>
        @endif
    </div>
</div>

<div class="grid-2 mb-4">
    <div class="card">
        <div class="card-header"><span class="card-title">Invoice Details</span></div>
        <div class="card-body">
            <div class="doc-meta">
                <div class="doc-meta-item"><label>Invoice Number</label><span class="font-mono" style="font-size:15px;font-weight:700;color:var(--primary);">{{ $invoice->number }}</span></div>
                <div class="doc-meta-item"><label>Status</label>
                    @php $cls=['draft'=>'secondary','submitted'=>'info','partially_paid'=>'warning','paid'=>'success','overdue'=>'danger','cancelled'=>'secondary']; @endphp
                    <span><span class="badge badge-{{ $cls[$invoice->status]??'secondary' }}" style="font-size:13px;padding:5px 12px;">{{ ucfirst(str_replace('_',' ',$invoice->status)) }}</span></span>
                </div>
                <div class="doc-meta-item"><label>Invoice Date</label><span>{{ $invoice->date->format('d M Y') }}</span></div>
                <div class="doc-meta-item"><label>Due Date</label><span style="{{ $invoice->due_date && $invoice->due_date->isPast() && $invoice->outstanding > 0 ? 'color:var(--danger);font-weight:700;' : '' }}">{{ $invoice->due_date ? $invoice->due_date->format('d M Y') : '—' }}</span></div>
                <div class="doc-meta-item"><label>Created By</label><span>{{ $invoice->createdBy->name }}</span></div>
                <div class="doc-meta-item"><label>Created At</label><span>{{ $invoice->created_at->format('d M Y H:i') }}</span></div>
            </div>
        </div>
    </div>

    <div class="card">
        <div class="card-header"><span class="card-title">Customer</span></div>
        <div class="card-body">
            <div style="font-size:17px;font-weight:700;margin-bottom:8px;">{{ $invoice->customer->name }}</div>
            @if($invoice->customer->contact_person)<div style="font-size:13px;color:var(--text-muted);">Contact: {{ $invoice->customer->contact_person }}</div>@endif
            @if($invoice->customer->phone)<div style="font-size:13px;color:var(--text-muted);">📞 {{ $invoice->customer->phone }}</div>@endif
            @if($invoice->customer->email)<div style="font-size:13px;color:var(--text-muted);">✉ {{ $invoice->customer->email }}</div>@endif
            @if($invoice->customer->address)<div style="font-size:13px;color:var(--text-muted);margin-top:6px;">{{ $invoice->customer->address }}</div>@endif
            @if($invoice->customer->tax_id)<div style="font-size:12px;color:var(--text-muted);margin-top:4px;">TIN: {{ $invoice->customer->tax_id }}</div>@endif
            <div style="margin-top:12px;padding-top:12px;border-top:1px solid var(--border);">
                <div style="font-size:12px;color:var(--text-muted);">Outstanding Balance</div>
                <div style="font-size:16px;font-weight:700;color:var(--danger);">৳{{ number_format($invoice->customer->getOutstandingBalance(), 2) }}</div>
            </div>
        </div>
    </div>
</div>

<!-- Line Items -->
<div class="card mb-4">
    <div class="card-header"><span class="card-title">Line Items</span></div>
    <div class="table-wrapper">
        <table>
            <thead>
                <tr>
                    <th>#</th><th>Item</th><th>Description</th>
                    <th class="text-right">Qty</th><th class="text-right">Rate</th>
                    <th class="text-right">Disc%</th><th class="text-right">Tax%</th>
                    <th class="text-right">Amount</th>
                </tr>
            </thead>
            <tbody>
                @foreach($invoice->items as $i => $line)
                <tr>
                    <td style="color:var(--text-muted);">{{ $i+1 }}</td>
                    <td style="font-weight:500;">{{ $line->item->name }}</td>
                    <td style="color:var(--text-muted);font-size:12px;">{{ $line->description ?: '—' }}</td>
                    <td class="text-right">{{ $line->qty }} {{ $line->unit }}</td>
                    <td class="text-right">৳{{ number_format($line->rate, 2) }}</td>
                    <td class="text-right">{{ $line->discount_percent > 0 ? $line->discount_percent.'%' : '—' }}</td>
                    <td class="text-right">{{ $line->tax_rate > 0 ? $line->tax_rate.'%' : '—' }}</td>
                    <td class="text-right font-semibold">৳{{ number_format($line->amount, 2) }}</td>
                </tr>
                @endforeach
            </tbody>
            <tfoot>
                <tr><td colspan="7" class="text-right">Subtotal</td><td class="text-right">৳{{ number_format($invoice->subtotal, 2) }}</td></tr>
                @if($invoice->discount_amount > 0)<tr><td colspan="7" class="text-right" style="color:var(--success);">Discount</td><td class="text-right" style="color:var(--success);">-৳{{ number_format($invoice->discount_amount, 2) }}</td></tr>@endif
                @if($invoice->tax_amount > 0)<tr><td colspan="7" class="text-right">Tax</td><td class="text-right">৳{{ number_format($invoice->tax_amount, 2) }}</td></tr>@endif
                <tr style="background:var(--primary-light);">
                    <td colspan="7" class="text-right" style="font-weight:700;font-size:15px;padding:14px 16px;">Total</td>
                    <td class="text-right" style="font-weight:800;font-size:16px;color:var(--primary);padding:14px 16px;">৳{{ number_format($invoice->total, 2) }}</td>
                </tr>
                @if($invoice->paid_amount > 0)
                <tr><td colspan="7" class="text-right" style="color:var(--success);">Paid</td><td class="text-right" style="color:var(--success);">-৳{{ number_format($invoice->paid_amount, 2) }}</td></tr>
                <tr><td colspan="7" class="text-right font-semibold">Outstanding</td><td class="text-right font-semibold" style="color:var(--danger);">৳{{ number_format($invoice->outstanding, 2) }}</td></tr>
                @endif
            </tfoot>
        </table>
    </div>
</div>

@if($invoice->payments->isNotEmpty())
<div class="card mb-4">
    <div class="card-header"><span class="card-title">Payment History</span></div>
    <div class="table-wrapper">
        <table>
            <thead><tr><th>Receipt #</th><th>Date</th><th>Method</th><th class="text-right">Amount</th></tr></thead>
            <tbody>
                @foreach($invoice->payments as $alloc)
                <tr>
                    <td class="font-mono" style="font-size:12px;color:var(--primary);">{{ $alloc->paymentReceipt->number }}</td>
                    <td>{{ $alloc->paymentReceipt->date->format('d M Y') }}</td>
                    <td>{{ $alloc->paymentReceipt->paymentMethod->name ?? '—' }}</td>
                    <td class="text-right font-semibold" style="color:var(--success);">৳{{ number_format($alloc->allocated_amount, 2) }}</td>
                </tr>
                @endforeach
            </tbody>
        </table>
    </div>
</div>
@endif

@if($invoice->terms || $invoice->notes)
<div class="card">
    <div class="card-body">
        @if($invoice->terms)<div class="mb-4"><div class="form-label">Terms & Conditions</div><div style="font-size:13px;color:var(--text-muted);">{{ $invoice->terms }}</div></div>@endif
        @if($invoice->notes)<div><div class="form-label">Internal Notes</div><div style="font-size:13px;color:var(--text-muted);">{{ $invoice->notes }}</div></div>@endif
    </div>
</div>
@endif
@endsection