@extends('layouts.app')

@section('title', 'Billing Details - ' . $billing->billing_number)

@section('content')
<div class="container-fluid" style="max-width: 900px;">
    <div class="row mb-4">
        <div class="col-md-8">
            <h2>
                <i class="bi bi-receipt"></i> {{ $billing->billing_number }}
                @if($billing->is_legacy)
                    <span class="badge bg-secondary align-middle">Old System</span>
                @endif
            </h2>
            <p class="text-muted">Billing Date: {{ $billing->billing_date->format('M d, Y') }} | Due Date: {{ $billing->due_date->format('M d, Y') }}</p>
        </div>
        <div class="col-md-4 text-end">
            <a href="{{ route('billings.print-pdf', $billing) }}" class="btn btn-outline-secondary" target="_blank">
                <i class="bi bi-file-pdf"></i> Print PDF
            </a>
            <a href="{{ route('billings.print-thermal', $billing) }}" class="btn btn-outline-secondary" target="_blank">
                <i class="bi bi-printer"></i> Thermal
            </a>
        </div>
    </div>

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

    @if($errors->any())
        <div class="alert alert-danger alert-dismissible fade show" role="alert">
            <ul class="mb-0">
                @foreach($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
            <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
        </div>
    @endif

    @if($billing->status === 'voided')
        <div class="alert alert-dark">
            <h6 class="alert-heading"><i class="bi bi-slash-circle"></i> This billing was voided</h6>
            <div class="small mb-0">
                Voided {{ $billing->voided_at?->format('M d, Y g:i A') }}
                @if($billing->voidedByUser) by {{ $billing->voidedByUser->name }} @endif
                @if($billing->voidAuthorizedByUser) — authorized by {{ $billing->voidAuthorizedByUser->name }} (owner) @endif
                @if($billing->void_reason)<br><strong>Reason:</strong> {{ $billing->void_reason }}@endif
                <br>All payments against it were reversed and are excluded from collections and reports.
            </div>
            {{-- The consumption behind a voided bill is still unbilled, so offer the
                 way back: raise a fresh bill from the same reading. --}}
            @if($billing->meterReading?->isBillable())
                <hr>
                <form action="{{ route('meter-readings.generate-billing', $billing->meterReading) }}" method="POST" class="mb-0">
                    @csrf
                    <button type="submit" class="btn btn-warning btn-sm"
                            onclick="return confirm('Generate a new billing for {{ $billing->client->name }} from meter reading #{{ $billing->meterReading->id }}?')">
                        <i class="bi bi-receipt"></i> Generate New Billing From This Reading
                    </button>
                    <span class="small ms-2">The reading stays approved; this raises a replacement bill.</span>
                </form>
            @endif
        </div>
    @endif

    <div class="row mb-3">
        <div class="col-md-6">
            <div class="card">
                <div class="card-body">
                    <h6 class="card-title">Client Information</h6>
                    <p>
                        <strong>{{ $billing->client->name }}</strong><br>
                        Account: {{ $billing->client->account_number }}<br>
                        Meter: {{ $billing->client->meter_number ?? 'N/A' }}<br>
                        {{ $billing->client->address ?? '' }}
                    </p>
                </div>
            </div>
        </div>

        <div class="col-md-6">
            <div class="card">
                <div class="card-body">
                    <h6 class="card-title">Billing Status</h6>
                    <p>
                        <strong>Status:</strong>
                        <span class="badge bg-{{ match($billing->status) {
                            'paid' => 'success',
                            'cancelled' => 'secondary',
                            'voided' => 'dark',
                            'overdue' => 'danger',
                            default => 'warning',
                        } }}">{{ ucfirst(str_replace('_', ' ', $billing->status)) }}</span><br>
                        <strong>Amount Due:</strong> ₱{{ number_format($billing->total_amount_due, 2) }}<br>
                        <strong>Amount Paid:</strong> ₱{{ number_format($billing->amount_paid, 2) }}<br>
                        <strong>Balance:</strong> 
                        @if ($billing->balance > 0)
                            <span class="text-danger">₱{{ number_format($billing->balance, 2) }}</span>
                        @else
                            <span class="text-success">₱0.00</span>
                        @endif
                        <br>
                        <strong>Due Date:</strong> {{ $billing->due_date->format('M d, Y') }}<br>
                        @if($billing->disconnection_date)
                            <strong>Disconnection Date:</strong> <span class="text-danger">{{ $billing->disconnection_date->format('M d, Y') }}</span>
                        @endif
                    </p>
                </div>
            </div>
        </div>
    </div>

    <div class="card mb-3">
        <div class="card-header">
            <h5 class="card-title mb-0">Billing Details</h5>
        </div>
        <div class="card-body">
            <div class="row">
                <div class="col-md-6">
                    @if($billing->is_legacy)
                        <p class="text-muted">
                            <i class="bi bi-clock-history"></i> Carried over from the old system —
                            no meter reading is attached to this billing.
                        </p>
                    @else
                        <p>
                            <strong>Previous Reading:</strong> {{ number_format($billing->previous_reading, 2) }} cu.m<br>
                            <strong>Current Reading:</strong> {{ number_format($billing->current_reading, 2) }} cu.m<br>
                            <strong>Units Consumed:</strong> {{ number_format($billing->units_consumed, 2) }} cu.m
                        </p>
                    @endif
                </div>
                <div class="col-md-6">
                    <table class="table table-sm">
                        <tr>
                            <td>Subtotal</td>
                            <td class="text-end">₱{{ number_format($billing->subtotal, 2) }}</td>
                        </tr>
                        <tr>
                            <td>Tax</td>
                            <td class="text-end">₱{{ number_format($billing->tax, 2) }}</td>
                        </tr>
                        <tr>
                            <td>Other Charges</td>
                            <td class="text-end">₱{{ number_format($billing->other_charges, 2) }}</td>
                        </tr>
                        <tr>
                            <td>Penalties</td>
                            <td class="text-end">₱{{ number_format($billing->penalties, 2) }}</td>
                        </tr>
                        <tr class="table-active">
                            <td><strong>Total Amount Due</strong></td>
                            <td class="text-end"><strong>₱{{ number_format($billing->total_amount_due, 2) }}</strong></td>
                        </tr>
                    </table>
                </div>
            </div>

            <div class="mt-3">
                @unless ($billing->status === 'voided')
                    <a href="{{ route('billings.edit', $billing) }}" class="btn btn-warning">
                        <i class="bi bi-pencil"></i> Edit
                    </a>
                @endunless
                @if ($billing->status === 'draft')
                    <form method="POST" action="{{ route('billings.send', $billing) }}" class="d-inline">
                        @csrf
                        <button type="submit" class="btn btn-success">
                            <i class="bi bi-send"></i> Send Billing
                        </button>
                    </form>
                @endif
                @if ($billing->balance > 0)
                    <a href="{{ route('payments.create', ['billing_id' => $billing->id]) }}" class="btn btn-primary">
                        <i class="bi bi-plus-circle"></i> Add Payment
                    </a>
                @endif
                {{-- Void reverses collected payments; Cancel calls off a bill that
                     never took any money. Exactly one of the two ever applies. --}}
                @can('void', $billing)
                    @if ($billing->isVoidable())
                        <button type="button" class="btn btn-dark"
                                onclick="openVoidModal('{{ route('billings.void', $billing) }}', '{{ $billing->billing_number }}', @js($billing->client->name), '{{ $billing->amount_paid }}', 'show')">
                            <i class="bi bi-slash-circle"></i> Void Billing
                        </button>
                    @endif
                @endcan
                @can('cancel', $billing)
                    @if ($billing->isCancellable())
                        <form method="POST" action="{{ route('billings.cancel', $billing) }}" class="d-inline"
                              onsubmit="return confirm('Cancel billing #{{ $billing->billing_number }}? This cannot be undone through the app.');">
                            @csrf
                            <input type="hidden" name="cancel_reason" id="cancelReasonInput_{{ $billing->id }}">
                            <button type="submit" class="btn btn-outline-danger"
                                    onclick="document.getElementById('cancelReasonInput_{{ $billing->id }}').value = prompt('Reason for cancelling this billing (optional):') || '';">
                                <i class="bi bi-x-circle"></i> Cancel Billing
                            </button>
                        </form>
                    @endif
                @endcan
            </div>
        </div>
    </div>

    @if ($charges->count() > 0)
        <div class="card mb-3">
            <div class="card-header">
                <h5 class="card-title mb-0">Charges Added</h5>
                <small class="text-muted">
                    Fees and notices added to this billing. These are amounts owed, not money received —
                    they are already included in the Total Amount Due above.
                </small>
            </div>
            <div class="table-responsive">
                <table class="table table-sm table-hover mb-0">
                    <thead>
                        <tr>
                            <th>Reference #</th>
                            <th>Type</th>
                            <th class="text-end">Amount</th>
                            <th>Date Added</th>
                            <th>Status</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($charges as $charge)
                            <tr>
                                <td>{{ $charge->reference_number }}</td>
                                <td>{{ ucfirst(str_replace('_', ' ', $charge->type)) }}</td>
                                <td class="text-end">₱{{ number_format($charge->amount, 2) }}</td>
                                <td>{{ ($charge->charged_at ?? $charge->created_at)->format('M d, Y') }}</td>
                                <td>
                                    <span class="badge bg-{{ match($charge->status) {
                                        'added' => 'warning',
                                        'voided' => 'dark',
                                        default => 'secondary',
                                    } }}">{{ ucfirst($charge->status) }}</span>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    @endif

    @if ($payments->count() > 0)
        <div class="card">
            <div class="card-header">
                <h5 class="card-title mb-0">Payment History</h5>
                <small class="text-muted">Money received against this billing.</small>
            </div>
            <div class="table-responsive">
                <table class="table table-sm table-hover">
                    <thead>
                        <tr>
                            <th>Reference #</th>
                            <th>Amount</th>
                            <th>Method</th>
                            <th>Date</th>
                            <th>Status</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($payments as $payment)
                            <tr>
                                <td>{{ $payment->reference_number }}</td>
                                <td>₱{{ number_format($payment->amount, 2) }}</td>
                                <td>{{ ucfirst(str_replace('_', ' ', $payment->payment_method)) }}</td>
                                <td>{{ $payment->payment_date->format('M d, Y') }}</td>
                                <td>
                                    <span class="badge bg-{{ match($payment->status) {
                                        'completed' => 'success',
                                        'voided' => 'dark',
                                        'cancelled', 'failed' => 'secondary',
                                        default => 'warning',
                                    } }}">
                                        {{ ucfirst($payment->status) }}
                                    </span>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    @endif

    <div class="mt-4">
        <a href="{{ route('billings.index') }}" class="btn btn-secondary">Back to Billings</a>
    </div>
</div>

@can('void-billings')
    @include('components.void-billing-modal', ['hasVoidAuthorizer' => $hasVoidAuthorizer])
@endcan
@endsection