@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">
                    Edit Tier Group: {{ $tierGroup->name }}
                </h3>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-md-8 offset-md-2">
            <div class="card">
                <div class="card-header">
                    <h5 class="card-title">Tier Group Details</h5>
                </div>
                <div class="card-body">
                    <form method="POST" action="{{ route('tier-groups.update', $tierGroup) }}">
                        @csrf
                        @method('PUT')

                        <div class="form-group mb-3">
                            <label class="form-label">Company</label>
                            <input type="text" class="form-control" value="{{ $tierGroup->company->name }}" 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', $tierGroup->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', $tierGroup->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', $tierGroup->calculation_type) === \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', $tierGroup->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. Mark the minimum bracket on its tier using the
                                        "minimum charge" checkbox.
                                    </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', $tierGroup->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. Mark the minimum
                                        bracket on its tier using the "minimum charge" checkbox.
                                    </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', $tierGroup->nwrb_classification) === $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" value="1" class="form-check-input" id="is_active"
                                    {{ old('is_active', $tierGroup->is_active) ? 'checked' : '' }}>
                                <label class="form-check-label" for="is_active">
                                    Active
                                </label>
                            </div>
                        </div>

                        <div class="form-group mb-3">
                            <div class="alert alert-info">
                                <strong>Related Data:</strong>
                                <ul class="mb-0">
                                    <li>{{ $tierGroup->tiers()->count() }} Tier(s) assigned</li>
                                    <li>{{ $tierGroup->clients()->count() }} Client(s) assigned</li>
                                </ul>
                            </div>
                        </div>

                        <div class="form-group">
                            <button type="submit" class="btn btn-primary">
                                <i class="fe fe-save"></i> Update Tier Group
                            </button>
                            <a href="{{ route('tier-groups.show', $tierGroup) }}" class="btn btn-secondary">
                                <i class="fe fe-x"></i> Cancel
                            </a>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

    <div class="row mt-4">
        <div class="col-md-6">
            <div class="card">
                <div class="card-header">
                    <h5 class="card-title">Associated Tiers</h5>
                </div>
                <div class="card-body">
                    @if($tierGroup->tiers->count() > 0)
                            <table class="table table-sm table-striped" id="tiersTable">
                                <thead>
                                    <tr>
                                        <th>Tier Name</th>
                                        <th>From (units)</th>
                                        <th>To (units)</th>
                                        <th>Price Per Unit</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($tierGroup->tiers as $tier)
                                        <tr>
                                            <td>{{ $tier->name }}</td>
                                            <td>{{ $tier->min_units }}</td>
                                            <td>{{ $tier->max_units }}</td>
                                            <td>{{ number_format($tier->price_per_unit, 2) }}</td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                    @else
                        <p class="text-muted">No tiers assigned to this group yet.</p>
                    @endif
                </div>
            </div>
        </div>

        <div class="col-md-6">
            <div class="card">
                <div class="card-header">
                    <h5 class="card-title">Associated Clients</h5>
                </div>
                <div class="card-body">
                    @if($tierGroup->clients->count() > 0)
                            <table class="table table-sm table-striped" id="clientsTable">
                                <thead>
                                    <tr>
                                        <th>Client Name</th>
                                        <th>Account No</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($tierGroup->clients as $client)
                                        <tr>
                                            <td>{{ $client->name }}</td>
                                            <td>{{ $client->account_number }}</td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                    @else
                        <p class="text-muted">No clients assigned to this group yet.</p>
                    @endif
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@section('scripts')
<script>
    // Ensure jQuery is available
    if (typeof jQuery !== 'undefined') {
        jQuery(document).ready(function($) {
            // Initialize DataTable for Associated Tiers
            if ($('#tiersTable').length && typeof $.fn.DataTable !== 'undefined') {
                $('#tiersTable').DataTable({
                    responsive: true,
                    pageLength: 25,
                    language: {
                        search: "Filter:"
                    }
                });
            }

            // Initialize DataTable for Associated Clients
            if ($('#clientsTable').length && typeof $.fn.DataTable !== 'undefined') {
                $('#clientsTable').DataTable({
                    responsive: true,
                    pageLength: 25,
                    language: {
                        search: "Filter:"
                    }
                });
            }
        });
    }
</script>
@endsection