<div class="card shadow-sm">
    <div class="card-header">
        <h5 class="mb-0">Create Solicitor</h5>
    </div>

    <div class="card-body">

        @if(session()->has('success'))
            <div class="alert alert-success">
                {{ session('success') }}
            </div>
        @endif

        <form wire:submit.prevent="save">

            <div class="mb-3">
                <label class="form-label">Name</label>
                <input
                        type="text"
                        class="form-control @error('name') is-invalid @enderror"
                        wire:model.defer="name"
                >

                @error('name')
                <div class="invalid-feedback">{{ $message }}</div>
                @enderror
            </div>

            <div class="mb-3">
                <label class="form-label">Domain</label>
                <input
                        type="text"
                        class="form-control @error('domain') is-invalid @enderror"
                        wire:model.defer="domain"
                >

                @error('domain')
                <div class="invalid-feedback">{{ $message }}</div>
                @enderror
            </div>

            <div class="mb-3">
                <label class="form-label">Email Address</label>
                <input
                        type="email"
                        class="form-control @error('email_address') is-invalid @enderror"
                        wire:model.defer="email_address"
                >

                @error('email_address')
                <div class="invalid-feedback">{{ $message }}</div>
                @enderror
            </div>

            <div class="mb-3">
                <label class="form-label">Phone Number</label>
                <input
                        type="text"
                        class="form-control @error('phone_number') is-invalid @enderror"
                        wire:model.defer="phone_number"
                >

                @error('phone_number')
                <div class="invalid-feedback">{{ $message }}</div>
                @enderror
            </div>

            <div class="d-flex justify-content-end">
                <button class="btn btn-primary">
                    Create Solicitor
                </button>
            </div>

        </form>

    </div>
</div>