import $ from "jquery";

import alertify from "alertifyjs";
import "alertifyjs/build/css/alertify.min.css";

const emailDataURL = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAQAAABu4E3oAAACFUlEQVQ4y3XUXWjPYRQH8I+/1xhiVjQukOxG81KSceF1ciNprcitInEjF8tQLiQxufN2IS/JS1ESRWooiRJZ1GgjESum/edCdlz8n/32+y97nvr1O+/nfM85D+VnnEaXvPRXCO/cssd0Q56xDvkp/nNvWjCgNiz7W+yKmeCrVp3aTTdDnTlJfkyz3/kIyxWF0GrVoNiztWSysQPsWkWh1/YhUp7liRAe9DNGaRP6rMxUptrvjucu22xkqvOBEPaWFHYLoTkzOKA3V/pr1cnordBjMnQI7UYng/NJ9Y1bPgvhUpKsEcIuVgthZ2IfTZ5LoA53Q+gzKkk7hLscFsIUsFQIL3LINAphUaLOCt8K6vBMFziCXg16M5PhZcj9QVVBDV6C+ZbhlA85pWngbaIKpU8VfoAN4ESZ38X4opioarQXIGG/EB98zBlMsCrLAZbgVUEXqfjqLF7/mN5WiU+JXqsSt7kntIMLQtHEbEiepw6dSpxHQo8JNAmhFutST3bb5lwaxRC6Nap1XQgtJUz6hIvg9KA9abGpjH6mQpZQWA92eZ88X1UHNvueDM4OtHiGolC0LNFjjB+0rWttNVeTJ9kc2CKEovohl3yFNiEcH2DtSMGvpXTyD0iD1iR9rDK/+w3OJIA7Pdaj2wgV5qozAvxy0AlR7q/KyRy0+fvFvtJqlb8wpTPJRvVqzDMMnd576qH7eZV/8SPo7WpsIE8AAAAASUVORK5CYII=";
const emailImageURL = "https://a.pirati.cz/mail/at.png";

const phoneDataURL = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAhCAQAAACGycgoAAABpUlEQVQ4y42UPSiFURjHf7m+LSRluBFKQopCySUWJpuPgQETRZJBFmW0+liUwYTBggyKZKCuhQUlpUi+yiWXi+sYvD33fb0f95yzPM/T8+t/Pv7n+IiNJIbZIJF9NEctZygUEYp1kXmUMdd12uvYI8C3QK3xgCF+UMwyI8gpSV5Am9EWJcCTQKNeyK607TAgcYgcd+RT2hTtnEi84I4o07ykReIffM5AAiFTVkA1qwC8MU7UTeXIovNGHccskuu1/UULskVa/GvssyD5OjfvNwG3OkAC1wQli+ghsCxZnrdRYiObD1lac/x2H/BOIZVGHmZTT6dcVF7I1FGBe0opAyAFH9t6OiVEDZ1PKhx2O0ieHZqTxV2QZflERnhGsWdHMnkQ6NDksSWpdtihLpMPbughGShiSmpXpNuhNYvfvgmjaOJGKpNOi7uyQApFkG7T03A4hBrCNqiXA4lXnI67x4bc0WjKGuzv+4TQv68vg0fOxFJVzhc79k8nQj0vRnzs5oZ+IhZog1EUr0yQ6m6has5NyAfFdHp/In8WHSHIF6dM44+VfwEOvATV7kAVYwAAAABJRU5ErkJggg==";
const phoneImageURL = "https://a.pirati.cz/mail/phone.png";

const webDataURL = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAIAAAC0Ujn1AAAC5klEQVRIx+1VPU/jQBCdTUwsHIIVGyQXkSBpUgD/gCYK0FBS5Q/QuaVDIQUF1CiNGwqk/AEKImMlCAokGiIURVQxkhVAdpwPwOCPzVLk8EXhjhwnqjtet7Nv3z7N7M4AfOMfQHAkIxQKMQzT6/Xi8TjHcQ8PD+FwGAAwxh8fRB/sURSVTqdTqdTj42Oz2dzY2ACA3d1dnucnJiZKpdLx8fHIC95diBAAZLPZWq1mGIYoipVKhRBCCKlUKqIoGoZRq9Wy2axP/gTy+Xy73SaEFIvFXC7nOE5f2nGcXC5XLBYJIe12e29v7xO5pihqc3NzfX2dZVnP8w4ODlKpVCKR+HEgGASA09PTxcVFhmGSySRN02dnZ4SQIZ3Ae+nl5eVMJsOyLAC0Wq27u7u5ublBwvz8/O3tbavVAgCWZTOZzMrKyi8svs/y5OSkpmm6rgOApmmqql5dXY2Njfkc13VVVVUUJRaLAYBt25FIBCE0ZHxYmqZpjuPK5XJ/Wa/XMcaKogzWihCCMT48PIzH4/0Iz/M0Tb+8vHxUvUQioWkafoMsy5Ikua6LB+C6riRJsiz7EU3T/GL81nU4HOY4LhAI+AYZhgkGg4OuEUIMwxBCfBrHcQzDjC7jV2FY+unpyTTN3hsQQpZlYYx7A8AYW5aFEPIjpmlaljUiIY1GY3t7m+d5QghCqF6v39/fq6o6RDs/PxcE4eTkpE9rNpuNRmOEtG3bpmmura2FQqH+49vf30+n0xT1k+l53sXFxerqav/xOY4jSZJt2yOkCSHdbjcWiyWTSQDQdb1cLi8sLExNTfkcwzBmZ2eXlpamp6cB4Pr6utvt/tFvlGW5UCh0Oh0AiEajgiBUq9VBQrVaFQQhGo0CQKfTKRQKsix/TXva2to6Ojrqt6d8Pv9lTfXy8lIURV3XRzbVT4+CnZ0dnucjkUipVFIUxfO8v5ky/gCjafr5+XlmZgYAbm5uxsfHbdt2HOd7/v8HeAXZK9mLjRWuxgAAAABJRU5ErkJggg==";
const webImageURL = "https://a.pirati.cz/mail/web.png";

const mastodonDataURL = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAIAAAC0Ujn1AAADNElEQVRIx+2Wz2scZRjHv8/7vjOzM7Ob7KbqpGtSqGkqpBjroSUWghaUXr16FSoIuRXvHgq99OCpIMWeRPwDBBEEDYhUvLUENWtqo2nCpGmym+38fud9PGyzhBi7W2pvfQ7DPDPP+5l5v+88833p1Ke/49mEwDOL5+gDoQbcJiiCAAlAEAAYhgEMWDM0PzmagcCisy/as013OqjUfVWrSKUEAK1NNy3bkW6F6e2N5OfNPCyYhkQzcKwiPj53ZO7kiOfIfxeMAwDOnBiJs/Lm8u7Vnx6spoaG0domXDw9Oj9T73GZYRi8N/f9qefI+Zn6xTdGHRrurU+PqrMnapYkZoTt7Nvb7b938tmX3fOn6gC+X2rfupdMNuwLr9WDumNJOjNVe/3X7i9tPRg9UVVB3QEQpeVni5s3/ozPj1k/rGfbsQbwxVJ3wpPX78R3t/NLF5pVVwZ1Z7KmBqMFMOZJSxKAnaj4cjX5aNr/8K1gJUyuLt5n4Mo7L02Ne9cXw89X4g+ioupKS9KYJwVgBmotxSPl4qxczvnN436jZp1seoErA1dON/1GzTp33G/lHKXlgSEDBOmXFYYBWIIAEBERCBCCsHfUe4trDA+FPlDWz5Sg/2qCpP+QIdH2PpbviEvvjvdO+hd7E9Ild5JyMJqBtDAMEGBbYqFp91hSUHPM6df4jlho2o4leksSFUMIwkAnLYuSbUkTRyqX35t07YNCEDAzWb0ceH5FMnAnTFa6eiituwVHqbZ9S0ka9Q//ydiWsC2R5qa1EV/7cevuYY1+yMgwKbc6RcO3emlrIy60qbnKsYQSVBrOtEkys9nJl9aTr5aj9cyoIRv9j6hcCZOpo64gAvDXg+zaze2qoookS6BkJJpjzWupaZcsAEVDW0HG+Oa37tZu0UvnpkfmJyoCuJ+Ztdh0cvYUraVmt+TH+wgd6ugJY+FV//25F8YbTu/zCtt5N9XMqFhixFOffH3vuzCX9ORW4BJuLEet7fztV/zZY35Qt4O6fZRsbXirW9xafbja1YIGGBg9fh+iCDaRLVBV5Ch6mJu4RG4446f2Rs3QzLHBjubeF/2/2e7+Nnm+xXnK+AfIkGRk01hNNQAAAABJRU5ErkJggg==";
const mastodonImageURL = "https://a.pirati.cz/mail/mastodon.png";

const twitterDataURL = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAIAAAC0Ujn1AAACQUlEQVRIx+2VQWsTQRTH3+zsZtNNNk2LaaKITaVQrIaioXixFQTv4q3gXfAmohe99QtYCl71ItQirQcRtOjNo6iNVkLTxmDBxNTUtN2d7OzOPA/1YOuW3Rxykcxt3rz5MfPe/71HYK4KnVkKdGx10f8FWvU3IwDxPxnXyNUB7ZhBK5Z4XHOLHgKBYUrWBGIg+pJOxpPqfN0ty312AjBlKnfzicE+TaPEFXil4b4qs3wmMl9i6w0vGJ2L0Tvne0e+WLPl1vu//E8ocGvMHE3re9sIJbmMPjqgL1edmEaiAHZgrDVKElF6bcy8f868nlQBARAA4KJJc0f1g94E+nqUuEIwTKw3Hblle6mYeiHbcyYdmao5L762Fn96J2OUkoMZ4B6+LNkzVc7CoFeYLFT55BBVFdJv0MkhYyJr3OOy5aLyT24lYr0ltzCEQghAPk6z/ZqQoCp/LISAqSum7nPfE7jBZChdI0DNkQRBV0kY8e5yubQtwpbMgi0XilZ91xMYwEWATz/4uodtVOP0Bn/33bG4DHiyI+dK7LDi8kc3JaJEQwuIyVLJerYj2u4hNwvW65LdsIUnff6LCJ9rzsO11i9sqz0hAELRhdsF602ZOX6hXN3kMx92njPZRnsyAG5ktNO96nFTHTmipeJqdL9UuMC3FfZgxXpqyfY6HwP42PQm0pFTqYipKwDgCkQEV6Lj4bemu7jKHtV4RQbrkvhPdAlndXI5qQ7GaUIjXGKVyeVt8WRPwqEUfxi6Oxu76M6jfwN/qftEZmqKsAAAAABJRU5ErkJggg==";
const twitterImageURL = "https://a.pirati.cz/mail/twitter.png";

const instagramDataURL = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAIAAAC0Ujn1AAADzElEQVRIx+2WW0wcVRjH/9+ZM3sZFirsssAykF4wadK6oo2kaUk1YI1BW0yMiS/WxMQHH/VNYuKLrz6a2Ac1mvhin7xLJbXG1ks1tRYwhZawpLq7hV1gYW8zO+d8PkyVemEXYvrW72kyJ/PLf77z/eYMfX/4VdyeErhtdQf9j5J1F4mkAAEEEG3cZwYDGqw0PN4emsJGeKC77ci+5j0Js7mJDIPEBpo1s1K1tdL6XHr5m+nKhd+5oraEJku2nxiwjx82wsHq0qq7VlKOC+abwZlBZAQDZlO4a/hA/ND+6x+dz713gcteY7R10LZHB71yde7kJ5Vri7rosqOgGX5wzRAkQlLsCAZ3xnY+c7RndLA8mymdmW+wjWSK6FDSCJqpd8YLH19xp/PewrrKllW2rNIllS751xSW9nPD4d5Y6t3TImDGhpJkikapJTX32aVMvjK7CM0AwDC6rLtG9oftKIDqb/mVz6YCiR3Re+82W5pWJqbLmVxzXzckoVYfLcgMh8rZnF53fG7o/o7dLx63Eu3ClAB0zYs/1J86+fmV10+52YJarXqlitUZwy37vAmaIKTBWkMxAGk37X7pCasrmrs4kxv/GUDskf7Ygb27XhiZefl973rRiIe10kIaoEYTQkQkBPvDqrn1WNJKxHI/TKde+RA1DaB4Zp5fG20/uK/18eTSG+fBDDAJQUS8DRtNYfXEhTSyp76Dp2EQDILSNz74VkjD6omTaYB8o7YpOhH5puiyu2EjkSq5YCZB9YPVW2RXVbIrrHX7kwPsKDDAYEfHnxpg5kp2mR3lN2RLaGZmrenPgCvjk9V8oeNIf2LsYWlHpB1JjA13PHhfNV9YOT0FIr8hrDVzQ9EZ2lMkBASB4P6aT731xa7nR+xjg92PHQJAhnCW11Jvj7tTOQiCIBKklR+/Plqzcl3DCoomUwEQtP7p7Ey6EH00GepsA1E1k18ev1y9eMMfZGGZMhxSjnvTr3poxcWFbFuyL9DbWpsr+BI5lxbTv0yIFhOAXquB8Zcggd5WqzO6PHnN96Bur2s6f3aSDNF7Ytga7JF2RLSYJAUE6aKnix4EkRSi2ZR2xBrs6X12mKTIn53kmm7c6+K5+cw9PyWOPrB37OlSeslbryjH5VtaSURGMCAjYSvRLsOB9Jc/Fs/Ng7fwvdarbubNr4tX0/Gh/khPp9wTIuNfL6e0V6oWFzJLX11am7iqV93/0GLT/xACBQRMQaYQAUmmASEAQGuuKe16XNOoaXb1JmNd52xksKPhaAY03L89T///2MW2cXd+cerUH+DevOYCm6lZAAAAAElFTkSuQmCC";
const instagramImageURL = "https://a.pirati.cz/mail/instagram.png";

const linkedInDataURL = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAIAAAC0Ujn1AAACZ0lEQVRIx+VWTWsTURQ9d95MZvLRNv1SY0or/aAtXVWxClZBcKNoIaALf4fQHyD+B3+BC3WjIILUjQtBQdxIqzTWmqq1TRPaJpPJJPPeuy5MRQw21aQu7F1eHodzz73n3kd9t+awP2Fg3+KfQytAMrg5aLM+5Rh0MRHriVhPVrY/+MqkFkFbhNkTiWtnhkyDUmuFGw/nF0oBtUSQNkFXpo7Fo3YsHBpJxq+O9wTcKq2ZtK6BERFz69pY1PrBy2XXD5TmN5nc/bc562+1pnrLCMLJDjtui+e5ckExARpQDAAEmAQFKAYBDBiAINBe2igIqb62gXiYgaGuyNPMdtoLUsm2we4wM7yquru0eSEROz3Y2e5YfqAX14r30vmvgTYaQjtEqcnk1OgRzVz0qhuP5jOf5Mzk0enxhGbeciujyez5iURH1BbC0Jr9qjw1vH5z7v1iWTbQmgDbMp2QGbGtsG2ZggA4lvieOdQZuXS8v7s9bAqDAGFQ1LGmJ5KXh7tEk0Y3DcMJidW8m/6y6ZaDmoYGnR0/HDaosRt3CWa8TmdvP1vK+3JmrPf6uZGwbQJIdsfqB+nPWPuBfJHOPl73XhWqd+azJb9G3A6ZgqgpaKV0rhSAQMCqLwOparULQzTJmgG1Y1CPa8Pe+n3dcAf8N1fmR6vrNwP95uWeToFkLGeLHdEQM1w/yJelBmc23N7Pm8xcqsi8Fxg7LU2vbhW9KgC3Iqt12v+6+QgYcETcEgwozZmydDX326IzVMus+LKwMxljEdMWBgFS80Ip0LuzZuCjr+Crn5OZispUVH3J7zx5QP4hBxj6G1u/CKoAwF6dAAAAAElFTkSuQmCC";
const linkedInImageURL = "https://a.pirati.cz/mail/linkedin.png";

const fejsbukDataURL = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAIAAAC0Ujn1AAABSElEQVRIx2O0Cp/KQBvAxEAzMGo0/YxmIVkDEyMDI8Pff////6ee0W5mMjFBZjJSIszMTN++/eyZuWvvmadUMNpIVagsy5OTgxXC5ePl5OZkpY6rQ730Ieb+////wePXX7/9fPPuG3WMlhQXgDCOnbpZ1r+PmimEkZERwnj09B3VUgjMTHQRgimEEX/x5GYmk5PoxMDAwMfDycrKzMDA8OXbz58/f//7/z+lcvWbjz/IdzUHO4uwIA+yCA8XOw8X+6fP3z98+UVRgPz79//X778MDAwsLExMjIwMDAx//v779+//yzef/vz9R1GAMDMxcrAxMzAwTG/wV1YQZ2BgWLnxxNz1l/7++//j11+KXP333/+vP/5AkjPUH3//QURGC9WhWF7/h8bkf4b/xJYNRDYWWJigpcjff////aeqq//8+z+aQkak0QC0PnnMLB55iQAAAABJRU5ErkJggg==";
const fejsbukImageURL = "https://a.pirati.cz/mail/facebook.png";

const logoDataURL = "data:image/png;base64,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";
const logoImageURL = "https://a.pirati.cz/mail/logo.png";

const escapeHTML = (str) => {
    return new Option(str).innerHTML;
}

const selectHTML = (nodeId) => {
    const node = document.getElementById(nodeId);

    if (document.body.createTextRange) {
        const range = document.body.createTextRange();
        range.moveToElementText(node);
        range.select();
    } else if (window.getSelection) {
        const selection = window.getSelection();
        const range = document.createRange();
        range.selectNodeContents(node);
        selection.removeAllRanges();
        selection.addRange(range);
    } else {
        throw new Error("Browser does not support selecting");
    }
}

const generateSignature = () => {
    let result = `<style>@import url(https://gfonts.pirati.cz/css?family=Roboto);
                         body{font-family:Roboto,Arial;background:white;color:black}</style>
                  <div style="background:white!important;color:black!important">
                  <div style="font-family:Roboto Condensed,Arial,sans-serif;font-size:10pt;font-weight:normal;margin:1em">`;

    let name = $("#name").val();
    let func = $("#function").val();

    if (name !== "") {
        name = escapeHTML(name);
        result += `<div style="margin-bottom:0.75em;line-height:1.1em">
                   <strong style="font-size:13pt;font-weight:bold">${name}</strong>`;

        func = escapeHTML(func);
        
        let funcMultiline = "";
        
        for (const line of func.split("\n")) {
            funcMultiline += `${line}<br>`;
        }
        
        if (func !== "") {
            result += `<br>${funcMultiline}`;
        }
        
        result += "</div>";
    }

    const useExternalImages = $("#use-external-images").is(":checked");

    let email = escapeHTML($("#email").val());
    let phone = escapeHTML($("#phone").val());
    
    let web = escapeHTML($("#web").val());
    let mastodon = escapeHTML($("#mastodon").val());
    let twitter = escapeHTML($("#twitter").val());
    let instagram = escapeHTML($("#instagram").val());
    let linkedin = escapeHTML($("#linkedin").val());
    let fejsbuk = escapeHTML($("#fejsbuk").val());
    
    const containsExternalLinks = (web !== "" || mastodon !== "" || twitter !== "" || instagram !== "" || linkedin !== "" || fejsbuk !== "");
    
    if (email !== "" || phone !== "" || containsExternalLinks) {
        result += "<div style=\"margin-bottom:0.75em;line-height:1.1em\">";
        
        if (email !== "") {
            result += `<div style="margin-bottom:0.25em">
                       <img style="display:inline-block" src="${(!useExternalImages) ? emailDataURL : emailImageURL}" title="E-mail" width="15">&nbsp;&nbsp;
                       <span style="color:black">${email}</span>
                       </div>`;
        }
        
        if (phone !== "") {
            phone = phone.replace(" ", "");
            let phoneGroups = phone.match(/.?.?.?/g);
            
            const formattedBasePhone = phoneGroups.join(" ");
            const prefix = $("#phone-prefix").val();
            
            result += `<div style="margin-bottom:0.25em">
                       <img style="display:inline-block" src="${(!useExternalImages) ? phoneDataURL : phoneImageURL}" title="Telefonní číslo" width="11">&nbsp;&nbsp;
                       <span style="color:black">${prefix}&nbsp;${formattedBasePhone}</span>
                       </div>`;
        }
        
        
        if (containsExternalLinks) {
            result += "<div style=\"margin-top:1.25em;display:flex;column-gap:0.2em\">";
        }
        
        if (web !== "") {
            result += `<a href="${web}">
                           <img
                               src="${(!useExternalImages) ? webDataURL : webImageURL}"
                               width="30"
                               height="30"
                               alt="Webové stránky"
                           >
                       </a>`;
        }
        
        if (mastodon !== "") {
            result += `<a href="${mastodon}">
                           <img
                               src="${(!useExternalImages) ? mastodonDataURL : mastodonImageURL}"
                               width="30"
                               height="30"
                               alt="Mastodon"
                           >
                       </a>`;
        }
        
        if (twitter !== "") {
            result += `<a href="${twitter}">
                           <img
                               src="${(!useExternalImages) ? twitterDataURL : twitterImageURL}"
                               width="30"
                               height="30"
                               alt="Twitter"
                           >
                       </a>`;
        }
        
        if (instagram !== "") {
            result += `<a
                           href="${instagram}"
                       >
                           <img
                               src="${(!useExternalImages) ? instagramDataURL : instagramImageURL}"
                               width="30"
                               height="30"
                               alt="Instagram"
                           >
                       </a>`;
        }
        
        if (linkedin !== "") {
            result += `<a href="${linkedin}">
                           <img
                               src="${(!useExternalImages) ? linkedInDataURL : linkedInImageURL}"
                               width="30"
                               height="30"
                               alt="LinkedIn"
                           >
                       </a>`;
        }
        
        if (fejsbuk !== "") {
            result += `<a href="${fejsbuk}">
                           <img
                               src="${(!useExternalImages) ? fejsbukDataURL : fejsbukImageURL}"
                               width="30"
                               height="30"
                               alt="Facebook"
                           >
                       </a>`;
        }
        
        if (containsExternalLinks) {
            result += "</div>";
        }
        
        
        result += "</div>";
    }

    result += `<div style="margin-top:1.5em;">
               <img
                   style="height:40px;margin-left:-0.1em"
                   src="${(!useExternalImages) ? logoDataURL : logoImageURL}"
                   alt="Logo Pirátské Strany"
                   height="40"
               >
               </div>
               </div>
               </div>`;
    
    result = result.replace(/\s\s+|\n|\r\n/g, " ").replace(/> </g, "><").replace(/;\s+/g, ";");
    
    if (result.length > 10000) {
        $("#gmail-warning").removeClass("hidden");
    } else if (!$("#gmail-warning").hasClass("hidden")) {
        $("#gmail-warning").addClass("hidden");
    }
    
    $("#preview").html(result);
    $("#content").val(result);
}

$(window).ready(
    () => {
        generateSignature();

        $("#generate").on(
            "click",
            event => {
                const form = $("#source")[0];
                
                if (!form.checkValidity()) {
                    form.reportValidity();
                    return;
                }
                
                generateSignature();
            }
        );
        
        $("#copy").on(
            "click",
            event => {
                if (navigator.clipboard.write) {
                    // Chromium
                    
                    const type = "text/html";
                    const blob = new Blob([$("#content").val()], { type });
                    const data = [new window.ClipboardItem({ [type]: blob })];

                    navigator.clipboard.write(data).then(
                        () => {
                            alertify.success(
                                "Zkopírováno do schránky."
                            );
                        },
                        () => {
                            alertify.error(
                                "Chyba při kopírování do schránky."
                            );
                        }
                    );
                } else {
                    // Firefox
                    
                    try {
                        selectHTML("preview");
                        
                        document.execCommand("copy");
                        
                        alertify.success(
                            "Zkopírováno do schránky."
                        );
                    } catch (exception) {
                        console.log("Error copying: ", exception);
                        
                        alertify.error(
                            "Chyba při kopírování do schránky. Prosím, zkopíruj text manuálně."
                        );
                    }
                }
            }
        );
    }
);