@extends('layouts.app')

@section('title', $invoice->invoice_number)
@section('page-title', 'Invoice ' . $invoice->invoice_number)
@section('breadcrumbs')
    <li class="breadcrumb-item"><a href="{{ route('invoices.index') }}">Invoices</a></li>
    <li class="breadcrumb-item active">{{ $invoice->invoice_number }}</li>
@endsection

@section('content')
<div class="d-flex justify-content-between mb-3 no-print">
    <div>
        <span class="badge fs-6 text-bg-{{ ['paid' => 'success', 'partial' => 'warning', 'overdue' => 'danger'][$invoice->status] ?? 'secondary' }}">
            {{ ucfirst($invoice->status) }}
        </span>
    </div>
    <div>
        <a href="{{ route('invoices.pdf', $invoice) }}" target="_blank" class="btn btn-danger btn-sm"><i class="fas fa-file-pdf me-1"></i>Print PDF</a>
        @if (auth()->user()->hasRole('Admin', 'Accountant'))
            <a href="{{ route('invoices.edit', $invoice) }}" class="btn btn-outline-primary btn-sm"><i class="fas fa-pen me-1"></i>Edit</a>
            @if ($invoice->status !== 'paid')
                <button type="button" class="btn btn-success btn-sm" data-bs-toggle="modal" data-bs-target="#markPaidModal">
                    <i class="fas fa-money-check-dollar me-1"></i>Record Payment
                </button>
            @endif
        @endif
    </div>
</div>

<div class="card">
    <div class="card-body">
        <div class="row mb-4">
            <div class="col-6">
                <h4>{{ env('APP_NAME', 'ICT Management System') }}</h4>
                <p class="text-muted mb-0">Invoice #: {{ $invoice->invoice_number }}</p>
                <p class="text-muted mb-0">Issue Date: {{ $invoice->issue_date->format('Y-m-d') }}</p>
                <p class="text-muted">Due Date: {{ optional($invoice->due_date)->format('Y-m-d') ?? '-' }}</p>
            </div>
            <div class="col-6 text-end">
                <h6>Bill To</h6>
                <p class="mb-0 fw-semibold">{{ $invoice->customer->name }}</p>
                <p class="mb-0">{{ $invoice->customer->company_name }}</p>
                <p class="mb-0">{{ $invoice->customer->address }}</p>
                <p>{{ $invoice->customer->phone }} &middot; {{ $invoice->customer->email }}</p>
            </div>
        </div>

        <table class="table table-bordered">
            <thead>
                <tr><th>Description</th><th class="text-end">Qty</th><th class="text-end">Unit Price</th><th class="text-end">Line Total</th></tr>
            </thead>
            <tbody>
                @foreach ($invoice->items as $item)
                    <tr>
                        <td>{{ $item->description }}</td>
                        <td class="text-end">{{ rtrim(rtrim(number_format($item->quantity, 2), '0'), '.') }}</td>
                        <td class="text-end">${{ number_format($item->unit_price, 2) }}</td>
                        <td class="text-end">${{ number_format($item->lineTotal(), 2) }}</td>
                    </tr>
                @endforeach
            </tbody>
        </table>

        <div class="row">
            <div class="col-md-6">
                @if ($invoice->notes)
                    <h6>Notes</h6>
                    <p class="text-muted">{{ $invoice->notes }}</p>
                @endif
            </div>
            <div class="col-md-6">
                <table class="table table-sm">
                    <tr><td>Subtotal</td><td class="text-end">${{ number_format($invoice->subtotal, 2) }}</td></tr>
                    <tr><td>Discount</td><td class="text-end">-${{ number_format($invoice->discount, 2) }}</td></tr>
                    <tr><td>Tax ({{ rtrim(rtrim(number_format($invoice->tax_rate, 2), '0'), '.') }}%)</td><td class="text-end">${{ number_format($invoice->tax_amount, 2) }}</td></tr>
                    <tr class="fw-bold fs-5"><td>Total</td><td class="text-end">${{ number_format($invoice->total, 2) }}</td></tr>
                    <tr><td>Paid</td><td class="text-end text-success">${{ number_format($invoice->paid_amount, 2) }}</td></tr>
                    <tr class="fw-bold"><td>Balance Due</td><td class="text-end text-danger">${{ number_format($invoice->balanceDue(), 2) }}</td></tr>
                </table>
            </div>
        </div>
    </div>
</div>

@if (auth()->user()->hasRole('Admin', 'Accountant') && $invoice->status !== 'paid')
<div class="modal fade" id="markPaidModal" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <form method="POST" action="{{ route('invoices.markPaid', $invoice) }}">
                @csrf @method('PATCH')
                <div class="modal-header">
                    <h5 class="modal-title">Record Payment</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body">
                    <label class="form-label">Paid Amount (Total: ${{ number_format($invoice->total, 2) }})</label>
                    <input type="number" step="0.01" min="0" max="{{ $invoice->total }}" name="paid_amount" class="form-control" value="{{ $invoice->paid_amount }}" required>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">Cancel</button>
                    <button type="submit" class="btn btn-success">Save Payment</button>
                </div>
            </form>
        </div>
    </div>
</div>
@endif
@endsection