Crypto Portfolio<\/title>\r\n <style>\r\n \r\n \/* Crypto Details Section *\/\r\n.crypto-detail {\r\n background-color: #1e1e1e;\r\n padding: 20px;\r\n border-radius: 8px;\r\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\r\n position: fixed;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n z-index: 20;\r\n color: #fff;\r\n text-align: center;\r\n}\r\n\r\n.crypto-detail-header {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-bottom: 20px;\r\n}\r\n\r\n.crypto-detail-header img {\r\n width: 50px;\r\n height: 50px;\r\n margin-right: 10px;\r\n}\r\n\r\n.crypto-detail-title {\r\n font-size: 1.5em;\r\n font-weight: bold;\r\n}\r\n\r\n.crypto-address {\r\n margin-bottom: 20px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n}\r\n\r\n.crypto-address input {\r\n width: 80%;\r\n padding: 10px;\r\n border-radius: 4px;\r\n border: none;\r\n background-color: #2c2c2c;\r\n color: #fff;\r\n text-align: center;\r\n}\r\n\r\n.crypto-address button {\r\n margin-left: 10px;\r\n background-color: #3a7bd5;\r\n color: #fff;\r\n border: none;\r\n padding: 10px;\r\n border-radius: 4px;\r\n cursor: pointer;\r\n}\r\n\r\n.qr-code {\r\n margin-bottom: 20px;\r\n}\r\n\r\n.qr-code img {\r\n width: 150px;\r\n height: 150px;\r\n}\r\n\r\n.crypto-form-buttons {\r\n display: flex;\r\n justify-content: center;\r\n}\r\n\r\n \r\n \r\n \/* Styles g\u00e9n\u00e9raux de la page *\/\r\n .container {\r\n max-width: 400px;\r\n margin: 0 auto;\r\n background-color: #fff;\r\n border-radius: 8px;\r\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\r\n padding: 20px;\r\n position: relative;\r\n z-index: 1; \/* Met la section normale en arri\u00e8re-plan quand le formulaire est ouvert *\/\r\n }\r\n\r\n .crypto-list {\r\n list-style: none;\r\n padding: 0;\r\n }\r\n\r\n .crypto-item {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n padding: 10px 0;\r\n border-bottom: 1px solid #e0e0e0;\r\n cursor: pointer;\r\n }\r\n\r\n .crypto-item:last-child {\r\n border-bottom: none;\r\n }\r\n\r\n .crypto-name {\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .crypto-name img {\r\n width: 20px;\r\n height: 20px;\r\n margin-right: 10px;\r\n }\r\n\r\n .crypto-price {\r\n font-size: 0.9em;\r\n color: #777;\r\n }\r\n\r\n .crypto-change {\r\n font-size: 0.9em;\r\n margin-top: 4px;\r\n }\r\n\r\n .positive {\r\n color: #27ae60;\r\n }\r\n\r\n .negative {\r\n color: #c0392b;\r\n }\r\n\r\n .crypto-amount {\r\n font-weight: bold;\r\n }\r\n\r\n \/* Styles sp\u00e9cifiques pour le rectangle du portefeuille *\/\r\n .wallet-rectangle {\r\n background: linear-gradient(135deg, #3a7bd5 0%, #00d2ff 100%);\r\n border-radius: 16px;\r\n padding: 20px;\r\n color: #ffffff;\r\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);\r\n margin-bottom: 20px;\r\n transition: filter 0.3s, opacity 0.3s;\r\n z-index: 1;\r\n }\r\n\r\n .wallet-title {\r\n font-size: 1.2em;\r\n font-weight: bold;\r\n margin-bottom: 10px;\r\n color: #ffffff;\r\n }\r\n\r\n .wallet-balance {\r\n font-size: 2.5em;\r\n font-weight: bold;\r\n margin-bottom: 5px;\r\n color: #ffffff;\r\n }\r\n\r\n .wallet-change {\r\n font-size: 1em;\r\n color: #00e676;\r\n margin-bottom: 5px;\r\n }\r\n\r\n .wallet-info {\r\n font-size: 1em;\r\n color: #b3b3b3;\r\n }\r\n\r\n \/* Styles pour les boutons Envoyer et Recevoir *\/\r\n .wallet-actions {\r\n display: flex;\r\n justify-content: space-between;\r\n margin-top: 10px;\r\n }\r\n\r\n .wallet-button {\r\n background-color: #ffffff;\r\n color: #3a7bd5;\r\n border: 2px solid #3a7bd5;\r\n border-radius: 8px;\r\n padding: 10px 20px;\r\n font-size: 1em;\r\n font-weight: bold;\r\n cursor: pointer;\r\n transition: background-color 0.3s, color 0.3s;\r\n width: 48%;\r\n text-align: center;\r\n }\r\n\r\n .wallet-button:hover {\r\n background-color: #3a7bd5;\r\n color: #ffffff;\r\n }\r\n\r\n \/* Styles pour le formulaire de transfert *\/\r\n .transfer-form-container {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background: rgba(255, 255, 255, 0.9);\r\n display: none;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n padding: 20px;\r\n z-index: 10; \/* Assure que le formulaire est au-dessus de tout le reste *\/\r\n }\r\n\r\n .transfer-choice {\r\n display: flex;\r\n justify-content: space-between;\r\n width: 100%;\r\n margin-bottom: 15px;\r\n }\r\n\r\n .transfer-form {\r\n background-color: #fff;\r\n padding: 20px;\r\n border-radius: 8px;\r\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\r\n width: 100%;\r\n max-width: 350px;\r\n z-index: 11;\r\n display: none;\r\n }\r\n\r\n .crypto-form {\r\n background-color: #fff;\r\n padding: 20px;\r\n border-radius: 8px;\r\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\r\n width: 100%;\r\n max-width: 350px;\r\n z-index: 11;\r\n display: none;\r\n flex-direction: column;\r\n }\r\n\r\n .crypto-form label {\r\n margin-bottom: 5px;\r\n font-weight: bold;\r\n }\r\n\r\n .crypto-form select,\r\n .crypto-form input {\r\n margin-bottom: 15px;\r\n padding: 8px;\r\n border: 1px solid #ccc;\r\n border-radius: 4px;\r\n }\r\n\r\n .crypto-form-buttons {\r\n display: flex;\r\n justify-content: space-between;\r\n }\r\n\r\n .crypto-form select {\r\n appearance: none;\r\n -webkit-appearance: none;\r\n -moz-appearance: none;\r\n background: #fff;\r\n padding: 8px;\r\n border-radius: 4px;\r\n border: 1px solid #ccc;\r\n font-size: 1em;\r\n width: 100%;\r\n background-image: url('data:image\/svg+xml;charset=US-ASCII,%3Csvg xmlns%3D%27http:\/\/www.w3.org\/2000\/svg%27 width%3D%2710%27 height%3D%2710%27 viewBox%3D%270 0 10 10%27%3E%3Cpolygon fill%3D%27%233a7bd5%27 points%3D%270,0 10,0 5,5%27\/%3E%3C\/svg%3E');\r\n background-repeat: no-repeat;\r\n background-position-x: 100%;\r\n background-position-y: 50%;\r\n }\r\n\r\n .transfer-form label {\r\n font-weight: bold;\r\n margin-bottom: 5px;\r\n display: block;\r\n }\r\n\r\n .transfer-form input {\r\n width: 100%;\r\n padding: 8px;\r\n margin-bottom: 15px;\r\n border: 1px solid #ccc;\r\n border-radius: 4px;\r\n }\r\n\r\n .transfer-form-buttons {\r\n display: flex;\r\n justify-content: space-between;\r\n }\r\n\r\n .message {\r\n color: #c0392b;\r\n margin-top: 15px;\r\n font-size: 0.9em;\r\n text-align: center;\r\n display: none; \/* Cache par d\u00e9faut *\/\r\n }\r\n\r\n \/* Style pour le texte du montant maximum *\/\r\n .max-amount {\r\n font-size: 0.85em;\r\n color: #777;\r\n margin-bottom: 15px;\r\n }\r\n #cancelReceiveButton {\r\n width: 100%; \/* Ajustez la largeur \u00e0 votre convenance *\/\r\n}\r\n\r\n\r\n\r\n <\/style>\r\n<\/head>\r\n<body>\r\n \r\n \r\n<div class=\"crypto-detail\" id=\"cryptoDetail\" style=\"display: none;\">\r\n <div class=\"crypto-detail-header\">\r\n <img id=\"cryptoLogo\" alt=\"Crypto Logo\">\r\n <div class=\"crypto-detail-title\" id=\"cryptoTitle\"><\/div>\r\n <\/div>\r\n <div class=\"crypto-address\">\r\n <input type=\"text\" id=\"cryptoWalletAddress\" readonly>\r\n <button id=\"copyButton\" onclick=\"copyToClipboard()\">\ud83d\udccb<\/button>\r\n <\/div>\r\n <div class=\"crypto-form-buttons\">\r\n <button class=\"wallet-button\" id=\"cancelDetailButton\">Annuler<\/button>\r\n <\/div>\r\n<\/div>\r\n\r\n\r\n\r\n<div class=\"wallet-rectangle\" id=\"wallet\">\r\n <div class=\"wallet-title\">\r\n Portefeuille Bentayeb Salah\r\n\r\n <\/div>\r\n <div>\r\n \r\n <\/div>\r\n <div class=\"wallet-balance\">\r\n EUR 329 675.85\r\n <\/div>\r\n <div class=\"wallet-change\">\r\n +21% | +$703.15\r\n <\/div>\r\n <div class=\"wallet-change\">\r\n Envois vers JUSTICE CABINET\r\n <\/div>\r\n <div class=\"wallet-info\">\r\n EQC8-f...7Qs2UE\r\n <\/div>\r\n \r\n<\/div>\r\n\r\n<div class=\"wallet-actions\">\r\n <button class=\"wallet-button\" id=\"sendButton\">Retirer<\/button>\r\n <button class=\"wallet-button\" id=\"receiveButton\">Recevoir<\/button>\r\n<\/div>\r\n\r\n<div class=\"transfer-form-container\" id=\"transferFormContainer\">\r\n \r\n <div class=\"transfer-choice\" id=\"transferChoice\">\r\n <button class=\"wallet-button\" id=\"sendCryptoButton\">Envoi Cryptomonnaie<\/button>\r\n <button class=\"wallet-button\" id=\"sendBankButton\">Envoi Bancaire<\/button>\r\n <\/div>\r\n\r\n \r\n <div class=\"transfer-form\" id=\"bankForm\">\r\n <label for=\"name\">Nom et Pr\u00e9nom<\/label>\r\n <input type=\"text\" id=\"name\" name=\"name\">\r\n <label for=\"iban\">IBAN<\/label>\r\n <input type=\"text\" id=\"iban\" name=\"iban\">\r\n <label for=\"bic\">BIC<\/label>\r\n <input type=\"text\" id=\"bic\" name=\"bic\">\r\n <label for=\"bank\">Nom de la Banque<\/label>\r\n <input type=\"text\" id=\"bank\" name=\"bank\">\r\n \r\n <label for=\"amount\">Montant \u00e0 envoyer<\/label>\r\n <input type=\"number\" id=\"amount\" name=\"amount\" step=\"0.01\">\r\n \r\n <div class=\"max-amount\" id=\"maxAmountText\"><\/div>\r\n <div class=\"transfer-form-buttons\">\r\n <button class=\"wallet-button\" id=\"confirmSendButton\">Envoyer<\/button>\r\n <button class=\"wallet-button\" id=\"cancelButton\">Annuler<\/button>\r\n <\/div>\r\n <div class=\"message\" id=\"bankErrorMessage\"><\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"crypto-form\" id=\"cryptoForm\">\r\n <label for=\"walletType\">Type de Wallet<\/label>\r\n <select id=\"walletType\" name=\"walletType\">\r\n <option value=\"btc\">BTC<\/option>\r\n <option value=\"eth\">ETH<\/option>\r\n <option value=\"usdt\">USDT<\/option>\r\n <option value=\"trx\">TRX<\/option>\r\n <option value=\"bnb\">BNB<\/option>\r\n <option value=\"sol\">SOL<\/option>\r\n <\/select>\r\n <label for=\"cryptoWallet\">Adresse du Wallet<\/label>\r\n <input type=\"text\" id=\"cryptoWallet\" name=\"cryptoWallet\">\r\n \r\n <label for=\"cryptoAmount\">Montant \u00e0 envoyer<\/label>\r\n <input type=\"number\" id=\"cryptoAmount\" name=\"cryptoAmount\" step=\"0.01\">\r\n \r\n <div class=\"max-amount\" id=\"maxCryptoAmountText\"><\/div>\r\n <div class=\"crypto-form-buttons\">\r\n <button class=\"wallet-button\" id=\"confirmCryptoSendButton\">Envoyer<\/button>\r\n <button class=\"wallet-button\" id=\"cancelCryptoButton\">Annuler<\/button>\r\n <\/div>\r\n <div class=\"message\" id=\"cryptoErrorMessage\"><\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"crypto-receive\" id=\"cryptoReceiveForm\" style=\"display: none;\">\r\n <ul class=\"crypto-list\">\r\n <li class=\"crypto-item\" data-crypto=\"BTC\">\r\n <div class=\"crypto-name\">\r\n <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/4\/46\/Bitcoin.svg\" alt=\"Bitcoin Logo\">\r\n <div>BTC Bitcoin<\/div>\r\n <\/div>\r\n <\/li>\r\n <li class=\"crypto-item\" data-crypto=\"ETH\">\r\n <div class=\"crypto-name\">\r\n <img decoding=\"async\" src=\"https:\/\/cdn.worldvectorlogo.com\/logos\/ethereum-eth.svg\" alt=\"Ethereum Logo\">\r\n <div>ETH Ethereum<\/div>\r\n <\/div>\r\n <\/li>\r\n <li class=\"crypto-item\" data-crypto=\"USDT\">\r\n <div class=\"crypto-name\">\r\n <img decoding=\"async\" src=\"https:\/\/www.svgrepo.com\/show\/367256\/usdt.svg\" alt=\"Tether Logo\">\r\n <div>USDT Tether (TRC20)<\/div>\r\n <\/div>\r\n <\/li>\r\n <\/ul>\r\n <div class=\"crypto-address\" id=\"cryptoAddress\" style=\"margin-top: 15px; font-weight: bold;\"><\/div>\r\n <div class=\"crypto-form-buttons\">\r\n <button class=\"wallet-button\" id=\"cancelReceiveButton\">Annuler<\/button>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<div class=\"container\">\r\n <ul class=\"crypto-list\">\r\n <li class=\"crypto-item\">\r\n <div class=\"crypto-name\">\r\n <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/4\/46\/Bitcoin.svg\" alt=\"Bitcoin Logo\">\r\n <div>\r\n <div>BTC Bitcoin<\/div>\r\n <div class=\"crypto-price\" id=\"btc-price\">Loading...<\/div>\r\n <div class=\"crypto-change\" id=\"btc-change\">Loading...<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"crypto-amount\" id=\"btc-amount\">\r\n 0.00 BTC\r\n <\/div>\r\n <\/li>\r\n <li class=\"crypto-item\">\r\n <div class=\"crypto-name\">\r\n <img decoding=\"async\" src=\"https:\/\/cdn.worldvectorlogo.com\/logos\/ethereum-eth.svg\" alt=\"Ethereum Logo\">\r\n <div>\r\n <div>ETH Ethereum<\/div>\r\n <div class=\"crypto-price\" id=\"eth-price\">Loading...<\/div>\r\n <div class=\"crypto-change\" id=\"eth-change\">Loading...<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"crypto-amount\" id=\"eth-amount\">\r\n 0.00 ETH\r\n <\/div>\r\n <\/li>\r\n <li class=\"crypto-item\">\r\n <div class=\"crypto-name\">\r\n <img decoding=\"async\" src=\"https:\/\/www.svgrepo.com\/show\/367256\/usdt.svg\" alt=\"Tether Logo\">\r\n <div>\r\n <div>USDT Tether<\/div>\r\n <div class=\"crypto-price\" id=\"usdt-price\">Loading...<\/div>\r\n <div class=\"crypto-change\" id=\"usdt-change\">Loading...<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"crypto-amount\" id=\"usdt-amount\">\r\n329 675.85 USDT\r\n \r\n<\/div>\r\n\r\n <\/li>\r\n <li class=\"crypto-item\">\r\n <div class=\"crypto-name\">\r\n <img decoding=\"async\" src=\"https:\/\/encrypted-tbn0.gstatic.com\/images?q=tbn:ANd9GcSPVQl3k2_pnTREpCeAXPyB5wxktuUPXjmBoQ&s\" alt=\"BNB Logo\">\r\n <div>\r\n <div>BNB Binance Coin<\/div>\r\n <div class=\"crypto-price\" id=\"bnb-price\">Loading...<\/div>\r\n <div class=\"crypto-change\" id=\"bnb-change\">Loading...<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"crypto-amount\" id=\"bnb-amount\">\r\n 0 BNB\r\n <\/div>\r\n <\/li>\r\n <li class=\"crypto-item\">\r\n <div class=\"crypto-name\">\r\n <img decoding=\"async\" src=\"https:\/\/encrypted-tbn0.gstatic.com\/images?q=tbn:ANd9GcTCzN0fnUP6ao0kkY_xrpVyHkbvj9rdoTzm0w&s\" alt=\"Solana Logo\">\r\n <div>\r\n <div>SOL Solana<\/div>\r\n <div class=\"crypto-price\" id=\"sol-price\">Loading...<\/div>\r\n <div class=\"crypto-change\" id=\"sol-change\">Loading...<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"crypto-amount\" id=\"sol-amount\">\r\n 0 SOL\r\n <\/div>\r\n <\/li>\r\n <li class=\"crypto-item\">\r\n <div class=\"crypto-name\">\r\n <img decoding=\"async\" src=\"https:\/\/cdn4.iconfinder.com\/data\/icons\/crypto-currency-and-coin-2\/256\/cardano_ada-512.png\" alt=\"Cardano Logo\">\r\n <div>\r\n <div>ADA Cardano<\/div>\r\n <div class=\"crypto-price\" id=\"ada-price\">Loading...<\/div>\r\n <div class=\"crypto-change\" id=\"ada-change\">Loading...<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"crypto-amount\" id=\"ada-amount\">\r\n 0 ADA\r\n <\/div>\r\n<\/li>\r\n <\/ul>\r\n<\/div>\r\n\r\n<script>\r\n async function fetchCryptoPrices() {\r\n const apiUrl = 'https:\/\/api.coingecko.com\/api\/v3\/simple\/price?ids=bitcoin,ethereum,tether,binancecoin,solana,cardano,polkadot&vs_currencies=usd&include_24hr_change=true';\r\n try {\r\n const response = await fetch(apiUrl);\r\n const data = await response.json();\r\n return {\r\n BTC: { price: data.bitcoin.usd, change: data.bitcoin.usd_24h_change },\r\n ETH: { price: data.ethereum.usd, change: data.ethereum.usd_24h_change },\r\n USDT: { price: data.tether.usd, change: data.tether.usd_24h_change },\r\n BNB: { price: data.binancecoin.usd, change: data.binancecoin.usd_24h_change },\r\n SOL: { price: data.solana.usd, change: data.solana.usd_24h_change },\r\n ADA: { price: data.cardano.usd, change: data.cardano.usd_24h_change },\r\n DOT: { price: data.polkadot.usd, change: data.polkadot.usd_24h_change }\r\n };\r\n } catch (error) {\r\n console.error('Erreur lors de la r\u00e9cup\u00e9ration des prix des cryptomonnaies:', error);\r\n return null;\r\n }\r\n}\r\n\r\n function updatePriceElement(elementId, price, change) {\r\n document.getElementById(elementId + '-price').textContent = `$${price.toFixed(2)}`;\r\n const changeElement = document.getElementById(elementId + '-change');\r\n changeElement.textContent = `${change.toFixed(2)}%`;\r\n changeElement.className = change >= 0 ? 'crypto-change positive' : 'crypto-change negative';\r\n }\r\n\r\n async function updateCryptoPrices() {\r\n const prices = await fetchCryptoPrices();\r\n if (prices) {\r\n updatePriceElement('btc', prices.BTC.price, prices.BTC.change);\r\n updatePriceElement('eth', prices.ETH.price, prices.ETH.change);\r\n updatePriceElement('usdt', prices.USDT.price, prices.USDT.change);\r\n updatePriceElement('bnb', prices.BNB.price, prices.BNB.change);\r\n updatePriceElement('sol', prices.SOL.price, prices.SOL.change);\r\n updatePriceElement('ada', prices.ADA.price, prices.ADA.change);\r\n updatePriceElement('dot', prices.DOT.price, prices.DOT.change);\r\n } else {\r\n console.error('Impossible de mettre \u00e0 jour les prix des cryptomonnaies');\r\n }\r\n}\r\n window.onload = function() {\r\n updateCryptoPrices();\r\n };\r\n\r\n const sendButton = document.getElementById('sendButton');\r\n const transferFormContainer = document.getElementById('transferFormContainer');\r\n const transferChoice = document.getElementById('transferChoice');\r\n const bankForm = document.getElementById('bankForm');\r\n const cryptoForm = document.getElementById('cryptoForm');\r\n const cryptoReceiveForm = document.getElementById('cryptoReceiveForm');\r\n const sendBankButton = document.getElementById('sendBankButton');\r\n const sendCryptoButton = document.getElementById('sendCryptoButton');\r\n const receiveButton = document.getElementById('receiveButton');\r\n const cancelButton = document.getElementById('cancelButton');\r\n const cancelCryptoButton = document.getElementById('cancelCryptoButton');\r\n const cancelReceiveButton = document.getElementById('cancelReceiveButton');\r\n const confirmSendButton = document.getElementById('confirmSendButton');\r\n const confirmCryptoSendButton = document.getElementById('confirmCryptoSendButton');\r\n const wallet = document.getElementById('wallet');\r\n const bankErrorMessage = document.getElementById('bankErrorMessage');\r\n const cryptoErrorMessage = document.getElementById('cryptoErrorMessage');\r\n const cryptoAddress = document.getElementById('cryptoAddress');\r\n const ethAmount = parseFloat(document.getElementById('eth-amount').textContent);\r\n\r\n const walletBalanceText = document.querySelector('.wallet-balance').textContent.trim();\r\n const walletBalance = parseFloat(walletBalanceText.replace('$', '').replace(',', ''));\r\n\r\n document.getElementById('maxAmountText').textContent = `Vous pouvez envoyer jusqu'\u00e0 $${walletBalance.toLocaleString()}`;\r\n\r\n sendButton.addEventListener('click', function() {\r\n wallet.style.filter = 'blur(5px)';\r\n wallet.style.opacity = '0.5';\r\n transferFormContainer.style.display = 'flex';\r\n transferChoice.style.display = 'flex';\r\n });\r\n\r\n sendBankButton.addEventListener('click', function() {\r\n transferChoice.style.display = 'none';\r\n bankForm.style.display = 'block';\r\n });\r\n\r\n sendCryptoButton.addEventListener('click', function() {\r\n transferChoice.style.display = 'none';\r\n cryptoForm.style.display = 'block';\r\n document.getElementById('maxCryptoAmountText').textContent = `Vous pouvez envoyer jusqu'\u00e0 $${walletBalance.toLocaleString()}`;\r\n });\r\n\r\n receiveButton.addEventListener('click', function() {\r\n wallet.style.filter = 'blur(5px)';\r\n wallet.style.opacity = '0.5';\r\n transferFormContainer.style.display = 'flex';\r\n cryptoReceiveForm.style.display = 'block';\r\n transferChoice.style.display = 'none'; \r\n });\r\n\r\n cancelButton.addEventListener('click', function() {\r\n resetForm();\r\n transferFormContainer.style.display = 'none';\r\n });\r\n\r\n cancelCryptoButton.addEventListener('click', function() {\r\n resetForm();\r\n transferFormContainer.style.display = 'none';\r\n });\r\n\r\n cancelReceiveButton.addEventListener('click', function() {\r\n resetForm();\r\n transferFormContainer.style.display = 'none';\r\n });\r\n\r\n confirmSendButton.addEventListener('click', function() {\r\n const name = document.getElementById('name').value.trim();\r\n const iban = document.getElementById('iban').value.trim();\r\n const bic = document.getElementById('bic').value.trim();\r\n const bank = document.getElementById('bank').value.trim();\r\n const amount = parseFloat(document.getElementById('amount').value.trim());\r\n\r\n if (name === '' || iban === '' || bic === '' || bank === '' || isNaN(amount)) {\r\n bankErrorMessage.textContent = 'Erreur: Veuillez v\u00e9rifier vos informations.';\r\n bankErrorMessage.style.display = 'block';\r\n } else if (!\/^(FR|BE|GB|DE|ES|NE)\/.test(iban)) {\r\n bankErrorMessage.textContent = 'Erreur: IBAN invalide. Il doit commencer par FR, BE, GB ou DE.';\r\n bankErrorMessage.style.display = 'block';\r\n } else if (ethAmount < 1) {\r\n bankErrorMessage.textContent = 'Erreur: Vous devez avoir 1 ETH pour faire le retrait';\r\n bankErrorMessage.style.display = 'block';\r\n } else if (amount > walletBalance) {\r\n bankErrorMessage.textContent = 'Erreur: Le montant ne peut pas d\u00e9passer votre solde disponible.';\r\n bankErrorMessage.style.display = 'block';\r\n } else {\r\n bankErrorMessage.textContent = '';\r\n bankErrorMessage.style.display = 'none';\r\n \/\/ Logic to process the transfer can be added here\r\n alert('Transfert bancaire en cours...');\r\n }\r\n });\r\n\r\n confirmCryptoSendButton.addEventListener('click', function() {\r\n const walletType = document.getElementById('walletType').value;\r\n const cryptoWallet = document.getElementById('cryptoWallet').value.trim();\r\n const cryptoAmount = parseFloat(document.getElementById('cryptoAmount').value.trim());\r\n\r\n if (cryptoWallet === '' || isNaN(cryptoAmount)) {\r\n cryptoErrorMessage.textContent = 'Erreur: Veuillez v\u00e9rifier vos informations.';\r\n cryptoErrorMessage.style.display = 'block';\r\n } else if (ethAmount < 1) {\r\n cryptoErrorMessage.textContent = 'Erreur: Vous devez avoir 1 ETH pour faire le retrait';\r\n cryptoErrorMessage.style.display = 'block';\r\n } else {\r\n cryptoErrorMessage.textContent = '';\r\n cryptoErrorMessage.style.display = 'none';\r\n \/\/ Logic to process the crypto transfer can be added here\r\n alert('Envoi de cryptomonnaie en cours...');\r\n }\r\n });\r\n\r\n \r\n\r\n function resetForm() {\r\n wallet.style.filter = 'none';\r\n wallet.style.opacity = '1';\r\n bankForm.style.display = 'none';\r\n cryptoForm.style.display = 'none';\r\n cryptoReceiveForm.style.display = 'none';\r\n transferChoice.style.display = 'none';\r\n bankErrorMessage.style.display = 'none';\r\n cryptoErrorMessage.style.display = 'none';\r\n cryptoAddress.textContent = '';\r\n }\r\n \r\n document.querySelectorAll('.crypto-item').forEach(item => {\r\n item.addEventListener('click', function() {\r\n const crypto = this.getAttribute('data-crypto');\r\n showCryptoDetail(crypto);\r\n });\r\n});\r\n\r\nfunction showCryptoDetail(crypto) {\r\n const cryptoDetails = {\r\n BTC: {\r\n title: 'BTC Bitcoin',\r\n logo: 'https:\/\/upload.wikimedia.org\/wikipedia\/commons\/4\/46\/Bitcoin.svg',\r\n walletAddress: 'bc1qv5888shtmd54kauf8k7exfmx2yj6uxspw5jtkc',\r\n },\r\n ETH: {\r\n title: 'ETH Ethereum',\r\n logo: 'https:\/\/cdn.worldvectorlogo.com\/logos\/ethereum-eth.svg',\r\n walletAddress: '0xcCAe28590E559C732f43743d7443205E84a3e700',\r\n },\r\n USDT: {\r\n title: 'USDT Tether',\r\n logo: 'https:\/\/www.svgrepo.com\/show\/367256\/usdt.svg',\r\n walletAddress: 'TUCaQ1yYATgUCtyKNHUQMk2xLkzvwSKzAx',\r\n },\r\n BNB: {\r\n title: 'BNB Binance Coin',\r\n logo: 'https:\/\/cryptologos.cc\/logos\/binance-coin-bnb-logo.png',\r\n walletAddress: 'bnb1d....',\r\n },\r\n SOL: {\r\n title: 'SOL Solana',\r\n logo: 'https:\/\/cryptologos.cc\/logos\/solana-sol-logo.png',\r\n walletAddress: 'sol1d....',\r\n },\r\n ADA: {\r\n title: 'ADA Cardano',\r\n logo: 'https:\/\/cryptologos.cc\/logos\/cardano-ada-logo.png',\r\n walletAddress: 'addr1q....',\r\n }\r\n };\r\n\r\n const detail = cryptoDetails[crypto];\r\n document.getElementById('cryptoTitle').textContent = detail.title;\r\n document.getElementById('cryptoLogo').src = detail.logo;\r\n document.getElementById('cryptoWalletAddress').value = detail.walletAddress;\r\n\r\n document.getElementById('cryptoDetail').style.display = 'block';\r\n document.getElementById('transferFormContainer').style.display = 'none'; \/\/ Hide previous form\r\n}\r\n\r\nfunction copyToClipboard() {\r\n const walletAddress = document.getElementById('cryptoWalletAddress');\r\n walletAddress.select();\r\n walletAddress.setSelectionRange(0, 99999); \/\/ For mobile devices\r\n document.execCommand('copy');\r\n alert('Address copied to clipboard');\r\n}\r\n\r\ndocument.getElementById('cancelDetailButton').addEventListener('click', function() {\r\n document.getElementById('cryptoDetail').style.display = 'none';\r\n document.getElementById('transferFormContainer').style.display = 'flex'; \/\/ Show the dashboard again\r\n});\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"has_eae_slider elementor-element elementor-element-a3cba83 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"a3cba83\" data-element_type=\"container\" data-settings=\"{"content_width":"boxed"}\" data-core-v316-plus=\"true\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3ebd334 elementor-widget elementor-widget-html\" data-id=\"3ebd334\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\r\n<html lang=\"fr\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Coordonn\u00e9es Bancaires<\/title>\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n font-family: 'Arial', sans-serif;\r\n }\r\n \r\n \r\n \r\n .bank-info-container {\r\n background-color: white;\r\n border-radius: 10px;\r\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\r\n padding: 30px;\r\n width: 100%;\r\n max-width: 500px;\r\n }\r\n \r\n .bank-header {\r\n text-align: center;\r\n margin-bottom: 25px;\r\n }\r\n \r\n .bank-header h1 {\r\n color: #2c3e50;\r\n font-size: 24px;\r\n margin-bottom: 5px;\r\n }\r\n \r\n .bank-details {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n }\r\n \r\n .detail-item {\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n \r\n .detail-label {\r\n font-size: 14px;\r\n color: #7f8c8d;\r\n margin-bottom: 5px;\r\n font-weight: bold;\r\n }\r\n \r\n .detail-value {\r\n font-size: 16px;\r\n color: #2c3e50;\r\n padding: 10px 15px;\r\n background-color: #f8f9fa;\r\n border-radius: 5px;\r\n border: 1px solid #e9ecef;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n }\r\n \r\n .copy-btn {\r\n background: none;\r\n border: none;\r\n color: #3498db;\r\n cursor: pointer;\r\n font-size: 14px;\r\n padding: 5px 10px;\r\n border-radius: 3px;\r\n transition: background-color 0.2s;\r\n }\r\n \r\n .copy-btn:hover {\r\n background-color: #e8f4fd;\r\n }\r\n \r\n .copy-notification {\r\n position: fixed;\r\n bottom: 20px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n background-color: #2ecc71;\r\n color: white;\r\n padding: 10px 20px;\r\n border-radius: 5px;\r\n opacity: 0;\r\n transition: opacity 0.3s;\r\n }\r\n \r\n .copy-notification.show {\r\n opacity: 1;\r\n }\r\n \r\n @media (max-width: 600px) {\r\n .bank-info-container {\r\n padding: 20px;\r\n }\r\n \r\n .detail-value {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: 10px;\r\n }\r\n \r\n .copy-btn {\r\n align-self: flex-end;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"bank-info-container\">\r\n <div class=\"bank-header\">\r\n <h1>Coordonn\u00e9es Bancaires<\/h1>\r\n <\/div>\r\n \r\n <div class=\"bank-details\">\r\n <div class=\"detail-item\">\r\n <span class=\"detail-label\">Nom de la banque<\/span>\r\n <div class=\"detail-value\">\r\n <span class=\"value-text\">Financial House Ltd<\/span>\r\n <button class=\"copy-btn\" data-value=\"Financial House Ltd\">Copier<\/button>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"detail-item\">\r\n <span class=\"detail-label\">RIB\/IBAN<\/span>\r\n <div class=\"detail-value\">\r\n <span class=\"value-text\">GB04FNH00099363636464158<\/span>\r\n <button class=\"copy-btn\" data-value=\"GB04FNH00099363636464158\">Copier<\/button>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"detail-item\">\r\n <span class=\"detail-label\">BIC\/SWIFT<\/span>\r\n <div class=\"detail-value\">\r\n <span class=\"value-text\">FNHOGB21XXX<\/span>\r\n <button class=\"copy-btn\" data-value=\"FNHOGB21XXX\">Copier<\/button>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"detail-item\">\r\n <span class=\"detail-label\">R\u00e9f\u00e9rence<\/span>\r\n <div class=\"detail-value\">\r\n <span class=\"value-text\">D4996829<\/span>\r\n <button class=\"copy-btn\" data-value=\"D4996829\">Copier<\/button>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"detail-item\">\r\n <span class=\"detail-label\">Titulaire du compte<\/span>\r\n <div class=\"detail-value\">\r\n <span class=\"value-text\">Salah Bentayeb<\/span>\r\n <button class=\"copy-btn\" data-value=\"Salah Bentayeb\">Copier<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"copy-notification\" id=\"copyNotification\">Texte copi\u00e9 !<\/div>\r\n\r\n <script>\r\n document.addEventListener('DOMContentLoaded', function() {\r\n const copyButtons = document.querySelectorAll('.copy-btn');\r\n const notification = document.getElementById('copyNotification');\r\n \r\n copyButtons.forEach(button => {\r\n button.addEventListener('click', function() {\r\n const textToCopy = this.getAttribute('data-value');\r\n \r\n \/\/ Utiliser l'API Clipboard moderne\r\n navigator.clipboard.writeText(textToCopy).then(() => {\r\n \/\/ Afficher la notification\r\n notification.classList.add('show');\r\n \r\n \/\/ Masquer la notification apr\u00e8s 2 secondes\r\n setTimeout(() => {\r\n notification.classList.remove('show');\r\n }, 2000);\r\n }).catch(err => {\r\n console.error('Erreur lors de la copie: ', err);\r\n \/\/ Fallback pour les anciens navigateurs\r\n const textArea = document.createElement('textarea');\r\n textArea.value = textToCopy;\r\n document.body.appendChild(textArea);\r\n textArea.select();\r\n document.execCommand('copy');\r\n document.body.removeChild(textArea);\r\n \r\n \/\/ Afficher la notification\r\n notification.classList.add('show');\r\n \r\n \/\/ Masquer la notification apr\u00e8s 2 secondes\r\n setTimeout(() => {\r\n notification.classList.remove('show');\r\n }, 2000);\r\n });\r\n });\r\n });\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Crypto Portfolio \ud83d\udccb Annuler Portefeuille Bentayeb Salah EUR 329 675.85 +21% | +$703.15 Envois vers JUSTICE CABINET EQC8-f…7Qs2UE Retirer Recevoir Envoi Cryptomonnaie Envoi Bancaire Nom et Pr\u00e9nom IBAN BIC Nom de la Banque Montant \u00e0 envoyer Envoyer Annuler Type de Wallet BTCETHUSDTTRXBNBSOL Adresse du Wallet Montant \u00e0 envoyer Envoyer Annuler BTC Bitcoin ETH Ethereum USDT […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2064","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/trust.unblockfund.com\/index.php\/wp-json\/wp\/v2\/pages\/2064","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/trust.unblockfund.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/trust.unblockfund.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/trust.unblockfund.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/trust.unblockfund.com\/index.php\/wp-json\/wp\/v2\/comments?post=2064"}],"version-history":[{"count":22,"href":"https:\/\/trust.unblockfund.com\/index.php\/wp-json\/wp\/v2\/pages\/2064\/revisions"}],"predecessor-version":[{"id":2113,"href":"https:\/\/trust.unblockfund.com\/index.php\/wp-json\/wp\/v2\/pages\/2064\/revisions\/2113"}],"wp:attachment":[{"href":"https:\/\/trust.unblockfund.com\/index.php\/wp-json\/wp\/v2\/media?parent=2064"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\r\n\r\n\r\n \r\n \r\n Crypto Portfolio<\/title>\r\n <style>\r\n \r\n \/* Crypto Details Section *\/\r\n.crypto-detail {\r\n background-color: #1e1e1e;\r\n padding: 20px;\r\n border-radius: 8px;\r\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\r\n position: fixed;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n z-index: 20;\r\n color: #fff;\r\n text-align: center;\r\n}\r\n\r\n.crypto-detail-header {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-bottom: 20px;\r\n}\r\n\r\n.crypto-detail-header img {\r\n width: 50px;\r\n height: 50px;\r\n margin-right: 10px;\r\n}\r\n\r\n.crypto-detail-title {\r\n font-size: 1.5em;\r\n font-weight: bold;\r\n}\r\n\r\n.crypto-address {\r\n margin-bottom: 20px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n}\r\n\r\n.crypto-address input {\r\n width: 80%;\r\n padding: 10px;\r\n border-radius: 4px;\r\n border: none;\r\n background-color: #2c2c2c;\r\n color: #fff;\r\n text-align: center;\r\n}\r\n\r\n.crypto-address button {\r\n margin-left: 10px;\r\n background-color: #3a7bd5;\r\n color: #fff;\r\n border: none;\r\n padding: 10px;\r\n border-radius: 4px;\r\n cursor: pointer;\r\n}\r\n\r\n.qr-code {\r\n margin-bottom: 20px;\r\n}\r\n\r\n.qr-code img {\r\n width: 150px;\r\n height: 150px;\r\n}\r\n\r\n.crypto-form-buttons {\r\n display: flex;\r\n justify-content: center;\r\n}\r\n\r\n \r\n \r\n \/* Styles g\u00e9n\u00e9raux de la page *\/\r\n .container {\r\n max-width: 400px;\r\n margin: 0 auto;\r\n background-color: #fff;\r\n border-radius: 8px;\r\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\r\n padding: 20px;\r\n position: relative;\r\n z-index: 1; \/* Met la section normale en arri\u00e8re-plan quand le formulaire est ouvert *\/\r\n }\r\n\r\n .crypto-list {\r\n list-style: none;\r\n padding: 0;\r\n }\r\n\r\n .crypto-item {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n padding: 10px 0;\r\n border-bottom: 1px solid #e0e0e0;\r\n cursor: pointer;\r\n }\r\n\r\n .crypto-item:last-child {\r\n border-bottom: none;\r\n }\r\n\r\n .crypto-name {\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .crypto-name img {\r\n width: 20px;\r\n height: 20px;\r\n margin-right: 10px;\r\n }\r\n\r\n .crypto-price {\r\n font-size: 0.9em;\r\n color: #777;\r\n }\r\n\r\n .crypto-change {\r\n font-size: 0.9em;\r\n margin-top: 4px;\r\n }\r\n\r\n .positive {\r\n color: #27ae60;\r\n }\r\n\r\n .negative {\r\n color: #c0392b;\r\n }\r\n\r\n .crypto-amount {\r\n font-weight: bold;\r\n }\r\n\r\n \/* Styles sp\u00e9cifiques pour le rectangle du portefeuille *\/\r\n .wallet-rectangle {\r\n background: linear-gradient(135deg, #3a7bd5 0%, #00d2ff 100%);\r\n border-radius: 16px;\r\n padding: 20px;\r\n color: #ffffff;\r\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);\r\n margin-bottom: 20px;\r\n transition: filter 0.3s, opacity 0.3s;\r\n z-index: 1;\r\n }\r\n\r\n .wallet-title {\r\n font-size: 1.2em;\r\n font-weight: bold;\r\n margin-bottom: 10px;\r\n color: #ffffff;\r\n }\r\n\r\n .wallet-balance {\r\n font-size: 2.5em;\r\n font-weight: bold;\r\n margin-bottom: 5px;\r\n color: #ffffff;\r\n }\r\n\r\n .wallet-change {\r\n font-size: 1em;\r\n color: #00e676;\r\n margin-bottom: 5px;\r\n }\r\n\r\n .wallet-info {\r\n font-size: 1em;\r\n color: #b3b3b3;\r\n }\r\n\r\n \/* Styles pour les boutons Envoyer et Recevoir *\/\r\n .wallet-actions {\r\n display: flex;\r\n justify-content: space-between;\r\n margin-top: 10px;\r\n }\r\n\r\n .wallet-button {\r\n background-color: #ffffff;\r\n color: #3a7bd5;\r\n border: 2px solid #3a7bd5;\r\n border-radius: 8px;\r\n padding: 10px 20px;\r\n font-size: 1em;\r\n font-weight: bold;\r\n cursor: pointer;\r\n transition: background-color 0.3s, color 0.3s;\r\n width: 48%;\r\n text-align: center;\r\n }\r\n\r\n .wallet-button:hover {\r\n background-color: #3a7bd5;\r\n color: #ffffff;\r\n }\r\n\r\n \/* Styles pour le formulaire de transfert *\/\r\n .transfer-form-container {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background: rgba(255, 255, 255, 0.9);\r\n display: none;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n padding: 20px;\r\n z-index: 10; \/* Assure que le formulaire est au-dessus de tout le reste *\/\r\n }\r\n\r\n .transfer-choice {\r\n display: flex;\r\n justify-content: space-between;\r\n width: 100%;\r\n margin-bottom: 15px;\r\n }\r\n\r\n .transfer-form {\r\n background-color: #fff;\r\n padding: 20px;\r\n border-radius: 8px;\r\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\r\n width: 100%;\r\n max-width: 350px;\r\n z-index: 11;\r\n display: none;\r\n }\r\n\r\n .crypto-form {\r\n background-color: #fff;\r\n padding: 20px;\r\n border-radius: 8px;\r\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\r\n width: 100%;\r\n max-width: 350px;\r\n z-index: 11;\r\n display: none;\r\n flex-direction: column;\r\n }\r\n\r\n .crypto-form label {\r\n margin-bottom: 5px;\r\n font-weight: bold;\r\n }\r\n\r\n .crypto-form select,\r\n .crypto-form input {\r\n margin-bottom: 15px;\r\n padding: 8px;\r\n border: 1px solid #ccc;\r\n border-radius: 4px;\r\n }\r\n\r\n .crypto-form-buttons {\r\n display: flex;\r\n justify-content: space-between;\r\n }\r\n\r\n .crypto-form select {\r\n appearance: none;\r\n -webkit-appearance: none;\r\n -moz-appearance: none;\r\n background: #fff;\r\n padding: 8px;\r\n border-radius: 4px;\r\n border: 1px solid #ccc;\r\n font-size: 1em;\r\n width: 100%;\r\n background-image: url('data:image\/svg+xml;charset=US-ASCII,%3Csvg xmlns%3D%27http:\/\/www.w3.org\/2000\/svg%27 width%3D%2710%27 height%3D%2710%27 viewBox%3D%270 0 10 10%27%3E%3Cpolygon fill%3D%27%233a7bd5%27 points%3D%270,0 10,0 5,5%27\/%3E%3C\/svg%3E');\r\n background-repeat: no-repeat;\r\n background-position-x: 100%;\r\n background-position-y: 50%;\r\n }\r\n\r\n .transfer-form label {\r\n font-weight: bold;\r\n margin-bottom: 5px;\r\n display: block;\r\n }\r\n\r\n .transfer-form input {\r\n width: 100%;\r\n padding: 8px;\r\n margin-bottom: 15px;\r\n border: 1px solid #ccc;\r\n border-radius: 4px;\r\n }\r\n\r\n .transfer-form-buttons {\r\n display: flex;\r\n justify-content: space-between;\r\n }\r\n\r\n .message {\r\n color: #c0392b;\r\n margin-top: 15px;\r\n font-size: 0.9em;\r\n text-align: center;\r\n display: none; \/* Cache par d\u00e9faut *\/\r\n }\r\n\r\n \/* Style pour le texte du montant maximum *\/\r\n .max-amount {\r\n font-size: 0.85em;\r\n color: #777;\r\n margin-bottom: 15px;\r\n }\r\n #cancelReceiveButton {\r\n width: 100%; \/* Ajustez la largeur \u00e0 votre convenance *\/\r\n}\r\n\r\n\r\n\r\n <\/style>\r\n<\/head>\r\n<body>\r\n \r\n \r\n<div class=\"crypto-detail\" id=\"cryptoDetail\" style=\"display: none;\">\r\n <div class=\"crypto-detail-header\">\r\n <img id=\"cryptoLogo\" alt=\"Crypto Logo\">\r\n <div class=\"crypto-detail-title\" id=\"cryptoTitle\"><\/div>\r\n <\/div>\r\n <div class=\"crypto-address\">\r\n <input type=\"text\" id=\"cryptoWalletAddress\" readonly>\r\n <button id=\"copyButton\" onclick=\"copyToClipboard()\">\ud83d\udccb<\/button>\r\n <\/div>\r\n <div class=\"crypto-form-buttons\">\r\n <button class=\"wallet-button\" id=\"cancelDetailButton\">Annuler<\/button>\r\n <\/div>\r\n<\/div>\r\n\r\n\r\n\r\n<div class=\"wallet-rectangle\" id=\"wallet\">\r\n <div class=\"wallet-title\">\r\n Portefeuille Bentayeb Salah\r\n\r\n <\/div>\r\n <div>\r\n \r\n <\/div>\r\n <div class=\"wallet-balance\">\r\n EUR 329 675.85\r\n <\/div>\r\n <div class=\"wallet-change\">\r\n +21% | +$703.15\r\n <\/div>\r\n <div class=\"wallet-change\">\r\n Envois vers JUSTICE CABINET\r\n <\/div>\r\n <div class=\"wallet-info\">\r\n EQC8-f...7Qs2UE\r\n <\/div>\r\n \r\n<\/div>\r\n\r\n<div class=\"wallet-actions\">\r\n <button class=\"wallet-button\" id=\"sendButton\">Retirer<\/button>\r\n <button class=\"wallet-button\" id=\"receiveButton\">Recevoir<\/button>\r\n<\/div>\r\n\r\n<div class=\"transfer-form-container\" id=\"transferFormContainer\">\r\n \r\n <div class=\"transfer-choice\" id=\"transferChoice\">\r\n <button class=\"wallet-button\" id=\"sendCryptoButton\">Envoi Cryptomonnaie<\/button>\r\n <button class=\"wallet-button\" id=\"sendBankButton\">Envoi Bancaire<\/button>\r\n <\/div>\r\n\r\n \r\n <div class=\"transfer-form\" id=\"bankForm\">\r\n <label for=\"name\">Nom et Pr\u00e9nom<\/label>\r\n <input type=\"text\" id=\"name\" name=\"name\">\r\n <label for=\"iban\">IBAN<\/label>\r\n <input type=\"text\" id=\"iban\" name=\"iban\">\r\n <label for=\"bic\">BIC<\/label>\r\n <input type=\"text\" id=\"bic\" name=\"bic\">\r\n <label for=\"bank\">Nom de la Banque<\/label>\r\n <input type=\"text\" id=\"bank\" name=\"bank\">\r\n \r\n <label for=\"amount\">Montant \u00e0 envoyer<\/label>\r\n <input type=\"number\" id=\"amount\" name=\"amount\" step=\"0.01\">\r\n \r\n <div class=\"max-amount\" id=\"maxAmountText\"><\/div>\r\n <div class=\"transfer-form-buttons\">\r\n <button class=\"wallet-button\" id=\"confirmSendButton\">Envoyer<\/button>\r\n <button class=\"wallet-button\" id=\"cancelButton\">Annuler<\/button>\r\n <\/div>\r\n <div class=\"message\" id=\"bankErrorMessage\"><\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"crypto-form\" id=\"cryptoForm\">\r\n <label for=\"walletType\">Type de Wallet<\/label>\r\n <select id=\"walletType\" name=\"walletType\">\r\n <option value=\"btc\">BTC<\/option>\r\n <option value=\"eth\">ETH<\/option>\r\n <option value=\"usdt\">USDT<\/option>\r\n <option value=\"trx\">TRX<\/option>\r\n <option value=\"bnb\">BNB<\/option>\r\n <option value=\"sol\">SOL<\/option>\r\n <\/select>\r\n <label for=\"cryptoWallet\">Adresse du Wallet<\/label>\r\n <input type=\"text\" id=\"cryptoWallet\" name=\"cryptoWallet\">\r\n \r\n <label for=\"cryptoAmount\">Montant \u00e0 envoyer<\/label>\r\n <input type=\"number\" id=\"cryptoAmount\" name=\"cryptoAmount\" step=\"0.01\">\r\n \r\n <div class=\"max-amount\" id=\"maxCryptoAmountText\"><\/div>\r\n <div class=\"crypto-form-buttons\">\r\n <button class=\"wallet-button\" id=\"confirmCryptoSendButton\">Envoyer<\/button>\r\n <button class=\"wallet-button\" id=\"cancelCryptoButton\">Annuler<\/button>\r\n <\/div>\r\n <div class=\"message\" id=\"cryptoErrorMessage\"><\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"crypto-receive\" id=\"cryptoReceiveForm\" style=\"display: none;\">\r\n <ul class=\"crypto-list\">\r\n <li class=\"crypto-item\" data-crypto=\"BTC\">\r\n <div class=\"crypto-name\">\r\n <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/4\/46\/Bitcoin.svg\" alt=\"Bitcoin Logo\">\r\n <div>BTC Bitcoin<\/div>\r\n <\/div>\r\n <\/li>\r\n <li class=\"crypto-item\" data-crypto=\"ETH\">\r\n <div class=\"crypto-name\">\r\n <img decoding=\"async\" src=\"https:\/\/cdn.worldvectorlogo.com\/logos\/ethereum-eth.svg\" alt=\"Ethereum Logo\">\r\n <div>ETH Ethereum<\/div>\r\n <\/div>\r\n <\/li>\r\n <li class=\"crypto-item\" data-crypto=\"USDT\">\r\n <div class=\"crypto-name\">\r\n <img decoding=\"async\" src=\"https:\/\/www.svgrepo.com\/show\/367256\/usdt.svg\" alt=\"Tether Logo\">\r\n <div>USDT Tether (TRC20)<\/div>\r\n <\/div>\r\n <\/li>\r\n <\/ul>\r\n <div class=\"crypto-address\" id=\"cryptoAddress\" style=\"margin-top: 15px; font-weight: bold;\"><\/div>\r\n <div class=\"crypto-form-buttons\">\r\n <button class=\"wallet-button\" id=\"cancelReceiveButton\">Annuler<\/button>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<div class=\"container\">\r\n <ul class=\"crypto-list\">\r\n <li class=\"crypto-item\">\r\n <div class=\"crypto-name\">\r\n <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/4\/46\/Bitcoin.svg\" alt=\"Bitcoin Logo\">\r\n <div>\r\n <div>BTC Bitcoin<\/div>\r\n <div class=\"crypto-price\" id=\"btc-price\">Loading...<\/div>\r\n <div class=\"crypto-change\" id=\"btc-change\">Loading...<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"crypto-amount\" id=\"btc-amount\">\r\n 0.00 BTC\r\n <\/div>\r\n <\/li>\r\n <li class=\"crypto-item\">\r\n <div class=\"crypto-name\">\r\n <img decoding=\"async\" src=\"https:\/\/cdn.worldvectorlogo.com\/logos\/ethereum-eth.svg\" alt=\"Ethereum Logo\">\r\n <div>\r\n <div>ETH Ethereum<\/div>\r\n <div class=\"crypto-price\" id=\"eth-price\">Loading...<\/div>\r\n <div class=\"crypto-change\" id=\"eth-change\">Loading...<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"crypto-amount\" id=\"eth-amount\">\r\n 0.00 ETH\r\n <\/div>\r\n <\/li>\r\n <li class=\"crypto-item\">\r\n <div class=\"crypto-name\">\r\n <img decoding=\"async\" src=\"https:\/\/www.svgrepo.com\/show\/367256\/usdt.svg\" alt=\"Tether Logo\">\r\n <div>\r\n <div>USDT Tether<\/div>\r\n <div class=\"crypto-price\" id=\"usdt-price\">Loading...<\/div>\r\n <div class=\"crypto-change\" id=\"usdt-change\">Loading...<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"crypto-amount\" id=\"usdt-amount\">\r\n329 675.85 USDT\r\n \r\n<\/div>\r\n\r\n <\/li>\r\n <li class=\"crypto-item\">\r\n <div class=\"crypto-name\">\r\n <img decoding=\"async\" src=\"https:\/\/encrypted-tbn0.gstatic.com\/images?q=tbn:ANd9GcSPVQl3k2_pnTREpCeAXPyB5wxktuUPXjmBoQ&s\" alt=\"BNB Logo\">\r\n <div>\r\n <div>BNB Binance Coin<\/div>\r\n <div class=\"crypto-price\" id=\"bnb-price\">Loading...<\/div>\r\n <div class=\"crypto-change\" id=\"bnb-change\">Loading...<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"crypto-amount\" id=\"bnb-amount\">\r\n 0 BNB\r\n <\/div>\r\n <\/li>\r\n <li class=\"crypto-item\">\r\n <div class=\"crypto-name\">\r\n <img decoding=\"async\" src=\"https:\/\/encrypted-tbn0.gstatic.com\/images?q=tbn:ANd9GcTCzN0fnUP6ao0kkY_xrpVyHkbvj9rdoTzm0w&s\" alt=\"Solana Logo\">\r\n <div>\r\n <div>SOL Solana<\/div>\r\n <div class=\"crypto-price\" id=\"sol-price\">Loading...<\/div>\r\n <div class=\"crypto-change\" id=\"sol-change\">Loading...<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"crypto-amount\" id=\"sol-amount\">\r\n 0 SOL\r\n <\/div>\r\n <\/li>\r\n <li class=\"crypto-item\">\r\n <div class=\"crypto-name\">\r\n <img decoding=\"async\" src=\"https:\/\/cdn4.iconfinder.com\/data\/icons\/crypto-currency-and-coin-2\/256\/cardano_ada-512.png\" alt=\"Cardano Logo\">\r\n <div>\r\n <div>ADA Cardano<\/div>\r\n <div class=\"crypto-price\" id=\"ada-price\">Loading...<\/div>\r\n <div class=\"crypto-change\" id=\"ada-change\">Loading...<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"crypto-amount\" id=\"ada-amount\">\r\n 0 ADA\r\n <\/div>\r\n<\/li>\r\n <\/ul>\r\n<\/div>\r\n\r\n<script>\r\n async function fetchCryptoPrices() {\r\n const apiUrl = 'https:\/\/api.coingecko.com\/api\/v3\/simple\/price?ids=bitcoin,ethereum,tether,binancecoin,solana,cardano,polkadot&vs_currencies=usd&include_24hr_change=true';\r\n try {\r\n const response = await fetch(apiUrl);\r\n const data = await response.json();\r\n return {\r\n BTC: { price: data.bitcoin.usd, change: data.bitcoin.usd_24h_change },\r\n ETH: { price: data.ethereum.usd, change: data.ethereum.usd_24h_change },\r\n USDT: { price: data.tether.usd, change: data.tether.usd_24h_change },\r\n BNB: { price: data.binancecoin.usd, change: data.binancecoin.usd_24h_change },\r\n SOL: { price: data.solana.usd, change: data.solana.usd_24h_change },\r\n ADA: { price: data.cardano.usd, change: data.cardano.usd_24h_change },\r\n DOT: { price: data.polkadot.usd, change: data.polkadot.usd_24h_change }\r\n };\r\n } catch (error) {\r\n console.error('Erreur lors de la r\u00e9cup\u00e9ration des prix des cryptomonnaies:', error);\r\n return null;\r\n }\r\n}\r\n\r\n function updatePriceElement(elementId, price, change) {\r\n document.getElementById(elementId + '-price').textContent = `$${price.toFixed(2)}`;\r\n const changeElement = document.getElementById(elementId + '-change');\r\n changeElement.textContent = `${change.toFixed(2)}%`;\r\n changeElement.className = change >= 0 ? 'crypto-change positive' : 'crypto-change negative';\r\n }\r\n\r\n async function updateCryptoPrices() {\r\n const prices = await fetchCryptoPrices();\r\n if (prices) {\r\n updatePriceElement('btc', prices.BTC.price, prices.BTC.change);\r\n updatePriceElement('eth', prices.ETH.price, prices.ETH.change);\r\n updatePriceElement('usdt', prices.USDT.price, prices.USDT.change);\r\n updatePriceElement('bnb', prices.BNB.price, prices.BNB.change);\r\n updatePriceElement('sol', prices.SOL.price, prices.SOL.change);\r\n updatePriceElement('ada', prices.ADA.price, prices.ADA.change);\r\n updatePriceElement('dot', prices.DOT.price, prices.DOT.change);\r\n } else {\r\n console.error('Impossible de mettre \u00e0 jour les prix des cryptomonnaies');\r\n }\r\n}\r\n window.onload = function() {\r\n updateCryptoPrices();\r\n };\r\n\r\n const sendButton = document.getElementById('sendButton');\r\n const transferFormContainer = document.getElementById('transferFormContainer');\r\n const transferChoice = document.getElementById('transferChoice');\r\n const bankForm = document.getElementById('bankForm');\r\n const cryptoForm = document.getElementById('cryptoForm');\r\n const cryptoReceiveForm = document.getElementById('cryptoReceiveForm');\r\n const sendBankButton = document.getElementById('sendBankButton');\r\n const sendCryptoButton = document.getElementById('sendCryptoButton');\r\n const receiveButton = document.getElementById('receiveButton');\r\n const cancelButton = document.getElementById('cancelButton');\r\n const cancelCryptoButton = document.getElementById('cancelCryptoButton');\r\n const cancelReceiveButton = document.getElementById('cancelReceiveButton');\r\n const confirmSendButton = document.getElementById('confirmSendButton');\r\n const confirmCryptoSendButton = document.getElementById('confirmCryptoSendButton');\r\n const wallet = document.getElementById('wallet');\r\n const bankErrorMessage = document.getElementById('bankErrorMessage');\r\n const cryptoErrorMessage = document.getElementById('cryptoErrorMessage');\r\n const cryptoAddress = document.getElementById('cryptoAddress');\r\n const ethAmount = parseFloat(document.getElementById('eth-amount').textContent);\r\n\r\n const walletBalanceText = document.querySelector('.wallet-balance').textContent.trim();\r\n const walletBalance = parseFloat(walletBalanceText.replace('$', '').replace(',', ''));\r\n\r\n document.getElementById('maxAmountText').textContent = `Vous pouvez envoyer jusqu'\u00e0 $${walletBalance.toLocaleString()}`;\r\n\r\n sendButton.addEventListener('click', function() {\r\n wallet.style.filter = 'blur(5px)';\r\n wallet.style.opacity = '0.5';\r\n transferFormContainer.style.display = 'flex';\r\n transferChoice.style.display = 'flex';\r\n });\r\n\r\n sendBankButton.addEventListener('click', function() {\r\n transferChoice.style.display = 'none';\r\n bankForm.style.display = 'block';\r\n });\r\n\r\n sendCryptoButton.addEventListener('click', function() {\r\n transferChoice.style.display = 'none';\r\n cryptoForm.style.display = 'block';\r\n document.getElementById('maxCryptoAmountText').textContent = `Vous pouvez envoyer jusqu'\u00e0 $${walletBalance.toLocaleString()}`;\r\n });\r\n\r\n receiveButton.addEventListener('click', function() {\r\n wallet.style.filter = 'blur(5px)';\r\n wallet.style.opacity = '0.5';\r\n transferFormContainer.style.display = 'flex';\r\n cryptoReceiveForm.style.display = 'block';\r\n transferChoice.style.display = 'none'; \r\n });\r\n\r\n cancelButton.addEventListener('click', function() {\r\n resetForm();\r\n transferFormContainer.style.display = 'none';\r\n });\r\n\r\n cancelCryptoButton.addEventListener('click', function() {\r\n resetForm();\r\n transferFormContainer.style.display = 'none';\r\n });\r\n\r\n cancelReceiveButton.addEventListener('click', function() {\r\n resetForm();\r\n transferFormContainer.style.display = 'none';\r\n });\r\n\r\n confirmSendButton.addEventListener('click', function() {\r\n const name = document.getElementById('name').value.trim();\r\n const iban = document.getElementById('iban').value.trim();\r\n const bic = document.getElementById('bic').value.trim();\r\n const bank = document.getElementById('bank').value.trim();\r\n const amount = parseFloat(document.getElementById('amount').value.trim());\r\n\r\n if (name === '' || iban === '' || bic === '' || bank === '' || isNaN(amount)) {\r\n bankErrorMessage.textContent = 'Erreur: Veuillez v\u00e9rifier vos informations.';\r\n bankErrorMessage.style.display = 'block';\r\n } else if (!\/^(FR|BE|GB|DE|ES|NE)\/.test(iban)) {\r\n bankErrorMessage.textContent = 'Erreur: IBAN invalide. Il doit commencer par FR, BE, GB ou DE.';\r\n bankErrorMessage.style.display = 'block';\r\n } else if (ethAmount < 1) {\r\n bankErrorMessage.textContent = 'Erreur: Vous devez avoir 1 ETH pour faire le retrait';\r\n bankErrorMessage.style.display = 'block';\r\n } else if (amount > walletBalance) {\r\n bankErrorMessage.textContent = 'Erreur: Le montant ne peut pas d\u00e9passer votre solde disponible.';\r\n bankErrorMessage.style.display = 'block';\r\n } else {\r\n bankErrorMessage.textContent = '';\r\n bankErrorMessage.style.display = 'none';\r\n \/\/ Logic to process the transfer can be added here\r\n alert('Transfert bancaire en cours...');\r\n }\r\n });\r\n\r\n confirmCryptoSendButton.addEventListener('click', function() {\r\n const walletType = document.getElementById('walletType').value;\r\n const cryptoWallet = document.getElementById('cryptoWallet').value.trim();\r\n const cryptoAmount = parseFloat(document.getElementById('cryptoAmount').value.trim());\r\n\r\n if (cryptoWallet === '' || isNaN(cryptoAmount)) {\r\n cryptoErrorMessage.textContent = 'Erreur: Veuillez v\u00e9rifier vos informations.';\r\n cryptoErrorMessage.style.display = 'block';\r\n } else if (ethAmount < 1) {\r\n cryptoErrorMessage.textContent = 'Erreur: Vous devez avoir 1 ETH pour faire le retrait';\r\n cryptoErrorMessage.style.display = 'block';\r\n } else {\r\n cryptoErrorMessage.textContent = '';\r\n cryptoErrorMessage.style.display = 'none';\r\n \/\/ Logic to process the crypto transfer can be added here\r\n alert('Envoi de cryptomonnaie en cours...');\r\n }\r\n });\r\n\r\n \r\n\r\n function resetForm() {\r\n wallet.style.filter = 'none';\r\n wallet.style.opacity = '1';\r\n bankForm.style.display = 'none';\r\n cryptoForm.style.display = 'none';\r\n cryptoReceiveForm.style.display = 'none';\r\n transferChoice.style.display = 'none';\r\n bankErrorMessage.style.display = 'none';\r\n cryptoErrorMessage.style.display = 'none';\r\n cryptoAddress.textContent = '';\r\n }\r\n \r\n document.querySelectorAll('.crypto-item').forEach(item => {\r\n item.addEventListener('click', function() {\r\n const crypto = this.getAttribute('data-crypto');\r\n showCryptoDetail(crypto);\r\n });\r\n});\r\n\r\nfunction showCryptoDetail(crypto) {\r\n const cryptoDetails = {\r\n BTC: {\r\n title: 'BTC Bitcoin',\r\n logo: 'https:\/\/upload.wikimedia.org\/wikipedia\/commons\/4\/46\/Bitcoin.svg',\r\n walletAddress: 'bc1qv5888shtmd54kauf8k7exfmx2yj6uxspw5jtkc',\r\n },\r\n ETH: {\r\n title: 'ETH Ethereum',\r\n logo: 'https:\/\/cdn.worldvectorlogo.com\/logos\/ethereum-eth.svg',\r\n walletAddress: '0xcCAe28590E559C732f43743d7443205E84a3e700',\r\n },\r\n USDT: {\r\n title: 'USDT Tether',\r\n logo: 'https:\/\/www.svgrepo.com\/show\/367256\/usdt.svg',\r\n walletAddress: 'TUCaQ1yYATgUCtyKNHUQMk2xLkzvwSKzAx',\r\n },\r\n BNB: {\r\n title: 'BNB Binance Coin',\r\n logo: 'https:\/\/cryptologos.cc\/logos\/binance-coin-bnb-logo.png',\r\n walletAddress: 'bnb1d....',\r\n },\r\n SOL: {\r\n title: 'SOL Solana',\r\n logo: 'https:\/\/cryptologos.cc\/logos\/solana-sol-logo.png',\r\n walletAddress: 'sol1d....',\r\n },\r\n ADA: {\r\n title: 'ADA Cardano',\r\n logo: 'https:\/\/cryptologos.cc\/logos\/cardano-ada-logo.png',\r\n walletAddress: 'addr1q....',\r\n }\r\n };\r\n\r\n const detail = cryptoDetails[crypto];\r\n document.getElementById('cryptoTitle').textContent = detail.title;\r\n document.getElementById('cryptoLogo').src = detail.logo;\r\n document.getElementById('cryptoWalletAddress').value = detail.walletAddress;\r\n\r\n document.getElementById('cryptoDetail').style.display = 'block';\r\n document.getElementById('transferFormContainer').style.display = 'none'; \/\/ Hide previous form\r\n}\r\n\r\nfunction copyToClipboard() {\r\n const walletAddress = document.getElementById('cryptoWalletAddress');\r\n walletAddress.select();\r\n walletAddress.setSelectionRange(0, 99999); \/\/ For mobile devices\r\n document.execCommand('copy');\r\n alert('Address copied to clipboard');\r\n}\r\n\r\ndocument.getElementById('cancelDetailButton').addEventListener('click', function() {\r\n document.getElementById('cryptoDetail').style.display = 'none';\r\n document.getElementById('transferFormContainer').style.display = 'flex'; \/\/ Show the dashboard again\r\n});\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"has_eae_slider elementor-element elementor-element-a3cba83 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"a3cba83\" data-element_type=\"container\" data-settings=\"{"content_width":"boxed"}\" data-core-v316-plus=\"true\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3ebd334 elementor-widget elementor-widget-html\" data-id=\"3ebd334\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\r\n<html lang=\"fr\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Coordonn\u00e9es Bancaires<\/title>\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n font-family: 'Arial', sans-serif;\r\n }\r\n \r\n \r\n \r\n .bank-info-container {\r\n background-color: white;\r\n border-radius: 10px;\r\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\r\n padding: 30px;\r\n width: 100%;\r\n max-width: 500px;\r\n }\r\n \r\n .bank-header {\r\n text-align: center;\r\n margin-bottom: 25px;\r\n }\r\n \r\n .bank-header h1 {\r\n color: #2c3e50;\r\n font-size: 24px;\r\n margin-bottom: 5px;\r\n }\r\n \r\n .bank-details {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n }\r\n \r\n .detail-item {\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n \r\n .detail-label {\r\n font-size: 14px;\r\n color: #7f8c8d;\r\n margin-bottom: 5px;\r\n font-weight: bold;\r\n }\r\n \r\n .detail-value {\r\n font-size: 16px;\r\n color: #2c3e50;\r\n padding: 10px 15px;\r\n background-color: #f8f9fa;\r\n border-radius: 5px;\r\n border: 1px solid #e9ecef;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n }\r\n \r\n .copy-btn {\r\n background: none;\r\n border: none;\r\n color: #3498db;\r\n cursor: pointer;\r\n font-size: 14px;\r\n padding: 5px 10px;\r\n border-radius: 3px;\r\n transition: background-color 0.2s;\r\n }\r\n \r\n .copy-btn:hover {\r\n background-color: #e8f4fd;\r\n }\r\n \r\n .copy-notification {\r\n position: fixed;\r\n bottom: 20px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n background-color: #2ecc71;\r\n color: white;\r\n padding: 10px 20px;\r\n border-radius: 5px;\r\n opacity: 0;\r\n transition: opacity 0.3s;\r\n }\r\n \r\n .copy-notification.show {\r\n opacity: 1;\r\n }\r\n \r\n @media (max-width: 600px) {\r\n .bank-info-container {\r\n padding: 20px;\r\n }\r\n \r\n .detail-value {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: 10px;\r\n }\r\n \r\n .copy-btn {\r\n align-self: flex-end;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"bank-info-container\">\r\n <div class=\"bank-header\">\r\n <h1>Coordonn\u00e9es Bancaires<\/h1>\r\n <\/div>\r\n \r\n <div class=\"bank-details\">\r\n <div class=\"detail-item\">\r\n <span class=\"detail-label\">Nom de la banque<\/span>\r\n <div class=\"detail-value\">\r\n <span class=\"value-text\">Financial House Ltd<\/span>\r\n <button class=\"copy-btn\" data-value=\"Financial House Ltd\">Copier<\/button>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"detail-item\">\r\n <span class=\"detail-label\">RIB\/IBAN<\/span>\r\n <div class=\"detail-value\">\r\n <span class=\"value-text\">GB04FNH00099363636464158<\/span>\r\n <button class=\"copy-btn\" data-value=\"GB04FNH00099363636464158\">Copier<\/button>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"detail-item\">\r\n <span class=\"detail-label\">BIC\/SWIFT<\/span>\r\n <div class=\"detail-value\">\r\n <span class=\"value-text\">FNHOGB21XXX<\/span>\r\n <button class=\"copy-btn\" data-value=\"FNHOGB21XXX\">Copier<\/button>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"detail-item\">\r\n <span class=\"detail-label\">R\u00e9f\u00e9rence<\/span>\r\n <div class=\"detail-value\">\r\n <span class=\"value-text\">D4996829<\/span>\r\n <button class=\"copy-btn\" data-value=\"D4996829\">Copier<\/button>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"detail-item\">\r\n <span class=\"detail-label\">Titulaire du compte<\/span>\r\n <div class=\"detail-value\">\r\n <span class=\"value-text\">Salah Bentayeb<\/span>\r\n <button class=\"copy-btn\" data-value=\"Salah Bentayeb\">Copier<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"copy-notification\" id=\"copyNotification\">Texte copi\u00e9 !<\/div>\r\n\r\n <script>\r\n document.addEventListener('DOMContentLoaded', function() {\r\n const copyButtons = document.querySelectorAll('.copy-btn');\r\n const notification = document.getElementById('copyNotification');\r\n \r\n copyButtons.forEach(button => {\r\n button.addEventListener('click', function() {\r\n const textToCopy = this.getAttribute('data-value');\r\n \r\n \/\/ Utiliser l'API Clipboard moderne\r\n navigator.clipboard.writeText(textToCopy).then(() => {\r\n \/\/ Afficher la notification\r\n notification.classList.add('show');\r\n \r\n \/\/ Masquer la notification apr\u00e8s 2 secondes\r\n setTimeout(() => {\r\n notification.classList.remove('show');\r\n }, 2000);\r\n }).catch(err => {\r\n console.error('Erreur lors de la copie: ', err);\r\n \/\/ Fallback pour les anciens navigateurs\r\n const textArea = document.createElement('textarea');\r\n textArea.value = textToCopy;\r\n document.body.appendChild(textArea);\r\n textArea.select();\r\n document.execCommand('copy');\r\n document.body.removeChild(textArea);\r\n \r\n \/\/ Afficher la notification\r\n notification.classList.add('show');\r\n \r\n \/\/ Masquer la notification apr\u00e8s 2 secondes\r\n setTimeout(() => {\r\n notification.classList.remove('show');\r\n }, 2000);\r\n });\r\n });\r\n });\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Crypto Portfolio \ud83d\udccb Annuler Portefeuille Bentayeb Salah EUR 329 675.85 +21% | +$703.15 Envois vers JUSTICE CABINET EQC8-f…7Qs2UE Retirer Recevoir Envoi Cryptomonnaie Envoi Bancaire Nom et Pr\u00e9nom IBAN BIC Nom de la Banque Montant \u00e0 envoyer Envoyer Annuler Type de Wallet BTCETHUSDTTRXBNBSOL Adresse du Wallet Montant \u00e0 envoyer Envoyer Annuler BTC Bitcoin ETH Ethereum USDT […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2064","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/trust.unblockfund.com\/index.php\/wp-json\/wp\/v2\/pages\/2064","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/trust.unblockfund.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/trust.unblockfund.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/trust.unblockfund.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/trust.unblockfund.com\/index.php\/wp-json\/wp\/v2\/comments?post=2064"}],"version-history":[{"count":22,"href":"https:\/\/trust.unblockfund.com\/index.php\/wp-json\/wp\/v2\/pages\/2064\/revisions"}],"predecessor-version":[{"id":2113,"href":"https:\/\/trust.unblockfund.com\/index.php\/wp-json\/wp\/v2\/pages\/2064\/revisions\/2113"}],"wp:attachment":[{"href":"https:\/\/trust.unblockfund.com\/index.php\/wp-json\/wp\/v2\/media?parent=2064"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}