@props([])

<div class="card rounded-0 mb-4">
	<div class="card-header">
		<h6 class="mb-0">
			<span class="fw-bold">
				型式指定番号 - 類別区分番号
			</span>
		</h6>
	</div>
	<div class="card-body">
		<form
			wire:submit.prevent="search"
			novalidate
		>
			<div class="input-group input-group-sm">
				<input
					class="form-control rounded-0 @error('td_number') is-invalid @enderror"
					type="text"
					placeholder="例：17115"
					wire:model.defer="td_number"
					required
				>
				<span class="input-group-text">
					-
				</span>
				<input
					class="form-control rounded-0 @error('ci_number') is-invalid @enderror"
					type="text"
					placeholder="例：1008"
					wire:model.defer="ci_number"
				>
				<button
					type="submit"
					class="btn btn-primary rounded-0"
					wire:loading.attr="disabled"
					wire:target="search"
					:disabled="busy"
				>
					<span
						class="fw-bold"
						wire:loading.remove wire:target="search"
					>
						検索
					</span>
					<span class="spinner-border spinner-border-sm me-1" wire:loading wire:target="search"></span>
				</button>
			</div>

			{{-- Livewire バリデーションメッセージ --}}
			@error('td_number') <div class="text-danger small mt-1">{{ $message }}</div> @enderror
			@error('ci_number') <div class="text-danger small mt-1">{{ $message }}</div> @enderror
		</form>
	</div>
</div>