<div>
    <x-slot name="header"> Client List</x-slot>
    <x-layouts.backend.container>

        <x-layouts.backend.card>
            <x-slot name="card_header">

                <x-button.success x-data @click="$dispatch('callEventFunc',{callName:'addClientModal'})" class="btn"
                    icon="fa fa-plus"> Add Client
                </x-button.success>

            </x-slot>
            <livewire:himsapi.datatable.client-table />
        </x-layouts.backend.card>
    </x-layouts.backend.container>

    <x-modal id="addClientModal" size="lg" title="{{ $id ? 'Update' : 'Add' }}  Client Information ">

        <div class="row">
            <div class="col-lg-6">
                <x-input.text wire:model.defer="name" label="Name" require="true" />
            </div>
            <div class="col-lg-6">
                <x-input.text wire:model.defer="office_name" label="Office name" require="true" />
            </div>
            <div class="col-lg-6">
                <x-input.text wire:model.defer="address" label="Address" />
            </div>
            <div class="col-lg-6">
                <x-input.text wire:model.defer="phone" label="Phone" require="true" />
            </div>
            <div class="col-lg-6">
                <x-input.text wire:model.defer="email" label="Email" require="true" />
            </div>
        </div>
        <x-slot name="footer">
            <x-button.success wire:click="clientInfoStore" wire:target='clientInfoStore' class="btn-sm"
                icon="fa fa-check">
                Save
            </x-button.success>
        </x-slot>
    </x-modal>
</div>
