@extends('layouts.app')

@section('title', 'Add 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-person-plus"></i> Add New Client</h2>
        </div>
    </div>

    <div class="card">
        <div class="card-body">
            <form method="POST" action="{{ route('clients.store') }}">
                @csrf

                @if(auth()->user()->isSuperAdmin())
                    <div class="mb-3">
                        <label for="company_id" class="form-label">Select Company <span class="text-danger">*</span></label>
                        <select class="form-control @error('company_id') is-invalid @enderror" id="company_id" name="company_id" required onchange="updateCompanyId()">
                            <option value="">-- Select Company --</option>
                            @foreach ($companies as $comp)
                                <option value="{{ $comp->id }}" {{ old('company_id') == $comp->id ? 'selected' : '' }}>
                                    {{ $comp->name }}
                                </option>
                            @endforeach
                        </select>
                        @error('company_id')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="mb-3">
                        <label for="account_number" class="form-label">Account Number</label>
                        <div class="input-group">
                            <span class="input-group-text" id="company_id_prefix">-</span>
                            <input type="text" class="form-control @error('account_number_suffix') is-invalid @enderror" 
                                   id="account_number_suffix" name="account_number_suffix" 
                                   placeholder="Optional (auto-generated if empty)"
                                   value="{{ old('account_number_suffix') }}">
                        </div>
                        <small class="form-text text-muted">Format: [Company ID]-[Your suffix]. Leave blank to auto-generate</small>
                        @error('account_number_suffix')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                @else
                    <div class="mb-3">
                        <label for="account_number" class="form-label">Account Number</label>
                        <div class="input-group">
                            <span class="input-group-text">{{ $company->id }}-</span>
                            <input type="text" class="form-control @error('account_number_suffix') is-invalid @enderror" 
                                   id="account_number_suffix" name="account_number_suffix" 
                                   placeholder="Optional (auto-generated if empty)"
                                   value="{{ old('account_number_suffix') }}">
                        </div>
                        <small class="form-text text-muted">Format: {{ $company->id }}-[Your suffix]. Leave blank to auto-generate</small>
                        @error('account_number_suffix')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                @endif

                <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>
                        @if(auth()->user()->isSuperAdmin())
                            @if(old('company_id') || isset($company))
                                @php
                                    $companyId = old('company_id') ?? ($company->id ?? null);
                                    if ($companyId) {
                                        $tierGroups = \App\Models\Company::find($companyId)->tierGroups()->where('is_active', true)->get();
                                        foreach ($tierGroups as $group) {
                                            echo '<option value="' . $group->id . '"' . (old('tier_group_id') == $group->id ? ' selected' : '') . '>' . $group->name . '</option>';
                                        }
                                    }
                                @endphp
                            @endif
                        @else
                            @foreach(auth()->user()->company->tierGroups()->where('is_active', true)->get() as $group)
                                <option value="{{ $group->id }}" {{ old('tier_group_id') == $group->id ? 'selected' : '' }}>
                                    {{ $group->name }}
                                </option>
                            @endforeach
                        @endif
                    </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') }}" 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') }}">
                        @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') }}">
                        @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') }}" 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') }}" 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 <span class="text-danger">*</span></label>
                    <textarea class="form-control @error('address') is-invalid @enderror" id="address" name="address" rows="2" required>{{ old('address') }}</textarea>
                    @error('address')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                    @error('street_address')
                        <div class="invalid-feedback d-block">{{ $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') }}">
                        @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') }}">
                        @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') }}">
                        @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') }}">
                        @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') }}">
                    @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') }}" 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="d-grid gap-2 d-md-flex justify-content-md-end">
                    <a href="{{ route('clients.index') }}" class="btn btn-secondary">Cancel</a>
                    <button type="submit" class="btn btn-primary">Create Client</button>
                </div>
            </form>
        </div>
    </div>
</div>

@if(auth()->user()->isSuperAdmin())
<script>
    const accountNumberPreviews = @json($accountNumberPreviews ?? []);
    
    function updateCompanyId() {
        const companyId = document.getElementById('company_id').value;
        const prefixSpan = document.getElementById('company_id_prefix');
        
        if (companyId) {
            prefixSpan.textContent = companyId + '-';
            loadTierGroups();
        } else {
            prefixSpan.textContent = '-';
        }
    }
    
    function loadTierGroups() {
        const companyId = document.getElementById('company_id').value;
        const tierGroupSelect = document.getElementById('tier_group_id');
        
        if (!companyId) {
            tierGroupSelect.innerHTML = '<option value="">-- Select Tier Group --</option>';
            return;
        }
        
        fetch(`/api/companies/${companyId}/tier-groups`)
            .then(response => response.json())
            .then(data => {
                tierGroupSelect.innerHTML = '<option value="">-- Select Tier Group --</option>';
                data.forEach(group => {
                    const option = document.createElement('option');
                    option.value = group.id;
                    option.textContent = group.name;
                    tierGroupSelect.appendChild(option);
                });
            })
            .catch(error => console.error('Error loading tier groups:', error));
    }
    
    // Initialize on page load
    document.addEventListener('DOMContentLoaded', function() {
        const companyId = document.getElementById('company_id').value;
        if (companyId) {
            updateCompanyId();
        }
    });
</script>
@else
<script>
    function loadTierGroups() {
        // For non-super-admin, tier groups are pre-loaded
    }
</script>
@endif
@endsection