@extends('layouts.app')

@section('title', 'Meter Readings')

@section('content')
<div class="container-fluid">
    <div class="row mb-4">
        <div class="col-md-8">
            <h2><i class="bi bi-speedometer"></i> Meter Readings</h2>
        </div>
        @if(!auth()->user()->hasCompanyAdminAccess())
        <div class="col-md-4 text-end">
            <a href="{{ route('meter-readings.create') }}" class="btn btn-primary">
                <i class="bi bi-plus"></i> Record Reading
            </a>
        </div>
        @endif
    </div>

    <div class="card mb-3">
        <div class="card-body">
            <form method="GET" class="row g-3">
                <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>
                <div class="col-md-4">
                    <select name="status" class="form-select">
                        <option value="">All Status</option>
                        @foreach ($statuses as $status)
                            <option value="{{ $status }}" {{ request('status') === $status ? 'selected' : '' }}>
                                {{ ucfirst($status) }}
                            </option>
                        @endforeach
                    </select>
                </div>
                <div class="col-md-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>Reading Date</th>
                        @if($isSuperAdmin)
                            <th>Company</th>
                        @endif
                        <th>Client</th>
                        <th>Reading Value</th>
                        <th>Previous</th>
                        <th>Units</th>
                        <th>Recorded By</th>
                        <th>Status</th>
                        <th>Action</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse ($readings as $reading)
                        <tr>
                            <td>{{ $reading->reading_date->format('M d, Y') }}</td>
                            @if($isSuperAdmin)
                                <td><strong>{{ $reading->tenant->name ?? 'N/A' }}</strong></td>
                            @endif
                            <td>
                                <strong>{{ $reading->client->name }}</strong><br>
                                <small>{{ $reading->client->account_number }}</small>
                            </td>
                            <td>{{ number_format($reading->reading_value, 2) }} cu.m</td>
                            <td>{{ number_format($reading->previous_reading ?? 0, 2) }} cu.m</td>
                            <td>{{ number_format($reading->units_consumed ?? 0, 2) }} cu.m</td>
                            <td>{{ $reading->recorded_by ?? '-' }}</td>
                            <td>
                                <span class="badge bg-{{ $reading->status === 'approved' ? 'success' : ($reading->status === 'rejected' ? 'danger' : 'warning') }}">
                                    {{ ucfirst($reading->status) }}
                                </span>
                            </td>
                            <td>
                                <div class="btn-group btn-group-sm" role="group">
                                    <a href="{{ route('meter-readings.show', $reading) }}" class="btn btn-info" title="View details">
                                        <i class="bi bi-eye"></i> View
                                    </a>
                                    @if($reading->status === 'draft')
                                        <form action="{{ route('meter-readings.approve', $reading) }}" method="POST" style="display:inline;">
                                            @csrf
                                            <button type="submit" class="btn btn-success" title="Approve and create billing" onclick="return confirm('Approve this reading and create billing?')">
                                                <i class="bi bi-check-circle"></i> Approve
                                            </button>
                                        </form>
                                        <form action="{{ route('meter-readings.reject', $reading) }}" method="POST" style="display:inline;">
                                            @csrf
                                            <button type="submit" class="btn btn-danger" title="Reject this reading" onclick="return confirm('Reject this reading?')">
                                                <i class="bi bi-x-circle"></i> Reject
                                            </button>
                                        </form>
                                    @elseif($reading->isBillable())
                                        {{-- Approved but nothing standing against it: its bill was
                                             voided or cancelled, so the consumption needs billing again. --}}
                                        <form action="{{ route('meter-readings.generate-billing', $reading) }}" method="POST" style="display:inline;">
                                            @csrf
                                            <button type="submit" class="btn btn-warning" title="Generate a new billing from this reading"
                                                    onclick="return confirm('Generate a new billing for {{ $reading->client->name }} from this reading?')">
                                                <i class="bi bi-receipt"></i> Generate Billing
                                            </button>
                                        </form>
                                    @else
                                        <span class="btn btn-secondary btn-sm disabled" title="Cannot modify {{ $reading->status }} readings">
                                            <i class="bi bi-lock"></i> {{ ucfirst($reading->status) }}
                                        </span>
                                    @endif
                                </div>
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="{{ $isSuperAdmin ? 9 : 8 }}" class="text-center text-muted py-4">No meter readings found</td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>

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