@extends('layout.home', ['valor' => 'dispositivos'])

@section('content')
    <div class="text-left mb-4">
        <a href="{{ url()->previous() }}" class="btn btn-secondary">Volver</a>
    </div>
    <div class="card" style="width: 50%; margin: 0 auto; padding: 20px;">
        <div class="card-body">
            <form method="POST" action="{{ route('dispositivo.store') }}">
                @csrf
                <div class="form-group">
                    <label for="imei">IMEI</label>
                    <input type="text" class="form-control" id="imei" name="imei" required>
                </div>
                <div class="form-group">
                    <label for="alias">Alias/Nombre</label>
                    <input type="text" class="form-control" id="alias" name="alias" required>
                </div>
                <div class="form-group">
                    <label for="estado">Estado</label>
                    <select class="form-control select2" id="estado" name="estado" required>
                        @foreach ($estadosDispositivos as $estadoDispositivo)
                            <option value="{{ $estadoDispositivo->id }}">{{ $estadoDispositivo->nombre }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="form-group">
                    <label for="cliente_id">Cliente</label>
                    <input type="text" class="form-control" id="cliente_id" name="cliente_id" required>
                </div>
                <div class="text-center mt-4">
                    <button type="submit" class="btn btn-dark">Agregar Dispositivo</button>
                </div>
            </form>
        </div>
    </div>
@endsection