@extends('layouts.app')
@section('content')
    <div class="page-title"><i class="fas fa-layer-group me-2"></i>Add New Pricing Tier</div>
    <p class="page-subtitle">Create a new water pricing tier for {{ $company->name }}</p>

    @if($errors->any())
        <div class="alert alert-danger alert-dismissible fade show" role="alert">
            <strong>Error!</strong> Please fix the errors below.
            <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
        </div>
    @endif

    <div class="card">
        <div class="card-body">
            <form action="{{ route('tiers.store') }}" method="POST">
                @csrf
                
                @if(auth()->user()->isSuperAdmin())
                    <input type="hidden" name="company_id" value="{{ $selectedCompanyId }}">
                @endif

                <div class="row mb-3">
                    <div class="col-md-6">
                        <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($company->tierGroups()->where('is_active', true)->get() as $group)
                                <option value="{{ $group->id }}" {{ old('tier_group_id') == $group->id ? 'selected' : '' }}>
                                    {{ $group->name }}
                                </option>
                            @endforeach
                        </select>
                        @error('tier_group_id')
                            <div class="invalid-feedback d-block">{{ $message }}</div>
                        @enderror
                    </div>
                    <div class="col-md-6">
                        <label for="order" class="form-label">Order <span class="text-danger">*</span></label>
                        <input type="number" class="form-control @error('order') is-invalid @enderror" id="order" name="order" 
                               value="{{ old('order') }}" placeholder="1" min="1" required>
                        @error('order')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                </div>

                <div class="row mb-3">
                    <div class="col-md-6">
                        <label for="name" class="form-label">Tier 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') }}" placeholder="e.g., Tier 1, Tier 2" required>
                        @error('name')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                </div>

                <div class="mb-3">
                    <label for="description" class="form-label">Description</label>
                    <textarea class="form-control @error('description') is-invalid @enderror" id="description" name="description" rows="2" 
                              placeholder="Optional description">{{ old('description') }}</textarea>
                    @error('description')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>

                <div class="row mb-3">
                    <div class="col-md-6">
                        <label for="min_units" class="form-label">Minimum Units <span class="text-danger">*</span></label>
                        <input type="number" class="form-control @error('min_units') is-invalid @enderror" id="min_units" name="min_units" 
                               value="{{ old('min_units', 0) }}" placeholder="0" step="0.01" min="0" required>
                        @error('min_units')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                    <div class="col-md-6">
                        <label for="max_units" class="form-label">Maximum Units</label>
                        <input type="number" class="form-control @error('max_units') is-invalid @enderror" id="max_units" name="max_units" 
                               value="{{ old('max_units') }}" placeholder="Leave empty for unlimited" step="0.01" min="0">
                        @error('max_units')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                </div>

                <div class="mb-3">
                    <label for="price_per_unit" class="form-label">Price ({{ $company->currency_code }}) <span class="text-danger">*</span></label>
                    <input type="number" class="form-control @error('price_per_unit') is-invalid @enderror" id="price_per_unit" name="price_per_unit"
                           value="{{ old('price_per_unit') }}" placeholder="0.00" step="0.01" min="0" required>
                    <small class="form-text text-muted">
                        For a <strong>Fixed Bracket Amount</strong> group this is the flat charge for the bracket.
                        For a <strong>Minimum Charge + Excess Rate</strong> group this is the rate per cubic meter —
                        except on the minimum bracket, where it is the flat minimum charge.
                    </small>
                    @error('price_per_unit')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>

                <div class="mb-3">
                    <div class="form-check">
                        <input class="form-check-input" type="checkbox" id="is_minimum" name="is_minimum" value="1"
                               {{ old('is_minimum') ? 'checked' : '' }}>
                        <label class="form-check-label" for="is_minimum">
                            This is the <strong>minimum charge</strong> bracket
                        </label>
                        <small class="form-text text-muted d-block">
                            Used by "Minimum Charge + Excess Rate" groups: consumption within this bracket pays only the
                            flat minimum; usage above it is charged per cubic meter. Only one bracket per group can be the minimum.
                        </small>
                    </div>
                </div>

                <div class="mb-3">
                    <div class="form-check">
                        <input class="form-check-input" type="checkbox" id="is_active" name="is_active" value="1"
                               {{ old('is_active', 1) ? 'checked' : '' }}>
                        <label class="form-check-label" for="is_active">
                            Active
                        </label>
                    </div>
                </div>

                <div class="d-grid gap-2 d-md-flex justify-content-md-end">
                    <a href="{{ route('tiers.index', auth()->user()->isSuperAdmin() ? ['company_id' => $selectedCompanyId] : []) }}" class="btn btn-secondary">
                        Cancel
                    </a>
                    <button type="submit" class="btn btn-primary">Create Tier</button>
                </div>
            </form>
        </div>
    </div>
@endsection