@props([
    'heading' => 'Entity Details',
    // Pass prefilled values as arrays if you have them
    // Example:
    // $entity = [
    //   'name' => '', 'type' => '', 'registration' => '',
    //   'tax_id' => '', 'registered_address' => ''
    // ]
    // $accountant = [
    //   'firm' => '', 'name' => '', 'phone' => '', 'email' => '', 'address' => ''
    // ]
    'entity' => [],
    'accountant' => [],
    // You can override the available types from your page:
    'types' => [
        'Sole Proprietor',
        'Partnership',
        'Private Company (Pty) Ltd',
        'Public Company (Ltd)',
        'Close Corporation (CC)',
        'Nonprofit Company (NPC)',
        'Trust',
        'Other',
    ],
])

<x-filament::section class="mt-6">
    <x-slot name="heading">{{ $heading }}</x-slot>

    {{-- ENTITY DETAILS --}}
    <div class="space-y-4">
        <div class="grid gap-4 md:grid-cols-2">
            {{-- Entity Name --}}
            <div class="md:col-span-1">
                <label class="block text-sm font-medium text-gray-700">Entity Name</label>
                <input
                    type="text"
                    name="entity[name]"
                    value="{{ data_get($entity, 'name') }}"
                    placeholder="e.g., Licentia Mpumalanga (Pty) Ltd"
                    class="mt-1 block w-full rounded-lg border-gray-300 focus:border-primary-500 focus:ring-primary-500"
                />
                <p class="mt-1 text-xs text-gray-500">
                    The legal name of the franchisee’s business entity.
                </p>
            </div>

            {{-- Entity Type --}}
            <div class="md:col-span-1">
                <label class="block text-sm font-medium text-gray-700">Entity Type</label>
                <select
                    name="entity[type]"
                    class="mt-1 block w-full rounded-lg border-gray-300 bg-white focus:border-primary-500 focus:ring-primary-500"
                >
                    <option value="" @selected(!data_get($entity, 'type'))>Select a type…</option>
                    @foreach($types as $opt)
                        <option value="{{ $opt }}" @selected(data_get($entity, 'type') === $opt)>{{ $opt }}</option>
                    @endforeach
                </select>
                <p class="mt-1 text-xs text-gray-500">Choose the registered entity type.</p>
            </div>

            {{-- Registration Number --}}
            <div class="md:col-span-1">
                <label class="block text-sm font-medium text-gray-700">Registration Number</label>
                <input
                    type="text"
                    name="entity[registration]"
                    value="{{ data_get($entity, 'registration') }}"
                    placeholder="e.g., 2025/003396/07"
                    class="mt-1 block w-full rounded-lg border-gray-300 focus:border-primary-500 focus:ring-primary-500"
                />
            </div>

            {{-- Tax / VAT Number --}}
            <div class="md:col-span-1">
                <label class="block text-sm font-medium text-gray-700">Tax / VAT Number</label>
                <input
                    type="text"
                    name="entity[tax_id]"
                    value="{{ data_get($entity, 'tax_id') }}"
                    placeholder="e.g., VAT1234567890"
                    class="mt-1 block w-full rounded-lg border-gray-300 focus:border-primary-500 focus:ring-primary-500"
                />
                <p class="mt-1 text-xs text-gray-500">
                    The entity's Tax ID or VAT number.
                </p>
            </div>

            {{-- Registered Business Address --}}
            <div class="md:col-span-2">
                <label class="block text-sm font-medium text-gray-700">Registered Business Address</label>
                <input
                    name="entity[registered_address]"
                    rows="3"
                    placeholder="Official address as registered with CIPC"
                    class="mt-1 block w-full rounded-lg border-gray-300 focus:border-primary-500 focus:ring-primary-500"
                >{{ data_get($entity, 'registered_address') }}</textarea>
            </div>
        </div>
    </div>

</x-filament::section>