@extends('layouts.app')

@section('title', 'Billings')

@section('content')
<div class="container-fluid">
    <div class="row mb-4">
        <div class="col-12 d-flex justify-content-between align-items-center">
            <h2><i class="bi bi-receipt"></i> Billings</h2>
            <a href="{{ route('billings.create') }}" class="btn btn-primary">
                <i class="bi bi-clock-history"></i> Add Old System Billing
            </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-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

    <!-- Statistics -->
    @if($stats)
    <div class="row mb-4">
        <div class="col-md-3">
            <div class="card">
                <div class="card-body">
                    <h6 class="card-title text-muted">Total Bills</h6>
                    <h2>{{ $stats['total_bills'] }}</h2>
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="card">
                <div class="card-body">
                    <h6 class="card-title text-muted">Sent</h6>
                    <h2>{{ $stats['sent'] }}</h2>
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="card">
                <div class="card-body">
                    <h6 class="card-title text-muted">Overdue</h6>
                    <h2>{{ $stats['overdue'] }}</h2>
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="card">
                <div class="card-body">
                    <h6 class="card-title text-muted">Paid</h6>
                    <h2>{{ $stats['paid'] }}</h2>
                </div>
            </div>
        </div>
    </div>
    @endif

    <div class="card mb-3">
        <div class="card-body">
            <form method="GET" class="row g-3">
                @if($isSuperAdmin)
                    <div class="col-md-3">
                        <select name="company_id" class="form-select">
                            <option value="">All Companies</option>
                            @foreach($allCompanies as $comp)
                                <option value="{{ $comp->id }}" @selected($selectedCompanyId === $comp->id)>{{ $comp->name }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-3">
                        <input type="text" name="search" class="form-control" placeholder="Search by client name or account number" value="{{ request('search') }}">
                    </div>
                @else
                    <div class="col-md-6">
                        <input type="text" name="search" class="form-control" placeholder="Search by client name or account number" value="{{ request('search') }}">
                    </div>
                @endif
                <div class="col-md-{{ $isSuperAdmin ? '3' : '4' }}">
                    <select name="status" class="form-select">
                        <option value="">All Status</option>
                        @foreach ($statuses as $status)
                            <option value="{{ $status }}" {{ request('status') === $status ? 'selected' : '' }}>
                                {{ ucfirst(str_replace('_', ' ', $status)) }}
                            </option>
                        @endforeach
                    </select>
                </div>
                <div class="col-md-{{ $isSuperAdmin ? '3' : '2' }}">
                    <button type="submit" class="btn btn-outline-primary w-100">Filter</button>
                </div>
            </form>
        </div>
    </div>

    <div class="card">
        <div class="table-responsive">
            <table class="table table-hover">
                <thead class="table-light">
                    <tr>
                        <th>Billing #</th>
                        @if($isSuperAdmin)
                            <th>Company</th>
                        @endif
                        <th>Client</th>
                        <th>Consumption</th>
                        <th>Water Charges</th>
                        <th>Late Fee</th>
                        <th>Total Amount Due</th>
                        <th>Amount Paid</th>
                        <th>Balance</th>
                        <th>Status</th>
                        <th>Due Date</th>
                        <th>Actions</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse ($billings as $billing)
                        <tr>
                            <td>
                                <strong>{{ $billing->billing_number }}</strong>
                                @if($billing->is_legacy)
                                    <span class="badge bg-secondary">Old System</span>
                                @endif
                            </td>
                            @if($isSuperAdmin)
                                <td>
                                    <span class="badge bg-info">{{ $billing->client->company->name }}</span>
                                </td>
                            @endif
                            <td>{{ $billing->client->name }}</td>
                            <td>{{ number_format($billing->units_consumed, 2) }} cu.m</td>
                            {{-- The late payment fee is part of the billing, so it is
                                 itemised here rather than shown as a payment. --}}
                            <td>₱{{ number_format($billing->total_amount_due - $billing->penalties, 2) }}</td>
                            <td>
                                @if ($billing->penalties > 0)
                                    <span class="badge bg-danger">₱{{ number_format($billing->penalties, 2) }}</span>
                                @else
                                    <span class="text-muted">—</span>
                                @endif
                            </td>
                            <td><strong>₱{{ number_format($billing->total_amount_due, 2) }}</strong></td>
                            <td>₱{{ number_format($billing->amount_paid, 2) }}</td>
                            <td>
                                @if ($billing->status === 'voided')
                                    <span class="badge bg-dark">Voided</span>
                                @elseif ($billing->balance > 0)
                                    <span class="badge bg-danger">₱{{ number_format($billing->balance, 2) }}</span>
                                @else
                                    <span class="badge bg-success">Paid</span>
                                @endif
                            </td>
                            <td>
                                <span class="badge bg-{{ match($billing->status) {
                                    'paid' => 'success',
                                    'overdue' => 'danger',
                                    'voided' => 'dark',
                                    'cancelled' => 'secondary',
                                    default => 'warning',
                                } }}">
                                    {{ ucfirst(str_replace('_', ' ', $billing->status)) }}
                                </span>
                            </td>
                            <td>{{ $billing->due_date->format('M d, Y') }}</td>
                            <td>
                                <a href="{{ route('billings.show', $billing) }}" class="btn btn-sm btn-info">
                                    <i class="bi bi-eye"></i> View
                                </a>
                                <a href="{{ route('billings.print-pdf', $billing) }}" class="btn btn-sm btn-secondary" target="_blank">
                                    <i class="bi bi-file-pdf"></i> PDF
                                </a>
                                @if ($billing->balance > 0)
                                    <a href="{{ route('payments.create', ['billing_id' => $billing->id]) }}" class="btn btn-sm btn-success">
                                        <i class="bi bi-plus-circle"></i> Pay
                                    </a>
                                @endif
                                {{-- Void once money has been collected (it reverses the
                                     payments); Cancel while nothing has been paid. The two
                                     are mutually exclusive. --}}
                                @can('void', $billing)
                                    @if ($billing->isVoidable())
                                        <button type="button" class="btn btn-sm btn-dark"
                                                onclick="openVoidModal('{{ route('billings.void', $billing) }}', '{{ $billing->billing_number }}', @js($billing->client->name), '{{ $billing->amount_paid }}', 'index')">
                                            <i class="bi bi-slash-circle"></i> Void
                                        </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="cancelReasonRow_{{ $billing->id }}">
                                            <button type="submit" class="btn btn-sm btn-outline-danger"
                                                    onclick="document.getElementById('cancelReasonRow_{{ $billing->id }}').value = prompt('Reason for cancelling this billing (optional):') || '';">
                                                <i class="bi bi-x-circle"></i> Cancel
                                            </button>
                                        </form>
                                    @endif
                                @endcan
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="{{ $isSuperAdmin ? 12 : 11 }}" class="text-center text-muted py-4">No billings found</td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>

    <div class="mt-4">
        {{ $billings->appends(request()->query())->links('pagination::bootstrap-5') }}
    </div>
</div>

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