@extends('app-new')

@push('content-header')
    <div class="row breadcrumbs-top">
        <div class="col-12">
            <h2 class="content-header-title float-start mb-0">TDS Global Configuration</h2>
            <div class="breadcrumb-wrapper">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="/{{ $alias }}/home">Home</a></li>
                    <li class="breadcrumb-item active">TDS Global Config</li>
                </ol>
            </div>
        </div>
    </div>
@endpush

@section('content')
    <section id="tdx-global-config">

        {{-- Config Status Alert --}}
        <div class="row">
            <div class="col-12">
                @if(!$configComplete)
                    <div class="alert alert-warning alert-dismissible fade show mb-2" role="alert">
                        <h5 class="alert-heading fw-bold mb-50">
                            <i data-feather="alert-triangle" class="me-50"></i> Configuration Incomplete
                        </h5>
                        <div class="alert-body">
                            <p class="mb-50">The following items need to be configured:</p>
                            <ul class="mb-0">
                                @if(!$configStatus['financial_year'])
                                    <li>Financial Year ({{ $fy }}) — not configured</li>
                                @endif
                                @if(!$configStatus['tax_sections'])
                                    <li>Tax Sections — no active sections found</li>
                                @endif
                                @if(!$configStatus['tax_slabs_old'])
                                    <li>Tax Slabs (Old Regime) — not configured for {{ $fy }}</li>
                                @endif
                                @if(!$configStatus['tax_slabs_new'])
                                    <li>Tax Slabs (New Regime) — not configured for {{ $fy }}</li>
                                @endif
                                @if(!$configStatus['regime_config_old'])
                                    <li>Regime Config (Old Regime) — not configured for {{ $fy }}</li>
                                @endif
                                @if(!$configStatus['regime_config_new'])
                                    <li>Regime Config (New Regime) — not configured for {{ $fy }}</li>
                                @endif
                            </ul>
                        </div>
                        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                    </div>
                @else
                    <div class="alert alert-success mb-2">
                        <div class="alert-body"><i data-feather="check-circle" class="me-50"></i> All global configuration is complete for FY {{ $fy }}.</div>
                    </div>
                @endif
            </div>
        </div>

        {{-- Config Cards --}}
        <div class="row match-height">
            {{-- Financial Years --}}
            <div class="col-lg-4 col-md-6 col-12 mb-2">
                <div class="card h-100 border-start border-3 border-primary">
                    <div class="card-body">
                        <div class="d-flex align-items-center mb-1">
                            <div class="avatar bg-light-primary p-50 me-1">
                                <div class="avatar-content"><i data-feather="calendar" class="font-medium-3"></i></div>
                            </div>
                            <div>
                                <h5 class="mb-0">Financial Years</h5>
                                <small class="text-muted">Manage FY periods (April–March)</small>
                            </div>
                        </div>
                        <p class="card-text mb-1">
                            @if($configStatus['financial_year'])
                                <span class="badge badge-light-success"><i data-feather="check" style="width:12px;height:12px;"></i> Active: FY {{ $fy }}</span>
                            @else
                                <span class="badge badge-light-danger"><i data-feather="x" style="width:12px;height:12px;"></i> Not Configured</span>
                            @endif
                        </p>
                        <a href="/{{ $alias }}/tdx/financial-years" class="btn btn-outline-primary btn-sm w-100">
                            <i data-feather="arrow-right" class="me-25" style="width:14px;height:14px;"></i> Manage
                        </a>
                    </div>
                </div>
            </div>

            {{-- Section Groups --}}
            <div class="col-lg-4 col-md-6 col-12 mb-2">
                <div class="card h-100 border-start border-3 border-primary">
                    <div class="card-body">
                        <div class="d-flex align-items-center mb-1">
                            <div class="avatar bg-light-info p-50 me-1">
                                <div class="avatar-content"><i data-feather="folder" class="font-medium-3"></i></div>
                            </div>
                            <div>
                                <h5 class="mb-0">Section Groups</h5>
                                <small class="text-muted">Group tax sections (e.g. Chapter VI-A)</small>
                            </div>
                        </div>
                        <p class="card-text mb-1">
                            <span class="badge badge-light-info">{{ $sectionGroupCount }} group(s)</span>
                        </p>
                        <a href="/{{ $alias }}/tdx/section-groups" class="btn btn-outline-info btn-sm w-100">
                            <i data-feather="arrow-right" class="me-25" style="width:14px;height:14px;"></i> Manage
                        </a>
                    </div>
                </div>
            </div>

            {{-- Tax Sections --}}
            <div class="col-lg-4 col-md-6 col-12 mb-2">
                <div class="card h-100 border-start border-3 border-primary">
                    <div class="card-body">
                        <div class="d-flex align-items-center mb-1">
                            <div class="avatar bg-light-warning p-50 me-1">
                                <div class="avatar-content"><i data-feather="layers" class="font-medium-3"></i></div>
                            </div>
                            <div>
                                <h5 class="mb-0">Tax Sections</h5>
                                <small class="text-muted">80C, 80D, 24(b) etc.</small>
                            </div>
                        </div>
                        <p class="card-text mb-1">
                            @if($configStatus['tax_sections'])
                                <span class="badge badge-light-success"><i data-feather="check" style="width:12px;height:12px;"></i> {{ $taxSectionCount }} active section(s)</span>
                            @else
                                <span class="badge badge-light-danger"><i data-feather="x" style="width:12px;height:12px;"></i> No Sections</span>
                            @endif
                        </p>
                        <a href="/{{ $alias }}/tdx/tax-sections" class="btn btn-outline-warning btn-sm w-100">
                            <i data-feather="arrow-right" class="me-25" style="width:14px;height:14px;"></i> Manage
                        </a>
                    </div>
                </div>
            </div>

            {{-- Tax Slabs - Old --}}
            <div class="col-lg-4 col-md-6 col-12 mb-2">
                <div class="card h-100 border-start border-3 border-primary">
                    <div class="card-body">
                        <div class="d-flex align-items-center mb-1">
                            <div class="avatar bg-light-primary p-50 me-1">
                                <div class="avatar-content"><i data-feather="bar-chart-2" class="font-medium-3"></i></div>
                            </div>
                            <div>
                                <h5 class="mb-0">Tax Slabs</h5>
                                <small class="text-muted">Income tax slab rates</small>
                            </div>
                        </div>
                        <p class="card-text mb-1">
                            @if($configStatus['tax_slabs_old'])
                                <span class="badge badge-light-success me-50"><i data-feather="check" style="width:12px;height:12px;"></i> Old Regime</span>
                            @else
                                <span class="badge badge-light-danger me-50"><i data-feather="x" style="width:12px;height:12px;"></i> Old Regime</span>
                            @endif
                            @if($configStatus['tax_slabs_new'])
                                <span class="badge badge-light-success"><i data-feather="check" style="width:12px;height:12px;"></i> New Regime</span>
                            @else
                                <span class="badge badge-light-danger"><i data-feather="x" style="width:12px;height:12px;"></i> New Regime</span>
                            @endif
                        </p>
                        <a href="/{{ $alias }}/tdx/tax-slabs" class="btn btn-outline-primary btn-sm w-100">
                            <i data-feather="arrow-right" class="me-25" style="width:14px;height:14px;"></i> Manage
                        </a>
                    </div>
                </div>
            </div>

            {{-- Regime Config --}}
            <div class="col-lg-4 col-md-6 col-12 mb-2">
                <div class="card h-100 border-start border-3 border-primary">
                    <div class="card-body">
                        <div class="d-flex align-items-center mb-1">
                            <div class="avatar bg-light-success p-50 me-1">
                                <div class="avatar-content"><i data-feather="sliders" class="font-medium-3"></i></div>
                            </div>
                            <div>
                                <h5 class="mb-0">Regime Config</h5>
                                <small class="text-muted">Std deduction, rebate limits</small>
                            </div>
                        </div>
                        <p class="card-text mb-1">
                            @if($configStatus['regime_config_old'])
                                <span class="badge badge-light-success me-50"><i data-feather="check" style="width:12px;height:12px;"></i> Old Regime</span>
                            @else
                                <span class="badge badge-light-danger me-50"><i data-feather="x" style="width:12px;height:12px;"></i> Old Regime</span>
                            @endif
                            @if($configStatus['regime_config_new'])
                                <span class="badge badge-light-success"><i data-feather="check" style="width:12px;height:12px;"></i> New Regime</span>
                            @else
                                <span class="badge badge-light-danger"><i data-feather="x" style="width:12px;height:12px;"></i> New Regime</span>
                            @endif
                        </p>
                        <a href="/{{ $alias }}/tdx/regime-configs" class="btn btn-outline-success btn-sm w-100">
                            <i data-feather="arrow-right" class="me-25" style="width:14px;height:14px;"></i> Manage
                        </a>
                    </div>
                </div>
            </div>
        </div>

    </section>
@endsection

@push('footer-script')
    <script>
        if (typeof feather !== 'undefined') { feather.replace(); }
    </script>
@endpush