Iconos

        function renderActions(id) {

            return `

                <div class="flex space-x-2">

                    <a href="/contactos/${id}/ver" class="btn btn-primary btn-sm">Ver contacto</a>

                    <a href="/contactos/${id}/ver" class="btn btn-primary btn-sm" title="Ver">

                        <!-- Icono Ojo -->

                        <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">

                            <path d="M1.5 12s3.5-7 10.5-7 10.5 7 10.5 7-3.5 7-10.5 7S1.5 12 1.5 12z" stroke-width="1.5" stroke="currentColor" fill="none"/>

                            <circle cx="12" cy="12" r="3" stroke-width="1.5" stroke="currentColor" fill="none"/>

                        </svg>

                    </a>

                    <form action="{{ route('contacto.destroy', '') }}/${id}" method="POST" class="inline-block">

                        @csrf

                        @method('DELETE')

                        <button type="button" class="btn btn-danger btn-sm btn-eliminar">Eliminar</button>

                        <button type="button" class="btn btn-danger btn-sm btn-eliminar" title="Eliminar">

                            <!-- Icono Bote de basura (Tabler Icons) -->

                            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icon-tabler-trash">

                                <path stroke="none" d="M0 0h24v24H0z" fill="none"/>

                                <path d="M4 7l16 0" />

                                <path d="M10 11l0 6" />

                                <path d="M14 11l0 6" />

                                <path d="M5 7l1 12a2 2 0 0 0 2 2h8a2 2 0 0 0 2 -2l1 -12" />

                                <path d="M9 7v-3a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v3" />

                            </svg>

                        </button>

                    </form>

                    <a href="/contactos/${id}/editar" class="btn btn-primary btn-sm">Editar</a>

                    <a href="/contactos/${id}/editar" class="btn btn-primary btn-sm" title="Editar">

                        <!-- Icono Lápiz (Remix Icon) -->

                        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">

                            <path stroke-linecap="round" stroke-linejoin="round" d="m16.862 4.487 1.687-1.688a1.875 1.875 0 1 1 2.652 2.652L6.832 19.82a4.5 4.5 0 0 1-1.897 1.13l-2.685.8.8-2.685a4.5 4.5 0 0 1 1.13-1.897L16.863 4.487Zm0 0L19.5 7.125" />

                        </svg>

                    </a>

                </div>`;

        }