@extends('layouts.app')

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

@section('content')
<div class="container-fluid" style="max-width: 800px;">
    <div class="row mb-4">
        <div class="col-12">
            <h2><i class="bi bi-pencil"></i> Edit Client</h2>
        </div>
    </div>

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

                <div class="mb-3">
                    <label for="account_number" class="form-label">Account Number</label>
                    <input type="text" class="form-control" id="account_number" value="{{ $client->account_number }}" disabled>
                    <small class="text-muted">Auto-generated, cannot be changed</small>
                </div>

                <div class="mb-3">
                    <label for="tier_group_id" class="form-label">Tier Group <span class="text-danger">*</span></label>
                    <select class="form-control @error('tier_group_id') is-invalid @enderror" id="tier_group_id" name="tier_group_id" required>
                        <option value="">-- Select Tier Group --</option>
                        @foreach($client->company->tierGroups()->where('is_active', true)->get() as $group)
                            <option value="{{ $group->id }}" {{ old('tier_group_id', $client->tier_group_id) == $group->id ? 'selected' : '' }}>
                                {{ $group->name }}
                            </option>
                        @endforeach
                    </select>
                    @error('tier_group_id')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>

                <div class="mb-3">
                    <label for="name" class="form-label">Name <span class="text-danger">*</span></label>
                    <input type="text" class="form-control @error('name') is-invalid @enderror" id="name" name="name" value="{{ old('name', $client->name) }}" required>
                    @error('name')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>

                <div class="row">
                    <div class="col-md-6 mb-3">
                        <label for="email" class="form-label">Email</label>
                        <input type="email" class="form-control @error('email') is-invalid @enderror" id="email" name="email" value="{{ old('email', $client->email) }}">
                        @error('email')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="col-md-6 mb-3">
                        <label for="phone" class="form-label">Phone</label>
                        <input type="text" class="form-control @error('phone') is-invalid @enderror" id="phone" name="phone" value="{{ old('phone', $client->phone) }}">
                        @error('phone')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                </div>

                <div class="row">
                    <div class="col-md-6 mb-3">
                        <label for="block_number" class="form-label">Block Number</label>
                        <input type="text" class="form-control @error('block_number') is-invalid @enderror" id="block_number" name="block_number" value="{{ old('block_number', $client->block_number) }}" placeholder="e.g., Blk 4">
                        @error('block_number')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="col-md-6 mb-3">
                        <label for="lot_number" class="form-label">Lot Number</label>
                        <input type="text" class="form-control @error('lot_number') is-invalid @enderror" id="lot_number" name="lot_number" value="{{ old('lot_number', $client->lot_number) }}" placeholder="e.g., Lot 1">
                        @error('lot_number')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                </div>

                <div class="mb-3">
                    <label for="address" class="form-label">Address</label>
                    <textarea class="form-control @error('address') is-invalid @enderror" id="address" name="address" rows="2">{{ old('address', $client->address ?? $client->street_address) }}</textarea>
                    @error('address')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>

                <div class="row">
                    <div class="col-md-6 mb-3">
                        <label for="barangay" class="form-label">Barangay</label>
                        <input type="text" class="form-control @error('barangay') is-invalid @enderror" id="barangay" name="barangay" value="{{ old('barangay', $client->barangay) }}">
                        @error('barangay')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="col-md-6 mb-3">
                        <label for="city" class="form-label">City</label>
                        <input type="text" class="form-control @error('city') is-invalid @enderror" id="city" name="city" value="{{ old('city', $client->city) }}">
                        @error('city')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                </div>

                <div class="row">
                    <div class="col-md-6 mb-3">
                        <label for="province" class="form-label">Province</label>
                        <input type="text" class="form-control @error('province') is-invalid @enderror" id="province" name="province" value="{{ old('province', $client->province) }}">
                        @error('province')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="col-md-6 mb-3">
                        <label for="zip_code" class="form-label">Zip Code</label>
                        <input type="text" class="form-control @error('zip_code') is-invalid @enderror" id="zip_code" name="zip_code" value="{{ old('zip_code', $client->zip_code) }}">
                        @error('zip_code')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                </div>

                <div class="mb-3">
                    <label for="meter_number" class="form-label">Meter Number</label>
                    <input type="text" class="form-control @error('meter_number') is-invalid @enderror" id="meter_number" name="meter_number" value="{{ old('meter_number', $client->meter_number) }}">
                    @error('meter_number')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>

                <div class="mb-3">
                    <label for="meter_start_reading" class="form-label">Meter Start Reading (for system migration)</label>
                    <input type="number" class="form-control @error('meter_start_reading') is-invalid @enderror" id="meter_start_reading" name="meter_start_reading" value="{{ old('meter_start_reading', $client->meter_start_reading) }}" placeholder="Initial meter reading (optional)" step="0.01" min="0">
                    <small class="form-text text-muted">Use this if migrating from an old system. This serves as the initial meter reading baseline.</small>
                    @error('meter_start_reading')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>

                <div class="mb-3">
                    <label for="status" class="form-label">Status <span class="text-danger">*</span></label>
                    {{-- Connection state is not editable here. Cutting a customer off
                         needs a meter read before the water stops and an office
                         verification afterwards, so both directions go through a job
                         order. A disconnected account keeps its status as a locked,
                         display-only option. --}}
                    <select class="form-select @error('status') is-invalid @enderror" id="status" name="status" required>
                        <option value="active" {{ old('status', $client->status) === 'active' ? 'selected' : '' }}>Active</option>
                        <option value="inactive" {{ old('status', $client->status) === 'inactive' ? 'selected' : '' }}>Inactive</option>
                        @if($client->isDisconnected())
                            <option value="disconnected" selected>Disconnected</option>
                        @endif
                    </select>
                    @error('status')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                    <div class="form-text">
                        @if($client->isDisconnected())
                            This account is disconnected.
                            <a href="{{ route('work-orders.create', ['client_id' => $client->id]) }}">Raise a reconnection job order</a>
                            to restore service — changing it here would leave the water off.
                        @else
                            To cut this account off,
                            <a href="{{ route('work-orders.create', ['client_id' => $client->id]) }}">raise a disconnection job order</a>
                            so the meter is read before the water goes off.
                        @endif
                    </div>
                </div>

                <div class="alert alert-info">
                    <i class="bi bi-info-circle"></i> 
                    Outstanding Balance: <strong>₱{{ number_format($client->outstanding_balance, 2) }}</strong>
                </div>

                <div class="d-grid gap-2 d-md-flex justify-content-md-end">
                    <a href="{{ route('clients.show', $client) }}" class="btn btn-secondary">Cancel</a>
                    <button type="submit" class="btn btn-primary">Update Client</button>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection