@csrf

<div class="row g-3">
    <div class="col-md-6">
        <label for="name" class="form-label">Device Name <span class="text-danger">*</span></label>
        <input type="text" name="name" id="name" class="form-control @error('name') is-invalid @enderror"
            value="{{ old('name', $device->name) }}" required>
        @error('name') <div class="invalid-feedback">{{ $message }}</div> @enderror
    </div>

    <div class="col-md-3">
        <label for="code" class="form-label">Code <span class="text-danger">*</span></label>
        <input type="text" name="code" id="code" class="form-control @error('code') is-invalid @enderror"
            value="{{ old('code', $device->code) }}" required>
        @error('code') <div class="invalid-feedback">{{ $message }}</div> @enderror
    </div>

    <div class="col-md-3">
        <label for="brand" class="form-label">Brand <span class="text-danger">*</span></label>
        <select name="brand" id="brand" class="form-select @error('brand') is-invalid @enderror">
            @foreach (\App\Models\Device::BRANDS as $brand)
                <option value="{{ $brand }}" @selected(old('brand', $device->brand) === $brand)>{{ strtoupper($brand) }}</option>
            @endforeach
        </select>
        @error('brand') <div class="invalid-feedback">{{ $message }}</div> @enderror
    </div>

    <div class="col-md-4">
        <label for="ip_address" class="form-label">IP Address</label>
        <input type="text" name="ip_address" id="ip_address" class="form-control @error('ip_address') is-invalid @enderror"
            value="{{ old('ip_address', $device->ip_address) }}" placeholder="192.168.1.201">
        @error('ip_address') <div class="invalid-feedback">{{ $message }}</div> @enderror
    </div>

    <div class="col-md-2">
        <label for="port" class="form-label">Port</label>
        <input type="number" name="port" id="port" class="form-control @error('port') is-invalid @enderror"
            value="{{ old('port', $device->port ?? 4370) }}">
        @error('port') <div class="invalid-feedback">{{ $message }}</div> @enderror
    </div>

    <div class="col-md-3">
        <label for="serial_number" class="form-label">Serial No.</label>
        <input type="text" name="serial_number" id="serial_number" class="form-control"
            value="{{ old('serial_number', $device->serial_number) }}">
    </div>

    <div class="col-md-3">
        <label for="location" class="form-label">Location</label>
        <input type="text" name="location" id="location" class="form-control"
            value="{{ old('location', $device->location) }}">
    </div>

    <div class="col-12">
        <div class="form-check form-switch">
            <input type="hidden" name="is_active" value="0">
            <input type="checkbox" name="is_active" id="is_active" value="1" class="form-check-input"
                @checked(old('is_active', $device->is_active))>
            <label for="is_active" class="form-check-label">Active (included in scheduled syncs)</label>
        </div>
    </div>
</div>

<div class="d-flex gap-2 mt-4">
    <button type="submit" class="btn btn-primary"><i class="bi bi-hdd-network me-1"></i>{{ $submitLabel }}</button>
    <a href="{{ route('biometric.index') }}" class="btn btn-outline-secondary">Cancel</a>
</div>