@extends('layouts.main')

@section('content')
<div class="container mt-4">
    <h3>Registrar dispositivo (Tablet)</h3>

    <form method="POST" action="{{ route('devices.store') }}">
        @csrf

        <div class="mb-3">
            <label class="form-label">Nombre del dispositivo</label>
            <input type="text" name="device_name" class="form-control" required
                   placeholder="Tablet Zona Central 01">
        </div>

        <div class="mb-3">
            <label class="form-label">Asignar a usuario (opcional)</label>
            <select name="user_id" class="form-control">
                <option value="">-- Sin asignar --</option>
                @foreach($users as $user)
                    <option value="{{ $user->id }}">
                        {{ $user->name ?? $user->username ?? $user->email }}
                    </option>
                @endforeach
            </select>
        </div>

        <button class="btn btn-primary">Registrar dispositivo</button>
    </form>
</div>
@endsection