@props([
    'heading' => 'Entity Details',
    'entity' => [],
])

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

    <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"
                    wire:model.blur="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
                    wire:model.blur="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="">Select a type…</option>
                    @foreach(\Modules\Location\Enums\FranchiseType::cases() as $case)
                        <option value="{{ $case->value }}">{{ $case->value }}</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"
                    wire:model.blur="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"
                    wire:model.blur="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>
                <textarea
                    wire:model.blur="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"
                ></textarea>
            </div>
        </div>
    </div>

</x-filament::section>