@extends('layouts.app')

@section('title', 'Correct Meter Reading')

@section('content')
<div class="container-fluid" style="max-width: 700px;">
    <div class="row mb-4">
        <div class="col-12">
            <h2><i class="bi bi-pencil-square"></i> Correct Meter Reading</h2>
            <p class="text-muted mb-0">
                {{ $reading->client->name }} ({{ $reading->client->account_number }})
                &middot; Meter {{ $reading->client->meter_number ?? 'N/A' }}
            </p>
        </div>
    </div>

    @if ($errors->any())
        <div class="alert alert-danger">
            <ul class="mb-0">
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif

    @if ($reading->status === 'approved')
        <div class="alert alert-warning">
            <i class="bi bi-exclamation-triangle"></i>
            <strong>This reading is already approved.</strong>
            @if ($activeBilling)
                Correcting it recalculates billing
                <a href="{{ route('billings.show', $activeBilling) }}">#{{ $activeBilling->billing_number }}</a>
                (currently &#8369;{{ number_format($activeBilling->total_amount_due, 2) }}).
                @if ($requiresVoidCode)
                    That bill has &#8369;{{ number_format($activeBilling->amount_paid, 2) }} collected against it, so
                    it must be <strong>voided</strong> and reissued &mdash; the payments will be reversed and the
                    company owner's 6-digit code is required.
                @else
                    Nothing has been paid on it, so it keeps the same billing number.
                @endif
            @else
                No billing stands against it right now, so only the reading itself changes.
            @endif
        </div>
    @endif

    <div class="card">
        <div class="card-body">
            <form method="POST" action="{{ route('meter-readings.update', $reading) }}">
                @csrf
                @method('PUT')

                <div class="mb-3">
                    <label class="form-label">Previous Reading (baseline)</label>
                    <div class="input-group">
                        <input type="text" class="form-control" value="{{ number_format($previousReading, 2) }}" disabled>
                        <span class="input-group-text">cu.m</span>
                    </div>
                    <div class="form-text">
                        The last good reading for this client. The corrected value cannot be below it.
                    </div>
                </div>

                <div class="mb-3">
                    <label for="reading_value" class="form-label">Corrected Meter Reading <span class="text-danger">*</span></label>
                    <div class="input-group">
                        <input type="number" step="0.01" min="0"
                               class="form-control @error('reading_value') is-invalid @enderror"
                               id="reading_value" name="reading_value"
                               value="{{ old('reading_value', $reading->reading_value) }}" required>
                        <span class="input-group-text">cu.m</span>
                        @error('reading_value')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                    <div class="form-text">
                        Recorded as {{ number_format($reading->reading_value, 2) }} cu.m
                        ({{ number_format($reading->units_consumed ?? 0, 2) }} cu.m consumed).
                    </div>
                </div>

                <div class="mb-3">
                    <label for="reading_date" class="form-label">Reading Date <span class="text-danger">*</span></label>
                    {{-- Bounded so a correction cannot introduce the mistyped year
                         it exists to fix; matches the check in update(). --}}
                    @php
                        $dateFloor = $reading->reading_date->year === now()->year - 1
                            ? now()->startOfYear()->subYear()
                            : now()->startOfYear();
                    @endphp
                    <input type="datetime-local"
                           class="form-control @error('reading_date') is-invalid @enderror"
                           id="reading_date" name="reading_date"
                           min="{{ $dateFloor->format('Y-m-d\TH:i') }}"
                           max="{{ now()->format('Y-m-d\TH:i') }}"
                           value="{{ old('reading_date', $reading->reading_date->format('Y-m-d\TH:i')) }}" required>
                    <small class="form-text text-muted">
                        Between {{ $dateFloor->format('M d, Y') }} and now.
                    </small>
                    @error('reading_date')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>

                <div class="mb-3">
                    <label for="correction_reason" class="form-label">Reason for Correction <span class="text-danger">*</span></label>
                    <textarea class="form-control @error('correction_reason') is-invalid @enderror"
                              id="correction_reason" name="correction_reason" rows="2" maxlength="500"
                              placeholder="e.g. Digit transposed when encoding — meter actually read 1250" required>{{ old('correction_reason') }}</textarea>
                    @error('correction_reason')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                    <div class="form-text">Recorded in the activity log against your account.</div>
                </div>

                <div class="mb-3">
                    <label for="notes" class="form-label">Notes/Comments</label>
                    <textarea class="form-control @error('notes') is-invalid @enderror"
                              id="notes" name="notes" rows="2">{{ old('notes', $reading->notes) }}</textarea>
                    @error('notes')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>

                @if ($requiresVoidCode)
                    <div class="mb-3">
                        <label for="void_code" class="form-label">
                            Owner Authorization Code <span class="text-danger">*</span>
                        </label>
                        <input type="password" inputmode="numeric" pattern="[0-9]*" maxlength="6"
                               class="form-control @error('void_code') is-invalid @enderror"
                               id="void_code" name="void_code" placeholder="6-digit code"
                               autocomplete="off" required>
                        @error('void_code')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                        <div class="form-text">
                            Required because the bill has already taken money. Voiding reverses those payments.
                        </div>
                    </div>

                    @unless ($hasVoidAuthorizer)
                        <div class="alert alert-danger">
                            <i class="bi bi-x-octagon"></i>
                            No company owner has set an authorization code, so this billing cannot be voided.
                            Ask the owner to set their void code in their profile first.
                        </div>
                    @endunless
                @endif

                <div class="d-grid gap-2 d-md-flex justify-content-md-end">
                    <a href="{{ route('meter-readings.show', $reading) }}" class="btn btn-secondary">Cancel</a>
                    <button type="submit" class="btn btn-primary"
                            {{ $requiresVoidCode && !$hasVoidAuthorizer ? 'disabled' : '' }}>
                        <i class="bi bi-check2-circle"></i> Save Correction
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection