@props([])

<div class="card border shadow-none mb-4">
    <div class="card-body">
        <div class="d-flex align-items-center gap-2 mb-1">
            <span class="badge bg-label-primary rounded-2 p-2 lh-1"><i class="ti tabler-needle ti-sm"></i></span>
            <h6 class="mb-0 fw-bold text-uppercase text-primary">{{ __('Core specifications') }}</h6>
        </div>
        <p class="text-muted small mb-4 ms-1">{{ __('Basic operational details and power requirements.') }}</p>

        <div class="row g-4">
            <div class="col-md-6">
                <label class="form-label" for="k_n_bars">{{ __('N. bars') }}</label>
                <div class="input-group input-group-merge">
                    <span class="input-group-text"><i class="ti tabler-hash"></i></span>
                    <input type="text" id="k_n_bars" inputmode="decimal" maxlength="10" class="form-control"
                        wire:model.defer="form.machineSpecs.n_bars" placeholder="{{ __('Enter number of bars') }}">
                </div>
            </div>
            <div class="col-md-6">
                <label class="form-label" for="k_n_fineness">{{ __('N. fineness') }}</label>
                <div class="input-group input-group-merge">
                    <span class="input-group-text"><i class="ti tabler-ruler"></i></span>
                    <input type="text" id="k_n_fineness" inputmode="decimal" maxlength="10" class="form-control"
                        wire:model.defer="form.machineSpecs.n_fineness" placeholder="{{ __('Enter fineness number') }}">
                </div>
            </div>
            <div class="col-md-4">
                <label class="form-label" for="k_weaving_type">{{ __('Weaving type') }}</label>
                <div class="input-group input-group-merge">
                    <span class="input-group-text"><i class="ti tabler-grid-pattern"></i></span>
                    <select id="k_weaving_type" class="form-select" wire:model="form.machineSpecs.weaving_type">
                        <option value="">{{ __('Select weaving type') }}</option>
                        <option value="double_front">{{ __('Double front') }}</option>
                        <option value="mono_front">{{ __('Mono front') }}</option>
                    </select>
                </div>
            </div>
            <div class="col-md-4">
                <label class="form-label" for="k_fabric_winder">{{ __('Fabric winder') }}</label>
                <div class="input-group input-group-merge">
                    <span class="input-group-text"><i class="ti tabler-rotate"></i></span>
                    <select id="k_fabric_winder" class="form-select" wire:model="form.machineSpecs.fabric_winder">
                        <option value="">{{ __('Select fabric winder') }}</option>
                        <option value="tangencial">{{ __('Tangencial') }}</option>
                        <option value="loom">{{ __('Loom') }}</option>
                    </select>
                </div>
            </div>
            <div class="col-md-4">
                <label class="form-label" for="k_machine_movement">{{ __('Machine movement') }}</label>
                <div class="input-group input-group-merge">
                    <span class="input-group-text"><i class="ti tabler-arrows-move"></i></span>
                    <select id="k_machine_movement" class="form-select" wire:model="form.machineSpecs.machine_movement">
                        <option value="">{{ __('Select machine movement') }}</option>
                        <option value="elastane">{{ __('Elastane') }}</option>
                        <option value="hard">{{ __('Hard') }}</option>
                    </select>
                </div>
            </div>
        </div>
    </div>
</div>