{"id":1280,"date":"2023-07-01T13:11:00","date_gmt":"2023-07-01T19:11:00","guid":{"rendered":"https:\/\/cripe.ca\/?page_id=1280"},"modified":"2023-07-02T12:24:54","modified_gmt":"2023-07-02T18:24:54","slug":"document-manager","status":"publish","type":"page","link":"https:\/\/cripe.ca\/fr\/document-manager","title":{"rendered":"Document Manager"},"content":{"rendered":"<style>\r\n\/* =============================================\r\n   WPDM Login Form - Split Panel Design\r\n   ============================================= *\/\r\n\r\n\/* Full viewport centering for login page *\/\r\n.w3eden#wpdmloginpage {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    \/*min-height: 100vh;*\/\r\n    width: 100%;\r\n    padding: 0;\r\n    box-sizing: border-box;\r\n}\r\n\r\n.w3eden .wpdm-login-split {\r\n    --login-primary: var(--color-primary);\r\n    --login-primary-dark: var(--color-primary-active);\r\n    --login-primary-light: var(--color-primary-hover);\r\n    --login-text: #1e293b;\r\n    --login-text-muted: #64748b;\r\n    --login-border: #e2e8f0;\r\n    --login-bg: #ffffff;\r\n    --login-radius: 16px;\r\n    --login-font: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;\r\n\r\n    font-family: var(--login-font);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    min-height: 100%;\r\n    padding: 24px;\r\n    box-sizing: border-box;\r\n}\r\n\r\n.w3eden .wpdm-login-split *,\r\n.w3eden .wpdm-login-split *::before,\r\n.w3eden .wpdm-login-split *::after {\r\n    box-sizing: border-box;\r\n    margin: 0;\r\n    padding: 0;\r\n}\r\n\r\n\/* Main Container *\/\r\n.w3eden .wpdm-login-panel {\r\n    display: flex;\r\n    width: 100%;\r\n    max-width: 900px;\r\n    min-height: 520px;\r\n    background: var(--login-bg);\r\n    border-radius: var(--login-radius);\r\n    overflow: hidden;\r\n    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.15);\r\n}\r\n\r\n\/* Left Panel - Decorative *\/\r\n.w3eden .wpdm-login-left {\r\n    flex: 0 0 45%;\r\n    background: linear-gradient(135deg, var(--color-primary-hover) 0%, var(--color-primary) 50%, var(--color-primary-active) 100%);\r\n    padding: 40px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n\/* Wave decoration *\/\r\n.w3eden .wpdm-login-left::before {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 0;\r\n    right: 0;\r\n    height: 200px;\r\n    background: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='%23ffffff' fill-opacity='0.1' d='M0,160L48,170.7C96,181,192,203,288,197.3C384,192,480,160,576,165.3C672,171,768,213,864,218.7C960,224,1056,192,1152,165.3C1248,139,1344,117,1392,106.7L1440,96L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z'%3E%3C\/path%3E%3C\/svg%3E\") no-repeat bottom;\r\n    background-size: cover;\r\n}\r\n\r\n.w3eden .wpdm-login-left::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 0;\r\n    right: 0;\r\n    height: 150px;\r\n    background: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='%23ffffff' fill-opacity='0.15' d='M0,224L48,213.3C96,203,192,181,288,181.3C384,181,480,203,576,218.7C672,235,768,245,864,234.7C960,224,1056,192,1152,181.3C1248,171,1344,181,1392,186.7L1440,192L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z'%3E%3C\/path%3E%3C\/svg%3E\") no-repeat bottom;\r\n    background-size: cover;\r\n}\r\n\r\n\/* Grid pattern overlay *\/\r\n.w3eden .wpdm-login-grid {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    background-image:\r\n        linear-gradient(rgba(255,255,255,0.05) 1px, transparent 1px),\r\n        linear-gradient(90deg, rgba(255,255,255,0.05) 1px, transparent 1px);\r\n    background-size: 40px 40px;\r\n    pointer-events: none;\r\n}\r\n\r\n\/* Floating circles *\/\r\n.w3eden .wpdm-login-circles {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    pointer-events: none;\r\n    overflow: hidden;\r\n}\r\n\r\n.w3eden .wpdm-login-circle {\r\n    position: absolute;\r\n    border-radius: 50%;\r\n    background: rgba(255, 255, 255, 0.1);\r\n}\r\n\r\n.w3eden .wpdm-login-circle:nth-child(1) {\r\n    width: 80px;\r\n    height: 80px;\r\n    top: 15%;\r\n    right: 10%;\r\n}\r\n\r\n.w3eden .wpdm-login-circle:nth-child(2) {\r\n    width: 40px;\r\n    height: 40px;\r\n    top: 60%;\r\n    left: 15%;\r\n    background: rgba(255, 255, 255, 0.15);\r\n}\r\n\r\n.w3eden .wpdm-login-circle:nth-child(3) {\r\n    width: 60px;\r\n    height: 60px;\r\n    bottom: 25%;\r\n    right: 25%;\r\n    background: rgba(255, 255, 255, 0.08);\r\n}\r\n\r\n.w3eden .wpdm-login-circle:nth-child(4) {\r\n    width: 20px;\r\n    height: 20px;\r\n    top: 40%;\r\n    left: 30%;\r\n    background: rgba(255, 255, 255, 0.2);\r\n}\r\n\r\n\/* Left panel content *\/\r\n.w3eden .wpdm-login-brand {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    color: #fff;\r\n    font-size: 14px;\r\n    font-weight: 600;\r\n    letter-spacing: 0.5px;\r\n    position: relative;\r\n    z-index: 1;\r\n}\r\n\r\n.w3eden .wpdm-login-brand img {\r\n    width: 36px;\r\n    height: 36px;\r\n    border-radius: 8px;\r\n    object-fit: cover;\r\n}\r\n\r\n.w3eden .wpdm-login-brand-icon {\r\n    width: 36px;\r\n    height: 36px;\r\n    background: rgba(255, 255, 255, 0.2);\r\n    border-radius: 8px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n\r\n.w3eden .wpdm-login-brand-icon svg {\r\n    width: 20px;\r\n    height: 20px;\r\n    color: #fff;\r\n}\r\n\r\n.w3eden .wpdm-login-welcome {\r\n    flex: 1;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    color: #fff;\r\n    position: relative;\r\n    z-index: 1;\r\n}\r\n\r\n.w3eden .wpdm-login-welcome-sub {\r\n    font-size: 14px;\r\n    opacity: 0.9;\r\n    margin-bottom: 8px;\r\n    font-weight: 400;\r\n}\r\n\r\n.w3eden .wpdm-login-welcome-title {\r\n    font-size: 32px;\r\n    font-weight: 700;\r\n    letter-spacing: 2px;\r\n    text-transform: uppercase;\r\n    margin-bottom: 16px;\r\n}\r\n\r\n.w3eden .wpdm-login-welcome-line {\r\n    width: 40px;\r\n    height: 3px;\r\n    background: #fff;\r\n    border-radius: 2px;\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.w3eden .wpdm-login-welcome-text {\r\n    font-size: 13px;\r\n    line-height: 1.7;\r\n    opacity: 0.85;\r\n    max-width: 280px;\r\n}\r\n\r\n\/* Right Panel - Form *\/\r\n.w3eden .wpdm-login-right {\r\n    flex: 1;\r\n    padding: 48px 40px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n}\r\n\r\n.w3eden .wpdm-login-form-header {\r\n    margin-bottom: 32px;\r\n}\r\n\r\n.w3eden .wpdm-login-form-title {\r\n    font-size: 24px;\r\n    font-weight: 700;\r\n    color: var(--login-primary);\r\n    margin-bottom: 12px;\r\n}\r\n\r\n.w3eden .wpdm-login-form-desc {\r\n    font-size: 13px;\r\n    color: var(--login-text-muted);\r\n    line-height: 1.6;\r\n}\r\n\r\n\/* Form Fields *\/\r\n.w3eden .wpdm-login-field {\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.w3eden .wpdm-login-input-wrap {\r\n    position: relative;\r\n    display: flex;\r\n    align-items: center;\r\n}\r\n\r\n\/* Accent bar input style *\/\r\n.w3eden .wpdm-login-split input[type=\"text\"].wpdm-login-input,\r\n.w3eden .wpdm-login-split input[type=\"email\"].wpdm-login-input,\r\n.w3eden .wpdm-login-split input[type=\"password\"].wpdm-login-input,\r\n.w3eden .wpdm-login-split .form-control,\r\n.w3eden .wpdm-login-input {\r\n    width: 100% !important;\r\n    height: 50px !important;\r\n    padding: 0 16px 0 20px !important;\r\n    font-size: 14px !important;\r\n    font-family: inherit !important;\r\n    color: var(--login-text) !important;\r\n    background: #f8fafc !important;\r\n    border: none !important;\r\n    border-left: 3px solid var(--color-primary-hover) !important;\r\n    border-radius: 0 !important;\r\n    outline: none !important;\r\n    transition: all 0.2s ease !important;\r\n}\r\n\r\n.w3eden .wpdm-login-input::placeholder,\r\n.w3eden .wpdm-login-split .form-control::placeholder {\r\n    color: #94a3b8 !important;\r\n    opacity: 1 !important;\r\n}\r\n\r\n.w3eden .wpdm-login-input:focus,\r\n.w3eden .wpdm-login-split .form-control:focus {\r\n    background: #f1f5f9 !important;\r\n    border-left-color: var(--color-primary-active) !important;\r\n}\r\n\r\n\/* Autofill fix *\/\r\n.w3eden .wpdm-login-input:-webkit-autofill,\r\n.w3eden .wpdm-login-input:-webkit-autofill:hover,\r\n.w3eden .wpdm-login-input:-webkit-autofill:focus,\r\n.w3eden .wpdm-login-split .form-control:-webkit-autofill {\r\n    -webkit-box-shadow: 0 0 0 1000px #f8fafc inset !important;\r\n    -webkit-text-fill-color: var(--login-text) !important;\r\n    border-left: 3px solid var(--login-primary) !important;\r\n}\r\n\r\n\/* Password toggle *\/\r\n.w3eden .wpdm-login-input.has-toggle,\r\n.w3eden .wpdm-login-split .form-control.has-toggle {\r\n    padding-right: 48px !important;\r\n}\r\n\r\n.w3eden .wpdm-login-pwd-toggle {\r\n    position: absolute;\r\n    right: 8px;\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n    width: 36px;\r\n    height: 36px;\r\n    background: transparent;\r\n    border: none;\r\n    border-radius: 6px;\r\n    cursor: pointer;\r\n    color: var(--login-text-muted);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    transition: color 0.15s;\r\n}\r\n\r\n.w3eden .wpdm-login-pwd-toggle:hover {\r\n    color: var(--login-text);\r\n}\r\n\r\n.w3eden .wpdm-login-pwd-toggle svg {\r\n    width: 18px;\r\n    height: 18px;\r\n}\r\n\r\n\/* Meta Row *\/\r\n.w3eden .wpdm-login-meta {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    margin-bottom: 28px;\r\n    font-size: 13px;\r\n}\r\n\r\n\/* Custom Checkbox *\/\r\n.w3eden .wpdm-login-remember {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    cursor: pointer;\r\n    user-select: none;\r\n    color: var(--login-text-muted);\r\n}\r\n\r\n.w3eden .wpdm-login-remember input[type=\"checkbox\"] {\r\n    position: absolute;\r\n    opacity: 0;\r\n    width: 0;\r\n    height: 0;\r\n}\r\n\r\n.w3eden .wpdm-login-check {\r\n    width: 18px;\r\n    height: 18px;\r\n    border: 2px solid var(--login-border);\r\n    border-radius: 4px;\r\n    background: var(--login-bg);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    transition: all 0.15s ease;\r\n    flex-shrink: 0;\r\n}\r\n\r\n.w3eden .wpdm-login-check svg {\r\n    width: 10px;\r\n    height: 10px;\r\n    color: #fff;\r\n    opacity: 0;\r\n    transform: scale(0.5);\r\n    transition: all 0.15s ease;\r\n}\r\n\r\n.w3eden .wpdm-login-remember input:checked + .wpdm-login-check {\r\n    background: var(--login-primary);\r\n    border-color: var(--login-primary);\r\n}\r\n\r\n.w3eden .wpdm-login-remember input:checked + .wpdm-login-check svg {\r\n    opacity: 1;\r\n    transform: scale(1);\r\n}\r\n\r\n\/* Forgot Link *\/\r\n.w3eden .wpdm-login-forgot {\r\n    color: var(--login-primary);\r\n    text-decoration: none;\r\n    font-weight: 500;\r\n    transition: color 0.15s;\r\n}\r\n\r\n.w3eden .wpdm-login-forgot:hover {\r\n    color: var(--login-primary-dark);\r\n}\r\n\r\n\/* Submit Button - Pill shape *\/\r\n.w3eden .wpdm-login-btn {\r\n    width: 100%;\r\n    height: 50px;\r\n    font-size: 14px;\r\n    font-weight: 600;\r\n    font-family: inherit;\r\n    color: #fff;\r\n    background: var(--login-primary);\r\n    border: none;\r\n    border-radius: 25px;\r\n    cursor: pointer;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 10px;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1px;\r\n    transition: all 0.2s ease;\r\n    box-shadow: 0 4px 15px rgba(var(--color-primary-rgb), 0.3);\r\n}\r\n\r\n.w3eden .wpdm-login-btn:hover {\r\n    background: var(--login-primary-dark);\r\n    box-shadow: 0 6px 20px rgba(var(--color-primary-rgb), 0.6);\r\n    transform: translateY(-1px);\r\n}\r\n\r\n.w3eden .wpdm-login-btn:active {\r\n    transform: translateY(0);\r\n}\r\n\r\n.w3eden .wpdm-login-btn:disabled {\r\n    opacity: 0.7;\r\n    cursor: not-allowed;\r\n    transform: none;\r\n}\r\n\r\n.w3eden .wpdm-login-btn svg {\r\n    width: 16px;\r\n    height: 16px;\r\n}\r\n\r\n\/* Spinner *\/\r\n@keyframes wpdm-spin {\r\n    to { transform: rotate(360deg); }\r\n}\r\n\r\n.w3eden .wpdm-login-spinner {\r\n    width: 18px;\r\n    height: 18px;\r\n    border: 2px solid rgba(255,255,255,0.3);\r\n    border-top-color: #fff;\r\n    border-radius: 50%;\r\n    animation: wpdm-spin 0.7s linear infinite;\r\n}\r\n\r\n\/* Register Link *\/\r\n.w3eden .wpdm-login-register {\r\n    text-align: center;\r\n    margin-top: 24px;\r\n    font-size: 13px;\r\n    color: var(--login-text-muted);\r\n}\r\n\r\n.w3eden .wpdm-login-register a {\r\n    color: var(--login-primary);\r\n    font-weight: 600;\r\n    text-decoration: none;\r\n    margin-left: 4px;\r\n}\r\n\r\n.w3eden .wpdm-login-register a:hover {\r\n    text-decoration: underline;\r\n}\r\n\r\n\/* Divider *\/\r\n.w3eden .wpdm-login-divider {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 16px;\r\n    margin: 24px 0;\r\n    font-size: 12px;\r\n    color: var(--login-text-muted);\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.5px;\r\n}\r\n\r\n.w3eden .wpdm-login-divider::before,\r\n.w3eden .wpdm-login-divider::after {\r\n    content: '';\r\n    flex: 1;\r\n    height: 1px;\r\n    background: var(--login-border);\r\n}\r\n\r\n\/* Social Buttons *\/\r\n.w3eden .wpdm-login-social {\r\n    display: flex;\r\n    gap: 12px;\r\n    justify-content: center;\r\n}\r\n\r\n.w3eden .wpdm-login-social-btn {\r\n    width: 44px;\r\n    height: 44px;\r\n    border-radius: 10px;\r\n    border: 1px solid var(--login-border);\r\n    background: var(--login-bg);\r\n    cursor: pointer;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    transition: all 0.2s ease;\r\n    padding: 0;\r\n}\r\n\r\n.w3eden .wpdm-login-social-btn svg {\r\n    width: 20px;\r\n    height: 20px;\r\n}\r\n\r\n.w3eden .wpdm-login-social-btn.google svg { color: #ea4335; }\r\n.w3eden .wpdm-login-social-btn.facebook svg { color: #1877f2; }\r\n.w3eden .wpdm-login-social-btn.twitter svg { color: #0f172a; }\r\n.w3eden .wpdm-login-social-btn.linkedin svg { color: #0a66c2; }\r\n\r\n.w3eden .wpdm-login-social-btn:hover {\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n.w3eden .wpdm-login-social-btn.google:hover { background: #ea4335; border-color: #ea4335; }\r\n.w3eden .wpdm-login-social-btn.facebook:hover { background: #1877f2; border-color: #1877f2; }\r\n.w3eden .wpdm-login-social-btn.twitter:hover { background: #0f172a; border-color: #0f172a; }\r\n.w3eden .wpdm-login-social-btn.linkedin:hover { background: #0a66c2; border-color: #0a66c2; }\r\n\r\n.w3eden .wpdm-login-social-btn:hover svg { color: #fff; }\r\n\r\n\/* Alerts *\/\r\n.w3eden .wpdm-login-alert {\r\n    padding: 12px 16px;\r\n    border-radius: 8px;\r\n    font-size: 13px;\r\n    margin-bottom: 20px;\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 10px;\r\n    line-height: 1.5;\r\n}\r\n\r\n.w3eden .wpdm-login-alert svg {\r\n    width: 16px;\r\n    height: 16px;\r\n    flex-shrink: 0;\r\n    margin-top: 2px;\r\n}\r\n\r\n.w3eden .wpdm-login-alert.success {\r\n    background: #ecfdf5;\r\n    color: #065f46;\r\n    border: 1px solid #a7f3d0;\r\n}\r\n\r\n.w3eden .wpdm-login-alert.error {\r\n    background: #fef2f2;\r\n    color: #991b1b;\r\n    border: 1px solid #fecaca;\r\n    cursor: pointer;\r\n}\r\n\r\n.w3eden .wpdm-login-alert.info {\r\n    background: #eff6ff;\r\n    color: #1e40af;\r\n    border: 1px solid #bfdbfe;\r\n}\r\n\r\n\/* Override front.css *\/\r\n.w3eden .wpdm-login-right .form-group { margin-bottom: 0; }\r\n.w3eden .wpdm-login-right .form-group > label:first-child { display: none; }\r\n.w3eden .wpdm-login-right .form-group .input-group { display: block; }\r\n.w3eden .wpdm-login-right .form-group .input-group-prepend { display: none; }\r\n\r\n\/* reCAPTCHA *\/\r\n.w3eden .wpdm-login-right .g-recaptcha {\r\n    margin-bottom: 20px;\r\n    display: flex;\r\n    justify-content: center;\r\n    transform: scale(0.92);\r\n    transform-origin: center;\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 768px) {\r\n    .w3eden .wpdm-login-split {\r\n        padding: 16px;\r\n    }\r\n\r\n    .w3eden .wpdm-login-panel {\r\n        flex-direction: column;\r\n        max-width: 440px;\r\n        min-height: auto;\r\n    }\r\n\r\n    .w3eden .wpdm-login-left {\r\n        flex: 0 0 auto;\r\n        padding: 32px 24px;\r\n        min-height: 200px;\r\n    }\r\n\r\n    .w3eden .wpdm-login-welcome-title {\r\n        font-size: 24px;\r\n    }\r\n\r\n    .w3eden .wpdm-login-welcome-text {\r\n        display: none;\r\n    }\r\n\r\n    .w3eden .wpdm-login-right {\r\n        padding: 32px 24px;\r\n    }\r\n\r\n    .w3eden .wpdm-login-meta {\r\n        flex-direction: column;\r\n        gap: 12px;\r\n        align-items: flex-start;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .w3eden .wpdm-login-left {\r\n        padding: 24px 20px;\r\n        min-height: 160px;\r\n    }\r\n\r\n    .w3eden .wpdm-login-welcome-title {\r\n        font-size: 20px;\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    .w3eden .wpdm-login-right {\r\n        padding: 24px 20px;\r\n    }\r\n\r\n    .w3eden .wpdm-login-input,\r\n    .w3eden .wpdm-login-split .form-control {\r\n        font-size: 16px !important; \/* Prevent iOS zoom *\/\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"w3eden\" id=\"wpdmloginpage\">\r\n    <div class=\"wpdm-login-split\" id=\"wpdmlogin\">\r\n        <div class=\"wpdm-login-panel\">\r\n            <!-- Left Panel - Decorative -->\r\n            <div class=\"wpdm-login-left\">\r\n                <div class=\"wpdm-login-grid\"><\/div>\r\n                <div class=\"wpdm-login-circles\">\r\n                    <div class=\"wpdm-login-circle\"><\/div>\r\n                    <div class=\"wpdm-login-circle\"><\/div>\r\n                    <div class=\"wpdm-login-circle\"><\/div>\r\n                    <div class=\"wpdm-login-circle\"><\/div>\r\n                <\/div>\r\n\r\n                <div class=\"wpdm-login-brand\">\r\n                                            <div class=\"wpdm-login-brand-icon\">\r\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 16v-4\"\/><path d=\"M12 8h.01\"\/><\/svg>\r\n                        <\/div>\r\n                                        <span>CRIPE<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"wpdm-login-welcome\">\r\n                    <div class=\"wpdm-login-welcome-sub\">Nice to see you again<\/div>\r\n                    <div class=\"wpdm-login-welcome-title\">WELCOME BACK<\/div>\r\n                    <div class=\"wpdm-login-welcome-line\"><\/div>\r\n                    <div class=\"wpdm-login-welcome-text\">\r\n                        Sign in to access your account, manage your downloads, and explore all the features available to you.                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Right Panel - Form -->\r\n            <div class=\"wpdm-login-right\">\r\n                \r\n                <div class=\"wpdm-login-form-header\">\r\n                    <h1 class=\"wpdm-login-form-title\">Login Account<\/h1>\r\n                    <p class=\"wpdm-login-form-desc\">Enter your credentials to access your account and continue where you left off.<\/p>\r\n                <\/div>\r\n\r\n                <form name=\"loginform\" id=\"loginform\" action=\"\" method=\"post\" data-trp-original-action=\"\">\r\n                    <input type=\"hidden\" name=\"permalink\" value=\"https:\/\/cripe.ca\/fr\/document-manager\" \/>\r\n\r\n                    <!-- Alerts -->\r\n                    <div id=\"__signin_msg\">\r\n                                            <\/div>\r\n\r\n                    \r\n                    <!-- Email -->\r\n                    <div class=\"wpdm-login-field\">\r\n                        <div class=\"wpdm-login-input-wrap\">\r\n                            <input type=\"text\" name=\"wpdm_login[log]\" id=\"user_login\" class=\"wpdm-login-input\" required placeholder=\"Email ID\" autocomplete=\"username\" \/>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Password -->\r\n                    <div class=\"wpdm-login-field\">\r\n                        <div class=\"wpdm-login-input-wrap\">\r\n                            <input type=\"password\" name=\"wpdm_login[pwd]\" id=\"password\" class=\"wpdm-login-input has-toggle\" required placeholder=\"Password\" autocomplete=\"current-password\" \/>\r\n                            <button type=\"button\" class=\"wpdm-login-pwd-toggle\" onclick=\"wpdmTogglePwd()\" aria-label=\"Toggle password visibility\">\r\n                                <svg id=\"wpdm-eye\" 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>\r\n                                <svg id=\"wpdm-eye-off\" style=\"display:none\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24\"\/><line x1=\"1\" y1=\"1\" x2=\"23\" y2=\"23\"\/><\/svg>\r\n                            <\/button>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Hidden hash -->\r\n                                        <input type=\"hidden\" name=\"__phash\" id=\"__phash\" value=\"OjlMKF6XvpKv3GrTIMdcpLVCMTGq-sbbSFk97acR5WHgIlwbPGq9L8ryqWM-WE_i2se_rfAcFMjj6POLvCLrcGw\" \/>\r\n\r\n                    \r\n                                        \r\n                    <!-- Remember & Forgot -->\r\n                    <div class=\"wpdm-login-meta\">\r\n                        <label class=\"wpdm-login-remember\">\r\n                            <input type=\"checkbox\" name=\"rememberme\" id=\"rememberme\" value=\"forever\" \/>\r\n                            <span class=\"wpdm-login-check\">\r\n                                <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n                            <\/span>\r\n                            <span>Keep me signed in<\/span>\r\n                        <\/label>\r\n                        <a href=\"https:\/\/cripe.ca\/wp-login.php?action=lostpassword\" class=\"wpdm-login-forgot\">Forgot password?<\/a>\r\n                    <\/div>\r\n\r\n                    <!-- Submit -->\r\n                    <button type=\"submit\" name=\"wp-submit\" id=\"loginform-submit\" class=\"wpdm-login-btn\">\r\n                        <span>Sign In<\/span>\r\n                    <\/button>\r\n\r\n                    <!-- Register Link -->\r\n                    \r\n                    <input type=\"hidden\" name=\"redirect_to\" value=\"\/fr\/wp-json\/wp\/v2\/pages\/1280\" \/>\r\n                <input type=\"hidden\" name=\"trp-form-language\" value=\"fr\"\/><\/form>\r\n\r\n                <!-- Social Login -->\r\n                \r\n                            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\nfunction wpdmTogglePwd() {\r\n    var pwd = document.getElementById('password');\r\n    var eye = document.getElementById('wpdm-eye');\r\n    var eyeOff = document.getElementById('wpdm-eye-off');\r\n    if (pwd.type === 'password') {\r\n        pwd.type = 'text';\r\n        eye.style.display = 'none';\r\n        eyeOff.style.display = 'block';\r\n    } else {\r\n        pwd.type = 'password';\r\n        eye.style.display = 'block';\r\n        eyeOff.style.display = 'none';\r\n    }\r\n}\r\n\r\njQuery(function ($) {\r\n        var $btn = $('#loginform-submit');\r\n    var btnHtml = $btn.html();\r\n\r\n    $('#loginform').submit(function () {\r\n        $btn.html('<span class=\"wpdm-login-spinner\"><\/span><span>Signing in...<\/span>').attr('disabled', 'disabled');\r\n\r\n        $(this).ajaxSubmit({\r\n            error: function(error) {\r\n                if(typeof error.responseJSON !== 'undefined') {\r\n                    showErr(error.responseJSON.messages || error.responseJSON.message);\r\n                    $btn.html(btnHtml).removeAttr('disabled');\r\n                                    } else {\r\n                    setTimeout(function () {\r\n                        location.href = \"\/fr\/wp-json\/wp\/v2\/pages\/1280\";\r\n                    }, 1000);\r\n                }\r\n            },\r\n            success: async function (res) {\r\n                if (!res.success) {\r\n                    showErr(res.message);\r\n                    $btn.html(btnHtml).removeAttr('disabled');\r\n                                    } else {\r\n                    let proceed = await WPDM.doAction(\"wpdm_user_login\", res);\r\n                    $btn.html('<svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg><span>' + res.message + '<\/span>');\r\n                    setTimeout(function () {\r\n                        location.href = \"\/fr\/wp-json\/wp\/v2\/pages\/1280\";\r\n                    }, 1000);\r\n                }\r\n            }\r\n        });\r\n        return false;\r\n    });\r\n    \r\n    function showErr(msg) {\r\n        $('#loginform .wpdm-login-alert.error').remove();\r\n        var html = '<div class=\"wpdm-login-alert error\">' +\r\n            '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"15\" y1=\"9\" x2=\"9\" y2=\"15\"\/><line x1=\"9\" y1=\"9\" x2=\"15\" y2=\"15\"\/><\/svg>' +\r\n            '<span>' + msg + '<\/span><\/div>';\r\n        $('#loginform').prepend(html);\r\n    }\r\n\r\n    $('body').on('click', '.wpdm-login-alert.error', function(){\r\n        $(this).slideUp(150, function() { $(this).remove(); });\r\n    });\r\n});\r\n<\/script>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_gspb_post_css":"","footnotes":""},"class_list":["post-1280","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/cripe.ca\/fr\/wp-json\/wp\/v2\/pages\/1280","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cripe.ca\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cripe.ca\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cripe.ca\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cripe.ca\/fr\/wp-json\/wp\/v2\/comments?post=1280"}],"version-history":[{"count":3,"href":"https:\/\/cripe.ca\/fr\/wp-json\/wp\/v2\/pages\/1280\/revisions"}],"predecessor-version":[{"id":1529,"href":"https:\/\/cripe.ca\/fr\/wp-json\/wp\/v2\/pages\/1280\/revisions\/1529"}],"wp:attachment":[{"href":"https:\/\/cripe.ca\/fr\/wp-json\/wp\/v2\/media?parent=1280"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}