@extends('layouts.app')

@section('title', 'Edit Billing')

@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-pencil-square"></i> Edit Billing {{ $billing->billing_number }}</h2>
            <a href="{{ route('billings.show', $billing) }}" class="btn btn-outline-secondary">
                <i class="bi bi-arrow-left"></i> Back to Billing
            </a>
        </div>
    </div>

    <div class="row">
        <div class="col-md-8">
            <div class="card">
                <div class="card-header">
                    <h5 class="card-title mb-0">Adjust Charges and Due Date</h5>
                </div>
                <div class="card-body">
                    <div class="alert alert-info">
                        <i class="bi bi-info-circle"></i>
                        Only the charges below and the due date can be changed. The meter
                        readings, consumption, and water charges come from the approved
                        reading and are not editable here.
                    </div>

                    <form method="POST" action="{{ route('billings.update', $billing) }}">
                        @csrf
                        @method('PUT')

                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group mb-3">
                                    <label for="penalties" class="form-label">Late Payment / Penalties</label>
                                    <div class="input-group">
                                        <span class="input-group-text">₱</span>
                                        <input type="number" step="0.01" min="0" name="penalties" id="penalties"
                                            class="form-control @error('penalties') is-invalid @enderror"
                                            value="{{ old('penalties', number_format((float) $billing->penalties, 2, '.', '')) }}" required>
                                    </div>
                                    @error('penalties')
                                        <div class="invalid-feedback d-block">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group mb-3">
                                    <label for="other_charges" class="form-label">Other Charges</label>
                                    <div class="input-group">
                                        <span class="input-group-text">₱</span>
                                        <input type="number" step="0.01" min="0" name="other_charges" id="other_charges"
                                            class="form-control @error('other_charges') is-invalid @enderror"
                                            value="{{ old('other_charges', number_format((float) $billing->other_charges, 2, '.', '')) }}" required>
                                    </div>
                                    @error('other_charges')
                                        <div class="invalid-feedback d-block">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group mb-3">
                                    <label for="tax" class="form-label">Tax</label>
                                    <div class="input-group">
                                        <span class="input-group-text">₱</span>
                                        <input type="number" step="0.01" min="0" name="tax" id="tax"
                                            class="form-control @error('tax') is-invalid @enderror"
                                            value="{{ old('tax', number_format((float) $billing->tax, 2, '.', '')) }}" required>
                                    </div>
                                    @error('tax')
                                        <div class="invalid-feedback d-block">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group mb-3">
                                    <label for="due_date" class="form-label">Due Date <span class="text-danger">*</span></label>
                                    <input type="date" name="due_date" id="due_date"
                                        class="form-control @error('due_date') is-invalid @enderror"
                                        value="{{ old('due_date', $billing->due_date?->format('Y-m-d')) }}" required>
                                    @error('due_date')
                                        <div class="invalid-feedback d-block">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <div class="form-group mb-3">
                            <label for="remarks" class="form-label">Remarks</label>
                            <textarea name="remarks" id="remarks" rows="3"
                                class="form-control @error('remarks') is-invalid @enderror"
                                placeholder="Reason for the adjustment, for the activity log.">{{ old('remarks', $billing->remarks) }}</textarea>
                            @error('remarks')
                                <div class="invalid-feedback d-block">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="form-group">
                            <button type="submit" class="btn btn-primary">
                                <i class="bi bi-save"></i> Save Changes
                            </button>
                            <a href="{{ route('billings.show', $billing) }}" class="btn btn-outline-secondary">Cancel</a>
                        </div>
                    </form>
                </div>
            </div>
        </div>

        <div class="col-md-4">
            <div class="card">
                <div class="card-header">
                    <h5 class="card-title mb-0"><i class="bi bi-receipt"></i> Current Billing</h5>
                </div>
                <div class="card-body">
                    <dl class="row mb-0">
                        <dt class="col-6">Client</dt>
                        <dd class="col-6 text-end">{{ $billing->client?->name ?? '-' }}</dd>

                        <dt class="col-6">Account No.</dt>
                        <dd class="col-6 text-end">{{ $billing->client?->account_number ?? '-' }}</dd>

                        <dt class="col-6">Billing Date</dt>
                        <dd class="col-6 text-end">{{ $billing->billing_date?->format('M d, Y') ?? '-' }}</dd>

                        <dt class="col-6">Consumption</dt>
                        <dd class="col-6 text-end">{{ $billing->units_consumed ?? '-' }}</dd>

                        <dt class="col-6">Water Charges</dt>
                        <dd class="col-6 text-end">₱ {{ number_format((float) $billing->subtotal, 2) }}</dd>

                        <dt class="col-6">Total Due</dt>
                        <dd class="col-6 text-end fw-bold">₱ {{ number_format((float) $billing->total_amount_due, 2) }}</dd>

                        <dt class="col-6">Amount Paid</dt>
                        <dd class="col-6 text-end">₱ {{ number_format((float) $billing->amount_paid, 2) }}</dd>

                        <dt class="col-6">Balance</dt>
                        <dd class="col-6 text-end fw-bold text-danger">₱ {{ number_format((float) $billing->balance, 2) }}</dd>
                    </dl>
                    <hr>
                    <small class="text-muted">
                        Saving recalculates the total and balance from the water charges plus
                        the values above, and records the change in the activity log.
                    </small>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection