{"response":"success","content":"\n\n\t<div class='aligner'>\n    <div class='content-main aligner-item aligner-item-main'>\n    \t<div class='aligner-center'>\n        <div class='aligner-item-middle-wrapper'>\n\n\t\t\t\t\t<div class='preferences-wrapper'>\n\n\t\t\t\t\t\t<div class='title'>\u00bfQu\u00e9 buscas?<\/div>\n\t\t\t\t\t\t<div class='text'>Personalizamos las recomendaciones seg\u00fan tus gustos.<\/div>\n\n\t\t\t\t\t\t<ul class='preferences-list'>\n\t\t\t\t\t\t\t\t\t<li class='' data-id='8'>Relatos \u00c9l y Ella<\/li><li class='' data-id='11'>Relatos Ella y Ella<\/li><li class='' data-id='13'>Relatos \u00c9l y \u00c9l<\/li><li class='' data-id='10'>Podcasts de Bienestar<\/li><li class='' data-id='9'>Audios para dormir<\/li><li class='' data-id='12'>Probar cosas nuevas<\/li>\n\t\t\t\t\t\t<\/ul>\n\n\t\t\t\t\t\t<a class='btn-custom-3' href='#' data-onclick='$(this).closest(\".modal\").removeClass(\"show\");'>Continuar<\/a>\n\n\t\t\t\t\t<\/div>\n\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n\t<script>\n\t\t$(function() {\n\n\t\t\tvar el;\n\t\t\tvar action;\n\t\t\tvar preference;\n\n\t\t\t$('.preferences-list li').on('click', function(e) {\n\n\t\t\t\tel = $(this);\n\t\t\t\tif(el.hasClass('active')){\n\t\t\t\t\tconsole.log('tiene active');\n\t\t\t\t\tel.removeClass('active');\n\t\t\t\t\taction = 'add';\n\t\t\t\t}else{\n\t\t\t\t\tconsole.log('no tiene active');\n\t\t\t\t\tel.addClass('active');\n\t\t\t\t\taction = 'remove';\n\t\t\t\t}\n\t\t\t\tpreference = el.data('id');\n\n\t\t\t\t$.ajax({\n\t      \ttype: 'GET',\n\t      \turl: 'https:\/\/caliope.app\/ajax\/preference.php',\n\t      \tdataType: 'json',\n\t      \tasync: true,\n\t      \tcache: false,\n\t      \tdata: {\n\t\t\t\t\t\tapikey: ,\n\t\t\t\t\t\tpreference: preference,\n\t\t\t\t\t\taction: action\n\t\t\t\t\t},\n\t        success: function(data) {\n\t\t\t\t\t\t$.jStorage.set('preferences',data.preferences);\n\t        }\n      \t});\n\t\t\t})\n\n\t\t})\n\t<\/script>\n"}