@props([])

<div class="card border shadow-none mb-4 border-start border-primary border-3">
    <div class="card-body">
        <div class="d-flex align-items-center gap-2 mb-4">
            <span class="badge bg-label-primary rounded-2 p-2 lh-1"><i class="ti tabler-settings-automation ti-sm"></i></span>
            <h6 class="mb-0 fw-bold text-uppercase text-primary">{{ __('Dobby specifications') }}</h6>
        </div>

        <div class="row g-4">
            <div class="col-md-4">
                <label class="form-label" for="dobby_model">{{ __('Dobby model') }} <span class="text-danger">*</span></label>
                <div class="input-group input-group-merge">
                    <span class="input-group-text"><i class="ti tabler-settings-automation"></i></span>
                    <input type="text" id="dobby_model" class="form-control @error('form.dobbyDetails.dobby_model') is-invalid @enderror"
                        wire:model.defer="form.dobbyDetails.dobby_model" placeholder="{{ __('e.g. Stäubli LX 100') }}">
                </div>
                @error('form.dobbyDetails.dobby_model') <div class="text-danger small mt-1">{{ $message }}</div> @enderror
            </div>
            <div class="col-md-4">
                <label class="form-label" for="dobby_total_levers">{{ __('Total number of levers on the loom') }} <span class="text-danger">*</span></label>
                <div class="input-group input-group-merge">
                    <span class="input-group-text"><i class="ti tabler-adjustments"></i></span>
                    <input type="text" id="dobby_total_levers" inputmode="decimal" maxlength="10" class="form-control @error('form.dobbyDetails.total_levers') is-invalid @enderror"
                        wire:model.defer="form.dobbyDetails.total_levers" placeholder="{{ __('e.g. 16') }}">
                </div>
                @error('form.dobbyDetails.total_levers') <div class="text-danger small mt-1">{{ $message }}</div> @enderror
            </div>
            <div class="col-md-4">
                <label class="form-label" for="dobby_levers_in_use">{{ __('Levers installed/in use on the loom') }} <span class="text-danger">*</span></label>
                <div class="input-group input-group-merge">
                    <span class="input-group-text"><i class="ti tabler-adjustments-check"></i></span>
                    <input type="text" id="dobby_levers_in_use" inputmode="decimal" maxlength="10" class="form-control @error('form.dobbyDetails.levers_in_use') is-invalid @enderror"
                        wire:model.defer="form.dobbyDetails.levers_in_use" placeholder="{{ __('e.g. 12') }}">
                </div>
                @error('form.dobbyDetails.levers_in_use') <div class="text-danger small mt-1">{{ $message }}</div> @enderror
            </div>
        </div>
    </div>
</div>