@props(['showStaffExtras' => false])

{{-- Staff-only publication / category / machine-type controls --}}
<x-used-machine.sections.status-information :show-staff-extras="$showStaffExtras" />

<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-id ti-sm"></i></span>
            <h6 class="mb-0 fw-bold text-uppercase text-primary">{{ __('General information') }}</h6>
        </div>
        <p class="text-muted small mb-4 ms-1">{{ __('Basic identification of the machine.') }}</p>

        <div class="row g-4">
            <div class="col-md-6">
                <label class="form-label" for="brand">{{ __('Brand') }} <span class="text-danger">*</span></label>
                <div class="input-group input-group-merge">
                    <span class="input-group-text"><i class="ti tabler-building-factory"></i></span>
                    <input type="text" id="brand" class="form-control @error('form.brand') is-invalid @enderror"
                        wire:model.defer="form.brand" placeholder="{{ __('e.g. Toyota') }}">
                </div>
                @error('form.brand') <div class="text-danger small mt-1">{{ $message }}</div> @enderror
            </div>

            <div class="col-md-6">
                <label class="form-label" for="model">{{ __('Model') }} <span class="text-danger">*</span></label>
                <div class="input-group input-group-merge">
                    <span class="input-group-text"><i class="ti tabler-versions"></i></span>
                    <input type="text" id="model" class="form-control @error('form.model') is-invalid @enderror"
                        wire:model.defer="form.model" placeholder="{{ __('enter model') }}">
                </div>
                @error('form.model') <div class="text-danger small mt-1">{{ $message }}</div> @enderror
            </div>

            <div class="col-md-4">
                <label class="form-label" for="year">{{ __('Manufacturing year') }} <span class="text-danger">*</span></label>
                <div class="input-group input-group-merge">
                    <span class="input-group-text"><i class="ti tabler-calendar"></i></span>
                    <input type="text" id="year" maxlength="5" class="form-control @error('form.year') is-invalid @enderror"
                        wire:model.defer="form.year" placeholder="{{ __('e.g. 2020') }}">
                </div>
                @error('form.year') <div class="text-danger small mt-1">{{ $message }}</div> @enderror
            </div>

            <div class="col-md-4">
                <label class="form-label" for="width">{{ __('Width (mm)') }} <span class="text-danger">*</span></label>
                <div class="input-group input-group-merge">
                    <span class="input-group-text"><i class="ti tabler-ruler-measure"></i></span>
                    <input type="text" id="width" inputmode="decimal" maxlength="10"
                        class="form-control @error('form.generalInfo.width') is-invalid @enderror"
                        wire:model.defer="form.generalInfo.width" placeholder="{{ __('e.g. 2200') }}">
                </div>
                @error('form.generalInfo.width') <div class="text-danger small mt-1">{{ $message }}</div> @enderror
            </div>

            <div class="col-md-4">
                <label class="form-label" for="rpm">{{ __('RPM') }} <span class="text-danger">*</span></label>
                <div class="input-group input-group-merge">
                    <span class="input-group-text"><i class="ti tabler-rotate-clockwise"></i></span>
                    <input type="text" id="rpm" inputmode="decimal" maxlength="10"
                        class="form-control @error('form.generalInfo.rpm') is-invalid @enderror"
                        wire:model.defer="form.generalInfo.rpm" placeholder="{{ __('e.g. 1500') }}">
                </div>
                @error('form.generalInfo.rpm') <div class="text-danger small mt-1">{{ $message }}</div> @enderror
            </div>

            <div class="col-md-4">
                <label class="form-label" for="pi_quantity">{{ __('Quantity') }} <span class="text-danger">*</span></label>
                <div class="input-group input-group-merge">
                    <span class="input-group-text"><i class="ti tabler-stack-2"></i></span>
                    <input type="text" id="pi_quantity" inputmode="decimal" maxlength="10" class="form-control @error('form.priceInfo.quantity') is-invalid @enderror"
                        wire:model.defer="form.priceInfo.quantity" placeholder="{{ __('Enter quantity') }}">
                </div>
                @error('form.priceInfo.quantity') <div class="text-danger small mt-1">{{ $message }}</div> @enderror
            </div>
        </div>
    </div>
</div>