@extends('layouts.app')

@section('content')
<div class="container-fluid">
    <div class="page-header">
        <div class="row align-items-center">
            <div class="col">
                <h3 class="page-title">
                    Create New Tier Group
                </h3>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-md-8 offset-md-2">
            @if ($errors->any())
                <div class="alert alert-danger alert-dismissible fade show" role="alert">
                    <strong>Validation Error!</strong>
                    <ul class="mb-0">
                        @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                </div>
            @endif
            <div class="card">
                <div class="card-header">
                    <h5 class="card-title">Tier Group Details</h5>
                </div>
                <div class="card-body">
                    @if(auth()->user()->isSuperAdmin() && !isset($company))
                    <!-- Super Admin - Company Selection Step -->
                    <form method="GET" action="{{ route('tier-groups.create') }}" class="row">
                        <div class="col-md-8 mb-3">
                            <label class="form-label">Select Company <span class="text-danger">*</span></label>
                            <select name="company_id" class="form-control @error('company_id') is-invalid @enderror" required>
                                <option value="">-- Choose a Company --</option>
                                @forelse($allCompanies ?? [] as $comp)
                                    <option value="{{ $comp->id }}" {{ old('company_id') == $comp->id ? 'selected' : '' }}>{{ $comp->name }}</option>
                                @empty
                                    <option value="" disabled>No companies available</option>
                                @endforelse
                            </select>
                            @error('company_id')
                                <div class="invalid-feedback d-block">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="col-md-4 mb-3 d-flex align-items-end">
                            <button type="submit" class="btn btn-primary w-100">
                                <i class="fe fe-arrow-right"></i> Next
                            </button>
                        </div>
                    </form>
                    @else
                    <!-- Tier Group Creation Form -->
                    <form method="POST" action="{{ route('tier-groups.store') }}" id="tierGroupForm">
                        @csrf
                        @php
                            $companyId = $company->id ?? auth()->user()->company_id;
                            $companyName = $company->name ?? auth()->user()->company->name;
                        @endphp
                        <input type="hidden" name="company_id" value="{{ $companyId }}">

                        <div class="form-group mb-3">
                            <label class="form-label">Company</label>
                            <input type="text" class="form-control" value="{{ $companyName }}" disabled>
                        </div>

                        <div class="form-group mb-3">
                            <label class="form-label">Group Name <span class="text-danger">*</span></label>
                            <input type="text" name="name" class="form-control @error('name') is-invalid @enderror" 
                                value="{{ old('name') }}" required placeholder="e.g., Residential, Commercial">
                            @error('name')
                                <div class="invalid-feedback d-block">{{ $message }}</div>
                            @enderror
                        </div>

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

                        <div class="form-group mb-3">
                            <label class="form-label">Rate Calculation Method <span class="text-danger">*</span></label>

                            <div class="form-check mb-2">
                                <input class="form-check-input" type="radio" id="calc_fixed_bracket" name="calculation_type"
                                    value="{{ \App\Models\TierGroup::TYPE_FIXED_BRACKET }}"
                                    {{ old('calculation_type', \App\Models\TierGroup::TYPE_FIXED_BRACKET) === \App\Models\TierGroup::TYPE_FIXED_BRACKET ? 'checked' : '' }}>
                                <label class="form-check-label" for="calc_fixed_bracket">
                                    <strong>Fixed Bracket Amount</strong>
                                    <small class="d-block text-muted">
                                        The charge is the flat amount of the bracket the consumption falls in.
                                        Example: 0-10 cu.m = ₱145.50, 11-20 cu.m = ₱250.00 — usage of 15 is charged ₱250.00.
                                    </small>
                                </label>
                            </div>

                            <div class="form-check mb-2">
                                <input class="form-check-input" type="radio" id="calc_minimum_excess" name="calculation_type"
                                    value="{{ \App\Models\TierGroup::TYPE_MINIMUM_EXCESS }}"
                                    {{ old('calculation_type') === \App\Models\TierGroup::TYPE_MINIMUM_EXCESS ? 'checked' : '' }}>
                                <label class="form-check-label" for="calc_minimum_excess">
                                    <strong>Minimum Charge + Excess Rate</strong>
                                    <small class="d-block text-muted">
                                        The minimum bracket is a flat charge; every cubic meter above it is charged at the
                                        per-cu.m rate of the bracket the total usage falls in.
                                        Example: 0-10 = ₱145.50 minimum, 21-30 = ₱17.50/cu.m — usage of 22 is charged
                                        ₱145.50 + (12 × ₱17.50) = ₱355.50.
                                    </small>
                                </label>
                            </div>

                            <div class="form-check">
                                <input class="form-check-input" type="radio" id="calc_minimum_progressive" name="calculation_type"
                                    value="{{ \App\Models\TierGroup::TYPE_MINIMUM_PROGRESSIVE }}"
                                    {{ old('calculation_type') === \App\Models\TierGroup::TYPE_MINIMUM_PROGRESSIVE ? 'checked' : '' }}>
                                <label class="form-check-label" for="calc_minimum_progressive">
                                    <strong>Minimum Charge + Progressive Tier Rates</strong>
                                    <small class="d-block text-muted">
                                        The minimum bracket is a flat charge; each bracket above it charges only the cubic
                                        meters falling inside that bracket, at that bracket's own per-cu.m rate.
                                        Example: 0-10 = ₱145.50 minimum, 11-20 = ₱15.50, 21-30 = ₱17.50/cu.m — usage of 25
                                        is charged ₱145.50 + (10 × ₱15.50) + (5 × ₱17.50) = ₱388.00.
                                    </small>
                                </label>
                            </div>
                            @error('calculation_type')
                                <div class="invalid-feedback d-block">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="form-group mb-3">
                            <label for="nwrb_classification" class="form-label">NWRB Classification</label>
                            <select name="nwrb_classification" id="nwrb_classification" class="form-select @error('nwrb_classification') is-invalid @enderror">
                                <option value="">-- Unclassified --</option>
                                @foreach(\App\Models\TierGroup::NWRB_CLASSIFICATIONS as $value => $label)
                                    <option value="{{ $value }}" @selected(old('nwrb_classification', null) === $value)>{{ $label }}</option>
                                @endforeach
                            </select>
                            <small class="form-text text-muted">
                                Used by the NWRB Section 18 report to break active service connections down into
                                residential, commercial/industrial and public taps. Clients inherit this from their tier group.
                            </small>
                            @error('nwrb_classification')
                                <div class="invalid-feedback d-block">{{ $message }}</div>
                            @enderror
                        </div>

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

                        <div class="form-group">
                            <button type="submit" class="btn btn-primary">
                                <i class="fe fe-save"></i> Create Tier Group
                            </button>
                            <a href="{{ route('tier-groups.index') }}" class="btn btn-secondary">
                                <i class="fe fe-x"></i> Cancel
                            </a>
                        </div>
                    </form>
                    @endif
                </div>
            </div>
        </div>
    </div>
</div>
@endsection