{{-- Hobi --}}
                <div class="col-lg-6">
                    <div class="card">
                        <div class="card-body">
                            <div class="card-title d-md-flex flex-row justify-content-between">
                                <div>
                                    <h6 class="mt-2 text-uppercase">Hobi</h6>
                                </div>
                                <div>
                                    <button type="submit" form="hobi_form" class="btn btn-primary btn-sm">
                                        <li class="fas fa-save mr-1"></li> Simpan Perubahan
                                    </button>
                                </div>
                            </div>
                            <form action="" id="hobi_form">
                                <input type="hidden" name="penduduk_id" value="{{ $penduduk->id }}">
                                <select class="form-control" data-role="tagsinput" id="hobis" multiple
                                    name="hobis[]">
                                    @foreach ($penduduk->hobis->sortBy('nama') ?? [] as $hobi)
                                        <option value="{{ $hobi->nama }}" selected>{{ $hobi->nama }}</option>
                                    @endforeach
                                </select>
                                <p>*Tekan enter untuk menambahkan</p>
                            </form>
                        </div>
                    </div>
                </div>