@extends('app-new')

@push('content-header')
    <div class="row breadcrumbs-top">
        <div class="col-12">
            <h2 class="content-header-title float-start mb-0">Tax Slabs</h2>
            <div class="breadcrumb-wrapper">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="/{{ $alias }}/home">Home</a></li>
                    <li class="breadcrumb-item"><a href="/{{ $alias }}/tdx/global-config">TDS Global Config</a></li>
                    <li class="breadcrumb-item"><a href="/{{ $alias }}/tdx/tax-slabs">Tax Slabs</a></li>
                    <li class="breadcrumb-item active">{{ isset($slab) ? 'Edit' : 'Add New' }}</li>
                </ol>
            </div>
        </div>
    </div>
@endpush

@section('content')
    <form method="POST"
          action="{{ isset($slab) ? '/' . $alias . '/tdx/tax-slabs/' . $slab->id . '/update' : '/' . $alias . '/tdx/tax-slabs/store' }}"
          redirect="/{{ $alias }}/tdx/tax-slabs"
          role="post-data">
        @csrf
        @if(isset($slab)) @method('PUT') @endif

        <section id="tax-slab-form">
            <div class="card new-cardbox p-1">
                <div class="row">
                    <div class="col-md-9 border-end">
                        <div class="card-header newheader border-bottom mb-1 px-0">
                            <h4 class="card-title">{{ isset($slab) ? 'Edit Tax Slab' : 'Add New Tax Slab' }}</h4>
                        </div>
                        <div class="card-body px-0">
                            <div class="row">
                                <div class="col-md-4 mb-1">
                                    <label class="form-label">Financial Year <span class="text-danger">*</span></label>
                                    <select name="financial_year_id" class="form-select">
                                        <option value="">-- Select --</option>
                                        @foreach($financialYears as $id => $label)
                                            <option value="{{ $id }}" {{ old('financial_year_id', $slab->financial_year_id ?? $fyId) == $id ? 'selected' : '' }}>{{ $label }}</option>
                                        @endforeach
                                    </select>
                                    @error('financial_year_id') <label class="error">{{ $message }}</label> @enderror
                                </div>
                                <div class="col-md-4 mb-1">
                                    <label class="form-label">Regime <span class="text-danger">*</span></label>
                                    <select name="regime" class="form-select">
                                        <option value="old" {{ old('regime', $slab->regime ?? '') === 'old' ? 'selected' : '' }}>Old Regime</option>
                                        <option value="new" {{ old('regime', $slab->regime ?? '') === 'new' ? 'selected' : '' }}>New Regime</option>
                                    </select>
                                    @error('regime') <label class="error">{{ $message }}</label> @enderror
                                </div>
                                <div class="col-md-4 mb-1">
                                    <label class="form-label">Tax Rate (%) <span class="text-danger">*</span></label>
                                    <input type="number" name="rate" value="{{ old('rate', $slab->rate ?? '') }}" class="form-control" step="0.01" min="0" max="100" placeholder="e.g. 5">
                                    @error('rate') <label class="error">{{ $message }}</label> @enderror
                                </div>
                                <div class="col-md-4 mb-1">
                                    <label class="form-label">Min Income (&#8377;) <span class="text-danger">*</span></label>
                                    <input type="number" name="min_income" value="{{ old('min_income', $slab->min_income ?? '0') }}" class="form-control" min="0" step="1" placeholder="e.g. 250001">
                                    @error('min_income') <label class="error">{{ $message }}</label> @enderror
                                </div>
                                <div class="col-md-4 mb-1">
                                    <label class="form-label">Max Income (&#8377;)</label>
                                    <input type="number" name="max_income" value="{{ old('max_income', $slab->max_income ?? '') }}" class="form-control" min="0" step="1" placeholder="Leave empty for no limit">
                                    @error('max_income') <label class="error">{{ $message }}</label> @enderror
                                </div>
                                <div class="col-md-4 mb-1">
                                    <label class="form-label">Sort Order</label>
                                    <input type="number" name="sort_order" value="{{ old('sort_order', $slab->sort_order ?? '0') }}" class="form-control" min="0">
                                    @error('sort_order') <label class="error">{{ $message }}</label> @enderror
                                </div>
                                <div class="col-md-4 mb-1">
                                    <label class="form-label">Status <span class="text-danger">*</span></label>
                                    <select name="status" class="form-select">
                                        <option value="active" {{ old('status', $slab->status ?? 'active') === 'active' ? 'selected' : '' }}>Active</option>
                                        <option value="inactive" {{ old('status', $slab->status ?? '') === 'inactive' ? 'selected' : '' }}>Inactive</option>
                                    </select>
                                </div>
                                <div class="col-md-12 mt-1">
                                    <div class="d-flex justify-content-between">
                                        <button type="button" class="btn btn-success" data-request="ajax-submit" data-target="[role=post-data]">{{ isset($slab) ? 'Update' : 'Submit' }}</button>
                                        <a href="/{{ $alias }}/tdx/tax-slabs" class="btn btn-outline-secondary">Cancel</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="card-body">
                            <h6 class="text-muted mb-1">Old Regime Slabs (FY 2025-26)</h6>
                            <ul class="list-unstyled">
                                <li><small>Up to ₹2.5L → <strong>Nil</strong></small></li>
                                <li><small>₹2.5L – ₹5L → <strong>5%</strong></small></li>
                                <li><small>₹5L – ₹10L → <strong>20%</strong></small></li>
                                <li><small>Above ₹10L → <strong>30%</strong></small></li>
                            </ul>
                            <h6 class="text-muted mb-1 mt-2">New Regime Slabs (FY 2025-26)</h6>
                            <ul class="list-unstyled">
                                <li><small>Up to ₹3L → <strong>Nil</strong></small></li>
                                <li><small>₹3L – ₹7L → <strong>5%</strong></small></li>
                                <li><small>₹7L – ₹10L → <strong>10%</strong></small></li>
                                <li><small>₹10L – ₹12L → <strong>15%</strong></small></li>
                                <li><small>₹12L – ₹15L → <strong>20%</strong></small></li>
                                <li><small>Above ₹15L → <strong>30%</strong></small></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </form>
@endsection

@push('footer-script')
    <script src="{{ asset('js/common-script.js') }}"></script>
    <script src="{{ asset('js/sweetalert.js') }}"></script>
@endpush