@extends('app-new')

@push('content-header')
    <div class="row breadcrumbs-top">
        <div class="col-12">
            <h2 class="content-header-title float-start mb-0">Section Groups</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/section-groups">Section Groups</a></li>
                    <li class="breadcrumb-item active">{{ isset($group) ? 'Edit' : 'Add New' }}</li>
                </ol>
            </div>
        </div>
    </div>
@endpush

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

        <section id="section-group-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($group) ? 'Edit Section Group' : 'Add New Section Group' }}</h4>
                        </div>
                        <div class="card-body px-0">
                            <div class="row">
                                <div class="col-md-4 mb-1">
                                    <label class="form-label">Code <span class="text-danger">*</span></label>
                                    <input type="text" name="code" value="{{ old('code', $group->code ?? '') }}" class="form-control" placeholder="e.g. CHAPTER_VIA">
                                    @error('code') <label class="error">{{ $message }}</label> @enderror
                                </div>
                                <div class="col-md-4 mb-1">
                                    <label class="form-label">Name <span class="text-danger">*</span></label>
                                    <input type="text" name="name" value="{{ old('name', $group->name ?? '') }}" class="form-control" placeholder="e.g. Chapter VI-A Deductions">
                                    @error('name') <label class="error">{{ $message }}</label> @enderror
                                </div>
                                <div class="col-md-4 mb-1">
                                    <label class="form-label">Group Limit (&#8377;) <span class="text-danger">*</span></label>
                                    <input type="number" name="group_limit" value="{{ old('group_limit', $group->group_limit ?? '0') }}" class="form-control" min="0" step="0.01" placeholder="0 = No Cap">
                                    @error('group_limit') <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', $group->sort_order ?? '0') }}" class="form-control" min="0">
                                </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', $group->status ?? 'active') === 'active' ? 'selected' : '' }}>Active</option>
                                        <option value="inactive" {{ old('status', $group->status ?? '') === 'inactive' ? 'selected' : '' }}>Inactive</option>
                                    </select>
                                </div>
                                <div class="col-md-12 mb-1">
                                    <label class="form-label">Description</label>
                                    <textarea name="description" class="form-control" rows="3" placeholder="Brief description">{{ old('description', $group->description ?? '') }}</textarea>
                                    @error('description') <label class="error">{{ $message }}</label> @enderror
                                </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($group) ? 'Update' : 'Submit' }}</button>
                                        <a href="/{{ $alias }}/tdx/section-groups" 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">Common Groups</h6>
                            <ul class="list-unstyled">
                                <li><small><strong>CHAPTER_VIA</strong> — Chapter VI-A Deductions (80C, 80D etc.)</small></li>
                                <li><small><strong>EXEMPTIONS</strong> — Salary Exemptions (HRA, LTA etc.)</small></li>
                                <li><small><strong>HOME_LOAN</strong> — Home Loan Benefits (24b, 80EEA)</small></li>
                                <li><small><strong>DONATIONS</strong> — Donations under 80G</small></li>
                                <li><small><strong>OTHER</strong> — Other Deductions</small></li>
                            </ul>
                            <div class="alert alert-light-info p-1 mt-1 mb-0">
                                <div class="alert-body"><small>Group limit of <strong>0</strong> means no cap at the group level. Individual section limits still apply.</small></div>
                            </div>
                        </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