@extends('layouts.app')

@section('title', 'Invoice ' . $invoice->invoice_number . ' - Pavitram Agroz')

@section('content')
<div class="d-flex flex-wrap justify-content-between align-items-center mb-4 gap-3">
    <div>
        <div class="d-flex align-items-center gap-2 mb-1">
            <h3 class="fw-bold mb-0 text-dark font-monospace">{{ $invoice->invoice_number }}</h3>
            @if($invoice->is_cancelled)
                <span class="badge bg-danger fs-6">Cancelled</span>
            @elseif($invoice->status === 'Returned')
                <span class="badge bg-warning text-dark fs-6">Fully Returned</span>
            @elseif($invoice->status === 'Partially Returned')
                <span class="badge bg-warning-subtle text-warning-emphasis border border-warning fs-6">Partially Returned</span>
            @else
                <span class="badge bg-success fs-6"><i class="bi bi-check-circle me-1"></i> Completed</span>
            @endif
        </div>
        <p class="text-muted mb-0 small">
            Billed on <strong>{{ $invoice->invoice_date->format('l, d M Y at H:i:s') }}</strong> at <strong>{{ $invoice->store->name }}</strong>
        </p>
    </div>

    <div class="d-flex flex-wrap gap-2">
        <a href="{{ route('pos.invoices.thermal', $invoice) }}" target="_blank" class="btn btn-outline-dark btn-sm">
            <i class="bi bi-printer me-1"></i> Thermal Receipt (80mm)
        </a>
        <a href="{{ route('pos.invoices.print', $invoice) }}" target="_blank" class="btn btn-outline-primary btn-sm">
            <i class="bi bi-file-earmark-pdf me-1"></i> A4 Tax Invoice
        </a>
        @if(!$invoice->is_cancelled)
            <a href="{{ route('pos.returns.create', ['invoice_number' => $invoice->invoice_number]) }}" class="btn btn-outline-warning btn-sm">
                <i class="bi bi-arrow-return-left me-1"></i> Process Return
            </a>
            @can('cancel', $invoice)
                <button type="button" class="btn btn-outline-danger btn-sm" data-bs-toggle="modal" data-bs-target="#cancelModal">
                    <i class="bi bi-x-circle me-1"></i> Cancel Invoice
                </button>
            @endcan
        @endif
        <a href="{{ route('pos.invoices.index') }}" class="btn btn-light border btn-sm">
            &larr; Back to Invoices
        </a>
    </div>
</div>

@if($invoice->is_cancelled)
    <div class="alert alert-danger shadow-sm border-0 mb-4">
        <div class="d-flex align-items-center gap-2 mb-1">
            <i class="bi bi-exclamation-triangle-fill fs-5"></i>
            <strong class="fs-6">This invoice was cancelled on {{ $invoice->cancelled_at ? $invoice->cancelled_at->format('d M Y H:i') : '' }} by {{ $invoice->cancelledBy->name ?? 'Administrator' }}.</strong>
        </div>
        <div class="small">
            Reason: <em>"{{ $invoice->cancellation_reason }}"</em>. All physical units were automatically reverted back to store inventory.
        </div>
    </div>
@endif

<div class="row g-4 mb-4">
    <!-- Store & Issuer Info -->
    <div class="col-md-6 col-lg-4">
        <div class="card shadow-sm border-0 h-100">
            <div class="card-header bg-white py-2">
                <span class="fw-bold small text-muted text-uppercase">Billed At Store Location</span>
            </div>
            <div class="card-body p-3">
                <h5 class="fw-bold mb-1 text-dark">{{ $invoice->store->name }}</h5>
                <div class="badge bg-light text-dark border font-monospace mb-2">{{ $invoice->store->code }}</div>
                <div class="small text-muted mb-1"><i class="bi bi-geo-alt me-1"></i> {{ $invoice->store->address }}, {{ $invoice->store->city }}, {{ $invoice->store->state }}</div>
                @if($invoice->store->gstin)
                    <div class="small text-dark font-monospace mb-1"><strong>GSTIN:</strong> {{ $invoice->store->gstin }}</div>
                @endif
                <div class="small text-muted"><strong>Cashier:</strong> {{ $invoice->cashier->name }} ({{ $invoice->cashier->email }})</div>
            </div>
        </div>
    </div>

    <!-- Customer Information -->
    <div class="col-md-6 col-lg-4">
        <div class="card shadow-sm border-0 h-100">
            <div class="card-header bg-white py-2">
                <span class="fw-bold small text-muted text-uppercase">Customer Information</span>
            </div>
            <div class="card-body p-3">
                @if($invoice->customer_name || $invoice->customer_phone)
                    <h5 class="fw-bold mb-1 text-dark">{{ $invoice->customer_name ?? 'Walk-in Customer' }}</h5>
                    @if($invoice->customer_phone)
                        <div class="small text-muted mb-1"><i class="bi bi-telephone me-1"></i> {{ $invoice->customer_phone }}</div>
                    @endif
                    @if($invoice->customer_email)
                        <div class="small text-muted mb-1"><i class="bi bi-envelope me-1"></i> {{ $invoice->customer_email }}</div>
                    @endif
                    @if($invoice->customer_gstin)
                        <div class="small text-dark font-monospace mb-1"><strong>Buyer GSTIN:</strong> {{ $invoice->customer_gstin }}</div>
                    @endif
                    @if($invoice->customer_address)
                        <div class="small text-muted">{{ $invoice->customer_address }}</div>
                    @endif
                @else
                    <div class="text-center py-4 text-muted">
                        <i class="bi bi-person fs-1 d-block mb-1 text-secondary"></i>
                        <span>Retail Walk-in Customer</span>
                    </div>
                @endif
            </div>
        </div>
    </div>

    <!-- Payment Breakdown -->
    <div class="col-md-12 col-lg-4">
        <div class="card shadow-sm border-0 h-100 bg-light">
            <div class="card-header bg-white py-2">
                <span class="fw-bold small text-muted text-uppercase">Payment Settlement</span>
            </div>
            <div class="card-body p-3">
                <div class="d-flex justify-content-between align-items-center mb-2">
                    <span class="text-muted small">Payment Method:</span>
                    <span class="badge bg-success-subtle text-success border border-success font-monospace px-2 py-1 fs-6">
                        <i class="bi bi-wallet2 me-1"></i> {{ $invoice->payment_method }}
                    </span>
                </div>
                <div class="d-flex justify-content-between align-items-center mb-2">
                    <span class="text-muted small">Settlement Status:</span>
                    <span class="badge bg-light text-dark border">{{ $invoice->payment_status }}</span>
                </div>
                <div class="d-flex justify-content-between align-items-center mb-2">
                    <span class="text-muted small">Total Paid:</span>
                    <span class="fs-4 fw-bold text-success font-monospace">₹{{ number_format($invoice->grand_total, 2) }}</span>
                </div>
                @foreach($invoice->payments as $pmt)
                    @if($pmt->transaction_reference)
                        <div class="small text-muted font-monospace border-top pt-2 mt-2">
                            Ref: <strong>{{ $pmt->transaction_reference }}</strong> ({{ $pmt->paid_at->format('H:i') }})
                        </div>
                    @endif
                @endforeach
            </div>
        </div>
    </div>
</div>

<!-- Itemized Product Units Table -->
<div class="card shadow-sm border-0 mb-4">
    <div class="card-header bg-white d-flex justify-content-between align-items-center py-3">
        <span class="fw-bold"><i class="bi bi-boxes me-2 text-success"></i>Billed Physical Product Units ({{ $invoice->items->count() }})</span>
        <span class="text-muted small">Unit-level serial numbers & tax audit trail</span>
    </div>
    <div class="table-responsive">
        <table class="table table-hover align-middle mb-0">
            <thead class="table-light">
                <tr>
                    <th>#</th>
                    <th>Product & Description</th>
                    <th>Individual Serial #</th>
                    <th>Batch / Expiry</th>
                    <th class="text-end">Base Price</th>
                    <th class="text-end">Discount</th>
                    <th class="text-end">GST %</th>
                    <th class="text-end">CGST</th>
                    <th class="text-end">SGST</th>
                    <th class="text-end">Total Line (₹)</th>
                    <th class="text-center">Unit State</th>
                </tr>
            </thead>
            <tbody>
                @foreach($invoice->items as $idx => $item)
                    <tr>
                        <td class="text-muted small">{{ $idx + 1 }}</td>
                        <td>
                            <div class="fw-bold text-dark">{{ $item->product_name }}</div>
                            <small class="text-muted font-monospace">{{ $item->product_sku }} | Code: {{ $item->product_code }}</small>
                        </td>
                        <td>
                            <span class="badge bg-light text-dark border font-monospace">{{ $item->serial_number }}</span>
                        </td>
                        <td>
                            <div class="font-monospace small">{{ $item->batch->batch_number ?? '-' }}</div>
                            <small class="text-muted">{{ $item->batch && $item->batch->expiry_date ? $item->batch->expiry_date->format('d M Y') : '-' }}</small>
                        </td>
                        <td class="text-end font-monospace">₹{{ number_format($item->unit_price, 2) }}</td>
                        <td class="text-end font-monospace text-danger">{{ $item->discount_amount > 0 ? '-₹' . number_format($item->discount_amount, 2) : '-' }}</td>
                        <td class="text-end small"><span class="badge bg-secondary-subtle text-secondary">{{ $item->tax_rate }}%</span></td>
                        <td class="text-end font-monospace small">₹{{ number_format($item->cgst_amount, 2) }}</td>
                        <td class="text-end font-monospace small">₹{{ number_format($item->sgst_amount, 2) }}</td>
                        <td class="text-end font-monospace fw-bold text-dark">₹{{ number_format($item->line_total, 2) }}</td>
                        <td class="text-center">
                            @if($item->is_returned)
                                <span class="badge bg-warning text-dark"><i class="bi bi-arrow-return-left me-1"></i> Returned</span>
                            @elseif($invoice->is_cancelled)
                                <span class="badge bg-secondary">Reverted</span>
                            @else
                                <span class="badge bg-success-subtle text-success border border-success">Sold</span>
                            @endif
                        </td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    </div>

    <!-- Financial Breakdown Card -->
    <div class="card-footer bg-white border-top p-4">
        <div class="row justify-content-end">
            <div class="col-md-6 col-lg-4">
                <div class="d-flex justify-content-between mb-2 small text-muted">
                    <span>Gross Subtotal:</span>
                    <span class="font-monospace fw-semibold">₹{{ number_format($invoice->subtotal, 2) }}</span>
                </div>
                @if($invoice->discount_amount > 0)
                    <div class="d-flex justify-content-between mb-2 small text-danger">
                        <span>Total Discount ({{ $invoice->discount_percent }}%):</span>
                        <span class="font-monospace fw-semibold">-₹{{ number_format($invoice->discount_amount, 2) }}</span>
                    </div>
                @endif
                <div class="d-flex justify-content-between mb-2 small text-muted">
                    <span>Taxable Base Value:</span>
                    <span class="font-monospace fw-semibold">₹{{ number_format($invoice->taxable_amount, 2) }}</span>
                </div>
                <div class="d-flex justify-content-between mb-2 small text-muted">
                    <span>Total CGST:</span>
                    <span class="font-monospace">₹{{ number_format($invoice->cgst_amount, 2) }}</span>
                </div>
                <div class="d-flex justify-content-between mb-2 small text-muted">
                    <span>Total SGST:</span>
                    <span class="font-monospace">₹{{ number_format($invoice->sgst_amount, 2) }}</span>
                </div>
                @if($invoice->igst_amount > 0)
                    <div class="d-flex justify-content-between mb-2 small text-muted">
                        <span>Total IGST (Inter-state):</span>
                        <span class="font-monospace">₹{{ number_format($invoice->igst_amount, 2) }}</span>
                    </div>
                @endif
                <div class="d-flex justify-content-between mb-2 small text-muted">
                    <span>Total GST Collected:</span>
                    <span class="font-monospace fw-semibold text-primary">₹{{ number_format($invoice->total_tax, 2) }}</span>
                </div>
                <div class="d-flex justify-content-between mb-2 small text-muted">
                    <span>Round Off:</span>
                    <span class="font-monospace">{{ $invoice->round_off >= 0 ? '+' : '' }}₹{{ number_format($invoice->round_off, 2) }}</span>
                </div>
                <hr class="my-2">
                <div class="d-flex justify-content-between align-items-center">
                    <span class="fs-5 fw-bold text-dark">Invoice Grand Total:</span>
                    <span class="fs-4 fw-bold text-success font-monospace">₹{{ number_format($invoice->grand_total, 2) }}</span>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Cancellation Modal -->
@can('cancel', $invoice)
    <div class="modal fade" id="cancelModal" tabindex="-1">
        <div class="modal-dialog">
            <div class="modal-content">
                <form method="POST" action="{{ route('pos.invoices.cancel', $invoice) }}">
                    @csrf
                    <div class="modal-header bg-danger text-white">
                        <h5 class="modal-title fw-bold"><i class="bi bi-exclamation-triangle-fill me-2"></i>Cancel Invoice #{{ $invoice->invoice_number }}</h5>
                        <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
                    </div>
                    <div class="modal-body p-4">
                        <div class="alert alert-warning small">
                            <i class="bi bi-shield-exclamation me-1"></i> Cancelling an invoice is an audited management action. All physical product units will be immediately returned to store inventory.
                        </div>
                        <div class="mb-3">
                            <label class="form-label fw-bold small">Reason for Cancellation <span class="text-danger">*</span></label>
                            <textarea name="cancellation_reason" class="form-control" rows="3" required placeholder="State why this invoice is being voided or cancelled..."></textarea>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-light border" data-bs-dismiss="modal">Close</button>
                        <button type="submit" class="btn btn-danger fw-bold" onclick="return confirm('Confirm invoice cancellation? All sold units will be restored to store stock.');">
                            Confirm Cancellation
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endcan
@endsection