{"id":27708,"date":"2026-03-08T09:28:06","date_gmt":"2026-03-08T09:28:06","guid":{"rendered":"https:\/\/uwisely.com\/?page_id=27708"},"modified":"2026-03-12T11:14:19","modified_gmt":"2026-03-12T11:14:19","slug":"login-ic","status":"publish","type":"page","link":"https:\/\/mtn-ic-upst.uwisely.com\/fr\/login-ic\/","title":{"rendered":"Se connecter IC MTN"},"content":{"rendered":"<p style=\"text-align: center;\">\n<div class=\"mtn-login-container\">\n    <div class=\"mtn-login-card\">\n        <div class=\"mtn-header-banner\">\n            <div class=\"mtn-login-icon\">\n                <svg width=\"75\" height=\"75\" viewBox=\"0 0 75 75\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                <path d=\"M34.375 21.875L30 26.25L38.125 34.375H6.25V40.625H38.125L30 48.75L34.375 53.125L50 37.5L34.375 21.875ZM62.5 59.375H37.5V65.625H62.5C65.9375 65.625 68.75 62.8125 68.75 59.375V15.625C68.75 12.1875 65.9375 9.375 62.5 9.375H37.5V15.625H62.5V59.375Z\" fill=\"#181818\"\/>\n                <\/svg>\n            <\/div>\n            <h1>Connexion<\/h1>\n        <\/div>\n\n        <div class=\"mtn-form-body\">\n            \n            <form method=\"post\" id=\"mtnLoginForm\">\n                <input type=\"hidden\" id=\"uw_login_nonce\" name=\"uw_login_nonce\" value=\"5c1b5572fc\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/fr\/wp-json\/wp\/v2\/pages\/27708\" \/>                <input type=\"hidden\" name=\"uwu_login_ic\" value=\"1\">\n\n                <div class=\"mtn-input-group\" id=\"group-msisdn\">\n                    <div class=\"mtn-input-wrapper\">\n                        <span class=\"mtn-icon-prefix\">\n                            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.86 19.86 0 01-8.63-3.07 19.5 19.5 0 01-6-6A19.86 19.86 0 012.08 4.18 2 2 0 014.06 2h3a2 2 0 012 1.72c.12.9.34 1.78.64 2.63a2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.45-1.15a2 2 0 012.11-.45c.85.3 1.73.52 2.63.64A2 2 0 0122 16.92z\"\/><\/svg>\n                        <\/span>\n                        <span class=\"mtn-prefix-text\">+225<\/span>\n                        <input type=\"tel\" name=\"msisdn\" id=\"msisdn_ic\" placeholder=\"Votre num\u00e9ro\" required oninput=\"validateICForm()\">\n                    <\/div>\n                    <p class=\"mtn-error-text\" id=\"error-msisdn\">Le num\u00e9ro de t\u00e9l\u00e9phone est invalide. Veuillez r\u00e9essayer.<\/p>\n                <\/div>\n\n                <div class=\"mtn-input-group\" id=\"group-password\">\n                    <div class=\"mtn-input-wrapper\">\n                        <span class=\"mtn-icon-prefix\">\n                            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\"\/><path d=\"M7 11V7a5 5 0 0110 0v4\"\/><\/svg>\n                        <\/span>\n                        <input type=\"password\" name=\"password\" id=\"password_ic\" placeholder=\"Votre mot de passe\" required oninput=\"validateICForm()\">\n                        <button type=\"button\" class=\"mtn-toggle-pass\" onclick=\"togglePass()\">\n                            <svg id=\"eye-icon\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg>\n                        <\/button>\n                    <\/div>\n                    <p class=\"mtn-error-text\" id=\"error-password\">Le mot de passe est invalide. Veuillez r\u00e9essayer.<\/p>\n                <\/div>\n\n                <button type=\"submit\" class=\"mtn-btn-submit\" id=\"btnSubmit\">Se connecter<\/button>\n\n                <div class=\"mtn-form-footer\">\n                    <a href=\"https:\/\/mtn-ic-upst.uwisely.com\/fr\/forgot-ic\/\" class=\"mtn-link-forgot\">Mot de passe oubli\u00e9 ?<\/a>\n                    <p>Pas encore inscrit ?<\/p>\n                    <a href=\"https:\/\/mtn-ic-upst.uwisely.com\/fr\/signup-ic\/\" class=\"mtn-btn-subscribe\">S'abonner<\/a>\n                <\/div>\n            <\/form>\n        <\/div>\n    <\/div>\n<\/div>\n\n<style>\n:root {\n    --mtn-yellow: #FFCC00;\n    --mtn-dark: #000000;\n    --mtn-error: #FF0000;\n    --mtn-gray: #757575;\n    --mtn-border: #CCCCCC;\n}\n\n.mtn-login-container { padding: 20px; font-family: sans-serif; display: flex; justify-content: center; background-color: #f4f7f6; }\n.mtn-login-card { width: 100%; max-width: 400px; background: white; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 10px rgba(0,0,0,0.05); }\n\n.mtn-header-banner { background: var(--mtn-yellow); padding: 40px 20px; text-align: center; }\n.mtn-login-icon { margin-bottom: 10px; }\n.mtn-header-banner h1 { margin: 0; font-size: 24px; font-weight: bold; color: var(--mtn-dark); }\n\n.mtn-form-body { padding: 30px 20px; }\n\n.mtn-input-group { margin-bottom: 20px; position: relative; }\n.mtn-input-wrapper { \n    display: flex; align-items: center; border: 1.5px solid var(--mtn-border); \n    border-radius: 25px; padding: 10px 15px; transition: border-color 0.3s;\n}\n.mtn-input-wrapper:focus-within { border-color: var(--mtn-dark); }\n\n.mtn-prefix-text { font-weight: bold; margin: 0 10px; color: var(--mtn-gray); font-size: 14px; }\n.mtn-input-wrapper input { border: none; outline: none; width: 100%; font-size: 16px; }\n\n.mtn-toggle-pass { background: none; border: none; cursor: pointer; color: var(--mtn-gray); }\n\n\/* Estados de Error *\/\n.mtn-input-group.has-error .mtn-input-wrapper { border-color: var(--mtn-error); }\n.mtn-error-text { color: var(--mtn-error); font-size: 12px; margin: 5px 15px 0; display: none; font-style: italic; }\n.mtn-input-group.has-error .mtn-error-text { display: block; }\n\n.mtn-btn-submit { \n    width: 100%; padding: 15px; border-radius: 25px; border: none; \n    background: var(--mtn-yellow); font-weight: bold; font-size: 16px; cursor: pointer;\n    box-shadow: 0 4px 6px rgba(0,0,0,0.1); transition: opacity 0.3s;\n}\n.mtn-btn-submit:disabled { opacity: 0.5; cursor: not-allowed; box-shadow: none; }\n\n.mtn-form-footer { text-align: center; margin-top: 25px; }\n.mtn-link-forgot { color: var(--mtn-yellow); text-decoration: none; font-weight: bold; display: block; margin-bottom: 15px; }\n.mtn-btn-subscribe { \n    display: block; width: 100%; padding: 15px; border-radius: 25px; \n    background: var(--mtn-dark); color: white; text-decoration: none; font-weight: bold; margin-top: 10px;\n}\n<\/style>\n\n<script>\nfunction togglePass() {\n    const p = document.getElementById('password_ic');\n    p.type = p.type === 'password' ? 'text' : 'password';\n}\n\nfunction validateICForm() {\n    const msisdnField = document.getElementById('msisdn_ic');\n    const groupMsisdn = document.getElementById('group-msisdn');\n    const btnSubmit = document.getElementById('btnSubmit');\n    \n    \/\/ 1. Solo permitimos n\u00fameros (limpieza autom\u00e1tica)\n    msisdnField.value = msisdnField.value.replace(\/[^0-9]\/g, '');\n\n    \/\/ 2. L\u00f3gica de validaci\u00f3n seg\u00fan Solution Proposal:\n    \/\/ El n\u00famero debe tener exactamente 10 d\u00edgitos (sin contar el +225) \n    const currentLength = msisdnField.value.length;\n\n    if (currentLength > 10) {\n        \/\/ Activamos el estado visual de error (borde rojo y texto)\n        groupMsisdn.classList.add('has-error');\n        btnSubmit.disabled = true; \/\/ Bloqueamos el env\u00edo por seguridad\n    } else {\n        \/\/ Estado normal\n        groupMsisdn.classList.remove('has-error');\n        \n        \/\/ Habilitamos el bot\u00f3n solo si tiene exactamente 10 d\u00edgitos\n        btnSubmit.disabled = (currentLength !== 10);\n    }\n}\n<\/script><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-27708","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mtn-ic-upst.uwisely.com\/fr\/wp-json\/wp\/v2\/pages\/27708","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mtn-ic-upst.uwisely.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mtn-ic-upst.uwisely.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mtn-ic-upst.uwisely.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mtn-ic-upst.uwisely.com\/fr\/wp-json\/wp\/v2\/comments?post=27708"}],"version-history":[{"count":1,"href":"https:\/\/mtn-ic-upst.uwisely.com\/fr\/wp-json\/wp\/v2\/pages\/27708\/revisions"}],"predecessor-version":[{"id":27709,"href":"https:\/\/mtn-ic-upst.uwisely.com\/fr\/wp-json\/wp\/v2\/pages\/27708\/revisions\/27709"}],"wp:attachment":[{"href":"https:\/\/mtn-ic-upst.uwisely.com\/fr\/wp-json\/wp\/v2\/media?parent=27708"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}