Livewire Conditional Form Submission

Hey,

I need help on a logic. I have a Company model. The companies table has only a single attribute, 'tax_id', which is unique for the companies. Once the user submits the first form with only tax_id input, I check the validity and uniqueness. If it's not unique, I display the "company already exists" error. (Next, I will list the existing company link there, but for now let's keep it simple)

If it's unique, we reveal the other form, business_infos. Since multiple models can have business information (customers, carriers, etc.) I have a trait, HasBusinessInfo. This form has a few attributes like "name, email, phone, tax_office, etc.". Company name and email are required. Email attribute is unique among this model's table, if it's a company form, then companies table, if carrier form then carriers table. I use getMorphClass() function.

Once the business info form is filled and submitted, we validate the inputs, then dispatch an event. I want to get these inputs in the first form, and handle the company creation there.

But I keep getting the unique constraint error, regarding email input. I believe it's because the component is trying to insert the same data twice. There must be a repeating command, which I could not figure out.

Also, I would like to have your help to simplify the code. Maybe you can offer a better way for the logic.

As a summary, I want to check the validity of the tax_id, if it's unique then I want to reveal the business info form, and only after then I want to save this new company.

Additionally, I have 3 extra functions. First, once the company created, I want this user to be assigned as an admin for this company. Second, I want to set this new company as the 'current_company' for this user. and lastly, I want to throw a Flux toast indicating that the company is succesfully created.

<?php

namespace App\Livewire;

use AllowDynamicProperties;
use App\Models\Company;
use Flux;
use Illuminate\Support\Facades\Log;
use Livewire\Component;

#[AllowDynamicProperties]
class CreateCompany extends Component
{
    public $company;

    public string $tax_id = ''; // Tax ID field for the company

    public bool $showBusinessInfoForm = false; // Track whether to show the business info form

    protected $listeners = [
        'businessInfoValidated' => 'saveCompanyWithBusinessInfo',
    ];

    public function mount()
    {
        // Initialize a new Company instance
        $this->company = new Company;
    }

    // Validation rules for the company
    protected $rules = [
        'tax_id' => 'required|string|max:255',
    ];

    // Custom error messages
    protected $messages = [
        'tax_id.required' => 'The tax ID is required.',
        'tax_id.string' => 'The tax ID must be a string.',
        'tax_id.max' => 'The tax ID must not exceed 255 characters.',
        'tax_id.unique' => 'The tax ID has already been taken.',
    ];

    public function validateTaxId()
    {
        $this->validate();

        // Check uniqueness
        if (Company::where('tax_id', $this->tax_id)->exists()) {
            $this->addError('tax_id', 'This company already exists.');

            return;
        }

        // Show the business info form if validation and uniqueness check pass
        $this->showBusinessInfoForm = true;

        // Emit an event to notify that the tax ID is valid
        $this->dispatch('taxIdValidated', $this->tax_id);
    }

    public function saveCompanyWithBusinessInfo(array $businessInfoData)
    {
        try {
            // Ensure that tax_id is set before saving the company
            if (empty($this->tax_id)) {
                $this->addError('tax_id', 'Tax ID is required.');

                return;
            }

            // Create the company
            $company = Company::create([
                'tax_id' => $this->tax_id, // Ensure tax_id is assigned
            ]);

            // Attach the current user as an admin and set it as the current company
            auth()->user()->companies()->attach($company->id, ['role' => 'admin']);
            auth()->user()->update(['current_company_id' => $company->id]);

            // Save the business info
            $company->businessInfo()->create($businessInfoData);

            // Show success toast
            Flux::toast(
                duration: 2000,
                variant: 'success',
                heading: 'Company Created!',
                text: 'Company and business information saved successfully.'
            );

            // Redirect to the company's dashboard
            return redirect()->route('companies.show', $company->id);
        } catch (\Exception $e) {
            Log::error('Error saving company: '.$e->getMessage());
            $this->addError('exception', 'An error occurred while saving the company.');
        }
    }

    public function render()
    {
        return view('companies.create-company', [
            'showBusinessInfoForm' => $this->showBusinessInfoForm,
        ]);
    }
}

this is the second part of the form

<?php

namespace App\Livewire;

use App\Models\BusinessInfo;
use Illuminate\Validation\Rule;
use Livewire\Component;

class CreateBusinessInfo extends Component
{
    public $name;

    public $tax_office;

    public $phone;

    public $fax;

    public $web_site;

    public $email;

    public $business_infoable;

    /**
     * Validation rules for business info.
     */
    protected function rules()
    {
        // Get the model's table name dynamically based on the `business_infoable` type
        $table = $this->business_infoable->getTable();

        return [
            'name' => 'required|string|max:255',
            'tax_office' => 'nullable|string|max:255',
            'phone' => 'nullable|string|max:17',
            'fax' => 'nullable|string|max:17',
            'web_site' => 'nullable|string|max:255|regex:/^(?!:\/\/)([a-z0-9-]+\.)+[a-z]{2,}$/i',
            'email' => [
                'required',
                'email',
                'max:255',
                Rule::unique('business_infos', 'email'),
            ],
        ];
    }

    /**
     * Initialize the business_infoable model.
     */
    public function mount($business_infoable)
    {
        $this->initializeBusinessInfoable($business_infoable);

        // Only save if the business_infoable is unsaved
        if (! $this->business_infoable->exists) {
            $this->business_infoable->tax_id = $this->generateTemporaryTaxId();
            $this->business_infoable->save();
        }
    }

    protected function generateTemporaryTaxId()
    {
        return 'TEMP-'.uniqid();
    }

    protected function initializeBusinessInfoable($business_infoable)
    {
        $this->business_infoable = $business_infoable;
    }

    /**
     * Save business info (create or update).
     */
    public function saveBusinessInfo()
    {
        $this->validate();

        // Check for existing business info
        $existingBusinessInfo = BusinessInfo::where('business_infoable_type', $this->business_infoable->getMorphClass())
            ->where('business_infoable_id', $this->business_infoable->id)
            ->first();

        if ($existingBusinessInfo) {
            $this->addError('email', 'Business info already exists for this company.');

            return;
        }

        // Proceed with creation if no duplicate exists
        $businessInfo = new BusinessInfo($this->getData());
        $businessInfo->business_infoable_type = $this->business_infoable->getMorphClass();
        $businessInfo->business_infoable_id = $this->business_infoable->id;
        $businessInfo->save();

        // Dispatch event to notify that the business info is validated
        $this->dispatch('businessInfoValidated', $this->getData());

        // Flash a success message
        session()->flash('message', 'Business info saved successfully.');

        // Reset the form
        $this->resetForm();
    }

    /**
     * Get data from the form for saving.
     */
    protected function getData()
    {
        return [
            'name' => $this->name,
            'tax_office' => $this->tax_office,
            'phone' => $this->phone,
            'fax' => $this->fax,
            'web_site' => $this->web_site,
            'email' => $this->email,
        ];
    }

    /**
     * Reset the form fields.
     */
    protected function resetForm()
    {
        $this->reset(['name', 'tax_office', 'phone', 'fax', 'web_site', 'email']);
    }

    public function render()
    {
        return view('livewire.create-business-info');
    }
}

and this is the create-company.blade.php

<div>
    <x-form-section submit="validateTaxId">
        <x-slot name="title">
            {{ __('Company Details') }}
        </x-slot>

        <x-slot name="description">
            {{ __('Create a new company to start your new project.') }}
        </x-slot>

        <x-slot name="form">
            <div class="col-span-6 sm:col-span-4">
                <flux:input mask="9999999999" wire:model.defer="tax_id" label="{{ __('Company Tax ID') }}" type="text"
                    placeholder="10 digit tax ID" required badge="*" autofocus badge="*" required
                    invalid="{{ $errors->has('tax_id') }}" />
            </div>
        </x-slot>

        <x-slot name="actions">
            <div class="flex items-center justify-between">
                <x-validation-errors class="flex flex-col alert alert-danger" />

                <flux:spacer />
                <flux:button variant="primary" wire:submit.prevent="saveCompany" type="submit">
                    {{ __('Check') }}
                </flux:button>
            </div>
        </x-slot>
    </x-form-section>
    @if ($showBusinessInfoForm)
    <flux:separator class="my-6" />
    @livewire('create-business-info', [
    'business_infoable' => $company
    ])
    @endif
</div>

Thanks.