{{-- ================= BASIC / BIO-DATA SECTION ================= --}}
    <h5 class="mt-3 mb-1 text-primary">Basic / Bio-data Information</h5>
    <div class="row">
        <div class="col-md-12 mb-12">
            <div class="form-group">
                {!! Form::label('type', 'Type') !!}
                {!! Form::select('type', ['individual' => 'Individual', 'corporate' => 'Corporate'], old('type', $taxPayer->type ?? null), [
                    'class' => $errors->first('type') ? 'form-control is-invalid' : 'form-control', 'id' => 'type', 
                    'placeholder' => 'Select type'
                ]) !!}
                @error('type')
                    <span class="invalid-feedback"><strong>{{ $message }}</strong></span>
                @enderror
            </div>
        </div>
        <div class="col-md-4 mb-1">
            <div class="form-group">
                {!! Form::label('name', 'Name') !!}
                {!! Form::text('name', old('name', $taxPayer->name ?? null), ['id' => 'name', 'class' => $errors->first('name') ? 'form-control is-invalid' : 'form-control', 'placeholder' => 'Enter name']) !!}
                @error('name') <span class="invalid-feedback"><strong>{{ $message }}</strong></span> @enderror
            </div>
        </div>


        <div class="col-md-4 mb-1">
            <div class="form-group">
                {!! Form::label('phone', 'Phone') !!}
                {!! Form::text('phone', old('phone', $taxPayer->phone ?? null), ['id' => 'phone', 'class' => $errors->first('phone') ? 'form-control is-invalid' : 'form-control', 'placeholder' => 'Enter phone']) !!}
                @error('phone') <span class="invalid-feedback"><strong>{{ $message }}</strong></span> @enderror
            </div>
        </div>

        <div class="col-md-4 mb-1">
            <div class="form-group">
                {!! Form::label('email', 'Email') !!}
                {!! Form::email('email', old('email', $taxPayer->email ?? null), ['id' => 'email', 'class' => $errors->first('email') ? 'form-control is-invalid' : 'form-control', 'placeholder' => 'Enter email']) !!}
                @error('email') <span class="invalid-feedback"><strong>{{ $message }}</strong></span> @enderror
            </div>
        </div>

       <div class="col-md-4 mb-1">
            <div class="form-group">
                {!! Form::label('tin', 'TIN') !!}
                {!! Form::text('tin', old('tin', $taxPayer->tin ?? null), ['id' => 'tin', 'class' => $errors->first('tin') ? 'form-control is-invalid' : 'form-control', 'placeholder' => 'Enter TIN']) !!}
                @error('tin') <span class="invalid-feedback"><strong>{{ $message }}</strong></span> @enderror
            </div>
        </div>

        <div class="col-md-4 mb-1">
            <div class="form-group">
                {!! Form::label('bvn', 'BVN') !!}
                {!! Form::text('bvn', old('bvn', $taxPayer->bvn ?? null), ['id' => 'bvn', 'class' => $errors->first('bvn') ? 'form-control is-invalid' : 'form-control', 'placeholder' => 'Enter BVN']) !!}
                @error('bvn') <span class="invalid-feedback"><strong>{{ $message }}</strong></span> @enderror
            </div>
        </div>

        <div class="col-md-4 mb-1">
            <div class="form-group">
                {!! Form::label('nin', 'NIN') !!}
                {!! Form::text('nin', old('nin', $taxPayer->nin ?? null), ['id' => 'nin', 'class' => $errors->first('nin') ? 'form-control is-invalid' : 'form-control', 'placeholder' => 'Enter NIN']) !!}
                @error('nin') <span class="invalid-feedback"><strong>{{ $message }}</strong></span> @enderror
            </div>
        </div>

        <div class="col-md-4 mb-1">
            <div class="form-group">
                {!! Form::label('lga_id', 'LGA') !!}
                {!! Form::select('lga_id', $lgas, old('lga_id', $taxPayer->lga_id ?? null), ['class' => $errors->first('lga_id') ? 'form-control is-invalid' : 'form-control', 'placeholder' => 'Select LGA']) !!}
                @error('lga_id') <span class="invalid-feedback"><strong>{{ $message }}</strong></span> @enderror
            </div>
        </div>

        <div class="col-md-4 mb-1">
            <div class="form-group">
                {!! Form::label('area_id', 'Area') !!}
                {!! Form::select('area_id', $areas, old('area_id', $taxPayer->area_id ?? null), ['class' => $errors->first('area_id') ? 'form-control is-invalid' : 'form-control', 'placeholder' => 'Select Area']) !!}
                @error('area_id') <span class="invalid-feedback"><strong>{{ $message }}</strong></span> @enderror
            </div>
        </div>

        <div class="col-md-4 mb-1">
            <div class="form-group">
                {!! Form::label('address', 'Residential Address') !!}
                {!! Form::text('address', old('address', $taxPayer->address ?? null), ['id' => 'address', 'class' => $errors->first('address') ? 'form-control is-invalid' : 'form-control', 'placeholder' => 'Enter address']) !!}
                @error('address') <span class="invalid-feedback"><strong>{{ $message }}</strong></span> @enderror
            </div>
        </div>
    </div>
    
    <div id="corporateDiv" style="display: none; margin-top: 10px;">
        <hr>
        {{-- ================= BUSINESS / INCOME SECTION ================= --}}
        <h5 class="mt-3 mb-1 text-primary">Business / Income Information</h5>
        <div class="row">
            <div class="col-md-4 mb-1">
                <div class="form-group">
                    {!! Form::label('business_name', 'Business Name') !!}
                    {!! Form::text('business_name', old('business_name', $taxPayer->business_name ?? null), ['id' => 'business_name', 'class' => $errors->first('business_name') ? 'form-control is-invalid' : 'form-control', 'placeholder' => 'Enter business name']) !!}
                    @error('business_name') <span class="invalid-feedback"><strong>{{ $message }}</strong></span> @enderror
                </div>
            </div>

            <div class="col-md-4 mb-1">
                <div class="form-group">
                    {!! Form::label('business_lga_id', 'Business LGA') !!}
                    {!! Form::select('business_lga_id', $lgas, old('business_lga_id', $taxPayer->business_lga_id ?? null), ['class' => $errors->first('business_lga_id') ? 'form-control is-invalid' : 'form-control', 'placeholder' => 'Select LGA']) !!}
                    @error('business_lga_id') <span class="invalid-feedback"><strong>{{ $message }}</strong></span> @enderror
                </div>
            </div>

            <div class="col-md-4 mb-1">
                {!! Form::label('business_area_id', 'Area') !!}
                {!! Form::select('business_area_id', $areas, old('business_area_id', $taxPayer->business_area_id ?? null), ['class' => $errors->first('business_area_id') ? 'form-control is-invalid' : 'form-control', 'placeholder' => 'Select Area']) !!}
                @error('business_area_id') <span class="invalid-feedback"><strong>{{ $message }}</strong></span> @enderror
            </div>

            <div class="col-md-6 mb-1">
                <div class="form-group">
                    {!! Form::label('business_address', 'Business Address') !!}
                    {!! Form::text('business_address', old('business_address', $taxPayer->business_address ?? null), ['id' => 'business_address', 'class' => $errors->first('business_address') ? 'form-control is-invalid' : 'form-control', 'placeholder' => 'Enter business address']) !!}
                    @error('business_address') <span class="invalid-feedback"><strong>{{ $message }}</strong></span> @enderror
                </div>
            </div>

            <div class="col-md-3 mb-1">
                <div class="form-group">
                    {!! Form::label('business_income', 'Average Monthly Income') !!}
                    {!! Form::text('business_income', old('business_income', $taxPayer->business_income ?? null), ['id' => 'business_income', 'class' => $errors->first('business_income') ? 'form-control is-invalid' : 'form-control', 'placeholder' => 'Enter issuance place']) !!}
                    @error('business_income') <span class="invalid-feedback"><strong>{{ $message }}</strong></span> @enderror
                </div>
            </div>

            <div class="col-md-3 mb-1">
                <div class="form-group">
                    {!! Form::label('employee_count', 'Number of Employees') !!}
                    {!! Form::text('employee_count', old('employee_count', $taxPayer->employee_count ?? null), ['id' => 'employee_count', 'class' => $errors->first('employee_count') ? 'form-control is-invalid' : 'form-control', 'placeholder' => 'Enter issuance place']) !!}
                    @error('employee_count') <span class="invalid-feedback"><strong>{{ $message }}</strong></span> @enderror
                </div>
            </div>
        </div>
    </div>
    <hr>
    <h5 class="mt-3 mb-1 text-primary">Industry / Profession / Category</h5>
    <div class="row">
        <div class="col-md-4 mb-1">
            {!! Form::label('industry_id', 'Industry') !!}
            {!! Form::select('industry_id', $industries, old('industry_id', $taxPayer->industry_id ?? null), ['class' => $errors->first('industry_id') ? 'form-control is-invalid' : 'form-control', 'placeholder' => 'Select Industry']) !!}
            @error('industry_id') 
                <span class="invalid-feedback">
                    <strong>{{ $message }}</strong>
                </span> 
            @enderror
        </div>

        <div class="col-md-4 mb-1">
            {!! Form::label('category_id', 'Category') !!}
            {!! Form::select(
                'category_id',
                $categories,
                old('category_id', $taxPayer->category_id ?? null),
                [
                    'id' => 'category_id',
                    'class' => $errors->first('category_id') ? 'form-control is-invalid' : 'form-control',
                    'placeholder' => 'Select Category'
                ]
            ) !!}
        </div>

        <div class="col-md-4 mb-1">
            {!! Form::label('profession_id', 'Profession') !!}
            {!! Form::select(
                'profession_id',
                [], // IMPORTANT: start empty
                old('profession_id', $taxPayer->profession_id ?? null),
                [
                    'id' => 'profession_id',
                    'class' => $errors->first('profession_id') ? 'form-control is-invalid' : 'form-control',
                    'placeholder' => 'Select Profession'
                ]
            ) !!}
        </div>


        {{-- Submit --}}
        <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
            <button type="submit" class="btn btn-primary my-1 float-right">{{ $submitText }}</button>
        </div>
    </div>

    @push('scripts')
        <script>
            $('#type').on('change', function() {
                if ($(this).val() === 'corporate') {
                $('#corporateDiv').show();
                } else {
                $('#corporateDiv').hide();
                }
            });

            $(document).ready(function () {
                function loadProfessions(categoryId, selectedProfession = null) {
                    $('#profession_id').html('<option value="">Loading...</option>');

                    if (!categoryId) {
                        $('#profession_id').html('<option value="">Select Profession</option>');
                        return;
                    }

                    $.get("{{ url('/api/professions/by-category') }}/" + categoryId, function (data) {
                        let options = '<option value="">Select Profession</option>';

                        $.each(data, function (id, name) {
                            const selected = selectedProfession == id ? 'selected' : '';
                            options += `<option value="${id}" ${selected}>${name}</option>`;
                        });

                        $('#profession_id').html(options);
                    });
                }

                // When category changes
                $('#category_id').on('change', function () {
                    loadProfessions($(this).val());
                });

                // EDIT MODE: auto-load professions if category already selected
                const initialCategory = $('#category_id').val();
                const initialProfession = "{{ old('profession_id', $taxPayer->profession_id ?? '') }}";

                if (initialCategory) {
                    loadProfessions(initialCategory, initialProfession);
                }
            });
        </script>
    @endpush