@extends('layouts.app')

@section('title', 'Invoice ' . $invoice->invoice_number)
@section('page_title', 'Invoice Details')

@section('content')
<div class="d-flex align-items-center justify-content-between mb-4 no-print">
    <a href="{{ route('invoices.index') }}" class="btn btn-light"><i class="bi bi-arrow-left"></i> Back to Invoices</a>
    <div>
        <button class="btn btn-outline-dark me-2" onclick="window.print()"><i class="bi bi-printer"></i> Print Invoice</button>
        @if($invoice->status !== 'voided' && $invoice->balance_due > 0 && (auth()->user()->isSuperAdmin() || auth()->user()->isManager()))
            <button class="btn btn-danger" data-bs-toggle="modal" data-bs-target="#voidInvoiceModal">
                <i class="bi bi-x-circle"></i> Void Invoice
            </button>
        @endif
    </div>
</div>

<div class="card border-0 shadow-sm p-5 fade-in-up">
    <!-- Invoice Header -->
    <div class="row align-items-start border-bottom pb-4 mb-4">
        <div class="col-6">
            <h3 class="fw-bold mb-1 text-dark">PREEZ BRANDS LTD</h3>
            <p class="text-secondary small mb-0">
                Nasser Road, Kampala, Uganda<br>
                Phone: +256 700 000 000 | Email: sales@preezbrands.com
            </p>
        </div>
        <div class="col-6 text-end">
            <h2 class="fw-bold text-primary mb-1">INVOICE</h2>
            <h5 class="fw-semibold text-dark">{{ $invoice->invoice_number }}</h5>
            <span class="badge bg-{{ $invoice->status_badge }} fs-6">{{ ucfirst($invoice->status) }}</span>
        </div>
    </div>

    <!-- Invoice Billing Metadata -->
    <div class="row mb-5">
        <div class="col-6">
            <h6 class="text-secondary small fw-bold mb-2">BILLED TO:</h6>
            <h5 class="fw-bold text-dark mb-1">{{ $invoice->client->full_name }}</h5>
            <p class="text-secondary small mb-0">
                Code: {{ $invoice->client->client_code }}<br>
                Phone: {{ $invoice->client->phone }}<br>
                @if($invoice->client->email) Email: {{ $invoice->client->email }}<br> @endif
                @if($invoice->client->tin) TIN: {{ $invoice->client->tin }} @endif
            </p>
        </div>
        <div class="col-6 text-end">
            <h6 class="text-secondary small fw-bold mb-2">DETAILS:</h6>
            <p class="text-secondary small mb-0">
                <strong>Date Issued:</strong> {{ $invoice->invoice_date->format('M d, Y') }}<br>
                <strong>Due Date:</strong> {{ $invoice->due_date ? $invoice->due_date->format('M d, Y') : '-' }}<br>
                <strong>Payment Type:</strong> {{ ucfirst(str_replace('_', ' ', $invoice->payment_method)) }}<br>
                <strong>Prepared By:</strong> {{ $invoice->createdBy->full_name }}
            </p>
        </div>
    </div>

    <!-- Line Items Table -->
    <div class="table-responsive mb-4">
        <table class="table table-striped align-middle mb-0">
            <thead>
                <tr>
                    <th>Item / SKU</th>
                    <th>Description</th>
                    <th class="text-end">Unit Price</th>
                    <th class="text-center">Qty</th>
                    <th class="text-end">Discount</th>
                    <th class="text-end">Total</th>
                </tr>
            </thead>
            <tbody>
                @foreach($invoice->items as $item)
                    <tr>
                        <td>
                            <div class="fw-semibold text-dark">{{ $item->item_name }}</div>
                            <small class="text-secondary"><code class="small">{{ $item->item_code }}</code></small>
                        </td>
                        <td class="small">{{ $item->description ?? '-' }}</td>
                        <td class="text-end">{{ number_format($item->unit_price) }} UGX</td>
                        <td class="text-center">{{ $item->quantity }}</td>
                        <td class="text-end text-danger">-{{ number_format($item->discount) }} UGX</td>
                        <td class="text-end fw-bold text-dark">{{ number_format($item->total_price) }} UGX</td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    </div>

    <!-- Totals Summary Block -->
    <div class="row justify-content-end mb-4">
        <div class="col-md-5">
            <div class="p-3 bg-light rounded border">
                <div class="d-flex justify-content-between mb-2">
                    <span class="text-secondary small">Subtotal</span>
                    <span class="fw-semibold text-dark">{{ number_format($invoice->subtotal) }} UGX</span>
                </div>
                @if($invoice->discount > 0)
                <div class="d-flex justify-content-between mb-2">
                    <span class="text-secondary small">Flat Discount</span>
                    <span class="fw-semibold text-danger">-{{ number_format($invoice->discount) }} UGX</span>
                </div>
                @endif
                <div class="d-flex justify-content-between mb-2">
                    <span class="text-secondary small">VAT ({{ (int)$invoice->tax_rate }}%)</span>
                    <span class="fw-semibold text-dark">{{ number_format($invoice->tax_amount) }} UGX</span>
                </div>
                <div class="d-flex justify-content-between border-top pt-2 mb-2">
                    <span class="fw-bold text-dark">Grand Total</span>
                    <span class="fw-bold text-primary">{{ number_format($invoice->total_amount) }} UGX</span>
                </div>
                <div class="d-flex justify-content-between">
                    <span class="text-secondary small">Amount Paid</span>
                    <span class="fw-semibold text-success">{{ number_format($invoice->amount_paid) }} UGX</span>
                </div>
                <div class="d-flex justify-content-between border-top pt-2">
                    <span class="fw-bold text-dark">Balance Due</span>
                    <span class="fw-bold text-{{ $invoice->balance_due > 0 ? 'danger' : 'success' }} fs-5">
                        {{ number_format($invoice->balance_due) }} UGX
                    </span>
                </div>
            </div>
        </div>
    </div>

    <!-- Invoice footer notes -->
    @if($invoice->notes)
        <div class="border-top pt-3">
            <h6 class="fw-bold small text-secondary">INVOICE NOTES:</h6>
            <p class="small text-secondary mb-0">{{ $invoice->notes }}</p>
        </div>
    @endif

    <!-- Void Details -->
    @if($invoice->status === 'voided')
        <div class="alert alert-dark border-0 mt-4">
            <h6 class="fw-bold mb-1 text-dark"><i class="bi bi-exclamation-octagon"></i> This transaction has been VOIDED</h6>
            <p class="small text-secondary mb-0">
                <strong>Voided By:</strong> {{ $invoice->voidedBy->full_name }} on {{ $invoice->voided_at->format('M d, Y H:i') }}<br>
                <strong>Reason:</strong> {{ $invoice->void_reason }}
            </p>
        </div>
    @endif
</div>

<!-- Void Invoice Modal -->
@if($invoice->status !== 'voided')
<div class="modal fade" id="voidInvoiceModal" tabindex="-1">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title fw-bold text-danger">Void Invoice Transaction</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <form action="{{ route('invoices.void', $invoice->id) }}" method="POST">
                @csrf
                <div class="modal-body">
                    <p class="small text-secondary">
                        Voiding an invoice is a sensitive accounting reversal. It will:
                    </p>
                    <ul class="small text-secondary">
                        <li>Mark the invoice and sale as voided.</li>
                        <li>Restore variant stock quantities back to inventory.</li>
                        <li>Post a reversal credit note to the client ledger.</li>
                    </ul>
                    <div class="mb-3">
                        <label class="form-label text-secondary small fw-bold">REASON FOR VOID *</label>
                        <input type="text" class="form-control" name="void_reason" required placeholder="e.g. Order cancelled, duplicate bill">
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-light" data-bs-dismiss="modal">Cancel</button>
                    <button type="submit" class="btn btn-danger">Confirm Void</button>
                </div>
            </form>
        </div>
    </div>
</div>
@endif
@endsection