@extends('layouts.app')

@section('content')
<div class="container-fluid py-4">
    <!-- Header -->
    <div class="row mb-4">
        <div class="col-12">
            <div class="d-flex justify-content-between align-items-center">
                <div>
                    <h1 class="h3 mb-0">Company Settings</h1>
                    <p class="text-muted">{{ $company->name }} - Business information, banking details, and Malaysian statutory accounts</p>
                </div>
                <div>
                    <a href="{{ route('companies.hr.settings', $company) }}" class="btn btn-outline-secondary">
                        <i class="bi bi-arrow-left"></i> Back to HR Settings
                    </a>
                </div>
            </div>
        </div>
    </div>

    <!-- Success Message -->
    @if(session('success'))
        <div class="alert alert-success alert-dismissible fade show" role="alert">
            {{ session('success') }}
            <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
        </div>
    @endif

    <!-- Setup Progress -->
    <div class="row mb-4">
        <div class="col-12">
            <div class="card">
                <div class="card-body">
                    <div class="d-flex justify-content-between align-items-center mb-2">
                        <h6 class="card-title mb-0">Setup Progress</h6>
                        <span class="badge {{ $settings->setup_completion_percentage >= 80 ? 'bg-success' : ($settings->setup_completion_percentage >= 50 ? 'bg-warning' : 'bg-danger') }}">
                            {{ $settings->setup_completion_percentage }}% Complete
                        </span>
                    </div>
                    <div class="progress" style="height: 8px;">
                        <div class="progress-bar {{ $settings->setup_completion_percentage >= 80 ? 'bg-success' : ($settings->setup_completion_percentage >= 50 ? 'bg-warning' : 'bg-danger') }}" 
                             style="width: {{ $settings->setup_completion_percentage }}%"></div>
                    </div>
                    <div class="row mt-3">
                        <div class="col-md-4">
                            <small class="text-muted">
                                <i class="bi bi-check-circle{{ $settings->setup_completion_percentage >= 33 ? '-fill text-success' : ' text-muted' }}"></i>
                                Business Information
                            </small>
                        </div>
                        <div class="col-md-4">
                            <small class="text-muted">
                                <i class="bi bi-check-circle{{ $settings->isBankingDetailsComplete() ? '-fill text-success' : ' text-muted' }}"></i>
                                Banking Details
                            </small>
                        </div>
                        <div class="col-md-4">
                            <small class="text-muted">
                                <i class="bi bi-check-circle{{ $settings->isStatutoryAccountsComplete() ? '-fill text-success' : ' text-muted' }}"></i>
                                Statutory Accounts
                            </small>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <!-- Company Settings Form -->
        <div class="col-lg-8">
            <form method="POST" action="{{ route('companies.hr.settings.company.update', $company) }}" enctype="multipart/form-data">
                @csrf
                @method('PUT')

                <!-- Business Information -->
                <div class="card mb-4">
                    <div class="card-header">
                        <h5 class="card-title mb-0">Business Information</h5>
                    </div>
                    <div class="card-body">
                        <div class="row mb-3">
                            <div class="col-md-6">
                                <label class="form-label">Company Registration Number</label>
                                <input type="text" class="form-control @error('company_registration_number') is-invalid @enderror" 
                                       name="company_registration_number" value="{{ old('company_registration_number', $settings->company_registration_number) }}" 
                                       placeholder="e.g., 201001012345 (1234567-X)">
                                @error('company_registration_number')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                                <small class="form-text text-muted">SSM Company Registration Number</small>
                            </div>
                            <div class="col-md-6">
                                <label class="form-label">Company Type</label>
                                <select class="form-select @error('company_type') is-invalid @enderror" name="company_type">
                                    <option value="">Select Company Type</option>
                                    <option value="sdn_bhd" {{ $settings->company_type === 'sdn_bhd' ? 'selected' : '' }}>Sdn Bhd</option>
                                    <option value="bhd" {{ $settings->company_type === 'bhd' ? 'selected' : '' }}>Bhd</option>
                                    <option value="enterprise" {{ $settings->company_type === 'enterprise' ? 'selected' : '' }}>Enterprise</option>
                                    <option value="sole_proprietorship" {{ $settings->company_type === 'sole_proprietorship' ? 'selected' : '' }}>Sole Proprietorship</option>
                                    <option value="partnership" {{ $settings->company_type === 'partnership' ? 'selected' : '' }}>Partnership</option>
                                    <option value="llp" {{ $settings->company_type === 'llp' ? 'selected' : '' }}>Limited Liability Partnership (LLP)</option>
                                </select>
                                @error('company_type')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>

                        <div class="row mb-3">
                            <div class="col-md-6">
                                <label class="form-label">Registered Address</label>
                                <textarea class="form-control @error('registered_address') is-invalid @enderror" 
                                          name="registered_address" rows="3" 
                                          placeholder="Enter registered address as per SSM">{{ old('registered_address', $settings->registered_address) }}</textarea>
                                @error('registered_address')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="col-md-6">
                                <label class="form-label">Business Address</label>
                                <textarea class="form-control @error('business_address') is-invalid @enderror" 
                                          name="business_address" rows="3" 
                                          placeholder="Enter business operating address">{{ old('business_address', $settings->business_address) }}</textarea>
                                @error('business_address')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>

                        <div class="row mb-3">
                            <div class="col-md-4">
                                <label class="form-label">Business Phone</label>
                                <input type="text" class="form-control @error('business_phone') is-invalid @enderror" 
                                       name="business_phone" value="{{ old('business_phone', $settings->business_phone) }}" 
                                       placeholder="+60 3-xxxx xxxx">
                                @error('business_phone')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="col-md-4">
                                <label class="form-label">Business Email</label>
                                <input type="email" class="form-control @error('business_email') is-invalid @enderror" 
                                       name="business_email" value="{{ old('business_email', $settings->business_email) }}" 
                                       placeholder="info@company.com">
                                @error('business_email')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="col-md-4">
                                <label class="form-label">Business Website</label>
                                <input type="url" class="form-control @error('business_website') is-invalid @enderror" 
                                       name="business_website" value="{{ old('business_website', $settings->business_website) }}" 
                                       placeholder="https://www.company.com">
                                @error('business_website')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-6">
                                <label class="form-label">Business Nature</label>
                                <input type="text" class="form-control @error('business_nature') is-invalid @enderror" 
                                       name="business_nature" value="{{ old('business_nature', $settings->business_nature) }}" 
                                       placeholder="e.g., Software Development, Trading">
                                @error('business_nature')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="col-md-3">
                                <label class="form-label">Business Commencement Date</label>
                                <input type="date" class="form-control @error('business_commencement_date') is-invalid @enderror" 
                                       name="business_commencement_date" value="{{ old('business_commencement_date', $settings->business_commencement_date?->format('Y-m-d')) }}">
                                @error('business_commencement_date')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="col-md-3">
                                <label class="form-label">Total Employees</label>
                                <input type="number" min="0" class="form-control @error('total_employees') is-invalid @enderror" 
                                       name="total_employees" value="{{ old('total_employees', $settings->total_employees) }}" 
                                       placeholder="0">
                                @error('total_employees')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Company Branding -->
                <div class="card mb-4">
                    <div class="card-header">
                        <h5 class="card-title mb-0">Company Branding</h5>
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-6">
                                <label for="logo" class="form-label">Company Logo</label>
                                
                                @if($company->logo && file_exists(public_path('storage/' . $company->logo)))
                                    <div class="mb-3">
                                        <img src="{{ asset('storage/' . $company->logo) }}" 
                                             alt="{{ $company->name }} Logo" 
                                             class="img-thumbnail" 
                                             style="max-width: 200px; max-height: 100px; object-fit: contain;">
                                        <small class="form-text text-muted d-block">Current logo</small>
                                    </div>
                                @endif
                                
                                <input type="file" class="form-control @error('logo') is-invalid @enderror"
                                       id="logo" name="logo" accept="image/*">
                                <small class="form-text text-muted">
                                    Upload company logo (JPEG, PNG, JPG, GIF, SVG - Max: 2MB).
                                    @if($company->logo)
                                        Leave empty to keep current logo.
                                    @endif
                                </small>
                                @error('logo')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror

                                @if($company->logo)
                                <div class="mt-2">
                                    <div class="form-check">
                                        <input class="form-check-input" type="checkbox" id="remove_logo" name="remove_logo" value="1">
                                        <label class="form-check-label" for="remove_logo">
                                            Remove current logo
                                        </label>
                                    </div>
                                </div>
                                @endif
                            </div>
                            <div class="col-md-6">
                                <div class="alert alert-info h-100 d-flex align-items-center">
                                    <div>
                                        <i class="bi bi-info-circle me-2"></i>
                                        <strong>Logo Usage:</strong>
                                        <ul class="mb-0 mt-2">
                                            <li>Employee portal sidebar</li>
                                            <li>Payroll documents</li>
                                            <li>Official reports</li>
                                            <li>Company branding materials</li>
                                        </ul>
                                        <small class="text-muted">
                                            If no logo is uploaded, company name will be displayed instead.
                                        </small>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Banking Details -->
                <div class="card mb-4">
                    <div class="card-header">
                        <h5 class="card-title mb-0">Banking Details</h5>
                    </div>
                    <div class="card-body">
                        <div class="row mb-3">
                            <div class="col-md-4">
                                <label class="form-label">Bank Name</label>
                                <select class="form-select @error('bank_name') is-invalid @enderror" name="bank_name">
                                    <option value="">Select Bank</option>
                                    <option value="Maybank" {{ $settings->bank_name === 'Maybank' ? 'selected' : '' }}>Maybank</option>
                                    <option value="CIMB Bank" {{ $settings->bank_name === 'CIMB Bank' ? 'selected' : '' }}>CIMB Bank</option>
                                    <option value="Public Bank" {{ $settings->bank_name === 'Public Bank' ? 'selected' : '' }}>Public Bank</option>
                                    <option value="RHB Bank" {{ $settings->bank_name === 'RHB Bank' ? 'selected' : '' }}>RHB Bank</option>
                                    <option value="Hong Leong Bank" {{ $settings->bank_name === 'Hong Leong Bank' ? 'selected' : '' }}>Hong Leong Bank</option>
                                    <option value="AmBank" {{ $settings->bank_name === 'AmBank' ? 'selected' : '' }}>AmBank</option>
                                    <option value="UOB Bank" {{ $settings->bank_name === 'UOB Bank' ? 'selected' : '' }}>UOB Bank</option>
                                    <option value="OCBC Bank" {{ $settings->bank_name === 'OCBC Bank' ? 'selected' : '' }}>OCBC Bank</option>
                                    <option value="Standard Chartered" {{ $settings->bank_name === 'Standard Chartered' ? 'selected' : '' }}>Standard Chartered</option>
                                    <option value="HSBC Bank" {{ $settings->bank_name === 'HSBC Bank' ? 'selected' : '' }}>HSBC Bank</option>
                                    <option value="Other" {{ !in_array($settings->bank_name, ['Maybank', 'CIMB Bank', 'Public Bank', 'RHB Bank', 'Hong Leong Bank', 'AmBank', 'UOB Bank', 'OCBC Bank', 'Standard Chartered', 'HSBC Bank']) && $settings->bank_name ? 'selected' : '' }}>Other</option>
                                </select>
                                @error('bank_name')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="col-md-4">
                                <label class="form-label">Bank Account Number</label>
                                <input type="text" class="form-control @error('bank_account_number') is-invalid @enderror" 
                                       name="bank_account_number" value="{{ old('bank_account_number', $settings->bank_account_number) }}" 
                                       placeholder="1234567890">
                                @error('bank_account_number')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="col-md-4">
                                <label class="form-label">Account Holder Name</label>
                                <input type="text" class="form-control @error('bank_account_holder_name') is-invalid @enderror" 
                                       name="bank_account_holder_name" value="{{ old('bank_account_holder_name', $settings->bank_account_holder_name) }}" 
                                       placeholder="Company Name Sdn Bhd">
                                @error('bank_account_holder_name')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-6">
                                <label class="form-label">SWIFT Code</label>
                                <input type="text" class="form-control @error('bank_swift_code') is-invalid @enderror" 
                                       name="bank_swift_code" value="{{ old('bank_swift_code', $settings->bank_swift_code) }}" 
                                       placeholder="MBBEMYKL">
                                @error('bank_swift_code')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                                <small class="form-text text-muted">For international transfers</small>
                            </div>
                            <div class="col-md-6">
                                <label class="form-label">Bank Branch</label>
                                <input type="text" class="form-control @error('bank_branch') is-invalid @enderror" 
                                       name="bank_branch" value="{{ old('bank_branch', $settings->bank_branch) }}" 
                                       placeholder="Kuala Lumpur Main Branch">
                                @error('bank_branch')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Malaysian Statutory Account Numbers -->
                <div class="card mb-4">
                    <div class="card-header">
                        <h5 class="card-title mb-0">Malaysian Statutory Account Numbers</h5>
                    </div>
                    <div class="card-body">
                        <div class="alert alert-info">
                            <i class="bi bi-info-circle me-2"></i>
                            <strong>Important:</strong> These account numbers are required for Malaysian payroll compliance and statutory reporting.
                        </div>

                        <div class="row mb-3">
                            <div class="col-md-6">
                                <label class="form-label">EPF Employer Number <span class="text-danger">*</span></label>
                                <input type="text" class="form-control @error('epf_employer_number') is-invalid @enderror" 
                                       name="epf_employer_number" value="{{ old('epf_employer_number', $settings->epf_employer_number) }}" 
                                       placeholder="123456789012 (12 digits)">
                                @error('epf_employer_number')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                                @if($settings->epf_employer_number && !$settings->validateEpfNumber())
                                    <div class="form-text text-warning">
                                        <i class="bi bi-exclamation-triangle"></i> Invalid EPF number format (should be 12 digits)
                                    </div>
                                @endif
                            </div>
                            <div class="col-md-6">
                                <label class="form-label">SOCSO Employer Number <span class="text-danger">*</span></label>
                                <input type="text" class="form-control @error('socso_employer_number') is-invalid @enderror" 
                                       name="socso_employer_number" value="{{ old('socso_employer_number', $settings->socso_employer_number) }}" 
                                       placeholder="12345678 (8 digits)">
                                @error('socso_employer_number')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                                @if($settings->socso_employer_number && !$settings->validateSocsoNumber())
                                    <div class="form-text text-warning">
                                        <i class="bi bi-exclamation-triangle"></i> Invalid SOCSO number format (should be 8 digits)
                                    </div>
                                @endif
                            </div>
                        </div>

                        <div class="row mb-3">
                            <div class="col-md-6">
                                <label class="form-label">LHDN Employer Number <span class="text-danger">*</span></label>
                                <input type="text" class="form-control @error('lhdn_employer_number') is-invalid @enderror" 
                                       name="lhdn_employer_number" value="{{ old('lhdn_employer_number', $settings->lhdn_employer_number) }}" 
                                       placeholder="C 12345678">
                                @error('lhdn_employer_number')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                                <small class="form-text text-muted">Inland Revenue Board (LHDN) Tax Reference Number</small>
                            </div>
                            <div class="col-md-6">
                                <label class="form-label">EIS Employer Number</label>
                                <input type="text" class="form-control @error('eis_employer_number') is-invalid @enderror" 
                                       name="eis_employer_number" value="{{ old('eis_employer_number', $settings->eis_employer_number) }}" 
                                       placeholder="Employment Insurance System Number">
                                @error('eis_employer_number')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>

                        <div class="row mb-3">
                            <div class="col-md-6">
                                <label class="form-label">HRDF Account Number</label>
                                <input type="text" class="form-control @error('hrdf_account_number') is-invalid @enderror" 
                                       name="hrdf_account_number" value="{{ old('hrdf_account_number', $settings->hrdf_account_number) }}" 
                                       placeholder="Human Resources Development Fund Number">
                                @error('hrdf_account_number')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                                <small class="form-text text-muted">Required if company has 10+ employees</small>
                            </div>
                            <div class="col-md-6">
                                <label class="form-label">PTPTN Employer Code</label>
                                <input type="text" class="form-control @error('ptptn_employer_code') is-invalid @enderror" 
                                       name="ptptn_employer_code" value="{{ old('ptptn_employer_code', $settings->ptptn_employer_code) }}" 
                                       placeholder="National Higher Education Fund Code">
                                @error('ptptn_employer_code')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-6">
                                <label class="form-label">Zakat Number</label>
                                <input type="text" class="form-control @error('zakat_number') is-invalid @enderror" 
                                       name="zakat_number" value="{{ old('zakat_number', $settings->zakat_number) }}" 
                                       placeholder="Zakat Registration Number">
                                @error('zakat_number')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                                <small class="form-text text-muted">Optional - for Zakat deductions</small>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="d-flex justify-content-end">
                    <a href="{{ route('companies.hr.settings', $company) }}" 
                       class="btn btn-secondary me-2">Cancel</a>
                    <button type="submit" class="btn btn-primary">
                        <i class="bi bi-check-circle"></i> Update Company Settings
                    </button>
                </div>
            </form>
        </div>

        <!-- Sidebar Info -->
        <div class="col-lg-4">
            <!-- Current Status -->
            <div class="card mb-3">
                <div class="card-header">
                    <h6 class="card-title mb-0">Configuration Status</h6>
                </div>
                <div class="card-body">
                    <div class="mb-3">
                        <div class="d-flex justify-content-between align-items-center mb-2">
                            <span>Statutory Accounts</span>
                            @if($settings->isStatutoryAccountsComplete())
                                <i class="bi bi-check-circle-fill text-success"></i>
                            @else
                                <i class="bi bi-exclamation-circle-fill text-warning"></i>
                            @endif
                        </div>
                        <div class="small text-muted">
                            Completed: {{ implode(', ', $settings->completed_statutory_accounts) ?: 'None' }}
                        </div>
                        @if(!empty($settings->missing_statutory_accounts))
                            <div class="small text-warning">
                                Missing: {{ implode(', ', $settings->missing_statutory_accounts) }}
                            </div>
                        @endif
                    </div>

                    <div class="mb-3">
                        <div class="d-flex justify-content-between align-items-center mb-2">
                            <span>Banking Details</span>
                            @if($settings->isBankingDetailsComplete())
                                <i class="bi bi-check-circle-fill text-success"></i>
                            @else
                                <i class="bi bi-exclamation-circle-fill text-warning"></i>
                            @endif
                        </div>
                        <div class="small text-muted">
                            @if($settings->isBankingDetailsComplete())
                                {{ $settings->bank_name }} - {{ $settings->bank_account_number }}
                            @else
                                Banking information incomplete
                            @endif
                        </div>
                    </div>
                </div>
            </div>

            <!-- Malaysian Requirements Guide -->
            <div class="card mb-3">
                <div class="card-header">
                    <h6 class="card-title mb-0">Malaysian Business Requirements</h6>
                </div>
                <div class="card-body">
                    <div class="mb-3">
                        <strong class="text-primary">Required Registrations:</strong>
                        <ul class="small mt-2">
                            <li><strong>SSM:</strong> Company registration with Companies Commission of Malaysia</li>
                            <li><strong>EPF:</strong> Employees Provident Fund registration</li>
                            <li><strong>SOCSO:</strong> Social Security Organisation registration</li>
                            <li><strong>LHDN:</strong> Inland Revenue Board tax registration</li>
                        </ul>
                    </div>

                    <div class="mb-3">
                        <strong class="text-success">Optional Registrations:</strong>
                        <ul class="small mt-2">
                            <li><strong>HRDF:</strong> Required for companies with 10+ employees</li>
                            <li><strong>EIS:</strong> Employment Insurance System</li>
                            <li><strong>PTPTN:</strong> Education loan deductions</li>
                            <li><strong>Zakat:</strong> Religious tax deductions</li>
                        </ul>
                    </div>

                    <div>
                        <strong class="text-info">Number Formats:</strong>
                        <ul class="small mt-2">
                            <li><strong>EPF:</strong> 12-digit number</li>
                            <li><strong>SOCSO:</strong> 8-digit number</li>
                            <li><strong>Company Registration:</strong> 12-digit new format or 7-digit old format</li>
                        </ul>
                    </div>
                </div>
            </div>

            <!-- Business Sectors -->
            <div class="card">
                <div class="card-header">
                    <h6 class="card-title mb-0">Business Sectors</h6>
                </div>
                <div class="card-body">
                    <div class="mb-3">
                        <label class="form-label">Select Business Sectors</label>
                        <div class="form-check">
                            <input class="form-check-input" type="checkbox" name="business_sectors[]" value="Information Technology" id="sector_it">
                            <label class="form-check-label" for="sector_it">Information Technology</label>
                        </div>
                        <div class="form-check">
                            <input class="form-check-input" type="checkbox" name="business_sectors[]" value="Manufacturing" id="sector_manufacturing">
                            <label class="form-check-label" for="sector_manufacturing">Manufacturing</label>
                        </div>
                        <div class="form-check">
                            <input class="form-check-input" type="checkbox" name="business_sectors[]" value="Trading" id="sector_trading">
                            <label class="form-check-label" for="sector_trading">Trading</label>
                        </div>
                        <div class="form-check">
                            <input class="form-check-input" type="checkbox" name="business_sectors[]" value="Services" id="sector_services">
                            <label class="form-check-label" for="sector_services">Services</label>
                        </div>
                        <div class="form-check">
                            <input class="form-check-input" type="checkbox" name="business_sectors[]" value="Construction" id="sector_construction">
                            <label class="form-check-label" for="sector_construction">Construction</label>
                        </div>
                        <div class="form-check">
                            <input class="form-check-input" type="checkbox" name="business_sectors[]" value="Financial Services" id="sector_financial">
                            <label class="form-check-label" for="sector_financial">Financial Services</label>
                        </div>
                    </div>
                    <small class="text-muted">Select all applicable business sectors for your company</small>
                </div>
            </div>
        </div>
    </div>
</div>

@push('scripts')
<script>
document.addEventListener('DOMContentLoaded', function() {
    // Set business sectors checkboxes based on existing data
    const businessSectors = @json($settings->business_sectors ?? []);
    businessSectors.forEach(sector => {
        const checkbox = document.querySelector(`input[value="${sector}"]`);
        if (checkbox) {
            checkbox.checked = true;
        }
    });

    // Handle bank name other option
    const bankSelect = document.querySelector('select[name="bank_name"]');
    if (bankSelect) {
        bankSelect.addEventListener('change', function() {
            if (this.value === 'Other') {
                // Could add a text input for custom bank name
                const customInput = document.createElement('input');
                customInput.type = 'text';
                customInput.name = 'bank_name_custom';
                customInput.className = 'form-control mt-2';
                customInput.placeholder = 'Enter bank name';
                this.parentNode.appendChild(customInput);
            }
        });
    }
});
</script>
@endpush
@endsection