PageSourceSearch

https://www.monbienetrerecompense.fr/contact/

html monbienetrerecompense.fr collected 2026-09-29 01:02:12 UTC 506,926 bytes, 9,339 lines download raw bytes

1
2
3<!DOCTYPE html>
4<html lang="fr">
5<head>
6    <link rel="canonical" href="https://www.monbienetrerecompense.fr/contact/" />
7    <link rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css">
8    
8<script integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous" src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
8
9    <link rel="stylesheet" href="/css/global.min.css" />
10    <link rel="preconnect" href="https://fonts.googleapis.com">
11    <link rel="preconnect" crossorigin href="https://fonts.gstatic.com">
12    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Open&#x2B;Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&amp;display=swap">
13    <meta name="viewport" content="width=device-width, initial-scale=1">
14    <!--  <meta name="viewport" content="width=device-width, initial-scale=1 width=device-width, minimum-scale=1.0, maximum-scale=1.0"> -->
15    <!--  <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1.0, user-scalable=no">-->
16
17
18    <meta http-equiv="Content-Security-Policy-Report-Only" content="script-src 'self' https://www.google.com/recaptcha/; report-uri /csp-report-endpoint;">
19    <meta http-equiv="Content-Security-Policy-Report-Only" content="script-src 'self' https://cdn-ukwest.onetrust.com; report-uri /csp-report-endpoint;">
20    <meta http-equiv="Content-Security-Policy-Report-Only" content="script-src 'self' https://cdns.eu1.gigya.com; report-uri /csp-report-endpoint;">
21
22    <link rel="stylesheet" integrity="sha512-DYPHyRjnB7Pksl1XIyl9W7EJO2oruGChyctjC9oUnIZMfzWCExMgPHwR3zOpSPEXyh6hEMowtIvTK6p+aeNXLA==" crossorigin="anonymous" referrerpolicy="no-referrer" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/11.0.2/swiper-bundle.css" />
23    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css">
24    
24<script integrity="sha512-QSMp0RngktZnLj6y+Bii6xQ0H7Ym3qqAHYzD8Ld7aPqu36/0IijzW3p8JXQVah6d+vWD5Lu3/dPsAjdGG2RBcw==" crossorigin="anonymous" referrerpolicy="no-referrer" src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/11.0.2/swiper-bundle.min.js"></script>
24
25    
25<script integrity="sha256-JlqSTELeR4TLqP0OG9dxM7yDPqX1ox/HfgiSLBj8+kM=" crossorigin="anonymous" src="https://code.jquery.com/jquery-3.7.0.js"></script>
25
26    <!--
26<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/webcamjs/1.0.26/webcam.js"></script>
26 -->
27    
27<script src="https://cdn.jsdelivr.net/npm/flatpickr"></script>
27
28    
28<script type="text/javascript" src="https://cdns.eu1.gigya.com/js/gigya.js?apiKey=4_seWZXY5Kyc6We0htFD6iAQ"></script>
28
29
30    
30<script src="/js/custom/commonmethods.js"></script>
30
31    
31<script src="/js/custom/activationWithoutCampaign.js"></script>
31
32    <!-- OneTrust Cookies Consent Notice start for monbienetrerecompense.fr -->
33    
33<script data-document-language="true" data-domain-script="b25f54e5-848d-421a-a86f-09b297faca78" src="https://cdn-ukwest.onetrust.com/scripttemplates/otSDKStub.js"></script>
33 
34    
34<script type="text/javascript">
35        function OptanonWrapper(){
36
37            const cookieSettingsBtn = document.getElementById("onetrust-pc-btn-handler");
38            const acceptBtn = document.getElementById("onetrust-accept-btn-handler");
39            const declineBtn = document.querySelector("button#onetrust-reject-all-handler");
40
41            const btnContainer = document.getElementById("onetrust-button-group");
42            btnContainer.insertBefore(acceptBtn, cookieSettingsBtn)
43            btnContainer.insertBefore(declineBtn, cookieSettingsBtn)
44
45        }
46    </script>
46
47    
47<script type="text/plain" class="optanon-category-C0004-C0010" src="https://l726.monbienetrerecompense.fr/script.js"></script>
47
48        
48<script>dataLayer = []</script>
48
49    <!-- Google Tag Manager -->
50    
50<script>
vendor: 521 bytes, lines 50-59
50
51        (function (w, d, s, l, i) {
52            w[l] = w[l] || []; w[l].push({
53                'gtm.start':
54                    new Date().getTime(), event: 'gtm.js'
55            }); var f = d.getElementsByTagName(s)[0],
56                j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src =
57                    'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(
58                        j, f);
59        })(window, document, 'script', 'dataLayer', '
59GTM-KKQLHRR
vendor: 3 bytes, line 59
59');
59</script>
59
60    <!-- End Google Tag Manager -->
61        
61<script>
62            dataLayer.push({ 'environment': 'Live' });
63        </script>
63
64    
64<script>
65        (function () {
66            var dataLayer = window.dataLayer || [];
67            dataLayer.push({"page tree":[{"page uid":null,"page url segment":"fr","page type":"homePage"}],"page uid":null,"page url segment":"contact","page type":"contactUsPage"});
68        }());
69    </script>
69
70
71
72<title>FAQ &amp; Contact | Mon bien-&#xEA;tre r&#xE9;compens&#xE9;</title>
73<meta charset="utf-8">
74<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
75<meta name="msapplication-TileColor" content="#253082">
76<meta name="theme-color" content="#ffffff">
77<meta name="description" content="&lt;p&gt;Contactez notre service client pour toute question sur nos offres de r&#xE9;ductions, remboursements et cashback sur vos marques d&#x27;hygi&#xE8;ne pr&#xE9;f&#xE9;r&#xE9;es. Profitez de nos promotions exclusives et &#xE9;conomisez sur vos achats de produits d&#x27;hygi&#xE8;ne.&lt;/p&gt;" />
78<meta property="og:title" content="FAQ &amp; Contact | Mon bien-&#xEA;tre r&#xE9;compens&#xE9;">
79<meta property="og:description" content="&lt;p&gt;Contactez notre service client pour toute question sur nos offres de r&#xE9;ductions, remboursements et cashback sur vos marques d&#x27;hygi&#xE8;ne pr&#xE9;f&#xE9;r&#xE9;es. Profitez de nos promotions exclusives et &#xE9;conomisez sur vos achats de produits d&#x27;hygi&#xE8;ne.&lt;/p&gt;">
80<meta property="og:url" content="https://www.monbienetrerecompense.fr/contact/">
81<meta property="og:image" content="">
82<meta property="dc.language" content="fr">
83<meta property="dc.title" content="FAQ &amp; Contact | Mon bien-&#xEA;tre r&#xE9;compens&#xE9;">
84<meta property="dc.description" content="&lt;p&gt;Contactez notre service client pour toute question sur nos offres de r&#xE9;ductions, remboursements et cashback sur vos marques d&#x27;hygi&#xE8;ne pr&#xE9;f&#xE9;r&#xE9;es. Profitez de nos promotions exclusives et &#xE9;conomisez sur vos achats de produits d&#x27;hygi&#xE8;ne.&lt;/p&gt;">
85<meta property="keywords" content="">
86<meta property="referrer" content="origin">
87<meta property="author" content="Essity">
88<meta property="language" content="French">
89
90
91        <link rel="icon" type="image/x-icon" href="https://libresse-images.essity.com/images-c5/495/563495/optimized-AzurePNG2K/android-chrome-512x512.png" />
92
93        <a class="skip-main text-decoration-none" id="skipcontent" href="javascript:;" aria-label="Skip to main content"><span>Skip to Main Content</span></a>
94
95</head>
96
97<body>
98    <input name="__RequestVerificationToken" type="hidden" value="CfDJ8EABxL4j6ItHk1VkYDifddBFvqnKzs-DpABtFQFGXE20yQYYEJ9-79qCXrSDjXZ7LpdW58iqZ8sobv8yK6BOoFPxAuCeR2-TtsczVbZSpzc5d_MDDHQmPDbqtw_hJw1SqVnICab9wmo7zBQJRTElEgM" />
99        <!-- Google Tag Manager (noscript) -->
vendor: 73 bytes, lines 99-100
99
100    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
100GTM-KKQLHRR
vendor: 88 bytes, lines 100-101
100" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
101    
101<!-- End Google Tag Manager (noscript) -->
102
103    <div class="overlay"></div>
104<div class="container">
105    <div class="row header my-lg-2">
106        <nav class="navbar navbar-expand-lg navbar-light">
107            <div class="container-fluid px-0 lotusTenaCampaign">
108
109                <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
110                    <div class="navbar-toggler-icon">
111                        <p></p>
112                        <p></p>
113                        <p></p>
114                    </div>
115                </button>
116
117                <a class="navbar-brand" href="/">
118                        <img src="https://libresse-images.essity.com/images-c5/385/552385/optimized-AzurePNG2K/logo-mbr-5.png" class="logo-img" alt="brand" title="Brand" />
119                </a>
120                <div class="showmobile showmobilemaxwidth lotusTenaCampaign_navbar">
121                    <div class="d-flex profile_container">
122
123                        <ul class="navbar-nav">
124                            <li class="nav-item dropdown">
125                                <a class="nav-link dropdown-toggle lotusTenaCampaign_dropdown" href="#" id="mobileProfileDropdown" data-bs-toggle="dropdown" aria-expanded="false">
126                                    <img src="/user.png" style="width: 35px;" alt="Profile" />
127                                    <img src="/jeux/Arrow_dropdown.png" class="profile_dropdown_icon " style="width: 12px; margin-top: 2px;" alt="Dropdown" />
128                                </a>
129                                    <ul class="dropdown-menu" aria-labelledby="mobileProfileDropdown">
130                                            <li class="PrfCLSRegister">
131                                                <a href="#" data-menuType="Register" x-on:click="isShow = !isShow" class="PrflBtnCLS dropdown-item">
132                                                    S&#x2019;inscrire
133                                                </a>
134                                            </li>
135                                            <li class="PrfCLSLogin">
136                                                <a href="#" data-menuType="Login" x-on:click="isShow = !isShow" class="PrflBtnCLS dropdown-item">
137                                                    Se connecter
138                                                </a>
139                                            </li>
140                                            <li class="PrfCLSProfileInfo">
141                                                <a href="/profil/" data-menuType="ProfileInfo" x-on:click="isShow = !isShow" class="PrflBtnCLS dropdown-item">
142                                                    Mon profil
143                                                </a>
144                                            </li>
145                                            <li class="PrfCLSAdminScreen">
146                                                <a href="#" data-menuType="AdminScreen" x-on:click="isShow = !isShow" class="PrflBtnCLS dropdown-item">
147                                                    Unfinished Transactions
148                                                </a>
149                                            </li>
150                                            <li class="PrfCLSLogout">
151                                                <a href="#" data-menuType="Logout" x-on:click="isShow = !isShow" class="PrflBtnCLS dropdown-item">
152                                                    Se d&#xE9;connecter
153                                                </a>
154                                            </li>
155                                    </ul>
156                            </li>
157                            <li class="pb-2 showmobile border-bottom-0 text-center close-container">
158                                <div class="header_closeicon">
159                                    <a href="#" class="close-icon">  </a>
160                                </div>
161
162                            </li>
163                        </ul>
164                                <a href="/remboursements/" x-on:click="isShow = !isShow" class="mobile_scanicon autoscan_scan_tkt_btn__QXAJ1 hover:text-dark btn btn-blue text-decoration-none" id="ScanButton">                                   
165                                        <span style="margin-right: 6px;"><img src="/navbarWhiteBtn.png" style="width:26px" alt="Scan button"></span>                                    
166                                </a>
167                    </div>
168                </div>
169
170                <div class="collapse navbar-collapse nav_container" id="navbarSupportedContent">
171
172                    <div class="loggeduser_header showmobile d-none" id="profileHeaderSection">
173                        <div class="vous_container">
174                            Vous avez &#xE9;conomis&#xE9; : 
175                        </div>
176                        <div class="total_info">
177                            <span class="headereuroicon">
178
179                                    <img src="https://libresse-images.essity.com/images-c5/494/563494/optimized-AzurePNG4K/euro-icon.png">
180
181                            </span><span>Total :</span>
182                            <span class="price" id="userTotalDiscounts"> 0&#x20AC;</span>
183                        </div>
184                        <div class="cumul">
185
186                                    <a href="/profil/">
187                                        Cumul et historique des gains
188                                    </a>
189                        </div>
190                    </div>
191
192                    <ul class="navbar-nav mb-1 my-2 mb-lg-0 main-menu justify-content-center navbar_mainItem">
193                                <li class="pb-1 showmobile border-bottom-0 text-center PrfCLSMOBRegister">
194                                        <a href="#" data-menuType="Register" x-on:click="isShow = !isShow" class="PrflBtnCLS dropdown-item btn-blue" style="line-height:2!important">
195
196                                            S&#x2019;inscrire
197                                        </a>
198                                </li>
199                                <li class="pb-1 showmobile border-bottom-0 text-center PrfCLSMOBLogin">
200                                        <a href="#" data-menuType="Login" x-on:click="isShow = !isShow" class="PrflBtnCLS dropdown-item btn-outline" style="line-height:2!important">
201
202                                            Se connecter
203                                        </a>
204                                </li>
205                                <li class="pb-1 showmobile border-bottom-0 text-center PrfCLSMOBProfileInfo">
206                                        <a href="/profil/" data-menuType="ProfileInfo" x-on:click="isShow = !isShow" class="PrflBtnCLS dropdown-item btn-outline" style="line-height:2!important">
207
208                                            Mon profil
209                                        </a>
210                                </li>
211                                <li class="pb-1 showmobile border-bottom-0 text-center PrfCLSMOBAdminScreen">
212                                </li>
213                                <li class="pb-1 showmobile border-bottom-0 text-center PrfCLSMOBLogout">
214                                        <a href="#" data-menuType="Logout" x-on:click="isShow = !isShow" class="PrflBtnCLS dropdown-item btn-outline" style="line-height:2!important">
215
216                                            Se d&#xE9;connecter
217                                        </a>
218                                </li>
219                                <li class="nav-item">
220                                    <a href="/" id="navMenuHome" aria-current="page" x-on:click="isShow = !isShow" class="nav-link" aria-label="Accueil">
221                                        Accueil
222                                    </a>
223                                </li>
224                        <li class="nav-item dropdown me-0 me-md-0 me-lg-3">
225                            <a class="nav-link dropdown-toggle" href="#" id="aboutMenuDropdown" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
226                                A propos
227                            </a>
228                                <ul class="dropdown-menu" aria-labelledby="aboutMenuDropdown">
229                                        <li>
230                                            <a href="/notre-programme/" x-on:click="isShow = !isShow" class="dropdown-item" id="Notre programme">
231                                                Notre programme
232                                            </a>
233                                        </li>
234                                        <li>
235                                            <a href="/les-marques/" x-on:click="isShow = !isShow" class="dropdown-item" id="Nos marques">
236                                                Nos marques
237                                            </a>
238                                        </li>
239                                </ul>
240                        </li>
241
242                                <li class="nav-item">
243                                    <a href="/jeux-concours/" id="navOkayfrHub" x-on:click="isShow = !isShow" class="nav-link">
244                                        Jeux Concours
245                                    </a>
246                                </li>
247
248
249                        </li>
250                    </ul>
251
252                    <ul class="d-flex justify-content-center align-items-center p-0 m-0">
253                        <li class="showdesktop border-bottom-0">
254                            <div class="showdesktop showdesktopmaxwidth">
255                                <div class="d-flex profile_container">
256                                    <ul class="navbar-nav" style="width: 72px!important;">
257                                        <li class="nav-item dropdown ms-lg-0" id="userProfile">
258                                            <a class="nav-link dropdown-toggle profile-img" href="#" id="desktopProfileDropdown" data-bs-toggle="dropdown" aria-expanded="false" aria-label="User profile menu" aria-haspopup="true">
259                                                <img src="/user.png" style="width: 40px;" alt="Profile" />
260                                            </a>
261                                                <ul class="dropdown-menu profilesubmenu" aria-labelledby="desktopProfileDropdown">
262                                                        <li class="pb-1 text-center PrfCLSRegister">
263                                                            <a href="#" data-menuType="Register" x-on:click="isShow = !isShow" class="PrflBtnCLS dropdown-item btn-outline">
264                                                                S&#x2019;inscrire
265                                                            </a>
266                                                        </li>
267                                                        <li class="pb-1 text-center PrfCLSLogin">
268                                                            <a href="#" data-menuType="Login" x-on:click="isShow = !isShow" class="PrflBtnCLS dropdown-item btn-outline">
269                                                                Se connecter
270                                                            </a>
271                                                        </li>
272                                                        <li class="pb-1 text-center PrfCLSProfileInfo">
273                                                            <a href="/profil/" data-menuType="ProfileInfo" x-on:click="isShow = !isShow" class="PrflBtnCLS dropdown-item btn-outline">
274                                                                Mon profil
275                                                            </a>
276                                                        </li>
277                                                        <li class="pb-1 text-center PrfCLSAdminScreen">
278                                                            <a href="/transaction-details/" data-menuType="AdminScreen" x-on:click="isShow = !isShow" class="PrflBtnCLS dropdown-item btn-outline">
279                                                                Unfinished Transactions
280                                                            </a>
281                                                        </li>
282                                                        <li class="pb-1 text-center PrfCLSLogout">
283                                                            <a href="#" data-menuType="Logout" x-on:click="isShow = !isShow" class="PrflBtnCLS dropdown-item btn-outline">
284                                                                Se d&#xE9;connecter
285                                                            </a>
286                                                        </li>
287                                                </ul>
288                                        </li>
289                                    </ul>
290
291                                            <a href="/remboursements/" class="autoscan_scan_tkt_btn__QXAJ1 hover:text-dark btn btn-blue text-decoration-none">                                             
292                                                    <img src="/navbarWhiteBtn.png" class="me-2" width="26px" alt="Scan button" />
293                                                    <span class=" autoscan_scan_my_tkt_btn_txt__b1UP7 text-sm">Mes offres</span>                                                
294                                            </a>
295                                </div>
296                            </div>
297
298                        <li class="nav-item showmobile border-bottom-0 mt-3">
299                                        <a class="nav-link pb-4" style="font-weight:400!important" href="/contact/">
300                                                FAQ/Contact
301                                        </a>
302                                        <a class="nav-link pb-4" style="font-weight:400!important" href="https://www.essity.fr/" target="_blank">
303                                                Le Groupe Essity
304                                        </a>
305                                        <a class="nav-link pb-4" style="font-weight:400!important" href="/politique-de-confidentialite/" target="_blank">
306                                                Politique de confidentialit&#xE9;
307                                        </a>
308                                        <a class="nav-link pb-4" style="font-weight:400!important" href="/politique-d-utilisation-des-cookies/" target="_blank">
309                                                Information sur les cookies
310                                        </a>
311                                        <a class="nav-link pb-4" style="font-weight:400!important" href="/mentions-legales/" target="_blank">
312                                                Mentions l&#xE9;gales
313                                        </a>
314                                        <a class="nav-link pb-4" style="font-weight:400!important" href="/conditions-d-utilisations/" target="_blank">
315                                                Conditions d&#x2019;utilisations
316                                        </a>
317
318                        </li>
319                    </ul>
320                </div>
321            </div>
322        </nav>
323    </div>
324</div>
325<div class="headerInfoBar_headerinfocontainer__eklMZ p-1 container-fluid" id="breadcrumbs">
326    <div class="row">
327        <div class="headerInfoBar_headerinfotext__ykXrY col-lg-12 col-12 ">
328            <div class="w-100">
329                            <div class=" mb-0 container responvie_breadcrum_mobile">
330                                <div class="row">
331                                    <div class="col-lg-4 col-sm-12 text-lg-start text-md-start text-center mb-lg-0 mb-2 header_home">
332                                        <a href="/" class="text-decoration-none"> <span class="fw-bold">Accueil </span> /</a> Contact
333                                    </div>
334                                    <div class="col-lg-4 col-sm-12 col-md-6">
335                                        <p style="margin-bottom: 0px;">Repousser les limites pour <br class="showmobile"><span class="fw-700">plus de bien-être</span></p>
336                                    </div>
337                                </div>
338
339                            </div>
340            </div>
341        </div>
342        <div class="order-sm-1 order-md-2 align-items-sm-start align-self-md-center text-center col-lg-2 col-2 d-none">
343            <a class="headerInfoBar_newsletter_closeicon__OjsA7 order-sm-1"
344               href="javascript:;">
345                <svg fill="currentColor"
346                     font-size="24"
347                     height="1em"
348                     viewBox="0 0 16 16"
349                     width="1em"
350                     xmlns="http://www.w3.org/2000/svg">
351                    <path d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z"></path>
352                </svg>
353            </a>
354        </div>
355    </div>
356</div>
357
358<script>
359
360    $(document).ready(function () {
361        var location = window.location.href;
362        var path = window.location.pathname.substr(1);
363        $(`.nav-item a[href="/${path}"]`).addClass("activePink");
364
365        if (path === "") {
366            $('#navMenuHome').each(function () {
367                if (location.indexOf(this.href) > -1) {
368                    $("#navMenuHome").addClass('active');
369                    $("#navReimbursement").removeClass('active');
370                }
371            });
372        }
373
374        $('#navReimbursement').each(function () {
375            if (location.indexOf(this.href) > -1) {
376                $("#navReimbursement").addClass('active');
377                $("#navMenuHome").removeClass('active');
378            }
379        });
380          $('#navOkayfrHub').each(function () {
381            if (location.indexOf(this.href) > -1) {
382                $("#navOkayfrHub").addClass('active');
383                $("#navReimbursement").removeClass('active');
384                $("#navMenuHome").removeClass('active');
385            }
386        });
387    });
388</script>
388
389
390<script>
391    $(document).ready(function () {
392        $(document).on("click", ".header .navbar-toggler", function () {
393            if ($(".header .close-container").css('display') == "none") {
394                $(".header .close-container").show();
395                $(".overlay").show();
396            } else {
397                $(".header .close-container").hide();
398                $(".overlay").hide();
399            }
400        });
401        $(document).on("click", ".header_closeicon", function () {
402            $(".header .close-container").hide();
403            $(".overlay").hide();
404            $("#navbarSupportedContent").removeClass("show");
405        });
406        $(document).on("click", ".headerInfoBar_newsletter_closeicon__OjsA7", function () {
407            $(this).parents(".headerInfoBar_headerinfocontainer__eklMZ").hide();
408        });
409
410    });
411
412
413    document.addEventListener("keydown", function (event) {
414        if (event.key === "Tab" || event.key === "Enter") {
415            document.body.classList.add("keyboard-nav");
416        }
417    });
418
419    document.addEventListener("mousedown", function () {
420        document.body.classList.remove("keyboard-nav");
421    });
422
423
424
425        // Accessibility focus management
426    function handleFirstTab(e) {
427        if (e.key === 'Tab') {
428            document.body.classList.add('user-is-tabbing');
429            window.removeEventListener('keydown', handleFirstTab);
430            window.addEventListener('mousedown', handleMouseDownOnce);
431        }
432    }
433
434    function handleMouseDownOnce() {
435        document.body.classList.remove('user-is-tabbing');
436        window.removeEventListener('mousedown', handleMouseDownOnce);
437        window.addEventListener('keydown', handleFirstTab);
438    }
439
440    window.addEventListener('keydown', handleFirstTab);
441
442
443   // Lotus campaign september launch
444
445</script>
445
446
447<style>
448    .activePink {
449        font-size: 13px !important;
450        text-decoration: none !important;
451        /*   color: white !important; /* #f50082 !important; */
452        font-weight: 700 !important;
453    }
454
455/*     *:focus {
456        border: 2px dashed #fd7919 !important;
457        border-radius: 4px;
458        outline: none;
459    }
460 */
461
462    .user-is-tabbing *:focus,
463    *:focus-visible {
464        outline: 2px dashed #fd7919 !important;
465        outline-offset: 2px !important;   
466    }
467
468    button:focus-visible,
469    .user-is-tabbing button:focus{
470        outline: 2px dashed #fd7919 !important;
471        outline-offset: 2px !important;
472    }   
473.navbar-brand:focus,
474.navbar-brand:focus-visible {
475        outline: 2px dashed #fff !important;
476}
477/* Draw the focus indicator around the image instead */
478.user-is-tabbing .navbar-brand:focus .logo-img,
479.navbar-brand:focus-visible .logo-img {
480    outline: 2px dashed #fd7919 !important;
481    outline-offset: 2px !important;
482}
483    a.skip-main span {
484        border: 1px solid #fff;
485        padding: 10px 20px;
486        border-radius: 5px;
487    }
488
489    a.skip-main {
490        left: -999px;
491        position: relative;
492        top: auto;
493        width: 1px;
494        height: 1px;
495        overflow: hidden;
496        display: inline-block;
497        z-index: -999;
498        text-align: center;
499        align-content: center;
500        transition: top 1s ease;
501    }
502
503        a.skip-main:focus, a.skip-main:active {
504            background: #00005a;
505            color: #fff;
506            left: 0;
507            top: 0;
508            width: 100%;
509            height: 60px;
510            overflow: auto;
511            padding: 5px;
512            z-index: 1000;
513        }
514
515</style>
516    <main>
517        
518<meta http-equiv="Content-Security-Policy" content="script-src 'self' https://www.google.com/recaptcha/;">
vendor: 81 bytes, lines 518-520
518
519
520<script async defer src="https://www.google.com/recaptcha/api.js"></script>
521<link rel="stylesheet" integrity="sha512-aD9ophpFQ61nFZP6hXYu4Q/b/USW7rpLCQLX6Bi0WJHXNO7Js/fUENpBQf/+P4NtpzNX0jSgR5zVvPOJp+W2Kg==" crossorigin="anonymous" referrerpolicy="no-referrer" href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.1.0-rc.0/css/select2.min.css" />
522<script src="/js/custom/multiselectdropdown.js"></script>
vendor: 2 bytes, line 522
522
523<script src="/js/custom/recaptchasubmithandler.js"></script>
523
524
525<form action="/contact/" enctype="multipart/form-data" id="form72c81f9a7a084b029c7692a244ba9d6e" method="post">    <div class="container my-5 contactUs_container">
526        <div class="most_frequently_asked_questions w-100">
527
528            <!-- Pills navs -->
529            <ul class="nav nav-pills mb-3 justify-content-center gap-3" id="pills-tab" role="tablist">
530                <li class="nav-item" role="presentation">
531                    <button class="nav-link contact_form_tab_button active" id="pills-home-tab" data-bs-toggle="pill"
532                            data-bs-target="#pills-home" type="button" role="tab" aria-controls="pills-home"
533                            aria-selected="true">
534                        Questions les plus fr&#xE9;quentes
535                    </button>
536                </li>
537                <li class="nav-item" role="presentation">
538                    <button class="nav-link  contact_form_tab_button " id="pills-profile-tab" data-bs-toggle="pill"
539                            data-bs-target="#pills-profile" type="button" role="tab" aria-controls="pills-profile"
540                            aria-selected="false">
541                        Contact
542                    </button>
543                </li>
544            </ul>
545            <!-- Pills navs -->
546            <!-- Pills content -->
547            <div class="tab-content" id="pills-tabContent">
548
549                <div class="tab-pane fade show active" id="pills-home" role="tabpanel" aria-labelledby="pills-home-tab">
550                    <h1 class="text-center most_frequently_asked_questions_text" tabindex="0"><p><strong>Questions </strong>les plus fréquentes</p></h1>
551
552                    <!-- ========================================= -->
553
554                    <div class="most_frequently_asked_questions_contect_container px-2 py-4 px-lg-5 px-md-4">
555                        <div class="first_tab mt-4 ">
556                                    <h5 class="contact_Form_accordion_text"><p>Le fonctionnement</p></h5>
557                                    <div class="accordion accordion-flush" id="accordionFlushExample1">
558                                        <div class="accordion-item">
559                                                    <div class=" border-bottom-blueline">
560                                                        <h2 class="accordion-header " id="flush-heading11">
561                                                            <button class="accordion-button accordion_button_arrow_change collapsed contact_Form_accordion_text_button" type="button" data-bs-toggle="collapse"
562                                                                    data-bs-target="#flush-collapse11" aria-expanded="false"
563                                                                    aria-controls="#flush-collapse11">
564                                                                Comment m&#x27;inscrire / me connecter ?
565                                                            </button>
566                                                        </h2>
567                                                        <div id="flush-collapse11" class="accordion-collapse collapse" tabindex="0"
568                                                             aria-labelledby="flush-heading11" data-bs-parent="#accordionFlushExample1">
569                                                            <div class="accordion-body">
570                                                                <p>Inscrivez-vous ou accédez à votre compte avec vos identifiants en cliquant sur « s’inscrire / se connecter » en haut à droite de la page depuis votre ordinateur, ou en cliquant en haut à gauche depuis votre mobile.</p>
571                                                            </div>
572                                                        </div>
573                                                    </div>
574                                                    <div class=" border-bottom-blueline">
575                                                        <h2 class="accordion-header " id="flush-heading21">
576                                                            <button class="accordion-button accordion_button_arrow_change collapsed contact_Form_accordion_text_button" type="button" data-bs-toggle="collapse"
577                                                                    data-bs-target="#flush-collapse21" aria-expanded="false"
578                                                                    aria-controls="#flush-collapse21">
579                                                                Quels sont les avantages du programme ?
580                                                            </button>
581                                                        </h2>
582                                                        <div id="flush-collapse21" class="accordion-collapse collapse" tabindex="0"
583                                                             aria-labelledby="flush-heading21" data-bs-parent="#accordionFlushExample1">
584                                                            <div class="accordion-body">
585                                                                <p>Rejoindre le programme "Mon bien-être récompensé" vous permet de profiter de nombreux avantages ! Le programme vous donne accès à 3 avantages :<br>1. Des coupons de réduction imprimables par vos soins, à utiliser en magasin pour vos prochains achats.<br>2. Des codes de réductions directement accessibles sur les sites de nos marques partenaires.<br>3. Du cashback immédiat, à savoir un remboursement en 5 jours d'une partie de vos produits achetés éligibles aux réductions proposées, grâce au scan de votre ticket de caisse de vos achats déjà effectués.</p>
586                                                            </div>
587                                                        </div>
588                                                    </div>
589                                                    <div class=" border-bottom-blueline">
590                                                        <h2 class="accordion-header " id="flush-heading31">
591                                                            <button class="accordion-button accordion_button_arrow_change collapsed contact_Form_accordion_text_button" type="button" data-bs-toggle="collapse"
592                                                                    data-bs-target="#flush-collapse31" aria-expanded="false"
593                                                                    aria-controls="#flush-collapse31">
594                                                                Comment acc&#xE9;der aux avantages ?
595                                                            </button>
596                                                        </h2>
597                                                        <div id="flush-collapse31" class="accordion-collapse collapse" tabindex="0"
598                                                             aria-labelledby="flush-heading31" data-bs-parent="#accordionFlushExample1">
599                                                            <div class="accordion-body">
600                                                                <p>Une fois connecté(e) à votre compte, rendez-vous sur la page "réductions &amp; remboursements" pour sélectionner vos réductions imprimables et/ou réductions en ligne. Votre sélection a
600pparaîtra dans votre panier situé à droite de la page depuis votre ordinateur, ou bien en bas de votre écran depuis votre mobile. Cliquez dessus puis confirmez votre sélection. Choisissez une option, et suivez les instructions. </p>
601                                                            </div>
602                                                        </div>
603                                                    </div>
604                                                    <div class=" border-bottom-blueline">
605                                                        <h2 class="accordion-header " id="flush-heading41">
606                                                            <button class="accordion-button accordion_button_arrow_change collapsed contact_Form_accordion_text_button" type="button" data-bs-toggle="collapse"
607                                                                    data-bs-target="#flush-collapse41" aria-expanded="false"
608                                                                    aria-controls="#flush-collapse41">
609                                                                Pourquoi certaines r&#xE9;ductions ne sont plus accessibles ?
610                                                            </button>
611                                                        </h2>
612                                                        <div id="flush-collapse41" class="accordion-collapse collapse" tabindex="0"
613                                                             aria-labelledby="flush-heading41" data-bs-parent="#accordionFlushExample1">
614                                                            <div class="accordion-body">
615                                                                <p>Nos réductions se renouvellent fréquemment, c'est pourquoi certaines réductions expirent et ne s'affichent plus. </p>
616<p>Aussi, les réductions ne peuvent être utilisées que 12 fois maximum par personne, soit une fois par mois. Si c'est le cas, un message s'affichera lors du clic sur la sélection, vous invitant à revenir dans quelques jours pour pouvoir profiter de nouveau de l'offre.  </p>
617                                                            </div>
618                                                        </div>
619                                                    </div>
620                                                    <div class=" border-bottom-blueline">
621                                                        <h2 class="accordion-header " id="flush-heading51">
622                                                            <button class="accordion-button accordion_button_arrow_change collapsed contact_Form_accordion_text_button" type="button" data-bs-toggle="collapse"
623                                                                    data-bs-target="#flush-collapse51" aria-expanded="false"
624                                                                    aria-controls="#flush-collapse51">
625                                                                Pourquoi je ne trouve pas de r&#xE9;duction sur mon produit pr&#xE9;f&#xE9;r&#xE9; ?
626                                                            </button>
627                                                        </h2>
628                                                        <div id="flush-collapse51" class="accordion-collapse collapse" tabindex="0"
629                                                             aria-labelledby="flush-heading51" data-bs-parent="#accordionFlushExample1">
630                                                            <div class="accordion-body">
631                                                                <p>Notre programme "Mon bien-être récompensé" met en avant les réductions offertes par nos marques partenaires, dont la liste complète est disponible sur notre page dédiée, intitulée "Nos marques", dans la rubrique "à propos". <br>Les réductions au sein de ces marques partenaires sont sujettes à des renouvellements fréquents et peuvent ne pas s'appliquer sur tous les produits d'une même marque. Nous vous encourageons donc à consulter notre site chaque mois pour rester informé des offres actuelles. Si vous avez des suggestions ou si vous souhaitez nous partager vos produits préférés, <a style="color: #f50082 !important; text-decoration: underline !important;" href="/contact/" class="activePink">contactez-nous ici</a></p>
632                                                            </div>
633                                                        </div>
634                                                    </div>
635                                        </div>
636                                    </div>
637                                    <h5 class="contact_Form_accordion_text"><p>Les réductions à imprimer</p></h5>
638                                    <div class="accordion accordion-flush" id="accordionFlushExample2">
639                                        <div class="accordion-item">
640                                                    <div class=" border-bottom-blueline">
641                                                        <h2 class="accordion-header " id="flush-heading61">
642                                                            <button class="accordion-button accordion_button_arrow_change collapsed contact_Form_accordion_text_button" type="button" data-bs-toggle="collapse"
643                                                                    data-bs-target="#flush-collapse61" aria-expanded="false"
644                                                                    aria-controls="#flush-collapse61">
645                                                                Comment utiliser mon bon de r&#xE9;duction &#xE0; imprimer ?
646                                                            </button>
647                                                        </h2>
648                                                        <div id="flush-collapse61" class="accordion-collapse collapse" tabindex="0"
649                                                             aria-labelledby="flush-heading61" data-bs-parent="#accordionFlushExample2">
650                                                            <div class="accordion-body">
651                                                                <p>Une fois vos réductions sélectionnées, validez la sélection de votre panier via la fenêtre qui s'affiche à droite (depuis votre ordinateur) ou en bas de votre écran (depuis votre mobile).</p>
652                                                            </div>
653                                                        </div>
654                                                    </div>
655                                                    <div class=" border-bottom-blueline">
656                                                        <h2 class="accordion-header " id="flush-heading71">
657                                                            <button class="accordion-button accordion_button_arrow_change collapsed contact_Form_accordion_text_button" type="button" data-bs-toggle="collapse"
658                                                                    data-bs-target="#flush-collapse71" aria-expanded="false"
659                                                                    aria-controls="#flush-collapse71">
660                                                                Puis-je utiliser mon bon de r&#xE9;duction dans toutes les enseignes ?
661                                                            </button>
662                                                        </h2>
663                                                        <div id="flush-collapse71" class="accordion-collapse collapse" tabindex="0"
664                                                             aria-labelledby="flush-heading71" data-bs-parent="#accordionFlushExample2">
665                                                            <div class="accordion-body">
666                                                                <p>Les coupons que vous imprimez sont valables dans tous les supermarchés et hypermarchés de France Métropolitaine, Monaco, Corse, DROM (Guadeloupe, Martinique, Guyane, La Réunion, Mayotte) et COM zone euro uniquement (Saint-Pierre et-Miquelon, Saint- Barthélémy, Saint Martin) sous réserve que le produit soit disponible dans cette enseigne.</p>
667<p>Néanmoins, il n'y a pas d'obligation légale de la part des enseignes d'accepter les bons de réduction.</p>
668                                                            </div>
669                                                        </div>
670                                                    </div>
671                                                    <div class=" border-bottom-blueline">
672                                                        <h2 class="accordion-header " id="flush-heading81">
673                                                            <button class="accordion-button accordion_button_arrow_change collapsed contact_Form_accordion_text_button" type="button" data-bs-toggle="collapse"
674                                                                    data-bs-target="#flush-collapse81" aria-expanded="false"
675                                                                    aria-controls="#flush-collapse81">
676                                                                Combien de temps les r&#xE9;ductions sont-elles valables ?
677                                                            </button>
678                                                        </h2>
679                                                        <div id="flush-collapse81" class="accordion-collapse collapse" tabindex="0"
680                                                             aria-labelledby="flush-heading81" data-bs-parent="#accordionFlushExample2">
681                                                            <div class="accordion-body">
682                                                                <p>La durée de validité des offres peut varier. Consultez les détails de chaque offre en cliquant sur l'icône "?" en haut à droite de chaque offre pour connaître sa période de validité.</p>
683                                                            </div>
684                                                        </div>
685                                                    </div>
686                                                    <div class=" border-bottom-blueline">
687                                                        <h2 class="accordion-header " id="flush-heading91">
688                                                            <button class="accordion-button accordion_button_arrow_change collapsed contact_Form_accordion_text_button" type="button" data-bs-toggle="collapse"
689                                                                    data-bs-target="#flush-collapse91" aria-expanded="false"
690                                                                    aria-controls="#flush-collapse91">
691                                                                Puis-je utiliser un bon de r&#xE9;duction plusieurs fois ?
692                                                            </button>
693                                                        </h2>
694                                                        <div id="flush-collapse91" class="accordion-collapse collapse" tabindex="0"
695                                                             aria-labelledby="flush-heading91" data-bs-parent="#accordionFlushExample2">
696                                                            <div class="accordion-body">
697                                                                <p>Vous pouvez utiliser au maximum 12 fois un coupon d’une même offre de réduction, et vous ne pouvez utiliser qu’un coupon par achat (non cumulable avec les autres promotions en cours qui pourraient exister). Cela signifie que dès lors que vous sélectionnez et utilisez votre réduction, il ne peut être utilisé que pour un seul achat.</p>
698                                                            </div>
699                                                        </div>
700                                                    </div>
701                                                    <div class=" border-bottom-blueline">
702                                                        <h2 class="accordion-header " id="flush-heading101">
703                                                            <button class="accordion-button accordion_button_arrow_change collapsed contact_Form_accordion_text_button" type="button" data-bs-toggle="collapse"
704                                                                    data-bs-target="#flush-collapse101" aria-expanded="false"
705                                                                    aria-controls="#flush-collapse101">
706                                                                Puis-je imprimer un bon de r&#xE9;duction plusieurs fois ?
707                                                            </button>
708                                                        </h2>
709                                                        <div id="flush-collapse101" class="accordion-collapse collapse" tabindex="0"
710                                                             aria-labelledby="flush-heading101" data-bs-parent="#accordionFlushExample2">
711                                                            <div class="accordion-body">
712                                                                <p>Le lien d'impression de votre bon est à usage unique, c'est-à-dire que les coupons édités ne peuvent être imprimables qu'une seule fois. Avant d’imprimer, vérifiez donc que votre imprimante est fonctionnelle. </p>
713<p>Aussi, l’utilisation d'une offre est limitée à 12 fois par utilisateur. Vous ne pouvez pas imprimer la même offre plus d'une fois par semaine. Si vous souhaitez ré-éditer un coupon à imprimer, vous devez attendre 7 jours.</p>
714                                                            </div>
715                                                        </div>
716                                                    </div>
717                                                    <div class=" border-bottom-blueline">
718                                                        <h2 class="accordion-header " id="flush-heading111">
719                                                            <button class="accordion-button accordion_button_arrow_change collapsed contact_Form_accordion_text_button" type="button" data-bs-toggle="collapse"
720                                                                    data-bs-target="#flush-collapse111" aria-expanded="false"
721                                                                    aria-controls="#flush-collapse111">
722                                                                Je n&#x27;arrive pas &#xE0; imprimer mon bon de r&#xE9;duction.
723                                                            </button>
724                                                        </h2>
725                                                        <div id="flush-collapse111" class="accordion-collapse collapse" tabindex="0"
726                                                             aria-labelledby="flush-heading111" data-bs-parent="#accordionFlushExample2">
727                                                            <div class="accordion-body">
728                                                                <p>Vous n'arrivez pas à imprimer vos bons via le site ou l'email récapitulatif que nous vous avons envoyé ?</p>
729<p>Le lien d'impression de votre bon est à usage unique, c'est-à-dire que les coupons édités ne peuvent être imprimables qu'une seule fois. Si vous avez ouvert la fenêtre d'impression et que vous avez eu un problème d'impression, vous ne pourrez plus utiliser de nouveau le lien d'impression.</p>
730<p>L’utilisation d'une offre est limitée à 12 fois par utilisateur.</p>
731                                                            </div>
732                                                        </div>
733                                                    </div>
734                                                    <div c
734lass=" border-bottom-blueline">
735                                                        <h2 class="accordion-header " id="flush-heading121">
736                                                            <button class="accordion-button accordion_button_arrow_change collapsed contact_Form_accordion_text_button" type="button" data-bs-toggle="collapse"
737                                                                    data-bs-target="#flush-collapse121" aria-expanded="false"
738                                                                    aria-controls="#flush-collapse121">
739                                                                Mon bon de r&#xE9;duction n&#x27;a pas fonctionn&#xE9; en magasin.
740                                                            </button>
741                                                        </h2>
742                                                        <div id="flush-collapse121" class="accordion-collapse collapse" tabindex="0"
743                                                             aria-labelledby="flush-heading121" data-bs-parent="#accordionFlushExample2">
744                                                            <div class="accordion-body">
745                                                                <p>Un seul coupon est valable par achat, assurez-vous donc que vous n'avez pas déjà utilisé ce coupon et que sa date de validité est valide. Par ailleurs, les photocopies ne sont pas acceptées. Sachez également qu'il n'y a pas d'obligation légale de la part des enseignes d'accepter les bons de réduction.</p>
746<p>Les réductions offertes ne sont pas cumulables avec d'autres promotions en cours, bons de réduction ou offres promotionnelles. </p>
747<p>Aussi, chaque coupon n'est valable que pour une seule utilisation, veuillez donc vérifier que vous n'avez pas déjà utilisé ce coupon et que sa période de validité et toujours en cours. Par ailleurs, les photocopies des coupons ne sont pas acceptées. </p>
748<p>Il convient également de noter que les enseignes ne sont pas légalement tenues d'accepter les bons de réduction.</p>
749                                                            </div>
750                                                        </div>
751                                                    </div>
752                                        </div>
753                                    </div>
754                                    <h5 class="contact_Form_accordion_text"><p>Les réductions en ligne</p></h5>
755                                    <div class="accordion accordion-flush" id="accordionFlushExample3">
756                                        <div class="accordion-item">
757                                                    <div class=" border-bottom-blueline">
758                                                        <h2 class="accordion-header " id="flush-heading131">
759                                                            <button class="accordion-button accordion_button_arrow_change collapsed contact_Form_accordion_text_button" type="button" data-bs-toggle="collapse"
760                                                                    data-bs-target="#flush-collapse131" aria-expanded="false"
761                                                                    aria-controls="#flush-collapse131">
762                                                                Comment utiliser mon code de r&#xE9;duction en ligne ?
763                                                            </button>
764                                                        </h2>
765                                                        <div id="flush-collapse131" class="accordion-collapse collapse" tabindex="0"
766                                                             aria-labelledby="flush-heading131" data-bs-parent="#accordionFlushExample3">
767                                                            <div class="accordion-body">
768                                                                <p>Une fois vos réductions sélectionnées, validez la sélection de votre panier via la fenêtre qui s'affiche à gauche (depuis votre ordinateur) ou en bas de votre écran (depuis votre mobile). Vous avez le choix d'accéder à vos réductions en ligne directement, ou bien de vous les envoyer par e-mail si vous souhaitez y accéder plus tard. Une fois l'option choisie, suivez les instructions.
768</p>
769<p>Votre code de réduction est ensuite valable sur les sites des marques du programme.</p>
770                                                            </div>
771                                                        </div>
772                                                    </div>
773                                                    <div class=" border-bottom-blueline">
774                                                        <h2 class="accordion-header " id="flush-heading141">
775                                                            <button class="accordion-button accordion_button_arrow_change collapsed contact_Form_accordion_text_button" type="button" data-bs-toggle="collapse"
776                                                                    data-bs-target="#flush-collapse141" aria-expanded="false"
777                                                                    aria-controls="#flush-collapse141">
778                                                                Combien de temps les r&#xE9;ductions sont-elles valables ?
779                                                            </button>
780                                                        </h2>
781                                                        <div id="flush-collapse141" class="accordion-collapse collapse" tabindex="0"
782                                                             aria-labelledby="flush-heading141" data-bs-parent="#accordionFlushExample3">
783                                                            <div class="accordion-body">
784                                                                <p>La durée de validité des offres peut varier. Consultez les détails de chaque offre en cliquant sur l'icône "?" en haut à droite de chaque offre pour connaître sa période de validité.</p>
785                                                            </div>
786                                                        </div>
787                                                    </div>
788                                                    <div class=" border-bottom-blueline">
789                                                        <h2 class="accordion-header " id="flush-heading151">
790                                                            <button class="accordion-button accordion_button_arrow_change collapsed contact_Form_accordion_text_button" type="button" data-bs-toggle="collapse"
791                                                                    data-bs-target="#flush-collapse151" aria-expanded="false"
792                                                                    aria-controls="#flush-collapse151">
793                                                                Puis-je utiliser un bon de r&#xE9;duction plusieurs fois ?
794                                                            </button>
795                                                        </h2>
796                                                        <div id="flush-collapse151" class="accordion-collapse collapse" tabindex="0"
797                                                             aria-labelledby="flush-heading151" data-bs-parent="#accordionFlushExample3">
798                                                            <div class="accordion-body">
799                                                                <p>Vous pouvez utiliser au maximum 12 fois un coupon d’une même offre de réduction, et vous ne pouvez utiliser qu’un coupon par achat (non cumulable avec les autres promotions en cours qui pourraient exister). Cela signifie que dès lors que vous sélectionnez et utilisez votre réduction, il ne peut être utilisé que pour un seul achat.</p>
800                                                            </div>
801                                                        </div>
802                                                    </div>
803                                                    <div class=" border-bottom-blueline">
804                                                        <h2 class="accordion-header " id="flush-heading161">
805                                                            <button class="accordion-button accordion_button_arrow_change collapsed contact_Form_accordion_text_button" type="button" data-bs-toggle="collapse"
806                                                                    data-bs-target="#flush-collapse161" aria-expanded="false"
807                                                                    aria-controls="#flush-collapse161">
808                                                                Mon code de r&#xE9;duction en ligne ne fonctionne pas.
809                                                            </button>
810                                                        </h2>
811                                                        <div id="flush-collapse161" class="accordion-collapse collapse" tabindex="0"
812                                                             aria-labelledby="flush-heading161" data-bs-parent="#accordionFlushExample3">
813                                                            <div class="accordion-body">
814                                                                <p>Si votre bon ou code de réduction ne fonctionne pas, assurez-vous de consulter la date de validité de l'offre. <br>Si l'offre a expiré, la réduction ne sera malheuresement plus disponible. Mais n'hésitez pas à consulter régulièrement notre site web, de nouvelles promotions sont disponibles toute les semaines. <br>Si l'offre est toujours en cours, vous pouvez nous contacter via le formulaire de contact <a style="color: #f50082 !important; text-decoration: underline !important;" href="/contact/" class="activePink">en cliquant ici</a></p>
815                                                            </div>
816                                                        </div>
817                                                    </div>
818                                        </div>
819                                    </div>
820                                    <h5 class="contact_Form_accordion_text"><p>Les remboursements en ligne</p></h5>
821                                    <div class="accordion accordion-flush" id="accordionFlushExample4">
822                                        <div class="accordion-item">
823                                                    <div class=" border-bottom-blueline">
824                                                        <h2 class="accordion-header " id="flush-heading171">
825                                                            <button class="accordion-button accordion_button_arrow_change collapsed contact_Form_accordion_text_button" type="button" data-bs-toggle="collapse"
826                                                                    data-bs-target="#flush-collapse171" aria-expanded="false"
827                                                                    aria-controls="#flush-collapse171">
828                                                                Qu&#x27;est-ce que le cashback ?
829                                                            </button>
830                                                        </h2>
831                                                        <div id="flush-collapse171" class="accordion-collapse collapse" tabindex="0"
832                                                             aria-labelledby="flush-heading171" data-bs-parent="#accordionFlushExample4">
833                                                            <div class="accordion-body">
834                                                                <p>Le cashback est une méthode de remboursement : Si vous choisissez l’option « Remboursement en ligne », si votre ticket de caisse présente bien le produit éligible à l’offre, vous obtiendrez un remboursement en ligne sur votre compte bancaire.</p>
835                                                            </div>
836                                                        </div>
837                                                    </div>
838                                                    <div class=" border-bottom-blueline">
839                                                        <h2 class="accordion-header " id="flush-heading181">
840                                                            <button class="accordion-button accordion_button_arrow_change collapsed contact_Form_accordion_text_button" type="button" data-bs-toggle="collapse"
841                                                                    data-bs-target="#flush-collapse181" aria-expanded="false"
842                                                                    aria-controls="#flush-collapse181">
843                                                                Comment me faire rembourser ?
844                                                            </button>
845                                                        </h2>
846                                                        <div id="flush-collapse181" class="accordion-collapse collapse" tabindex="0"
847                                                             aria-labelledby="flush-heading181" data-bs-parent="#accordionFlushExample4">
848                                                            <div class="accordion-body">
849                                                                <p>Pour vous faire rembourser une partie de vos dépenses, rien de plus simple :<br>1. Rendez-vous en haut à droite du menu et cliquez sur "je scanne mon ticket de caisse". Vous avez aussi la possibilité d'accéder à l'auto-scan via votre panier, en cliquant sur "obtenir un remboursement".<br>2. Suivez les instructions : photographiez ou scannez votre ticket de caisse contenant le/les produit(s) éligible(s) à l’offre que vous avez sélectionnée.<br>3. Entrez vos coordonnées bancaires et obtenez votre remboursement sur votre compte bancaire en 5 jours ouvrés !</p>
850                                                            </div>
851                                                        </div>
852                                                    </div>
853                                                    <div class=" border-bottom-blueline">
854                                                        <h2 class="accordion-header " id="flush-heading191">
855                                                            <button class="accordion-button accordion_button_arrow_change collapsed contact_Form_accordion_text_button" type="button" data-bs-toggle="collapse"
856                                                                    data-bs-target="#flush-collapse191" aria-expanded="false"
857                                                                    aria-controls="#flush-collapse191">
858                                                                Quel est le d&#xE9;lai de remboursement ?
859                                                            </button>
860                                                        </h2>
861                                                        <div id="flush-collapse191" class="accordion-collapse collapse" tabindex="0"
862                                                             aria-labelledby="flush-heading191" data-bs-parent="#accordionFlushExample4">
863                                                            <div class="accordion-body">
864                                                                <p>Votre demande de remboursement est vérifiée immédiatement via l'auto-scan. Un message de validation ou de refus s'affichera selon la conformité de votre ticket de caisse. Le délai pour la réception du virement est de 5 jours ouvrés. Ce délai est à titre indicatif et peut varier en fonction des établissements bancaires.</p>
865<p>Si le virement n'apparaît pas sur votre compte bancaire, vous pouvez nous contacter via le formulaire de contact <a style="color: #f50082 !important; text-decoration: underline !important;" href="/contact/" class="activePink">en cliquant ici</a></p>
866                                                            </div>
867                                                        </div>
868                                                    </div>
869                                                    <div class=" border-bottom-blueline">
870                                                        <h2 class="accordion-header " id="flush-heading201">
871                                                            <button class="accordion-button accordion_button_arrow_change collapsed contact_Form_accordion_text_button" type="button" data-bs-toggle="collapse"
872                                                                    data-bs-target="#flush-collapse201" aria-expanded="false"
873                                                                    aria-controls="#flush-collapse201">
874                                                                Mon ticket de caisse est &quot;illisible&quot;, que faire ?
875                                                            </button>
876                                                        </h2>
877                                                        <div id="flush-collapse201" class="accordion-collapse collapse" tabindex="0"
878                                                             aria-labelledby="flush-heading201" data-bs-parent="#accordionFlushExample4">
879                                                            <div class="accordion-body">
880                                                                <p>Avant d'importer votre ticket de caisse, assurez-vous des éléments suivants :<br>- l’image du ticket de caisse doit être de bonne qualité, notamment avec un arrière-plan contrasté, une luminosité suffisante et une absence de flou<br>- le ticket de caisse ne doit pas être endommagé ou plié<br>- le scan du ticket de caisse doit être effectué verticalement dans l’orientation normale de lecture.<br>- le ticket ne doit pas être annoté avec des mentions manuscrites</p>
881<p>Si le message d'erreur persiste, vous pouvez nous contacter via le formulaire de contact <a style="color: #f50082 !important; text-decoration: underline !important;" href="/contact/" class="activePink">en cliquant ici</a></p>
882                                                            </div>
883                                                        </div>
884                                                    </div>
885                                                    <div class=" border-bottom-blueline">
886                                                        <h2 class="accordion-header " id="flush-heading211">
887                                                            <button class="accordion-button accordion_button_arrow_change collapsed contact_Form_accordion_text_button" type="button" data-bs-toggle="collapse"
888                                                                    data-bs-target="#flush-collapse211" aria-expanded="false"
889                                                                    aria-controls="#flush-collapse211">
890                                                                Pourquoi mon ticket n&#x27;est pas conforme ?
891                                                            </button>
892                                                        </h2>
893                                                        <div id="flush-collapse211" class="accordion-collapse collapse" tabindex="0"
894                                                             aria-labelledby="flush-heading211" data-bs-parent="#accordionFlushExample4">
895                                                            <div class="accordion-body">
896                                                                <p>Votre ticket de caisse peut être refusé : <br>- en cas d’existence de fichier identique (le remboursement pour une même offre ne peut se faire qu'une fois par preuve d'achat, dans la limite prévue de 12 au total, soit 1 fois par mois). <br>- et/ou d’existence de code barre identique <br>- et/ou de similarités sur plusieurs tickets de caisse <br>- et/ou de tickets de caisse provenant du même magasin au même moment <br>- et/ou de la présence d'autres promotions sur le ticket de caisse sur le produit éligible à l'offre (nos offres sont non cumulables a
896vec d'autres promotions en cours)<br>- et/ou de tickets de caisse avec la même liste de produits <br>- et/ou de retouche numérique du ticket de caisse.</p>
897                                                            </div>
898                                                        </div>
899                                                    </div>
900                                                    <div class=" border-bottom-blueline">
901                                                        <h2 class="accordion-header " id="flush-heading221">
902                                                            <button class="accordion-button accordion_button_arrow_change collapsed contact_Form_accordion_text_button" type="button" data-bs-toggle="collapse"
903                                                                    data-bs-target="#flush-collapse221" aria-expanded="false"
904                                                                    aria-controls="#flush-collapse221">
905                                                                Je n&#x27;ai pas re&#xE7;u d&#x27;email de confirmation de remboursement.
906                                                            </button>
907                                                        </h2>
908                                                        <div id="flush-collapse221" class="accordion-collapse collapse" tabindex="0"
909                                                             aria-labelledby="flush-heading221" data-bs-parent="#accordionFlushExample4">
910                                                            <div class="accordion-body">
911                                                                <p>Nous n'envoyons pas d'email de confirmation suite à votre demande de remboursement. Si votre ticket a bien été authentifié et comprend des produits éligibles, suivez bien les étapes jusqu'au message de confirmation. Vous pourrez ensuite suivre son statut dans votre profil.</p>
912                                                            </div>
913                                                        </div>
914                                                    </div>
915                                        </div>
916                                    </div>
917                                    <h5 class="contact_Form_accordion_text"><p>Mon espace personnel</p></h5>
918                                    <div class="accordion accordion-flush" id="accordionFlushExample5">
919                                        <div class="accordion-item">
920                                                    <div class=" border-bottom-blueline">
921                                                        <h2 class="accordion-header " id="flush-heading231">
922                                                            <button class="accordion-button accordion_button_arrow_change collapsed contact_Form_accordion_text_button" type="button" data-bs-toggle="collapse"
923                                                                    data-bs-target="#flush-collapse231" aria-expanded="false"
924                                                                    aria-controls="#flush-collapse231">
925                                                                Je n&#x27;ai pas re&#xE7;u d&#x27;email d&#x27;activation de mon compte.
926                                                            </button>
927                                                        </h2>
928                                                        <div id="flush-collapse231" class="accordion-collapse collapse" tabindex="0"
929                                                             aria-labelledby="flush-heading231" data-bs-parent="#accordionFlushExample5">
930                                                            <div class="accordion-body">
931                                                                <p>Vérifiez que l'email ne se trouve pas dans vos courriers indésirables. Vérifiez également votre connexion internet puis essayez à nouveau de vous inscrire avec les mêmes informations personnelles.</p>
932<p>Si le problème persiste <a style="color: #f50082 !important; text-decoration: underline !important;" href="/contact/" class="activePink">contactez-nous ici</a></p>
933                                                            </div>
934                                                        </div>
935                                                    </div>
936                                                    <div class=" border-bottom-blueline">
937                                                        <h2 class="accordion-header " id="flush-heading241">
938                                                            <button class="accordion-button accordion_button_arrow_change collapsed contact_Form_accordion_text_button" type="button" data-bs-toggle="collapse"
939                                                                    data-bs-target="#flush-collapse241" aria-expanded="false"
940                                                                    aria-controls="#flush-collapse241">
941                                                                Comment me d&#xE9;connecter ? 
942                                                            </button>
943                                                        </h2>
944                                                        <div id="flush-collapse241" class="accordion-collapse collapse" tabindex="0"
945                                                             aria-labelledby="flush-heading241" data-bs-parent="#accordionFlushExample5">
946                                                            <div class="accordion-body">
947                                                                <p>Connectez-vous à votre espace personnel et accédez à la section "Profil" où vou
947s pourrez mettre à jour vos informations.</p>
948                                                            </div>
949                                                        </div>
950                                                    </div>
951                                                    <div class=" border-bottom-blueline">
952                                                        <h2 class="accordion-header " id="flush-heading251">
953                                                            <button class="accordion-button accordion_button_arrow_change collapsed contact_Form_accordion_text_button" type="button" data-bs-toggle="collapse"
954                                                                    data-bs-target="#flush-collapse251" aria-expanded="false"
955                                                                    aria-controls="#flush-collapse251">
956                                                                Comment modifier mon profil ?
957                                                            </button>
958                                                        </h2>
959                                                        <div id="flush-collapse251" class="accordion-collapse collapse" tabindex="0"
960                                                             aria-labelledby="flush-heading251" data-bs-parent="#accordionFlushExample5">
961                                                            <div class="accordion-body">
962                                                                <p>Connectez-vous à votre espace personnel et accédez à la section "Profil" où vous pourrez mettre à jour vos informations.</p>
963                                                            </div>
964                                                        </div>
965                                                    </div>
966                                                    <div class=" border-bottom-blueline">
967                                                        <h2 class="accordion-header " id="flush-heading261">
968                                                            <button class="accordion-button accordion_button_arrow_change collapsed contact_Form_accordion_text_button" type="button" data-bs-toggle="collapse"
969                                                                    data-bs-target="#flush-collapse261" aria-expanded="false"
970                                                                    aria-controls="#flush-collapse261">
971                                                                Comment changer mes informations personnelles ?
972                                                            </button>
973                                                        </h2>
974                                                        <div id="flush-collapse261" class="accordion-collapse collapse" tabindex="0"
975                                                             aria-labelledby="flush-heading261" data-bs-parent="#accordionFlushExample5">
976                                                            <div class="accordion-body">
977                                                                <p>Allez dans la section "Profil" de votre espace personnel pour mettre à jour vos informations personnelles.</p>
978                                                            </div>
979                                                        </div>
980                                                    </div>
981                                                    <div class=" border-bottom-blueline">
982                                                        <h2 class="accordion-header " id="flush-heading271">
983                                                            <button class="accordion-button accordion_button_arrow_change collapsed contact_Form_accordion_text_button" type="button" data-bs-toggle="collapse"
984                                                                    data-bs-target="#flush-collapse271" aria-expanded="false"
985                                                                    aria-controls="#flush-collapse271">
986                                                                J&#x27;ai oubli&#xE9; mon mot de passe.
987                                                            </button>
988                                                        </h2>
989                                                        <div id="flush-collapse271" class="accordion-collapse collapse" tabindex="0"
990                                                             aria-labelledby="flush-heading271" data-bs-parent="#accordionFlushExample5">
991                                                            <div class="accordion-body">
992                                                                <p>En cas d'oubli de votre mot de passe, vous pouvez vous rendre sur le site et aller sur "se connecter" pu
992is cliquer sur le lien « mot de passe oublié», et saisir votre adresse mail.</p>
993<p>Un lien de réinitialisation de mot de passe vous sera ensuite envoyé. Il vous suffira alors de cliquer sur le lien puis saisir le nouveau mot de passe.</p>
994                                                            </div>
995                                                        </div>
996                                                    </div>
997                                                    <div class=" border-bottom-blueline">
998                                                        <h2 class="accordion-header " id="flush-heading281">
999                                                            <button class="accordion-button accordion_button_arrow_change collapsed contact_Form_accordion_text_button" type="button" data-bs-toggle="collapse"
1000                                                                    data-bs-target="#flush-collapse281" aria-expanded="false"
1001                                                                    aria-controls="#flush-collapse281">
1002                                                                Je n&#x27;ai pas re&#xE7;u l&#x27;email pour r&#xE9;initialiser mon mot de passe.
1003                                                            </button>
1004                                                        </h2>
1005                                                        <div id="flush-collapse281" class="accordion-collapse collapse" tabindex="0"
1006                                                             aria-labelledby="flush-heading281" data-bs-parent="#accordionFlushExample5">
1007                                                            <div class="accordion-body">
1008                                                                <p>Vérifiez que l'email ne se trouve pas dans vos courriers indésirables. Vérifiez également votre connexion internet puis essayez à nouveau de réinitialiser votre mot de passe.</p>
1009<p>Si le problème persiste <a style="color: #f50082 !important; text-decoration: underline !important;" href="/contact/" class="activePink">contactez-nous ici.</a></p>
1010                                                            </div>
1011                                                        </div>
1012                                                    </div>
1013                                                    <div class=" border-bottom-blueline">
1014                                                        <h2 class="accordion-header " id="flush-heading291">
1015                                                            <button class="accordion-button accordion_button_arrow_change collapsed contact_Form_accordion_text_button" type="button" data-bs-toggle="collapse"
1016                                                                    data-bs-target="#flush-collapse291" aria-expanded="false"
1017                                                                    aria-controls="#flush-collapse291">
1018                                                                Je n&#x27;arrive pas &#xE0; me connecter
1019                                                            </button>
1020                                                        </h2>
1021                                                        <div id="flush-collapse291" class="accordion-collapse collapse" tabindex="0"
1022                                                             aria-labelledby="flush-heading291" data-bs-parent="#accordionFlushExample5">
1023                                                            <div class="accordion-body">
1024                                                                <p>Assurez-vous d'utiliser des informations de connexion correctes. Si vous rencontrez toujours des problèmes, <a style="color: #f50082 !important; text-decoration: underline !important;" href="/contact/" class="activePink">contactez-nous ici.</a> pour obtenir de l'aide.</p>
1025                                                            </div>
1026                                                        </div>
1027                                                    </div>
1028                                                    <div class=" border-bottom-blueline">
1029                                                        <h2 class="accordion-header " id="flush-heading301">
1030                                                            <button class="accordion-button accordion_button_arrow_change collapsed contact_Form_accordion_text_button" type="button" data-bs-toggle="collapse"
1031                                                                    data-bs-target="#flush-collapse301" aria-expanded="false"
1032                                                                    aria-controls="#flush-collapse301">
1033                                                                Comment me d&#xE9;sinscrire ?
1034                                                            </button>
1035                                                        </h2>
1036                                                        <div id="flush-collapse301" class="accordion-collapse collapse" tabindex="0"
1037                                                             aria-labelledby="flush-heading301" data-bs-parent="#accordionFlushExample5">
1038                                                            <div class="accordion-body">
1039                                                                <p>Pour vous désinscrire, connectez-vous à votre espace personnel et allez dans "préférences de communication".</p>
1040                                                            </div>
1041                                                        </div>
1042                                                    </div>
1043                                        </div>
1044                                    </div>
1045                        </div>
1046                    </div>
1047                </div>
1048                <!-- ================================================ -->
1049                <div class="tab-pane " id="pills-profile" role="tabpanel" aria-labelledby="pills-profile-tab">
1050                    <h1 class="text-center contact_form_top_header_text" tabindex="0">Nous contacter</h1>
1051                    <div class="contactForm_tab py-5 mx-lg-4 mx-md-2 mx-0 px-3">
1052                        <div class="row justify-content-center">
1053                            <div class="col-lg-8">
1054                                <div class="mb-3">
1055                                        <label for="formGroupExampleInput" class="form-label contact_form_level" tabindex="0">Selectionnez le sujet de votre message</label>
1056                                    <div class="mb-3">
1057                                            <select id="EmailSubjectID" name="EmailSubjectID" class="form-select form_select_icon_add contact_Fromcontrol" aria-label="Select Email Subject">
1058                                                    <option id="" selected disabled>-</option>
1059                                                        <option id="Problem with Refund" value="Problem with Refund">J&#x2019;ai un probl&#xE8;me avec un remboursement</option>
1060                                                        <option id="Problem with Discount Printing" value="Problem with Discount Printing">J&#x2019;ai un probl&#xE8;me avec une r&#xE9;duction &#xE0; imprimer</option>
1061                                                        <option id="Problem with Web Reduction" value="Problem with Web Reduction">J&#x2019;ai un probl&#xE8;me avec une r&#xE9;duction en ligne</option>
1062                                                        <option id="Problem with Brand Product" value="Problem with Brand Product">J&#x2019;ai une question ou une r&#xE9;clamation sur le produit d&#x2019;une marque </option>
1063                                                        <option id="Question related to how the program works" value="Question related to how the program works">J&#x2019;ai une question li&#xE9;e au fonctionnement du programme</option>
1064                                                        <option id="Problem with Profile Management" value="Problem with Profile Management">J&#x2019;ai une question li&#xE9;e &#xE0; la gestion de mon profil</option>
1065                                                        <option id="Other" value="Other">Autre</option>
1066                                                        <option id="Lotusfr" value="Lotusfr">Jeu Lotus 60ans</option>
1067                                                        <option id="Tenafr" value="Tenafr">Jeu TENA</option>
1068                                            </select>
1069                                            <h5 id="selctionItemError" class="text-danger" style="font-size:12px" role="alert">Veuillez s&#xE9;lectionner la ligne d&#x27;objet</h5>
1070                                    </div>
1071                                    <input type="hidden" name="EmailSubjectValue" value="" id="EmailSubjectValue">
1072                                </div>
1073
1074                                <div class="form-group mb-3" id="coupondropdown-Container">
1075                                    <label class="form-label contact_form_level" tabindex="0">S&#xE9;lectionner la r&#xE9;duction souhait&#xE9;e</label>
1076                                    <select style="width: 100%;" class="js-example-basic-multiple js-states form-control w-100 choices__inner" multiple="multiple"
1077                                            name="pickup_day[]" id="Coupondtls" aria-label="Select Coupon Options"> </select>
1078                                    <input type="hidden" name="SelectedCoupons" id="SelectedCoupons">
1079                                    <h5 id="couponSelectError" class="text-danger" role="alert" style="font-size:12px">Merci de s&#xE9;lectionner au moins une r&#xE9;duction </h5>
1080                                </div>
1081
1082
1083                                <div class="row firstLastBox" id="firstLastBox">
1084                                        <div class="col-lg-6">
1085                                            <div class="mb-3">
1086                                                <label for="firstName" class="form-label contact_form_level" tabindex="0">Pr&#xE9;nom </label>
1087                                                <input class="form-control contact_Fromcontrol" id="firstName" name="FirstName" type="text" value="Pr&#xE9;nom " />
1088                                                <h5 id="firstnameError" class="text-danger" role="alert">Le pr&#xE9;nom est requis</h5>
1089                                                <h5 id="firstnameAlphabetsOnly" class="text-danger" role="alert"></h5>
1090                                            </div>
1091                                        </div>
1092                                        <div class="col-lg-6">
1093                                            <div class="mb-3">
1094                                                <label for="lastName" class="form-label contact_form_level" tabindex="0">Nom</label>
1095                                                <input class="form-control contact_Fromcontrol" id="lastName" name="LastName" type="text" value="Nom" />
1096                                                <h5 id="lastnameError" class="text-danger" role="alert">Le nom de famille est obligatoire</h5>
1097                                                <h5 id="lastnameAlphabetsOnly" class="text-danger" role="alert"></h5>
1098
1099                                            </div>
1100                                        </div>
1101                                </div>
1102                                    <div class="emailinputbox" id="emailinputbox">
1103                                        <div class="mb-3">
1104                                            <label for="email" class="form-label contact_form_level">Adresse e-mail</label>
1105                                            <input class="form-control contact_Fromcontrol" id="email" name="EmailId" type="text" value="Adresse e-mail" />
1106                                            <h5 id="emailError" class="text-danger">L&#x27;e-mail est requis</h5>
1107                                            <h5 id="emailFormatError" class="text-danger">Merci de renseigner une adresse e-mail valide</h5>
1108                                        </div>
1109                                    </div>
1110                                <div id="brandinputbox" class="brandinputbox">
1111                                        <label for="inputEmail4" tabindex="0" class="form-label contact_form_level">Marques</label>
1112                                    <div class="mb-4">
1113                                            <select id="BrandID" name="BrandURL" class="form-select contact_Fromcontrol form_select_icon_add " aria-label="Select Brand">
1114                                                <option id="" selected disabled>Merci de s&#xE9;lectionner la marque concern&#xE9;e</option>
1115                                                    <option id="https://www.lotusbaby.fr/footer/contactez-nous/" value="https://www.lotusbaby.fr/footer/contactez-nous/">Lotus Baby</option>
1116                                                    <option id="https://www.lotushygiene.com/fr/restons-en-contact/" value="https://www.lotushygiene.com/fr/restons-en-contact/">Lotus Hygiene</option>
1117                                                    <option id="https://www.nana.fr/contactez-nous/" value="https://www.nana.fr/contactez-nous/">Nana</option>
1118                                                    <option id="https://www.tena.fr/nous-contacter" value="https://www.tena.fr/nous-contacter">Tena</option>
1119                                                    <option id="https://www.demakup.com/fr/restons-en-contact/" value="https://www.demakup.com/fr/restons-en-contact/">DemakUp</option>
1120                                                    <option id="https://www.okay.eu/fr/contact/" value="https://www.okay.eu/fr/contact/">Okay</option>
1121                                            </select>
1122                                            <h5 id="brandItemError" class="text-danger" role="alert">S&#xE9;lectionnez la marque</h5>
1123                                    </div>
1124                                </div>
1125                                <div class="mt-4">
1126                                        <div class="textareainputbox mb-3" id="textareainputbox">
1127                                            <div class="form-outline">
1128                                                <label class="form-label contact_form_level" for="message" tabindex="0">Message (800 caract&#xE8;res maximum)</label>
1129                                                <textarea class="form-control contact_Fromcontrol" id="message" name="Message" rows="8">
1130Message (800 caract&#xE8;res maximum)</textarea>
1131                                                <h5 id="messageError" class="text-danger" role="alert">Merci de d&#xE9;crire votre demande</h5>
1132                                            </div>
1133                                        </div>
1134                                        <div class="contact_form_bottom_pera" tabindex="0">
1135                                            <div class="contact_form_bottom_pera">
1136<p class="mb-0"><span class="contact_star_icon">* </span> Les réponses indiquées par une astérisque sont obligatoires.</p>
1137<p>Votre adresse e-mail est collectée dans le but de vous répondre par e-mail, et uniquement à cette fin.</p>
1138</div>
1139                                        </div>
1140                                    <br />
1141                                    <div class="g-recaptcha" data-sitekey="6Lf-Jq4oAAAAAFZ-nXsZSsiv_CA9JMF_vZ9skhj6" aria-label="reCAPTCHA Security Check"></div>
1142                                    <h5 id="recaptchaError" class="text-danger recaptchaError" role="alert">Merci de cliquer sur &quot;je ne suis pas un robot&quot;</h5>
1143                                    <div class="text-center mt-4">
1144                                            <button type="submit" class="btn discount_button text-center px-5" id="submitbtn" aria-label="Submit Form">Valider</button>
1145                                    </div>
1146<input id="AdminEmail1" name="AdminEmail1" type="hidden" value="[email protected]" /><input id="AdminEmail2" name="AdminEmail2" type="hidden" value="contact
1146@monbienetrerecompense.fr" /><input id="AdminOkayfrEmail3" name="AdminOkayfrEmail3" type="hidden" value="[email protected]" />                                </div>
1147                            </div>
1148                        </div>
1149                    </div>
1150                </div>
1151            </div>
1152        </div>
1153
1154        <!-- Pills content -->
1155    </div>
1156<input name="__RequestVerificationToken" type="hidden" value="CfDJ8EABxL4j6ItHk1VkYDifddBFvqnKzs-DpABtFQFGXE20yQYYEJ9-79qCXrSDjXZ7LpdW58iqZ8sobv8yK6BOoFPxAuCeR2-TtsczVbZSpzc5d_MDDHQmPDbqtw_hJw1SqVnICab9wmo7zBQJRTElEgM" /><input name="ufprt" type="hidden" value="CfDJ8EABxL4j6ItHk1VkYDifddBtZiWOhjNZz6CxXaEXYwQnzsH8hgv0HOqJoDjSE0gZ4WH4YDyLQdaZCZxHI9X-mcn-q_TBwVYZhMolW_HfYeAl2lAC51HasaC4uQBvzVGwiye2wBiufDv3bfTzW46wXpRQ2j_3V4sWzOctf07aRfApEeJWCmDbLWgHSzRXksc9_A" /></form>
1157
1158
1159
1160<script>
1161    $("#EmailSubjectID").change(function () {
1162        var selectText = $('option:selected', this).text();
1163        if (selectText) {
1164            $("#EmailSubjectValue").val(selectText);
1165        }
1166    });
1167
1168
1169</script>
vendor: 2 bytes, line 1169
1169
1170<script>
1171
1172    var selectedCoupons = {};
1173
1174    function IsCouponDropdownVisible(selctionItem) {
1175
1176        if (selctionItem == "Problem with Refund" || selctionItem == "Problem with Discount Printing" || selctionItem == "Problem with Web Reduction") {
1177            return true;
1178        }
1179        else {
1180            return false;
1181        }
1182    }
1183
1184
1185        $(document).ready(function () {
1186            selectedCoupons = {};
1187            $("#firstName").val("");
1188            $("#lastName").val("");
1189            $("#email").val("");
1190            $("#message").val("");
1191            $("#multiSelectInputVal").val("");
1192            $("#coupondropdown-Container").hide();
1193            $(".brandinputbox").hide()
1194            $("#EmailSubjectID").change(function () {
1195
1196                var id = $(this).children(":selected").attr("id");
1197                if (id == "Problem with Brand Product") {
1198                    $("#firstlastinputbox").hide();
1199                    $(".emailinputbox").hide();
1200                    $(".firstLastBox").hide();
1201                    $(".textareainputbox").hide();
1202                    $(".brandinputbox").show()
1203                }
1204                else {
1205                    $("#firstlastinputbox").show();
1206                    $(".emailinputbox").show();
1207                    $(".firstLastBox").show();
1208                    $(".textareainputbox").show();
1209                    $(".brandinputbox").hide()
1210                }
1211                if (IsCouponDropdownVisible(id)) {
1212                    // display coupon dropdown
1213                    $("#coupondropdown-Container").show();
1214                }
1215                else {
1216                    $("#coupondropdown-Container").hide();
1217                }
1218
1219            });
1220            GetCoupons(BindCouponDropdown);
1221
1222        }); // end for ready
1223
1224
1225
1226
1227        function BindCouponDropdown(response)
1228        {
1229            var s = "";
1230                    for (var i = 0; i < response.couponList.length; i++) {
1231                        //s += '<option  value="' + response.couponList[i].operationCode + '">' + response.couponList[i].title + '</option>';
1232                        var title = response.couponList[i].title + " - " + response.couponList[i].amount + "€";
1233                        s += "<option  value=" + response.couponList[i].operationCode + ">" + title + "</option>";
1234                    }
1235                    $("#Coupondtls").html(s);
1236
1237                    // Prepopulate the User Information
1238                    $("#firstName").val(response.firstName);
1239                    $("#lastName").val(response.lastName);
1240                    $("#email").val(response.email);
1241        }
1242
1243
1244        $(document).ready(function () {
1245            // Hide all error messages initially
1246            $("#firstnameError, #lastnameError, #emailError, #messageError, #selctionItemError, #brandItemError, #emailFormatError, #firstnameAlphabetsOnly, #lastnameAlphabetsOnly, #recaptchaError, #couponSelectError").hide();
1247
1248            // First Name Validation
1249            $("#firstName").on('input', function () {
1250                firstNameValid();
1251            });
1252
1253
1254
1255            $("#firstName").keypress(function (e) {
1256                var isValid = IsCharacterNumber(e);
1257                if (!isValid) {
1258                    $("#firstnameAlphabetsOnly").show();
1259                    $("#firstnameError").hide();
1260                } else {
1261                    $("#firstnameAlphabetsOnly").hide();
1262                }
1263                return isValid;
1264            });
1265
1266
1267
1268            // Last Name Validation
1269            $("#lastName").on('input', function () {
1270                lastNameValid();
1271            });
1272
1273
1274
1275            $("#lastName").keypress(function (e) {
1276                var isValid = IsCharacterNumber(e);
1277                if (!isValid) {
1278                    $("#lastnameAlphabetsOnly").show();
1279                } else {
1280                    $("#lastnameAlphabetsOnly").hide();
1281                }
1282                return isValid;
1283            });
1284
1285            // Email Validation
1286            $("#email").on('input', function () {
1287                emailValid();
1288            });
1289
1290
1291
1292            // Message Validation
1293            $("#message").on('input', function () {
1294                messageValid();
1295            });
1296
1297
1298
1299            // Selection Box Validation
1300            $("#EmailSubjectID").change(function () {
1301                selectionBox();
1302            });
1303
1304            function selectionBox() {
1305                var selctionItem = $("#EmailSubjectID").children(":selected").attr("id");
1306                if (!selctionItem) {
1307                    $("#selctionItemError").show();
1308                    return false;
1309                } else {
1310                    $("#selctionItemError").hide();
1311                    if (selctionItem === "Problem with Brand Product") {
1312                        if (!brandValid()) {
1313                            $("#brandItemError").show();
1314                            return false;
1315                        } else {
1316                            $("#brandItemError").hide();
1317                        }
1318                    }
1319                    return true;
1320                }
1321            }
1322
1323            // Brand Validation
1324            $("#BrandID").change(function () {
1325                brandValid();
1326            });
1327
1328            function brandValid() {
1329                var brandItem = $("#BrandID").children(":selected").attr("id");
1330                if (!brandItem) {
1331                    $("#brandItemError").show();
1332                    return false;
1333                } else {
1334                    $("#brandItemError").hide();
1335                    return true;
1336                }
1337            }
1338
1339            // Coupon Selection Validation
1340            $('#Coupondtls').on('select2:select select2:unselect', function () {
1341                couponSelection();
1342            });
1343
1344            function couponSelection() {
1345                var selectedItems = $("#Coupondtls").val();
1346                var isCouponHidden = $("#coupondropdown-Container").css('display') === "none"
1347                if (!isCouponHidden) {
1348                    if (selectedItems && selectedItems.length > 0) {
1349                        $("#couponSelectError").hide();
1350                        return true;
1351                    } else {
1352                        $("#couponSelectError").show();
1353                        return false;
1354                    }
1355                } else {
1356                    return true
1357                }
1358            }
1359
1360
1361            // Listen for reCAPTCHA completion and hide error automatically
1362            window.recaptchaCallback = function () {
1363                recaptchaValid();
1364            };
1365
1366            // Handle form submission
1367            $("#submitbtn").click(function (e) {
1368                selectedCoupons = {};
1369                $('#Coupondtls option:selected').map(function () {
1370                    selectedCoupons[$(this).val()] = $(this).text();
1371                }).get();
1372                var couponJson = JSON.stringify(selectedCoupons);
1373                if (couponJson !== '{}') {
1374                    $("#SelectedCoupons").val(couponJson);
1375                }
1376
1377                if (!selectionBox() || !firstNameValid() || !lastNameValid() || !emailValid() || !messageValid() || !couponSelection() || !recaptchaValid()) {
1378                    e.preventDefault();
1379                    showAllErrors();
1380                }
1381            });
1382
1383            // Show all errors for fields that are empty or invalid on form submission
1384            function showAllErrors() {
1385                if (!firstNameValid()) $("#firstnameError").show();
1386                if (!lastNameValid()) $("#lastnameError").show();
1387                // Validate email and show appropriate errors
1388                emailValid();
1389                if (!messageValid()) $("#messageError").show();
1390                if (!selectionBox()) $("#selctionItemError").show();
1391                if (!couponSelection()) $("#couponSelectError").show();
1392                if (!recaptchaValid()) $("#recaptchaError").show();
1393            }
1394
1395        });
1396
1397            window.onload = function () {
1398    const skipButton = document.querySelector(".skip-main");
1399    if (!skipButton) return;
1400        skipButton.style.display = "none";
1401
1402        let firstTabPress = false;
1403
1404        document.body.addEventListener('keydown', function (event) {
1405            if (event.keyCode === 9) {
1406                if (!firstTabPress) {
1407                    firstTabPress = true;
1408                    skipButton.style.display = "block";
1409                }
1410            }
1411            if (event.keyCode === 13 && document.activeElement.classList.contains("skip-main")) {
1412                performSkipAction();
1413            }
1414        });
1415
1416        document.body.addEventListener('click', function (event) {
1417            if (event.target === skipButton || event.target.closest(".skip-main")) {
1418                event.preventDefault();
1419                performSkipAction();
1420            } else {
1421                skipButton.style.display = "none"; // Hide skip link when clicking elsewhere
1422            }
1423        });
1424
1425        function performSkipAction() {
1426            if (!$(".contact_form_tab_button").length) return;
1427            $('html, body').animate({ scrollTop: $(".contact_form_tab_button").offset().top - 120 }, 2000);
1428            [".navbar-brand", ".homeBroud_responsive", ".navbar-nav a", ".text-decoration-none"]
1429            .forEach(selector => $(selector).attr("tabindex", "-1"));
1430
1431            skipButton.style.display = "none"; // Hide after skipping
1432        }
1433    };
1434
1435
1436     //sticky basket keydown event
1437        document.addEventListener("keydown", function (e) {
1438        if (e.target.matches(".basket_tag_click") && e.key === "Enter") {
1439            e.preventDefault();
1440            e.target.click();
1441
1442            setTimeout(() => {
1443                document.querySelector(".basket_popup_title")?.focus();
1444            }, 300);
1445        }
1446    });
1447
1448</script>
1448
1449
1450
1451<script integrity="sha512-4MvcHwcbqXKUHB6Lx3Zb5CEAVoE9u84qN+ZSMM6s7z8IeJriExrV3ND5zRze9mxNlABJ6k864P/Vl8m0Sd3DtQ==" crossorigin="anonymous" referrerpolicy="no-referrer" src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.1.0-rc.0/js/select2.min.js"></script>
1451
1452
1453
1454        <div class="backet_sticky_popup" id="basketPopbtn" tabindex="0">
1455    <div class="basket_tag">
1456        <div class="basket_tag_click shadow" onclick="myFunction()" tabindex="0" role="button" aria-label="Sticky basket">
1457            <div class="basket_tag_click_badge_desktop" tabindex="0" role="button"><p class="text-white">0</p></div>
1458            <p class="mb-0" tabindex="0">Mes remises</p>
1459            <img class="my-1" src="/popup_tag.png" alt="price tag" tabindex="0">
1460            <div id="Totaladdedamount" class="mb-0">0€</div>
1461        </div>
1462    </div>
1463 
1464    <div class=" basket_popup_main" style="display: none;" id="myPopup">
1465
1466        <div class="card border-0 mb-3" id="BasketfirstPopUp">
1467            <div class="basket_popup_title" tabindex="0">Mes remises</div>
1468            <div class="card-body basket_popup_body text-primary px-3 ">
1469                <div class="basket_popup_textArea">
1470                    <div class="BasketfirstPopUp ">
1471                        <div id="quickbasketloop">
1472                        </div>
1473
1474                        <div class="basket_popup_total_section">
1475                            <div class="basket_popup_ammount d-flex justify-content-between align-items-center my-3">
1476                                <p id="removeall" tabindex="0">Tout supprimer</p>
1477                                <h5 class="total_button fw-normal" tabindex="0"> TOTAL : <span class="fw-bold" id="Totaladdedamountinside">0€</span> </h5>
1478                            </div>
1479
1480                            <div class="">
1481                                <button class="btn bg-light basket_popup_submit_button" onclick="hideFirstPopup();" tabindex="0" aria-label="Je valide mes remises">Je valide mes remises</button>
1482                            </div>
1483                        </div>
1484
1485                    </div>
1486                </div>
1487            </div>
1488        </div>
1489        <div class="card border-0 mb-3 d-none BasketsecondPopUp" id="BasketsecondPopUp">
1490            <div class="basket_popup_title" tabindex="0"> Que souhaitez-vous faire ? </div>
1491            <div class="card-body basket_popup_body text-primary  ">
1492                <div class="basket_popup_second d-flex justify-content-between ">
1493                    <div class="container-fluid ">
1494                        <!-- basket popup alert notification start  -->
1495                        <div class="row basket_popup_second_alertNotification d-none">
1496                            <div class="col-2 basket_popup_second_alertNotification_leftIcon p-0">
1497                                <img class="img-fluid" src="/errorIcon.png" alt="" aria-hidden="true">
1498                            </div>
1499                            <div class="col-10 basket_popup_second_alertNotification_rightText">
1500                                <p class="text-start text-white" tabindex="0">
1501                                    un des produit selectionne est une reduction unuquement disponible sur le site de nos enseignes partenaires.
1502                                </p>
1503                            </div>
1504                        </div>
1505                        <!-- basket popup alert notification end  -->
1506                        <div class="row basket_popup_second_main" id="printcoupon" data-bs-toggle="modal" data-bs-target="#PrintOptionModal" tabindex="0">
1507                            <div class="col-2 basket_popup_second_main_leftside">
1508                                <img class="img-fluid" src="/printer.png" alt="printer icon">
1509                            </div>
1510                            <div class="col-10 basket_popup_second_main_rightside">
1511                                <p class="text-start text-white">Imprimer les bons de reduction </p>
1512                            </div>
1513                        </div>
1514                        <div class="row basket_popup_second_main web_print_listing_email_btn" id="emailcoupon" data-bs-toggle="modal" data-bs-target="#PrintOptionModal" tabindex="0">
1515                            <div class="col-2 basket_popup_second_main_leftside">
1516                                <img class="img-fluid" src="/letterIcon.png" alt="letter icon">
1517                            </div>
1518                            <div class="col-10 basket_popup_second_main_rightside">
1519                                <p class="text-start text-white">Recevoir les bons de r&#xE9;duction par e-mail</p>
1520                            </div>
1521                        </div>
1522                        <div class="row basket_popup_second_main" id="discountreduction" data-bs-toggle="modal" data-bs-target="#GetYourDiscountModal" tabindex="0">
1523                            <div class="col-2 basket_popup_second_main_leftside">
1524                                <img class="img-fluid" src="/popup_tag.png" alt="pop tag icon" id="popuptag_img">
1525                            </div>
1526                            <div class="col-10 basket_popup_second_main_rightside">
1527                                <p class="text-start text-white">Acc&#xE9;der aux offres sp&#xE9;ciales</p>
1528                            </div>
1529                        </div>
1530                    </div>
1531                </div>
1532
1533            </div>
1534        </div>
1535    </div>
1536    <div class="card border-0 mb-3 d-none BasketsecondPopUp" id="OnlyBasketsecondPopUp">
1537        <div class="basket_popup_title">Que souhaitez-vous faire ? </div>
1538        <div class="card-body basket_popup_body text-primary ">
1539            <div class="basket_popup_second d-flex justify-content-between">
1540                <div class="container-fluid ">
1541                    <!-- basket popup alert notification end  -->
1542                    <div class="row basket_popup_second_main" tabindex="0">
1543                        <div class="col-2 basket_popup_second_main_leftside">
1544                            <img class="img-fluid" src="/popup_tag.png" alt="popup tag" tabindex="0">
1545                        </div>
1546                        <div class="col-10 basket_popup_second_main_rightside">
1547                            <p class="text-start text-white" tabindex="0">Imprimer les bons de reduction </p>
1548                        </div>
1549                    </div>
1550                    <div class="row basket_popup_second_main" tabindex="0">
1551                        <div class="col-2 basket_popup_second_main_leftside">
1552                            <img class="img-fluid" src="/letterIcon.png" alt="letter icon" tabindex="0">
1553                        </div>
1554                        <div class="col-10 basket_popup_second_main_rightside">
1555                            <p class="text-start text-white" tabindex="0">Recevoir les bons de r&#xE9;duction par e-mail</p>
1556                        </div>
1557                    </div>
1558                </div>
1559            </div>
1560        </div>
1561    </div>
1562</div>
1563
1564
1565<div id="Errordisplaypopup">
1566    <div class="modal fade" id="staticBackdrop" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
1567        <div class="modal-dialog modal-md modal-dialog-centered">
1568            <div class="modal-content">
1569                <div class="modal-header">
1570                    <h1 class="modal-title fs-5 text-center w-100" id="staticBackdropLabel"><img src="/erroricon_pink.png" width="50" class="pe-2" alt="Titre de la fen&#xEA;tre contextuelle d&#x27;erreur de plafonnement" />Titre de la fen&#xEA;tre contextuelle d&#x27;erreur de plafonnement</h1>
1571                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close" tabindex="0"></button>
1572                </div>
1573                <div class="modal-body">
1574                    <div class="container">
1575                        <div class="row">
1576                            <div class="col-md-12 my-5">
1577                                <p class="text-center" tabindex="0">Vous ne parvenez pas &#xE0; utiliser le coupon. </p>
1578                            </div>
1579                        </div>
1580                    </div>
1581                </div>
1582                <div class="modal-footer">
1583                    <button type="button" class="btn btn-secondary blue-button" data-bs-dismiss="modal" tabindex="0" aria-label="close">Fermer</button>
1584                    <button type="button" class="btn btn-primary pink-button" data-bs-dismiss="modal" tabindex="0" aria-label="ok"> D&#x27;accord</button>
1585                </div>
1586            </div>
1587        </div>
1588    </div>
1589</div>
1590
1591<script>
1592            document.addEventListener('keydown', function (e) {
1593        const activeElement = document.activeElement;
1594
1595        // Check if Tab is pressed (either forward or backward)
1596        if (e.key === 'Tab') {
1597            // Case 1: Forward navigation (Tab without Shift key)
1598            if (!e.shiftKey) {
1599                // Case 1.1: Focus is on .basket_popup_submit_button
1600                if (activeElement.classList.contains('basket_popup_submit_button')) {
1601                    e.preventDefault(); // Prevent default tab behavior
1602                    const nextTarget = document.querySelector('.basket_tag_click.shadow');
1603                    if (nextTarget) nextTarget.focus();
1604                }
1605
1606                // Case 1.2: Focus is on #cashback
1607                else if (activeElement.id === 'cashback') {
1608                    e.preventDefault(); // Prevent default tab behavior
1609                    const nextTarget = document.querySelector('.basket_tag_click.shadow');
1610                    if (nextTarget) nextTarget.focus();
1611                }
1612            }
1613
1614            // Case 2: Backward navigation (Shift + Tab)
1615            else if (e.shiftKey) {
1616                // Case 2.1: Focus is on #cashback (we want to go to #discountreduction)
1617                if (activeElement.id === 'cashback') {
1618                    e.preventDefault(); // Prevent default tab behavior
1619                    const previousTarget = document.getElementById('discountreduction');
1620                    if (previousTarget) previousTarget.focus();
1621                }
1622            }
1623        }
1624    });
1625
1626
1627        function handleModalClose() {
1628        // Step 2 inside PrintOptionModal is visible
1629        if ($('#PrintOptionModal:visible .step-2-container:visible').length) {
1630            $('#PrintOptionModal').modal('hide');
1631            $('#emailcoupon').focus();
1632        }
1633        // Only PrintOptionModal is visible
1634        else if ($('#PrintOptionModal:visible').length) {
1635            $('#PrintOptionModal').modal('hide');
1636            $('#printcoupon').focus();
1637        }
1638        // GetYourDiscountModal is visible
1639        else if ($('#GetYourDiscountModal:visible').length) {
1640            $('#GetYourDiscountModal').modal('hide');
1641            $('#discountreduction').focus();
1642        }
1643        // uploadReceiptModal is visible
1644        else if ($('#uploadReceiptModal:visible').length) {
1645            $('#uploadReceiptModal').modal('hide');
1646            $('#cashback').focus();
1647        }
1648    }
1649    $(document).ready(function () {
1650        // ESC key handler
1651        $(document).on('keydown', function (e) {
1652            if (e.key === 'Escape') {
1653                handleModalClose();
1654            }
1655        });
1656
1657        // Close button handler (same logic as Escape)
1658        $(document).on('click', '.btn-close[data-bs-dismiss="modal"]', function (e) {
1659            e.preventDefault(); // Prevent default Bootstrap close if needed
1660            handleModalClose();
1661        });
1662    });
1663
1664
1665
1666</script>
1666
1667        <div id="uploadReceiptDLG">
1668            <meta http-equiv="Content-Security-Policy" content="script-src 'self' https://www.google.com/recaptcha/;">
vendor: 79 bytes, lines 1668-1669
1668
1669<script async defer src="https://www.google.com/recaptcha/api.js"></script>
1670<div class="get_your_refund">
1671    <div id="uploadReceiptModal" class="modal fade" role="dialog">
1672        <div class="modal-dialog modal-lg modal-dialog-centered">
1673            <div class="modal-content">
1674                <img src="/tag_popup.png" class="get_your_refund_title_image" alt="get your refund title" />
1675                <div class="modal-header">
1676                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
1677                </div>
1678                <div class="modal-body">
1679
1680                    <div class="get_your_refund_process_main">
1681                        <!-- number process counter -->
1682                        <div class="get_your_refund_number_process my-3">
1683                            <div class="row justify-content-center">
1684
1685                                        <div id="step-1" class="col text-center active">
1686
1687                                            <div class="number_div d-flex justify-content-center position-relative">
1688                                                <div class="row justify-content-center">
1689                                                    <div class="col">
1690                                                        <div id="step-1-link" class="text_content">
1691                                                            <h1 class="text-center">1</h1>
1692                                                            <p class="mt-1"><p>Preuve d'achat</p></p>
1693                                                        </div>
1694                                                    </div>
1695                                                </div>
1696
1697                                                    <div class="">
1698                                                        <div class="right_image_icon">
1699                                                            <img src="/right-arrow.png" alt="right icon" />
1700                                                        </div>
1701                                                    </div>
1702                                            </div>
1703                                        </div>
1704                                        <div id="step-2" class="col text-center">
1705
1706                                            <div class="number_div d-flex justify-content-center position-relative">
1707                                                <div class="row justify-content-center">
1708                                                    <div class="col">
1709                                                        <div id="step-2-link" class="text_content">
1710                                                            <h1 class="text-center">2</h1>
1711                                                            <p class="mt-1"><p>Remboursement</p></p>
1712                                                        </div>
1713                                                    </div>
1714                                                </div>
1715
1716                                                    <div class="">
1717                                                        <div class="right_image_icon">
1718                                                            <img src="/right-arrow.png" alt="right icon" />
1719                                                        </div>
1720                                                    </div>
1721                                            </div>
1722                                        </div>
1723                                        <div id="step-3" class="col text-center">
1724
1725                                            <div class="number_div d-flex justify-content-center position-relative">
1726                                                <div class="row justify-content-center">
1727                                                    <div class="col">
1728                                                        <div id="step-3-link" class="text_content">
1729                                                            <h1 class="text-center">3</h1>
1730                                                            <p class="mt-1"><p>Analyse de votre demande</p></p>
1731                                                        </div>
1732                                                    </div>
1733                                                </div>
1734
1735                                            </div>
1736                                        </div>
1737                            </div>
1738                        </div>
1739
1740                        <!-- Cashback upload button view start-->
1741                        <div id="step-1-details" class="get_your_refund_upload_main first-screen-view">
1742                            <div class="get_your_refund_upload_button_section text-center ">
1743
1744                                <div class="get_your_refund_upload_button d-flex justify-content-center gap-3 mt-2">
1745                                    <div class="phppot-container pb-4 pt-3">
1746                                                <div id="drop-area" role="region" aria-labelledby="uploadTitle">
1747                                                    <div class="get_your_refund_upload_icon mb-3">
1748                                                        <img class="mb-1 rounded-circle" width="7%" src="/download_arrow.png" alt="upload file" aria-label="Click to import a file">
1749                                                        <div id="uploadTitle"><p>Importez ou insérez un fichier <br class="d-block d-xl-none d-lg-none d-md-none">comportant votre ticket <br class="d-block d-xl-none d-lg-none d-md-none">de caisse</p></div>
1750                                                    </div>
1751                                                    <input id="fileInput" type="file" style="display: none;">
1752                                                    <button type="button" id="ImportFileBtn"
1753                                                            class=" btn import_a_file mb-3 mb-lg-0 mb-lg-0" onclick="importFile()" aria-label="Import a file">
1754                                                        Importer un fichier
1755                                                    </button>
1756                                                </div>
1757                                                <div id="loader-icon" role="alert" aria-live="polite">
1758                                                    <img src="https://libresse-images.essity.com/images-c5/896/662896/original/loader.gif" alt="loader..."/>
1759                                                </div>
1760                                                <div id="success-message-info" class="message success display-none"></div>
1761                                                <button type="button" id="TakePictureBtn" data-bs-toggle="modal" data-bs-target="#webcameMain"
1762                                                        class="btn take_a_picture d-block d-lg-none d-md-none">
1763                                                    Prendre une photo
1764                                                </button>
1765                                    </div>
1766
1767                                </div>
1768                                <div id="isFileImportedWeb"><p class="text-bold mt-2">Fichier téléchargé avec succès</p> </div>
1769                                <div id="isvaliduser" class="useraccount_statusmsg"><p>Vous avez dépassé la limite de téléchargement quotidienne !</p>
1770<div style="margin-top: 10px;"><a href="/contact/" aria-current="page"> <button class="btn contiunue_button">Contactez-nous</button> </a></div></div>
1771                                <div class="g-recaptcha mt-4 mb-4" data-callback="recaptchaCallback" id="g-recaptchaid" data-sitekey="6Lf-Jq4oAAAAAFZ-nXsZSsiv_CA9JMF_vZ9skhj6"></div>
1772
1773                            </div>
1774
1775                            <div><div class="get_your_refund_content_area">
1776<h6>Pour que votre ticket de caisse soit valide, <br>Assurez-vous que :</h6>
1777<ul class="p-2 mb-0 list-unstyled ">
1778<li><span><img class="me-2" src="/right.png" alt="" width="10px" height="12px"></span>&nbsp; La date d’achat soit lisible</li>
1779<li><span><img class="me-2" src="/right.png" alt="" width="10px" height="12px"></span>&nbsp; Le fichier corresponde à l'un des formats suivants : jpg, png ou pdf</li>
1780<li><span><img class="me-2" src="/right.png" alt="" width="10px" height="12px"></span>&nbsp; Le(s) libellé(s) du/des produits acheté(s) soient lisibles, y compris le nom de la marque</li>
1781<li><span><img class="me-2" src="/right.png" alt="" width="10px" height="12px"></span>&nbsp; Que le montant d’achat du/des produits, ou du montant total de votre ticket de caisse soit lisible</li>
1782<li><span><img class="me-2" src="/right.png" alt="" width="10px" height="12px"></span>&nbsp; N'est pas flou&nbsp;</li>
1783<li><img class="me-2" src="/right.png" alt="" width="10px" height="12px">&nbsp; Le produit n'ait pas été acheté en promotion (nos promotions sont non cumulables avec d'autres promotions en cours)</li>
1784</ul>
1785</div>
1786<div class="get_your_refund_modal_fotter text-center">
1787<div class="get_your_refund_modal_fotter_content mt-4">
1788<p>Un ticket de caisse ne peut être utilisé qu’une seule fois pour bénéficier d'une même offre.</p>
1789<p class="mb-0">Une fois le ticket de caisse transmis vous ne pourrez plus le réutiliser.</p>
1790<p>Si votre ticket de caisse est trop long, vous pouvez le plier afin que l’ensemble des informations citées soient lisibles.</p>
1791<div class="mt-3 mb-4 bottom_opera">
1792<p>Conservez votre ticket de caisse.</p>
1793</div>
1794<div class="footer_button"><button class="btn contiunue_button photo_continue_button">Je continue</button></div>
1795<div class="my-3 link_text"><a data-bs-dismiss="modal" aria-label="Close">Je choisis une autre option</a></div>
1796</div>
1797</div></div>
1798                        </div>
1799                        <!-- Cashback upload button view End-->
1800                        <div id="step-1-details" class="get_your_refund_upload_main loader-container text-center d-none">
1801                            <div id="load-success-message" role="status" aria-live="polite">
1802                                <div>
1803                                <img src="https://libresse-images.essity.com/images-c5/896/662896/original/loader.gif"  alt="Loading cashback popup..."/></div>
1804                                
1805                            </div>
1806                        </div>
1807                        <!-- Cashback upload first error view start-->
1808                        <div id="step-1-details" class="get_your_refund_upload_main first_Error_popup d-none">
1809                            <div class="first_Error_popup_first_popsign text-center mb-4" >
1810
1811                                <h5 class="text-center">Oups, aucune offre applicable...</h5>
1812                            </div>
1813
1814                            <div class="get_your_refund_content_area text-center first_Error_popup_second_text">
1815                                <img src="/opps.png" width="75px" alt="opps icon" >
1816                                <div class="fw-normal mt-3">
1817                                    <h5 class="fw-normal text-center">Nous avons bien analysé votre ticket, mais n'avons trouvé aucune offre de remboursement en cours de validité applicable... Si votre ticket comprend bien un produit éligible, contactez nous !</h5>
1818                                </div>
1819                            </div>
1820
1821                            <div class="get_your_refund_modal_fotter text-center  ">
1822                                <div class=" mb-lg-0 mb-md-2 mb-2 ">
1823                                    <div class="mt-3  bottom_opera">
1824<p>Un produit n’a pas été identifié ?<br>Consulter notre FAQ pour en savoir plus</p>
1825</div>
1826<p>&nbsp;</p>
1827<div class=" link_text"><a href="#" title="Aller vers la FAQ">Aller vers la FAQ</a></div>
1828<p>&nbsp;</p>
1829                                    <div class="footer_button my-3 d-lg-flex d-md-flex d-sm-block justify-content-center align-items-center my-3 gap-3">
1830                                        <button class="btn contiunue_button i_continue_again  mb-3 mb-lg-0 mb-lg-0" >Je recommence</button>
1831
1832
1833
1834                                                <a href="/claim-form/" class="claimFormLink" aria-current="page" x-on:click="isShow = !isShow">
1835                                                    <button class="btn contiunue_button" >Formulaire de r&#xE9;clamation</button>
1836                                                </a>
1837                                    </div>
1838                                </div>
1839                            </div>
1840
1841
1842                        </div>
1843                        <!-- Cashback upload first error view  start-->
1844                        <!-- Cashback upload second error view start-->
1845                        <div id="step-1-details" class="get_your_refund_upload_main second_Error_popup d-none">
1846                            <div class="mb-4 text-center ">
1847                                <div class="get_your_refund_upload_main_textArea">
1848                                    <img class="" width="85px"
1849                                         src="/opps.png" alt="Erreur de qualité d'image" role="img" aria-hidden="false">
1850                                    <div> <h5 class="mt-4">Nous ne parvenons pas à<span class="text-pink">&nbsp;lire votre fichier...</span></h5></div>
1851                                </div>
1852                            </div>
1853
1854                            <div class="get_your_refund_content_area">
1855                                <h6 class="ms-2">Avant d'importer, assurez-vous que :</h6>
1856<p><span><img class="me-2" src="/right.png" alt="" width="10px" height="12px"></span> La photo de votre ticket de caisse n'est pas floue et correspond à l'un de ces formats : jpg, png ou pdf</p>
1857<p><span><img class="me-2" src="/right.png" alt="" width="10px" height="12px"> L</span>es éléments suivants soient clairement lisibles : libellé(s) du/des produits acheté(s), montant d’achat du/des produits, montant total, date d'achat.</p>
1858                            </div>
1859
1860                            <div class="get_your_refund_modal_fotter text-center  d-lg-flex d-md-flex d-sm-block justify-content-center align-items-center my-3 gap-3">
1861                                <div class="mb-lg-0 mb-md-2 mb-3  ">
1862                                    <div class="footer_button">
1863                                        <button class="btn contiunue_button i_continue_again " >Je recommence</button>
1864                                    </div>
1865
1866                                </div>
1867
1868                                        <a href="/claim-form/" class="claimFormLink" aria-current="page" x-on:click="isShow = !isShow" tabindex="-1">
1869                                            <button class="btn contiunue_button">
1870                                                Formulaire de r&#xE9;clamation
1871                                            </button>
1872                                        </a>
1873                            </div>
1874
1875                        </div>
1876                        <!-- Cashback upload second error view  start-->
1877                        <!-- Cashback upload third error view start-->
1878                        <div id="step-1-details" class="get_your_refund_upload_main third_Error_popup third_error_popup_first_text we_cannot_read_file d-none">
1879                            <div class="we_cannot_read_file_first_text text-center mb-4">
1880                                <p>Votre ticket n'est pas conforme...</p>
1881                            </div>
1882
1883                            <div class="get_your_refund_content_area text-center we_cannot_read_file_second_text">
1884                                <div class="col-lg-9 m-auto">
1885                                    <img src="/opps.png" width="80px" class="mb-3" alt="Erreur d'authentification">
1886                                  <div> <p>Votre ticket n'a pas pu être authentifié pour l'une des raisons suivantes :&nbsp;</p>
1887<p><br>- Duplicata : votre ticket a déjà importé auparavant (un seul import suffit, s'il n'a pas fonctionné, contactez nous !)<br>- Anomalies : votre ticket comporte des incohérences ou ne correspond pas à une offre de remboursement en cours de validité</p>
1888<p>&nbsp;</p> </div>
1889                                </div>
1890                            </div>
1891
1892                            <div class="get_your_refund_modal_fotter text-center  ">
1893                                <div class="mb-lg-0 mb-md-2 mb-2 " >
1894                                    <div> <p>Pour en savoir plus sur nos <a href="#" title="conditions d’utilisations">conditions d'utilisation</a>, cliquez <a href="#" title="Contact">ici</a>.</p>
1895<p>Vous pouvez contacter notre service client via le formulaire de réclamation <a href="#" title="ici">ici</a>.</p></div>
1896                                    <div class="footer_button d-lg-flex d-md-flex d-sm-block justify-content-center align-items-center my-3 gap-3">
1897                                        <button class="btn contiunue_button i_continue_again mb-lg-0 mb-md-2 mb-3" >Je recommence</button>
1898
1899                                                <a href="/claim-form/" class="claimFormLink" aria-current="page" x-on:click="isShow = !isShow" tabindex="-1">
1900                                                    <button class="btn contiunue_button">
1901                                                        Formulaire de r&#xE9;clamation
1902                                                    </button>
1903                                                </a>
1904                                    </div>
1905                                </div>
1906                            </div>
1907
1908                        </div>
1909                        <!-- Cashback upload third error view start-->
1910                        <!-- Cashback upload fourth error view start-->
1911                        <div id="step-1-details" class="get_your_refund_upload_main fourth_error_popup_first_text d-none">
1912                            <div class="we_cannot_read_file_first_text text-center mb-4">
1913                                <p>Type de fichier non reconnu</p>
1914                            </div>
1915
1916                            <div class="get_your_refund_content_area text-center we_cannot_read_file_second_text">
1917                                <div class="col-lg-9 m-auto">
1918                                    <img src="/opps.png" width="80px" class="mb-3" alt="Erreur de type de fichier">
1919                                    <p>Le type de fichier ne correspond pas aux fichiers autorisés (.jpg, .png ou PDF uniquement).<br>Merci de réessayer d'ajouter votre preuve d'achat avec un autre type de fichier.</p>
1920                                </div>
1921                            </div>
1922
1923                            <div class="get_your_refund_modal_fotter text-center">
1924                                <div class="get_your_refund_modal_fotter_content mt-4">
1925                                    <div><p>Pour en savoir plus sur nos <a href="#" title="conditions d’utilisations">conditions d'utilisation</a>, cliquez <a href="#" title="Contact">ici</a>.</p>
1926<p>Vous pouvez contacter notre service client via le formulaire de réclamation <a href="#" title="ici">ici</a>.</p> </div>
1927                                    <div class="footer_button">
1928                                        <button class="btn contiunue_button i_continue_again " >Je recommence</button>
1929                                    </div>
1930
1931                                </div>
1932                            </div>
1933
1934                        </div>
1935                        <!-- Cashback upload fourth error view start-->
1936                        <!-- Cashback Duplicate Receipt error view start-->
1937                        <div id="step-1-details" class="get_your_refund_upload_main fifth_Error_popup d-none">
1938                            <div class="get_your_refund_content_area text-center fifth_Error_popup_second_text">
1939                                <img src="/opps.png" width="75px" alt="Il semble que cette preuve d'achat ait déjà été ajoutée">
1940                                <h5 class="fw-normal mt-3">
1941                                    <p>Il semble que cette preuve d'achat ait déjà été ajoutée, si votre première participation n'a pas pu être prise en compte, merci de nous contacter.</p>
1942                                </h5>
1943                            </div>
1944
1945                            <div class="get_your_refund_modal_fotter text-center">
1946                                <div class="get_your_refund_modal_fotter_content mt-4">
1947                                    <div class="footer_button  d-lg-flex d-md-flex d-sm-block justify-content-center align-content-center my-3 gap-3">
1948                                                <a href="/claim-form/" class="claimFormLink" aria-current="page" x-on:click="isShow = !isShow" tabindex="-1">
1949                                                    <button class="btn contiunue_button">Formulaire de r&#xE9;clamation</button>
1950                                                </a>
1951
1952                                    </div>
1953                                </div>
1954                            </div>
1955
1956                        </div>
1957                        <!-- Cashback Duplicate Receipt error view end-->
1958                        <div id="step-1-details" class="cashback-screen-2 cashback-file-upload-success-screen  d-none">
1959                            <div class="reductions_ligne_img pb-2">
1960                                <img src="/confirm-icon.png" alt="cofirm icon" />
1961                            </div>
1962                            <div class="reductions_ligne_subtxt pb-2">
1963
1964                                <h5 class="">Super ! Votre preuve d'achat a bien été validée.&nbsp;<br>Vous pouvez bénéficier des remboursements indiqués ci-dessous :</h5>
1965                            </div>
1966                            <div class="web_reduction_table_main">
1967                                <div class="row head_view">
1968                                    <div class="col-md-2 d-md-block  d-none"></div>
1969                                    <div class="col-4 col-md-3">
1970                                        <span class="arrow-icon">
1971                                            <img src="/img/table_header_right_icon.png" alt="right sign icon" width="8" height="13">
1972                                        </span>
1973                                        Marque
1974                                    </div>
1975                                    <div class="col-4 col-md-3">
1976                                        <span class="arrow-icon">
1977                                            <img src="/img/table_header_right_icon.png" alt="right sign icon" width="8" height="13">
1978                                        </span>
1979                                        Nom
1980                                    </div>
1981                                    <div class="col-4 col-md-2" >
1982                                        <span class="arrow-icon">
1983                                            <img src="/img/table_header_right_icon.png" alt="right sign icon" width="8" height="13">
1984                                        </span>
1985                                        Remise
1986                                    </div>
1987                                    <div class="col-md-2 d-md-block  d-none"></div>
1988                                </div>
1989                                <div id="bodylist_content_row">
1990                                </div>
1991
1992
1993                            </div>
1994                            <div class="web_reduction_listing_modal_fotter text-center">
1995                                <button type="submit" class="contiunue_button" id="cashback_list_confirmation" >Je continue</button>
1996                                <div>  <div class="mt-3  bottom_opera">
1997<p>Un produit n’a pas été identifié ?<br>Consulter notre FAQ pour en savoir plus</p>
1998</div>
1999<p>&nbsp;</p>
2000<div class=" link_text"><a href="#" title="Aller vers la FAQ">Aller vers la FAQ</a></div>
2001<p>&nbsp;</p> </div>
2002                            </div>
2003                        </div>
2004
2005                        <div id="step-2-details" class="cashback-screen-2 d-none ">
2006                            <div class="screen-2-main">
2007                                <div class="head-view">
2008                                    <img src="/bank-icon.png" alt="bank icon" />
2009                                    <h6 class="p-0">
2010                                        
2011                                    </h6>
2012                                </div>
2013                                <div class="iban-form row">
2014                                    <div class="iban-box col-12 col-md-6">
2015                                        <label tabindex="0" aria-describedby="iban-desc">IBAN  <span>*</span></label>
2016                                        <input id="iban-textfield" type="text" required autocomplete="on"/>
2017                                        <p id="ibanNumberRequireError" class="text-danger" role="alert" aria-live="polite">L&#x27;IBAN est requis</p>
2018                                        <p id="ibanNumberNotValid" class="text-danger" role="alert" aria-live="polite">L&#x27;IBAN n&#x27;est pas valide</p>
2019                                    </div>
2020                                    <div class="iban-box col-12 col-md-6">
2021                                        <label tabindex="0" aria-describedby="iban-desc">BIC  <span>*</span></label>
2022                                        <input id="bic-textfield" type="text" maxlength="11" required autocomplete="on" />
2023                                        <p id="bicCodeRequireError" class="text-danger" role="alert" aria-live="polite">Le BIC est requis</p>
2024                                    </div>
2025                                    <div class="form-check iban-form_check_form col-12 col-md-8">
2026                                        <label class="form-check-label" for="IBANCheck" tabindex="0" aria-describedby="iban-desc">
2027                                            <input class="form-check-input" type="checkbox" value="" id="IBANCheck" aria-labelledby="iban_form_checkbox_text" tabindex="0">
2028                                            <span class="iban_form_checkbox_text" id="iban_form_checkbox_text" role="alert" aria-live="polite">J&#x27;enregistre mes informations bancaires en toute s&#xE9;curit&#xE9;, pour faciliter mes prochains remboursements.</span>
2029                                        </label>
2030                                    </div>
2031                                    <div class="col-12 col-md-4">
2032                                        <div class="checkobx-right-hint-text" tabindex="0"></div>
2033                                    </div>
2034                                    <div class="col-12">
2035                                        <button type="submit" id="IBANFormBtn" class="contiunue_button btn_disabled">Je continue</button>
2036                                    </div>
2037                                </div>
2038                                <div class="details-view">
2039                                    
2040                                            <a href="/frequently-asked-questions/" aria-label="Frequently Asked Questions">
2041                                                Frequently Asked Questions
2042                                            </a>
2043
2044                                </div>
2045                            </div>
2046                        </div>
2047
2048                        <div id="step-3-details" class="cashback-screen-3 d-none">
2049                            <div class="success_content d-none">
2050                                <div class="screen-3-main">
2051                                    <h6 class="screen-3-title" >Confirmation</h6>
2052                                    <div><p>Votre demande de remboursement a bien été envoyée.</p>
2053<p>Un délai est nécessaire pour vous faire parvenir votre remboursement.</p>
2054<p>&nbsp;</p>
2055<p>Vous pouvez consulter son statut depuis votre profil depuis "Historique&nbsp;des remboursements".</p>
2056<p>&nbsp;</p> </div>
2057                                    <img src="/confirm-icon.png" alt="confirm-icon"  />
2058                                </div>
2059                                <div class="screen-3-action">
2060                                    <button type="button" data-bs-dismiss="modal" >
2061                                        Je continue les &#xE9;conomies
2062                                    </button>
2063                                </div>
2064                            </div>
2065                            <div class="error_content d-none">
2066                                <div class="screen-3-main">
2067                                    <h6 class="screen-3-title" >Erreur</h6>
2068                                   <div  <p>Une ou plusieurs erreurs se sont produites, veuillez réessayer</p> </div>
2069                                    <img src="/errorIcon.png" alt="" aria-hidden="true" />
2070                                </div>
2071                                <div class="screen-3-action">
2072                                    <button type="button" data-bs-dismiss="modal">
2073                                        Je continue les &#xE9;conomies
2074                                    </button>
2075                                </div>
2076                            </div>
2077                            <div class="error_content Max-userexceed d-none">
2078                                <div class="screen-3-main">
2079                                    <h6 class="screen-3-title"> Limite d&#x27;utilisation maximum atteinte</h6>
2080                                    <div><p>Votre demande de remboursement a bien été envoyée.</p>
2081<p>Un délai est nécessaire pour vous faire parvenir votre remboursement.</p>
2082<p>&nbsp;</p>
2083<p>Vous pouvez consulter son statut depuis votre profil depuis "Historique&nbsp;des remboursements".</p>
2084<p>&nbsp;</p></div>
2085                                    <img src="/errorIcon.png" alt="" aria-hidden="true" />
2086                                </div>
2087                                <div class="screen-3-action">
2088                                    <button type="button" data-bs-dismiss="modal" >
2089                                        Je continue les &#xE9;conomies
2090                                    </button>
2091                                </div>
2092                            </div>
2093
2094
2095                        </div>
2096                        <!-- end modal body  -->
2097                    </div>
2098                </div>
2099
2100            </div>
2101        </div>
2102    </div>
2103</div>
2104
2105
2106<!-- Button trigger modal -->
2107
2108<!-- 2nd take a pictures pop
2109<div class="modal fade" id="TakeApicturePop_Up" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
2110    <div class="modal-dialog modal-dialog-centered">
2111        <div class="modal-content TakeApicturePop_Up_modal_content">
2112
2113            <div class="modal-body">
2114                <div class="TakeApicturePop_Up_body">
2115                    <div onclick="importData()" multiple accept=".png,.jpg" class="TakeApicturePop_Up_content d-flex justify-content-between align-items-center">
2116                        <h6></h6>
2117                        <img src="./photo-file.png" width="30px" alt="" />
2118                    </div>
2119                    <div id="load_camera" class="TakeApicturePop_Up_content d-flex justify-content-between align-items-center" data-bs-toggle="modal" data-bs-target="#webcameMain">
2120                        <h6></h6>
2121                        <img src="./camera.png" width="30px" alt="" />
2122                    </div>
2123                    <div class="TakeApicturePop_Up_content d-flex justify-content-between align-items-center" onclick="importFile()">
2124                        <h6> </h6>
2125                        <img src="./file-folder.png" width="30px" alt="" />
2126                    </div>
2127                    <div id="isFileImportedWeb" class="text-bold mt-2 "> File imported successfully. </div>
2128                     <div class="g-recaptcha mt-4" data-callback="recaptchaCallbackmob" id="g-recaptchaid_mob" data-sitekey="6Lf-Jq4oAAAAAFZ-nXsZSsiv_CA9JMF_vZ9skhj6"></div>
2129
2130
2131
2132                </div>
2133            </div>
2134
2135        </div>
2136    </div>
2137</div> -->
2138<div class="modal fade" id="webcameMain" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
2139    <div class="modal-dialog modal-lg modal-dialog-centered">
2140        <div class="modal-content TakeApicturePop_Up_modal_content">
2141            <div class="modal-header">
2142                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close" onclick="stopWebcam()"></button>
2143            </div>
2144            <div class="modal-body white-bg">
2145                <div class="container" align="center">
2146                    <p><u>Prendre en photo votre ticket :</u></p>
2147                    <div id="videoContainer">
2148                        <video id="videoElement" autoplay playsinline muted></video>
2149                    </div>
2150                    <input type="button" class="btn discount_button m-1" id="btnCapture" value="Prendre la photo" />
2151                    <div id="capturedcontent">
2152                        <p><u>Voici votre photo :</u></p>
2153                        <img id="imagePreview" alt="Captured Image">
2154                        <div class="g-recaptcha mt-4" data-callback="recaptchaCallbackTakePic" id="g-recaptchaid_mob_takepic" data-sitekey="6Lf-Jq4oAAAAAFZ-nXsZSsiv_CA9JMF_vZ9skhj6"></div>
2155                        <div><input type="button" class="btn discount_button m-1 btn_disabled" id="uploadcapturedimage" value="Envoyer ma photo pour v&#xE9;rification" data-bs-dismiss="modal" aria-label="Close" /></div>
2156
2157
2158                    </div>
2159
2160
2161
2162
2163                    <!--<table border="0" cellpadding="0" cellspacing="0" width="100%">
2164                        <tr>
2165                            <th align="center"><u>Prendre en photo votre ticket :</u></th>
2166                        </tr>
2167                        <tr>
2168                            <td style="text-align:-webkit-center"><div id="webcam"></div></td>
2169                        </tr>
2170                        <tr>
2171                            <td align="center">
2172                                <input type="button" class="btn discount_button m-1" id="btnCapture" value="Prendre la photo" />
2173                            </td>
2174                        </tr>
2175                    </table>
2176                    <table border="0" cellpadding="0" cellspacing="0" width="100%" id="capturedcontent">
2177                    <tr>
2178                        <th align="center"><u>Voici votre photo :</u></th>
2179                    </tr>
2180                    <tr>
2181                        <td style="text-align:center;width: 400px;max-width: 100%;"><img id="imgCapture" /></td>
2182
2183                    </tr>
2184                    <tr>
2185                        <td align="center"><input type="button" class="btn discount_button m-1" id="uploadcapturedimage" value="Envoyer ma photo pour v&#xE9;rification" data-bs-dismiss="modal" aria-label="Close"/></td>
2186                    </tr>
2187                    </table>-->
2188                </div>
2189
2190            </div>
2191
2192        </div>
2193    </div>
2194</div>
2195
2196
2197
2198
2199
2200
2201<script>
2202    function stopWebcam() {
2203          let videoElement = document.getElementById('videoElement');
2204               if (stream) {
2205                   let tracks = stream.getTracks();
2206                   tracks.forEach(track => track.stop());
2207                   videoElement.srcObject = null;
2208               }
2209           }
2210
2211
2212        // number accessibility focus code 
2213
2214        document.addEventListener("DOMContentLoaded", function () {
2215            document.querySelectorAll('.get_your_refund_number_process .number_div .text_content').forEach(function (el) {
2216                const stepDiv = el.closest('.col.text-center');
2217                if (stepDiv && stepDiv.classList.contains('active')) {
2218                    el.setAttribute('tabindex', '0');
2219                } else {
2220                    el.removeAttribute('tabindex');
2221                }
2222            });
2223        });
2224
2225      document.addEventListener('DOMContentLoaded', function () {
2226        const closeLink = document.querySelector('a[data-bs-dismiss="modal"]');
2227
2228        if (closeLink) {
2229            closeLink.setAttribute('tabindex', '0');
2230            closeLink.addEventListener('keydown', function (e) {
2231                if (e.key === 'Enter') {
2232                    const modalElement = closeLink.closest('.modal');
2233                    if (modalElement) {
2234                        const modal = bootstrap.Modal.getInstance(modalElement) || new bootstrap.Modal(modalElement);
2235                        modal.hide();
2236                    }
2237                }
2238            });
2239        }
2240    });
2241
2242      // Step number accessibility focus code
2243    function updateStepperTabIndex() {
2244         document.querySelectorAll('[id^="step-"]').forEach(function (step) {
2245             if (step.classList.contains('active')) {
2246                 step.setAttribute('tabindex', '0');
2247             } else if (step.classList.contains('disabled')) {
2248                 step.setAttribute('tabindex', '-1');
2249             } else {
2250                 step.removeAttribute('tabindex');
2251             }
2252         });
2253    }
2254    document.addEventListener('DOMContentLoaded', function () {
2255         updateStepperTabIndex();
2256         observeClassChanges();
2257    });
2258
2259    function observeClassChanges() {
2260         const stepElements = document.querySelectorAll('[id^="step-"]');
2261
2262         stepElements.forEach(step => {
2263             const observer = new MutationObserver(mutations => {
2264                 mutations.forEach(mutation => {
2265                     if (mutation.attributeName === 'class') {
2266                         updateStepperTabIndex();
2267                     }
2268                 });
2269             });
2270
2271             observer.observe(step, {
2272                 attributes: true,
2273                 attributeFilter: ['class']
2274             });
2275         });
2276    }
2277
2278</script>
2278
2279<style>
2280
2281    #ImportFileBtn:focus-visible {
2282        outline: dashed #fd7e14 !important;
2283        box-shadow: none !important;
2284    }
2285
2286    .g-recaptcha {
2287        text-align: center;
2288        text-align: -webkit-center;
2289    }
2290
2291    .btn_disabled {
2292        background: #999999 !important;
2293        border: 1px solid #999999 !important;
2294        cursor: not-allowed !important;
2295        pointer-events: none !important;
2296    }
2297
2298
2299    .recaptchaError {
2300        text-align: center;
2301        margin-top: 10px;
2302        font-size: 15px;
2303    }
2304
2305    /*  second webcam css code */
2306
2307    #videoContainer {
2308        display: flex;
2309        justify-content: center;
2310        margin-top: 20px;
2311    }
2312
2313    #videoElement {
2314        width: 100%;
2315        max-width: 640px;
2316    }
2317
2318    #controls {
2319        text-align: center;
2320        margin-top: 20px;
2321    }
2322
2323    #imagePreview {
2324        width: 100%;
2325        max-width: 640px;
2326        margin-top: 20px;
2327    }
2328
2329    /*second webcam css code end */
2330
2331    #imgCapture {
2332        width: auto !important;
2333        height: 100% !important;
2334        margin: auto;
2335        max-width: 100%;
2336        object-fit: cover;
2337    }
2338
2339    #webcam video {
2340        width: 100% !important;
2341        height: auto !important;
2342    }
2343
2344
2345    #webcameMain .TakeApicturePop_Up_modal_content {
2346        height: 100vh;
2347        margin: 0px;
2348    }
2349
2350
2351
2352    /* ========  webCam  =========  */
2353
2354    .takeApicture_camrea video {
2355        width: 100%;
2356        height: 100%;
2357        background: rgba(0, 0, 0, 0.2);
2358        -webkit-transform: scaleX(-1);
2359        /* mirror effect while using front cam */
2360        transform: scaleX(-1);
2361        /* mirror effect while using front cam */
2362    }
2363
2364    .takeApicture_canvas #canvas {
2365        width: 100%;
2366        height: 100%;
2367        -webkit-transform: scaleX(-1);
2368        /* mirror effect while using front cam */
2369        transform: scaleX(-1);
2370        /* mirror effect while using front cam */
2371    }
2372
2373    #previewClick {
2374        display: none;
2375    }
2376
2377    .flip-btn {
2378        display: none;
2379    }
2380
2381    .hideCamera {
2382        position: relative;
2383    }
2384
2385    .cameraButtons {
2386        position: absolute;
2387        bottom: 0;
2388        left: 50%;
2389        transform: translate(-50%, -50%);
2390    }
2391
2392    /* ====================== */
2393
2394
2395
2396
2397
2398
2399    .modal:nth-of-type(even) {
2400        z-index: 1062 !important;
2401    }
2402
2403    .modal-backdrop.show:nth-of-type(even) {
2404        /*z-index: 1061 !important;*/
2405    }
2406
2407    #TakeApicturePop_Up .TakeApicturePop_Up_modal_content .TakeApicturePop_Up_body .TakeApicturePop_Up_content {
2408        border-bottom: 1.5px solid #c9c9c96e;
2409        padding: 15px 15px;
2410    }
2411
2412    .add_Zindex {
2413        z-index: 9;
2414    }
2415
2416    #TakeApicturePop_Up .TakeApicturePop_Up_modal_content .TakeApicturePop_Up_body .TakeApicturePop_Up_content:last-child {
2417        border-bottom: transparent;
2418    }
2419
2420    #TakeApicturePop_Up .TakeApicturePop_Up_modal_content .TakeApicturePop_Up_body .TakeApicturePop_Up_content > h6 {
2421        font-size: 1.5rem;
2422        margin-bottom: 0;
2423    }
2424
2425    .TakeApicturePop_Up_modal_content {
2426        border: none !important;
2427        border-radius: 1rem;
2428        margin: 0 1rem;
2429    }
2430
2431    .TakeApicturePop_Up {
2432        background-color: #0000005c !important;
2433    }
2434
2435
2436
2437
2438
2439    .TakeApicturePop_Up_content {
2440        cursor: pointer;
2441    }
2442
2443        .TakeApicturePop_Up_content:hover {
2444            /* background-color:#bababa4a; */
2445        }
2446
2447    .get_your_refund_number_process > .row {
2448        /* padding:0 5rem; */
2449        max-width: 560px;
2450        margin: auto;
2451    }
2452
2453    .get_your_refund .modal-dialog .modal-content .modal-header {
2454        background-color: #f50082;
2455        padding: 1.2rem 1.5rem;
2456        border-top-left-radius: 10px;
2457        border-top-right-radius: 10px;
2458    }
2459
2460    .get_your_refund .modal-dialog .modal-content {
2461        border-radius: 10px;
2462    }
2463
2464    .modal-body {
2465        padding: 0;
2466    }
2467
2468    .get_your_refund .modal-header .btn-close {
2469        width: 5px;
2470        height: 5px;
2471        padding: 10px 10px;
2472        background: #00005a url("/x.svg");
2473        background-repeat: no-repeat;
2474        background-size: 25px;
2475        opacity: 1;
2476    }
2477
2478
2479    .get_your_refund_title_image {
2480        position: absolute;
2481        top: 1%;
2482        left: 47%;
2483        transform: translate(-50%, -50%);
2484        height: 58px;
2485        width: 45%;
2486        object-fit: contain;
2487    }
2488
2489    .get_your_refund_imagee_overText {
2490        color: #ffffff;
2491        position: absolute;
2492        top: 14px;
2493        left: 56%;
2494        transform: translate(-50%, -50%);
2495        font-size: 16px;
2496        font-weight: 700;
2497        rotate: 1deg;
2498    }
2499    /* get_your_refund_process_main section  */
2500    .get_your_refund .get_your_refund_process_main .get_your_refund_number_process .number_div {
2501        display: flex;
2502        align-items: center;
2503        justify-content: space-between;
2504    }
2505
2506    .right_image_icon img {
2507        opacity: 0.1;
2508        width: 37px;
2509        height: 59px;
2510        /* margin-bottom: 1rem; */
2511    }
2512
2513    .right_image_icon {
2514        position: absolute;
2515        top: 0;
2516        right: -30px;
2517        opacity: 0.6;
2518    }
2519
2520    /*     .number_div .right_image_icon > img:last-child {
2521                                      display:none;
2522                                }
2523                             */
2524
2525    .get_your_refund_number_process .number_div .text_content > h1 {
2526        /* background-color: #00005a; */
2527        background-color: #e6e6e6;
2528        width: 35px;
2529        height: 35px;
2530        font-size: 22px;
2531        font-weight: 600;
2532        margin: auto;
2533        border-radius: 50%;
2534        /* color: #ffffff;     */
2535        display: flex;
2536        align-items: center;
2537        justify-content: center;
2538        opacity: 0.6;
2539    }
2540    /* Active step css style */
2541    .get_your_refund_number_process .active .number_div .text_content {
2542        cursor: pointer;
2543    }
2544
2545        .get_your_refund_number_process .active .number_div .text_content > h1 {
2546            font-weight: 700;
2547            background-color: #f50082;
2548            color: #FFFFFF;
2549            opacity: 1;
2550        }
2551
2552        .get_your_refund_number_process .active .number_div .text_content > p {
2553            font-weight: 700;
2554            color: #00005a;
2555        }
2556
2557    .get_your_refund_number_process .number_div .text_content > p {
2558        /* color: #00005a; */
2559        font-size: 12px;
2560        /* font-weight: 600; */
2561        /*cursor: pointer;*/
2562        opacity: 0.6;
2563    }
2564
2565    /* get_your_refund_upload_main */
2566    .get_your_refund_upload_main {
2567        padding-bottom: 2rem; 
2568        background-color: #ecebeb;
2569        /* padding: 2.2rem 3rem; */
2570        color: #00005a;
2571        border-radius: 0 0px 10px 10px;
2572        padding-top: 2rem;
2573        padding-left: 3rem;
2574        padding-right: 3rem;
2575    }
2576
2577    .get_your_refund_upload_button_section {
2578        border: 2px dashed #bbbbbbdb;
2579        border-radius: 10px;
2580        padding: 0.7rem 0 2rem 0px;
2581        margin-bottom: 2.2rem;
2582    }
2583
2584        .get_your_refund_upload_button_section .get_your_refund_upload_button .import_a_file,
2585        .get_your_refund_upload_button_section .get_your_refund_upload_button .take_a_picture {
2586            border: 1px solid #00005a47 !important;
2587            border-radius: 8px;
2588            color: #00005a;
2589            padding: 6px 3rem;
2590            font-size: 12px;
2591            font-weight: 600;
2592            margin-top: 4px;
2593        }
2594
2595    .get_your_refund_upload_main .get_your_refund_upload_button_section .get_your_refund_upload_icon > p {
2596        font-size: 1rem;
2597        font-weight: 700;
2598    }
2599
2600
2601
2602    /* get_your_refund_upload_main seciton  */
2603
2604    /* get_your_refund_content_area */
2605
2606    .get_your_refund_content_area {
2607        background-color: #ffffff;
2608        border-radius: 16px;
2609        padding: 20px 26px;
2610        color: #00005a;
2611    }
2612
2613        .get_your_refund_content_area > h2, .get_your_refund_content_area > h6 {
2614            font-size: 1rem;
2615            font-weight: 600;
2616            margin-left: 8px;
2617        }
2618
2619        .get_your_refund_content_area ul > li {
2620            font-size: 12px;
2621            font-weight: 500;
2622            margin-bottom: 10px;
2623            display: flex;
2624            align-items: baseline;
2625        }
2626
2627
2628
2629    /* get_your_refund_modal_fotter */
2630    .get_your_refund_modal_fotter .get_your_refund_modal_fotter_content {
2631        color: #00005a;
2632        padding: 0 5rem;
2633    }
2634
2635        .get_your_refund_modal_fotter .get_your_refund_modal_fotter_content > p,
2636        .bottom_opera {
2637            font-size: 10px;
2638            font-weight: 500;
2639        }
2640
2641    .contiunue_button {
2642        border-radius: 6px;
2643        font-size: 12px;
2644        font-weight: 600;
2645        min-height: 30px;
2646        transition: 0.5s ease;
2647        place-items: center;
2648        color: #ffffff;
2649        background-color: #00005a;
2650        padding: 0.375rem 3.5rem;
2651    }
2652
2653        .contiunue_button:hover {
2654            border: 1px solid #00005a;
2655            color: #00005a;
2656            background-color: transparent;
2657        }
2658
2659    .get_your_refund_modal_fotter .get_your_refund_modal_fotter_content .link_text > a {
2660        color: #00005a !important;
2661        font-size: 10px;
2662        font-weight: 500;
2663        text-decoration: underline;
2664        cursor: pointer;
2665    }
2666    /* Cashback screen 2 desing */
2667    .cashback-screen-2 {
2668        background: #f3f3f3;
2669        border-radius: 0 0px 10px 10px;
2670    }
2671
2672    .screen-2-main {
2673        display: flex;
2674        flex-direction: column;
2675        justify-content: center;
2676        align-items: center;
2677        max-width: 667px;
2678        text-align: center;
2679        margin: auto;
2680        padding: 15px 15px 20px;
2681    }
2682
2683        .screen-2-main .head-view img {
2684            width: 50px;
2685        }
2686
2687        .screen-2-main .head-view h6 {
2688            font-size: 16px;
2689            color: #00005a;
2690            font-weight: 700;
2691            margin: 7px 0 15px;
2692            line-height: 25px;
2693            padding: 0px 15px;
2694        }
2695
2696    .iban-form .iban-box {
2697        border-radius: 10px;
2698        /* margin-bottom: 25px; */
2699        margin-bottom: 20px;
2700        text-align: left;
2701    }
2702
2703        .iban-form .iban-box p {
2704            font-size: 13px;
2705        }
2706
2707        .iban-form .iban-box label {
2708            font-size: 14px;
2709            color: #00005a;
2710            font-weight: 600;
2711            padding-right: 10px;
2712            line-height: 35px;
2713        }
2714
2715            .iban-form .iban-box label span {
2716                color: #f50082;
2717            }
2718
2719        .iban-form .iban-box input {
2720            border-radius: 5px;
2721            border: 1px solid #9d9d9d;
2722            min-width: 100%;
2723            outline: none;
2724            box-shadow: 0px 0px 4px -2px #00005a;
2725            font-size: 14px;
2726            line-height: 30px;
2727            padding: 0 15px;
2728            color: #00005a;
2729            font-weight: 400;
2730        }
2731
2732    .iban-form .form-check .form-check-label .form-check-input {
2733        background-color: #b0bbd0;
2734        border-color: #b0bbd0;
2735        scale: 1.5;
2736        /* margin-top: 5px; */
2737        margin-right: 14px
2738    }
2739
2740        .iban-form .form-check .form-check-label .form-check-input:checked {
2741            border-color: #f50082 !important;
2742            background-color: #f50082 !important;
2743        }
2744
2745    .iban-form .form-check .form-check-label {
2746        color: #00005a;
2747        font-size: 12px;
2748        font-weight: 400;
2749        display: flex;
2750        margin-bottom: 15px;
2751        cursor: pointer;
2752        margin-left: 8px;
2753        text-align: left;
2754    }
2755
2756    .iban-form .checkobx-right-hint-text {
2757        color: #00005a;
2758        font-size: 12px;
2759        font-weight: 400;
2760        text-align: right;
2761        cursor: pointer;
2762        margin-bottom: 15px;
2763    }
2764
2765    .iban-form button {
2766        padding: 7px 10px;
2767        font-size: 13px;
2768        font-weight: 600;
2769        background: #00005a;
2770        border-radius: 7px;
2771        color: #fff;
2772        min-width: 190px;
2773        border: 1px solid #00005a;
2774    }
2775
2776        .iban-form button:hover {
2777            border: 1px solid #00005a;
2778            color: #00005a;
2779            background-color: transparent;
2780        }
2781
2782    .screen-2-main .details-view {
2783        margin-top: 15px;
2784        color: #00005a;
2785    }
2786
2787        .screen-2-main .details-view h6 {
2788            font-size: 14px;
2789            font-weight: 600;
2790            margin-bottom: 3px
2791        }
2792
2793        .screen-2-main .details-view p {
2794            /* font-size: 13px; */
2795            font-size: 14px;
2796            margin-bottom: 5px;
2797        }
2798
2799        .screen-2-main .details-view a {
2800            font-size: 12px;
2801            font-weight: 600;
2802            text-decoration: underline;
2803        }
2804    /* Cashback screen 3 design */
2805    .cashback-screen-3 {
2806        max-width: 667px;
2807        display: flex;
2808        flex-direction: column;
2809        justify-content: center;
2810        align-items: center;
2811        margin: auto;
2812        padding: 0 20px 20px 20px;
2813        border-radius: 0 0px 10px 10px;
2814    }
2815
2816        .cashback-screen-3 .screen-3-main {
2817            /* padding: 30px 50px; */
2818            padding: 30px 40px;
2819            background: #f3f3f3;
2820            text-align: center;
2821        }
2822
2823    .screen-3-main img {
2824        width: 90px;
2825        margin-top: 10px;
2826    }
2827
2828    .screen-3-main .screen-3-title {
2829        font-size: 18px;
2830        font-weight: 700;
2831        color: #00005a;
2832    }
2833
2834    .screen-3-main .screen-3-desc {
2835        font-size: 14px;
2836        /* font-weight: 500; */
2837        color: #00005a;
2838        padding: 5px 15px 15px;
2839    }
2840
2841        .screen-3-main .screen-3-desc p {
2842            margin-bottom: 0px;
2843        }
2844
2845    .cashback-screen-3 .screen-3-action {
2846        display: flex;
2847        justify-content: center;
2848        margin: 30px auto 10px;
2849    }
2850
2851        .cashback-screen-3 .screen-3-action button {
2852            padding: 7px 10px !important;
2853            font-size: 13px;
2854            font-weight: 600;
2855            background: #00005a;
2856            border: 1px solid #00005a;
2857            border-radius: 7px;
2858            color: #fff;
2859        }
2860
2861            .cashback-screen-3 .screen-3-action button:hover {
2862                border: 1px solid #00005a;
2863                color: #00005a;
2864                background-color: transparent;
2865            }
2866
2867
2868
2869
2870    /* =========== media query=============== */
2871
2872
2873
2874    #start-camera {
2875        width: 120px;
2876        padding: 10px;
2877        display: block;
2878        margin: 20px auto;
2879        border: 2px solid #111111;
2880        cursor: pointer;
2881        background-color: #ccc;
2882        margin-top: 50px;
2883    }
2884
2885    #click-photo {
2886        display: none;
2887        width: 120px;
2888        padding: 10px;
2889        margin: 20px auto;
2890        border: 2px solid #111111;
2891        cursor: pointer;
2892        background-color: #ccc;
2893    }
2894
2895
2896    #video {
2897        display: none;
2898        margin: 50px auto 0 auto;
2899    }
2900
2901    #click-photo {
2902    }
2903
2904    #dataurl-container {
2905        display: none;
2906    }
2907
2908    #canvas {
2909        display: block;
2910        margin: 0 auto 20px auto;
2911    }
2912
2913    #dataurl-header {
2914        text-align: center;
2915        font-size: 15px;
2916    }
2917
2918    #dataurl {
2919        display: block;
2920        height: 100px;
2921        width: 320px;
2922        margin: 10px auto;
2923        resize: none;
2924        outline: none;
2925        border: 1px solid #111111;
2926        padding: 5px;
2927        font-size: 13px;
2928        box-sizing: border-box;
2929    }
2930
2931    #capturedcontent {
2932        display: none;
2933    }
2934</style>
2935<style id="cashback-file-upload-success-screen">
2936    .color-pink {
2937        color: #f50082;
2938    }
2939
2940    .cashback-file-upload-success-screen .reductions_ligne_img {
2941        display: flex;
2942        justify-content: center;
2943    }
2944
2945        .cashback-file-upload-success-screen .reductions_ligne_img img {
2946            height: 45px;
2947        }
2948
2949    .cashback-file-upload-success-screen {
2950        padding-bottom: 1rem;
2951        background-color: #f3f3f3;
2952        /* padding: 2.2rem 3rem; */
2953        color: #00005a;
2954        border-radius: 0 0px 10px 10px;
2955        padding-top: 1rem;
2956        padding-left: 2rem;
2957        padding-right: 2rem;
2958    }
2959        /* Step-1 design */
2960
2961        .cashback-file-upload-success-screen .web_reduction_table_main {
2962            background: #fff;
2963            border-radius: 15px;
2964            margin-top: 10px;
2965        }
2966
2967            .cashback-file-upload-success-screen .web_reduction_table_main .head_view {
2968                margin: 0;
2969                padding: 10px;
2970                background: #00005a;
2971                border-radius: 10px 10px 0px 0;
2972                color: #fff;
2973                font-size: 12px;
2974                font-weight: 700
2975            }
2976
2977                .cashback-file-upload-success-screen .web_reduction_table_main .head_view .arrow-icon {
2978                    margin-right: 5px;
2979                }
2980
2981            .cashback-file-upload-success-screen .web_reduction_table_main .body_view {
2982                margin: 0;
2983                padding: 15px;
2984                border-bottom: 2px dotted #c6c6c6
2985            }
2986
2987                .cashback-file-upload-success-screen .web_reduction_table_main .body_view:last-child {
2988                    border-bottom: 0;
2989                }
2990
2991                .cashback-file-upload-success-screen .web_reduction_table_main .body_view:nth-last-child(2) {
2992                    border-bottom: 1.5px solid #00005a;
2993                }
2994
2995            .cashback-file-upload-success-screen .web_reduction_table_main .form-check-input[type=checkbox] {
2996                border: 1px solid #00005a;
2997            }
2998
2999                .cashback-file-upload-success-screen .web_reduction_table_main .form-check-input[type=checkbox]:checked {
3000                    background-color: #f50082;
3001                    color: #FFFFFF;
3002                    border: 1px solid #f50082;
3003                    box-shadow: none;
3004                    scale: 1.1;
3005                }
3006
3007                .cashback-file-upload-success-screen .web_reduction_table_main .form-check-input[type=checkbox]:not(:checked) {
3008                    box-shadow: none;
3009                    scale: 1.1;
3010                }
3011
3012            .cashback-file-upload-success-screen .web_reduction_table_main .name_field {
3013                display: flex;
3014                flex-direction: column;
3015                justify-content: center;
3016            }
3017
3018                .cashback-file-upload-success-screen .web_reduction_table_main .name_field p {
3019                    font-size: 15px;
3020                    font-weight: 400;
3021                }
3022
3023    .web_reduction_table_main .name_field span {
3024        font-size: 10px;
3025        font-weight: 600;
3026    }
3027
3028    .cashback-file-upload-success-screen .web_reduction_table_main .validity_field {
3029        display: flex;
3030        align-items: center;
3031        font-size: 13px;
3032        font-weight: 500;
3033    }
3034
3035    .cashback-file-upload-success-screen .web_reduction_table_main .discount_field {
3036        color: #f50082;
3037        font-weight: 700;
3038        display: flex;
3039        align-items: center;
3040        font-size: 14px;
3041    }
3042
3043
3044    .cashback-file-upload-success-screen .reductions_ligne_txt {
3045        font-size: 18px;
3046        font-weight: bold;
3047        text-align: center;
3048    }
3049
3050    .cashback-file-upload-success-screen .reductions_ligne_subtxt {
3051        font-size: 14px;
3052        line-height: 1.2;
3053        text-align: center;
3054    }
3055
3056    .cashback-file-upload-success-screen .email_bottom_sub_txt {
3057        font-size: 12px;
3058        text-align: center;
3059    }
3060
3061    .cashback-file-upload-success-screen .web_reduction_listing_modal_fotter .details-view {
3062        margin-top: 15px;
3063        color: #00005a;
3064    }
3065
3066        .cashback-file-upload-success-screen .web_reduction_listing_modal_fotter .details-view h6 {
3067            font-size: 14px;
3068            font-weight: 600;
3069            margin-bottom: 3px;
3070        }
3071
3072    .cashback-file-upload-success-screen .web_reduction_listing_modal_fotter button {
3073        margin-top: 15px;
3074    }
3075
3076    .cashback-file-upload-success-screen .web_reduction_listing_modal_fotter .details-view p {
3077        /* font-size: 13
3077px; */
3078        font-size: 14px;
3079        margin-bottom: 5px;
3080    }
3081
3082    .cashback-file-upload-success-screen .web_reduction_listing_modal_fotter .details-view a {
3083        font-size: 12px;
3084        font-weight: 600;
3085        text-decoration: underline;
3086    }
3087    /* Cashback screen 1 design end */
3088</style>
3089<script integrity="sha384-gPHx4zWvDVF5CthJ6vImRtrzvQBgsvT+kCyRL95xIEJvFnANuUhrklWQOb07T5J+" crossorigin="anonymous" src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/0.9.0/jquery.mask.min.js"></script>
3089
3090
3091<script id="rendered-js">
3092
3093
3094
3095    function vidOff() {
3096    Webcam.reset();
3097    };
3098
3099    // accessibiltiy ScriptProcessorNode 
3100    document.addEventListener("DOMContentLoaded", function () {
3101        const formBtn = document.getElementById("IBANFormBtn");
3102        const alertBox = document.getElementById("ibanFormAlert");
3103
3104        if (formBtn && formBtn.classList.contains("btn_disabled")) {
3105            alertBox.textContent = "Le bouton 'Je continue' est désactivé. Veuillez remplir tous les champs obligatoires pour continuer.";
3106        }
3107    });
3108        const checkbox = document.getElementById('IBANCheck');
3109    const label = document.getElementById('iban_form_checkbox_text');
3110
3111    label.addEventListener('keydown', function (event) {
3112        if (event.key === 'Enter') {
3113            checkbox.checked = !checkbox.checked; // Toggle checkbox
3114            label.setAttribute('aria-checked', checkbox.checked.toString()); // Update aria-checked
3115        }
3116    });
3117
3118    // Optional: sync aria-checked if changed via mouse
3119    checkbox.addEventListener('change', function () {
3120        label.setAttribute('aria-checked', checkbox.checked.toString());
3121    });
3122
3123
3124
3125
3126
3127  $(document).ready(function () {
3128    const $btn = $(".btn.contiunue_button.photo_continue_button");
3129
3130    if ($btn.length) {
3131
3132        updateTabIndex($btn);
3133
3134
3135        const observer = new MutationObserver(function (mutations) {
3136            mutations.forEach(function (mutation) {
3137                if (mutation.attributeName === "class") {
3138                    updateTabIndex($btn);
3139                }
3140            });
3141        });
3142
3143        observer.observe($btn[0], {
3144            attributes: true,
3145            attributeFilter: ['class']
3146        });
3147    }
3148
3149    function updateTabIndex($element) {
3150        if ($element.hasClass("btn_disabled")) {
3151            $element.attr("tabindex", "-1");
3152        } else {
3153            $element.attr("tabindex", "0");
3154        }
3155    }
3156});
3157
3158
3159</script>
3159
3160
3161<script>
3162</script>
3162
3163        </div>
3164        <div id="webReductionDLG">
3165            <div class="web_reduction_popup">
3166    <div id="WebReductionPopup" class="modal fade" role="dialog">
3167        <div class="modal-dialog modal-lg modal-dialog-centered">
3168            <div class="modal-content">
3169                <img src="/tag_popup.png" class="web_reduction_popup_title_image" alt="" aria-hidden="true" />
3170                <div class="modal-header">
3171                    <button type="button" class="btn-close " data-bs-dismiss="modal" aria-label="Close"></button>
3172                </div>
3173                <div class="modal-body">
3174                    <div class="web_reduction_popup_process_main">
3175                        <div class="card-main row">
3176                            <div class="col-12 info-box">
3177                                <img src="/info-icon.png" alt="info icon" />
3178                                <span>L&#x27;un des produits s&#xE9;lectionn&#xE9;s est une r&#xE9;duction uniquement disponible sur les sites des marques</span>
3179                            </div>
3180                            <div class="col-6">
3181                                <div class="offer-card ">
3182                                    <img src="/print-icon.png" />
3183                                    <p>
3184                                        Imprimer les bons de r&#xE9;duction
3185                                    </p>
3186                                </div>
3187                            </div>
3188                            <div class="col-6">
3189                                <div class="offer-card ">
3190                                    <img src="/mail-icon.png" />
3191                                    <p>
3192                                        Envoyer les bons de r&#xE9;duction par e-mail
3193                                    </p>
3194                                </div>
3195                            </div>
3196                            <div class="col-6">
3197                                <div class="offer-card selected">
3198                                    <img src="/discount-icon.png" />
3199                                    <p>
3200                                        Acc&#xE9;der aux offres sp&#xE9;ciales
3201                                        
3202                                    </p>
3203                                </div>
3204                            </div>
3205                            <div class="col-6 ">
3206                                <div class="offer-card disabled">
3207                                    <img src="/remboursement-icon.png" />
3208                                    <p>
3209                                        Obtenir une offre sp&#xE9;ciale
3210                                        
3211                                    </p>
3212                                </div>
3213                            </div>
3214                        </div>
3215                        <button class="btn contiunue_button"> Je continue les &#xE9;conomies</button>
3216                    </div>
3217                </div>
3218
3219            </div>
3220        </div>
3221    </div>
3222</div>
3223
3224<style>
3225    .web_reduction_popup .modal.show .modal-dialog {
3226            max-width: 655px;
3227    }
3228
3229    .web_reduction_popup .modal-dialog .modal-content .modal-header {
3230        background-color: #f50082;
3231        padding: 1.2rem 1.5rem;
3232        border-top-left-radius: 10px;
3233        border-top-right-radius: 10px;
3234    }
3235
3236    .web_reduction_popup .modal-dialog .modal-content {
3237        border-radius: 10px;
3238    }
3239
3240    .web_reduction_popup .modal-body {
3241        padding: 0;
3242    }
3243
3244    .web_reduction_popup .modal-header .btn-close {
3245        width: 5px;
3246        height: 5px;
3247        padding: 10px 10px;
3248        background: #00005a url("/x.svg");
3249        background-repeat: no-repeat;
3250        background-size: 25px;
3251        opacity: 1;
3252    }
3253
3254    .web_reduction_popup_title_image {
3255        position: absolute;
3256        top: 2%;
3257        left: 46%;
3258        transform: translate(-50%, -50%);
3259        height: 58px;
3260        width: 57%;
3261        object-fit: contain;
3262    }
3263
3264    .web_reduction_popup_process_main {
3265        margin: 15px;
3266        display: flex;
3267        flex-direction: column;
3268    }
3269
3270    .web_reduction_popup_process_main .card-main {
3271        display: flex;
3272        justify-content: center;
3273    }
3274
3275    .web_reduction_popup_process_main .card-main .info-box {
3276        border-radius: 6px;
3277        font-size: 10px !important;
3278        font-weight: 500;
3279        color: #ffffff;
3280        background-color: #2d2daf;
3281        padding: 7px 10px;
3282        display: flex;
3283        align-items: center;
3284        width: calc(100% - 50px);
3285        margin: 10px auto 20px;
3286    }
3287
3288     .web_reduction_popup_process_main .card-main .info-box img {
3289        width: 30px;
3290        height: 30px;
3291        margin-right: 5px;
3292     }
3293
3294    .web_reduction_popup_process_main .card-main .col-6 {
3295        width: auto;
3296        padding: 7px;
3297    }
3298
3299    .web_reduction_popup_process_main .offer-card {
3300        max-width: 140px;
3301        min-height: 140px;
3302        display: flex;
3303        flex-direction: column;
3304        justify-content: center;
3305        align-items: center;
3306        background: #f3f1ef;
3307        /* margin: 5px; */
3308        border-radius: 7px;
3309        padding: 5px;
3310        text-align: center;
3311        border: 2px solid #f3f1ef;
3312        cursor: pointer;
3313        height: 100%;
3314    }
3315
3316    .web_reduction_popup_process_main .offer-card:hover {
3317        border: 2px solid #f50082;
3318        box-shadow: 6px 6px 15px 12px #f3f3f3;
3319    }
3320    .web_reduction_popup_process_main .offer-card.selected {
3321        border: 2px solid #f50082;
3322        box-shadow: 6px 6px 15px 12px #f3f3f3;
3323    }
3324
3325    .web_reduction_popup_process_main .offer-card.disabled{
3326        background-color: #69696930;
3327        opacity: 0.6;
3328        cursor: not-allowed;
3329    }
3330
3331    .web_reduction_popup_process_main .offer-card.disabled:hover {
3332        border: 2px solid #f3f1ef;
3333        box-shadow: none;
3334    }
3335
3336    .web_reduction_popup_process_main .offer-card img {
3337        max-width: 50px;
3338    }
3339
3340    .web_reduction_popup_process_main .offer-card p {
3341        font-size: 12px;
3342        font-weight: 700;
3343        color: #00005a;
3344        margin-top: 10px;
3345        margin-bottom: 5px;
3346    }
3347
3348    .web_reduction_popup_process_main button {
3349        max-width: 250px;
3350        margin: 20px auto 10px;
3351    }
3352    /*Countinue button styles.*/
3353    .contiunue_button {
3354        border-radius: 6px;
3355        font-size: 12px;
3356        font-weight: 600;
3357        min-height: 30px;
3358        transition: 0.5s ease;
3359        place-items: center;
3360        color: #ffffff;
3361        background-color: #00005a;
3362        padding: 0.375rem 3.5rem;
3363    }
3364
3365        .contiunue_button:hover {
3366            border: 1px solid #00005a;
3367            color: #00005a;
3368            background-color: transparent;
3369        }
3370    /* =========== media query=============== */
3371
3372</style>
3373        </div>
3374        <div id="getYourDiscountDLG">
3375            
3376<div class="get_your_discount">
3377    <div id="GetYourDiscountModal" class="modal fade" role="dialog" tabindex="0">
3378
3379        <div class="modal-dialog modal-lg modal-dialog-centered">
3380            <div class="modal-content">
3381                <img src="/tag_popup.png" class="get_your_discount_title_image" alt="" aria-hidden="true" />
3382                <div class="modal-header">
3383                    <button type="button" class="btn-close " data-bs-dismiss="modal" aria-label="Close"></button>
3384                </div>
3385                <div class="modal-body">
3386                    <div class="get_your_discount_process_main">
3387                        <!-- number process counter -->
3388                        <div class="get_your_discount_number_process">
3389                            <div id="step-1" class="step-menu active">
3390                                <div class="number_div">
3391                                    <div id="step-1-link" class="text_content">
3392                                        <h1 class="text-center">1</h1>
3393                                        <p class="mt-1">R&#xE9;capitulatif de mes  Offres </p>
3394                                    </div>
3395                                </div>
3396                                <div class="right_image_icon">
3397                                    <img src="/right-arrow.png" />
3398                                </div>
3399                            </div>
3400                            <div id="step-2" class="step-menu disabled">
3401                                <div class="number_div">
3402                                    <div id="step-2-link" class="text_content">
3403                                        <h1 class="text-center">2</h1>
3404                                        <p class="mt-1">Confirmation d&#x27;envoi</p>
3405                                    </div>
3406                                </div>
3407                            </div>
3408                        </div>
3409                    </div>
3410                </div>
3411
3412                <div id="step-1-details" class="cashback-screen-1 web_reduction_listing_upload_main">
3413                    <p class="reductions_ligne_txt">Vos offres</p>
3414                    <p class="reductions_ligne_subtxt pb-2">Cliquez sur "Aller sur le site" pour profiter de vos offres spéciales !</p>
3415                    <div class="web_reduction_table_main">
3416                        <div class="row head_view">
3417                            <div class="col-9 col-md-4 ">
3418                                <div class="name_field_title">
3419                                    <span class="arrow-icon">
3420                                        <img src="/img/table_header_right_icon.png" alt="table header right icon" width="8" height="13">
3421                                    </span>
3422                                    <span class="d-none d-md-block">Nom</span>
3423                                    <span class="d-block d-md-none">Nom</span>
3424                                </div>
3425                            </div>
3426                            <div class="col-md-2 d-none d-md-flex date_field_title">
3427                                <span class="arrow-icon">
3428                                    <img src="/img/table_header_right_icon.png" alt="table header right icon" width="8" height="13">
3429                                </span>
3430                                Fin de validit&#xE9;
3431                            </div>
3432                            <div class="col-3 col-md-2 discount_field discount_field_title">
3433                                <span class="arrow-icon">
3434                                    <img src="/img/table_header_right_icon.png" alt="table header right icon" width="8" height="13">
3435                                </span>
3436                                Offre sp&#xE9;ciale
3437                            </div>
3438                            <div class="col-md-2"></div>
3439                            <div class="col-md-2"></div>
3440                        </div>
3441
3442                        <div id="selectedcouponcontainer"> </div>
3443                    </div>
3444                    <div class="web_reduction_listing_modal_fotter text-center">
3445                        <div class="web_reduction_listing_modal_fotter_content mt-4">
3446
3447                            <div class="footer_button row">
3448                                <div class="col-md-12 mb-2">
3449                                    <button type="button" class="btn web_reductions_btn">
3450                                        Terminer
3451                                    </button>
3452                                </div>
3453                                <div class="col-md-12">
3454                                    <button type="button" class="btn web_reductions_listing_email_btn">
3455                                        Je me les envoie par email
3456                                    </button>
3457                                </div>
3458                            </div>
3459                        </div>
3460                    </div>
3461                </div>
3462                <div id="step-2-details" class="cashback-screen-2 d-none">
3463                    <div class="screen-2-main saveconfirmmessage d-none">
3464                        <h6 class="screen-2-title">Confirmation d'envoi</h6>
3465<div class="screen-2-desc">
3466<p>Vos réductions ont été enregistrées dans votre profil</p>
3467</div>
3468                        <img src="/confirm-icon.png" />
3469                    </div>
3470                    <div class="screen-2-main emailconfirmmessage d-none">
3471                        <h6 class="screen-2-title">Confirmation d'envoi</h6>
3472<div>
3473<p>Vos réductions ont été envoyées à l’adresse e-mail utilisée lors de la création du compte.</p>
3474</div>
3475                        <img src="/confirm-icon.png" />
3476                    </div>
3477                    <div class="screen-2-action">
3478                        <button data-bs-dismiss="modal" aria-label="Close">
3479                             Je continue les &#xE9;conomies
3480                        </button>
3481                    </div>
3482                </div>
3483                <!-- end modal body  -->
3484            </div>
3485        </div>
3486
3487    </div>
3488</div>
3489</div>
3490</div>
3491
3492<style>
3493
3494    :root {
3495        --blue: #00005a;
3496        --pink: #f50082;
3497    }
3498
3499    .get_your_discount .modal-dialog {
3500        max-width: 870px;
3501    }
3502
3503    .get_your_discount .get_your_discount_number_process > .row {
3504        /* padding:0 5rem; */
3505        max-width: 560px;
3506        margin: auto;
3507    }
3508
3509    .get_your_discount .modal-dialog .modal-content .modal-header {
3510        background-color: #f50082;
3511        padding: 1.2rem 1.5rem;
3512        border-top-left-radius: 10px;
3513        border-top-right-radius: 10px;
3514    }
3515
3516
3517
3518    .get_your_discount .modal-body {
3519        padding: 0.5rem 1rem;
3520    }
3521
3522    .get_your_discount .modal-dialog .modal-content {
3523        border-radius: 10px;
3524    }
3525
3526
3527
3528    .get_your_discount .modal-header .btn-close {
3529        width: 5px;
3530        height: 5px;
3531        padding: 10px 10px;
3532        background: #00005a url("/x.svg");
3533        background-repeat: no-repeat;
3534        background-size: 25px;
3535        opacity: 1;
3536    }
3537
3538
3539
3540
3541
3542    .get_your_discount .get_your_discount_title_image {
3543        position: absolute;
3544        top: 1%;
3545        left: 47%;
3546        transform: translate(-50%, -50%);
3547        height: 58px;
3548        width: 45%;
3549        object-fit: contain;
3550    }
3551
3552
3553
3554    .get_your_discount .get_your_discount_imagee_overText {
3555        color: #ffffff;
3556        position: absolute;
3557        top: 14px;
3558        left: 56%;
3559        transform: translate(-50%, -50%);
3560        font-size: 16px;
3561        font-weight: 700;
3562        rotate: 1deg;
3563    }
3564    /* get_your_discount_process_main section  */
3565    .get_your_discount .get_your_discount_number_process {
3566        display: flex;
3567        align-items: center;
3568        justify-content: center;
3569        margin: 10px auto;
3570        text-align: center;
3571    }
3572
3573
3574
3575    .get_your_discount .get_your_discount_process_main .step-menu {
3576        display: flex;
3577        align-items: center;
3578    }
3579
3580    .get_your_discount .get_your_discount_process_main .get_your_discount_number_process .number_div {
3581        display: flex;
3582        align-items: center;
3583        justify-content: space-between;
3584    }
3585
3586
3587
3588    .get_your_discount .right_image_icon img {
3589        opacity: 0.1;
3590        width: 40px;
3591        height: 50px;
3592    }
3593
3594
3595
3596    .get_your_discount .get_your_discount_number_process .number_div .text_content > h1 {
3597        background-color: #00005a;
3598        width: 35px;
3599        height: 35px;
3600        font-size: 22px;
3601        font-weight: 600;
3602        margin: auto;
3603        border-radius: 50%;
3604        color: #ffffff;
3605        display: flex;
3606        align-items: center;
3607        justify-content: center;
3608        /*cursor: pointer;*/
3609    }
3610
3611    .get_your_discount .web_reduction_table_main .form-check-input {
3612        display: none;
3613    }
3614    /* Active step css style */
3615    .get_your_discount .get_your_discount_number_process .active .number_div .text_content {
3616        cursor: pointer;
3617    }
3618
3619
3620
3621        .get_your_discount .get_your_discount_number_process .active .number_div .text_content > h1 {
3622            font-weight: 700;
3623            background-color: #f50082;
3624        }
3625
3626        .get_your_discount .get_your_discount_number_process .active .number_div .text_content > p {
3627            font-weight: 700;
3628            padding: 0px 20px;
3629        }
3630
3631
3632
3633
3634
3635    /* Disable step css style */
3636    .get_your_discount .get_your_discount_number_process .disabled .number_div .text_content > h1 {
3637        background-color: #e1e1e1;
3638        color: #8f8f8f;
3639    }
3640
3641
3642
3643    .get_your_discount .get_your_discount_number_process .disabled .number_div .text_content > p {
3644        color: #8f8f8f;
3645    }
3646
3647
3648
3649    .get_your_discount .get_your_discount_number_process .number_div .text_content > p {
3650        color: #00005a;
3651        font-size: 14px;
3652        font-weight: 600;
3653        /*cursor: pointer;*/
3654    }
3655
3656
3657
3658    .get_your_discount .get_your_discount_number_process .right_image_icon {
3659        padding: 0 10px;
3660    }
3661
3662
3663
3664    .get_your_discount .contiunue_button {
3665        border-radius: 6px;
3666        font-size: 12px;
3667        font-weight: 600;
3668        min-height: 30px;
3669        transition: 0.5s ease;
3670        place-items: center;
3671        color: #ffffff;
3672        background-color: #00005a;
3673        padding: 0.375rem 3.5rem;
3674    }
3675
3676
3677
3678        .get_your_discount .contiunue_button:hover {
3679            border: 1px solid #00005a;
3680            color: #00005a;
3681            background-color: transparent;
3682        }
3683    /* Step-1 design */
3684
3685
3686
3687    .get_your_discount .web_reduction_table_main {
3688        background: #fff;
3689        border-radius: 15px;
3690        margin-top: 10px;
3691    }
3692
3693
3694
3695        .get_your_discount .web_reduction_table_main .head_view {
3696            margin: 0;
3697            padding: 10px;
3698            background: #00005a;
3699            border-radius: 10px 10px 0px 0;
3700            color: #fff;
3701            font-size: 12px;
3702            font-weight: 600;
3703        }
3704
3705
3706
3707            .get_your_discount .web_reduction_table_main .head_view .arrow-icon {
3708                margin-right: 5px;
3709                display: felx;
3710                align-items: center;
3711            }
3712
3713        .get_your_discount .web_reduction_table_main .body_view {
3714            margin: 0;
3715            padding: 10px 7px;
3716            border-bottom: 2px dotted #c6c6c6
3717        }
3718
3719            .get_your_discount .web_reduction_table_main .body_view:last-child {
3720                border-bottom: 0;
3721            }
3722
3723        .get_your_discount .web_reduction_table_main .check_box_field {
3724            display: flex;
3725            margin: auto 0;
3726            max-width: 40px
3727        }
3728
3729
3730
3731    .get_your_discount .web_reduction_table_main .form-check-input[type=checkbox] {
3732        border: 1px solid #00005a;
3733    }
3734
3735
3736
3737    .get_your_discount .web_reduction_table_main .form-check-input[type=checkbox]:checked {
3738        background-color: #f50082;
3739        color: #FFFFFF;
3740        border: 1px solid #f50082;
3741        box-shadow: none;
3742        scale: 1.1;
3743    }
3744
3745
3746
3747    .get_your_discount .web_reduction_table_main .form-check-input[type=checkbox]:not(:checked) {
3748        box-shadow: none;
3749        scale: 1.1;
3750    }
3751
3752
3753
3754    .get_your_discount .web_reduction_table_main .name_field_title {
3755        margin-left: 0px;
3756        display: flex;
3757    }
3758
3759
3760
3761    .get_your_discount .web_reduction_table_main .date_field_title {
3762        padding-left: 0;
3763    }
3764
3765    .get_your_discount .web_reduction_table_main .name_field {
3766        display: flex;
3767        align-items: center;
3768    }
3769
3770        .get_your_discount .web_reduction_table_main .name_field .details-data {
3771            margin-left: 15px;
3772            display: flex;
3773            flex-direction: column;
3774            justify-content: center
3775        }
3776
3777            .get_your_discount .web_reduction_table_main .name_field .details-data p {
3778                font-size: 15px;
3779                font-weight: 400;
3780                line-height: 20px
3781            }
3782
3783
3784
3785            .get_your_discount .web_reduction_table_main .name_field .details-data span {
3786                font-size: 10px;
3787                font-weight: 600;
3788            }
3789
3790
3791
3792    .get_your_discount .web_reduction_table_main .validity_field {
3793        display: flex;
3794        align-items: center;
3795        font-size: 13px !important;
3796        font-weight: 500;
3797    }
3798
3799
3800
3801    .get_your_discount .web_reduction_table_main .discount_field_title {
3802        padding-left: 0;
3803    }
3804
3805    .get_your_discount .web_reduction_table_main .discount_field {
3806        display: flex;
3807        align-items: center;
3808        max-width: 90px;
3809    }
3810
3811
3812
3813        .get_your_discount .web_reduction_table_main .discount_field p {
3814            color: #f50082;
3815            font-weight: 700;
3816            font-size: 14px;
3817        }
3818
3819
3820
3821    .get_your_discount .web_reduction_table_main .coupon_field {
3822        min-width: 170px;
3823    }
3824
3825        .get_your_discount .web_reduction_table_main .coupon_field .coupon_field_button {
3826            display: flex;
3827            margin: auto;
3828            border: 1.5px solid #d7d8d9;
3829            border-radius: 5px;
3830            padding: 7px 15px;
3831            font-size: 12px;
3832            text-align: center;
3833            justify-content: center;
3834            font-weight: 600;
3835            background: transparent;
3836            color: #00005a;
3837            min-width: 145px;
3838        }
3839
3840
3841
3842        .get_your_discount .web_reduction_table_main .coupon_field img {
3843            margin-right: 10px;
3844            width: 17px;
3845            height: 17px;
3846        }
3847
3848
3849
3850    .get_your_discount .web_reduction_table_main .link_field {
3851        display: flex;
3852        margin: auto 0;
3853        justify-content: center;
3854        font-weight: 600;
3855        align-items: center;
3856    }
3857
3858    .get_your_discount .web_reduction_table_main .external_link_txt {
3859        display: flex;
3860    }
3861
3862    .get_your_discount .web_reduction_table_main .link_field img {
3863        margin-right: 10px;
3864        width: 15px;
3865        height: 15px;
3866    }
3867
3868
3869
3870    .get_your_discount .web_reduction_table_main .link_field a {
3871        color: #00005a;
3872        font-size: 12px;
3873    }
3874
3875    .get_your_discount .web_reduction_listing_upload_main {
3876        padding-bottom: 1rem;
3877        background-color: #f3f3f3;
3878        /* padding: 2.2rem 3rem; */
3879        color: #00005a;
3880        border-radius: 0 0px 10px 10px;
3881        padding-top: 1rem;
3882        padding-left: 15px;
3883        padding-right: 15px;
3884    }
3885
3886
3887
3888    .get_your_discount .reductions_ligne_txt {
3889        /* display: table; */
3890        /* margin: 3.5rem auto 0; */
3891        /* margin: 0 auto; */
3892        /* font-size: 2rem; /* 20px / 10px = 2rem */
3893        font-size: 18px;
3894        font-weight: bold;
3895        text-align: center;
3896    }
3897
3898
3899
3900    .get_your_discount .reductions_ligne_subtxt {
3901        font-size: 14px;
3902        line-height: 1.2;
3903        text-align: center;
3904    }
3905
3906
3907
3908    .get_your_discount .reductions_ligne_subtxt_3 {
3909        font-size: 11px;
3910        text-align: center;
3911        margin-top: 10px;
3912    }
3913
3914
3915
3916    .get_your_discount .email_bottom_sub_txt {
3917        font-size: 12px;
3918        text-align: center;
3919    }
3920
3921
3922
3923    .get_your_discount .web_reductions_btn {
3924        border: 1px solid #00005a47;
3925        border-radius: 8px;
3926        color: #fff;
3927        background: #00005a;
3928        padding: 6px;
3929        font-size: 12px;
3930        font-weight: 700;
3931        margin-top: 4px;
3932        width: 230px;
3933    }
3934
3935
3936
3937    .get_your_discount .web_reductions_listing_email_btn {
3938        border: 1px solid #00005a47;
3939        border-radius: 8px;
3940        color: #00005a;
3941        padding: 6px;
3942        font-size: 12px;
3943        font-weight: 700;
3944        margin-top: 4px;
3945        width: 230px;
3946    }
3947
3948
3949
3950    .get_your_discount .external_link_wrapper .external_link_txt a {
3951        color: #00005a;
3952    }
3953
3954
3955
3956    .get_your_discount .web_reduction_listing_modal_fotter .web_reduction_listing_modal_fotter_content {
3957        color: #00005a;
3958        margin-bottom: 10px;
3959        /* padding: 0 5rem; */
3960    }
3961
3962
3963
3964    /* Cashback screen 1 design end */
3965
3966
3967
3968    /* Cashback screen 2 design */
3969    .get_your_discount .cashback-screen-2 {
3970        display: flex;
3971        flex-direction: column;
3972        justify-content: center;
3973        align-items: center;
3974        margin: auto;
3975        padding: 0 20px 20px 20px;
3976        border-radius: 0 0px 10px 10px;
3977        width: calc(100% - 50px);
3978    }
3979
3980
3981
3982        .get_your_discount .cashback-screen-2 .screen-2-main {
3983            padding: 30px 50px;
3984            background: #f3f3f3;
3985            text-align: center;
3986            border-radius: 15px;
3987            margin-bottom: 20px;
3988            width: 100%;
3989        }
3990
3991
3992
3993    .get_your_discount .screen-2-main img {
3994        width: 90px;
3995        margin-top: 10px;
3996    }
3997
3998
3999
4000    .get_your_discount .screen-2-main .screen-2-title {
4001        font-size: 18px;
4002        font-weight: 700;
4003        color: #00005a;
4004    }
4005
4006
4007
4008    .get_your_discount .screen-2-main .screen-2-desc {
4009        font-size: 14px;
4010        font-weight: 400;
4011        color: #00005a;
4012        padding: 5px 15px 15px;
4013        max-width: 330px;
4014        margin: auto;
4015    }
4016
4017
4018
4019    .get_your_discount .screen-3-main .screen-2-desc p {
4020        margin-bottom: 0px;
4021    }
4022
4023
4024
4025    .get_your_discount.cashback-screen-2 .screen-2-action {
4026        display: flex;
4027        justify-content: center;
4028        margin: 30px auto 10px;
4029    }
4030
4031
4032
4033        .get_your_discount .cashback-screen-2 .screen-2-action button {
4034            padding: 7px 10px;
4035            font-size: 13px;
4036            font-weight: 600;
4037            background: #00005a;
4038            border: 0;
4039            border-radius: 7px;
4040            color: #fff;
4041        }
4042
4043
4044
4045    /* =========== media query=============== */
4046
4047
4048
4049    
4050</style>
4051<script>
4052</script>
4052
4053        </div>
4054        <div id="getYourPrintDLG">
4055            
4056<div class="print_option_popup">
4057    <div id="PrintOptionModal" class="modal fade p-0" role="dialog" tabindex="0">
4058        <div class="modal-dialog modal-lg modal-dialog-centered">
4059            <div class="modal-content" tabindex="0">
4060                <img src="https://libresse-images.essity.com/images-c5/889/662889/optimized-AzurePNG4K/tag-popup.png" class="print_option_popup_title_image print_option_popup_title_image_inMobile" alt="" aria-hidden="true" />
4061                <div class="modal-header">
4062                    <button type="button" class="btn-close " data-bs-dismiss="modal" aria-label="Close" tabindex="0"></button>
4063                </div>
4064
4065                <div class="modal-body printt_body">
4066                    <div class="print_option_popup_process_main">
4067                        <!-- number process counter -->
4068                        <div class="print_option_popup_number_process">
4069                            <div id="step-1" class="step-menu active">
4070                                <div class="number_div">
4071                                    <div id="step-1-link" class="text_content">
4072                                        <h1 class="text-center">1</h1>
4073                                        <p class="mt-1">Obtenir mes r&#xE9;ductions</p>
4074                                    </div>
4075                                </div>
4076                                <div class="right_image_icon position-static">
4077                                    <img src="/right-arrow.png" alt="right icon" />
4078                                </div>
4079                            </div>
4080                            <div id="step-2" class="step-menu disabled">
4081                                <div class="number_div">
4082                                    <div id="step-2-link" class="text_content">
4083                                        <h1 class="text-center">2</h1>
4084                                        <p id="success_step" class="mt-1">Instructions / Confirmation</p>
4085                                    </div>
4086                                </div>
4087                            </div>
4088                        </div>
4089                    </div>
4090                </div>
4091
4092                <div id="step-1-details" class="print_option_popup_main">
4093                    <div class="card mb-3 print_option_card_main border-0">
4094                        <div class="row g-0">
4095                            <div class="col-md-5 d-none d-sm-block">
4096                                 <img src="https://libresse-images.essity.com/images-c5/891/662891/optimized-AzurePNG4K/print-option-img-desktop.png" class="print_option_img" alt="Printer Image">
4097                            </div>
4098                            <div class="col-md-5 d-block d-sm-none">
4099                                 <img src="https://libresse-images.essity.com/images-c5/890/662890/optimized-AzurePNG4K/print-option-img-mobile.png" class="print_option_img" alt="" aria-hidden="true">
4100                            </div>
4101                            <div class="col-md-7">
4102                                <div class="card-body print_option_card_body">
4103                                    <h2 class="card-title print_option_card_title_txt">
4104                                        Souhaitez-vous les imprimer maintenant ?</ h2 >
4105                                    <div class="warning_txt_wrapper my-4">
4106<p><img src="/media/3gijcvxy/info-icon.png?rmode=max&amp;width=90&amp;height=90" alt="" width="90" height="90"></p>
4107<p class="warning_txt">Le lien d'impression est à usage unique, les bons ne peuvent être imprimés qu'une seule fois. Soyez donc sûr(e) de pouvoir les imprimer avant de cliquer sur le bouton "j'imprime maintenant".</p>
4108</div>
4109<p class="card-text vous_imprimer_heading_sub_txt pb-3"><span class="fw-700">Avant d’imprimer</span>, vérifiez si votre imprimante :</p>
4110<ul class="dashed_number_list">
4111<li>est <span class="fw-700">connectée</span></li>
4112<li>dispose d’<span class="fw-700">assez d’encre</span></li>
4113<li>dispose d’<span class="fw-700">
4113assez de papier</span></li>
4114</ul>
4115                                </div>
4116                            </div>
4117                        </div>
4118                    </div>
4119                    <div class="print_option_popup_footer_wrapper">
4120                        <p class="print_option_footer_subtxt pb-4">Une fois que vous avez ouvert la fenêtre d'impression, veillez à bien imprimer les bons immédiatement.</p>
4121<ul class="list-unstyled">
4122<li class="print_option_footer_list_subtxt pb-2"><span><img class="me-2 list_pink_right_arrow" src="/right.png" alt="List Arrow"></span> Un seul code est utilisable par achat.</li>
4123<li class="print_option_footer_list_subtxt pb-2"><span><img class="me-2 list_pink_right_arrow" src="/right.png" alt="List Arrow"></span> Les photocopies ne sont pas acceptées.</li>
4124</ul>                     
4125                        <div class="web_reduction_listing_modal_fotter text-center">
4126                            <div class="web_reduction_listing_modal_fotter_content mt-4">
4127                                <div class="footer_button row">
4128                                    <div class="col-md-12">
4129                                        <button type="button" class="btn printing_now_btn">
4130                                            J&#x2019;imprime maintenant                                           
4131                                        </button>
4132                                    </div>
4133                                    <div class="col-md-12 my-3">
4134                                        <p class="print_option_footer_txt">Vous n&#x27;&#xEA;tes pas s&#xFB;r(e) de pouvoir imprimer maintenant ?</p>
4135                                    </div>
4136                                    <div class="col-md-12">
4137                                        <button type="button" class="btn web_print_listing_email_btn">
4138                                            Je me les envoie par email
4139                                        </button>
4140                                    </div>
4141                                </div>
4142                            </div>
4143                        </div>
4144                    </div>
4145                </div>
4146                <div id="step-2-details" class="print-option-screen-2 d-none pt-2">
4147                    <div class="print_option_screen_2_main">
4148
4149                        <div clas="screen_2_body">
4150                            <h2 id="success_title" class="screen-2-title d-none">Confirmation</h2>
4151                            <h2 id="error-title" class="screen-2-title d-none">Oups !</h2>
4152                            <div id="error-message" class="screen-2-desc d-none">
4153                                <p>Oups, il semble que vous avez déjà bénéficié de l'offre 12 fois, le maximum autorisé,</p>
4154<p>&nbsp;</p>
4155<p>RDV sur la page "Réductions &amp; Remboursements" pour bénéficier des autres offres encore disponibles sur le site !</p>
4156                                                          </div>
4157                            <div id="success-message" class="screen-2-desc d-none">
4158                                <p>Vous avez bien eu accès à l'une ou plusieurs de nos réductions imprimables.</p>
4159                                                           </div>
4160                            <div id="loading-success-message" class="screen-2-desc d-none">
4161                                
4162                                                           </div>
4163                            <img id="success-icon" class="d-none" src="/confirm-icon.png" />
4164                            <img id="error-icon" class="d-none popuperroricon" src="/errorIcon.png" />
4165                        </div>
4166
4167                    </div>
4168                    <div class="screen-2-action text-center">
4169                        <button data-bs-dismiss="modal" aria-label="Close">
4170                             Je continue les &#xE9;conomies
4171                        </button> 
4172                    </div>
4173                    <!-- end modal body  -->
4174                </div>
4175            </div>
4176
4177        </div>
4178    </div>
4179</div>
4180
4181<style>
4182    /* START PRINT OPTION POPUP */
4183    :root {
4184        --blue: #00005a;
4185        --pink: #f50082;
4186    }
4187
4188    .print_option_popup .modal-dialog {
4189        max-width: 870px;
4190    }
4191
4192        .print_option_popup .modal-dialog.step-2-container {
4193            max-width: 675px
4194        }
4195
4196    .print_option_popup .print_option_popup_number_process > .row {
4197        /* padding:0 5rem; */
4198        max-width: 560px;
4199        margin: auto;
4200    }
4201
4202    .print_option_popup .modal-dialog .modal-content .modal-header {
4203        background-color: #f50082;
4204        padding: 1.2rem 1.5rem;
4205        border-top-left-radius: 10px;
4206        border-top-right-radius: 10px;
4207    }
4208
4209    .print_option_popup .modal-dialog .modal-content {
4210        border-radius: 10px;
4211    }
4212
4213    .print_option_popup .modal-header .btn-close {
4214        width: 5px;
4215        height: 5px;
4216        padding: 10px 10px;
4217        background: #00005a url("/x.svg");
4218        background-repeat: no-repeat;
4219        background-size: 25px;
4220        opacity: 1;
4221    }
4222
4223
4224    .print_option_popup .print_option_popup_title_image {
4225        position: absolute;
4226        top: 1%;
4227        left: 47%;
4228        transform: translate(-50%, -50%);
4229        height: 58px;
4230        width: 45%;
4231        object-fit: contain;
4232    }
4233
4234    .print_option_popup .print_option_popup_imagee_overText {
4235        color: #ffffff;
4236        position: absolute;
4237        top: 14px;
4238        left: 56%;
4239        transform: translate(-50%, -50%);
4240        font-size: 16px;
4241        font-weight: 700;
4242        rotate: 1deg;
4243    }
4244    /* print_option_popup_process_main section  */
4245    .print_option_popup .print_option_popup_number_process {
4246        display: flex;
4247        align-items: center;
4248        justify-content: center;
4249        margin: 10px auto;
4250        text-align: center;
4251    }
4252
4253    .print_option_popup .print_option_popup_process_main .step-menu {
4254        display: flex;
4255        align-items: center;
4256    }
4257
4258    .print_option_popup .print_option_popup_process_main .print_option_popup_number_process .number_div {
4259        display: flex;
4260        align-items: center;
4261        justify-content: space-between;
4262    }
4263
4264    .print_option_popup .right_image_icon img {
4265        opacity: 0.1;
4266        width: 40px;
4267        height: 50px;
4268    }
4269
4270    .print_option_popup .print_option_popup_number_process .number_div .text_content > h1 {
4271        background-color: #00005a;
4272        width: 35px;
4273        height: 35px;
4274        font-size: 22px;
4275        font-weight: 600;
4276        margin: auto;
4277        border-radius: 50%;
4278        color: #ffffff;
4279        display: flex;
4280        align-items: center;
4281        justify-content: center;
4282        /*cursor: pointer;*/
4283    }
4284    /* Active step css style */
4285    .print_option_popup .print_option_popup_number_process .active .number_div .text_content {
4286        /*cursor: pointer;*/
4287    }
4288
4289        .print_option_popup .print_option_popup_number_process .active .number_div .text_content > h1 {
4290            font-weight: 700;
4291            background-color: #f50082;
4292        }
4293
4294        .print_option_popup .print_option_popup_number_process .active .number_div .text_content > p {
4295            font-weight: 700;
4296        }
4297
4298
4299    /* Disable step css style */
4300    .print_option_popup .print_option_popup_number_process .disabled .number_div .text_content > h1 {
4301        background-color: #e1e1e1;
4302        color: #8f8f8f;
4303    }
4304
4305    .print_option_popup .print_option_popup_number_process .disabled .number_div .text_content > p {
4306        color: #8f8f8f;
4307    }
4308
4309    .print_option_popup .print_option_popup_number_process .number_div .text_content > p {
4310        color: #00005a;
4311        font-size: 14px;
4312        font-weight: 600;        
4313    }
4314
4315    .print_option_popup .print_option_popup_number_process .right_image_icon {
4316        padding: 0 10px;
4317    }
4318
4319    .print_option_popup .contiunue_button {
4320        border-radius: 6px;
4321        font-size: 12px;
4322        font-weight: 600;
4323        min-height: 30px;
4324        transition: 0.5s ease;
4325        place-items: center;
4326        color: #ffffff;
4327        background-color: #00005a;
4328        padding: 0.375rem 3.5rem;
4329    }
4330
4331        .print_option_popup .contiunue_button:hover {
4332            border: 1px solid #00005a;
4333            color: #00005a;
4334            background-color: transparent;
4335        }
4336
4337    .print_option_popup .print_option_footer_txt {
4338        font-size: 14px;
4339        font-weight: 400;
4340    }
4341    /* Step-1 design */
4342
4343    .print_option_popup .
4344    {
4345        background: #fff;
4346        border-radius: 15px;
4347        margin-top: 10px;
4348    }
4349
4350        .print_option_popup .web_reduction_table_main .head_view {
4351            margin: 0;
4352            padding: 10px;
4353            background: #00005a;
4354            border-radius: 10px 10px 0px 0;
4355            color: #fff;
4356            font-size: 12px;
4357            font-weight: 600
4358        }
4359
4360            .print_option_popup .web_reduction_table_main .head_view .arrow-icon {
4361                margin-right: 5px;
4362            }
4363
4364        .print_option_popup .web_reduction_table_main .body_view {
4365            margin: 0;
4366            padding: 10px 7px;
4367            border-bottom: 2px dotted #c6c6c6
4368        }
4369
4370            .print_option_popup .web_reduction_table_main .body_view:last-child {
4371                border-bottom: 0;
4372            }
4373
4374        .print_option_popup .web_reduction_table_main .check_box_field {
4375            display: flex;
4376            margin: auto 0;
4377            max-width: 40px
4378        }
4379
4380    print_option_popup .web_reduction_table_main .form-check-input[type=checkbox] {
4381        border: 1px solid #00005a;
4382    }
4383
4384    .print_option_popup .web_reduction_table_main .form-check-input[type=checkbox]:checked {
4385        background-color: #f50082;
4386        color: #FFFFFF;
4387        border: 1px solid #f50082;
4388        box-shadow: none;
4389        scale: 1.1;
4390    }
4391
4392    .print_option_popup .web_reduction_table_main .form-check-input[type=checkbox]:not(:checked) {
4393        box-shadow: none;
4394        scale: 1.1;
4395    }
4396
4397    .print_option_popup .web_reduction_table_main .name_field_title {
4398        margin-left: 40px;
4399    }
4400
4401    .print_option_popup .web_reduction_table_main .name_field {
4402        display: flex;
4403        align-items: center;
4404    }
4405
4406        .print_option_popup .web_reduction_table_main .name_field .details-data {
4407            margin-left: 25px;
4408            display: flex;
4409            flex-direction: column;
4410            justify-content: center
4411        }
4412
4413            .print_option_popup .web_reduction_table_main .name_field .details-data p {
4414                font-size: 15px;
4415                font-weight: 400;
4416                line-height: 20px
4417            }
4418
4419            .print_option_popup .web_reduction_table_main .name_field .details-data span {
4420                font-size: 10px;
4421                font-weight: 600;
4422            }
4423
4424    .print_option_popup .web_reduction_table_main .validity_field {
4425        display: flex;
4426        align-items: center;
4427        font-size: 13px;
4428        font-weight: 500;
4429    }
4430
4431    .print_option_popup .web_reduction_table_main .discount_field {
4432        display: flex;
4433        align-items: center;
4434        max-width: 90px
4435    }
4436
4437        .print_option_popup .web_reduction_table_main .discount_field p {
4438            color: #f50082;
4439            font-weight: 700;
4440            font-size: 14px;
4441        }
4442
4443    /*  .print_option_popup .web_reduction_table_main .coupon_field {
4444                        min-width: 170px;
4445                    }
4446
4447                        .print_option_popup .web_reduction_table_main .coupon_field .coupon_field_button {
4448                            display: flex;
4449                            margin: auto;
4450                            border: 1.5px solid #d7d8d9;
4451                            border-radius: 5px;
4452                            padding: 7px 15px;
4453                            font-size: 12px;
4454                            text-align: center;
4455                            justify-content: center;
4456                            font-weight: 600;
4457                            background: transparent;
4458                            color: #00005a
4459                        }
4460
4461                        .print_option_popup .web_reduction_table_main .coupon_field img {
4462                            margin-right: 10px;
4463                            width: 17px;
4464                            height: 17px;
4465                        } */
4466
4467    .print_option_popup .web_reduction_table_main .link_field {
4468        display: flex;
4469        margin: auto 0;
4470        justify-content: center;
4471        font-weight: 600;
4472        align-items: center;
4473    }
4474
4475        .print_option_popup .web_reduction_table_main .link_field img {
4476            margin-right: 10px;
4477            width: 17px;
4478            height: 17px;
4479        }
4480
4481        .print_option_popup .web_reduction_table_main .link_field a {
4482            color: #00005a;
4483            font-size: 12px;
4484        }
4485
4486    .print_option_popup .print_option_popup_main {
4487        padding-bottom: 1rem;
4488        /* background-color: #ecebeb; */
4489        /* background-color: #f3f3f3; */
4490        /* padding: 2.2rem 3rem; */
4491        color: #00005a;
4492        border-radius: 0 0px 10px 10px;
4493        padding-top: 1rem;
4494        padding-left: 2rem;
4495        padding-right: 2rem;
4496    }
4497
4498        .print_option_popup .print_option_popup_main .print_option_card_main {
4499            background-color: #f3f3f3;
4500        }
4501
4502        .print_option_popup .print_option_popup_main .print_option_img {
4503            float: left;
4504            margin: 0 5.464481% 0 0;
4505            max-width: 295px;
4506            /* width: 40.300545%;  */
4507            -webkit-border-radius: 8px 0 0 8px;
4508            -moz-border-radius: 8px 0 0 8px;
4509            border-radius: 8px 0 0 8px;
4510        }
4511
4512    .print_option_card_body .warning_txt_wrapper {
4513        background-color: #2c2dae;
4514        display: flex;
4515        /* justify-content: center; */
4516        align-items: center;
4517        /* margin: 4.4rem auto 0; */
4518        padding: 11px 13px;
4519        position: relative;
4520        /* width: 97.05882%;  */
4521        -webkit-border-radius: 8px;
4522        -moz-border-radius: 8px;
4523        border-radius: 8px;
4524    }
4525
4526    .print_option_popup .warning_content_img {
4527        float: left;
4528        /* margin: 6px 4.666667% 0 0; */
4529        /*  margin: 6px;
4530                    max-width: 50px; */
4531        max-width: 70px;
4532        object-fit: contain;
4533        /* width: 16.666666%; */
4534    }
4535
4536    .print_option_popup .warning_txt {
4537        color: #ffffff;
4538        font-size: 14px !important;
4539        padding-left: 15px;
4540        font-weight: 300;
4541    }
4542
4543    .print_option_popup .print_option_card_title_txt {
4544        font-size: 18px;
4545        font-weight: bold;
4546    }
4547
4548    .print_option_popup .vous_imprimer_heading_sub_txt {
4549        font-size: 14px;
4550        font-weight: 400;
4551    }
4552
4553    .print_option_popup .dashed_number_list {
4554        /* list-style-type: none; */
4555        /* list-style-type: '- '; */
4556        counter-reset: item;
4557        margin-left: 0;
4558        padding-left: 0;
4559        padding-left: 0;
4560        font-size: 1rem;
4561        font-weight: 400;
4562    }
4563
4564        .print_option_popup .dashed_number_list > li {
4565            /* text-indent: -5px; */
4566            display: block;
4567            margin-bottom: .5em;
4568            /* margin-left: 2em; */
4569        }
4570
4571            .print_option_popup .dashed_number_list > li:before {
4572                display: inline-block;
4573                content: counter(item) " - ";
4574                counter-increment: item;
4575                width: 1.5em;
4576                /* margin-left: -2em; */
4577            }
4578
4579    .print_option_popup_footer_wrapper {
4580        text-align: center;
4581    }
4582
4583    .print_option_popup_main .print_option_footer_subtxt {
4584        font-size: 14px;
4585        line-height: 1.2;
4586        font-weight: 400;
4587    }
4588
4589    .print_option_popup_main .print_option_footer_list_subtxt {
4590        font-size: 14px;
4591        line-height: 1.2;
4592        font-weight: 400;
4593    }
4594
4595        .print_option_popup_main .print_option_footer_list_subtxt .list_pink_right_arrow {
4596            width: 8px;
4597            height: 13px;
4598        }
4599
4600    .print_option_popup .reductions_ligne_subtxt {
4601        font-size: 14px;
4602        line-height: 1.2;
4603        text-align: center;
4604    }
4605
4606    .print_option_popup .reductions_ligne_subtxt_3 {
4607        font-size: 12px;
4608        text-align: center;
4609    }
4610
4611    .print_option_popup .email_bottom_sub_txt {
4612        font-size: 12px;
4613        text-align: center;
4614    }
4615
4616    /*  .print_option_popup .web_reductions_btn {
4617                        border: 1px solid #00005a47;
4618                        border-radius: 8px;
4619                        color: #fff;
4620                        background: #00005a;
4621                        padding: 6px;
4622                        font-size: 12px;
4623                        font-weight: 700;
4624                        margin-top: 4px;
4625                        width: 230px;
4626                    } */
4627    .print_option_popup .printing_now_btn {
4628        border: 1px solid #00005a47;
4629        border-radius: 8px;
4630        color: #fff;
4631        background: #00005a;
4632        padding: 6px;
4633        font-size: 12px;
4634        font-weight: 500;
4635        margin-top: 4px;
4636        width: 230px;
4637    }
4638
4639    .print_option_popup .web_reductions_listing_email_btn {
4640        border: 1px solid #00005a47;
4641        border-radius: 8px;
4642        color: #00005a;
4643        padding: 6px;
4644        font-size: 12px;
4645        font-weight: 700;
4646        margin-top: 4px;
4647        width: 230px;
4648    }
4649
4650    .print_option_popup .external_link_wrapper .external_link_txt a {
4651        color: #00005a;
4652    }
4653
4654    /* .print_option_popup .web_reduction_listing_modal_fotter .web_reduction_listing_modal_fotter_content {
4655                        color: #00005a;
4656                        margin-bottom: 10px;
4657                        /* padding: 0 5rem; */
4658    }
4659
4660    */
4661    /* Cashback screen 1 design end */
4662    /* Cashback screen 2 design */
4663    .print_option_popup .print-option-screen-2 {
4664        max-width: 667px;
4665        display: flex;
4666        flex-direction: column;
4667        justify-content: center;
4668        align-items: center;
4669        margin: auto;
4670        padding: 0 20px 20px 20px;
4671        border-radius: 0 0px 10px 10px;
4672    }
4673
4674    .print_option_popup .print-option-screen-2 .print_option_screen_2_main {
4675        margin: 0px 15px;
4676        padding: 30px;
4677        background: #f3f3f3;
4678        text-align: center;
4679        border-radius: 15px;
4680        margin-bottom: 20px;
4681    }
4682
4683    .screen_2_body {
4684        /* padding: 30px 30px; */
4685        background: #f3f3f3;
4686        text-align: center;
4687        border-radius: 15px;
4688        margin-bottom: 20px;
4689    }
4690
4691    .print_option_popup .print_option_screen_2_main img {
4692        width: 90px;
4693        margin-top: 10px;
4694    }
4695
4696    .print_option_popup .print_option_screen_2_main .screen-2-title {
4697        font-size: 18px;
4698        font-weight: 700;
4699        color: #00005a;
4700    }
4701
4702    .print_option_popup .print_option_screen_2_main .screen-2-desc {
4703        font-size: 14px;
4704        font-weight: 500;
4705        color: #00005a;
4706        padding: 5px 15px 15px;
4707    }
4708
4709    .print_option_popup .screen-3-main .screen-2-desc p {
4710        margin-bottom: 0px;
4711    }
4712
4713    .print_option_popup .print-option-screen-2 .screen-2-action {
4714        display: flex;
4715        justify-content: center;
4716        margin: 30px auto 10px;
4717    }
4718
4719        .print_option_popup .print-option-screen-2 .screen-2-action button {
4720            padding: 7px 10px;
4721            font-size: 13px;
4722            font-weight: 600;
4723            background: #00005a;
4724            border: 0;
4725            border-radius: 7px;
4726            color: #fff;
4727        }
4728
4729    /* =========== media query=============== */
4730
4731    
4732
4733</style>
4734<script>
4735</script>
4735
4736
4737
4738
4739        </div>
4740
4741    </main>
4742    
4743    <div id="newslatter" class="FooterInfoBar_topfootercontainer__ra4zL">
4744        <div class="m-auto align-self-sm-center align-self-end">
4745            <div class="FooterInfoBar_topfootercontainer_main__bR2wB">
4746                <div class="FooterInfoBar_footerinfobaricon___3bRB">
4747                        <img src="https://libresse-images.essity.com/images-c5/500/563500/optimized-AzurePNG2K/subscribe.png" alt="subscribe Logo Url" />
4748                    <div class="FooterInfoBar_footerinfobar__FO7WJ">
4749                        Pr&#xEA;t &#xE0; faire des &#xE9;conomies ?
4750                    </div>
4751                            <button type="button" class="FooterInfoBar_footersubbutton-link FooterInfoBar_footersubbutton__zG5c8" href="javascript:void(0);" x-on:click="isShow = !isShow" onclick="LoadSingupScreen()" aria-label="Oui, je m&#x2019;inscris au programme !">
4752                                Oui, je m&#x2019;inscris au programme !                                
4753                            </button>
4754                </div>
4755            </div>
4756        </div>
4757    </div>
4758
4759<div class="d-none d-lg-block footer-main">
4760    <div class="footer-main-inner row">
4761        <div class="footer-main-link col-md-12">
4762            <div class="footer-links row">
4763                        <div class="link-list col-md-4">
4764                            <a class="link-title" href="/contact/">
4765                                FAQ/Contact
4766                            </a>
4767                        </div>
4768                        <div class="link-list col-md-4">
4769                            <a class="link-title" href="https://www.essity.fr/" target="_blank">
4770                                Le Groupe Essity
4771                            </a>
4772                        </div>
4773                        <div class="link-list col-md-4">
4774                            <a class="link-title" href="/politique-de-confidentialite/" target="_blank">
4775                                Politique de confidentialit&#xE9;
4776                            </a>
4777                        </div>
4778                        <div class="link-list col-md-4">
4779                            <a class="link-title" href="/politique-d-utilisation-des-cookies/" target="_blank">
4780                                Information sur les cookies
4781                            </a>
4782                        </div>
4783                        <div class="link-list col-md-4">
4784                            <a class="link-title" href="/mentions-legales/" target="_blank">
4785                                Mentions l&#xE9;gales
4786                            </a>
4787                        </div>
4788                        <div class="link-list col-md-4">
4789                            <a class="link-title" href="/conditions-d-utilisations/" target="_blank">
4790                                Conditions d&#x2019;utilisations
4791                            </a>
4792                        </div>
4793            </div>
4794        </div>
4795    </div>
4796</div>
4797
4798<script>
4799  
4800    $(document).ready(function () {
4801        loadFooterBrandButton();
4802       // console.log("loadFooterBrandButton Function Called");
4803    });
4804</script>
4804
4805</body>
4806</html>
4807
4808<script src="/js/main.js"></script>
4808
4809
4810<script>
4811            $(document).ready(function () {
4812                        // sign up loading code //
4813        // $('body').append('<div style="" id="loadingDiv"><div class="loader">Loading...</div></div>');
4814        // $(window).on('load', function(){
4815        //   setTimeout(removeLoader, 3000); //wait for page load PLUS two seconds.
4816        // });
4817        // function removeLoader(){
4818        //     $( "#loadingDiv" ).fadeOut(500, function() {
4819        //       // fadeOut complete. Remove the loading div
4820        //       $( "#loadingDiv" ).remove(); //makes page more lightweight
4821        //   });
4822        // }
4823
4824                // okayfr global variables//
4825                var okay_imagurl;var okay_issueid;var okay_transactionid; var okay_gifttitle;var okayfr_email; var okay_wincode; var tena_winScreenPopUpTitle;
4826                var brandName = ""; // Brand name from Razor
4827                // recaptcha code //
4828                var formDatum; var formDatamob; var captchaflag = false; var userstatus; var adminuserstatus = false; var Id;
4829                /// video variables //
4830                var capturedfile;
4831                let videoElement = document.getElementById('videoElement');
4832                let imagePreview = document.getElementById('imagePreview');
4833                let stream;
4834                var capturedfile_okayfr;
4835                let videoElement_okayfr = document.getElementById('videoElement_okayfr');
4836                let imagePreview_okayfr = document.getElementById('imagePreview_okayfr');
4837                let streamokayfr;
4838                SetSignupButtons();
4839                loadFooterBrandButton();
4840                UpdateProfileTotalDiscount("");
4841                loaddefaultselection(); // load Default Selected Coupon List
4842                validateUser_account(); // Loading Validating USER ACCOUNT
4843                $intialsort = document.querySelectorAll('.coupon-card-list:not(.d-none)');
4844
4845                //hiding sticky basket only for mobile
4846                 const isMobile = /iPhone|iPad|iPod|Android/i.test(navigator.userAgent);
4847                //console.log("isMobile",isMobile);
4848                if(isMobile){
4849                                    if ('contactUsPage' == "contactUsPage")  {
4850                                       // console.log("this is hiting");
4851                                 $('.basket_popup_mobile_button').addClass("d-none");
4852                                  $('.basket_popup_mobile_button').removeClass("d-block");
4853
4854                    }else{
4855                                $('.basket_popup_mobile_button').removeClass("d-none");
4856                                $('.basket_popup_mobile_button').addClass("d-block");
4857                    }
4858    }
4859
4860
4861
4862
4863                // sign up loading code ends//
4864                $(document).on("click", ".PrflBtnCLS", function () {
4865                    var type = $(this).attr('data-menuType');
4866                    if (type === 'Register') {
4867                        LoadSingupScreen();
4868                    }
4869                    else if (type === 'Login') {
4870                        LoadLoginScreen();
4871                    }
4872                    else if (type === 'Logout') {
4873                        gigya.accounts.logout({ callback: LogOutUser });
4874                    }
4875                    //console.log("profile submenu clicked...");
4876                });
4877
4878                // Onload stickybasket count display //
4879                if (typeof (Storage) != "undefined") {
4880                    $(".basket_tag_click_badge_desktop p").text(localStorage.getItem('basketcount'));
4881                }
4882                var stickybasketcount = localStorage.getItem('basketcount');
4883                if (stickybasketcount == 0 && !($("#navReimbursement").hasClass("active"))) {
4884                    $("#basketPopbtn").css("display", "none");
4885                    $(".basket_popup_mobile_button_detail").css("display", "none");
4886                } else if ($("#navReimbursement").hasClass("active") && stickybasketcount == 0) {
4887                    $("#basketPopbtn").css("display", "inline-block");
4888                    $(".basket_popup_mobile_button_detail").css("display", "flex");
4889                } else {
4890                    $("#basketPopbtn").css("display", "inline-block");
4891                    $(".basket_popup_mobile_button_detail").css("display", "flex");
4892                }
4893
4894
4895                    $(document).on("click", ".question_img", function () {
4896                        const isMobile = /iPhone|iPad|iPod|Android/i.test(navigator.userAgent);
4897                        if (isMobile) {
4898                            $(this).parents(".discount_coupons_cards").find(".card_overlay").show();
4899                            $(this).parents(".discount_coupons_cards").css({ "box-shadow": "6px 4px 7px #cdcdcd", "border": "2px solid #f50082" })
4900                            //$(".card_overlay").show();
4901                        }
4902                    });
4903                $(document).on("click", ".overlayquestion", function () {
4904                    const isMobile = /iPhone|iPad|iPod|Android/i.test(navigator.userAgent);
4905                    if (isMobile) {
4906                        $(this).parents(".discount_coupons_cards").find(".card_overlay").hide();
4907                        $(this).parents(".discount_coupons_cards").css({ "box-shadow": "none", "border": "0px solid #f50082" })
4908                        //$(".card_overlay").hide();
4909                    }
4910                });
4911                $(document).on("click", ".discount_coupons_cards", function () {
4912                    if ($(this).find(".disabledcoupon").css("display") == 'none' && $(this).find(".expiredcoupon").css("display") == 'none') {
4913                       // console.log("this card is enabled");
4914                        const isMobile = /iPhone|iPad|iPod|Android/i.test(navigator.userAgent);
4915                        if (isMobile) {
4916                           // console.log("this is hitting");
4917                            var coupontype = $(this).data("coupontype");
4918                           // console.log("coupontype", coupontype);
4919                            localStorage.setItem("couponTypeselected", coupontype);
4920                            if (!$(this).hasClass("selected")) {
4921                                //console.log("inside ");
4922                                $(this).find(".selectcheckbox").prop('checked', true);
4923                                $(this).css({ "box-shadow": "6px 4px 7px #cdcdcd", "border": "2px solid #f50082" });
4924                                $(this).addClass("selected");
4925                                var storedcoupontype = localStorage.getItem("couponTypeselected");
4926                                /*$(".discount_coupons_cards").each(function () {
4927                                    if (storedcoupontype != $(this).data("coupontype")) {
4928                                        $(this).find(".disabledcoupon").show();
4929                                    }
4930                                });*/
4931                                selectedcardcount();
4932                                //console.log("basket count====>", localStorage.getItem('basketcount'));
4933                                if (localStorage.getItem('basketcount') > 0) {
4934                                   // console.log("coming inside if basket count");
4935                                    $("#basketPopbtn").css("display", "block");
4936                                    $(".basket_popup_mobile").css("display", "block");
4937                                } else {
4938                                    $("#basketPopbtn").css("display", "none");
4939                                    $(".basket_popup_mobile").css("display", "none");
4940                                }
4941
4942                            } else {
4943                                $(this).find(".selectcheckbox").prop('checked', false);
4944                                $(this).css({ "box-shadow": "none", "border": "1px solid rgba(0,0,0,.125)" })
4945                                $(this).removeClass("selected");
4946                                selectedcardcount();
4947                              //  console.log("localStorage.getItem('basketcount')", localStorage.getItem('basketcount'));
4948                                if (localStorage.getItem('basketcount') == 0) {
4949                                    $(".disabledcoupon").hide();
4950                                    $("#myPopup").css("display", "none");
4951                                }
4952                                if (localStorage.getItem('basketcount') > 0) {
4953                                    $("#basketPopbtn").css("display", "block");
4954                                    $(".basket_popup_mobile").css("display", "block");
4955                                } else {
4956                                    $("#basketPopbtn").css("display", "none");
4957                                    $(".basket_popup_mobile").css("display", "none");
4958                                }
4959                            }
4960                            var stickybasketcount = localStorage.getItem('basketcount');
4961                            if (stickybasketcount == 0 && !($("#navReimbursement").hasClass("active"))) {
4962                                $("#basketPopbtn").css("display", "none");
4963                                $(".basket_popup_mobile_button_detail").css("display", "none");
4964                            } else if ($("#navReimbursement").hasClass("active") && stickybasketcount == 0) {
4965                                $("#basketPopbtn").css("display", "inline-block");
4966                                $(".basket_popup_mobile_button_detail").css("display", "flex");
4967                            } else {
4968                                $("#basketPopbtn").css("display", "inline-block");
4969                                $(".basket_popup_mobile_button_detail").css("display", "flex");
4970                            }
4971
4972                        } else {
4973                            var coupontype = $(this).data("coupontype");
4974                          //  console.log("coupontype", coupontype);
4975                            localStorage.setItem("couponTypeselected", coupontype);
4976                            if (!$(this).hasClass("selected")) {
4977                                $(this).find(".selectcheckbox").prop('checked', true);
4978                                $(this).css({ "box-shadow": "6px 4px 7px #cdcdcd", "border": "2px solid #f50082" });
4979                                $(this).addClass("selected");
4980                                var storedcoupontype = localStorage.getItem("couponTypeselected");
4981                                /*$(".discount_coupons_cards").each(function () {
4982                                    if (storedcoupontype != $(this).data("c
4982oupontype")) {
4983                                        $(this).find(".disabledcoupon").show();
4984                                    }
4985                                });*/
4986                                selectedcardcount();
4987                                if (localStorage.getItem('basketcount') > 0) {
4988                                    $("#basketPopbtn").css("display", "block");
4989                                    $(".basket_popup_mobile").css("display", "block");
4990                                } else {
4991                                    $("#basketPopbtn").css("display", "none");
4992                                    $(".basket_popup_mobile").css("display", "none");
4993                                }
4994
4995                            } else {
4996                                $(this).find(".selectcheckbox").prop('checked', false);
4997                                $(this).css({ "box-shadow": "none", "border": "1px solid rgba(0,0,0,.125)" })
4998                                $(this).removeClass("selected");
4999                                selectedcardcount();
5000                               // console.log("localStorage.getItem('basketcount')", localStorage.getItem('basketcount'));
5001                                if (localStorage.getItem('basketcount') == 0) {
5002                                    $(".disabledcoupon").hide();
5003                                    $("#myPopup").css("display", "none");
5004                                }
5005                                if (localStorage.getItem('basketcount') > 0) {
5006                                    $("#basketPopbtn").css("display", "block");
5007                                    $(".basket_popup_mobile").css("display", "block");
5008                                } else {
5009                                    $("#basketPopbtn").css("display", "none");
5010                                    $(".basket_popup_mobile").css("display", "none");
5011                                }
5012                            }
5013                            var stickybasketcount = localStorage.getItem('basketcount');
5014                            if (stickybasketcount == 0 && !($("#navReimbursement").hasClass("active"))) {
5015                                $("#basketPopbtn").css("display", "none");
5016                                $(".basket_popup_mobile_button_detail").css("display", "none");
5017                            } else if ($("#navReimbursement").hasClass("active") && stickybasketcount == 0) {
5018                                $("#basketPopbtn").css("display", "inline-block");
5019                                $(".basket_popup_mobile_button_detail").css("display", "flex");
5020                            } else {
5021                                $("#basketPopbtn").css("display", "inline-block");
5022                                $(".basket_popup_mobile_button_detail").css("display", "flex");
5023                            }
5024                        }
5025
5026                    } else {
5027                        return false;
5028                    }
5029
5030                });
5031
5032                $(document).on("mouseenter", ".question_img", function () {
5033                    const isMobile = /iPhone|iPad|iPod|Android/i.test(navigator.userAgent);
5034                    if (!isMobile) {
5035                        $(this).parents(".discount_coupons_cards").find(".card_overlay").show();
5036                        $(this).parents(".discount_coupons_cards").css({ "box-shadow": "6px 4px 7px #cdcdcd", "border": "2px solid #f50082" })
5037                        //$(".card_overlay").show();
5038                    }
5039                });
5040                $(document).on("mouseleave", ".overlayquestion,.discount_coupons_cards", function () {
5041                    const isMobile = /iPhone|iPad|iPod|Android/i.test(navigator.userAgent);
5042                    if (!isMobile) {
5043                        $(this).parents(".discount_coupons_cards").find(".card_overlay").hide();
5044                        if (!$(this).parents(".discount_coupons_cards").hasClass("selected")) {
5045                            $(this).parents(".discount_coupons_cards").css({ "box-shadow": "none", "border": "0px solid #f50082" })
5046                        }
5047                        //$(".card_overlay").hide();
5048                    }
5049                });
5050
5051
5052                $('.selectcheckbox').on('change', function () {
5053                    if (this.checked) {
5054                        $(this).parents(".discount_coupons_cards").css({ "box-shadow": "6px 4px 7px #cdcdcd", "border": "2px solid #f50082" })
5055                        $(this).parents(".discount_coupons_cards").addClass("selected");
5056                        selectedcardcount();
5057                    }
5058                    if (!this.checked) {
5059                        $(this).parents(".discount_coupons_cards").css({ "box-shadow": "none", "border": "1p
5059x solid rgba(0,0,0,.125)" })
5060                        $(this).removeClass("selected");
5061                        selectedcardcount();
5062                    }
5063                });
5064
5065                // reset sorting //
5066                $(document).on("click", ".sort_btn_reset", function (e) {
5067                    $('#couponelist_container').html($intialsort);
5068                    $(".sortby_menu_body").find("[type=radio]").prop("checked", false);
5069                    selectedsortby = "";
5070                })
5071                $(document).on("click", "#TakePictureBtn", function (e) {
5072                   // console.log("take Picture Button is ");
5073                    grecaptcha.reset(1); grecaptcha.reset(0); grecaptcha.reset(2);
5074                       $("#g-recaptchaid_mob_takepic").hide();
5075                 });
5076                $(document).on("click", "#TakePictureBtnokay", function (e) {
5077                   // console.log("take Picture Button is ");
5078                    grecaptcha.reset(1); grecaptcha.reset(0); grecaptcha.reset(2);
5079                    $("#g-recaptchaid_mob_takepic").hide();
5080                });
5081                 $('#webcameMain_okayfr').on('show.bs.modal', function (event) {
5082                     $("#capturedcontent_okayfr").css("display","none");
5083                    startWebcamokayfr();
5084                      $("#btnCapture_okayfr").click(function () {
5085                        captureImageokayfr();
5086                       // console.log(capturedfile);
5087                            $("#capturedcontent_okayfr").css("display","block");
5088                            $("#uploadcapturedimage_okayfr").addClass("btn_disabled");
5089                             $("#g-recaptchaid_mob_takepic").show();
5090                     });
5091                        // $(function () {
5092                    //ApplyPlugin();
5093                    // $("#btnCapture").click(function () {
5094                    //     Webcam.snap(function (data_uri) {
5095                    //         $("#imgCapture")[0].src = data_uri;
5096                    //         console.log("data_uri",data_uri);
5097                    //         capturedfile = dataURLtoFile('data:image/jpg;base64,aGVsbG8=','capturedimage.jpg');
5098                    //         console.log(capturedfile);
5099                    //     });
5100                    //     $("#capturedcontent").css("display","block");
5101                    // });
5102
5103                    // $("#btnFrontBack").click(function () {
5104                    //     $('#btnFrontBack').val($('#btnFrontBack').val() == 'Cam&#xE9;ra Arri&#xE8;re' ? 'Cam&#xE9;ra Avant' : 'Cam&#xE9;ra Arri&#xE8;re');
5105                    //     Webcam.reset();
5106                    //     ApplyPlugin();
5107                    // });
5108
5109                    //});
5110                     });
5111                $('#webcameMain').on('show.bs.modal', function (event) {
5112
5113                    $("#capturedcontent").css("display", "none");
5114                    startWebcam();
5115                    $("#btnCapture").click(function () {
5116                        captureImage();
5117                       // console.log(capturedfile);
5118                        $("#capturedcontent").css("display", "block");
5119                        $("#uploadcapturedimage").addClass("btn_disabled");
5120                        $("#g-recaptchaid_mob_takepic").show();
5121                    });
5122                    // $(function () {
5123                    //ApplyPlugin();
5124                    // $("#btnCapture").click(function () {
5125                    //     Webcam.snap(function (data_uri) {
5126                    //         $("#imgCapture")[0].src = data_uri;
5127                    //         console.log("data_uri",data_uri);
5128                    //         capturedfile = dataURLtoFile('data:image/jpg;base64,aGVsbG8=','capturedimage.jpg');
5129                    //         console.log(capturedfile);
5130                    //     });
5131                    //     $("#capturedcontent").css("display","block");
5132                    // });
5133
5134                    // $("#btnFrontBack").click(function () {
5135                    //     $('#btnFrontBack').val($('#btnFrontBack').val() == 'Cam&#xE9;ra Arri&#xE8;re' ? 'Cam&#xE9;ra Avant' : 'Cam&#xE9;ra Arri&#xE8;re');
5136                    //     Webcam.reset();
5137                    //     ApplyPlugin();
5138                    // });
5139
5140                    //});
5141                     });
5142                     function dataURLtoFile(dataurl, filename) {
5143                        var arr = dataurl.split(','),
5144                            mime = arr[0].match(/:(.*?);/)[1],
5145                            bstr = atob(arr[arr.length - 1]),
5146                            n = bstr.length,
5147                            u8arr = new Uint8Array(n);
5148                        while(n--){
5149                            u8arr[n] = bstr.charCodeAt(n);
5150                        }
5151                        return new File([u8arr], filename, {type:mime});
5152                    }
5153
5154           //      function ApplyPlugin() {
5155           //          //var mode = $('#btnFrontBack').val() == 'Cam&#xE9;ra Arri&#xE8;re' ? 'user' : 'environment';
5156           //          var mode = 'environment';
5157           //          Webcam.set({
5158           //              // live preview size
5159                    // width: 340,
5160                    // height: 240,
5161
5162                    // // device capture size
5163                    // dest_width: 300,
5164                    // dest_height: 240,
5165                    // // device capture size
5166                    // dest_width: 300,
5167                    // dest_height: 240,
5168
5169                    // // final cropped size
5170                    // crop_width: 280,
5171                    // crop_height: 240,
5172
5173                    // // format and quality
5174                    // image_format: 'jpeg',
5175                    // jpeg_quality: 100,
5176           //          constraints: {
5177                    // 	width: 280, // { exact: 320 },
5178                    // 	height: 240, // { exact: 240 },
5179                    // 	facingMode: mode,
5180                    // 	frameRate: 30
5181                    // }
5182           //         // constraints: { facingMode: mode }
5183           //          });
5184           //          Webcam.attach('#webcam');
5185           //      };
5186            async function startWebcam() {
5187                try {
5188                    stream = await navigator.mediaDevices.getUserMedia({ video: { facingMode: 'environment' } });
5189                    videoElement.srcObject = stream;
5190                } catch (error) {
5191                    console.error('Error accessing webcam:', error);
5192                }
5193            }
5194                async function startWebcamokayfr() {
5195                    try {
5196                        streamokayfr = await navigator.mediaDevices.getUserMedia({ video: { facingMode: 'environment' } });
5197                        videoElement_okayfr.srcObject = streamokayfr;
5198                    } catch (error) {
5199                        console.error('Error accessing webcam:', error);
5200                    }
5201                }
5202             function captureImage() {
5203                let canvas = document.createElement('canvas');
5204                canvas.width = videoElement.videoWidth;
5205                canvas.height = videoElement.videoHeight;
5206                let context = canvas.getContext('2d');
5207                context.drawImage(videoElement, 0, 0, canvas.width, canvas.height);
5208                imagePreview.src = canvas.toDataURL('image/png');
5209               // console.log("imagePreview.src",imagePreview.src);
5210                if (imagePreview.src) {
5211                    let a = document.createElement('a');
5212                    a.href = imagePreview.src;
5213                    a.download = 'captured_image.png';
5214                    capturedfile = dataURLtoFile(imagePreview.src,'captured_image.png');
5215                    //document.body.appendChild(a);
5216                    //a.click();
5217                    //document.body.removeChild(a);
5218                } else {
5219                    alert('No image to download. Capture an image first.');
5220                }
5221
5222            }
5223                function captureImageokayfr() {
5224                    let canvas = document.createElement('canvas');
5225                    canvas.width = videoElement_okayfr.videoWidth;
5226                    canvas.height = videoElement_okayfr.videoHeight;
5227                    let context = canvas.getContext('2d');
5228                    context.drawImage(videoElement_okayfr, 0, 0, canvas.width, canvas.height);
5229                    imagePreview_okayfr.src = canvas.toDataURL('image/png');
5230                   // console.log("imagePreview.src", imagePreview.src);
5231                    if (imagePreview_okayfr.src) {
5232                        let a = document.createElement('a');
5233                        a.href = imagePreview_okayfr.src;
5234                        a.download = 'captured_image.png';
5235                        capturedfile_okayfr = dataURLtoFile(imagePreview_okayfr.src, 'captured_image.png');
5236                        //document.body.appendChild(a);
5237                        //a.click();
5238                        //document.body.removeChild(a);
5239                    } else {
5240                        alert('No image to download. Capture an image first.');
5241                    }
5242
5243                }
5244
5245
5246
5247                $(document).on("click", "#uploadcapturedimage", function () {
5248                    if (recaptchaCallbackTakePic) {
5249                       // console.log("capturedfile", capturedfile);
5250                        var finalcheckedarr = localStorage.getItem('coupons');
5251                        var selectedarrparsed = JSON.parse(finalcheckedarr);
5252                       // console.log("selectedarrparsed", selectedarrparsed);
5253                        SelectedCampaigns = [];
5254                        $.each(selectedarrparsed, function (index, val) {
5255                            var reqobj = {};
5256                            reqobj.Id = val.id;
5257                            reqobj.KweeriCampaignId = val.kweericampaignid;
5258                            reqobj.CouponCategory = val.couponcategory;
5259                            SelectedCampaigns.push(reqobj);
5260                        });
5261                        //console.log("SelectedCampaigns", SelectedCampaigns);
5262
5263                        $(".first-screen-view").addClass("d-none");
5264                        $(".loader-container").removeClass("d-none");
5265                        $(".loader-container #load-success-message").removeClass("d-none");
5266                       // console.log("capturedfile.type", capturedfile.type);
5267                        if (capturedfile.type === "image/png" || capturedfile.type === "image/jpg" || capturedfile.type === "image/jpeg" || capturedfile.type === "application/pdf") {
5268                           // console.log("valide file......");
5269                            formDatamob = new FormData();
5270                            formDatamob.append("ImageFile", capturedfile);
5271
5272                            for (var i = 0; i < SelectedCampaigns.length; i++) {
5273                                formDatamob.append(`SelectedCampaigns[${i}].Id`, SelectedCampaigns[i].Id);
5274                                formDatamob.append(`SelectedCampaigns[${i}].KweeriCampaignId`, SelectedCampaigns[i].KweeriCampaignId);
5275                                    formDatamob.append(`SelectedCampaigns[${i}].CouponCategory`, SelectedCampaigns[i].CouponCategory);
5276                            }
5277
5278                           // console.log("quality ajax call", formDatamob);
5279
5280                            var token = $('input[name="__RequestVerificationToken"]').val();
5281                            $.ajax({
5282                                url: '/Coupon/PostReceiptQualityCheck',
5283                                type: "POST",
5284                                data: formDatamob,
5285                                beforeSend: function (xhr) {
5286                                xhr.setRequestHeader("RequestVerificationToken", token);
5287                                },
5288                                processData: false,
5289                                contentType: false,
5290                                success: function (response) {
5291                                    //console.log("response", response);
5292                                    $(".loader-container").addClass("d-none");
5293                                    $(".loader-container #load-success-message").addClass("d-none");
5294                                    localStorage.setItem("invoiceurl", response.invoiceUrl);
5295                                    localStorage.setItem("matchedcoupons", JSON.stringify(response.matchedCoupons));
5296                                    localStorage.setItem("cashbacktransactionId", JSON.stringify(response.cashbackTransactionId));
5297                                    if (response.receiptStatus == "Passed") {
5298                                       // console.log("mateched coupons ===== >", response.matchedCoupons);
5299                                        var matchedcoupons = response.matchedCoupons;
5300                                       // console.log("CashbackTransaction Ids ===== >", response.cashbackTransactionId);
5301                                        var cashbackTransactionId = response.cashbackTransactionId;
5302
5303                                        //console.log("selectedarrparsed in success", selectedarrparsed);
5304                                        const myArrayFiltered = selectedarrparsed.filter((el) => {
5305                                            return matchedcoupons.some((f) => {
5306                                                return f === el.id;
5307                                            });
5308                                        });
5309
5310                                       // console.log(myArrayFiltered);
5311                                        var itemwrap = []; tamount = 0; finalamount1 = 0;
5312                                        $.each(myArrayFiltered, function (index, val) {
5313                                            itemwrap += '<div class="row body_view">';
5314                                            itemwrap += '<div class="col-md-2 d-md-block  d-none"></div>';
5315                                            itemwrap += '<div class="col-4  col-md-3 name_field">';
5316                                            itemwrap += '<p class="mb-0">' + val.brand + '</p>';
5317                                            itemwrap += '</div>';
5318                                            itemwrap += '<div class="col-4  col-md-3 validity_field">';
5319                                            itemwrap += '<p class="mb-0">' + val.title + '</p>';
5320                                            itemwrap += '</div>';
5321                                            itemwrap += '<div class="col-4  col-md-2 discount_field">';
5322                                            itemwrap += '<p class="mb-0">' + val.amount + '€</p>';
5323                                            itemwrap += '</div>'; itemwrap += '</div>';
5324                                            var valmount = (val.amount).toString();
5325                                            if (valmount.indexOf(',') > -1) {
5326                                                valmount = valmount.replace(",", ".")
5327                                            }
5328                                            tamount = (parseFloat(tamount) + parseFloat(valmount)).toFixed(2);
5329                                            var finalamount = tamount.toString();
5330                                            finalamount1 = finalamount.replace(".", ",");
5331                                        });
5332
5333
5334                                        itemwrap += '<div class="row body_view body-bottom-view">';
5335                                        itemwrap += '<div class="col-md-2 d-md-block  d-none"></div>';
5336                                        itemwrap += '<div class="col-8 col-md-6 discount_field">';
5337                                        itemwrap += 'Montant total des réductions:';
5338                                        itemwrap += '</div>';
5339                                        itemwrap += '<div class="col-4 col-md-3 discount_field">';
5340                                        itemwrap += '<p class="mb-0">' + finalamount1 + '€' + '</p>';
5341                                        itemwrap += '</div>';
5342                                        itemwrap += '</div>';
5343
5344                                        $("#bodylist_content_row").html(itemwrap);
5345                                        $(".get_your_refund_process_main #step-1-detail
5345s").addClass('d-none')
5346                                        $(".get_your_refund_process_main #step-1-details.cashback-file-upload-success-screen").removeClass("d-none");
5347                                        $(".get_your_refund_process_main #step-2-details").addClass("d-none");
5348                                        $(".get_your_refund_process_main #step-3-details").addClass("d-none");
5349
5350                                    }
5351                                    else if (response.receiptStatus == "NotEligible") {
5352                                        $(".get_your_refund_process_main #step-1-details").removeClass('d-none')
5353                                        $(".get_your_refund_process_main #step-1-details.cashback-file-upload-success-screen").addClass("d-none");
5354                                        $(".get_your_refund_process_main #step-1-details.first-screen-view").addClass("d-none");
5355                                        $(".get_your_refund_process_main #step-1-details.first_Error_popup").removeClass("d-none");
5356                                        //$(".get_your_refund_process_main #step-1-details.first_Error_popup").addClass("d-none");
5357                                        $(".get_your_refund_process_main #step-1-details.second_Error_popup").addClass("d-none");
5358                                        $(".get_your_refund_process_main #step-1-details.third_Error_popup").addClass("d-none");
5359                                        $(".get_your_refund_process_main #step-1-details.fourth_error_popup_first_text").addClass("d-none");
5360                                        $(".get_your_refund_process_main #step-1-details.fifth_Error_popup").addClass("d-none");
5361                                        $(".get_your_refund_process_main #step-2-details").addClass("d-none");
5362                                        $(".get_your_refund_process_main #step-3-details").addClass("d-none");
5363
5364                                    }
5365                                    else if (response.receiptStatus == "QualityIssue") {
5366                                        $(".get_your_refund_process_main #step-1-details").removeClass('d-none')
5367                                        $(".get_your_refund_process_main #step-1-details.cashback-file-upload-success-screen").addClass("d-none");
5368                                        $(".get_your_refund_process_main #step-1-details.first-screen-view").addClass("d-none");
5369                                        $(".get_your_refund_process_main #step-1-details.first_Error_popup").addClass("d-none");
5370                                        $(".get_your_refund_process_main #step-1-details.third_Error_popup").addClass("d-none");
5371                                        $(".get_your_refund_process_main #step-1-details.fourth_error_popup_first_text").addClass("d-none");
5372                                        $(".get_your_refund_process_main #step-1-details.second_Error_popup").removeClass("d-none");
5373                                        $(".get_your_refund_process_main #step-1-details.fifth_Error_popup").addClass("d-none");
5374                                        $(".get_your_refund_process_main #step-2-details").addClass("d-none");
5375                                        $(".get_your_refund_process_main #step-3-details").addClass("d-none");
5376
5377                                    }
5378                                    else if (response.receiptStatus == "DuplicateReceipt") {
5379                                        $(".get_your_refund_process_main #step-1-details").removeClass('d-none')
5380                                        $(".get_your_refund_process_main #step-1-details.cashback-file-upload-success-screen").addClass("d-none");
5381                                        $(".get_your_refund_process_main #step-1-details.first-screen-view").addClass("d-none");
5382                                        $(".get_your_refund_process_main #step-1-details.first_Error_popup").addClass("d-none");
5383                                        $(".get_your_refund_process_main #step-1-detail
5383s.third_Error_popup").addClass("d-none");
5384                                        $(".get_your_refund_process_main #step-1-details.fourth_error_popup_first_text").addClass("d-none");
5385                                        $(".get_your_refund_process_main #step-1-details.fifth_Error_popup").removeClass("d-none");
5386                                        $(".get_your_refund_process_main #step-1-details.second_Error_popup").addClass("d-none");
5387                                        $(".get_your_refund_process_main #step-2-details").addClass("d-none");
5388                                        $(".get_your_refund_process_main #step-3-details").addClass("d-none");
5389
5390                                    }
5391                                    else if (response.receiptStatus == "Fraud") {
5392                                        $(".get_your_refund_process_main #step-1-details").removeClass('d-none')
5393                                        $(".get_your_refund_process_main #step-1-details.cashback-file-upload-success-screen").addClass("d-none");
5394                                        $(".get_your_refund_process_main #step-1-details.first-screen-view").addClass("d-none");
5395                                        $(".get_your_refund_process_main #step-1-details.first_Error_popup").addClass("d-none");
5396                                        $(".get_your_refund_process_main #step-1-details.second_Error_popup").addClass("d-none");
5397                                        $(".get_your_refund_process_main #step-1-details.fourth_error_popup_first_text").addClass("d-none");
5398                                        $(".get_your_refund_process_main #step-1-details.third_Error_popup").removeClass("d-none");
5399                                        $(".get_your_refund_process_main #step-1-details.fifth_Error_popup").addClass("d-none");
5400                                        $(".get_your_refund_process_main #step-2-details").addClass("d-none");
5401                                        $(".get_your_refund_process_main #step-3-details").addClass("d-none");
5402
5403
5404                                    }
5405                                    else {
5406                                        /// defaultly added as not eligible screen
5407                                        $(".get_your_refund_process_main #step-1-details").removeClass('d-none')
5408                                        $(".get_your_refund_process_main #step-1-details.cashback-file-upload-success-screen").addClass("d-none");
5409                                        $(".get_your_refund_process_main #step-1-details.first-screen-view").addClass("d-none");
5410                                        $(".get_your_refund_process_main #step-1-details.first_Error_popup").removeClass("d-none");
5411                                        $(".get_your_refund_process_main #step-1-details.first_Error_popup").addClass("d-none");
5412                                        $(".get_your_refund_process_main #step-1-details.second_Error_popup").addClass("d-none");
5413                                        $(".get_your_refund_process_main #step-1-details.third_Error_popup").addClass("d-none");
5414                                        $(".get_your_refund_process_main #step-1-details.fourth_error_popup_first_text").addClass("d-none");
5415                                        $(".get_your_refund_process_main #step-1-details.fifth_Error_popup").addClass("d-none");
5416                                        $(".get_your_refund_process_main #step-2-details").addClass("d-none");
5417                                        $(".get_your_refund_process_main #step-3-details").addClass("d-none");
5418
5419                                    }
5420                                    var transactionIds=response.cashbackTransactionId.join(",");
5421                                    var couponIds = SelectedCampaigns.map(coupon => coupon.Id).join(',');
5422                                    BindClaimFormLink(transactionIds,couponIds);
5423                                },
5424                                error: function (error) {
5425                                    console.log("error quality" + error);
5426                                }
5427                            });
5428
5429
5430                        } else {
5431                            $(".loader-container").addClass("d-none");
5432                            $(".loader-container #load-success-message").addClass("d-none");
5433                            $(".get_your_refund_process_main #step-1-detail
5433s").removeClass('d-none')
5434                            $(".get_your_refund_process_main #step-1-details.cashback-file-upload-success-screen").addClass("d-none");
5435                            $(".get_your_refund_process_main #step-1-details.first-screen-view").addClass("d-none");
5436                            $(".get_your_refund_process_main #step-1-details.fourth_error_popup_first_text").removeClass("d-none");
5437                            $(".get_your_refund_process_main #step-1-details.first_Error_popup").addClass("d-none");
5438                            $(".get_your_refund_process_main #step-1-details.second_Error_popup").addClass("d-none");
5439                            $(".get_your_refund_process_main #step-1-details.third_error_popup_first_text").addClass("d-none");
5440                            $(".get_your_refund_process_main #step-2-details").addClass("d-none");
5441                            $(".get_your_refund_process_main #step-3-details").addClass("d-none");
5442                        }
5443                    } else {
5444                        return captchaflag;
5445                    }
5446
5447
5448                });
5449                $(document).on("click", "#uploadcapturedimage_okayfr", function () {
5450                    if (recaptchaCallbackTakePic) {
5451                        //console.log("capturedfile_okayfr", capturedfile_okayfr);
5452                        var finalcheckedarr = localStorage.getItem('coupons');
5453                        var selectedarrparsed = JSON.parse(finalcheckedarr);
5454                        //console.log("selectedarrparsed", selectedarrparsed);
5455                        SelectedCampaigns = [];
5456                        $.each(selectedarrparsed, function (index, val) {
5457                            var reqobj = {};
5458                            reqobj.Id = val.id;
5459                            reqobj.KweeriCampaignId = val.kweericampaignid;
5460                            SelectedCampaigns.push(reqobj);
5461                        });
5462                       // console.log("SelectedCampaigns", SelectedCampaigns);
5463
5464                         $(".first-screen-view").addClass("d-none");
5465                        $(".okayFr_loading").removeClass("d-none");
5466                       // console.log("capturedfile_okayfr.type", capturedfile_okayfr.type);
5467                        if (capturedfile_okayfr.type === "image/png" || capturedfile_okayfr.type === "image/jpg" || capturedfile_okayfr.type === "image/jpeg" || capturedfile.type === "application/pdf") {
5468                           // console.log("valide file......");
5469                            formDatamob = new FormData();
5470                            formDatamob.append("ImageFile", capturedfile_okayfr);
5471
5472                            for (var i = 0; i < SelectedCampaigns.length; i++) {
5473                                formDatamob.append(`SelectedCampaigns[${i}].Id`, SelectedCampaigns[i].Id);
5474                                formDatamob.append(`SelectedCampaigns[${i}].KweeriCampaignId`, SelectedCampaigns[i].KweeriCampaignId);
5475                            }
5476
5477                            //console.log("quality ajax call", formDatamob);
5478                            var token = $('input[name="__RequestVerificationToken"]').val();
5479                            var brandName = '';
5480                            formDatamob.append("brandName", brandName);
5481                             $.ajax({
5482                        url: '/Okay/PlayInstaWinGame',
5483                            type: "POST",
5484                            data: formDatamob,
5485                            beforeSend: function (xhr) {
5486                            xhr.setRequestHeader("RequestVerificationToken", token);
5487                                },
5488                            processData: false,
5489                            contentType: false,
5490                            success: function (response) {
5491                                //console.log("response", response);
5492                                //response.imageUrl = "https://dev.monbienetrerecompense.fr/media/wwgh555q/windcode1.png";
5493                                //response.giftTitle  = "Une table de Ping Pong Cornilleau";
5494                                    okay_imagurl=response.imageUrl;
5495                                    okay_issueid=response.issueId;
5496                                    okay_transactionid=response.transactionId;
5497                                    okay_gifttitle = response.giftTitle;
5498                                    okay_wincode = response.winValue;
5499                                    tena_winScreenPopUpTitle = response.winScreenPopUpTitle;
5500                                      //response.receiptStatus = "Win";
5501
5502                                    //response.receiptStatus = "Win"; response.isDisplayForm = true;
5503                                    $(".okayFr_loading").addClass("d-none");
5504                                //$(".loader-container #load-success-message").addClass("d-none");
5505                                localStorage.setItem("invoiceurl",response.invoiceUrl);
5506                                localStorage.setItem("matchedcoupons", JSON.stringify(response.matchedCoupons));
5507                                localStorage.setItem("cashbacktransactionId", JSON.stringify(response.cashbackTransactionId));
5508
5509                            if (response.receiptStatus == "Win" && response.isDisplayForm == true) {
5510                                $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr").addClass('d-none')
5511                                $(".get_your_refund_process_main.okay_fr #step-2-details_okay_fr").addClass("d-none");
5512                                $(".get_your_refund_process_main.okay_fr #step-3-details_okay_fr_").removeClass("d-none");
5513
5514                                $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.first_Error_popup").addClass('d-none');
5515                                $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.second_Error_popup").addClass("d-none");
5516                                $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.third_Error_popup").addClass("d-none");
5517                                $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.fourth_error_popup").addClass("d-none");
5518
5519                                    if(response.isDisplayForm == true) {
5520                                    $(".get_your_refund_process_main.okay_fr #step-3-details_okay_fr_ .okayfrActivation_winnerone_form").removeClass("d-none");
5521                                        load_isDisplayFormdata();
5522                                        $("#saveformdata").removeClass("i_continue_again_okay");
5523                                        //$("#saveformdata").addClass("scrolltoform");
5524                                        $("#saveformdata").attr('href', '#okayfrActivation_winnerone_form');
5525                                    } else {
5526                                    $(".get_your_refund_process_main.okay_fr #step-3-details_okay_fr_ .okayfrActivation_winnerone_form").addClass("d-none");
5527                                    $("#saveformdata").addClass("i_continue_again_okay");
5528                                        //$("#saveformdata").removeClass("scrolltoform");
5529                                        $("#saveformdata").attr('href', 'javascript:;');
5530                                }
5531                                $(".gift_title").html(response.giftTitle);
5532                                $(".tena_WinScreen").html(tena_winScreenPopUpTitle);
5533                                $(".okayfr_img").attr("src", response.imageUrl);
5534
5535                                if(response.winValue=="1" || response.winValue=="2"){
5536                                    $("#TenaWinScreenMiddleFooter").removeClass("d-none");
5537                                }
5538                                }
5539                            else if (response.receiptStatus == "Win" && response.isDisplayForm == false) {
5540                                $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr").addClass('d-none')
5541                                $(".get_your_refund_process_main.okay_fr #step-2-details_okay_fr").removeClass("d-none");
5542                                $(".get_your_refund_process_main.okay_fr #step-3-details_okay_fr_").addClass("d-none");
5543
5544                                $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.first_Error_popup").addClass('d-none');
5545                                $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.second_Error_popup").addClass("d-none");
5546                                $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.third_Error_popup").addClass("d-none");
5547                                $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.fourth_error_popup").addClass("d-none");
5548                                if (response.isDisplayForm == true) {
5549                                    $(".get_your_refund_process_main.okay_fr #step-3-details_okay_fr_ .okayfrActivation_winnerone_form").removeClass("d-none");
5550                                    load_isDisplayFormdata();
5551                                    $("#saveformdata1").removeClass("i_continue_again_okay");
5552                                    //$("#saveformdata").addClass("scrolltoform");
5553                                    $("#saveformdata1").attr('href', '#okayfrActivation_winnerone_form');
5554                                } else {
5555                                    $(".get_your_refund_process_main.okay_fr #step-3-details_okay_fr_ .okayfrActivation_winnerone_form").addClass("d-none");
5556                                    $("#saveformdata1").addClass("i_continue_again_okay");
5557                                    //$("#saveformdata").removeClass("scrolltoform");
5558                                    $("#saveformdata1").attr('href', 'javascript:;');
5559                                }
5560                               $(".gift_title").html(response.giftTitle);
5561                                $(".okayfr_img").attr("src", response.imageUrl);
5562
5563
5564                            }
5565                            else if (response.receiptStatus == "Lose") {
5566                                $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr").addClass('d-none')
5567                                $(".get_your_refund_process_main.okay_fr #step-2-details_okay_fr").addClass("d-none");
5568                                $(".get_your_refund_process_main.okay_fr #step-3-details_okay_fr_").addClass("d-none");
5569                                $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.first_Error_popup").removeClass('d-none');
5570                                $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.second_Error_popup").addClass("d-none");
5571                                $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.third_Error_popup").addClass("d-none");
5572                                $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.fourth_error_popup").addClass("d-none");
5573
5574                            }
5575                                else if(response.receiptStatus == "NotEligible") {
5576                                $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr").addClass('d-none');
5577                                $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.first-screen-view").addClass("d-none");
5578                                $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.first_Error_popup").addClass("d-none");
5579                                $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.second_Error_popup").addClass("d-none");
5580                                     $(".get_your_refund_process_main.okay_fr #step-1-detail
5580s_okay_fr.third_Error_popup").addClass("d-none");
5581                                     $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.fourth_error_popup").removeClass("d-none");
5582                                $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.fifth_Error_popup").addClass("d-none");
5583                                $(".get_your_refund_process_main.okay_fr #step-2-details_okay_fr").addClass("d-none");
5584                                $(".get_your_refund_process_main.okay_fr #step-3-details_okay_fr_").addClass("d-none");
5585
5586                                }
5587                                else if(response.receiptStatus == "QualityIssue") {
5588                                     $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr").addClass('d-none');
5589                                     $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.third_Error_popup").addClass("d-none");
5590                                     $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.first_Error_popup").addClass("d-none");
5591                                     $(".get_your_refund_process_main.okay_fr #step-2-details_okay_fr").addClass("d-none");
5592                                     $(".get_your_refund_process_main.okay_fr #step-3-details_okay_fr_").addClass("d-none");
5593                                     $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.third_Error_popup ").removeClass("d-none");
5594                                $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.fourth_error_popup").addClass("d-none");
5595
5596                                }
5597                                else if(response.receiptStatus == "DuplicateReceipt") {
5598                                    $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr").addClass('d-none')
5599                                    $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.first_Error_popup").addClass("d-none");
5600                                    $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.second_Error_popup").addClass("d-none");
5601                                    $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.third_Error_popup").addClass("d-none");
5602                                    $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.fourth_error_popup").removeClass("d-none");
5603                                    //$(".get_your_refund_process_main #step-1-details.fifth_Error_popup").addClass("d-none");
5604                                    $(".get_your_refund_process_main.okay_fr #step-2-details_okay_fr").addClass("d-none");
5605                                    $(".get_your_refund_process_main.okay_fr #step-3-details_okay_fr_").addClass("d-none");
5606                                }
5607                                else if(response.receiptStatus == "Fraud") {
5608                                     $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr").addClass('d-none')
5609                                     $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.first_Error_popup").addClass("d-none");
5610                                     $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.second_Error_popup").addClass("d-none");
5611                                    $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.third_Error_popup").removeClass("d-none");
5612                                     $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.fourth_error_popup").addClass("d-none");
5613                                     $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.fifth_Error_popup").removeClass("d-none");
5614                                    $(".get_your_refund_process_main.okay_fr #step-2-details_okay_fr").addClass("d-none");
5615                                    $(".get_your_refund_process_main.okay_fr #step-3-details_okay_fr_").addClass("d-none");
5616                                }
5617                                else {
5618                                /// defaultly added as not eligible screen
5619                                $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr").addClass('d-none')
5620                                $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.first_Error_popup").addClass("d-none");
5621                                $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.second_Error_popup").addClass("d-none");
5622                                $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.third_Error_popup").removeClass("d-none");
5623                                $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.fourth_error_popup").addClass("d-none");
5624                                $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.fifth_Error_popup").removeClass("d-none");
5625                                $(".get_your_refund_process_main.okay_fr #step-2-details_okay_fr").addClass("d-none");
5626                                $(".get_your_refund_process_main.okay_fr #step-3-details_okay_fr_").addClass("d-none");
5627
5628                                }
5629                            },
5630                             error: function (error) {
5631                                console.log("error quality" + error);
5632                            }
5633                        });
5634
5635
5636                        } else {
5637                            $(".loader-container").addClass("d-none");
5638                            $(".loader-container #load-success-message").addClass("d-none");
5639                            $(".get_your_refund_process_main #step-1-details").removeClass('d-none')
5640                            $(".get_your_refund_process_main #step-1-details.cashback-file-upload-success-screen").addClass("d-none");
5641                            $(".get_your_refund_process_main #step-1-details.first-screen-view").addClass("d-none");
5642                            $(".get_your_refund_process_main #step-1-details.fourth_error_popup_first_text").removeClass("d-none");
5643                            $(".get_your_refund_process_main #step-1-details.first_Error_popup").addClass("d-none");
5644                            $(".get_your_refund_process_main #step-1-details.second_Error_popup").addClass("d-none");
5645                            $(".get_your_refund_process_main #step-1-details.third_error_popup_first_text").addClass("d-none");
5646                            $(".get_your_refund_process_main #step-2-details").addClass("d-none");
5647                            $(".get_your_refund_process_main #step-3-details").addClass("d-none");
5648                        }
5649                    } else {
5650                        return captchaflag;
5651                    }
5652
5653
5654                });
5655                $('#okayFrUploadPopup').on('show.bs.modal', function (event) {
5656                    $("#isFileImportOkayfrError").css("display", "none");
5657                    $(".form_required_error").hide();
5658                    $("#g-recaptchaidokayfr").hide();
5659                    $("#capturedcontent_okayfr").css("display", "none");
5660
5661                    //startWebcamokayfr();
5662                    $("#btnCapture_okayfr").click(function () {
5663                        captureImageokayfr();
5664                       // console.log(capturedfile);
5665                        $("#capturedcontent_okayfr").css("display", "block");
5666                        $("#uploadcapturedimage_okayfr").addClass("btn_disabled");
5667                        $("#g-recaptchaid_mob_takepic").show();
5668                    });
5669                });
5670
5671                storeUtmParameters();
5672
5673                //expiredcoupons();
5674
5675            }); // end ready
5676        //     function expiredcoupons(){
5677        //     $(".card").each(function(){
5678        //         var Isdisabled = $(this).data("disable");
5679        //         console.log("Isdisabled", Isdisabled);
5680        //         if(Isdisabled == 0){
5681        //             $(this).find(".expiredcoupon").css({
5682        //                 "display": "none"
5683        //             });
5684        //         } else if(Isdisabled == 1){
5685        //             $(this).find(".expiredcoupon").css({
5686        //                 "display": "block"
5687        //             });
5688        //         }
5689
5690        //     })
5691
5692
5693        // }
5694
5695
5696
5697
5698            function loaddefaultselection() {
5699                //console.log("basket count",localStorage.getItem('basketcount'),"coupons", localStorage.getItem('coupons'));
5700                    if(localStorage.getItem('basketcount') == null) {
5701                    var cardlength = $(".discount_coupons_cards.selected").length;
5702                    localStorage.setItem('basketcount', cardlength);
5703                }
5704                        if(localStorage.getItem('coupons') !="undefined"){
5705                    var storedcoupontype = localStorage.getItem('couponTypeselected');
5706                    $(".basket_tag_click_badge_desktop p").text(localStorage.getItem('basketcount'));
5707                    $(".basket_popup_mobile_button_badge").text(localStorage.getItem('basketcount'));
5708                    var selected = localStorage.getItem('coupons');
5709                    var selectedarrparsed = JSON.parse(selected);
5710                    $.each(selectedarrparsed, function (index, val) {
5711                        $(".discount_coupons_cards").each(function (i, e) {
5712                            //console.log("e", e.getAttribute("data-coupontype"));
5713                            if (e.id == val.id) {
5714                                e.classList.add("selected");
5715                                //e.addClass("selected");
5716                            }
5717
5718                        });
5719                        if ($("#" + val.id).hasClass("selected")) {
5720                            $("#" + val.id).find("#flexCheckChecked").prop("checked", true);
5721                        }
5722                       // console.log("storedcoupontype", storedcoupontype);
5723                        /*$(".discount_coupons_cards").each(function () {
5724                            if (storedcoupontype != $(this).data("c
5724oupontype")) {
5725                                console.log("inside if not with selected type");
5726                                $(this).find(".disabledcoupon").show();
5727
5728                            }
5729                        });*/
5730                    });
5731
5732                    // Total amount display//
5733                    var tamount = 0; var quickbasketwrap = []; var finalamount1 = 0;
5734                    var selected = localStorage.getItem('coupons');
5735                    var selectedarrparsed = JSON.parse(selected);
5736                    $.each(selectedarrparsed, function (index, val) {
5737                        quickbasketwrap += '<div class="basket_popup_data_list d-flex justify-content-between" id="' + val.id + '">';
5738                        quickbasketwrap += '<div class="basket_popup_contect_text text-start" tabindex="0">';
5739                        quickbasketwrap += '<h5>' + val.title + '</h5>';
5740                        quickbasketwrap += '<p>' + '' + val.validity + '</p>';
5741                        quickbasketwrap += '<p class="d-none">(uniquement valable sur site Name) < /p>';
5742                        quickbasketwrap += '</div>';
5743                        if(val.discounttype == "Amount"){
5744                        quickbasketwrap += '<div class="basket_popup_amount_show  d-flex" >';
5745                        quickbasketwrap += '<p tabindex="0">' + val.amount + '€' + '</p>';
5746                        quickbasketwrap += '<span class="ms-3 text-white closebutton" tabindex="0" >&#9587; </span>';
5747                        quickbasketwrap += '</div>';
5748                        } else {
5749                        quickbasketwrap += '<div class="basket_popup_amount_show  d-flex" >';
5750                        quickbasketwrap += '<p tabindex="0">' + val.amount + '%' + '</p>';
5751                        quickbasketwrap += '<span class="ms-3 text-white closebutton" tabindex="0">&#9587; </span>';
5752                        quickbasketwrap += '</div>';
5753                        }
5754
5755                        quickbasketwrap += '</div>';
5756                        if (val.discounttype == "Amount") {
5757                            var valmount = (val.amount).toString();
5758                            if (valmount.indexOf(',') > -1) {
5759                                valmount = valmount.replace(",", ".")
5760                            }
5761                            tamount = (parseFloat(tamount) + parseFloat(valmount)).toFixed(2);
5762                            var finalamount = tamount.toString();
5763                            finalamount1 = finalamount.replace(".", ",");
5764                        }
5765                    });
5766                    $("#quickbasketloop").html(quickbasketwrap);
5767                    var BasketCount = localStorage.getItem('basketcount');
5768                    if(BasketCount == 1){
5769                        var selected = localStorage.getItem('coupons');
5770                        var selectedarrparsed = JSON.parse(selected);
5771                        $.each(selectedarrparsed, function (index, val) {
5772                            if(val.discounttype == "Amount"){
5773                                $("#Totaladdedamount").show();
5774                                $(".total_button").show();
5775                                $("#Totaladdedamount").text(finalamount1 + "€");
5776                                $("#Totaladdedamountinside").text(finalamount1 + "€");
5777                                $("#total_price_mobile").text(finalamount1 + "€");
5778                            } else {
5779                                $("#Totaladdedamount").hide();
5780                                $(".total_button").hide();
5781                            }
5782                        });
5783
5784                    } else {
5785                        $("#Totaladdedamount").text(finalamount1 + "€");
5786                        $("#Totaladdedamountinside").text(finalamount1 + "€");
5787                        $("#total_price_mobile").text(finalamount1 + "€");
5788                    }
5789
5790                    $(".basket_popup_mobile_button_badge").text(localStorage.getItem('basketcount'));
5791                    $(".basket_tag_click_badge_desktop p").text(localStorage.getItem('basketcount'));
5792                }
5793
5794            }
5795
5796
5797            var selectedcardarr;
5798            function selectedcardcount() {
5799                selectedcardarr = [];
5800                $(".discount_coupons_cards.selected").each(function () {
5801                    coupondetails = {};
5802                    coupondetails.id = this.id;
5803                    coupondetails.title = $(this).data("title");
5804                    coupondetails.validity = $(this).data("validity");
5805                    coupondetails.amount = $(this).data("amount");
5806                    coupondetails.coupontype = $(this).data("coupontype");
5807                    coupondetails.couponcode = $(this).data("couponcode");
5808                    coupondetails.siteurl = $(this).data("siteurl");
5809                    coupondetails.startdate = $(this).data("startdate");
5810                    coupondetails.description = $(this).data("description");
5811                    coupondetails.brand = $(this).data("brand");
5812                    coupondetails.productfamily = $(this).data("productfamily");
5813                    coupondetails.enddate = $(this).data("enddate");
5814                    coupondetails.couponusagetitle = $(this).data("couponusagetitle");
5815                    coupondetails.couponcategory = $(this).data("couponcategory");
5816                    coupondetails.kweericampaignid = $(this).data("kweericampaignid");
5817                    coupondetails.discounttype = $(this).data("discounttype");
5818                    selectedcardarr.push(coupondetails);
5819                });
5820                //console.log("selectedcardarr==>", selectedcardarr);
5821                var cardlength = selectedcardarr.length;
5822
5823                // set the item in localStorage
5824                localStorage.setItem('coupons', JSON.stringify(selectedcardarr));
5825                localStorage.setItem('basketcount', cardlength);
5826                $(".basket_tag_click_badge_desktop p").text(localStorage.getItem('basketcount'));
5827                $(".basket_popup_mobile_button_badge").text(localStorage.getItem('basketcount'));
5828                // Total amount display//
5829                var tamount = 0; var quickbasketwrap = []; var finalamount1 = 0;
5830                var selected = localStorage.getItem('coupons');
5831                var selectedarrparsed = JSON.parse(selected);
5832                //console.log("selectedarrparsed-======>", selectedarrparsed);
5833                addBasketItems(selectedarrparsed);
5834                $.each(selectedarrparsed, function (index, val) {
5835                    quickbasketwrap += '<div class="basket_popup_data_list d-flex justify-content-between" id="' + val.id + '">';
5836                    quickbasketwrap += '<div class="basket_popup_contect_text text-start " tabindex="0">';
5837                    quickbasketwrap += '<h5>' + val.title + '</h5>';
5838                    quickbasketwrap += '<p>' + '' + val.validity + '</p>';
5839                    quickbasketwrap += '<p class="d-none">(uniquement valable sur site Name) < /p>';
5840                    quickbasketwrap += '</div>';
5841                    if (val.discounttype == 'Amount') {
5842                        quickbasketwrap += '<div class="basket_popup_amount_show  d-flex" >';
5843                        quickbasketwrap += '<p tabindex="0">' + val.amount + '€' + '</p>';
5844                        quickbasketwrap += '<span class="ms-3 text-white closebutton" tabindex="0">&#9587; </span>';
5845                        quickbasketwrap += '</div>';
5846                    } else {
5847                        quickbasketwrap += '<div class="basket_popup_amount_show  d-flex" >';
5848                        quickbasketwrap += '<p tabindex="0">' + val.amount + '%' + '</p>';
5849                        quickbasketwrap += '<span class="ms-3 text-white closebutton" tabindex="0">&#9587; </span>';
5850                        quickbasketwrap += '</div>';
5851                    }
5852
5853                    quickbasketwrap += '</div>';
5854
5855                    if (val.discounttype == 'Amount') {
5856                        var valmount = (val.amount).toString();
5857                        if (valmount.indexOf(',') > -1) {
5858                            valmount = valmount.replace(",", ".")
5859                        }
5860                        tamount = (parseFloat(tamount) + parseFloat(valmount)).toFixed(2);
5861                        var finalamount = tamount.toString();
5862                        finalamount1 = finalamount.replace(".", ",");
5863                    }
5864
5865
5866                });
5867                $("#quickbasketloop").html(quickbasketwrap);
5868                var BasketCount = localStorage.getItem('basketcount');
5869                if (BasketCount == 1) {
5870                    var selected = localStorage.getItem('coupons');
5871                    var selectedarrparsed = JSON.parse(selected);
5872                    $.each(selectedarrparsed, function (index, val) {
5873                        if (val.discounttype == "Amount") {
5874                            $("#Totaladdedamount").show();
5875                            $(".total_button").show();
5876                            $("#Totaladdedamount").text(finalamount1 + "€");
5877                            $("#Totaladdedamountinside").text(finalamount1 + "€");
5878                            $("#total_price_mobile").text(finalamount1 + "€");
5879                        } else {
5880                            $("#Totaladdedamount").hide();
5881                            $(".total_button").hide();
5882                        }
5883                    });
5884
5885                } else {
5886                    $("#Totaladdedamount").show();
5887                    $(".total_button").show();
5888                    $("#Totaladdedamount").text(finalamount1 + "€");
5889                    $("#Totaladdedamountinside").text(finalamount1 + "€");
5890                    $("#total_price_mobile").text(finalamount1 + "€");
5891                }
5892
5893            }
5894                     $(document).on("click keydown", ".closebutton", function (e) {
5895        if (e.type === "click" || (e.type === "keydown" && e.key === "Enter")) {
5896            var closedid = $(this).parents(".basket_popup_data_list").attr("id");
5897            $(".discount_coupons_cards").each(function (index, element) {
5898                if (element.id == closedid) {
5899                    element.classList.remove("selected");
5900                    $(this).css({ "box-shadow": "none", "border": "1px solid rgba(0,0,0,.125)" });
5901                }
5902            });
5903
5904            var selected = localStorage.getItem('coupons');
5905            var selectedarrparsed = JSON.parse(selected);
5906            var selectedcardarr = $.grep(selectedarrparsed, function (e) {
5907                return e.id != closedid;
5908            });
5909
5910            // set the item in localStorage
5911            var cardlength = selectedcardarr.length;
5912            localStorage.setItem('coupons', JSON.stringify(selectedcardarr));
5913            localStorage.setItem('basketcount', cardlength);
5914            $(".basket_tag_click_badge_desktop p").text(localStorage.getItem('basketcount'));
5915            $(".basket_popup_mobile_button_badge").text(localStorage.getItem('basketcount'));
5916
5917            // Total amount display
5918            var tamount = 0;
5919            var quickbasketwrap = [];
5920            var finalamount1 = 0;
5921            var selected = localStorage.getItem('coupons');
5922            var selectedarrparsed = JSON.parse(selected);
5923
5924            $.each(selectedarrparsed, function (index, val) {
5925                quickbasketwrap += '<div class="basket_popup_data_list d-flex justify-content-between" id="' + val.id + '">';
5926                quickbasketwrap += '<div class="basket_popup_contect_text text-start " tabindex="0">';
5927                quickbasketwrap += '<h5>' + val.title + '</h5>';
5928                quickbasketwrap += '<p>' + '' + val.validity + '</p>';
5929                quickbasketwrap += '<p class="d-none">(uniquement valable sur site Name) < /p>';
5930                quickbasketwrap += '</div>';
5931                quickbasketwrap += '<div class="basket_popup_amount_show  d-flex" >';
5932                quickbasketwrap += '<p tabindex="0">' + val.amount + '€' + '</p>';
5933                quickbasketwrap += '<span class="ms-3 text-white closebutton" tabindex="0">&#9587; </span>';
5934                quickbasketwrap += '</div>';
5935                quickbasketwrap += '</div>';
5936
5937                if (val.discounttype == 'Amount') {
5938                    var valmount = (val.amount).toString();
5939                    if (valmount.indexOf(',') > -1) {
5940                        valmount = valmount.replace(",", ".");
5941                    }
5942                    tamount = (parseFloat(tamount) + parseFloat(valmount)).toFixed(2);
5943                    var finalamount = tamount.toString();
5944                    finalamount1 = finalamount.replace(".", ",");
5945                }
5946            });
5947
5948            $("#quickbasketloop").html(quickbasketwrap);
5949
5950            var BasketCount = localStorage.getItem('basketcount');
5951            if (BasketCount == 1) {
5952                var selected = localStorage.getItem('coupons');
5953                var selectedarrparsed = JSON.parse(selected);
5954                $.each(selectedarrparsed, function (index, val) {
5955                    if (val.discounttype == "Amount") {
5956                        $("#Totaladdedamount").show();
5957                        $(".total_button").show();
5958                        $("#Totaladdedamount").text(finalamount1 + "€");
5959                        $("#Totaladdedamountinside").text(finalamount1 + "€");
5960                        $("#total_price_mobile").text(finalamount1 + "€");
5961                    } else {
5962                        $("#Totaladdedamount").hide();
5963                        $(".total_button").hide();
5964                    }
5965                });
5966            } else {
5967                $("#Totaladdedamount").show();
5968                $(".total_button").show();
5969                $("#Totaladdedamount").text(finalamount1 + "€");
5970                $("#Totaladdedamountinside").text(finalamount1 + "€");
5971                $("#total_price_mobile").text(finalamount1 + "€");
5972            }
5973
5974            $(".basket_popup_mobile_button_badge").text(localStorage.getItem('basketcount'));
5975            $(".discount_coupons_cards#" + closedid).find("#flexCheckChecked").prop("checked", false);
5976            $(".basket_popup_data_list#" + closedid).css("display", "none");
5977            //console.log(localStorage.getItem('basketcount'));
5978
5979            if (localStorage.getItem('basketcount') == 0) {
5980                $(".disabledcoupon").hide();
5981                $("#myPopup").css("display", "none");
5982            }
5983        }
5984    });
5985
5986
5987      $(document).on("click keydown", "#removeall", function (e) {
5988      if (e.type === "click" || (e.type === "keydown" && e.key === "Enter")) {
5989          $("#quickbasketloop").html("");
5990          $("#Totaladdedamount").text("0€");
5991          $("#Totaladdedamountinside").text("0€");
5992          $("#total_price_mobile").text("0€");
5993          $(".discount_coupons_cards").removeClass("selected");
5994          $(".disabledcoupon").hide();
5995          localStorage.removeItem('coupons');
5996          localStorage.removeItem("couponTypeselected");
5997          localStorage.setItem('basketcount', 0);
5998          $(".discount_coupons_cards").css({ "box-shadow": "none", "border": "1px solid rgba(0,0,0,.125)" });
5999          $(".basket_tag_click_badge_desktop p").text(localStorage.getItem('basketcount'));
6000          $(".basket_popup_mobile_button_badge").text(localStorage.getItem('basketcount'));
6001          $(".discount_coupons_cards").each(function () {
6002              $(this).find(".selectcheckbox").prop("checked", false);
6003          });
6004          $(".basket_popup_main").css("display", "none");
6005          RefreshCouponListforCapping();
6006      }
6007    });
6008
6009
6010                $(document).on("keydown", ".closebutton", function (e) {
6011                    if(e.key == 'Enter')
6012                    {
6013                        var closedid = $(this).parents(".basket_popup_data_list").attr("id");
6014                    $(".discount_coupons_cards").each(function (index, element) {
6015                        if (element.id == closedid) {
6016                            element.classList.remove("selected");
6017                            $(this).css({ "box-shadow": "none", "border": "1px solid rgba(0,0,0,.125)" })
6018                        }
6019
6020                    });
6021                    var selected = localStorage.getItem('coupons');
6022                    var selectedarrparsed = JSON.parse(selected);
6023                    var selectedcardarr = $.grep(selectedarrparsed, function (e) {
6024                        return e.id != closedid;
6025                    });
6026
6027
6028                    // set the item in localStorage
6029                    var cardlength = selectedcardarr.length;
6030                    localStorage.setItem('coupons', JSON.stringify(selectedcardarr));
6031                    localStorage.setItem('basketcount', cardlength);
6032                    $(".basket_tag_click_badge_desktop p").text(localStorage.getItem('basketcount'));
6033                    $(".basket_popup_mobile_button_badge").text(localStorage.getItem('basketcount'));
6034                    // Total amount display//
6035                    var tamount = 0; var quickbasketwrap = []; var finalamount1 = 0;
6036                    var selected = localStorage.getItem('coupons');
6037                    var selectedarrparsed = JSON.parse(selected);
6038                    $.each(selectedarrparsed, function (index, val) {
6039                        quickbasketwrap += '<div class="basket_popup_data_list d-flex justify-content-between" id="' + val.id + '">';
6040                        quickbasketwrap += '<div class="basket_popup_contect_text text-start " tabindex="0">';
6041                        quickbasketwrap += '<h5>' + val.title + '</h5>';
6042                        quickbasketwrap += '<p>' + '' + val.validity + '</p>';
6043                        quickbasketwrap += '<p class="d-none">(uniquement valable sur site Name) < /p>';
6044                        quickbasketwrap += '</div>';
6045                        quickbasketwrap += '<div class="basket_popup_amount_show  d-flex" >';
6046                        quickbasketwrap += '<p tabindex="0">' + val.amount + '€' + '</p>';
6047                        quickbasketwrap += '<span class="ms-3 text-white closebutton" tabindex="0">&#9587; </span>';
6048                        quickbasketwrap += '</div>';
6049                        quickbasketwrap += '</div>';
6050
6051                        if (val.discounttype == 'Amount') {
6052                        var valmount = (val.amount).toString();
6053                        if (valmount.indexOf(',') > -1) {
6054                            valmount = valmount.replace(",", ".")
6055                        }
6056                        tamount = (parseFloat(tamount) + parseFloat(valmount)).toFixed(2);
6057                        var finalamount = tamount.toString();
6058                        finalamount1 = finalamount.replace(".", ",");
6059                        }
6060                    });
6061                    $("#quickbasketloop").html(quickbasketwrap);
6062
6063                    var BasketCount = localStorage.getItem('basketcount');
6064                    if (BasketCount == 1) {
6065                        var selected = localStorage.getItem('coupons');
6066                        var selectedarrparsed = JSON.parse(selected);
6067                        $.each(selectedarrparsed, function (index, val) {
6068                            if (val.discounttype == "Amount") {
6069                                $("#Totaladdedamount").show();
6070                                $(".total_button").show();
6071                                $("#Totaladdedamount").text(finalamount1 + "€");
6072                                $("#Totaladdedamountinside").text(finalamount1 + "€");
6073                                $("#total_price_mobile").text(finalamount1 + "€");
6074                            } else {
6075                                $("#Totaladdedamount").hide();
6076                                $(".total_button").hide();
6077                            }
6078                        });
6079
6080                    } else {
6081                        $("#Totaladdedamount").show();
6082                        $(".total_button").show();
6083                        $("#Totaladdedamount").text(finalamount1 + "€");
6084                        $("#Totaladdedamountinside").text(finalamount1 + "€");
6085                        $("#total_price_mobile").text(finalamount1 + "€");
6086                    }
6087
6088                    $(".basket_popup_mobile_button_badge").text(localStorage.getItem('basketcount'));
6089                    $(".discount_coupons_cards#" + closedid).find("#flexCheckChecked").prop("checked", false);
6090                    $(".basket_popup_data_list#" + closedid).css("display", "none");
6091                   // console.log(localStorage.getItem('basketcount'));
6092                    if (localStorage.getItem('basketcount') == 0) {
6093                        $(".disabledcoupon").hide();
6094                        $("#myPopup").css("display", "none");
6095                    }
6096                    }
6097
6098                });
6099
6100
6101
6102
6103            $(document).on("click", "#removeall", function (e) {
6104                $("#quickbasketloop").html("");
6105                $("#Totaladdedamount").text("0€");
6106                $("#Totaladdedamountinside").text("0€");
6107                $("#total_price_mobile").text("0€");
6108                $(".discount_coupons_cards").removeClass("selected");
6109                $(".disabledcoupon").hide();
6110                localStorage.removeItem('coupons');
6111                localStorage.removeItem("couponTypeselected");
6112                localStorage.setItem('basketcount', 0);
6113                $(".discount_coupons_cards").css({ "box-shadow": "none", "border": "1px solid rgba(0,0,0,.125)" })
6114                $(".basket_tag_click_badge_desktop p").text(localStorage.getItem('basketcount'));
6115                $(".basket_popup_mobile_button_badge").text(localStorage.getItem('basketcount'));
6116                $(".discount_coupons_cards").each(function () {
6117                    $(this).find(".selectcheckbox").prop("checked", false);
6118                });
6119                $(".basket_popup_main").css("display", "none")
6120            RefreshCouponListforCapping();
6121            });
6122
6123
6124
6125
6126             $(document).on("keydown", "#removeall", function (e) {
6127                    if(e.key == 'Enter')
6128                {
6129                     $("#quickbasketloop").html("");
6130                $("#Totaladdedamount").text("0€");
6131                $("#Totaladdedamountinside").text("0€");
6132                $("#total_price_mobile").text("0€");
6133                $(".discount_coupons_cards").removeClass("selected");
6134                $(".disabledcoupon").hide();
6135                localStorage.removeItem('coupons');
6136                localStorage.removeItem("couponTypeselected");
6137                localStorage.setItem('basketcount', 0);
6138                $(".discount_coupons_cards").css({ "box-shadow": "none", "border": "1px solid rgba(0,0,0,.125)" })
6139                $(".basket_tag_click_badge_desktop p").text(localStorage.getItem('basketcount'));
6140                $(".basket_popup_mobile_button_badge").text(localStorage.getItem('basketcount'));
6141                $(".discount_coupons_cards").each(function () {
6142                    $(this).find(".selectcheckbox").prop("checked", false);
6143                });
6144                $(".basket_popup_main").css("display", "none")
6145            RefreshCouponListforCapping();
6146                }
6147
6148            });
6149
6150
6151
6152            function LoadLoginScreen() {
6153               // console.log("show sreenset LoadSignupPage ");
6154               sessionStorage.setItem("ScrollAfterLogin", "true");
6155
6156                gigya.accounts.showScreenSet({
6157                    screenSet: "cross-category-RegistrationLogin",
6158                    startScreen: "login-monbienetrerecompense",
6159                    sessionExpiration: 3600,
6160                    lang: "fr"
6161                });
6162            }
6163            function LoadSingupScreen() {
6164                gigya.accounts.showScreenSet({
6165                    screenSet: "cross-category-RegistrationLogin",
6166                    startScreen: 'registration-monbienetrerecompense',
6167                    sessionExpiration: 3600,
6168                    lang: "fr"
6169                });
6170            }
6171
6172            function LoadDedicatedSingupScreen(containerId) {
6173                gigya.accounts.showScreenSet({
6174                    screenSet: "cross-category-RegistrationLogin",
6175                    startScreen: 'registration-monbienetrerecompense',
6176                    containerID: containerId, // the id of the div where the screenset should be injected
6177                    sessionExpiration: 3600,
6178                    lang: "fr"
6179                });
6180            }
6181
6182             function LoadDedicatedOkayfrSingupScreen(containerId) {
6183                gigya.accounts.showScreenSet({
6184                    screenSet: "cross-category-RegistrationLogin",
6185                        startScreen: 'registration-monbienetrerecompense-lotusbrand',
6186                    containerID: containerId, // the id of the div where the screenset should be injected
6187                    sessionExpiration: 3600,
6188                    lang: "fr"
6189                });
6190            }
6191
6192            function LoadDedicatedTenaSingupScreen(containerId) {
6193                gigya.accounts.showScreenSet({
6194                    screenSet: "cross-category-RegistrationLogin",
6195                        startScreen: 'registration-monbienetrerecompense-tena',
6196                    containerID: containerId, // the id of the div where the screenset should be injected
6197                    sessionExpiration: 3600,
6198                    lang: "fr"
6199                });
6200            }
6201
6202            function LoadProfileUpdateScreen(containerId) {
6203                //console.log("show sreenset LoadProfileUpdate");
6204                gigya.accounts.showScreenSet({
6205                    screenSet: "cross-category-RegistrationLogin",
6206                    startScreen: "edit-profile-monbienetrerecompense",
6207                    containerID: containerId, // the id of the div where the screenset should be injected
6208                    sessionExpiration: 3600,
6209                    lang: "fr",
6210                    callback: ProfileCallback,
6211                    onAfterSubmit: AfterProfileSubmit
6212                });
6213            }
6214
6215
6216            function LoadProfileSubscriptionScreen(containerId) {
6217               // console.log("show sreenset LoadProfileUpdate");
6218                gigya.accounts.showScreenSet({
6219                    screenSet: "cross-category-RegistrationLogin",
6220                    startScreen: "edit-subscriptions-monbienetrerecompense",
6221                    containerID: containerId, // the id of the div where the screenset should be injected
6222                    sessionExpiration: 3600,
6223                    lang: "fr",
6224                });
6225            }
6226
6227            function LoadResetPasswordScreen(containerId) {
6228               // console.log("show sreenset LoadResetpassword");
6229                gigya.accounts.showScreenSet({
6230                    screenSet: "cross-category-RegistrationLogin",
6231                    startScreen: "resetpassword-monbienetrerecompense",
6232                    containerID: containerId,
6233                    sessionExpiration: 3600,
6234                    lang: "fr",
6235                });
6236
6237            }
6238
6239            // gigya.accounts.login({ callback: LoginCDC });
6240            gigya.accounts.addEventHandlers({
6241                onLogin: LoginUser,
6242                // onLogout: LogOutCDC
6243            });
6244
6245
6246
6247            function LoginUser(res) {
6248               // console.log("login cdc response ", res);
6249                Id = res.UID;
6250                localStorage.setItem("loginUserId",res.UID); 
6251
6252               // console.log("login cdc response ", Id);
6253                SetSignedIn(res);
6254                SetSignupButtons(res.UID);
6255                loadFooterBrandButton();
6256                SetUserSession(res);
6257                UpdateProfileTotalDiscount(res.UID);
6258                RefreshCouponListforCapping();
6259
6260                 if (localStorage.getItem('basketcount') > 0) {
6261                GetCoupons(CappingResetBasket);
6262                 }
6263                var selected = localStorage.getItem('coupons');
6264                var selectedarrparsed = JSON.parse(selected);
6265                //console.log("selectedarrparsed-======>", selectedarrparsed);
6266                addBasketItems(selectedarrparsed);
6267
6268                if (sessionStorage.getItem("ScrollAfterLogin") === "true") {
6269
6270                   setTimeout(function () {
6271                        const target = document.getElementById("BtnScrollOkFrFrom");
6272                        if (target) {
6273                            target.scrollIntoView({
6274                                behavior: "smooth",
6275                                block: "start"
6276                            });
6277                        }
6278                        sessionStorage.removeItem("ScrollAfterLogin");
6279                    }, 500);
6280                }
6281            }
6282            function CappingResetBasket(data)
6283            {
6284                //console.log(localStorage.getItem('coupons'));
6285                if (localStorage.getItem('coupons') != "undefined") {
6286                    var couponlist = [];
6287
6288                        couponlist = data.couponList;
6289                    //console.log("Coupon List", JSON.stringify(couponlist));
6290                        const found_ids = couponlist.filter(v => v.isDisabled === 1);
6291
6292                        var selectedcoupons = localStorage.getItem('coupons');
6293                        var selectedarrparsed1 = JSON.parse(selectedcoupons);
6294                        var finallistofcoupons;
6295                        const removeIds = selectedarrparsed1.filter(c => found_ids.some(s => s.id === c.id)).map(item => item.id);
6296                        //console.log(removeIds);
6297                        //var finaldata;
6298                        // $.each(selectedarrparsed1, function (index, val) {
6299                        //     console.log(val.id)
6300                        //     finaldata = $.grep(result, function (e) {
6301                        //         return e.id != val.id;
6302                        //     });
6303                        // });
6304                    var finaldata = selectedarrparsed1.filter(function (item) {
6305                        return !removeIds.includes(item.id);
6306                    });
6307
6308                        //console.log("finaldata", finaldata, finaldata.length);
6309
6310                        // set the item in localStorage
6311                    if (removeIds.length > 0) {
6312
6313                            loaderrorpop();
6314                            localStorage.setItem('coupons', JSON.stringify(finaldata));
6315                            localStorage.setItem('basketcount', finaldata.length)
6316                        loaddefaultselection();
6317                        }
6318
6319                }
6320            }
6321
6322            function LogOutUser(response) {
6323                //console.log("logout cdc response " + response);
6324                ClearUser();
6325                SetSignupButtons();
6326                loadFooterBrandButton();
6327                SetUserSession(response, true);
6328                redirectHome();
6329            }
6330            function redirectHome() {
6331                window.location.href = "/";
6332            }
6333
6334            function CheckAndClearUserSession() {
6335                var sessionStartTime = parseInt(sessionStorage.getItem('sessionStartTime'));
6336                if (sessionStartTime) {
6337                    var currentTime = new Date().getTime();
6338                    var sessionAge = currentTime - sessionStartTime;
6339                    if (sessionAge > 480 * 60 * 1000) { // 480 mins/8hrs
6340                        ClearUser();
6341                        // SetSignupButtons();
6342                        SetUserSession(null, true);
6343                       // console.log('Session expired and cleared.');
6344                    }
6345                }
6346
6347            }
6348            function loadFooterBrandButton() {
6349                var IsSigned = IsUserSigned();
6350                if (IsSigned == "true") {
6351                    $("#LoggedInUsers").show();
6352                    $("#OtherUsers").hide();
6353                }
6354                else {
6355                    $("#OtherUsers").show();
6356                    $("#LoggedInUsers").hide();
6357                }
6358            }
6359
6360            function SetSignedIn(response) {
6361                //console.log("SetUserDetails called");
6362                sessionStorage.setItem('IsSigned', true);
6363                var sessionStartTime = new Date().getTime();
6364                sessionStorage.setItem('sessionStartTime', sessionStartTime.toString());
6365
6366            }
6367
6368            function IsUserSigned() {
6369                CheckAndClearUserSession();
6370                return sessionStorage.getItem('IsSigned');
6371            }
6372
6373            function ClearUser() {
6374                sessionStorage.removeItem('IsSigned');
6375                sessionStorage.removeItem('sessionStartTime');
6376                sessionStorage.removeItem('adminuserstatus');
6377            }
6378            function Adminuser(UID) {
6379                //console.log("login cdc response 968", UID);
6380                var result = false;
6381                $.ajax({
6382                    url: '/AdminScreen/AdminUser',
6383                    type: "GET",
6384                    data: { UserId: UID },
6385                    dataType: "json",
6386                    async: false,
6387                    success: function (response) {
6388                        //console.log("User Status 918", response);
6389                        result = response;
6390                    },
6391                    error: function (xhr, status, error) {
6392                        console.error('Error fetching user details:', error);
6393                    }
6394                });
6395               // console.log("User Status 925 AdminUser", result);
6396                return result;
6397            }
6398
6399
6400
6401            function SetSignupButtons(UID) {
6402                var IsSigned = IsUserSigned();
6403                if (IsSigned) {
6404                    var enableAdminMenu = false;
6405                    enableAdminMenu = Adminuser(UID);
6406
6407                  //  console.log("User Status 982", enableAdminMenu);
6408                    if (enableAdminMenu == true) {
6409                        // console.log("User Status 984", a);
6410                        $(".PrfCLSAdminScreen").show();
6411                    }
6412                    else {
6413                        $(".PrfCLSAdminScreen").hide();
6414                    }
6415                    $(".PrfCLSLogout").show();
6416                    $(".PrfCLSProfileInfo").show();
6417                    $("#essityRegister").hide();
6418                    $("#bannerRegister").hide();
6419                    $("#newslatter").hide();
6420                    $(".PrfCLSLogin").hide();
6421                    $(".PrfCLSRegister").hide();
6422                    $("#profileHeaderSection").removeClass('d-none');
6423                    //okay fr buttons
6424
6425                    // Changes ----
6426
6427                    var InsStatus = IsUserInstawinTransStatus(UID);
6428                    if(InsStatus.isSuccess == true){
6429                    $("#BtnOkayParticipation").show();
6430                    $(".okayfr_terms_and_conditions").removeClass("d-none");
6431                    }
6432                    else{
6433                    $("#BtnOkayParticipation").hide();
6434                    $(".okayfr_participation_limit_exceeded").removeClass("d-none");  
6435                    $(".okayfr_terms_and_conditions").addClass("d-none");
6436                    }
6437
6438                    $("#BtnOkayRegister").hide();
6439                    $("#BtnOkayLogin").hide();
6440
6441
6442
6443                }
6444                else {
6445                    $(".PrfCLSLogout").hide();
6446                    $(".PrfCLSProfileInfo").hide();
6447                    $(".PrfCLSAdminScreen").hide();
6448                    $("#essityRegister").show();
6449                    $("#bannerRegister").show();
6450                    $("#newslatter").show();
6451                    $(".PrfCLSLogin").show();
6452                    $(".PrfCLSRegister").show();
6453                    $("#profileHeaderSection").addClass('d-none');
6454                    //okay fr buttons
6455                    $("#BtnOkayParticipation").hide();
6456                    $("#BtnOkayRegister").show();
6457                    $("#BtnOkayLogin").show();
6458                }
6459                SetRegisterButtonMobile();
6460            }
6461
6462            function SetRegisterButtonMobile() {
6463                var IsSigned = IsUserSigned();
6464                var checkResolution = checkWindowResolution();
6465                if (checkResolution) {
6466                    if (IsSigned) {
6467                        $(".PrfCLSMOBLogout").show();
6468                        $(".PrfCLSMOBProfileInfo").show();
6469                        $(".PrfCLSMOBLogin").hide();
6470                        $(".PrfCLSMOBRegister").hide();
6471                    }
6472                    else {
6473                        $(".PrfCLSMOBLogout").hide();
6474                        $(".PrfCLSMOBProfileInfo").hide();
6475                        $(".PrfCLSMOBLogin").show();
6476                        $(".PrfCLSMOBRegister").show();
6477                    }
6478                }
6479
6480            }
6481
6482
6483            function checkWindowResolution() {
6484                var screenWidth = $(window).width();
6485                var screenHeight = $(window).height();
6486                var maxWidth = 1024;
6487                if (screenWidth <= maxWidth) {
6488                    return true;
6489                } else {
6490                    return false;
6491                }
6492            }
6493
6494
6495            $(window).resize(function () {
6496                SetRegisterButtonMobile();
6497            });
6498
6499            function SetUserSession(reqData, isRemoveSession) {
6500                var postData;
6501                var token = $('input[name="__RequestVerificationToken"]').val();
6502                if (!isRemoveSession) {
6503                    var profile = reqData.profile;
6504                  //  console.log("full name " + profile.firstName + " " + profile.lastName);
6505                    postData = {
6506                        UID: reqData.UID,
6507                        Name: profile.firstName + " " + profile.lastName,
6508                        Email: profile.email
6509                    }
6510                }
6511                $.ajax({
6512                    url: '/Account/SetUserSession',
6513                    type: 'POST',
6514                    data: { request: postData, IsRemoveSession: isRemoveSession },
6515                    beforeSend: function (xhr) {
6516                            xhr.setRequestHeader("RequestVerificationToken", token);
6517                            },
6518                    dataType: "json",
6519                    async:false,
6520                    success: function (result) {
6521                        //console.log("SetUserSession success event ");
6522                    },
6523                    error: function (xhr, status, error) {
6524                        console.log("SetUserSession failure event " + error);
6525                    }
6526                });
6527            }
6528
6529            function UpdateProfileTotalDiscount(userId) {
6530                var IsSigned = IsUserSigned();
6531                if (IsSigned) {
6532                    $.ajax({
6533                        url: '/Profile/GetProfileTotalDiscounts',
6534                        type: 'GET',
6535                        data: { userId: userId },
6536                        dataType: "json",
6537                        success: function (result) {
6538                            if (result) {
6539                                var currencySymbol = "€";
6540                                $("#userTotalDiscounts").text(result.totalDiscount + currencySymbol);
6541                            }
6542                            //console.log("UpdateProfileTotalDiscount success event ");
6543                        },
6544                        error: function (xhr, status, error) {
6545                            console.log("UpdateProfileTotalDiscount failure event " + error);
6546                        }
6547                    });
6548                }
6549
6550            }
6551
6552            // basket click to show and hide function
6553            function myFunction() {
6554                if (!IsUserSigned()) {
6555                   // console.log("user not signed...");
6556                    LoadLoginScreen();
6557                    return;
6558                }
6559                if (localStorage.getItem('basketcount') == 0) {
6560                    var x = document.getElementById("myPopup");
6561                    if (x.style.display === "block") {
6562                        x.style.display = "none";
6563                    }
6564                    return false;
6565                }
6566                var x = document.getElementById("myPopup");
6567                if (x.style.display === "none") {
6568                    x.style.display = "block";
6569                    var basketfirstPopUp = document.getElementById("BasketfirstPopUp");
6570                    var basketsecondPopUp = document.getElementById("BasketsecondPopUp");
6571                    basketsecondPopUp.classList.add("d-none")
6572                    basketfirstPopUp.classList.remove("d-none");
6573
6574                } else {
6575                    x.style.display = "none";
6576
6577                }
6578            }
6579
6580            function hideFirstPopup() {
6581                if (!IsUserSigned()) {
6582                    //console.log("user not signed...");
6583                    LoadLoginScreen();
6584                    return;
6585                }
6586
6587                var x = document.getElementById("BasketfirstPopUp");
6588                var y = document.getElementById("BasketsecondPopUp");
6589                x.classList.add("d-none")
6590                y.classList.remove("d-none")
6591                $("#step-1").addClass("active");
6592                $("#step-1").removeClass("disabled");
6593                $("#step-2").addClass("disabled");
6594                $("#step-2").removeClass("active");
6595                $(".get_your_discount .modal-dialog").removeClass("step-2-container");
6596
6597                $("#step-1-details").removeClass('d-none')
6598                $("#step-2-details").addClass("d-none");
6599
6600            }
6601
6602            function loaderrorpop(){
6603                console.log("load error pop is called");
6604                    $('#staticBackdrop').modal('show');
6605
6606                }
6607
6608
6609                $(window).scroll(function () {
6610                    //console.log("basketcalledbegin....");
6611                    if ('False' == 'False') {
6612                         var faqElement = $('#faqPage');
6613                        //console.log("basketcalled");
6614                    if (faqElement.length && $(window).scrollTop() > ($('#faqPage').position().top - 460)) {
6615                        $('#basketPopbtn').css('display', 'none');
6616                        var x = document.getElementById("myPopup");
6617                        if (window.matchMedia("(min-width: 767px)").matches) {
6618                            x.style.display = "none";
6619                        }
6620                    }
6621
6622
6623                    else {
6624                        //console.log("basketcalled....");
6625                        var stickybasketcount = localStorage.getItem('basketcount');
6626                        if (stickybasketcount == 0 && !($("#navReimbursement").hasClass("active"))) {
6627                            $("#basketPopbtn").css("display", "none");
6628                            $(".basket_popup_mobile").css("display", "none");
6629                        } else if ($("#navReimbursement").hasClass("active") && stickybasketcount == 0) {
6630                            $("#basketPopbtn").css("display", "block");
6631                            $(".basket_popup_mobile").css("display", "block");
6632                        } else {
6633                            $("#basketPopbtn").css("display", "block");
6634                            $(".basket_popup_mobile").css("display", "block");
6635                        }
6636
6637                        // $('#basketPopbtn').css('display', 'block');
6638                    }
6639                    }
6640                });
6641
6642            function isScrolledIntoView(elem) {
6643                var docViewTop = $(window).scrollTop();
6644                var docViewBottom = docViewTop + $(window).height();
6645                var elemTop = $(elem).offset().top;
6646                var elemBottom = elemTop + $(elem).height();
6647                return ((elemTop < docViewBottom));
6648            }
6649
6650            function updatingstickybasket(coupons){
6651                    var selectedcoupons = coupons;
6652                    var selectedarrparsed1 = JSON.parse(selectedcoupons);
6653                    $.each(selectedarrparsed1, function (index, val) {
6654                       // console.log("basket_popup_submit_button===>", val, val.coupontype);
6655                            if (val.coupontype == "WebReduction") {
6656                                $(".basket_popup_second").find("#printcoupon").addClass("d-none");
6657                                $(".basket_popup_second").find("#emailcoupon").addClass("d-none");
6658                                $(".basket_popup_second").find("#cashback").addClass("d-none");
6659                                $(".basket_popup_second").find("#discountreduction").removeClass("d-none");
6660                            } else if (val.coupontype == "multi") {
6661                                $(".basket_popup_second").find("#printcoupon").removeClass("d-none");
6662                                $(".basket_popup_second").find("#emailcoupon").removeClass("d-none");
6663                                if (userstatus == true) {
6664                                $(".basket_popup_second").find("#cashback").removeClass("d-none");
6665                                }
6666                                 else {
6667                                    $(".basket_popup_second").find("#cashback").addClass("d-none");
6668                                 }
6669                                $(".basket_popup_second").find("#discountreduction").addClass("d-none");
6670                            }
6671                        })
6672
6673                    var couponlistwrap = []; $('#GetYourDiscountModal').find("#selectedcouponcontainer").html("");
6674                    $.each(selectedarrparsed1, function (index, val) {
6675                        if (val.coupontype == "WebReduction") {
6676                            var data_family = encodeURIComponent(JSON.stringify(val));
6677                            //console.log("val-->", val);
6678                            couponlistwrap += '<div class="row body_view">';
6679                            couponlistwrap += '<div class="col-md-4 d-none d-md-flex name_field" >';
6680                            couponlistwrap += '<input class="form-check-input couponcheckdes" type="checkbox" data-element="' + data_family + '" checked disabled>';
6681                            couponlistwrap += '<div class="details-data">';
6682                            couponlistwrap += '<p class="mb-0" >' + val.title + '</p>';
6683                            couponlistwrap += '<span class="nana_goodnight_sub_txt">';
6684                            couponlistwrap += val.couponusagetitle;
6685                            couponlistwrap += '</span>';
6686                            couponlistwrap += '</div>';
6687                            couponlistwrap += '</div>';
6688                            couponlistwrap += '<div class="col-9 d-block d-md-none name_field" >';
6689                            couponlistwrap += '<input class="form-check-input couponcheckmob" type="checkbox" data-element="' + data_family + '" checked disabled>';
6690                            couponlistwrap += '<div class="details-data" >';
6691                            couponlistwrap += '<p class="mb-0" >' + val.title + '</p>';
6692                            couponlistwrap += '<p class="validity_field mb-0" >' + val.validity + '</p>';
6693                            couponlistwrap += ' <span class="nana_goodnight_sub_txt" >';
6694                            couponlistwrap += val.couponusagetitle;
6695                            couponlistwrap += '</span>';
6696                            couponlistwrap += '</div>';
6697                            couponlistwrap += '</div>';
6698                            couponlistwrap += '<div class="col-md-2 validity_field d-none d-md-flex" >';
6699                            couponlistwrap += ' <p class="mb-0" >' + val.validity + '</p>';
6700                            couponlistwrap += ' </div>';
6701                            if(val.discounttype == "Amount"){
6702                                couponlistwrap += '<div class="col-3 col-md-2 discount_field" >';
6703                                couponlistwrap += '<p class="mb-0" >' + val.amount + '€' + '</p>';
6704                                couponlistwrap += '</div>';
6705                            } else {
6706                                 couponlistwrap += '<div class="col-3 col-md-2 discount_field" >';
6707                                couponlistwrap += '<p class="mb-0" >' + val.amount + '%' + '</p>';
6708                                couponlistwrap += '</div>';
6709                            }
6710
6711                            couponlistwrap += '<div class="col-12 col-md-2 coupon_field" >';
6712                            couponlistwrap += '<button class="coupon_field_button" >';
6713                            couponlistwrap += '<img class="copy_to_clipboard_icon copycouponcode" src = "/img/copy_icon.png" alt = "" >';
6714                            couponlistwrap += '<p class="coupon_code_txt mb-0" >' + val.couponcode + '</p>';
6715                            couponlistwrap += '</button>';
6716                            couponlistwrap += '<p class="coupon_copied_sucess_text">' + $("#CopiedTextTag").val() + '</p>';
6717                            couponlistwrap += '</div>';
6718                            couponlistwrap += '<div class="col-12 col-md-2 link_field" >';
6719                            couponlistwrap += '<img class="external_link_icon" src = "/img/external_link_icon.png" alt = "" >';
6720                            couponlistwrap += '<p class="external_link_txt mb-0" >';
6721                            couponlistwrap += '<a href="' + val.siteurl + '" target="_blank"> Aller sur le site </a>';
6722                            couponlistwrap += '</p>';
6723                            couponlistwrap += '</div>';
6724                            couponlistwrap += '</div>';
6725                        }
6726                    });
6727                    $('#GetYourDiscountModal').find("#selectedcouponcontainer").html(couponlistwrap);
6728            }
6729
6730            // Disabling and enabling options according to coupon type selection
6731            $(document).on("click", ".basket_popup_submit_button", function () {
6732                validateUser_account();
6733                var selectedcoupons = localStorage.getItem('coupons');
6734                var selectedarrparsed1 = JSON.parse(selectedcoupons);
6735                var returncoupontype = checkingcoupontypes(selectedarrparsed1);
6736                validateBasketItems(selectedarrparsed1);
6737                //console.log("returncoupontype", returncoupontype);
6738                $.each(selectedarrparsed1, function (index, val) {
6739                   // console.log("basket_popup_submit_button===>", val, val.coupontype,"returncoupontype====>",returncoupontype);
6740                    if (returncoupontype == true) {
6741                        if (val.coupontype == "WebReduction") {
6742                            $(".basket_popup_second").find("#printcoupon").addClass("d-none");
6743                            /*$(".basket_popup_second").find("#printcoupon").css({
6744                                "opacity": "0.4",
6745                                "cursor": "not-allowed"
6746                            });*/
6747                            $(".basket_popup_second").find("#emailcoupon").addClass("d-none");
6748                            /*$(".basket_popup_second").find("#emailcoupon").css({
6749                                "opacity": "0.4",
6750                                "cursor": "not-allowed"
6751                            });*/
6752                            $(".basket_popup_second").find("#cashback").addClass("d-none");
6753                            /*$(".basket_popup_second").find("#cashback").css({
6754                                "opacity": "0.4",
6755                                "cursor": "not-allowed"
6756                            });*/
6757                            $(".basket_popup_second").find("#discountreduction").removeClass("d-none");
6758                            /*$(".basket_popup_second").find("#discountreduction").css({
6759                                "opacity": "1",
6760                                "cursor": "pointer"
6761                            });*/
6762                        } else if (val.coupontype == "multi") {
6763                            $(".basket_popup_second").find("#printcoupon").removeClass("d-none");
6764                            /*$(".basket_popup_second").find("#printcoupon").css({
6765                                "opacity": "0.4",
6766                                "cursor": "not-allowed"
6767                            });*/
6768                            $(".basket_popup_second").find("#emailcoupon").removeClass("d-none");
6769                            /*$(".basket_popup_second").find("#emailcoupon").css({
6770                                "opacity": "0.4",
6771                                "cursor": "not-allowed"
6772                            });*/
6773                            $(".basket_popup_second").find("#cashback").removeClass("d-none");
6774                            /*$(".basket_popup_second").find("#cashback").css({
6775                                "opacity": "0.4",
6776                                "cursor": "not-allowed"
6777                            });*/
6778                            $(".basket_popup_second").find("#discountreduction").addClass("d-none");
6779                            /*$(".basket_popup_second").find("#discountreduction").css({
6780                                "opacity": "1",
6781                                "cursor": "pointer"
6782                            });*/
6783                        }
6784
6785
6786
6787                    }
6788                    if (returncoupontype == false) {
6789                        //console.log("userstatus", userstatus);
6790                        if (val.coupontype == "multi") {
6791                            $(".basket_popup_second").find("#emailcoupon").removeClass("d-none");
6792                            /*$(".basket_popup_second").find("#emailcoupon").css({
6793                                "opacity": "1",
6794                                "cursor": "pointer"
6795                            });*/
6796
6797                            if (userstatus == true) {
6798                                $(".basket_popup_second").find("#cashback").removeClass("d-none");
6799                                /*$(".basket_popup_second").find("#cashback .basket_popup_second_main_leftside").css({
6800                                    "opacity": "1",
6801                                    "cursor": "pointer"
6802                                });
6803                                $(".basket_popup_second").find("#cashback .basket_popup_second_main_rightside").css({
6804                                    "opacity": "1",
6805                                    "cursor": "pointer"
6806                                });
6807                                $(".cashback_tooltip").css({
6808                                    "visibility": "hidden"
6809                                });*/
6810
6811                            } else {
6812                                $(".basket_popup_second").find("#cashback").addClass("d-none");
6813                                /*$(".basket_popup_second").find("#cashback .basket_popup_second_main_leftside").css({
6814                                    "opacity": "0.4",
6815                                    "cursor": "not-allowed"
6816                                });
6817                                $(".basket_popup_second").find("#cashback .basket_popup_second_main_rightside").css({
6818                                    "opacity": "0.4",
6819                                    "cursor": "not-allowed"
6820                                });*/
6821
6822                                // $("#cashback").hover(function () {
6823                                //     $(".cashback_tooltip").css({
6824                                //         "visibility": "visible"
6825                                //     });
6826                                // });
6827
6828
6829                            }
6830
6831                            $(".basket_popup_second").find("#discountreduction").removeClass("d-none");
6832                            /*$(".basket_popup_second").find("#discountreduction").css({
6833                                "opacity": "0.4",
6834                                "cursor": "not-allowed"
6835                            });*/
6836                            $(".basket_popup_second").find("#printcoupon").removeClass("d-none");
6837                            /*$(".basket_popup_second").find("#printcoupon").css({
6838                                "opacity": "1",
6839                                "cursor": "pointer"
6840                            });*/
6841                        }
6842                    }
6843
6844                });
6845                // Loading SElected Coupon list to popup //
6846                var selectedcoupons = localStorage.getItem('coupons');
6847                var selectedarrparsed1 = JSON.parse(selectedcoupons);
6848                var couponlistwrap = []; $('#GetYourDiscountModal').find("#selectedcouponcontainer").html("");
6849                $.each(selectedarrparsed1, function (index, val) {
6850                    if (val.coupontype == "WebReduction") {
6851                        var data_family = encodeURIComponent(JSON.stringify(val));
6852                       // console.log("val-->", val);
6853                        couponlistwrap += '<div class="row body_view">';
6854                        couponlistwrap += '<div class="col-md-4 d-none d-md-flex name_field" >';
6855                        couponlistwrap += '<input class="form-check-input couponcheckdes" type="checkbox" data-element="' + data_family + '" checked disabled>';
6856                        couponlistwrap += '<div class="details-data">';
6857                        couponlistwrap += '<p class="mb-0" >' + val.title + '</p>';
6858                        couponlistwrap += '<span class="nana_goodnight_sub_txt">';
6859                        couponlistwrap += val.couponusagetitle;
6860                        couponlistwrap += '</span>';
6861                        couponlistwrap += '</div>';
6862                        couponlistwrap += '</div>';
6863                        couponlistwrap += '<div class="col-9 d-block d-md-none name_field" >';
6864                        couponlistwrap += '<input class="form-check-input couponcheckmob" type="checkbox" data-element="' + data_family + '" checked disabled>';
6865                        couponlistwrap += '<div class="details-data" >';
6866                        couponlistwrap += '<p class="mb-0" >' + val.title + '</p>';
6867                        couponlistwrap += '<p class="validity_field mb-0" >' + val.validity + '</p>';
6868                        couponlistwrap += ' <span class="nana_goodnight_sub_txt" >';
6869                        couponlistwrap += val.couponusagetitle;
6870                        couponlistwrap += '</span>';
6871                        couponlistwrap += '</div>';
6872                        couponlistwrap += '</div>';
6873                        couponlistwrap += '<div class="col-md-2 validity_field d-none d-md-flex" >';
6874                        couponlistwrap += ' <p class="mb-0" >' + val.validity + '</p>';
6875                        couponlistwrap += ' </div>';
6876                        if(val.discounttype == "Amount"){
6877                            couponlistwrap += '<div class="col-3 col-md-2 discount_field" >';
6878                            couponlistwrap += '<p class="mb-0" >' + val.amount + '€' + '</p>';
6879                            couponlistwrap += '</div>';
6880                        } else {
6881                             couponlistwrap += '<div class="col-3 col-md-2 discount_field" >';
6882                            couponlistwrap += '<p class="mb-0" >' + val.amount + '%' + '</p>';
6883                            couponlistwrap += '</div>';
6884                        }
6885                        if(val.couponcode!=""){
6886                        couponlistwrap += '<div class="col-12 col-md-2 coupon_field" >';
6887                        couponlistwrap += '<button class="coupon_field_button" >';
6888                        couponlistwrap += '<img class="copy_to_clipboard_icon copycouponcode" src = "/img/copy_icon.png" alt = "" >';
6889                        couponlistwrap += '<p class="coupon_code_txt mb-0" >' + val.couponcode + '</p>';
6890                        couponlistwrap += '</button>';
6891                        couponlistwrap += '<p class="coupon_copied_sucess_text">' + $("#CopiedTextTag").val() + '</p>';
6892                        couponlistwrap += '</div>';
6893                        }
6894                        couponlistwrap += '<div class="col-12 col-md-2 link_field" >';
6895                        couponlistwrap += '<img class="external_link_icon" src = "/img/external_link_icon.png" alt = "" >';
6896                        couponlistwrap += '<p class="external_link_txt mb-0" >';
6897                        couponlistwrap += '<a href="' + val.siteurl + '" target="_blank"> Aller sur le site </a>';
6898                        couponlistwrap += '</p>';
6899                        couponlistwrap += '</div>';
6900                        couponlistwrap += '</div>';
6901                    }
6902                });
6903                $('#GetYourDiscountModal').find("#selectedcouponcontainer").html(couponlistwrap);
6904                })
6905
6906            // check same or different coupon types //
6907            function checkingcoupontypes(arr){
6908                var x = arr[0].coupontype;
6909                return arr.every(function (item) {
6910                    //console.log("x", x, "item.coupontype", item.coupontype);
6911                    return item.coupontype == x;
6912                });
6913            }
6914
6915            // onclick copy couponcode //
6916            $(document).on("click", ".coupon_field_button", function () {
6917                var codecontainer = $(this).parent(".coupon_field").find(".coupon_code_txt");
6918                copyToClipboard(codecontainer)
6919                $(this).parent(".coupon_field").find(".coupon_copied_sucess_text").stop().show(0);
6920                $(this).parent(".coupon_field").find(".coupon_copied_sucess_text").stop().fadeOut(1000);
6921            });
6922            function copyToClipboard(element) {
6923                var $temp = $("<input>");
6924                $("body").append($temp);
6925                $temp.val($(element).text()).select();
6926                document.execCommand("copy");
6927                $temp.remove();
6928            }
6929            $('#GetYourDiscountModal').on('show.bs.modal', function (e) {
6930                if ($("#discountreduction").hasClass('d-none')) {
6931                    return e.preventDefault();
6932                }
6933            });
6934            $(document).on("click", "#discountreduction", function () {
6935                if ($(".get_your_discount_process_main #step-1").hasClass("disabled")) {
6936                    $(".get_your_discount_process_main #step-1").addClass("active");
6937                    $(".get_your_discount_process_main #step-1").removeClass("disabled");
6938                    $(".get_your_discount_process_main #step-2").removeClass("active");
6939                    $(".get_your_discount_process_main #step-2").addClass("disabled");
6940                    if ($(".get_your_discount .modal-dialog").hasClass("step-2-container")) {
6941                        $(".get_your_discount .modal-dialog").removeClass("step-2-container");
6942                    }
6943                    $(".get_your_discount .modal-dialog").addClass("step-1-container");
6944                    $(".get_your_discount #step-1-details").removeClass('d-none')
6945                    $(".get_your_discount #step-2-details").addClass("d-none");
6946                    $(".get_your_discount #step-2-details .saveconfirmmessage").addClass("d-none");
6947                    $(".get_your_discount #step-2-details .emailconfirmmessage").addClass("d-none");
6948                }
6949
6950            });
6951            $(document).on("click", "#printcoupon", function () {
6952                if ($(".print_option_popup_number_process #step-1").hasClass("disabled")) {
6953                    $(".print_option_popup_number_process #step-1").addClass("active");
6954                    $(".print_option_popup_number_process #step-1").removeClass("disabled");
6955                    $(".print_option_popup_number_process #step-2").removeClass("active");
6956                    $(".print_option_popup_number_process #step-2").addClass("disabled");
6957                    if ($(".print_option_popup .modal-dialog").hasClass("step-2-container")) {
6958                        $(".print_option_popup .modal-dialog").removeClass("step-2-container");
6959                    }
6960                    $(".print_option_popup .modal-dialog").addClass("step-1-container");
6961                    $(".print_option_popup_main#step-1-details").removeClass('d-none')
6962                    $(".print-option-screen-2#step-2-details").addClass("d-none");
6963                }
6964            });
6965            $(document).on("click", ".web_reductions_btn", function () {
6966                var finalcheckedarr = [];
6967                const isMobile = /iPhone|iPad|iPod|Android/i.test(navigator.userAgent);
6968                if (isMobile) {
6969                    $(".couponcheckmob").each(function () {
6970                        if ($(this).is(":checked")) {
6971                            my_object_family = {}
6972                            var family = $(this).data('element');
6973                            my_object_family = JSON.parse(decodeURIComponent(family));
6974                            finalcheckedarr.push(my_object_family);
6975                        }
6976                    });
6977                } else {
6978                    $(".couponcheckdes").each(function () {
6979                        if ($(this).is(":checked")) {
6980                            my_object_family = {}
6981                            var family = $(this).data('element');
6982                            my_object_family = JSON.parse(decodeURIComponent(family));
6983                            finalcheckedarr.push(my_object_family);
6984                        }
6985                    });
6986                }
6987
6988                //console.log("final array for save", finalcheckedarr);
6989                postdata = [];
6990                $.each(finalcheckedarr, function (index, element) {
6991                    parameters = {};
6992                    //console.log("element", element);
6993                    parameters.Brand = element.brand;
6994                    parameters.Title = element.title;
6995                    parameters.ProductFamily = element.productfamily;
6996                    parameters.CouponCode = element.couponcode;
6997                    parameters.Description = element.description;
6998                    parameters.CouponId = element.id;
6999                    parameters.DiscountPrice = element.amount;
7000                    parameters.StrStartDate = element.startdate;
7001                    parameters.StrEndDate = element.enddate;
7002                    parameters.BrandSiteUrl = element.siteurl;
7003                    parameters.CouponUsageTitle = element.couponusagetitle;
7004                    parameters.CouponCategory = element.couponcategory;
7005                    parameters.DiscountType = element.discounttype;
7006                    if (element.coupontype == "WebReduction") {
7007                        postdata.push(parameters);
7008                    }
7009
7010                });
7011                //console.log("parameter", postdata);
7012                var reqModel = {
7013                    RedeemCoupons: postdata,
7014                    UserId: ""
7015                }
7016                var token = $('input[name="__RequestVerificationToken"]').val();
7017                $.ajax({
7018                    url: '/Coupon/PostRedeemUserCoupon',
7019                    type: "POST",
7020                    data: { reqModel: reqModel, isEmailClicked: false },
7021                    beforeSend: function (xhr) {
7022                            xhr.setRequestHeader("RequestVerificationToken", token);
7023                                },
7024                    dataType: "json",
7025                    success: function (response) {
7026                        //console.log("response", response);
7027                        if (response.isSuccess) {
7028                            $(".get_your_discount_number_process #step-1").removeClass("active");
7029                            $(".get_your_discount_number_process #step-1").addClass("disabled");
7030                            $(".get_your_discount_number_process #step-2").addClass("active");
7031                            $(".get_your_discount_number_process #step-2").removeClass("disabled");
7032                            $(".get_your_discount .modal-dialog").addClass("step-2-container");
7033                            $(".get_your_discount #step-1-details").addClass('d-none')
7034                            $(".get_your_discount #step-2-details").removeClass("d-none");
7035                            $(".get_your_discount #step-2-details .saveconfirmmessage").removeClass("d-none");
7036
7037                            var selectedcoupons = localStorage.getItem('coupons'); // Get local storage coupons
7038                            var selectedarrparsed1 = JSON.parse(selectedcoupons); // Parsing
7039                            var returncoupontype = checkingcoupontypes(selectedarrparsed1); // Checking if coupon types are similar or different
7040                           // console.log("returncoupontype", returncoupontype);
7041                            if(returncoupontype === true){ // If Same
7042                                $("#quickbasketloop").html("");
7043                            $("#Totaladdedamount").text("0€");
7044                            $("#Totaladdedamountinside").text("0€");
7045                            $("#total_price_mobile").text("0€");
7046                            $(".discount_coupons_cards").removeClass("selected");
7047                            localStorage.removeItem('coupons');
7048                            localStorage.removeItem("couponTypeselected");
7049                            $(".disabledcoupon").hide();
7050                            localStorage.setItem('basketcount', 0);
7051                            $(".discount_coupons_cards").css({ "box-shadow": "none", "border": "1px solid rgba(0,0,0,.125)" })
7052                            $(".basket_tag_click_badge_desktop p").text(localStorage.getItem('basketcount'));
7053                            $(".basket_popup_mobile_button_badge").text(localStorage.getItem('basketcount'));
7054                            $(".discount_coupons_cards").each(function () {
7055                                $(this).find(".selectcheckbox").prop("checked", false);
7056                            });
7057                            $(".basket_popup_main").css("display", "none");
7058                            } else { // If Different
7059                               // console.log("final array in REQ ", postdata, selectedarrparsed1);
7060                                const filterByReference = (arr1, arr2) => {
7061                               let res = [];
7062                               res = arr1.filter(el => {
7063                                  return !arr2.find(element => {
7064                                            return element.CouponId === el.id;
7065                                  });
7066                               });
7067                               return res;
7068                                }
7069                               //console.log(filterByReference(selectedarrparsed1, postdata));
7070                                var finaldata = filterByReference(selectedarrparsed1, postdata);
7071
7072
7073                                // set the item in localStorage
7074                                if (selectedarrparsed1.length > 0) {
7075                                    //console.log("finaldata ....",finaldata);
7076                                    localStorage.setItem('coupons', JSON.stringify(finaldata));
7077
7078                                    localStorage.setItem('basketcount', finaldata.length);
7079                                    updatingstickybasket(localStorage.getItem('coupons'));
7080                                    loaddefaultselection();
7081                                }
7082                            }
7083
7084                            RefreshCouponListforCapping();
7085                        }
7086                    }
7087                });
7088
7089            });
7090
7091            $(document).on("click", ".printing_now_btn", function () {
7092                var selectedcoupons = localStorage.getItem('coupons');
7093                var selectedarrparsed1 = JSON.parse(selectedcoupons);
7094                var parameters = []; var finaldata = [];
7095                $.each(selectedarrparsed1, function (index, val) {
7096                    if (val.coupontype == "multi") {
7097                        //console.log(val);
7098                        parameters.push(val.id);
7099                    }
7100                });
7101                //console.log("parameters", parameters, selectedarrparsed1);
7102
7103
7104                var reqModel = {
7105                    Offers: parameters,
7106                    UserId: ""
7107                }
7108                var token = $('input[name="__RequestVerificationToken"]').val();
7109                $.ajax({
7110                    url: '/Coupon/PostCouponPrint',
7111                    type: "POST",
7112                    data: { reqModel: reqModel },
7113                    beforeSend: function (xhr) {
7114                            xhr.setRequestHeader("RequestVerificationToken", token);
7115                                },
7116                    dataType: "json",
7117                    success: function (response) {
7118                        //console.log("response", response);
7119                        if (!response.isError) {
7120                            //var printurl = "https://pp.print.digitalcoupon.web.oxv.fr/231011/10/lZxsy2zFZmpumGSyWtlZ2SYk5vKY2tnmZuWZplnm54/coupon.html";
7121                            var printurl = response.printUrl;
7122                            //console.log(printurl);
7123                            //printlnIframe(printurl);
7124                            openPrintInNewTab(printurl)
7125                            var selectedcoupons = localStorage.getItem('coupons');
7126                            var selectedarrparsed1 = JSON.parse(selectedcoupons);
7127                            var returncoupontype = checkingcoupontypes(selectedarrparsed1);
7128                            //console.log("returncoupontype", returncoupontype);
7129                            $("#PrintOptionModal").modal("hide");
7130                            if (returncoupontype === true) {
7131                                $("#quickbasketloop").html("");
7132                                $("#Totaladdedamount").text("0€");
7133                                $("#Totaladdedamountinside").text("0€");
7134                                $("#total_price_mobile").text("0€");
7135                                $(".discount_coupons_cards").removeClass("selected");
7136                                localStorage.removeItem('coupons');
7137                                localStorage.removeItem("couponTypeselected");
7138                                $(".disabledcoupon").hide();
7139                                localStorage.setItem('basketcount', 0);
7140                                $(".discount_coupons_cards").css({ "box-shadow": "none", "border": "1px solid rgba(0,0,0,.125)" })
7141                                $(".basket_tag_click_badge_desktop p").text(localStorage.getItem('basketcount'));
7142                                $(".basket_popup_mobile_button_badge").text(localStorage.getItem('basketcount'));
7143                                $(".discount_coupons_cards").each(function () {
7144                                    $(this).find(".selectcheckbox").prop("checked", false);
7145                                });
7146                                $(".basket_popup_main").css("display", "none");
7147                            } else {
7148                                $.each(parameters, function (val, ind) {
7149                                    finaldata = $.grep(selectedarrparsed1, function (element, index) {
7150                                        return element.id != ind;
7151                                    });
7152                                });
7153                                //console.log("final array in REQ ", parameters, selectedarrparsed1);
7154                                const filterByReference = (arr1, arr2) => {
7155                                    let res = [];
7156                                    res = arr1.filter(el => {
7157                                        return !arr2.find(element => {
7158                                            return element === el.id;
7159                                        });
7160                                    });
7161                                    return res;
7162                                }
7163                               // console.log(filterByReference(selectedarrparsed1, parameters));
7164                                var finaldata = filterByReference(selectedarrparsed1, parameters);
7165
7166                                // set the item in localStorage
7167                                if (selectedarrparsed1.length > 0) {
7168                                    localStorage.setItem('coupons', JSON.stringify(finaldata));
7169                                    localStorage.setItem('basketcount', finaldata.length)
7170                                        updatingstickybasket(localStorage.getItem('coupons'));
7171                                    loaddefaultselection();
7172                                }
7173                            }
7174
7175                            RefreshCouponListforCapping();
7176                        } else {
7177                            //console.log("inside else");
7178                            $(".print_option_popup_number_process #step-1").removeClass("active");
7179                            $(".print_option_popup_number_process #step-1").addClass("disabled");
7180                            $(".print_option_popup_number_process #step-2").addClass("active");
7181                            $(".print_option_popup_number_process #step-2").removeClass("disabled");
7182                            $(".print_option_popup .modal-dialog").addClass("step-2-container");
7183                            $(".print_option_popup_main#step-1-detail
7183s").addClass('d-none')
7184                            $(".print-option-screen-2#step-2-details").removeClass("d-none");
7185                            $("#error-title").removeClass("d-none");
7186                            $("#error-message").removeClass("d-none");
7187                            $("#error-icon").removeClass("d-none");
7188                            if (!$("#success-title").hasClass("d-none")) {
7189                                $("#success-title").addClass("d-none");
7190                                $("#success-message").addClass("d-none");
7191                                $("#success-icon").addClass("d-none");
7192                                $("#success_step").html("Error");
7193                            }
7194                        }
7195                    }
7196                });
7197            });
7198            function printlnIframe(url) {
7199                $('<iframe/>', {
7200                    name: 'print-iframe',
7201                    id: 'print-iframe',
7202                    src: url,
7203                    width: 0,
7204                    height: 0,
7205                }).appendTo('body');
7206                $('#print-iframe').hide();
7207            }
7208            function openPrintInNewTab(url) {
7209                window.open(url, '_blank');
7210            }
7211
7212            $(document).on("click", ".web_reductions_listing_email_btn", function () {
7213                var finalcheckedarr = [];
7214                const isMobile = /iPhone|iPad|iPod|Android/i.test(navigator.userAgent);
7215                if (isMobile) {
7216                    $(".couponcheckmob").each(function () {
7217                        if ($(this).is(":checked")) {
7218                            my_object_family = {}
7219                            var family = $(this).data('element');
7220                            my_object_family = JSON.parse(decodeURIComponent(family));
7221                            finalcheckedarr.push(my_object_family);
7222                        }
7223                    });
7224                } else {
7225                    $(".couponcheckdes").each(function () {
7226                        if ($(this).is(":checked")) {
7227                            my_object_family = {}
7228                            var family = $(this).data('element');
7229                            my_object_family = JSON.parse(decodeURIComponent(family));
7230                            finalcheckedarr.push(my_object_family);
7231                        }
7232                    });
7233                }
7234
7235                //console.log("final array for save", finalcheckedarr);
7236                postdata = [];
7237                $.each(finalcheckedarr, function (index, element) {
7238                    parameters = {};
7239                   // console.log("element", element);
7240                    parameters.Brand = element.brand;
7241                    parameters.Title = element.title;
7242                    parameters.ProductFamily = element.productfamily;
7243                    parameters.CouponCode = element.couponcode;
7244                    parameters.Description = element.description;
7245                    parameters.CouponId = element.id;
7246                    parameters.DiscountPrice = element.amount;
7247                    parameters.StrStartDate = element.startdate;
7248                    parameters.StrEndDate = element.enddate;
7249                    parameters.BrandSiteUrl = element.siteurl;
7250                    parameters.CouponUsageTitle = element.couponusagetitle;
7251                    parameters.DiscountType = element.discounttype;
7252                    if (element.coupontype == "WebReduction") {
7253                        postdata.push(parameters);
7254                    }
7255
7256                });
7257               // console.log("parameter", postdata);
7258                var reqModel = {
7259                    RedeemCoupons: postdata,
7260                    UserId: ""
7261
7262                }
7263                var token = $('input[name="__RequestVerificationToken"]').val();
7264                $.ajax({
7265                    url: '/Coupon/PostRedeemUserCoupon',
7266                    type: "POST",
7267                    data: { reqModel: reqModel, isEmailClicked: true },
7268                    beforeSend: function (xhr) {
7269                            xhr.setRequestHeader("RequestVerificationToken", token);
7270                                },
7271                    dataType: "json",
7272                    success: function (response) {
7273                        //console.log("response", response);
7274                        if (response.isSuccess) {
7275                            $(".get_your_discount_number_process #step-1").removeClass("active");
7276                            $(".get_your_discount_number_process #step-1").addClass("disabled");
7277                            $(".get_your_discount_number_process #step-2").addClass("active");
7278                            $(".get_your_discount_number_process #step-2").removeClass("disabled");
7279                            $(".get_your_discount .modal-dialog").addClass("step-2-container");
7280                            $(".get_your_discount #step-1-details").addClass('d-none')
7281                            $(".get_your_discount #step-2-details").removeClass("d-none");
7282                            $(".get_your_discount #step-2-details .emailconfirmmessage").removeClass("d-none");
7283
7284                            var selectedcoupons = localStorage.getItem('coupons');
7285                         var selectedarrparsed1 = JSON.parse(selectedcoupons);
7286                         var returncoupontype = checkingcoupontypes(selectedarrparsed1);
7287                        // console.log("returncoupontype", returncoupontype);
7288                         if(returncoupontype === true){
7289                                $("#quickbasketloop").html("");
7290                            $("#Totaladdedamount").text("0€");
7291                            $("#Totaladdedamountinside").text("0€");
7292                            $("#total_price_mobile").text("0€");
7293                            $(".discount_coupons_cards").removeClass("selected");
7294                            localStorage.removeItem('coupons');
7295                            localStorage.removeItem("couponTypeselected");
7296                            $(".disabledcoupon").hide();
7297                            localStorage.setItem('basketcount', 0);
7298                            $(".discount_coupons_cards").css({ "box-shadow": "none", "border": "1px solid rgba(0,0,0,.125)" })
7299                            $(".basket_tag_click_badge_desktop p").text(localStorage.getItem('basketcount'));
7300                            $(".basket_popup_mobile_button_badge").text(localStorage.getItem('basketcount'));
7301                            $(".discount_coupons_cards").each(function () {
7302                                $(this).find(".selectcheckbox").prop("checked", false);
7303                            });
7304                            $(".basket_popup_main").css("display", "none");
7305                         } else {
7306                                  // console.log("final array in REQ ", postdata,selectedarrparsed1);
7307                                    const filterByReference = (arr1, arr2) => {
7308                                   let res = [];
7309                                   res = arr1.filter(el => {
7310                                      return !arr2.find(element => {
7311                                            return element.CouponId === el.id;
7312                                      });
7313                                   });
7314                                   return res;
7315                                    }
7316                                //console.log(filterByReference(selectedarrparsed1, postdata));
7317                                var finaldata = filterByReference(selectedarrparsed1, postdata);
7318
7319                             // set the item in localStorage
7320                             if (selectedarrparsed1.length > 0) {
7321                                 localStorage.setItem('coupons', JSON.stringify(finaldata));
7322                                 localStorage.setItem('basketcount', finaldata.length)
7323                                      updatingstickybasket(localStorage.getItem('coupons'));
7324                                 loaddefaultselection();
7325                             }
7326
7327                         }
7328                            RefreshCouponListforCapping();
7329                        }
7330                    }
7331                });
7332            });
7333
7334            $(document).on("click", "#emailcoupon", function () {
7335                if (!$(this).hasClass("disabled")) {
7336                    $(".print_option_popup_number_process #step-1").removeClass("active");
7337                    $(".print_option_popup_number_process #step-1").addClass("disabled");
7338                    $(".print_option_popup_number_process #step-2").addClass("active");
7339                    $(".print_option_popup_number_process #step-2").removeClass("disabled");
7340                    $(".print_option_popup_number_process").addClass("d-none");
7341                    $(".print_option_popup .modal-dialog").addClass("step-2-container");
7342                    $(".print_option_popup_main#step-1-details").addClass('d-none')
7343                    $(".print-option-screen-2#step-2-details").removeClass("d-none");
7344                    $("#success-message").addClass("d-none");
7345                    $("#error-message").addClass("d-none");
7346                    $("#loading-success-message").removeClass("d-none");
7347                    //$("#success-message").html("Envoi en cours, merci de patienter quelques instants....");
7348                } else {
7349                    return false;
7350                }
7351
7352            });
7353            $(document).on("click", "#printcoupon", function () {
7354                if (!$(this).hasClass("disabled")) {
7355                    $(".print_option_popup_number_process").removeClass("d-none");
7356                } else {
7357                    return false;
7358                }
7359            });
7360
7361        function resetPrintOptionModal() {
7362            $(".print_option_popup_number_process").addClass("d-none");
7363            $(".print_option_popup_intro").removeClass("d-none");
7364        }
7365
7366
7367        function showPrintOptionModal() {
7368
7369            $(".print_option_popup_number_process").removeClass("d-none");
7370
7371
7372            if ($(".print_option_popup_number_process #step-1").hasClass("disabled")) {
7373                 $(".print_option_popup_number_process #step-1").addClass("active").removeClass("disabled");
7374                 $(".print_option_popup_number_process #step-2").removeClass("active").addClass("disabled");
7375
7376                if ($(".print_option_popup .modal-dialog").hasClass("step-2-container")) {
7377                    $(".print_option_popup .modal-dialog").removeClass("step-2-container");
7378                }
7379
7380                $(".print_option_popup .modal-dialog").addClass("step-1-container");
7381                $(".print_option_popup_main#step-1-details").removeClass("d-none");
7382                $(".print-option-screen-2#step-2-details").addClass("d-none");
7383            }
7384
7385        $("#PrintOptionModal").modal("show");
7386        }
7387
7388         $(document).on("keydown", function (e) {
7389            if (e.key === "Enter" && $("#printcoupon").is(":focus")) {
7390            e.preventDefault();
7391            if (!$("#printcoupon").hasClass("disabled")) {
7392                resetPrintOptionModal();
7393                showPrintOptionModal();
7394                }
7395            }
7396        });
7397      $(document).on("keydown", "#emailcoupon", function (e) {
7398                if (e.key === "Enter" || e.keyCode === 13) {
7399                     e.preventDefault();
7400                     $(this).trigger("click");
7401                      }
7402                 });
7403                  $(document).on("keydown", function (e) {
7404                 if (e.key === "Enter" && $("#discountreduction").is(":focus")) {
7405                     e.preventDefault();
7406                        $('#GetYourDiscountModal').modal('show');
7407                    }
7408                });
7409                     $(document).on("keydown", function (e) {
7410                        if (e.key === "Enter" && $("#cashback").is(":focus")) {
7411                             e.preventDefault();
7412                             $("#isFileImportedWeb").hide();
7413                                  $("#isvaliduser").hide();
7414                                  $("#g-recaptchaid").hide();
7415                                  $("#g-recaptchaidokayfr").hide();
7416                                  $("#g-recaptchaid_mob").hide();
7417                                  $("#g-recaptchaid_mob_takepic").hide();
7418                                  $('#uploadReceiptModal').modal('show');
7419                        }
7420                     });
7421
7422
7423
7424            $('#uploadReceiptModal').on('show.bs.modal', function (e) {
7425                if ($("#cashback").hasClass('d-none')) {
7426                    return e.preventDefault();
7427                }
7428            });
7429            $(document).on("click", "#cashback", function () {
7430                if (!$(this).hasClass("d-none")) {
7431                    $("#g-recaptchaid").hide();
7432                    $("#g-recaptchaidokayfr").hide();
7433                    $("#g-recaptchaid_mob").hide();
7434                    $("#g-recaptchaid_mob_takepic").hide();
7435                    $("#isFileImportedWeb").hide();
7436                    $("#isFileImportOkayfrError").hide();
7437                        $("#isvaliduser").hide();
7438                    $(".photo_continue_button").addClass("btn_disabled");
7439                    $(".photo_continue_button_okay").addClass("btn_disabled");
7440                    $(".get_your_refund_process_main #step-1-details").removeClass('d-none')
7441                    $(".get_your_refund_process_main #step-1-details.cashback-file-upload-success-screen").addClass("d-none");
7442                    $(".get_your_refund_process_main #step-2-details").addClass("d-none");
7443                    $(".get_your_refund_process_main #step-3-details").addClass("d-none");
7444                    $(".get_your_refund_process_main #step-3").removeClass("active");
7445                    $(".get_your_refund_process_main #step-3").addClass("disabled");
7446                    $(".get_your_refund_process_main #step-2").removeClass("active");
7447                    $(".get_your_refund_process_main #step-2").addClass("disabled");
7448                    $(".get_your_refund_process_main #step-1").removeClass("disabled");
7449                    $(".get_your_refund_process_main #step-1").addClass("active");
7450                    $("#step-1-details.first_Error_popup").addClass("d-none");
7451                    $("#step-1-details.second_Error_popup").addClass("d-none");
7452                    $("#step-1-details.third_Error_popup").addClass("d-none");
7453                    $("#step-1-details.fourth_error_popup_first_text").addClass("d-none");
7454                    $("#step-1-details.fifth_Error_popup").addClass("d-none");
7455
7456                    $(".loader-container").addClass("d-none");
7457                    $("#load-success-message").addClass("d-none");
7458                    let ibanNumber = $("#iban-textfield").val();
7459                    let bicCode = $("#bic-textfield").val();
7460                    if (ibanNumber.length > 0 && bicCode.length > 0) {
7461                        $("#IBANFormBtn").removeClass("btn_disabled");
7462                    } else {
7463                        $("#IBANFormBtn").addClass("btn_disabled");
7464                    }
7465                } else {
7466                    return false;
7467                }
7468            });
7469            $(document).on("click", ".Okayclosebtn", function () {
7470                captchaflag = false;
7471                $('#ImportFileBtn').attr('disabled', true);
7472                $("#ImportFileBtnokay").attr("disabled", false);
7473                $("#TakePictureBtn").attr('disabled', true);
7474                $("#TakePictureBtnokay").attr('disabled', false);
7475                $(".consentText_filoeuploadOkayFR").css("color", "#00005aab");
7476                $("#isFileImportOkayfrError").hide();
7477                $("#g-recaptchaidokayfr").hide();
7478                $(".photo_continue_button").addClass("btn_disabled");
7479                $(".photo_continue_button_okay").addClass("btn_disabled");
7480            });
7481            $(document).on("click", "#checkBox_upload", function () {
7482                if ($("#checkBox_upload").prop('checked')== true) {
7483                    $(".consentText_filoeuploadOkayFR").css("color", "#00005a");
7484                    $('#ImportFileBtn').attr('disabled', false);
7485                    $("#ImportFileBtnokay").attr("disabled", false);
7486                    $("#TakePictureBtn").attr('disabled', false);
7487                    $("#TakePictureBtnokay").attr('disabled', false);
7488                    $("#isFileImportOkayfrError").hide();
7489                    //var gcaptcha = recaptchaCallbackokayfr(res);
7490                    //console.log("gcaptcha",captchaflag);
7491                        if (captchaflag == true) {
7492                            $("#isFileImportOkayfrError").show();
7493                            $(".photo_continue_button_okay").removeClass("btn_disabled");
7494                         }
7495
7496                } else {
7497                    captchaflag = false;
7498                    $('#ImportFileBtn').attr('disabled',true);
7499                    $("#ImportFileBtnokay").attr("disabled", false);
7500                    $("#TakePictureBtn").attr('disabled', true);
7501                    $("#TakePictureBtnokay").attr('disabled', false);
7502                    $(".consentText_filoeuploadOkayFR").css("color", "#00005aab");
7503                    $("#isFileImportOkayfrError").hide();
7504                    $("#g-recaptchaidokayfr").hide();
7505                    $(".photo_continue_button").addClass("btn_disabled");
7506                    $(".photo_continue_button_okay").addClass("btn_disabled");
7507                } // Unchecks it
7508
7509            });
7510
7511           var isLotusCampaignActivation = true;
7512            var isOkayfrActivationPage = false;
7513            var isActivationPageWithoutCampaign = false;
7514            $(document).on("click", "#BtnOkayParticipation", function () {
7515                    $("#g-recaptchaid").hide();
7516                    $("#g-recaptchaidokayfr").hide();
7517                    $("#g-recaptchaid_mob").hide();
7518                    $("#g-recaptchaid_mob_takepic").hide();
7519                    $("#isFileImportOkayfrError").hide();
7520                    $("#isvaliduser").hide();
7521                    $("#checkBox_upload").prop('checked', false); // Unchecks it
7522                        $(".consentText_filoeuploadOkayFR").css("color", "#00005aab");
7523                    $("#ImportFileBtn").attr('disabled', true);
7524                $("#ImportFileBtnokay").attr("disabled", false);
7525                    $("#TakePictureBtn").attr('disabled', true);
7526                $("#TakePictureBtnokay").attr('disabled', false);
7527
7528                     $(".photo_continue_button_okay").addClass("btn_disabled");
7529                     // Lotus campaign september launch start
7530                     if(isActivationPageWithoutCampaign)
7531                     {
7532                        var token = $('input[name="__RequestVerificationToken"]').val();
7533                        var templateAlias = 'ContactUsPage';
7534                        handleActivationWithoutCampaign(templateAlias, token);
7535                     }
7536                     else if(isOkayfrActivationPage)
7537                     {
7538                         $(".get_your_refund_process_main #step-1-details_okay_fr").removeClass('d-none');
7539                     }
7540
7541
7542                    $(".get_your_refund_process_main #step-1-details_okay_fr.cashback-file-upload-success-screen").addClass("d-none");
7543                    $(".get_your_refund_process_main #step-2-details_okay_fr").addClass("d-none");
7544                    $(".get_your_refund_process_main #step-3-details_okay_fr_").addClass("d-none");
7545                    $(".get_your_refund_process_main #step-3-details_okay_fr_").removeClass("active");
7546                    $(".get_your_refund_process_main #step-3-details_okay_fr_").addClass("disabled");
7547                    $(".get_your_refund_process_main #step-2-details_okay_fr").removeClass("active");
7548                    $(".get_your_refund_process_main #step-2-details_okay_fr").addClass("disabled");
7549                    $(".get_your_refund_process_main #step-1-details_okay_fr").removeClass("disabled");
7550                    $(".get_your_refund_process_main #step-1-details_okay_fr").addClass("active");
7551                    $("#step-1-details_okay_fr.first_Error_popup").addClass("d-none");
7552                    $("#step-1-details_okay_fr.second_Error_popup").addClass("d-none");
7553                    $("#step-1-details_okay_fr.third_Error_popup").addClass("d-none");
7554                    $("#step-1-details_okay_fr.fourth_error_popup").addClass("d-none");
7555                    $("#step-1-details_okay_fr.fifth_Error_popup").addClass("d-none");
7556                    $("#step-1-details_okay_fr.confirmation_popup").addClass("d-none");
7557                    $(".loader-container").addClass("d-none");
7558                    $("#load-success-message").addClass("d-none");
7559                    let ibanNumber = $("#iban-textfield").val();
7560                    let bicCode = $("#bic-textfield").val();
7561                    if (ibanNumber.length > 0 && bicCode.length > 0) {
7562                        $("#IBANFormBtn").removeClass("btn_disabled");
7563                    } else {
7564                        $("#IBANFormBtn").addClass("btn_disabled");
7565                    }
7566
7567            });
7568
7569            $(document).on("click", ".web_print_listing_email_btn", function () {
7570                var finalcheckedarr = localStorage.getItem('coupons');
7571                var selectedarrparsed = JSON.parse(finalcheckedarr);
7572                //console.log("final array for save", selectedarrparsed);
7573                list = [];
7574                $.each(selectedarrparsed, function (index, element) {
7575                    parameters = {};
7576                   // console.log("element", element);
7577                    parameters.Title = element.title;
7578                    parameters.Id = element.id;
7579                    parameters.Amount = element.amount;
7580                    parameters.StrEndDate = element.validity;
7581                    if (element.coupontype == "multi") {
7582                        list.push(parameters);
7583                    }
7584                });
7585                //console.log("parameter", list);
7586                var reqModel = {
7587                    SelectedItems: list,
7588                    UID: ""
7589                }
7590                var token = $('input[name="__RequestVerificationToken"]').val();
7591                $.ajax({
7592                    url: '/Coupon/PostClickPrintEmail',
7593                    type: "POST",
7594                    data: { reqModel: reqModel },
7595                    beforeSend: function (xhr) {
7596                            xhr.setRequestHeader("RequestVerificationToken", token);
7597                                },
7598                    dataType: "json",
7599                    success: function (response) {
7600                       // console.log("response", response);
7601                        if (response.isError == false) {
7602                            $("#loading-success-message").addClass("d-none");
7603                           // console.log("coming inside if");
7604                            $(".print_option_popup_number_process #step-1").removeClass("active");
7605                            $(".print_option_popup_number_process #step-1").addClass("disabled");
7606                            $(".print_option_popup_number_process #step-2").addClass("active");
7607                            $(".print_option_popup_number_process #step-2").removeClass("disabled");
7608                            $(".print_option_popup .modal-dialog").addClass("step-1-container");
7609                            $(".print_option_popup_main#step-1-details").addClass('d-none')
7610                            $(".print-option-screen-2#step-2-details").removeClass("d-none");
7611                            $("#success-title").removeClass("d-none");
7612                            $("#success-message").removeClass("d-none");
7613                            $("#success-icon").removeClass("d-none");
7614                            if (!$("#error-title").hasClass("d-none")) {
7615                                $("#error-title").addClass("d-none");
7616                                $("#error-message").addClass("d-none");
7617                                $("#error-icon").addClass("d-none");
7618                                $("#error").html("Confirmation");
7619                            }
7620
7621
7622                            var selectedcoupons = localStorage.getItem('coupons');
7623                            var selectedarrparsed1 = JSON.parse(selectedcoupons);
7624                            var returncoupontype = checkingcoupontypes(selectedarrparsed1);
7625                           // console.log("returncoupontype", returncoupontype);
7626                            if (returncoupontype === true) {
7627                                $("#quickbasketloop").html("");
7628                            $("#Totaladdedamount").text("0€");
7629                            $("#Totaladdedamountinside").text("0€");
7630                            $("#total_price_mobile").text("0€");
7631                            $(".discount_coupons_cards").removeClass("selected");
7632                            localStorage.removeItem('coupons');
7633                            localStorage.removeItem("couponTypeselected");
7634                            $(".disabledcoupon").hide();
7635                            localStorage.setItem('basketcount', 0);
7636                            $(".discount_coupons_cards").css({ "box-shadow": "none", "border": "1px solid rgba(0,0,0,.125)" })
7637                            $(".basket_tag_click_badge_desktop p").text(localStorage.getItem('basketcount'));
7638                            $(".basket_popup_mobile_button_badge").text(localStorage.getItem('basketcount'));
7639                            $(".discount_coupons_cards").each(function () {
7640                                $(this).find(".selectcheckbox").prop("checked", false);
7641                            });
7642                            $(".basket_popup_main").css("display", "none");
7643                            } else {
7644                               // console.log("final array in REQ ", list);
7645                                const filterByReference = (arr1, arr2) => {
7646                                    let res = [];
7647                                    res = arr1.filter(el => {
7648                                        return !arr2.find(element => {
7649                                            return element.Id === el.id;
7650                                        });
7651                                    });
7652                                    return res;
7653                                }
7654                               // console.log(filterByReference(selectedarrparsed1, list));
7655                                var finaldata = filterByReference(selectedarrparsed1, list);
7656
7657                                // set the item in localStorage
7658                                if (selectedarrparsed1.length > 0) {
7659                                    localStorage.setItem('coupons', JSON.stringify(finaldata));
7660                                    localStorage.setItem('basketcount', finaldata.length)
7661                                        updatingstickybasket(localStorage.getItem('coupons'));
7662                                    loaddefaultselection();
7663                                }
7664                            }
7665                            RefreshCouponListforCapping();
7666                        }
7667                    }
7668                });
7669            });
7670
7671
7672            // file upload
7673            function importData() {
7674                let input = document.createElement('input');
7675                input.type = 'file';
7676                input.accept = "image/*"
7677                input.onchange = _ => {
7678                    // you can use this method to get file and perform respective operations
7679                    let files = Array.from(input.files);
7680                   // console.log(files);
7681                };
7682                input.click();
7683
7684            }
7685            function recaptchaCallbackokayfr(res) {
7686               // console.log("recaptcha okay fr is calling", res);
7687                //var flag = grecaptcha.getResponse() == "" ? false : true;
7688                //console.log("recaptchaCallback grecaptcha.getResponse()",grecaptcha.getResponse());
7689                if(res != undefined || res != null){
7690                  //  console.log("inside if", res.length);
7691                    if (res.length > 0) {
7692                    captchaflag = true;
7693                    if($("#checkBox_upload").prop('checked')== true){
7694                          //  console.log("inside if checkBox_upload is checked");
7695                            $(".photo_continue_button").removeClass("btn_disabled");
7696                            $(".photo_continue_button_okay").removeClass("btn_disabled");
7697                    }
7698
7699                 }
7700                } else {
7701                    captchaflag = false;
7702                    console.log("coming inside else flag");
7703                }
7704
7705                 return captchaflag;
7706            }
7707            function recaptchaCallback(res){
7708               // console.log("recaptcha is calling",res);
7709                //var flag = grecaptcha.getResponse() == "" ? false : true;
7710                //console.log("recaptchaCallback grecaptcha.getResponse()",grecaptcha.getResponse());
7711                if (res.length > 0) {
7712                    captchaflag = true;
7713                     $(".photo_continue_button").removeClass("btn_disabled");
7714                    $(".photo_continue_button_okay").removeClass("btn_disabled");
7715                 //   console.log("coming inside flag");
7716                } else {
7717                    captchaflag = false;
7718                  //  console.log("coming inside else flag");
7719                }
7720            }
7721            function recaptchaCallbackmob(resp) {
7722               // console.log("recaptcha is calling", resp);
7723                //var flag = grecaptcha.getResponse() == "" ? false : true;
7724                //console.log("recaptchaCallbackmob grecaptcha.getResponse()",grecaptcha.getResponse());
7725                if (resp.length > 0) {
7726                    captchaflag = true;
7727                     $(".photo_continue_button").removeClass("btn_disabled");
7728                    $(".photo_continue_button_okay").removeClass("btn_disabled");
7729                  //  console.log("coming inside flag");
7730                } else {
7731                    captchaflag = false;
7732                  //  console.log("coming inside else flag");
7733                }
7734            }
7735            function recaptchaCallbackTakePic(response) {
7736                var mobcaptchaflag;
7737                   // console.log("recaptcha is calling recaptchaCallbackTakePic",response);
7738                    if(response.length > 0){
7739                     mobcaptchaflag = true;
7740               $("#uploadcapturedimage").removeClass("btn_disabled");
7741               $("#uploadcapturedimage_okayfr").removeClass("btn_disabled");
7742                } else {
7743                    mobcaptchaflag = false;
7744                   // console.log("coming inside else flag");
7745                }
7746                  return mobcaptchaflag;
7747            }
7748            $(document).on("click", ".photo_continue_button", function () {
7749                //var flag = grecaptcha.getResponse() == "" ? false : true;
7750                if (captchaflag) {
7751                    var finalcheckedarr = localStorage.getItem('coupons');
7752                    var selectedarrparsed = JSON.parse(finalcheckedarr);
7753                  //  console.log("selectedarrparsed", selectedarrparsed);
7754                    SelectedCampaigns = [];
7755                    $.each(selectedarrparsed, function (index, val) {
7756                        var reqobj = {};
7757                        if(val.coupontype == "multi"){
7758                            reqobj.Id = val.id;
7759                            reqobj.KweeriCampaignId = val.kweericampaignid;
7760                            reqobj.CouponCategory = val.couponcategory;
7761                            SelectedCampaigns.push(reqobj);
7762                        }
7763
7764                    });
7765                  //  console.log("SelectedCampaigns", SelectedCampaigns);
7766                    $(".first-screen-view").addClass("d-none");
7767                    $(".loader-container").removeClass("d-none");
7768                    $(".loader-container #load-success-message").removeClass("d-none");
7769                    var token = $('input[name="__RequestVerificationToken"]').val();
7770                    $.ajax({
7771                        url: '/Coupon/PostReceiptQualityCheck',
7772                        type: "POST",
7773                        data: formDatum,
7774                        beforeSend: function (xhr) {
7775                        xhr.setRequestHeader("RequestVerificationToken", token);
7776                            },
7777                        processData: false,
7778                        contentType: false,
7779                        success: function (response) {
7780                          //  console.log("response", response);
7781                            $(".loader-container").addClass("d-none");
7782                            $(".loader-container #load-success-message").addClass("d-none");
7783                            localStorage.setItem("invoiceurl", response.invoiceUrl);
7784                            localStorage.setItem("matchedcoupons", JSON.stringify(response.matchedCoupons));
7785                            localStorage.setItem("cashbacktransactionId", JSON.stringify(response.cashbackTransactionId));
7786
7787                            if (response.receiptStatus == "Passed") {
7788                               // console.log("mateched coupons ===== >", response.matchedCoupons);
7789                                var matchedcoupons = response.matchedCoupons;
7790                              //  console.log("CashbackTransaction Ids ===== >", response.cashbackTransactionId);
7791                                var cashbackTransactionId = response.cashbackTransactionId;
7792
7793                              //  console.log("selectedarrparsed in success", selectedarrparsed);
7794                                const myArrayFiltered = selectedarrparsed.filter((el) => {
7795                                    return matchedcoupons.some((f) => {
7796                                        return f === el.id;
7797                                    });
7798                                });
7799
7800                               // console.log(myArrayFiltered);
7801                                var itemwrap = []; tamount = 0; finalamount1 = 0;
7802                                $.each(myArrayFiltered, function (index, val) {
7803                                    itemwrap += '<div class="row body_view">';
7804                                    itemwrap += '<div class="col-md-2 d-md-block  d-none"></div>';
7805                                    itemwrap += '<div class="col-4  col-md-3 name_field">';
7806                                    itemwrap += '<p class="mb-0">' + val.brand + '</p>';
7807                                    itemwrap += '</div>';
7808                                    itemwrap += '<div class="col-4  col-md-3 validity_field">';
7809                                    itemwrap += '<p class="mb-0">' + val.title + '</p>';
7810                                    itemwrap += '</div>';
7811                                    itemwrap += '<div class="col-4  col-md-2 discount_field">';
7812                                    itemwrap += '<p class="mb-0">' + val.amount + '€</p>';
7813                                    itemwrap += '</div>'; itemwrap += '</div>';
7814                                    var valmount = (val.amount).toString();
7815                                    if (valmount.indexOf(',') > -1) {
7816                                        valmount = valmount.replace(",", ".")
7817                                    }
7818                                    tamount = (parseFloat(tamount) + parseFloat(valmount)).toFixed(2);
7819                                    var finalamount = tamount.toString();
7820                                    finalamount1 = finalamount.replace(".", ",");
7821                                });
7822
7823
7824                                itemwrap += '<div class="row body_view body-bottom-view">';
7825                                itemwrap += '<div class="col-md-2 d-md-block  d-none"></div>';
7826                                itemwrap += '<div class="col-8 col-md-6 discount_field">';
7827                                itemwrap += 'Montant total des réductions:';
7828                                itemwrap += '</div>';
7829                                itemwrap += '<div class="col-4 col-md-3 discount_field">';
7830                                itemwrap += '<p class="mb-0">' + finalamount1 + '€' + '</p>';
7831                                itemwrap += '</div>';
7832                                itemwrap += '</div>';
7833
7834                                $("#bodylist_content_row").html(itemwrap);
7835                                $(".get_your_refund_process_main #step-1-detail
7835s").addClass('d-none')
7836                                $(".get_your_refund_process_main #step-1-details.cashback-file-upload-success-screen").removeClass("d-none");
7837                                $(".get_your_refund_process_main #step-2-details").addClass("d-none");
7838                                $(".get_your_refund_process_main #step-3-details").addClass("d-none");
7839
7840                            }
7841                            else if (response.receiptStatus == "NotEligible") {
7842                                $(".get_your_refund_process_main #step-1-details").removeClass('d-none')
7843                                $(".get_your_refund_process_main #step-1-details.cashback-file-upload-success-screen").addClass("d-none");
7844                                $(".get_your_refund_process_main #step-1-details.first-screen-view").addClass("d-none");
7845                                $(".get_your_refund_process_main #step-1-details.first_Error_popup").removeClass("d-none");
7846                                $(".get_your_refund_process_main #step-1-details.second_Error_popup").addClass("d-none");
7847                                $(".get_your_refund_process_main #step-1-details.third_Error_popup").addClass("d-none");
7848                                $(".get_your_refund_process_main #step-1-details.fourth_error_popup_first_text").addClass("d-none");
7849                                $(".get_your_refund_process_main #step-1-details.fifth_Error_popup").addClass("d-none");
7850                                $(".get_your_refund_process_main #step-2-details").addClass("d-none");
7851                                $(".get_your_refund_process_main #step-3-details").addClass("d-none");
7852
7853                            }
7854                            else if (response.receiptStatus == "QualityIssue") {
7855                                $(".get_your_refund_process_main #step-1-details").removeClass('d-none')
7856                                $(".get_your_refund_process_main #step-1-details.cashback-file-upload-success-screen").addClass("d-none");
7857                                $(".get_your_refund_process_main #step-1-details.first-screen-view").addClass("d-none");
7858                                $(".get_your_refund_process_main #step-1-details.first_Error_popup").addClass("d-none");
7859                                $(".get_your_refund_process_main #step-1-details.third_Error_popup").addClass("d-none");
7860                                $(".get_your_refund_process_main #step-1-details.second_Error_popup").removeClass("d-none");
7861                                $(".get_your_refund_process_main #step-1-details.fourth_error_popup_first_text").addClass("d-none");
7862                                $(".get_your_refund_process_main #step-1-details.fifth_Error_popup").addClass("d-none");
7863                                $(".get_your_refund_process_main #step-2-details").addClass("d-none");
7864                                $(".get_your_refund_process_main #step-3-details").addClass("d-none");
7865
7866                            }
7867                            else if (response.receiptStatus == "DuplicateReceipt") {
7868                                $(".get_your_refund_process_main #step-1-details").removeClass('d-none')
7869                                $(".get_your_refund_process_main #step-1-details.cashback-file-upload-success-screen").addClass("d-none");
7870                                $(".get_your_refund_process_main #step-1-details.first-screen-view").addClass("d-none");
7871                                $(".get_your_refund_process_main #step-1-details.first_Error_popup").addClass("d-none");
7872                                $(".get_your_refund_process_main #step-1-details.third_Error_popup").addClass("d-none");
7873                                $(".get_your_refund_process_main #step-1-details.fourth_error_popup_first_text").addClass("d-none");
7874                                $(".get_your_refund_process_main #step-1-details.fifth_Error_popup").removeClass("d-none");
7875                                $(".get_your_refund_process_main #step-1-details.second_Error_popup").addClass("d-none");
7876                                $(".get_your_refund_process_main #step-2-details").addClass("d-none");
7877                                $(".get_your_refund_process_main #step-3-details").addClass("d-none");
7878
7879                            }
7880                            else if (response.receiptStatus == "Fraud") {
7881                                $(".get_your_refund_process_main #step-1-detail
7881s").removeClass('d-none')
7882                                $(".get_your_refund_process_main #step-1-details.cashback-file-upload-success-screen").addClass("d-none");
7883                                $(".get_your_refund_process_main #step-1-details.first-screen-view").addClass("d-none");
7884                                $(".get_your_refund_process_main #step-1-details.first_Error_popup").addClass("d-none");
7885                                $(".get_your_refund_process_main #step-1-details.second_Error_popup").addClass("d-none");
7886                                $(".get_your_refund_process_main #step-1-details.third_Error_popup").removeClass("d-none");
7887                                $(".get_your_refund_process_main #step-1-details.fourth_error_popup_first_text").addClass("d-none");
7888                                $(".get_your_refund_process_main #step-1-details.fifth_Error_popup").addClass("d-none");
7889                                $(".get_your_refund_process_main #step-2-details").addClass("d-none");
7890                                $(".get_your_refund_process_main #step-3-details").addClass("d-none");
7891
7892
7893                            }
7894                            else {
7895                                /// defaultly added as not eligible screen
7896                                $(".get_your_refund_process_main #step-1-details").removeClass('d-none')
7897                                $(".get_your_refund_process_main #step-1-details.cashback-file-upload-success-screen").addClass("d-none");
7898                                $(".get_your_refund_process_main #step-1-details.first-screen-view").addClass("d-none");
7899                                $(".get_your_refund_process_main #step-1-details.first_Error_popup").removeClass("d-none");
7900                                $(".get_your_refund_process_main #step-1-details.first_Error_popup").addClass("d-none");
7901                                $(".get_your_refund_process_main #step-1-details.second_Error_popup").addClass("d-none");
7902                                $(".get_your_refund_process_main #step-1-details.fourth_error_popup_first_text").addClass("d-none");
7903                                $(".get_your_refund_process_main #step-1-details.third_Error_popup").addClass("d-none");
7904                                $(".get_your_refund_process_main #step-2-details").addClass("d-none");
7905                                $(".get_your_refund_process_main #step-3-details").addClass("d-none");
7906
7907                            }
7908                             var transactionIds=response.cashbackTransactionId.join(",");
7909                             var couponIds = SelectedCampaigns.map(coupon => coupon.Id).join(',');
7910                             BindClaimFormLink(transactionIds,couponIds);
7911
7912                        },
7913                        error: function (error) {
7914                            console.log("error quality" + error);
7915                        }
7916                    });
7917                } else {
7918                    return flag;
7919                }
7920
7921            });
7922            $(document).on("click", ".photo_continue_button_okay", function () {
7923                //var flag = grecaptcha.getResponse() == "" ? false : true;
7924                //var captchaflag = true;
7925                if(captchaflag){
7926                    var finalcheckedarr = localStorage.getItem('coupons');
7927                    var selectedarrparsed = JSON.parse(finalcheckedarr);
7928                    //console.log("selectedarrparsed",selectedarrparsed);
7929                    SelectedCampaigns = [];
7930                    $.each(selectedarrparsed,function(index,val){
7931                        var reqobj = {};
7932
7933                         reqobj.Id = val.id;
7934                         reqobj.KweeriCampaignId = val.kweericampaignid;
7935                         SelectedCampaigns.push(reqobj);
7936                    });
7937                   // console.log("SelectedCampaigns",SelectedCampaigns);
7938                   var brandName = '';
7939                   $(".first-screen-view").addClass("d-none");
7940                       $(".okayFr_loading").removeClass("d-none");
7941                       $('.okayFr_participate_loading').removeClass('d-none');  //tena game
7942                   // $(".loader-container #load-success-message").removeClass("d-none");
7943                   var token = $('input[name="__RequestVerificationToken"]').val();
7944                   formDatum.append("brandName", brandName);
7945                        $.ajax({
7946                        url: '/Okay/PlayInstaWinGame',
7947                            type: "POST",
7948                            data: formDatum,
7949                            beforeSend: function (xhr) {
7950                            xhr.setRequestHeader("RequestVerificationToken", token);
7951                                },
7952                            processData: false,
7953                            contentType: false,
7954                            success: function (response) {
7955                               // console.log("response", response);
7956                                //response.imageUrl = "https://dev.monbienetrerecompense.fr/media/wwgh555q/windcode1.png";
7957                                //response.giftTitle  = "Une table de Ping Pong Cornilleau";
7958                                    okay_imagurl=response.imageUrl;
7959                                    okay_issueid=response.issueId;
7960                                    okay_transactionid=response.transactionId;
7961                                    okay_gifttitle = response.giftTitle;
7962                                    okay_wincode = response.winValue;
7963                                    tena_winScreenPopUpTitle = response.winScreenPopUpTitle;
7964                                      //response.receiptStatus = "Win";
7965
7966
7967                                   //response.receiptStatus = "Win"; response.isDisplayForm = false;
7968                                    $(".okayFr_loading").addClass("d-none");
7969                                    $('.okayFr_participate_loading').addClass('d-none'); //tena game
7970                                //$(".loader-container #load-success-message").addClass("d-none");
7971                                localStorage.setItem("invoiceurl",response.invoiceUrl);
7972                                localStorage.setItem("matchedcoupons", JSON.stringify(response.matchedCoupons));
7973                                localStorage.setItem("cashbacktransactionId", JSON.stringify(response.cashbackTransactionId));
7974
7975                            if (response.receiptStatus == "Win" && response.isDisplayForm == true) {
7976                                $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr").addClass('d-none')
7977                                $(".get_your_refund_process_main.okay_fr #step-2-details_okay_fr").addClass("d-none");
7978                                $(".get_your_refund_process_main.okay_fr #step-3-details_okay_fr_").removeClass("d-none");
7979
7980                                $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.first_Error_popup").addClass('d-none');
7981                                $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.second_Error_popup").addClass("d-none");
7982                                $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.third_Error_popup").addClass("d-none");
7983                                $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.fourth_error_popup").addClass("d-none");
7984
7985                                    if(response.isDisplayForm == true) {
7986                                    $(".get_your_refund_process_main.okay_fr #step-3-details_okay_fr_ .okayfrActivation_winnerone_form").removeClass("d-none");
7987                                        load_isDisplayFormdata();
7988                                        $("#saveformdata").removeClass("i_continue_again_okay");
7989                                        //$("#saveformdata").addClass("scrolltoform");
7990                                        $("#saveformdata").attr('href', '#okayfrActivation_winnerone_form');
7991                                    } else {
7992                                    $(".get_your_refund_process_main.okay_fr #step-3-details_okay_fr_ .okayfrActivation_winnerone_form").addClass("d-none");
7993                                    $("#saveformdata").addClass("i_continue_again_okay");
7994                                        //$("#saveformdata").removeClass("scrolltoform");
7995                                        $("#saveformdata").attr('href', 'javascript:;');
7996                                }
7997                                $(".tena_WinScreen").html(tena_winScreenPopUpTitle);
7998                                $(".gift_title").html(response.giftTitle);
7999                                $(".okayfr_img").attr("src", response.imageUrl);
8000
8001                                if(response.winValue=="1" || response.winValue=="2"){
8002                                    $("#TenaWinScreenMiddleFooter").removeClass("d-none");
8003                                }
8004                                }
8005                            else if (response.receiptStatus == "Win" && response.isDisplayForm == false) {
8006                                $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr").addClass('d-none')
8007                                $(".get_your_refund_process_main.okay_fr #step-2-details_okay_fr").removeClass("d-none");
8008                                $(".get_your_refund_process_main.okay_fr #step-3-details_okay_fr_").addClass("d-none");
8009
8010                                $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.first_Error_popup").addClass('d-none');
8011                                $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.second_Error_popup").addClass("d-none");
8012                                $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.third_Error_popup").addClass("d-none");
8013                                $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.fourth_error_popup").addClass("d-none");
8014                                if (response.isDisplayForm == true) {
8015                                    $(".get_your_refund_process_main.okay_fr #step-3-details_okay_fr_ .okayfrActivation_winnerone_form").removeClass("d-none");
8016                                    load_isDisplayFormdata();
8017                                    $("#saveformdata1").removeClass("i_continue_again_okay");
8018                                    //$("#saveformdata").addClass("scrolltoform");
8019                                    $("#saveformdata1").attr('href', '#okayfrActivation_winnerone_form');
8020                                } else {
8021                                    $(".get_your_refund_process_main.okay_fr #step-3-details_okay_fr_ .okayfrActivation_winnerone_form").addClass("d-none");
8022                                     $("#saveformdata1").addClass("i_continue_again_okay");
8023                                    //$("#saveformdata").removeClass("scrolltoform");
8024                                    $("#saveformdata1").attr('href', 'javascript:;');
8025                                }
8026                               $(".gift_title").html(response.giftTitle);
8027                                $(".okayfr_img").attr("src", response.imageUrl);
8028
8029                            }
8030                            else if (response.receiptStatus == "Lose") {
8031                                $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr").addClass('d-none')
8032                                $(".get_your_refund_process_main.okay_fr #step-2-details_okay_fr").addClass("d-none");
8033                                $(".get_your_refund_process_main.okay_fr #step-3-details_okay_fr_").addClass("d-none");
8034                                $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.first_Error_popup").removeClass('d-none');
8035                                $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.second_Error_popup").addClass("d-none");
8036                                $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.third_Error_popup").addClass("d-none");
8037                                $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.fourth_error_popup").addClass("d-none");
8038
8039                            }
8040                                else if(response.receiptStatus == "NotEligible") {
8041                                $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr").addClass('d-none');
8042                                $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.first-screen-view").addClass("d-none");
8043                                $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.first_Error_popup").addClass("d-none");
8044                                $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.second_Error_popup").addClass("d-none");
8045                                     $(".get_your_refund_process_main.okay_fr #step-1-detail
8045s_okay_fr.third_Error_popup").addClass("d-none");
8046                                     $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.fourth_error_popup").removeClass("d-none");
8047                                $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.fifth_Error_popup").addClass("d-none");
8048                                $(".get_your_refund_process_main.okay_fr #step-2-details_okay_fr").addClass("d-none");
8049                                $(".get_your_refund_process_main.okay_fr #step-3-details_okay_fr_").addClass("d-none");
8050
8051                                }
8052                                else if(response.receiptStatus == "QualityIssue") {
8053                                     $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr").addClass('d-none');
8054                                     $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.third_Error_popup").addClass("d-none");
8055                                     $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.first_Error_popup").addClass("d-none");
8056                                     $(".get_your_refund_process_main.okay_fr #step-2-details_okay_fr").addClass("d-none");
8057                                     $(".get_your_refund_process_main.okay_fr #step-3-details_okay_fr_").addClass("d-none");
8058                                     $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.third_Error_popup ").removeClass("d-none");
8059                                $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.fourth_error_popup").addClass("d-none");
8060
8061                                }
8062                                else if(response.receiptStatus == "DuplicateReceipt") {
8063                                    $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr").addClass('d-none')
8064                                    $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.first_Error_popup").addClass("d-none");
8065                                    $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.second_Error_popup").addClass("d-none");
8066                                    $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.third_Error_popup").addClass("d-none");
8067                                    $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.fourth_error_popup").removeClass("d-none");
8068                                    //$(".get_your_refund_process_main #step-1-details.fifth_Error_popup").addClass("d-none");
8069                                    $(".get_your_refund_process_main.okay_fr #step-2-details_okay_fr").addClass("d-none");
8070                                    $(".get_your_refund_process_main.okay_fr #step-3-details_okay_fr_").addClass("d-none");
8071                                }
8072                                else if(response.receiptStatus == "Fraud") {
8073                                     $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr").addClass('d-none')
8074                                     $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.first_Error_popup").addClass("d-none");
8075                                     $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.second_Error_popup").addClass("d-none");
8076                                    $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.third_Error_popup").removeClass("d-none");
8077                                     $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.fourth_error_popup").addClass("d-none");
8078                                     $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.fifth_Error_popup").removeClass("d-none");
8079                                    $(".get_your_refund_process_main.okay_fr #step-2-details_okay_fr").addClass("d-none");
8080                                    $(".get_your_refund_process_main.okay_fr #step-3-details_okay_fr_").addClass("d-none");
8081                                }
8082                                else {
8083                                /// defaultly added as not eligible screen
8084                                $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr").addClass('d-none')
8085                                $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.first_Error_popup").addClass("d-none");
8086                                $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.second_Error_popup").addClass("d-none");
8087                                $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.third_Error_popup").removeClass("d-none");
8088                                $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.fourth_error_popup").addClass("d-none");
8089                                $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.fifth_Error_popup").removeClass("d-none");
8090                                $(".get_your_refund_process_main.okay_fr #step-2-details_okay_fr").addClass("d-none");
8091                                $(".get_your_refund_process_main.okay_fr #step-3-details_okay_fr_").addClass("d-none");
8092
8093                                }
8094                            },
8095                             error: function (error) {
8096                                console.log("error quality" + error);
8097                            }
8098                        });
8099                } else {
8100                    return flag;
8101                }
8102
8103            });
8104
8105                 // Validate First Name and Last Name
8106                function validatefirstName(firstName) {
8107                   // console.log("firstName===>", firstName);
8108                    //var namePattern = /^[a-zA-Z\s-]+$/;
8109                    var namePattern = /^[\p{L}\s-]+$/u;
8110                    if (firstName == "" || firstName == null) {
8111                        $("#firstname").css("border", "1px solid #ff2000");
8112                        return false;
8113                    }
8114                    if (!namePattern.test(firstName)) {
8115                        $("#firstname").css("border", "1px solid #ff2000");
8116                        return false;
8117                    }
8118                    else {
8119                        $("#firstname").css("border", "1px solid #ced4da");
8120                        return true;
8121                    }
8122
8123                }
8124                function validatelastName(lastName) {
8125                   // console.log("lastName===>", lastName);
8126                    var namePattern = /^[a-zA-Z\s-]+$/;
8127                    if (lastName == "" || lastName == null) {
8128                        $("#lastname").css("border", "1px solid #ff2000");
8129                        return false;
8130                    }
8131                    if (!namePattern.test(lastName)) {
8132                        $("#lastname").css("border", "1px solid #ff2000");
8133                        return false;
8134                    }
8135                    else {
8136                        $("#lastname").css("border", "1px solid #ced4da");
8137                          return true;
8138                    }
8139
8140                }
8141                // validate city //
8142                function validatecity(city) {
8143                   // console.log("city===>",city);
8144                    var cityPattern = /^[a-zA-Z\s-]+$/;
8145                    if(city == "" || city == null) {
8146                        $("#city").css("border", "1px solid #ff2000");
8147                        return false;
8148                    }
8149                    if(!cityPattern.test(city)) {
8150                        $("#city").css("border", "1px solid #ff2000");
8151                        return false;
8152                    }
8153                    else {
8154                        $("#city").css("border", "1px solid #ced4da");
8155                          return true;
8156                    }
8157                }
8158                //validatezip//
8159                function validatezip(zip) {
8160                   // console.log("zip===>",zip);
8161                    var zipPattern = /^[0-9\s-]+$/;
8162                    if(zip == "" || zip == null) {
8163                        $("#CodePostal").css("border", "1px solid #ff2000");
8164                        return false;
8165                    }
8166                    if(!zipPattern.test(zip)) {
8167                        $("#CodePostal").css("border", "1px solid #ff2000");
8168                        return false;
8169                    }
8170                    else {
8171                        $("#CodePostal").css("border", "1px solid #ced4da");
8172                          return true;
8173                    }
8174                }
8175                // validate phone //
8176                function validatephone(phone) {
8177                  //  console.log("phone===>",phone);
8178                    var phonePattern = /^[0-9\s-]+$/;
8179                    if(phone == "" || phone == null) {
8180                        $("#telephone").css("border", "1px solid #ff2000");
8181                        return false;
8182                    }
8183                    if(!phonePattern.test(phone)) {
8184                        $("#telephone").css("border", "1px solid #ff2000");
8185                        return false;
8186                    }
8187                    else {
8188                        $("#telephone").css("border", "1px solid #ced4da");
8189                          return true;
8190                    }
8191                }
8192                // validate address //
8193                function validateaddress(address){
8194                   // console.log("address===>",address);
8195                     if(address == "" || address == null) {
8196                         $("#Address").css("border", "1px solid #ff2000");
8197                        return false;
8198
8199                    } else {
8200                        $("#Address").css("border", "1px solid #ced4da");
8201                          return true;
8202
8203                    }
8204
8205                }
8206
8207            $(document).on("click",".okayfr_userdet_submit",function(){
8208                var firstname_result = validatefirstName($("#firstname").val());
8209              var lastname_result = validatelastName($("#lastname").val());
8210              var city_result = validatecity($("#city").val());
8211              var zip_result = validatezip($("#CodePostal").val());
8212              var phone_result = validatephone($("#telephone").val());
8213              var address_result = validateaddress($("#Address").val());
8214              var apiUrl;
8215                 // console.log("firstname_result",firstname_result,"lastname_result",lastname_result,"city_result",city_result,"zip_result",zip_result,"phone_result",phone_result,"address_result",address_result);
8216              if(firstname_result && lastname_result && city_result && zip_result && phone_result && address_result){
8217                 // console.log("inside if");
8218                  $(".form_required_error").hide();
8219                  var reqdata = {};
8220                        reqdata.FirstName=$("#firstname").val();
8221                        reqdata.LastName=$("#lastname").val();
8222                        reqdata.City=$("#city").val();
8223                        reqdata.ZipCode=$("#CodePostal").val();
8224                        reqdata.Phone=$("#telephone").val();
8225                        reqdata.Address=$("#Address").val();
8226                        reqdata.Email=okayfr_email;
8227                        reqdata.IssueId=okay_issueid;
8228                        reqdata.TransactionId=okay_transactionid;
8229                        reqdata.GiftTitle=okay_gifttitle;
8230                        reqdata.GiftImageUrl=okay_imagurl;
8231                        reqdata.WinValue = okay_wincode;
8232                        reqdata.BrandName = '';
8233                        // console.log("reqdata",reqdata);
8234                         var token = $('input[name="__RequestVerificationToken"]').val();
8235                        var isLotusCampaignActivation = true;
8236                        var urlUpdateWithCoupon = '/Okay/UpdateInstaWinParticipation';
8237                        var urlUpdateWithoutCoupon = '/Okay/UpdateInstaWinParticipationWithOutCoupon';
8238
8239                        var isOkayfrActivationPage = false;
8240                        var isActivationPageWithoutCampaign = false;
8241
8242                        if(isOkayfrActivationPage == true) {
8243                            apiUrl = urlUpdateWithCoupon;
8244                        }
8245
8246                        else if(isActivationPageWithoutCampaign == true){
8247                            apiUrl = urlUpdateWithoutCoupon;
8248                        }
8249
8250                        //var apiUrl = isLotusCampaignActivation == true ? urlUpdateWithoutCoupon : urlUpdateWithCoupon;
8251                        $.ajax({
8252                        url: apiUrl,
8253                        type: "POST",
8254                        dataType: "json",
8255                        data:{reqModel:reqdata},
8256                        beforeSend: function (xhr) {
8257                        xhr.setRequestHeader("RequestVerificationToken", token);
8258                            },
8259                        async: false,
8260                        success: function (response) {
8261
8262                           // console.log("user data submiited response",response);
8263                                if(response.status == "Success"){
8264                                    $("#step-3-details_okay_fr_").addClass("d-none");
8265                                    $("#step-1-details_okay_fr.confirmation_popup").removeClass("d-none");
8266
8267                            }
8268
8269                        }
8270                  });
8271
8272
8273              } else {
8274                  // console.log("inside else");
8275                  $(".form_required_error").show();
8276                return false;
8277              }
8278
8279            });
8280
8281            function load_isDisplayFormdata() {
8282                      $.ajax({
8283                        url: '/Profile/GetUserDetails',
8284                        headers: {
8285                            'X-API-Key': 'E4CD0709-72FF-4310-AB9B-293703B9F78A'
8286                        },
8287                        type: "GET",
8288                        dataType: "json",
8289                        async: false,
8290                        success: function (response) {
8291                              //  console.log("User details response === ==>", response)
8292                                 okayfr_email = response.email;
8293                                $("#firstname").val(response.firstName);
8294                                $("#lastname").val(response.lastName);
8295                                $("#city").val(response.city);
8296                                $("#CodePostal").val(response.zip);
8297
8298                        }
8299                    });
8300                   // console.log("userstatus varible inside validateUser_account",userstatus);
8301            }
8302
8303            function validateUser_account(){
8304                $.ajax({
8305                    url: '/Coupon/GetCashbackTransactionsStatusPerDay',
8306                    type: "GET",
8307                    dataType: "json",
8308                    async: false,
8309                    success: function (response) {
8310                       // console.log("GetCashbackTransactionsStatusPerDay response === ==>", response);
8311                        userstatus = response.isSuccess;
8312                    }
8313                });
8314                //console.log("userstatus varible inside validateUser_account", userstatus);
8315            }
8316            function importFile() {
8317                //$(".first-screen-view").addClass("d-none");
8318                grecaptcha.reset(0); grecaptcha.reset(1);
8319
8320                //let input = document.createElement('input');
8321                //input.type = 'file';
8322                //input.onchange = _ => {
8323                // you can use this method to get file and perform respective operations
8324                var fileInput = document.getElementById('fileInput');
8325                fileInput.click();
8326                // Listen for changes in the input
8327                fileInput.addEventListener('change', function (event) {
8328                    var files = event.target.files[0];
8329                   // console.log(files);
8330                    // Display the selected image
8331                    //let files = Array.from(input.files);
8332                    //console.log(files);
8333                    var finalcheckedarr = localStorage.getItem('coupons');
8334                    var selectedarrparsed = JSON.parse(finalcheckedarr);
8335                   // console.log("selectedarrparsed", selectedarrparsed);
8336                    SelectedCampaigns = [];
8337                    $.each(selectedarrparsed, function (index, val) {
8338                        var reqobj = {};
8339                        if(val.coupontype == "multi"){
8340                            reqobj.Id = val.id;
8341                            reqobj.KweeriCampaignId = val.kweericampaignid;
8342                            reqobj.CouponCategory= val.couponcategory;
8343                            SelectedCampaigns.push(reqobj);
8344                        }
8345
8346                    });
8347                   // console.log("SelectedCampaigns", SelectedCampaigns);
8348                    // $(".first-screen-view").addClass("d-none");
8349                    // $(".loader-container").removeClass("d-none");
8350                    // $(".loader-container #load-success-message").removeClass("d-none");
8351                    //$(".photo_continue_button").removeClass("btn_disabled");
8352                    validateUser_account();
8353                  //  console.log("userstatus import file", userstatus);
8354                    if (userstatus) {
8355                        $("#g-recaptchaid").show();
8356                        $("#isFileImportedWeb").show();
8357                    } else {
8358                        $("#isvaliduser").show();
8359                        return false;
8360                    }
8361
8362                    if (files.type === "image/png" || files.type === "image/jpg" || files.type === "image/jpeg" || files.type === "application/pdf") {
8363                      //  console.log("valide file......");
8364                        formDatum = new FormData();
8365                        formDatum.append("ImageFile", files);
8366
8367                        for (var i = 0; i < SelectedCampaigns.length; i++) {
8368                            formDatum.append(`SelectedCampaigns[${i}].Id`, SelectedCampaigns[i].Id);
8369                            formDatum.append(`SelectedCampaigns[${i}].KweeriCampaignId`, SelectedCampaigns[i].KweeriCampaignId);
8370                            formDatum.append(`SelectedCampaigns[${i}].CouponCategory`, SelectedCampaigns[i].CouponCategory);
8371                        }
8372
8373                        //console.log("quality ajax call", formDatum);
8374                        var flag = grecaptcha.getResponse() == "" ? false : true;
8375                        //console.log("flag", flag);
8376                        return flag;
8377
8378
8379
8380                    } else {
8381                        console.log("file type is invalid");
8382                        $(".loader-container").addClass("d-none");
8383                        $(".loader-container #load-success-message").addClass("d-none");
8384                        $(".get_your_refund_process_main #step-1-details").removeClass('d-none')
8385                        $(".get_your_refund_process_main #step-1-details.cashback-file-upload-success-screen").addClass("d-none");
8386                        $(".get_your_refund_process_main #step-1-details.first-screen-view").addClass("d-none");
8387                        $(".get_your_refund_process_main #step-1-details.first_Error_popup").addClass("d-none");
8388                        $(".get_your_refund_process_main #step-1-details.fourth_error_popup_first_text").removeClass("d-none");
8389                        $(".get_your_refund_process_main #step-1-details.third_Error_popup").addClass("d-none");
8390                        $(".get_your_refund_process_main #step-1-details.second_Error_popup").addClass("d-none");
8391                        $(".get_your_refund_process_main #step-2-details").addClass("d-none");
8392                        $(".get_your_refund_process_main #step-3-details").addClass("d-none");
8393                    }
8394                });
8395                fileInput.addEventListener('click', () => {
8396                    fileInput.value = null;
8397                });
8398                //input.click();
8399
8400            }
8401            function importFileokay() {
8402                //$(".first-screen-view").addClass("d-none");
8403                grecaptcha.reset(0); grecaptcha.reset(1);
8404
8405                //let input = document.createElement('input');
8406                //input.type = 'file';
8407                //input.onchange = _ => {
8408                    // you can use this method to get file and perform respective operations
8409                var fileInput = document.getElementById('fileInput');
8410                   fileInput.click();
8411                    // Listen for changes in the input
8412                fileInput.addEventListener('change', function (event) {
8413                    var files = event.target.files[0];
8414                   // console.log(files);
8415                    // Display the selected image
8416                    //let files = Array.from(input.files);
8417                    //console.log(files);
8418                    var finalcheckedarr = localStorage.getItem('coupons');
8419                    var selectedarrparsed = JSON.parse(finalcheckedarr);
8420                   // console.log("selectedarrparsed", selectedarrparsed);
8421                    SelectedCampaigns = [];
8422                    $.each(selectedarrparsed, function (index, val) {
8423                        var reqobj = {};
8424
8425                        reqobj.Id = val.id;
8426                        reqobj.KweeriCampaignId = val.kweericampaignid;
8427                        reqobj.CouponCategory = val.couponcategory;
8428                        SelectedCampaigns.push(reqobj);
8429                    });
8430                   // console.log("SelectedCampaigns", SelectedCampaigns);
8431                    // $(".first-screen-view").addClass("d-none");
8432                    // $(".loader-container").removeClass("d-none");
8433                    // $(".loader-container #load-success-message").removeClass("d-none");
8434                    //$(".photo_continue_button").removeClass("btn_disabled");
8435                    validateUser_account();
8436                   // console.log("userstatus import file", userstatus);
8437                    if (userstatus) {
8438                        $("#g-recaptchaid").show();
8439                        $("#g-recaptchaidokayfr").show();
8440                        $("#isFileImportOkayfrError").show();
8441                    } else {
8442                        $("#isvaliduser").show();
8443                        return false;
8444                    }
8445
8446                    if(files.type === "image/png" || files.type ==="image/jpg" || files.type === "image/jpeg" || files.type === "application/pdf"){
8447                       // console.log("valide file......");
8448                        formDatum = new FormData();
8449                        formDatum.append("ImageFile", files);
8450
8451                        for (var i = 0; i < SelectedCampaigns.length; i++) {
8452                            formDatum.append(`SelectedCampaigns[${i}].Id`, SelectedCampaigns[i].Id);
8453                            formDatum.append(`SelectedCampaigns[${i}].KweeriCampaignId`, SelectedCampaigns[i].KweeriCampaignId);
8454                            formDatum.append(`SelectedCampaigns[${i}
8454].CouponCategory`, SelectedCampaigns[i].CouponCategory);
8455                        }
8456
8457                      //  console.log("quality ajax call", formDatum);
8458                        var flag = grecaptcha.getResponse() == "" ? false : true;
8459                      //  console.log("flag", flag);
8460                        return flag;
8461
8462
8463
8464                    } else {
8465                        console.log("file type is invalid");
8466                        $(".loader-container").addClass("d-none");
8467                        $(".loader-container #load-success-message").addClass("d-none");
8468                        $(".get_your_refund_process_main #step-1-details").removeClass('d-none')
8469                        $(".get_your_refund_process_main #step-1-details.cashback-file-upload-success-screen").addClass("d-none");
8470                        $(".get_your_refund_process_main #step-1-details.first-screen-view").addClass("d-none");
8471                        $(".get_your_refund_process_main #step-1-details.first_Error_popup").addClass("d-none");
8472                        $(".get_your_refund_process_main #step-1-details.fourth_error_popup_first_text").removeClass("d-none");
8473                        $(".get_your_refund_process_main #step-1-details.third_Error_popup").addClass("d-none");
8474                        $(".get_your_refund_process_main #step-1-details.second_Error_popup").addClass("d-none");
8475                        $(".get_your_refund_process_main #step-2-details").addClass("d-none");
8476                        $(".get_your_refund_process_main #step-3-details").addClass("d-none");
8477                    }
8478                });
8479                fileInput.addEventListener('click', () => {
8480                    fileInput.value = null;
8481                });
8482                //input.click();
8483
8484            }
8485            function getBinaryFromFile(file) {
8486                return new Promise((resolve, reject) => {
8487                    const reader = new FileReader();
8488                    reader.addEventListener("load", () => resolve(reader.result));
8489                    reader.addEventListener("error", err => reject(err));
8490                    reader.readAsBinaryString(file);
8491                });
8492            }
8493            $(document).on("click", ".web_reduction_listing_modal_fotter", function (e) {
8494                $(".get_your_refund_process_main #step-1-details").addClass('d-none')
8495                $(".get_your_refund_process_main #step-1-details.cashback-file-upload-success-screen").addClass("d-none");
8496                $(".get_your_refund_process_main #step-2-details").removeClass("d-none");
8497                $(".get_your_refund_process_main #step-1").removeClass("active");
8498                $(".get_your_refund_process_main #step-1").addClass("disabled");
8499                $(".get_your_refund_process_main #step-2").removeClass("disabled");
8500                $(".get_your_refund_process_main #step-2").addClass("active");
8501                $(".get_your_refund_process_main #step-3-details").addClass("d-none");
8502            });
8503
8504            $(document).on("click", ".i_continue_again", function () {
8505              //  console.log("we aer getting continue in mob");
8506                $(".get_your_refund_process_main #step-1-details").addClass('d-none');
8507                $(".get_your_refund_process_main #step-1-details.first-screen-view").removeClass("d-none");
8508                        $(".get_your_refund_process_main #step-1-details.first-screen-view.first_Error_popup").addClass('d-none');
8509                        $(".get_your_refund_process_main #step-1-details.confirmation_popup").addClass('d-none');
8510                    $(".get_your_refund_process_main #step-2-details").addClass("d-none");
8511                $(".get_your_refund_process_main #step-3-details").addClass("d-none");
8512                $(".photo_continue_button").addClass("btn_disabled");
8513                $(".photo_continue_button_okay").addClass("btn_disabled");
8514                grecaptcha.reset(0); grecaptcha.reset(1);
8515                $("#g-recaptchaid").hide();
8516                $("#g-recaptchaid_mob").hide();
8517                $("#g-recaptchaid_mob_takepic").hide();
8518                $("#isFileImportOkayfrError").hide();
8519                $("#isvaliduser").hide();
8520                $("#g-recaptchaidokayfr").hide();
8521                    $("#checkBox_upload").prop('checked', false); // Unchecks it
8522                $(".consentText_filoeuploadOkayFR").css("color", "#00005aab");
8523                $("#isFileImportOkayfrError").hide();
8524                $("#isFileImportedWeb").hide();
8525                    $("#ImportFileBtn").attr("disabled",false);
8526                $("#ImportFileBtnokay").attr("disabled", true);
8527                $("#TakePictureBtn").attr('disabled', false);
8528                $("#TakePictureBtnokay").attr('disabled', true);
8529            });
8530
8531            $(document).on("click",".i_continue_again_okay",function(){
8532             //   console.log("we aer getting continue in mob");
8533                $(".get_your_refund_process_main #step-1-details_okay_fr").addClass('d-none');
8534                $(".get_your_refund_process_main #step-1-details_okay_fr.first-screen-view").removeClass("d-none");
8535                $(".get_your_refund_process_main #step-1-details_okay_fr.first-screen-view.first_Error_popup").addClass('d-none');
8536                $(".get_your_refund_process_main #step-1-details_okay_fr.confirmation_popup").addClass('d-none');
8537                $(".get_your_refund_process_main #step-2-details_okay_fr").addClass("d-none");
8538                $(".get_your_refund_process_main #step-3-details_okay_fr_").addClass("d-none");
8539                $(".photo_continue_button_okay").addClass("btn_disabled");
8540                grecaptcha.reset(0); grecaptcha.reset(1);
8541                $("#g-recaptchaid").hide();
8542                $("#g-recaptchaid_mob").hide();
8543                $("#g-recaptchaid_mob_takepic").hide();
8544                $("#isFileImportOkayfrError").hide();
8545                $("#isvaliduser").hide();
8546                $("#g-recaptchaidokayfr").hide();
8547                    $("#checkBox_upload").prop('checked', false); // Unchecks it
8548                $(".consentText_filoeuploadOkayFR").css("color", "#00005aab");
8549                $("#isFileImportOkayfrError").hide();
8550                $("#isFileImportedWeb").hide();
8551                $("#ImportFileBtnokay").attr("disabled", false);
8552                $("#TakePictureBtnokay").attr('disabled', false);
8553                captchaflag = false;
8554            });
8555
8556            $(document).on("click","#cashback_list_confirmation",function(){
8557                var userId="";
8558                $.ajax({
8559                    url: '/Profile/GetUserDetails',
8560                    headers: {
8561                            'X-API-Key': 'E4CD0709-72FF-4310-AB9B-293703B9F78A'
8562                     },
8563                    type: "GET",
8564                    data: { userId: userId },
8565                    dataType: "json",
8566                    success: function (response) {
8567                      //  console.log("response === ==>", response);
8568                        var userDetails = {};
8569                        userDetails.bic = response.bic;
8570                        userDetails.city = response.city;
8571                        userDetails.email = response.email;
8572                        userDetails.firstName = response.firstName;
8573                        userDetails.iban = response.iban;
8574                        userDetails.lastName = response.lastName;
8575                        userDetails.uid = response.uid;
8576                        userDetails.zip = response.zip;
8577                        localStorage.setItem("userDetails", userDetails);
8578                        if (userDetails.bic != null) {
8579                            $("#bic-textfield").val(userDetails.bic);
8580                        }
8581                        if (userDetails.iban != null) {
8582                            $("#iban-textfield").val(userDetails.iban);
8583                        }
8584                        let ibanNumber = $("#iban-textfield").val();
8585                        let bicCode = $("#bic-textfield").val();
8586                        if (ibanNumber.length > 0 && bicCode.length > 0) {
8587                            $("#IBANFormBtn").removeClass("btn_disabled");
8588                        } else {
8589                            $("#IBANFormBtn").addClass("btn_disabled");
8590                        }
8591
8592                    }
8593                });
8594            });
8595
8596
8597</script>
8597
8598
8599
8600<script integrity="sha512-oJCa6FS2+zO3EitUSj+xeiEN9UTr+AjqlBZO58OPadb2RfqwxHpjTU8ckIC8F4nKvom7iru2s8Jwdo+Z8zm0Vg==" crossorigin="anonymous" referrerpolicy="no-referrer" src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/0.9.0/jquery.mask.min.js"></script>
vendor: 2 bytes, line 8600
8600
8601<script id="rendered-js">
8602        $(document).ready(function () {
8603            //$('#iban-textfield').mask('SS00 0000 0000 0000 0000 000', {
8604            //$('#iban-textfield').mask('SS00 00000 00000 AAAAAAAAAAA 00', {
8605            //placeholder: '____ _____ _____ ___________ __'
8606            //});
8607            // FR09 42424 42424 RD424424WP8 67
8608
8609            $("#ibanNumberRequireError").hide();
8610            $("#ibanNumberNotValid").hide();
8611            $("#bicCodeRequireError").hide();
8612
8613       function isIBANNumber(value) {
8614            const inputValue = value.replace(/\s/g, '');
8615            const ibanRegex = /FR[0-9]{2}[0-9]{5}[0-9]{5}[A-Z0-9]{11}[0-9]{2}/;
8616            const isValid = ibanRegex.test(inputValue);
8617           // console.log(isValid);
8618            return isValid;
8619        }
8620
8621               function isBICCode(value) {
8622             const inputValue = value.replace(/\s/g, '');
8623             const bicRegex = /^[A-Z0-9]{8}([A-Z0-9]{3})?$/;
8624             const isValid = bicRegex.test(inputValue);
8625            // console.log(isValid);
8626             return isValid;
8627         }
8628
8629
8630        $("#iban-textfield").keyup(function (e) {
8631            e.target.value = e.target.value.toUpperCase();
8632            IBANValidate();
8633            if (IBANValidate() && BICValidate()) {
8634                $("#IBANFormBtn").removeClass("btn_disabled");
8635            } else {
8636                $("#IBANFormBtn").addClass("btn_disabled");
8637            }
8638        });
8639
8640            // $("#bic-textfield").keyup(function (e) {
8641            //     BICValidate();
8642
8643            //     if (IBANValidate() && BICValidate()) {
8644            //         $("#IBANFormBtn").removeClass("btn_disabled");
8645            //     } else {
8646            //         $("#IBANFormBtn").addClass("btn_disabled");
8647            //     }
8648
8649            // });
8650
8651               $("#bic-textfield").keyup(function (e) {
8652            e.target.value = e.target.value.toUpperCase();
8653            BICValidate();
8654
8655            if (IBANValidate() && BICValidate()) {
8656                $("#IBANFormBtn").removeClass("btn_disabled");
8657            } else {
8658                $("#IBANFormBtn").addClass("btn_disabled");
8659            }
8660        });
8661
8662
8663              function IBANValidate() {
8664            let ibanNumber = $("#iban-textfield").val();
8665            $("#ibanNumberRequireError").hide();
8666            $("#ibanNumberNotValid").hide();
8667            if (ibanNumber == "") {
8668                $("#ibanNumberNotValid").hide();
8669                $("#ibanNumberRequireError").show();
8670                return false;
8671            } else if (!isIBANNumber(ibanNumber)) {
8672                $("#ibanNumberRequireError").hide();
8673                $("#ibanNumberNotValid").show();
8674                return false;
8675            } else {
8676                return true;
8677            }
8678        }
8679
8680            // function BICValidate() {
8681            //     let bicCode = $("#bic-textfield").val();
8682            //     $("#bicCodeRequireError").hide();
8683            //     if (bicCode == "") {
8684            //         $("#bicCodeRequireError").show();
8685            //         return false;
8686            //     } else {
8687            //         return true;
8688            //     }
8689
8690            // }
8691
8692            function BICValidate() {
8693            let bicCode = $("#bic-textfield").val();
8694            $("#bicCodeRequireError").hide();
8695            $("#bicCodeLengthError").hide();
8696            if (bicCode == "") {
8697                $("#bicCodeRequireError").show();
8698                return false;
8699            } else if (bicCode.length < 11) {
8700                $("#bicCodeRequireError").show();
8701                return false;
8702            } else if (!isBICCode(bicCode)) {
8703                $("#bicCodeRequireError").show();
8704                $("#bicCodeLengthError").hide();
8705                return false;
8706            } else {
8707                return true;
8708            }
8709            }
8710
8711            $("#IBANFormBtn").click(function (e) {
8712                var bic = $("#bic-textfield").val();
8713                var iban = $("#iban-textfield").val();
8714                var finalcheckedarr = localStorage.getItem('coupons');
8715                var selectedarrparsed = JSON.parse(finalcheckedarr);
8716               // console.log("selectedarrparsed", selectedarrparsed);
8717                SelectedCampaigns = [];
8718                $.each(selectedarrparsed, function (index, val) {
8719                    if(val.coupontype == "multi"){
8720                        SelectedCampaigns.push(val.id);
8721                    }
8722
8723                });
8724               // console.log("SelectedCampaigns", SelectedCampaigns);
8725
8726                if (!IBANValidate() || !BICValidate()) {
8727                    return false;
8728                } else {
8729
8730                    var matchedCoupons = JSON.parse(localStorage.getItem("matchedcoupons"));
8731                    var cashbackTransactionId = JSON.parse(localStorage.getItem("cashbacktransactionId"));
8732                   // console.log("IBANFormBtn ", cashbackTransactionId);
8733
8734                    var checked = $('#IBANCheck').prop('checked');
8735                  //  console.log("checked", checked)
8736                    var reqModel = {
8737                        Offers: matchedCoupons,
8738                        CashbackTransactionId: cashbackTransactionId,
8739                        UID: "",
8740                        InvoiceUrl: localStorage.getItem("invoiceurl"),
8741                        IBAN: iban,
8742                        BIC: bic,
8743                        IsSave: checked
8744                    }
8745                    var token = $('input[name="__RequestVerificationToken"]').val();
8746                    $.ajax({
8747                        url: '/Coupon/PostCouponCashback',
8748                        type: "POST",
8749                        data: { reqModel: reqModel },
8750                        beforeSend: function (xhr) {
8751                            xhr.setRequestHeader("RequestVerificationToken", token);
8752                                },
8753                        dataType: "json",
8754                        success: function (response) {
8755                          //  console.log("response", response);
8756                            if (response.status == "Success") {
8757                                $(".get_your_refund_process_main #step-1-details").addClass('d-none')
8758                                $(".get_your_refund_process_main #step-1-details.cashback-file-upload-success-screen").addClass("d-none");
8759                                $(".get_your_refund_process_main #step-2-details").addClass("d-none");
8760                                $(".get_your_refund_process_main #step-3-details").removeClass("d-none");
8761                                $(".get_your_refund_process_main #step-1").removeClass("active");
8762                                $(".get_your_refund_process_main #step-1").addClass("disabled");
8763                                $(".get_your_refund_process_main #step-2").removeClass("active");
8764                                $(".get_your_refund_process_main #step-2").addClass("disabled");
8765                                $(".get_your_refund_process_main #step-3").removeClass("disabled");
8766                                $(".get_your_refund_process_main #step-3").addClass("active");
8767                                $(".success_content").removeClass("d-none");
8768                                $(".error_content").addClass("d-none");
8769                                $(".error_content.Max-userexceed").addClass("d-none");
8770
8771                                var selectedcoupons = localStorage.getItem('coupons');
8772                                var selectedarrparsed1 = JSON.parse(selectedcoupons);
8773                                var returncoupontype = checkingcoupontypes(selectedarrparsed1);
8774                                //console.log("returncoupontype", returncoupontype);
8775                                if (returncoupontype === true) {
8776                                    $("#quickbasketloop").html("");
8777                                    $("#Totaladdedamount").text("0€");
8778                                    $("#Totaladdedamountinside").text("0€");
8779                                    $("#total_price_mobile").text("0€");
8780                                    $(".discount_coupons_cards").removeClass("selected");
8781                                    $(".disabledcoupon").hide();
8782                                    localStorage.removeItem('coupons');
8783                                    localStorage.removeItem("couponTypeselected");
8784                                    localStorage.setItem('basketcount', 0);
8785                                    $(".discount_coupons_cards").css({ "box-shadow": "none", "border": "1px solid rgba(0,0,0,.125)" })
8786                                    $(".basket_tag_click_badge_desktop p").text(localStorage.getItem('basketcount'));
8787                                    $(".basket_popup_mobile_button_badge").text(localStorage.getItem('basketcount'));
8788                                    $(".discount_coupons_cards").each(function () {
8789                                        $(this).find(".selectcheckbox").prop("checked", false);
8790                                    });
8791                                    $(".basket_popup_main").css("display", "none");
8792                                } else {
8793
8794                                  //  console.log("final array in REQ ", SelectedCampaigns, selectedarrparsed1);
8795                                 const filterByReference = (arr1, arr2) => {
8796                                let res = [];
8797                                res = arr1.filter(el => {
8798                                   return !arr2.find(element => {
8799                                      return element == el.id;
8800                                   });
8801                                });
8802                                return res;
8803                                 }
8804                                // console.log(filterByReference(selectedarrparsed1, SelectedCampaigns));
8805                                 var finaldata = filterByReference(selectedarrparsed1, SelectedCampaigns);
8806
8807                                    // set the item in localStorage
8808                                    if (selectedarrparsed1.length > 0) {
8809                                        localStorage.setItem('coupons', JSON.stringify(finaldata));
8810                                        localStorage.setItem('basketcount', finaldata.length)
8811                                         updatingstickybasket(localStorage.getItem('coupons'));
8812                                        loaddefaultselection();
8813                                    }
8814                                }
8815                                RefreshCouponListforCapping();
8816                            } else if (response.status == "Failed") {
8817                                $(".get_your_refund_process_main #step-1-detail
8817s").addClass('d-none')
8818                                $(".get_your_refund_process_main #step-1-details.cashback-file-upload-success-screen").addClass("d-none");
8819                                $(".get_your_refund_process_main #step-2-details").addClass("d-none");
8820                                $(".get_your_refund_process_main #step-3-details").removeClass("d-none");
8821                                $(".get_your_refund_process_main #step-1").removeClass("active");
8822                                $(".get_your_refund_process_main #step-1").addClass("disabled");
8823                                $(".get_your_refund_process_main #step-2").removeClass("active");
8824                                $(".get_your_refund_process_main #step-2").addClass("disabled");
8825                                $(".get_your_refund_process_main #step-3").removeClass("disabled");
8826                                $(".get_your_refund_process_main #step-3").addClass("active");
8827                                $(".error_content").removeClass("d-none");
8828                                $(".error_content.Max-userexceed").addClass("d-none");
8829                                $(".success_content").addClass("d-none");
8830                            } else {
8831                                $(".get_your_refund_process_main #step-1-details").addClass('d-none')
8832                                $(".get_your_refund_process_main #step-1-details.cashback-file-upload-success-screen").addClass("d-none");
8833                                $(".get_your_refund_process_main #step-2-details").addClass("d-none");
8834                                $(".get_your_refund_process_main #step-3-details").removeClass("d-none");
8835                                $(".get_your_refund_process_main #step-1").removeClass("active");
8836                                $(".get_your_refund_process_main #step-1").addClass("disabled");
8837                                $(".get_your_refund_process_main #step-2").removeClass("active");
8838                                $(".get_your_refund_process_main #step-2").addClass("disabled");
8839                                $(".get_your_refund_process_main #step-3").removeClass("disabled");
8840                                $(".get_your_refund_process_main #step-3").addClass("active");
8841                                $(".error_content.Max-userexceed").removeClass("d-none");
8842                                $(".success_content").addClass("d-none");
8843                                $(".error_content").addClass("d-none");
8844                            }
8845
8846                        }
8847                    });
8848
8849
8850                }
8851            });
8852        });
8853
8854            /* DRAG and DROP Scripts*/
8855            $(document).ready(function() {
8856                 $("#drop-area").on('dragenter', function (e){
8857                    e.preventDefault();
8858                    });
8859
8860                    $("#drop-area").on('dragover', function (e){
8861                    e.preventDefault();
8862                    });
8863
8864                    $("#drop-area").on('drop', function (e){
8865                    e.preventDefault();
8866                    var image = e.originalEvent.dataTransfer.files;
8867                    //$(".first-screen-view").addClass("d-none");
8868                    grecaptcha.reset(0); grecaptcha.reset(1);
8869
8870
8871                var files = image[0];
8872                 // Display the selected image
8873                //let files = Array.from(input.files);
8874                //console.log(files);
8875                var finalcheckedarr = localStorage.getItem('coupons');
8876                var selectedarrparsed = JSON.parse(finalcheckedarr);
8877               // console.log("selectedarrparsed", selectedarrparsed);
8878                SelectedCampaigns = [];
8879                $.each(selectedarrparsed, function (index, val) {
8880                    var reqobj = {};
8881
8882                    reqobj.Id = val.id;
8883                    reqobj.KweeriCampaignId = val.kweericampaignid;
8884                    reqobj.CouponCategory = val.couponcategory;
8885                    SelectedCampaigns.push(reqobj);
8886                });
8887               // console.log("SelectedCampaigns", SelectedCampaigns);
8888                // $(".first-screen-view").addClass("d-none");
8889                // $(".loader-container").removeClass("d-none");
8890                // $(".loader-container #load-success-message").removeClass("d-none");
8891                //$(".photo_continue_button").removeClass("btn_disabled");
8892                validateUser_account();
8893               // console.log("userstatus import file", userstatus);
8894                if (userstatus) {
8895                    $("#g-recaptchaid").show();
8896                    $("#isFileImportedWeb").show();
8897                } else {
8898                    $("#isvaliduser").show();
8899                    return false;
8900                }
8901
8902                if (files.type === "image/png" || files.type === "image/jpg" || files.type === "image/jpeg" || files.type === "application/pdf") {
8903                    //console.log("valide file......");
8904                    formDatum = new FormData();
8905                    formDatum.append("ImageFile", files);
8906
8907                    for (var i = 0; i < SelectedCampaigns.length; i++) {
8908                        formDatum.append(`SelectedCampaigns[${i}].Id`, SelectedCampaigns[i].Id);
8909                        formDatum.append(`SelectedCampaigns[${i}].KweeriCampaignId`, SelectedCampaigns[i].KweeriCampaignId);
8910                         formDatum.append(`SelectedCampaigns[${i}].CouponCategory`, SelectedCampaigns[i].CouponCategory);
8911                    }
8912
8913                    //console.log("quality ajax call", formDatum);
8914                    var flag = grecaptcha.getResponse() == "" ? false : true;
8915                    //console.log("flag", flag);
8916                    return flag;
8917
8918
8919
8920                } else {
8921                    console.log("file type is invalid");
8922                    $(".loader-container").addClass("d-none");
8923                    $(".loader-container #load-success-message").addClass("d-none");
8924                    $(".get_your_refund_process_main #step-1-details").removeClass('d-none')
8925                    $(".get_your_refund_process_main #step-1-details.cashback-file-upload-success-screen").addClass("d-none");
8926                    $(".get_your_refund_process_main #step-1-details.first-screen-view").addClass("d-none");
8927                    $(".get_your_refund_process_main #step-1-details.first_Error_popup").addClass("d-none");
8928                    $(".get_your_refund_process_main #step-1-details.fourth_error_popup_first_text").removeClass("d-none");
8929                    $(".get_your_refund_process_main #step-1-details.third_Error_popup").addClass("d-none");
8930                    $(".get_your_refund_process_main #step-1-details.second_Error_popup").addClass("d-none");
8931                    $(".get_your_refund_process_main #step-2-details").addClass("d-none");
8932                    $(".get_your_refund_process_main #step-3-details").addClass("d-none");
8933                }
8934
8935                    });
8936
8937
8938             $("#drop-area-okayfr").on('dragenter', function (e){
8939                    e.preventDefault();
8940                    });
8941
8942                    $("#drop-area-okayfr").on('dragover', function (e){
8943                    e.preventDefault();
8944                    });
8945
8946                    $("#drop-area-okayfr").on('drop', function (e){
8947                    e.preventDefault();
8948                    var image = e.originalEvent.dataTransfer.files;
8949                   // console.log("image",image);
8950                     grecaptcha.reset(0); grecaptcha.reset(1);
8951
8952              var files = image[0];
8953            // console.log(files);
8954             // Display the selected image
8955             //let files = Array.from(input.files);
8956             //console.log(files);
8957             var finalcheckedarr = localStorage.getItem('coupons');
8958             var selectedarrparsed = JSON.parse(finalcheckedarr);
8959            // console.log("selectedarrparsed", selectedarrparsed);
8960             SelectedCampaigns = [];
8961             $.each(selectedarrparsed, function (index, val) {
8962                 var reqobj = {};
8963
8964                 reqobj.Id = val.id;
8965                 reqobj.KweeriCampaignId = val.kweericampaignid;
8966                 SelectedCampaigns.push(reqobj);
8967             });
8968            // console.log("SelectedCampaigns", SelectedCampaigns);
8969             // $(".first-screen-view").addClass("d-none");
8970             // $(".loader-container").removeClass("d-none");
8971             // $(".loader-container #load-success-message").removeClass("d-none");
8972             //$(".photo_continue_button").removeClass("btn_disabled");
8973             validateUser_account();
8974            // console.log("userstatus import file", userstatus);
8975             if (userstatus) {
8976                 $("#g-recaptchaid").show();
8977                 $("#g-recaptchaidokayfr").show();
8978                 $("#isFileImportOkayfrError").show();
8979             } else {
8980                 $("#isvaliduser").show();
8981                 return false;
8982             }
8983
8984             if(files.type === "image/png" || files.type ==="image/jpg" || files.type === "image/jpeg" || files.type === "application/pdf"){
8985                // console.log("valide file......");
8986                 formDatum = new FormData();
8987                 formDatum.append("ImageFile", files);
8988
8989                 for (var i = 0; i < SelectedCampaigns.length; i++) {
8990                     formDatum.append(`SelectedCampaigns[${i}].Id`, SelectedCampaigns[i].Id);
8991                     formDatum.append(`SelectedCampaigns[${i}].KweeriCampaignId`, SelectedCampaigns[i].KweeriCampaignId);
8992                 }
8993
8994                // console.log("quality ajax call", formDatum);
8995                 var flag = grecaptcha.getResponse() == "" ? false : true;
8996                // console.log("flag", flag);
8997                 return flag;
8998
8999
9000
9001             } else {
9002                 console.log("file type is invalid");
9003                 $(".loader-container").addClass("d-none");
9004                 $(".loader-container #load-success-message").addClass("d-none");
9005                 $(".get_your_refund_process_main #step-1-details").removeClass('d-none')
9006                 $(".get_your_refund_process_main #step-1-details.cashback-file-upload-success-screen").addClass("d-none");
9007                 $(".get_your_refund_process_main #step-1-details.first-screen-view").addClass("d-none");
9008                 $(".get_your_refund_process_main #step-1-details.first_Error_popup").addClass("d-none");
9009                 $(".get_your_refund_process_main #step-1-details.fourth_error_popup_first_text").removeClass("d-none");
9010                 $(".get_your_refund_process_main #step-1-details.third_Error_popup").addClass("d-none");
9011                 $(".get_your_refund_process_main #step-1-details.second_Error_popup").addClass("d-none");
9012                 $(".get_your_refund_process_main #step-2-details").addClass("d-none");
9013                 $(".get_your_refund_process_main #step-3-details").addClass("d-none");
9014             }
9015                    });
9016            });
9017
9018
9019
9020            /* DRAG and DROP Scripts*/
9021
9022
9023        $(document).ready(function() {
9024             $('#BtnScrollOkFrTo,#BtnScrollOkFrToMobile').click(function () {
9025           if ($(window).width() <= 768) {
9026             // Mobile behavior
9027               var mobileSectionOffset = $('#mobileTargetScrool').offset().top - ($(window).height() * 0.5);;
9028             $('html, body').animate({
9029               scrollTop: mobileSectionOffset
9030             }, 500);
9031           } else {
9032             // Desktop behavior
9033             var desktopSectionOffset = $('#BtnScrollOkFrFrom').offset().top;
9034             $('html, body').animate({
9035               scrollTop: desktopSectionOffset
9036             }, 500);
9037           }
9038         });
9039            hideStickyBasketInAdminScreenPage();
9040        });
9041
9042        // ==================
9043         $('.tooltip-container').on('mouseenter', function () {
9044          const $tooltip = $(this).find('.tooltip-popup');
9045          const containerOffset = $(this).offset();
9046          const containerHeight = $(this).outerHeight();
9047          const tooltipHeight = $tooltip.outerHeight();
9048          const windowHeight = $(window).height();
9049          const scrollTop = $(window).scrollTop();
9050          const spaceAbove = containerOffset.top - scrollTop;
9051          const spaceBelow = windowHeight - (spaceAbove + containerHeight);
9052
9053          $tooltip.removeClass('arrow-up arrow-down arrow-mobile');
9054
9055          // Check for mobile screen size
9056          if ($(window).width() <= 768) { // Adjust the width as needed for mobile detection
9057            $tooltip.css({
9058              top: -tooltipHeight - 8, // Position on top
9059              left: '50%',
9060              transform: 'translateX(-50%)', // Center it horizontally
9061              right: 'unset', // Reset any right alignment
9062            }).addClass('arrow-mobile');
9063          } else {
9064            // Desktop behavior
9065            if (spaceBelow >= tooltipHeight) {
9066              $tooltip.css({
9067                top: containerHeight + 8,
9068                right: 0,
9069              }).addClass('arrow-down');
9070            } else {
9071              $tooltip.css({
9072                top: -tooltipHeight - 8,
9073                right: 0,
9074              }).addClass('arrow-up');
9075            }
9076          }
9077
9078          $tooltip.fadeIn(200);
9079        });
9080
9081        $('.tooltip-container').on('mouseleave', function () {
9082          $(this).find('.tooltip-popup').fadeOut(200);
9083        });
9084
9085
9086        // ============
9087
9088
9089
9090    // =====================
9091
9092        $(document).on("click", "#onetrust-accept-btn-handler", function () {
9093           // console.log("user acceptance cookie button Clicked...");
9094            storeUtmParameters();
9095        });
9096
9097        function storeUtmParameters() {
9098            var performanceCookiesAccepted = false;
9099
9100            for (var j = 0; j < dataLayer.length; j++) {
9101                if (dataLayer[j].OptanonActiveGroups && dataLayer[j].OptanonActiveGroups.includes("C0002")) {
9102                    performanceCookiesAccepted = true;
9103                    break;
9104                }
9105            }
9106
9107            if (performanceCookiesAccepted) {
9108               // console.log("Performance cookies accepted.");
9109                if ('')
9110                    localStorage.setItem('click_Id', '');
9111              //  console.log("Click_id: " + localStorage.getItem('click_Id'));
9112
9113                if ('')
9114                    localStorage.setItem('utm_campaign', '');
9115
9116                     if ('')
9117                    localStorage.setItem('utm_content', '');
9118
9119                if ('')
9120                    localStorage.setItem('utm_medium', '');
9121
9122                if ('')
9123                    localStorage.setItem('utm_source', '');
9124
9125                   // console.log("utm_medium: " + localStorage.getItem('utm_medium'));
9126
9127            } else {
9128                console.log("Cookies not accepted.");
9129            }
9130        }
9131
9132
9133
9134              // admin sidebar script start here
9135
9136                 function openNav() {
9137                    const sidebarName = document.getElementById("sidebarName").textContent;
9138                    document.getElementById("sidebar-title").textContent = sidebarName;
9139
9140                    document.getElementById("mainAdminSidebar").style.width = "320px";
9141                    document.getElementById("backdropAdmin").style.display = "block";
9142                }
9143
9144                function closeNav() {
9145                    document.getElementById("mainAdminSidebar").style.width = "0";
9146                    document.getElementById("backdropAdmin").style.display = "none";
9147                }
9148
9149                document.getElementById("openBtnSidebar").addEventListener("click", openNav);
9150                document.getElementById("closeBtnSidebar").addEventListener("click", closeNav);
9151                document.getElementById("backdropAdmin").addEventListener("click", closeNav);
9152
9153                // Add event listeners to buttons inside the sidebar
9154                const adminTabBtns = document.querySelectorAll('.adminTabBtn');
9155                adminTabBtns.forEach(btn => {
9156                    btn.addEventListener('click', closeNav);
9157                });
9158
9159        function hideStickyBasketInAdminScreenPage() {
9160            if ('False' == 'True') {
9161                $('#basketPopbtn').css('display', 'none');
9162                $(".basket_popup_mobile").css("display", "none");
9163            }
9164
9165        }
9166
9167
9168
9169        function BindClaimFormLink(transactionIds,couponIds)
9170        {
9171           // console.log("transactionIds "+transactionIds);
9172           // console.log("couponIds "+couponIds);
9173
9174            // Build the claim form link
9175            var currentLink=$(".claimFormLink").prop("href");
9176            currentLink = currentLink.endsWith('/') ? currentLink.slice(0, -1) : currentLink;
9177           // console.log("current claim link "+currentLink);
9178            var queryStringclm = transactionIds+"|"+couponIds;
9179            if(queryStringclm && currentLink)
9180            {
9181                var utf8String = unescape(encodeURIComponent(queryStringclm));
9182                var base64String = btoa(utf8String);
9183                $(".claimFormLink").prop("href",currentLink+"?value="+base64String);
9184            }
9185        }
9186
9187         function initHomeSwiper() {
9188                    if (window.matchMedia("(min-width: 768px)").matches) {
9189                        window.mySwiperInstance = new Swiper(".mySwiper", {
9190                            slidesPerGroup: 3,
9191                            spaceBetween: 20,
9192                            centeredSlides: false,
9193                            pagination: {
9194                                el: ".swiper-pagination",
9195                                clickable: true,
9196                            },
9197                            breakpoints: {
9198                                768: {
9199                                    slidesPerView: 3,
9200                                    spaceBetween: 20,
9201                                },
9202                                1024: {
9203                                    slidesPerView: 3,
9204                                    spaceBetween: 30,
9205                                    slidesPerGroup: 3,
9206                                },
9207                            },
9208                        });
9209                    }
9210           }
9211
9212        function RefreshCouponListforCapping() {
9213
9214            if ('contactUsPage' == "reductionsAndRemboursements" || 'contactUsPage' == "brandSpecificPage" || 'contactUsPage' == "homePage") {
9215                let refreshType = "ReimbursementPage";
9216                if ('contactUsPage' == "homePage") {
9217                    refreshType = "HomePage";
9218                }
9219                var reqModel = {
9220                    IsRequestFromBrandPage: false,
9221                    BrandType: "",
9222                    CappingRefreshType: refreshType
9223                };
9224                var token = $('input[name="__RequestVerificationToken"]').val();
9225                $.ajax({
9226                    url: '/Coupon/GetCouponListPage',
9227                    type: 'POST',
9228                    data: { reqModel: reqModel },
9229                    beforeSend: function (xhr) {
9230                        xhr.setRequestHeader("RequestVerificationToken", token);
9231                            },
9232                    success: function (response) {
9233                        if (refreshType == "HomePage") {
9234                            $("#homecouponListDIV").html(response);
9235                            initHomeSwiper();
9236                        }
9237                        else {
9238                            if ($("#couponListSection").length) {
9239                                $("#couponListSection").load(window.location.href + " #couponListSection > *");
9240                            } else {
9241                                $("#couponListDIV").html(response);
9242                            }
9243                        }
9244                        loaddefaultselection();
9245                    },
9246                    error: function (xhr, status, error) {
9247                        console.error('Error fetching RefreshCouponListPage:', error);
9248                    }
9249                });
9250            }
9251
9252        }
9253
9254        function GetCoupons(callback) {
9255            $.ajax({
9256                url: '/Coupon/GetCouponDetails',
9257                type: "GET",
9258                dataType: "json",
9259                async: false,
9260                success: function (data) {
9261                    if (data) {
9262                        callback(data);
9263                    }
9264
9265                }
9266            });
9267        }
9268
9269        function addBasketItems(coupons) {
9270            var postdata = [];
9271            $.each(coupons, function (index, element) {
9272                parameters = {};
9273                parameters.CouponId = element.id;
9274                parameters.CouponType = element.coupontype;
9275                postdata.push(parameters);
9276            })
9277            var reqModel = {
9278                StickyBasketItemsViewModel: postdata
9279            }
9280            var token = $('input[name="__RequestVerificationToken"]').val();
9281           // console.log("Token",token);
9282            $.ajax({
9283                url: '/BasketItem/AddOrRemoveBasketItem',
9284                type: "POST",
9285                data: { reqModel: reqModel },
9286                beforeSend: function (xhr) {
9287                xhr.setRequestHeader("RequestVerificationToken", token);
9288                },
9289                dataType: "json",
9290                success: function (data) {
9291
9292                }
9293            });
9294        }
9295        function validateBasketItems(coupons) {
9296            var postdata = [];
9297            $.each(coupons, function (index, element) {
9298                parameters = {};
9299                parameters.CouponId = element.id;
9300                parameters.CouponType = element.coupontype;
9301                postdata.push(parameters);
9302            })
9303            var reqModel = {
9304                StickyBasketItemsViewModel: postdata
9305            }
9306            var token = $('input[name="__RequestVerificationToken"]').val();
9307            $.ajax({
9308                url: '/BasketItem/ValidateBasketItem',
9309                type: "POST",
9310                data: { reqModel: reqModel },
9311                beforeSend: function (xhr) {
9312                xhr.setRequestHeader("RequestVerificationToken", token);
9313                },
9314                dataType: "json",
9315                success: function (data) {
9316
9317                }
9318            });
9319        }
9320
9321        function IsUserInstawinTransStatus(UID) {
9322
9323                 var result = false;
9324                 var templateAlias = 'ContactUsPage';
9325                    $.ajax({
9326                        url: '/Okay/GetUserInstawinTransactionStatus',
9327                        type: "GET",
9328                        data: { UserId: UID, templateAliasName : templateAlias },
9329                        dataType: "json",
9330                        async: false,
9331                        success: function (response) {
9332                            result = response;
9333                            //console.log("GetUserInstawinTransactionStatus response === ==>", response);
9334                        }
9335                    });
9336                    return result;
9337             }
9338
9339</script>
vendor: 2 bytes, line 9339
9339

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.