onFocus(e, `employees.${index}.first_name`)"
class="w-full rounded-3xl bg-primary/10 border-0 p-4 text-third font-dm"
:class="{'border-red-300 text-red-900': errorFor(`employees.${index}.first_name`) }"/>
onFocus(e, `employees.${index}.last_name`)"
class="w-full rounded-3xl bg-primary/10 border-0 p-4 text-third font-dm"
:class="{'border-red-300 text-red-900': errorFor(`employees.${index}.last_name`) }"/>
onFocus(e, `employees.${index}.middle_name`)"
class="w-full rounded-3xl bg-primary/10 border-0 p-4 text-third font-dm"
:class="{'border-red-300 text-red-900': errorFor(`employees.${index}.middle_name`) }"/>
onFocus(e, `employees.${index}.phone_number`)"
class="w-full rounded-3xl bg-primary/10 border-0 p-4 text-third font-dm"
:class="{'border-red-300 text-red-900': errorFor(`employees.${index}.phone_number`) }"
oninput="validateOnlyNumber(this)"/>
onFocus(e, `employees.${index}.email`)"
class="w-full rounded-3xl bg-primary/10 border-0 p-4 text-third font-dm"
:class="{'border-red-300 text-red-900': errorFor(`employees.${index}.email`) }"/>
onFocus(e, `employees.${index}.pay_rate`)"
class="w-full rounded-3xl bg-primary/10 border-0 p-4 text-third font-dm"
:class="{'border-red-300 text-red-900': errorFor(`employees.${index}.pay_rate`) }"
oninput="validateOnlyNumber(this)"/>
onFocus(e, `employees.${index}.hire_date`)"
class="w-full rounded-3xl bg-primary/10 border-0 p-4 text-third font-dm"
:class="{'border-red-300 text-red-900': errorFor(`employees.${index}.hire_date`) }"/>
onFocus(e, `employees.${index}.workers_comp_code`)"
class="w-full rounded-3xl bg-primary/10 border-0 p-4 text-third font-dm"
:class="{'border-red-300 text-red-900': errorFor(`employees.${index}.workers_comp_code`) }"
oninput="validateOnlyNumber(this)"/>