@extends('layouts.app')
@section('title', $invoice->invoice_number)

@section('content')
    @php
        $statusColors = [
            'Draft' => 'secondary', 'Sent' => 'info', 'Paid' => 'success',
            'Partially Paid' => 'warning', 'Overdue' => 'danger', 'Cancelled' => 'dark',
        ];
    @endphp

    <div class="d-flex justify-content-between align-items-center flex-wrap gap-2 mb-4">
        <div>
            <div class="d-flex align-items-center gap-2">
                <h3 class="mb-0">{{ $invoice->invoice_number }}</h3>
                <span class="badge bg-{{ $statusColors[$invoice->status] ?? 'secondary' }}">{{ $invoice->status }}</span>
            </div>
            <span class="text-secondary fs-13">Invoice for {{ $invoice->customer->name }}</span>
        </div>
        <div class="d-flex gap-2">
            <a href="{{ route($routePrefix . '.invoices.index') }}" class="btn btn-outline-secondary py-1 px-4 rounded-3 fs-14">← Back</a>
            <a href="{{ route($routePrefix . '.invoices.pdf', $invoice) }}" target="_blank" class="btn btn-outline-success py-1 px-4 rounded-3 fs-14">
                <i class="ri-file-pdf-line"></i> PDF
            </a>
            @if($canEdit && $invoice->status !== 'Paid')
                <a href="{{ route($routePrefix . '.invoices.edit', $invoice) }}" class="btn btn-outline-primary py-1 px-4 rounded-3 fs-14">
                    <i class="ri-edit-line"></i> Edit
                </a>
            @endif
        </div>
    </div>

    @if(session('success'))
        <div class="alert alert-success alert-dismissible fade show">
            {{ session('success') }}<button class="btn-close" data-bs-dismiss="alert"></button>
        </div>
    @endif

    <div class="row">
        <div class="col-xxl-8">
            {{-- Invoice Items --}}
            <div class="card bg-white border-0 rounded-3 mb-4">
                <div class="card-body p-4">
                    <h5 class="border-bottom pb-3 mb-4">Line Items</h5>
                    <div class="default-table-area style-three default-table-width">
                        <div class="table-responsive">
                            <table class="table">
                                <thead class="table-light">
                                <tr>
                                    <th>#</th>
                                    <th>Product</th>
                                    <th>Qty</th>
                                    <th>Unit Price</th>
                                    <th>GST</th>
                                    <th class="text-end">Line Total</th>
                                </tr>
                                </thead>
                                <tbody>
                                @foreach($invoice->items as $idx => $item)
                                    <tr>
                                        <td>{{ $idx + 1 }}</td>
                                        <td>
                                            <div class="fw-semibold">{{ $item->product->brand_name ?? '—' }}</div>
                                            <small class="text-muted">{{ $item->product->composition ?? '' }}</small>
                                        </td>
                                        <td>{{ $item->quantity }}</td>
                                        <td>₹{{ number_format($item->price, 2) }}</td>
                                        <td>{{ $item->product->gst_rate ?? 0 }}%</td>
                                        <td class="text-end fw-semibold">₹{{ number_format($item->total, 2) }}</td>
                                    </tr>
                                @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>

                    <div class="row justify-content-end">
                        <div class="col-md-5">
                            <div class="default-table-area style-three default-table-width">
                                <div class="table-responsive">
                                    <table class="table table-sm">
                                        <tr>
                                            <td class="text-secondary">Subtotal</td>
                                            <td class="text-end">₹{{ number_format($invoice->subtotal, 2) }}</td>
                                        </tr>
                                        <tr>
                                            <td class="text-secondary">GST Total</td>
                                            <td class="text-end">₹{{ number_format($invoice->tax_amount, 2) }}</td>
                                        </tr>
                                        @if($invoice->discount_amount > 0)
                                            <tr>
                                                <td class="text-secondary">Discount</td>
                                                <td class="text-end text-danger">-₹{{ number_format($invoice->discount_amount, 2) }}</td>
                                            </tr>
                                        @endif
                                        <tr class="table-light fw-bold">
                                            <td>Total</td>
                                            <td class="text-end text-primary fs-16">₹{{ number_format($invoice->total_amount, 2) }}</td>
                                        </tr>
                                        <tr>
                                            <td class="text-secondary">Paid</td>
                                            <td class="text-end text-success">₹{{ number_format($invoice->total_paid, 2) }}</td>
                                        </tr>
                                        <tr class="fw-bold">
                                            <td>Balance Due</td>
                                            <td class="text-end {{ $invoice->balance_due > 0 ? 'text-danger' : 'text-success' }}">
                                                ₹{{ number_format($invoice->balance_due, 2) }}
                                            </td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            {{-- Notes & Terms --}}
            @if($invoice->notes || $invoice->terms)
                <div class="card bg-white border-0 rounded-3 mb-4">
                    <div class="card-body p-4">
                        <div class="row g-4">
                            @if($invoice->notes)
                                <div class="col-md-6">
                                    <h6 class="text-secondary text-uppercase small mb-2">Notes</h6>
                                    <p class="mb-0">{{ $invoice->notes }}</p>
                                </div>
                            @endif
                            @if($invoice->terms)
                                <div class="col-md-6">
                                    <h6 class="text-secondary text-uppercase small mb-2">Terms & Conditions</h6>
                                    <p class="mb-0">{{ $invoice->terms }}</p>
                                </div>
                            @endif
                        </div>
                    </div>
                </div>
            @endif

            {{-- Payment History --}}
            <div class="card bg-white border-0 rounded-3 mb-4">
                <div class="card-body p-4">
                    <h5 class="border-bottom pb-3 mb-4">Payment History</h5>
                    @if($invoice->payments->isEmpty())
                        <p class="text-muted">No payments recorded yet.</p>
                    @else
                        <div class="table-responsive">
                            <table class="table table-sm">
                                <thead class="table-light">
                                <tr>
                                    <th>Date</th>
                                    <th>Method</th>
                                    <th class="text-end">Amount</th>
                                </tr>
                                </thead>
                                <tbody>
                                @foreach($invoice->payments as $payment)
                                    <tr>
                                        <td>{{ $payment->payment_date->format('d M Y') }}</td>
                                        <td><span class="badge bg-light text-dark border">{{ $payment->payment_method }}</span></td>
                                        <td class="text-end fw-semibold text-success">₹{{ number_format($payment->amount, 2) }}</td>
                                    </tr>
                                @endforeach
                                </tbody>
                            </table>
                        </div>
                    @endif
                </div>
            </div>
        </div>

        {{-- Right Sidebar --}}
        <div class="col-xxl-4">
            {{-- Customer Info --}}
            <div class="card bg-white border-0 rounded-3 mb-4">
                <div class="card-body p-4">
                    <h5 class="border-bottom pb-3 mb-4">Customer</h5>
                    <div class="mb-2"><strong>{{ $invoice->customer->name }}</strong></div>
                    <div class="text-secondary small">{{ $invoice->customer->phone }}</div>
                    @if($invoice->customer->email)
                        <div class="text-secondary small">{{ $invoice->customer->email }}</div>
                    @endif
                    @if($invoice->customer->address)
                        <div class="text-secondary small mt-1">{{ $invoice->customer->address }}</div>
                    @endif
                </div>
            </div>

            {{-- Record Payment --}}
            @if($canPayment && $invoice->balance_due > 0 && !in_array($invoice->status, ['Cancelled', 'Paid']))
                <div class="card bg-white border-0 rounded-3 mb-4">
                    <div class="card-body p-4">
                        <h5 class="border-bottom pb-3 mb-4">Record Payment</h5>
                        <form method="POST" action="{{ route($routePrefix . '.invoices.payments.store', $invoice) }}">
                            @csrf
                            <div class="mb-3">
                                <label class="form-label">Amount (₹) <span class="text-danger">*</span></label>
                                <input type="number" name="amount" class="form-control" step="0.01" min="0.01"
                                       max="{{ $invoice->balance_due }}" value="{{ $invoice->balance_due }}" required>
                                <div class="form-text">Balance due: ₹{{ number_format($invoice->balance_due, 2) }}</div>
                            </div>
                            <div class="mb-3">
                                <label class="form-label">Payment Date <span class="text-danger">*</span></label>
                                <input type="date" name="payment_date" class="form-control" value="{{ today()->toDateString() }}" required>
                            </div>
                            <div class="mb-3">
                                <label class="form-label">Payment Method <span class="text-danger">*</span></label>
                                <select name="payment_method" class="form-control form-select" required>
                                    @foreach(\App\Models\Payment::METHODS as $m)
                                        <option value="{{ $m }}">{{ $m }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <button type="submit" class="btn btn-success w-100">Record Payment</button>
                        </form>
                    </div>
                </div>
            @endif

            {{-- Invoice Meta --}}
            <div class="card bg-white border-0 rounded-3">
                <div class="card-body p-4">
                    <h5 class="border-bottom pb-3 mb-4">Details</h5>
                    <div class="d-flex justify-content-between py-2 border-bottom">
                        <span class="text-secondary">Invoice Date</span>
                        <strong>{{ $invoice->invoice_date->format('d M Y') }}</strong>
                    </div>
                    <div class="d-flex justify-content-between py-2 border-bottom">
                        <span class="text-secondary">Created At</span>
                        <strong>{{ $invoice->created_at->format('d M Y') }}</strong>
                    </div>
                    <div class="d-flex justify-content-between py-2">
                        <span class="text-secondary">Status</span>
                        <span class="badge bg-{{ $statusColors[$invoice->status] }}">{{ $invoice->status }}</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection