@php
    $igstRate = old('tax_rate_igst', $igstRate ?? 0);
    $cgstRate = old('tax_rate_cgst', $cgstRate ?? 9);
    $sgstRate = old('tax_rate_sgst', $sgstRate ?? 9);
    $igstAmount = old('tax_amount_igst', $igstAmount ?? '');
    $cgstAmount = old('tax_amount_cgst', $cgstAmount ?? '');
    $sgstAmount = old('tax_amount_sgst', $sgstAmount ?? '');
    $symbol = $currencySymbol ?? setting('default_currency_symbol', '₹');
@endphp

<div class="gst-split border rounded p-3" id="gst-split">
    <div class="d-flex justify-content-between align-items-start flex-wrap gap-2 mb-2">
        <div>
            <h3 class="h6 mb-1">GST bifurcation</h3>
            <p class="form-text mb-0">{{ $help ?? 'Percentages apply to the taxable value. Prints still show a single GST line. IGST + CGST + SGST cannot exceed total GST.' }}</p>
        </div>
    </div>
    <div class="row g-3">
        <div class="col-md-4">
            <label class="form-label" for="tax_rate_igst">IGST %</label>
            <input class="form-control gst-split-rate @error('tax_rate_igst') is-invalid @enderror" type="number" step="0.01" min="0" max="100" id="tax_rate_igst" name="tax_rate_igst" value="{{ $igstRate }}">
            @error('tax_rate_igst') <div class="invalid-feedback">{{ $message }}</div> @enderror
            <label class="form-label mt-2" for="tax_amount_igst">IGST amount</label>
            <div class="input-group">
                <span class="input-group-text gst-split-symbol">{{ $symbol }}</span>
                <input class="form-control gst-split-amount @error('tax_amount_igst') is-invalid @enderror" type="number" step="0.01" min="0" id="tax_amount_igst" name="tax_amount_igst" value="{{ $igstAmount }}">
            </div>
            @error('tax_amount_igst') <div class="invalid-feedback d-block">{{ $message }}</div> @enderror
        </div>
        <div class="col-md-4">
            <label class="form-label" for="tax_rate_cgst">CGST %</label>
            <input class="form-control gst-split-rate @error('tax_rate_cgst') is-invalid @enderror" type="number" step="0.01" min="0" max="100" id="tax_rate_cgst" name="tax_rate_cgst" value="{{ $cgstRate }}">
            @error('tax_rate_cgst') <div class="invalid-feedback">{{ $message }}</div> @enderror
            <label class="form-label mt-2" for="tax_amount_cgst">CGST amount</label>
            <div class="input-group">
                <span class="input-group-text gst-split-symbol">{{ $symbol }}</span>
                <input class="form-control gst-split-amount @error('tax_amount_cgst') is-invalid @enderror" type="number" step="0.01" min="0" id="tax_amount_cgst" name="tax_amount_cgst" value="{{ $cgstAmount }}">
            </div>
            @error('tax_amount_cgst') <div class="invalid-feedback d-block">{{ $message }}</div> @enderror
        </div>
        <div class="col-md-4">
            <label class="form-label" for="tax_rate_sgst">SGST %</label>
            <input class="form-control gst-split-rate @error('tax_rate_sgst') is-invalid @enderror" type="number" step="0.01" min="0" max="100" id="tax_rate_sgst" name="tax_rate_sgst" value="{{ $sgstRate }}">
            @error('tax_rate_sgst') <div class="invalid-feedback">{{ $message }}</div> @enderror
            <label class="form-label mt-2" for="tax_amount_sgst">SGST amount</label>
            <div class="input-group">
                <span class="input-group-text gst-split-symbol">{{ $symbol }}</span>
                <input class="form-control gst-split-amount @error('tax_amount_sgst') is-invalid @enderror" type="number" step="0.01" min="0" id="tax_amount_sgst" name="tax_amount_sgst" value="{{ $sgstAmount }}">
            </div>
            @error('tax_amount_sgst') <div class="invalid-feedback d-block">{{ $message }}</div> @enderror
        </div>
    </div>
    <div class="small text-secondary mt-2" id="gst-split-total"></div>
</div>