-- PARDEEP QUERY
SELECT A.*
, COALESCE(B.deviceid, C.deviceid) as deviceid
, COALESCE(B.subscriberid, C.subscriberid) as subscriberid
, COALESCE(B.paymethod, C.paymethod) as paymethod
, COALESCE(B.usergeohash4, C.usergeohash4) as usergeohash4
, COALESCE(B.paytmmerchantid, COALESCE(EDC.e_mid, QR.merchant_id)) as merchant_type
FROM
    (SELECT *
    FROM team_team_risk.Last_4_Months_I4C_Cybercell_data)A
LEFT JOIN
    -- ONUS USERS
    (select distinct transactionid, deviceid, subscriberid, paymethod, usergeohash4, paytmmerchantid
    FROM cdp_risk_transform.maquette_flattened_onus_snapshot_v3
    WHERE dl_last_updated >= date'2024-01-01')B
ON A.txn_id = B.transactionid
LEFT JOIN
    -- OFFUS USERS
    (select distinct transactionid, deviceid, subscriberid, paymethod, usergeohash4, paytmmerchantid
    FROM cdp_risk_transform.maquette_flattened_offus_snapshot_v3
    WHERE dl_last_updated >= date'2024-01-01')C
ON A.txn_id = B.transactionid
LEFT JOIN
    (SELECT DISTINCT mid AS e_mid FROM paytmpgdb.entity_edc_info_snapshot_v3 
    WHERE terminal_status = 'ACTIVE' AND dl_last_updated >= DATE '2010-01-01')EDC
ON C.paytmmerchantid = EDC.e_mid
LEFT JOIN 
    (SELECT DISTINCT merchant_id from datalake.online_payment_merchants)QR
ON C.paytmmerchantid = QR.merchant_id
LIMIT 100
;

[autoCalendar]: 
  DECLARE FIELD DEFINITION Tagged ('$date')
FIELDS
  Dual(Year($1), YearStart($1)) AS [Year] Tagged ('$axis', '$year'),
  Dual('Q'&Num(Ceil(Num(Month($1))/3)),Num(Ceil(NUM(Month($1))/3),00)) AS [Quarter] Tagged ('$quarter', '$cyclic'),
  Dual(Year($1)&'-Q'&Num(Ceil(Num(Month($1))/3)),QuarterStart($1)) AS [YearQuarter] Tagged ('$yearquarter', '$qualified'),
  Dual('Q'&Num(Ceil(Num(Month($1))/3)),QuarterStart($1)) AS [_YearQuarter] Tagged ('$yearquarter', '$hidden', '$simplified'),
  Month($1) AS [Month] Tagged ('$month', '$cyclic'),
  Dual(Year($1)&'-'&Month($1), monthstart($1)) AS [YearMonth] Tagged ('$axis', '$yearmonth', '$qualified'),
  Dual(Month($1), monthstart($1)) AS [_YearMonth] Tagged ('$axis', '$yearmonth', '$simplified', '$hidden'),
  Dual('W'&Num(Week($1),00), Num(Week($1),00)) AS [Week] Tagged ('$weeknumber', '$cyclic'),
  Date(Floor($1)) AS [Date] Tagged ('$axis', '$date', '$qualified'),
  Date(Floor($1), 'D') AS [_Date] Tagged ('$axis', '$date', '$hidden', '$simplified'),
  If (DayNumberOfYear($1) <= DayNumberOfYear(Today()), 1, 0) AS [InYTD] ,
  Year(Today())-Year($1) AS [YearsAgo] ,
  If (DayNumberOfQuarter($1) <= DayNumberOfQuarter(Today()),1,0) AS [InQTD] ,
  4*Year(Today())+Ceil(Month(Today())/3)-4*Year($1)-Ceil(Month($1)/3) AS [QuartersAgo] ,
  Ceil(Month(Today())/3)-Ceil(Month($1)/3) AS [QuarterRelNo] ,
  If(Day($1)<=Day(Today()),1,0) AS [InMTD] ,
  12*Year(Today())+Month(Today())-12*Year($1)-Month($1) AS [MonthsAgo] ,
  Month(Today())-Month($1) AS [MonthRelNo] ,
  If(WeekDay($1)<=WeekDay(Today()),1,0) AS [InWTD] ,
  (WeekStart(Today())-WeekStart($1))/7 AS [WeeksAgo] ,
  Week(Today())-Week($1) AS [WeekRelNo] ;

DERIVE FIELDS FROM FIELDS
[Afleverdatum],[Besteldatum],[Contracteinddatum],[Contractstartdatum],[Factuuraudit wijzigingstimestamp],[Factuur vervaldatum],[Factuurdatum],[Leverancier factuurdatum],[Leverancier_aangemaakt_op],[Ontvangstdatum],[Orderdatum],

Inventory_org.lastissuedate, Inventory_org.nextinvoicedate, Inventory_org.statusdate, Po_org.changedate, Po_org.ecomstatusdate, Po_org.enddate, Po_org.exchangedate, Po_org.followupdate, 
Po_org.orderdate, Po_org.requireddate, Po_org.startdate, Po_org.statusdate, Po_org.vendeliverydate, Poline_org.enterdate,
Poline_org.pcardexpdate,
Poline_org.reqdeliverydate,
Poline_org.vendeliverydate,
Pr_org.changedate,
Pr_org.exchangedate,
Pr_org.issuedate,
Pr_org.pcardexpdate,
Pr_org.requireddate,
Pr_org.statusdate,
Prline_org.enterdate,
Prline_org.pcardexpdate,
Prline_org.reqdeliverydate,
Prline_org.vendeliverydate

USING [autoCalendar] ;

const sameNumbers = (arr1, arr2) => {
  if (arr1.length !== arr2.length) return false;
  
  for (let i = 0; i < arr1.length; i++) {
    let correctIndex = arr2.indexOf(arr1[i] ** 2);
    if (correctIndex === -1) {
      return false;
    }
    arr2.splice(correctIndex, 1);
  }
  
  return true;
};

 for(let button of cookieBtns){
                button.addEventListener('click', function(){
                    if(this.matches('.accept')){
                        if(cookieContainer.classList.contains('show')){
                            cookieContainer.classList.remove('show');
                            setCookie('site_notice_dismissed', 'true', 30);
                            setCookie('testing', true, 30)
                        }
                    }
                    
                    if(this.matches('.decline')){
                         if(cookieContainer.classList.contains('show')){
                            cookieContainer.classList.remove('show');
                            eraseCookie('site_notice_dismissed');
                        }
                    }
                })
 }




function cookieBtnUpdate() {
    
            const cookieBtns = document.querySelectorAll('button[data-cookie="btn"]');
            const cookieContainer = document.querySelector('.smp-global-alert');
           
           
           // functions
           function setCookie(name,value,days) {
            var expires = "";
            if (days) {
                var date = new Date();
                date.setTime(date.getTime() + (days*24*60*60*1000));
                expires = "; expires=" + date.toUTCString();
            }
            
            document.cookie = name + "=" + (value || "")  + expires + "; path=/";
            }
            
            function eraseCookie(name) {   
            document.cookie = name+'=; Max-Age=-99999999;';  
            }


            //event on buttons
            for(let button of cookieBtns){
                button.addEventListener('click', function(){
                    if(this.matches('.accept')){
                        console.log(this)
                    }
                    
                    if(this.matches('.decline')){
                         console.log(this)
                    }
                })
            }
            
            
}


cookieBtnUpdate();

# Step 1: Define the list of URLs
$urls = @(
    "https://example.com/page1",
    "https://example.com/page2",
    "https://example.com/page3"
    # Add more URLs here
)
# Step 2: Loop through URLs and process them
foreach ($url in $urls) {
    try {
        # Fetch the HTML content
        $response = Invoke-WebRequest -Uri $url
        $htmlContent = $response.Content
        # Use regex to extract the JSON string
        if ($htmlContent -match 'var data\s*=\s*({.*?})\s*;') {
            $jsonString = $matches[1]
        } else {
            Write-Output "No JSON data found in $url"
            continue
        }
        # Clean up the JSON string (remove escape characters, etc.)
        $jsonString = $jsonString -replace '\\/', '/'
        # Convert the JSON string to a PowerShell object
        $jsonObject = $jsonString | ConvertFrom-Json
        # Display the JSON object
        Write-Output "JSON from $url:"
        $jsonObject | Format-List
    } catch {
        Write-Output "Failed to process $url: $_"
    }
}

(function () {
  "use strict";

  // object instead of switch

  // check for oddf or even number using the function insides the object
  const options = {
    odd: (item) => item % 2 === 1,
    even: (item) => item % 2 === 0,
  };

  const number = 7;
  const checkValue = "odd";

  const checked = options[checkValue](number); // returns true of false
  if (checked) {
    console.log(number);
  }

  const testArray = [3, 4, 5, 6, 8, 0, 12, 40, 12, 3];

  function filterArray(array, position) {
    return array.filter((item) => options[position](item));
  }

  const getOdd = filterArray(testArray, "odd");
  console.log("Odd", getOdd);

  const getEven = filterArray(testArray, "even");
  console.log("Even", getEven);
})();

{
    // window.onload = function() {}⇨コンテンツが全て読み込み終わったらローディング画面を終了するやり方
    
    setTimeout(function() {
        const loading = document.getElementById('loading');
        loading.classList.add('loaded');
        const container = document.querySelector('.container');
        container.classList.add('open')
    }, 3000);
}

{
    const loading = document.getElementById('loading');
    loading.classList.add('loaded');
    const container = document.querySelector('.container');
}

.dot__item {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #fafafa;
    animation: wave 1.5s infinite ease-in-out;
}

.dot__item:nth-of-type(1) {
    animation: wave 1.5s infinite ease-in-out;
}

.dot__item:nth-of-type(2) {
    animation: wave 1.5s 0.2s infinite ease-in-out;
}

.dot__item:nth-of-type(3) {
    animation: wave 1.5s 0.4s infinite ease-in-out;
}

.dot {
    width: 200px;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0 24px;

    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* animation */
@keyframes wave {
    0% {
        opacity: 0;
        transform: scale(1, 1);
    }
    50% {
        opacity: 1;
        transform: scale(2, 2);
    }
    100% {
        opacity: 0;
        transform: scale(1, 1);
    }
}

Generate a report on interview experiences and questions for the [Senior Software Engineer] at [Cdk global], using web search and analysis of platforms like LeetCode Discuss, Glassdoor, Reddit, Medium, Indeed, LinkedIn, GeeksforGeeks, X, other public career forums or blogs, etc. Include: •	Brief overview of [cdk global] and [senior software engineer]. •	Typical interview process (rounds, types, duration). •	At least 7 unique firsthand candidate experiences (stages, details, advice). •	Categorized list of at least 30 unique interview questions (technical, behavioral, etc.). •	Insights and preparation tips, including strategies to maximize chances of getting interview calls. If data for senior software engineer is limited, use similar roles and note the extrapolation. Ensure the report is thorough, well-organized, and practical for interview preparation.

 * Ventoy

 * Overclock Checking Tool (OCCT)

 * Local Send

 * Clip Shelf

 * Signal RGB

 * f.lux

 * One Commander

 * Wind Hawk

 * Bleach Bit

 * Flow Launcher BUT fluent search is better

 * Mouse Without Borders
 
 * Auto hot keys AHK

https://airtable.com/app9VtXS1vJyLgLgK/tblDoF16UaMhnfnYZ/viwt8v67pNz7baSk4/rec44mvMNBge3RdZx?blocks=hide
This is the first integration I do with the ACF setup in each product page, and Avada page builder template.

if ('showOpenFilePicker' in self) {
  // The `showOpenFilePicker()` method of the File System Access API is supported.
}

SELECT 
    `Customer Name`, 
    `Sales Order Date`, 
    `Sales Order No`, 
    `Item Code`, 
    FORMAT(`Qty`, 2) AS `Qty`, 
    FORMAT(`Delivered Qty`, 2) AS `Delivered Qty`, 
    FORMAT(`Pending Qty`, 2) AS `Pending Qty`
FROM (
    -- Main sales order data
    SELECT 
        so.customer AS `Customer Name`, 
        so.transaction_date AS `Sales Order Date`, 
        so.name AS `Sales Order No`, 
        so_item.item_code AS `Item Code`,
        so_item.qty AS `Qty`, 
        IFNULL(so_item.delivered_qty, 0) AS `Delivered Qty`, 
        (so_item.qty - IFNULL(so_item.delivered_qty, 0)) AS `Pending Qty`,
        0 AS sort_order
    FROM 
        `tabSales Order` so
    JOIN 
        `tabSales Order Item` so_item ON so.name = so_item.parent
    WHERE 
        so.company = 'Cotton Craft Pvt Ltd'
        AND so.docstatus != 2  -- Exclude cancelled sales orders
        AND (%(from_date)s IS NULL OR so.transaction_date >= %(from_date)s)
        AND (%(to_date)s IS NULL OR so.transaction_date <= %(to_date)s)
        AND (so_item.qty - IFNULL(so_item.delivered_qty, 0)) > 0  -- Exclude rows where Pending Qty = 0
    
    UNION ALL
    
    -- Placeholder rows for customer grouping
    SELECT 
        so.customer AS `Customer Name`, 
        NULL AS `Sales Order Date`, 
        NULL AS `Sales Order No`, 
        NULL AS `Item Code`,
        NULL AS `Qty`, 
        NULL AS `Delivered Qty`, 
        NULL AS `Pending Qty`,
        1 AS sort_order
    FROM 
        `tabSales Order` so
    WHERE 
        so.company = 'Cotton Craft Pvt Ltd'
        AND so.docstatus != 2  -- Exclude cancelled sales orders
        AND (%(from_date)s IS NULL OR so.transaction_date >= %(from_date)s)
        AND (%(to_date)s IS NULL OR so.transaction_date <= %(to_date)s)
        AND EXISTS ( -- Only include customers that have at least one pending item
            SELECT 1 FROM `tabSales Order Item` soi 
            WHERE soi.parent = so.name 
            AND (soi.qty - IFNULL(soi.delivered_qty, 0)) > 0
        )
    GROUP BY 
        so.customer
) grouped_data
ORDER BY 
    `Customer Name`, sort_order, `Sales Order Date`, `Sales Order No`, `Item Code`;

WITH FilteredSales AS (
    -- Get only the sales orders matching the date filter
    SELECT 
        so.customer,
        so.transaction_date,
        so.name AS sales_order_no,
        soi.item_code,
        soi.qty,
        IFNULL(soi.delivered_qty, 0) AS delivered_qty,
        (soi.qty - IFNULL(soi.delivered_qty, 0)) AS pending_qty
    FROM `tabSales Order` so
    JOIN `tabSales Order Item` soi ON so.name = soi.parent
    WHERE 
        so.company = 'Cotton Craft Pvt Ltd'
        AND so.docstatus != 2  
        AND (soi.qty - IFNULL(soi.delivered_qty, 0)) > 0  
        AND (%(from_date)s IS NULL OR so.transaction_date >= %(from_date)s)
        AND (%(to_date)s IS NULL OR so.transaction_date <= %(to_date)s)
),
CustomersWithOrders AS (
    -- Get distinct customers who have sales orders in the filtered dataset
    SELECT DISTINCT customer FROM FilteredSales
)

SELECT 
    `Customer Name`, 
    `Sales Order Date`, 
    `Sales Order No`, 
    `Item Code`, 
    FORMAT(`Qty`, 2) AS `Qty`, 
    FORMAT(`Delivered Qty`, 2) AS `Delivered Qty`, 
    FORMAT(`Pending Qty`, 2) AS `Pending Qty`
FROM (
    -- Insert exactly one blank row per customer in the filtered dataset
    SELECT 
        '' AS `Customer Name`, 
        NULL AS `Sales Order Date`, 
        NULL AS `Sales Order No`, 
        NULL AS `Item Code`,
        NULL AS `Qty`, 
        NULL AS `Delivered Qty`, 
        NULL AS `Pending Qty`,
        -1 AS sort_order, 
        c.customer AS `Group Identifier`
    FROM CustomersWithOrders c

    UNION ALL

    -- Main sales order data
    SELECT 
        f.customer AS `Customer Name`, 
        f.transaction_date AS `Sales Order Date`, 
        f.sales_order_no AS `Sales Order No`, 
        f.item_code AS `Item Code`,
        f.qty AS `Qty`, 
        f.delivered_qty AS `Delivered Qty`, 
        f.pending_qty AS `Pending Qty`,
        0 AS sort_order,
        f.customer AS `Group Identifier`
    FROM FilteredSales f
) grouped_data
ORDER BY 
    `Group Identifier`, sort_order, `Sales Order Date`, `Sales Order No`, `Item Code`;

# 
grep --color=always -E "pattern|$"

Whiz Marketers is a professional digital marketing agency committed to driving sustainable business growth through innovative and data-driven strategies. With a focus on delivering measurable results, we partner with brands to build stronger online visibility, enhance customer engagement, and maximize ROI.

Our Services

Search Engine Optimization (SEO)

Pay-Per-Click (PPC) Advertising

Social Media Marketing & Management

Content Strategy & Copywriting

Web Design & Development

Branding & Digital Consulting

Industries We Serve
We work with a diverse range of industries including trades, healthcare, real estate, finance, e-commerce, and technology, tailoring strategies to fit unique business goals.

Our Approach
At Whiz Marketers, we combine creativity with advanced analytics to craft marketing campaigns that align with your objectives. Our transparent processes, flexible pricing, and performance-driven approach ensure you get the most value out of your digital investments.

Why Choose Us

Proven expertise in scaling businesses of all sizes

Customized marketing strategies—no cookie-cutter solutions

Transparent reporting and ROI-focused campaigns

Affordable yet effective marketing packages

Mission
To empower businesses with innovative digital strategies that not only increase visibility but also create meaningful, long-term growth.

Contact Us Today!

Website: https://www.whizmarketers.com/
Email: reachus@whizmarketers.com
Whatsapp: +91 73580 73949
Telegram: https://telegram.me/whizmarketers

import java.sql.*;

public class vito {
    public static void main(String[] args) {
        
        Connection con;
        Statement st;
        try
        {
            Class.forName("com.mysql.jdbc.Driver");
            con=DriverManager.getConnection
          ("jdbc:mysql://localhost:3306/test","root","");
            st=con.createStatement();
            st.execute("create table student(roll_no integer,name varchar(20))");
            System.out.println("done");
        }
         catch(Exception e)
        {
            System.out.println(e);
        }
    }
    
}

jfwefwefwfwegsg

const http = require("http");


const server = http.createServer((req, res) => {
  if (req.url === "/favicon.ico") {
  } else {
    fs.appendFile(
      "data-logs.txt",
      `\n ${Date.now()} : ${req.url} : New Req Recieved \n`,
      (err, data) => {
        if (err) throw err;
        console.log("this log has been added");
      }
    );
  }
  console.log(req.url);
  switch (req.url) {
    case "/":
      res.end("Home page");
      break;
    case "/about":
      res.end("About page");
      break;
    case "/blog":
      res.end("Blog page");
      break;
    default:
      res.end("Home page");
      break;
  }
});
server.listen(3002, () => {
  console.log("Server");
});

!function(){var e={343:function(e){"use strict";for(var t=[],n=0;n<256;++n)t[n]=(n+256).toString(16).substr(1);e.exports=function(e,n){var r=n||0,i=t;return[i[e[r++]],i[e[r++]],i[e[r++]],i[e[r++]],"-",i[e[r++]],i[e[r++]],"-",i[e[r++]],i[e[r++]],"-",i[e[r++]],i[e[r++]],"-",i[e[r++]],i[e[r++]],i[e[r++]],i[e[r++]],i[e[r++]],i[e[r++]]].join("")}},944:function(e){"use strict";var t="undefined"!=typeof crypto&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto)||"undefined"!=typeof msCrypto&&"function"==typeof window.msCrypto.getRandomValues&&msCrypto.getRandomValues.bind(msCrypto);if(t){var n=new Uint8Array(16);e.exports=function(){return t(n),n}}else{var r=new Array(16);e.exports=function(){for(var e,t=0;t<16;t++)0==(3&t)&&(e=4294967296*Math.random()),r[t]=e>>>((3&t)<<3)&255;return r}}},508:function(e,t,n){"use strict";var r=n(944),i=n(343);e.exports=function(e,t,n){var o=t&&n||0;"string"==typeof e&&(t="binary"===e?new Array(16):null,e=null);var a=(e=e||{}).random||(e.rng||r)();if(a[6]=15&a[6]|64,a[8]=63&a[8]|128,t)for(var c=0;c<16;++c)t[o+c]=a[c];return t||i(a)}},168:function(e,t,n){"use strict";var r=this&&this.__assign||function(){return r=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},r.apply(this,arguments)};t.__esModule=!0;var i=n(699),o=n(752),a=n(104),c=n(508);!function(){function e(e){var t="";if(t=window.location.origin?window.location.origin:"".concat(window.location.protocol,"://").concat(window.location.host),e&&"string"==typeof e)if(0===e.indexOf("/"))t+=e;else try{var n=new URL(e);return"".concat(n.protocol,"://").concat(n.host).concat(n.pathname)}catch(e){}else{var r=window.location.pathname;r&&r.length>0&&(t+=r)}return t}function t(e,t){for(var n in e){var r=e[n];void 0!==t&&("number"!=typeof r&&"string"!=typeof r||(t[n]=r))}}!function(){var n,u,s=window.performance||window.webkitPerformance||window.msPerformance||window.mozPerformance,f="data-cf-beacon",d=document.currentScript||("function"==typeof document.querySelector?document.querySelector("script[".concat(f,"]")):void 0),l=c(),v=[],p=window.__cfBeacon?window.__cfBeacon:{};if(!p||"single"!==p.load){if(d){var m=d.getAttribute(f);if(m)try{p=r(r({},p),JSON.parse(m))}catch(e){}else{var g=d.getAttribute("src");if(g&&"function"==typeof URLSearchParams){var y=new URLSearchParams(g.replace(/^[^\?]+\??/,"")),h=y.get("token");h&&(p.token=h);var T=y.get("spa");p.spa=null===T||"true"===T}}p&&"multi"!==p.load&&(p.load="single"),window.__cfBeacon=p}if(s&&p&&p.token){var w,S,b=!1;document.addEventListener("visibilitychange",(function(){if("hidden"===document.visibilityState){if(L&&A()){var t=e();(null==w?void 0:w.url)==t&&(null==w?void 0:w.triggered)||P(),_(t)}!b&&w&&(b=!0,B())}else"visible"===document.visibilityState&&(new Date).getTime()}));var E={};"function"==typeof PerformanceObserver&&((0,a.onLCP)(x),(0,a.onFID)(x),(0,a.onFCP)(x),(0,a.onINP)(x),(0,a.onTTFB)(x),PerformanceObserver.supportedEntryTypes&&PerformanceObserver.supportedEntryTypes.includes("layout-shift")&&(0,a.onCLS)(x));var L=p&&(void 0===p.spa||!0===p.spa),C=p.send&&p.send.to?p.send.to:void 0===p.version?"https://cloudflareinsights.com/cdn-cgi/rum":null,P=function(r){var a=function(r){var o,a,c=s.timing,u=s.memory,f=r||e(),d={memory:{},timings:{},resources:[],referrer:(o=document.referrer||"",a=v[v.length-1],L&&w&&a?a.url:o),eventType:i.EventType.Load,firstPaint:0,firstContentfulPaint:0,startTime:F(),versions:{fl:p?p.version:"",js:"2024.6.1",timings:1},pageloadId:l,location:f,nt:S,serverTimings:I()};if(null==n){if("function"==typeof s.getEntriesByType){var m=s.getEntriesByType("navigation");m&&Array.isArray(m)&&m.length>0&&(d.timingsV2={},d.versions.timings=2,d.dt=m[0].deliveryType,delete d.timings,t(m[0],d.timingsV2))}1===d.versions.timings&&t(c,d.timings),t(u,d.memory)}else O(d);return d.firstPaint=k("first-paint"),d.firstContentfulPaint=k("first-contentful-paint"),p&&(p.icTag&&(d.icTag=p.icTag),d.siteToken=p.token),void 0!==n&&(delete d.timings,delete d.memory),d}(r);a&&p&&(a.resources=[],p&&((0,o.sendObjectBeacon)("",a,(function(){}),!1,C),void 0!==p.forward&&void 0!==p.forward.url&&(0,o.sendObjectBeacon)("",a,(function(){}),!1,p.forward.url)))},B=function(){var t=function(){var t=s.getEntriesByType("navigation")[0],n="";try{n="function"==typeof s.getEntriesByType?new URL(null==t?void 0:t.name).pathname:u?new URL(u).pathname:window.location.pathname}catch(e){}var r={referrer:document.referrer||"",eventType:i.EventType.WebVitalsV2,versions:{js:"2024.6.1"},pageloadId:l,location:e(),landingPath:n,startTime:F(),nt:S,serverTimings:I()};return p&&(p.version&&(r.versions.fl=p.version),p.icTag&&(r.icTag=p.icTag),r.siteToken=p.token),E&&["lcp","fid","cls","fcp","ttfb","inp"].forEach((function(e){r[e]={value:-1,path:void 0},E[e]&&void 0!==E[e].value&&(r[e]=E[e])})),O(r),r}();p&&(0,o.sendObjectBeacon)("",t,(function(){}),!0,C)},R=function(){var t=window.__cfRl&&window.__cfRl.done||window.__cfQR&&window.__cfQR.done;t?t.then(P):P(),w={id:l,url:e(),ts:(new Date).getTime(),triggered:!0}};"complete"===window.document.readyState?R():window.addEventListener("load",(function(){window.setTimeout(R)}));var A=function(){return L&&0===v.filter((function(e){return e.id===l})).length},_=function(e){v.push({id:l,url:e,ts:(new Date).getTime()}),v.length>3&&v.shift()};L&&(u=e(),function(t){var r=t.pushState;if(r){var i=function(){l=c()};t.pushState=function(o,a,c){n=e(c);var u=e(),s=!0;return n==u&&(s=!1),s&&(A()&&((null==w?void 0:w.url)==u&&(null==w?void 0:w.triggered)||P(u),_(u)),i()),r.apply(t,[o,a,c])},window.addEventListener("popstate",(function(t){A()&&((null==w?void 0:w.url)==n&&(null==w?void 0:w.triggered)||P(n),_(n)),n=e(),i()}))}}(window.history))}}function x(e){var t,n,r,i,o,a,c,u=window.location.pathname;switch(S||(S=e.navigationType),"INP"!==e.name&&(E[e.name.toLowerCase()]={value:e.value,path:u}),e.name){case"CLS":(c=e.attribution)&&E.cls&&(E.cls.element=c.largestShiftTarget,E.cls.currentRect=null===(t=c.largestShiftSource)||void 0===t?void 0:t.currentRect,E.cls.previousRect=null===(n=c.largestShiftSource)||void 0===n?void 0:n.previousRect);break;case"FID":(c=e.attribution)&&E.fid&&(E.fid.element=c.eventTarget,E.fid.name=c.eventType);break;case"LCP":(c=e.attribution)&&E.lcp&&(E.lcp.element=c.element,E.lcp.size=null===(r=c.lcpEntry)||void 0===r?void 0:r.size,E.lcp.url=c.url,E.lcp.rld=c.resourceLoadDelay,E.lcp.rlt=c.resourceLoadTime,E.lcp.erd=c.elementRenderDelay,E.lcp.it=null===(i=c.lcpResourceEntry)||void 0===i?void 0:i.initiatorType,E.lcp.fp=null===(a=null===(o=c.lcpEntry)||void 0===o?void 0:o.element)||void 0===a?void 0:a.getAttribute("fetchpriority"));break;case"INP":(null==E.inp||Number(E.inp.value)<Number(e.value))&&(E.inp={value:Number(e.value),path:u},(c=e.attribution)&&E.inp&&(E.inp.element=c.eventTarget,E.inp.name=c.eventType))}}function F(){return s.timeOrigin}function I(){if(p&&p.serverTiming){for(var e=[],t=0,n=["navigation","resource"];t<n.length;t++)for(var r=n[t],i=0,o=s.getEntriesByType(r);i<o.length;i++){var a=o[i],c=a.name,u=a.serverTiming;if(u){if("resource"===r){var f=p.serverTiming.location_startswith;if(!f||!Array.isArray(f))continue;for(var d=!1,l=0,v=f;l<v.length;l++){var m=v[l];if(c.startsWith(m)){d=!0;break}}if(!d)continue}for(var g=0,y=u;g<y.length;g++){var h=y[g],T=h.name,w=h.description,S=h.duration;if(p.serverTiming.name&&p.serverTiming.name[T])try{var b=new URL(c);e.push({location:"resource"===r?"".concat(b.origin).concat(b.pathname):void 0,name:T,dur:S,desc:w})}catch(e){}}}}return e}}function O(e){if("function"==typeof s.getEntriesByType){var n=s.getEntriesByType("navigation"),r={};e.timingsV2={},n&&n[0]&&(n[0].nextHopProtocol&&(r.nextHopProtocol=n[0].nextHopProtocol),n[0].transferSize&&(r.transferSize=n[0].transferSize),n[0].decodedBodySize&&(r.decodedBodySize=n[0].decodedBodySize),e.dt=n[0].deliveryType),t(r,e.timingsV2)}}function k(e){var t;if("first-contentful-paint"===e&&E.fcp&&E.fcp.value)return E.fcp.value;if("function"==typeof s.getEntriesByType){var n=null===(t=s.getEntriesByType("paint"))||void 0===t?void 0:t.filter((function(t){return t.name===e}))[0];return n?n.startTime:0}return 0}}()}()},752:function(e,t){"use strict";t.__esModule=!0,t.sendObjectBeacon=void 0,t.sendObjectBeacon=function(e,t,n,r,i){void 0===r&&(r=!1),void 0===i&&(i=null);var o=i||(t.siteToken&&t.versions.fl?"/cdn-cgi/rum?".concat(e):"/cdn-cgi/beacon/performance?".concat(e)),a=!0;if(navigator&&"string"==typeof navigator.userAgent)try{var c=navigator.userAgent.match(/Chrome\/([0-9]+)/);c&&c[0].toLowerCase().indexOf("chrome")>-1&&parseInt(c[1])<81&&(a=!1)}catch(e){}if(navigator&&"function"==typeof navigator.sendBeacon&&a&&r){t.st=1;var u=JSON.stringify(t),s=navigator.sendBeacon&&navigator.sendBeacon.bind(navigator);null==s||s(o,new Blob([u],{type:"application/json"}))}else{t.st=2,u=JSON.stringify(t);var f=new XMLHttpRequest;n&&(f.onreadystatechange=function(){4==this.readyState&&204==this.status&&n()}),f.open("POST",o,!0),f.setRequestHeader("content-type","application/json"),f.send(u)}}},699:function(e,t){"use strict";var n,r;t.__esModule=!0,t.FetchPriority=t.EventType=void 0,(r=t.EventType||(t.EventType={}))[r.Load=1]="Load",r[r.Additional=2]="Additional",r[r.WebVitalsV2=3]="WebVitalsV2",(n=t.FetchPriority||(t.FetchPriority={})).High="high",n.Low="low",n.Auto="auto"},104:function(e,t){!function(e){"use strict";var t,n,r,i,o,a=function(){return window.performance&&performance.getEntriesByType&&performance.getEntriesByType("navigation")[0]},c=function(e){if("loading"===document.readyState)return"loading";var t=a();if(t){if(e<t.domInteractive)return"loading";if(0===t.domContentLoadedEventStart||e<t.domContentLoadedEventStart)return"dom-interactive";if(0===t.domComplete||e<t.domComplete)return"dom-content-loaded"}return"complete"},u=function(e){var t=e.nodeName;return 1===e.nodeType?t.toLowerCase():t.toUpperCase().replace(/^#/,"")},s=function(e,t){var n="";try{for(;e&&9!==e.nodeType;){var r=e,i=r.id?"#"+r.id:u(r)+(r.classList&&r.classList.value&&r.classList.value.trim()&&r.classList.value.trim().length?"."+r.classList.value.trim().replace(/\s+/g,"."):"");if(n.length+i.length>(t||100)-1)return n||i;if(n=n?i+">"+n:i,r.id)break;e=r.parentNode}}catch(e){}return n},f=-1,d=function(){return f},l=function(e){addEventListener("pageshow",(function(t){t.persisted&&(f=t.timeStamp,e(t))}),!0)},v=function(){var e=a();return e&&e.activationStart||0},p=function(e,t){var n=a(),r="navigate";return d()>=0?r="back-forward-cache":n&&(document.prerendering||v()>0?r="prerender":document.wasDiscarded?r="restore":n.type&&(r=n.type.replace(/_/g,"-"))),{name:e,value:void 0===t?-1:t,rating:"good",delta:0,entries:[],id:"v3-".concat(Date.now(),"-").concat(Math.floor(8999999999999*Math.random())+1e12),navigationType:r}},m=function(e,t,n){try{if(PerformanceObserver.supportedEntryTypes.includes(e)){var r=new PerformanceObserver((function(e){Promise.resolve().then((function(){t(e.getEntries())}))}));return r.observe(Object.assign({type:e,buffered:!0},n||{})),r}}catch(e){}},g=function(e,t,n,r){var i,o;return function(a){t.value>=0&&(a||r)&&((o=t.value-(i||0))||void 0===i)&&(i=t.value,t.delta=o,t.rating=function(e,t){return e>t[1]?"poor":e>t[0]?"needs-improvement":"good"}(t.value,n),e(t))}},y=function(e){requestAnimationFrame((function(){return requestAnimationFrame((function(){return e()}))}))},h=function(e){var t=function(t){"pagehide"!==t.type&&"hidden"!==document.visibilityState||e(t)};addEventListener("visibilitychange",t,!0),addEventListener("pagehide",t,!0)},T=function(e){var t=!1;return function(n){t||(e(n),t=!0)}},w=-1,S=function(){return"hidden"!==document.visibilityState||document.prerendering?1/0:0},b=function(e){"hidden"===document.visibilityState&&w>-1&&(w="visibilitychange"===e.type?e.timeStamp:0,L())},E=function(){addEventListener("visibilitychange",b,!0),addEventListener("prerenderingchange",b,!0)},L=function(){removeEventListener("visibilitychange",b,!0),removeEventListener("prerenderingchange",b,!0)},C=function(){return w<0&&(w=S(),E(),l((function(){setTimeout((function(){w=S(),E()}),0)}))),{get firstHiddenTime(){return w}}},P=function(e){document.prerendering?addEventListener("prerenderingchange",(function(){return e()}),!0):e()},B=[1800,3e3],R=function(e,t){t=t||{},P((function(){var n,r=C(),i=p("FCP"),o=m("paint",(function(e){e.forEach((function(e){"first-contentful-paint"===e.name&&(o.disconnect(),e.startTime<r.firstHiddenTime&&(i.value=Math.max(e.startTime-v(),0),i.entries.push(e),n(!0)))}))}));o&&(n=g(e,i,B,t.reportAllChanges),l((function(r){i=p("FCP"),n=g(e,i,B,t.reportAllChanges),y((function(){i.value=performance.now()-r.timeStamp,n(!0)}))})))}))},A=[.1,.25],_={passive:!0,capture:!0},x=new Date,F=function(e,i){t||(t=i,n=e,r=new Date,k(removeEventListener),I())},I=function(){if(n>=0&&n<r-x){var e={entryType:"first-input",name:t.type,target:t.target,cancelable:t.cancelable,startTime:t.timeStamp,processingStart:t.timeStamp+n};i.forEach((function(t){t(e)})),i=[]}},O=function(e){if(e.cancelable){var t=(e.timeStamp>1e12?new Date:performance.now())-e.timeStamp;"pointerdown"==e.type?function(e,t){var n=function(){F(e,t),i()},r=function(){i()},i=function(){removeEventListener("pointerup",n,_),removeEventListener("pointercancel",r,_)};addEventListener("pointerup",n,_),addEventListener("pointercancel",r,_)}(t,e):F(t,e)}},k=function(e){["mousedown","keydown","touchstart","pointerdown"].forEach((function(t){return e(t,O,_)}))},M=[100,300],D=function(e,r){r=r||{},P((function(){var o,a=C(),c=p("FID"),u=function(e){e.startTime<a.firstHiddenTime&&(c.value=e.processingStart-e.startTime,c.entries.push(e),o(!0))},s=function(e){e.forEach(u)},f=m("first-input",s);o=g(e,c,M,r.reportAllChanges),f&&h(T((function(){s(f.takeRecords()),f.disconnect()}))),f&&l((function(){var a;c=p("FID"),o=g(e,c,M,r.reportAllChanges),i=[],n=-1,t=null,k(addEventListener),a=u,i.push(a),I()}))}))},N=0,V=1/0,j=0,q=function(e){e.forEach((function(e){e.interactionId&&(V=Math.min(V,e.interactionId),j=Math.max(j,e.interactionId),N=j?(j-V)/7+1:0)}))},H=function(){return o?N:performance.interactionCount||0},z=function(){"interactionCount"in performance||o||(o=m("event",q,{type:"event",buffered:!0,durationThreshold:0}))},U=[200,500],J=0,W=function(){return H()-J},Q=[],X={},G=function(e){var t=Q[Q.length-1],n=X[e.interactionId];if(n||Q.length<10||e.duration>t.latency){if(n)n.entries.push(e),n.latency=Math.max(n.latency,e.duration);else{var r={id:e.interactionId,latency:e.duration,entries:[e]};X[r.id]=r,Q.push(r)}Q.sort((function(e,t){return t.latency-e.latency})),Q.splice(10).forEach((function(e){delete X[e.id]}))}},K=[2500,4e3],Y={},Z=[800,1800],$=function e(t){document.prerendering?P((function(){return e(t)})):"complete"!==document.readyState?addEventListener("load",(function(){return e(t)}),!0):setTimeout(t,0)},ee=function(e,t){t=t||{};var n=p("TTFB"),r=g(e,n,Z,t.reportAllChanges);$((function(){var i=a();if(i){var o=i.responseStart;if(o<=0||o>performance.now())return;n.value=Math.max(o-v(),0),n.entries=[i],r(!0),l((function(){n=p("TTFB",0),(r=g(e,n,Z,t.reportAllChanges))(!0)}))}}))};e.CLSThresholds=A,e.FCPThresholds=B,e.FIDThresholds=M,e.INPThresholds=U,e.LCPThresholds=K,e.TTFBThresholds=Z,e.onCLS=function(e,t){!function(e,t){t=t||{},R(T((function(){var n,r=p("CLS",0),i=0,o=[],a=function(e){e.forEach((function(e){if(!e.hadRecentInput){var t=o[0],n=o[o.length-1];i&&e.startTime-n.startTime<1e3&&e.startTime-t.startTime<5e3?(i+=e.value,o.push(e)):(i=e.value,o=[e])}})),i>r.value&&(r.value=i,r.entries=o,n())},c=m("layout-shift",a);c&&(n=g(e,r,A,t.reportAllChanges),h((function(){a(c.takeRecords()),n(!0)})),l((function(){i=0,r=p("CLS",0),n=g(e,r,A,t.reportAllChanges),y((function(){return n()}))})),setTimeout(n,0))})))}((function(t){!function(e){if(e.entries.length){var t=e.entries.reduce((function(e,t){return e&&e.value>t.value?e:t}));if(t&&t.sources&&t.sources.length){var n=(r=t.sources).find((function(e){return e.node&&1===e.node.nodeType}))||r[0];if(n)return void(e.attribution={largestShiftTarget:s(n.node),largestShiftTime:t.startTime,largestShiftValue:t.value,largestShiftSource:n,largestShiftEntry:t,loadState:c(t.startTime)})}}var r;e.attribution={}}(t),e(t)}),t)},e.onFCP=function(e,t){R((function(t){!function(e){if(e.entries.length){var t=a(),n=e.entries[e.entries.length-1];if(t){var r=t.activationStart||0,i=Math.max(0,t.responseStart-r);return void(e.attribution={timeToFirstByte:i,firstByteToFCP:e.value-i,loadState:c(e.entries[0].startTime),navigationEntry:t,fcpEntry:n})}}e.attribution={timeToFirstByte:0,firstByteToFCP:e.value,loadState:c(d())}}(t),e(t)}),t)},e.onFID=function(e,t){D((function(t){!function(e){var t=e.entries[0];e.attribution={eventTarget:s(t.target),eventType:t.name,eventTime:t.startTime,eventEntry:t,loadState:c(t.startTime)}}(t),e(t)}),t)},e.onINP=function(e,t){!function(e,t){t=t||{},P((function(){var n;z();var r,i=p("INP"),o=function(e){e.forEach((function(e){e.interactionId&&G(e),"first-input"===e.entryType&&!Q.some((function(t){return t.entries.some((function(t){return e.duration===t.duration&&e.startTime===t.startTime}))}))&&G(e)}));var t,n=(t=Math.min(Q.length-1,Math.floor(W()/50)),Q[t]);n&&n.latency!==i.value&&(i.value=n.latency,i.entries=n.entries,r())},a=m("event",o,{durationThreshold:null!==(n=t.durationThreshold)&&void 0!==n?n:40});r=g(e,i,U,t.reportAllChanges),a&&("PerformanceEventTiming"in window&&"interactionId"in PerformanceEventTiming.prototype&&a.observe({type:"first-input",buffered:!0}),h((function(){o(a.takeRecords()),i.value<0&&W()>0&&(i.value=0,i.entries=[]),r(!0)})),l((function(){Q=[],J=H(),i=p("INP"),r=g(e,i,U,t.reportAllChanges)})))}))}((function(t){!function(e){if(e.entries.length){var t=e.entries.sort((function(e,t){return t.duration-e.duration||t.processingEnd-t.processingStart-(e.processingEnd-e.processingStart)}))[0],n=e.entries.find((function(e){return e.target}));e.attribution={eventTarget:s(n&&n.target),eventType:t.name,eventTime:t.startTime,eventEntry:t,loadState:c(t.startTime)}}else e.attribution={}}(t),e(t)}),t)},e.onLCP=function(e,t){!function(e,t){t=t||{},P((function(){var n,r=C(),i=p("LCP"),o=function(e){var t=e[e.length-1];t&&t.startTime<r.firstHiddenTime&&(i.value=Math.max(t.startTime-v(),0),i.entries=[t],n())},a=m("largest-contentful-paint",o);if(a){n=g(e,i,K,t.reportAllChanges);var c=T((function(){Y[i.id]||(o(a.takeRecords()),a.disconnect(),Y[i.id]=!0,n(!0))}));["keydown","click"].forEach((function(e){addEventListener(e,(function(){return setTimeout(c,0)}),!0)})),h(c),l((function(r){i=p("LCP"),n=g(e,i,K,t.reportAllChanges),y((function(){i.value=performance.now()-r.timeStamp,Y[i.id]=!0,n(!0)}))}))}}))}((function(t){!function(e){if(e.entries.length){var t=a();if(t){var n=t.activationStart||0,r=e.entries[e.entries.length-1],i=r.url&&performance.getEntriesByType("resource").filter((function(e){return e.name===r.url}))[0],o=Math.max(0,t.responseStart-n),c=Math.max(o,i?(i.requestStart||i.startTime)-n:0),u=Math.max(c,i?i.responseEnd-n:0),f=Math.max(u,r?r.startTime-n:0),d={element:s(r.element),timeToFirstByte:o,resourceLoadDelay:c-o,resourceLoadTime:u-c,elementRenderDelay:f-u,navigationEntry:t,lcpEntry:r};return r.url&&(d.url=r.url),i&&(d.lcpResourceEntry=i),void(e.attribution=d)}}e.attribution={timeToFirstByte:0,resourceLoadDelay:0,resourceLoadTime:0,elementRenderDelay:e.value}}(t),e(t)}),t)},e.onTTFB=function(e,t){ee((function(t){!function(e){if(e.entries.length){var t=e.entries[0],n=t.activationStart||0,r=Math.max(t.domainLookupStart-n,0),i=Math.max(t.connectStart-n,0),o=Math.max(t.requestStart-n,0);e.attribution={waitingTime:r,dnsTime:i-r,connectionTime:o-i,requestTime:e.value-o,navigationEntry:t}}else e.attribution={waitingTime:0,dnsTime:0,connectionTime:0,requestTime:0}}(t),e(t)}),t)}}(t)}},t={};!function n(r){var i=t[r];if(void 0!==i)return i.exports;var o=t[r]={exports:{}};return e[r].call(o.exports,o,o.exports,n),o.exports}(168)}();

// toggle all to viewed
document.querySelectorAll('.js-reviewed-checkbox').forEach((elem => {
    if (elem.checked) { return }
    var clickEvent = new MouseEvent('click');
    elem.dispatchEvent(clickEvent);
}))

// toggle all to not-viewed
document.querySelectorAll('.js-reviewed-checkbox').forEach((elem => {
    if (!elem.checked) { return }
    var clickEvent = new MouseEvent('click');
    elem.dispatchEvent(clickEvent);
}))

1.חשבוניןת דואר -פותחים מייל חדש כולל שם משתמש וסיסמה ומכניסים לפלנדו 
2.Email Deliverability

שם הוא נותן כול מיני שינויים שצריך לשנות   בקלואדפר 
כמובן שעוברים לשוניות בכלים 
בנהל 
3.מעבירים 
בעצם מעברים את המייל מהשרת לגיימל 

// pages/SlotMachine.tsx
import React, { useState, useEffect, useRef } from 'react';
import '../styles/mainslot.css';
import { Header } from '../components/Header';
import Reel from '../components/Reel';
import { GameButton } from '../components/GameButton';
import Registration from './Registration';
import spinSound from '../assets/audio/slot.mp3';
import axiosInstance from '../utils/axiosInstance';
import { GameConfig } from '../index';

interface SlotImage {
  id: number;
  image_path: string;
  section_number: number;
}

const SlotMachine: React.FC<GameConfig> = ({
  gameTitle = '',
  titleColor = '',
  backgroundImage = '',
  reelBorder = '',
  buttonBackgroundColor = '',
  buttonTextColor = '',
}) => {
  const [reels, setReels] = useState<string[][]>([]);
  const [isSoundOn, setIsSoundOn] = useState(true);
  const [slotImages, setSlotImages] = useState<SlotImage[]>([]);
  const [error, setError] = useState<string | null>(null);
  const [isSpinning, setIsSpinning] = useState(false);
  const [completedReels, setCompletedReels] = useState(0);
  const [isRegistrationOpen, setIsRegistrationOpen] = useState(false);
  const [spinCombination, setSpinCombination] = useState<string | null>(null);
  const [spinResult, setSpinResult] = useState<'win' | 'loss' | null>(null);
  const [spinKey, setSpinKey] = useState(0);

  const spinAudioRef = useRef(new Audio(spinSound));
  const baseSpinDuration = 2000;
  const delayBetweenStops = 600;
  const DEFAULT_SLOT_COUNT = 3;

  useEffect(() => {
    spinAudioRef.current.loop = true;

    const fetchImages = async () => {
      try {
        const response = await axiosInstance.get('/api/slot/images');
        if (response.data.status && response.data.data.images.length > 0) {
          const images = response.data.data.images;
          setSlotImages(images);
          // Log slotImages details after setting state
          console.log('Slot Images fetched from API:', images);
        } else {
          throw new Error(response.data.message || 'Failed to fetch images');
        }
      } catch (error) {
        console.error('Error fetching slot images:', error);
        setError('Error fetching slot images');
        setIsRegistrationOpen(true);
      }
    };

    fetchImages();
    setReels(Array.from({ length: DEFAULT_SLOT_COUNT }, () => []));
  }, []);

  const handleSpin = () => {
    if (!isSpinning) {
      setIsRegistrationOpen(true);
      setSpinResult(null);
    }
  };

  const handleRegistrationSubmit = (
    username: string,
    phone: string,
    eligible: boolean,
    combination: string,
    result: string,
  ) => {
    console.log('handleRegistrationSubmit:', { username, phone, eligible, combination, result });
    if (eligible) {
      setSpinCombination(combination);
      setSpinResult(result as 'win' | 'loss');
      setIsSpinning(true);
      setCompletedReels(0);
      setIsRegistrationOpen(false);
      setSpinKey((prev) => prev + 1);
      if (isSoundOn) spinAudioRef.current.play();
    }
  };

  useEffect(() => {
    if (completedReels === reels.length && isSpinning) {
      setIsSpinning(false);
      if (isSoundOn) {
        spinAudioRef.current.pause();
        spinAudioRef.current.currentTime = 0;
      }
      setTimeout(() => {
        setIsRegistrationOpen(true);
      }, 3500);
    }
  }, [completedReels, reels.length, isSpinning]);

  const handleReelComplete = () => {
    setCompletedReels((prev) => prev + 1);
  };

  const toggleSound = () => {
    setIsSoundOn((prev) => {
      if (!prev && isSpinning) spinAudioRef.current.play();
      else spinAudioRef.current.pause();
      return !prev;
    });
  };

  // console.log('SlotMachine backgroundImage:', backgroundImage); // Debug

  return (
    <div className="slot-machine">
      <div
        id="framework-center"
        style={{
          backgroundImage: `url(${backgroundImage})`,
          backgroundSize: 'cover',
          backgroundPosition: 'center',
          backgroundRepeat: 'no-repeat',
        }}
      >
        <div className="game-title" style={{ color: titleColor }}>
          <Header gameTitle={gameTitle} titleColor={titleColor} />
        </div>
        <div className="control-buttons-container">
          <GameButton variant="sound" isActive={isSoundOn} onClick={toggleSound} />
        </div>
        <div className="reels-container" style={{ borderColor: reelBorder }}>
          {reels.map((_, index) => {
            const targetId = spinCombination ? parseInt(spinCombination[index] || '0') : -1;
            return (
              <Reel
                key={`${index}-${spinKey}`}
                slotImages={slotImages}
                isSpinning={isSpinning}
                spinDuration={baseSpinDuration + index * delayBetweenStops}
                onSpinComplete={handleReelComplete}
                targetId={targetId}
                reelBorder={reelBorder}
              />
            );
          })}
        </div>
        <div className="spin-container">
          <div className="spin-button-wrapper">
            <GameButton
              variant="spin"
              onClick={handleSpin}
              disabled={isSpinning}
              buttonBackgroundColor={buttonBackgroundColor}
              buttonTextColor={buttonTextColor}
              reelBorder={reelBorder}
            />
          </div>
        </div>
      </div>
      <Registration
        isOpen={isRegistrationOpen}
        setIsOpen={setIsRegistrationOpen}
        onSubmit={handleRegistrationSubmit}
        spinResult={isSpinning ? null : spinResult}
        error={error}
      />
    </div>
  );
};

export default SlotMachine;

----------------------------------------------------------------
Avengers Infinity War 2018 Movies BRRip x264 AAC with Sample ☻rDX☻

SCREEN SHOTS & POSTER:
   
http://iphonehosting.eu/2018/8/transfer/index.html 
http://iphonehosting.eu/2018/8/transfer/1.html 
http://iphonehosting.eu/2018/8/transfer/2.html   
http://iphonehosting.eu/2018/8/transfer/3.html   
http://iphonehosting.eu/2018/8/transfer/4.html   
http://iphonehosting.eu/2018/8/transfer/5.html   
http://iphonehosting.eu/2018/8/transfer/6.html   
http://iphonehosting.eu/2018/8/transfer/7.html   
http://iphonehosting.eu/2018/8/transfer/8.html   
http://iphonehosting.eu/2018/8/transfer/9.html   
http://iphonehosting.eu/2018/8/transfer/10.html

File size                                : 698 MiB
Duration                                 : 2 h 29 min
Overall bit rate                         : 653 kb/s
Movie name                               : Avengers Infinity War 2018 Movies BRRip x264 AAC ☻rDX☻

Video
ID                                       : 2
Format                                   : AVC
Format/Info                              : Advanced Video Codec
Format profile                           : Main@L3
Format settings, CABAC                   : Yes
Format settings, ReFrames                : 2 frames
Format settings, GOP                     : M=1, N=12
Codec ID                                 : V_MPEG4/ISO/AVC
Duration                                 : 2 h 29 min
Bit rate mode                            : Constant
Nominal bit rate                         : 334 kb/s
Width                                    : 720 pixels
Height                                   : 304 pixels
Display aspect ratio                     : 2.35:1
Frame rate mode                          : Constant
Frame rate                               : 23.976 FPS
Color space                              : YUV
Chroma subsampling                       : 4:2:0
Bit depth                                : 8 bits
Scan type                                : Progressive
Bits/(Pixel*Frame)                       : 0.064
Title                                    : ☻rDX☻
Default                                  : Yes
Forced                                   : No

Audio
ID                                       : 1
Format                                   : AAC
Format/Info                              : Advanced Audio Codec
Format profile                           : LC
Codec ID                                 : A_AAC
Duration                                 : 2 h 29 min
Channel(s)                               : 2 channels
Channel positions                        : Front: L R
Sampling rate                            : 48.0 kHz
Frame rate                               : 46.875 FPS (1024 spf)
Compression mode                         : Lossy
Title                                    : ☻rDX☻
Default                                  : Yes
Forced                                   : No

The development industry of puzzle games is witnessing strong growth, driven by the growing demand for innovative and engaging gameplay. While the gaming industry keeps growing, puzzle games have gained immense popularity and developed many avenues for businesses and developers alike. Despite the market prospects and continuous technological advancements, puzzle game development comes with its own set of challenges. Some of the key hurdles are  

Complexity in Puzzle Design
Managing Feature Expansion
Resource Allocation and Team Limitations
Overcoming Creative Barriers
Navigating Development Timelines
Selecting the Right Tools and Technologies
Maintaining Player Engagement
Ensuring Cross-Platform Compatibility
Balancing Puzzle Difficulty and Progression

The challenges in puzzle game development are significant but not insurmountable. Partnering with a top-tier puzzle game development company will help you overcome such challenges. With their services, you can create exciting and profitable puzzle games that capture players' interest and generate revenue.

HcmWorker::find(HcmWorker::userId2Worker(__WorkflowTrackingTable.user)).name();

<div class="blog_listing">
  <div class="blog_nav col_padd">
    <div class="page-center">
      <div class="smart_hr_wrap">
        <div class="smart_hr first">
          <hr>
        </div>
        <div class="smar_btm">
          <ul>
            <li>{% set href = module.beadcrumbs.link.url.href %}
              {% if module.beadcrumbs.link.url.type is equalto "EMAIL_ADDRESS" %}
              {% set href = "mailto:" + href %}
              {% endif %}
              <a
                 {% if module.beadcrumbs.link.url.type is equalto "CALL_TO_ACTION"  %}
                 href="{{ href }}" 
                 {% else %}
                 href="{{ href|escape_url }}"
                 {% endif %}
                 {% if module.beadcrumbs.link.open_in_new_tab %}
                 target="_blank"
                 {% endif %}
                 {% if module.beadcrumbs.link.rel %}
                 rel="{{ module.beadcrumbs.link.rel|escape_attr }}"
                 {% endif %}
                 >
                {{ module.beadcrumbs.link_text }}
              </a></li>
            <span class="arrow_icn">
              <svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M10.1724 7.50586L15.1768 12.5102L10.1724 17.5146" stroke="#343935" stroke-width="2.00175" stroke-linecap="round" stroke-linejoin="round"/>
              </svg>
            </span>
            <li><a href="{{group.absolute_url}}">{{group.public_title}}</a></li>
            {% if topic %}             <span class="arrow_icn">
            <svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
              <path d="M10.1724 7.50586L15.1768 12.5102L10.1724 17.5146" stroke="#343935" stroke-width="2.00175" stroke-linecap="round" stroke-linejoin="round"/>
            </svg>
            </span><li><span>{{ topic|replace('-',' ') }}</span></li>{% endif %}
          </ul>
        </div>
        <div class="smart_hr last">
          <hr>
        </div>
      </div>
    </div>
  </div>
  {% if module.image_field.src %}
  <div class="blog_featured col_padd">
    <div class="page-center">
      <div class="featured_image_wrap">
        {% set sizeAttrs = 'width="{{ module.image_field.width|escape_attr }}" height="{{ module.image_field.height|escape_attr }}"' %}
        {% if module.image_field.size_type == 'auto' %}
        {% set sizeAttrs = 'width="{{ module.image_field.width|escape_attr }}" height="{{ module.image_field.height|escape_attr }}" style="max-width: 100%; height: auto;"' %}
        {% elif module.image_field.size_type == 'auto_custom_max' %}
        {% set sizeAttrs = 'width="{{ module.image_field.max_width|escape_attr }}" height="{{ module.image_field.max_height|escape_attr }}" style="max-width: 100%; height: auto;"' %}
        {% endif %}
        {% set loadingAttr = module.image_field.loading != 'disabled' ? 'loading="{{ module.image_field.loading|escape_attr }}"' : '' %}
        <img src="{{ module.image_field.src|escape_url }}" alt="{{ module.image_field.alt|escape_attr }}" {{ loadingAttr }} {{ sizeAttrs }}>
      </div>
    </div>
  </div>
  {% endif %}
  <div class="blog_tags col_padd">
    <div class="page-center">
      <div class="top_title">
        <h3>Blog Tags</h3>
      </div>
      <div class="topics">
        {% set my_topics = blog_topics(group.id, 250) %} 
        <a href="{{group.absolute_url}}" class="category_filter">All</a> 
        <svg width="3" height="4" viewBox="0 0 3 4" fill="none" xmlns="http://www.w3.org/2000/svg">
          <circle cx="1.5" cy="2" r="1.5" fill="#B2B0B0"/>
        </svg>
        {% for item in my_topics %}
        <a href="{{ blog_tag_url(group.id, item.slug) }}" class="category_filter">{{ item }}</a>
        {% if not loop.last %}
        <svg width="3" height="4" viewBox="0 0 3 4" fill="none" xmlns="http://www.w3.org/2000/svg">
          <circle cx="1.5" cy="2" r="1.5" fill="#B2B0B0"/>
        </svg>
        {% endif %}
        {% endfor %}
      </div>
    </div>
  </div>
  <div class="blog_main col4_row">
    <div class="page-center">
      <div class="blog_list flex_row">
        {% for content in contents %}
        <div class="post_item col4">
          <div class="post_item_inner">
            {% if content.featured_image %}
            <div class="image">
              <a href="{{content.absolute_url}}">
                <img src="{{content.featured_image}}" alt="{{content.name|stiptags}}">
              </a>
            </div>
            {% endif %}
            <div class="content">
              <div class="article">Article</div>
              {% if content.title %}
              <div class="title">
                <h3>
                  <a href="{{content.absolute_url}}">{{content.title}}</a>
                </h3>
              </div>
              {% endif %}
              <div class="subtitle">
                <p>{{ content.post_list_content|safe|striptags|truncatehtml(155, '…' , false) }}</p>
              </div>
              <div class="read_more">
                <a href="{{content.absolute_url}}">Read more</a>
              </div>
            </div>
          </div>
        </div>
        {% endfor %}
      </div>
    </div>
  </div>

  <div class="blog_pagination_wrap">
    <div class="page-center">
      <div class="blog_pagination col_padd">
        <div class="blog-pagination">
          {% set page_list = [-2, -1, 0, 1, 2] %}
          {% if contents.total_page_count - current_page_num == 1 %}{% set offset = -1 %}
          {% elif contents.total_page_count - current_page_num == 0 %}{% set offset = -2 %}
          {% elif current_page_num == 2 %}{% set offset = 1 %}
          {% elif current_page_num == 1 %}{% set offset = 2 %}
          {% else %}{% set offset = 0 %}{% endif %}
          <div class="blog-pagination-center">
            {% for page in page_list %}
            {% set this_page = current_page_num + page + offset %}
            {% if this_page > 0 and this_page <= contents.total_page_count %}
            <a href="{{ blog_page_link(this_page) }}" class="page-link {% if this_page == current_page_num %}active{% endif %}">{{ this_page }}</a>
            {% endif %}
            {% endfor %}
          </div>
        </div>
      </div>
    </div>
  </div>

  {% require_js %}
  <script>
    $(document).ready(function () {
      function setActiveCategory(categoryURL) {
        $('.category_filter').removeClass('active');
        $('.category_filter[href="' + categoryURL + '"]').addClass('active');
      }

      function setActivePage(pageURL) {
        $('.page-link').removeClass('active');

        var foundMatch = false;
        $('.page-link').each(function () {
          if ($(this).attr('href') === pageURL) {
            $(this).addClass('active');
            foundMatch = true;
          }
        });

        // If no match found (like when on the first page without page number in URL), set first page active
        if (!foundMatch) {
          $('.page-link').first().addClass('active');
        }
      }

      function updateBlogPosts(url) {
        $('.blog_main').load(url + " .blog_main .blog_list", function () {
          loadPagination(url);
        });
      }

      function loadPagination(url) {
        $('.blog_pagination_wrap').load(url + " .blog_pagination_wrap", function () {
          setActivePage(window.location.href);
        });
      }

      // Handle category click event
      $('.category_filter').on('click', function (e) {
        e.preventDefault();
        var categoryURL = $(this).attr('href');

        history.pushState(null, null, categoryURL);
        setActiveCategory(categoryURL);
        updateBlogPosts(categoryURL);
      });

      // Handle pagination click event
      $(document).on('click', '.blog-pagination a', function (e) {
        e.preventDefault();
        var pageURL = $(this).attr('href');

        history.pushState(null, null, pageURL);
        setActivePage(pageURL);
        updateBlogPosts(pageURL);
      });

      // Preserve active states on load
      setActiveCategory(window.location.href);
      setActivePage(window.location.href);
    });

  </script>
  {% end_require_js %}

</div>

<div class="hs_resourses_wrap" style="background-color:{{ module.style.background.background_color.rgba }}">
    <div class="topic_wrap">
        <div class="page-center">
            <div class="blog_names">
                {% for item in module.resources %}
                <div class="blog_title {% if loop.first %} active{% endif %}" data-blog="blog_title_{{loop.index}}_{{name}}">
                    {{item.blog_name}}
                </div>
                {% endfor %}
            </div>
            <div class="blog_subcate">
                {% for item in module.resources %}
                {% set index  = loop.index %}
                <div class="nav {% if loop.first %} active{% endif %}" id="blog_title_{{loop.index}}_{{name}}">
                    {% set my_topics = blog_topics(item.select_blogs, 100) %}
                    <ul>
                        {% for item in my_topics %}
                        <li class="sub_cat {% if loop.first %} active{% endif %}" data-subcat="blog_{{index}}_{{ item|lower|replace(' ','_') }}_{{name}}"><a href="javascript:void(0)">{{ item }}</a></li>
                        {% if not loop.last %}
                        <span class="dot"><svg width="3" height="4" viewBox="0 0 3 4" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <circle cx="1.5" cy="2" r="1.5" fill="#B2B0B0"></circle>
                            </svg>
                        </span>
                        {% endif %}
                        {% endfor %}
                    </ul>
                </div>
                {% endfor %}
            </div>
        </div>
    </div>
    <div class="topic_content">
        <div class="page-center">
            <div class="page_inner">
                {% for item in module.resources %}
                {% set blog_item = item %}
                {% set all_posts = [] %}
                {% set posts = blog_recent_posts(item.select_blogs, 100) %}
                {% for post in posts %}
                {% do all_posts.append( post ) %}
                {% endfor %}
                <div class="blog_items {% if loop.first %} active {% endif %}" data-id="blog_title_{{loop.index}}_{{name}}">
                    {% set index = loop.index %}
                    {% set my_topics = blog_topics(item.select_blogs, 100) %}
                    {% for item in my_topics %}
                    <div class="cate_cards {% if loop.first %} active {% endif %}" id="blog_{{index}}_{{ item|lower|replace(' ','_') }}_{{name}}">
                        <div class="smart_heading">
                            <div class="smart_hr first">
                                <hr>
                            </div>
                            <div class="smart_hr">
                                <h3>
                                    {{item}}
                                </h3>
                            </div>
                            <div class="smart_hr last">
                                <hr>
                            </div>
                        </div>
                        <div class="cards_wrp {{item}}">
                            {% set count = 0 %}
                            <div class="left">
                                {% for post_item in all_posts %}
                                {% set all_tags_string = post_item.tag_list|join(", ") %}
                                {% if all_tags_string is string_containing item  %}
                                {% if count < 4  %}
                                {% if count == 0 %}
                                <div class="post_item">
                                    <div class="post_item_pad">
                                        <div class="item_flex">
                                            {% if post_item.featured_image%}
                                            <div class="feature_image">
                                                <a href="{{post_item.absolute_url}}">
                                                    <img src="{{post_item.featured_image}}" alt="{{post_item.name|striptags}}">
                                                </a>
                                            </div>
                                            {% endif %}
                                            <div class="content">
                                                <div class="artile">
                                                    Article
                                                </div>
                                                <h4>
                                                    <a href="{{post_item.absolute_url}}">{{post_item.name}}</a>
                                                </h4>
                                                <p>
                                                    {{ post_item.post_list_content|safe|striptags|truncatehtml(110, '' , false) }}
                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                {% endif %}
                                {% set count = count + 1 %}
                                {% endif %}
                                {% endif %}
                                {% endfor %}
                            </div>
                            <div class="right">
                                {% for post_item in all_posts %}
                                {% set all_tags_string = post_item.tag_list|join(", ") %}
                                {% if all_tags_string is string_containing item  %}
                                {% if count < 4 %}
                                {% if count >0 %}
                                <div class="post_item">
                                    <div class="post_item_pad">
                                        <div class="item_flex">
                                            {% if post_item.featured_image%}
                                            <div class="feature_image">
                                                <img src="{{post_item.featured_image}}" alt="{{post_item.name|striptags}}">
                                            </div>
                                            {% endif %}
                                            <div class="content">
                                                <div class="artile">
                                                    Article
                                                </div>
                                                <h4>
                                                    <a href="{{post_item.absolute_url}}">{{post_item.name}}</a>
                                                </h4>
                                                <p>
                                                    {{ post_item.post_list_content|safe|striptags|truncatehtml(110, '' , false) }}
                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                {% endif %}
                                {% set count = count + 1 %}
                                {% endif %}
                                {% endif %}
                                {% endfor %}
                            </div>
                        </div>
                        <div class="all_tag">
                            {% set href = blog_item.bottom_view_all_link.url.href %}
                            {% if blog_item.bottom_view_all_link.url.type is equalto "EMAIL_ADDRESS" %}
                            {% set href = "mailto:" + href %}
                            {% endif %}
                            <a href="{{href}}/tag/{{item.slug}}">View All</a>
                        </div>
                    </div>
                    {% endfor %}
                </div>
                {% endfor %}
            </div>
        </div>
    </div>
    <div class="form_wrp">
        <div class="page-center">
            <div class="form_wrp_bg">
                <div class="flex_row">
                    <div class="col8">
                        {{ module.contact_section.content }}
                    </div>
                    <div class="col4">
                        {% form
              form_to_use="{{ module.contact_section.select_form.form_id }}"
              response_response_type="{{ module.contact_section.select_form.response_type }}"
              response_message="{{ module.contact_section.select_form.message }}"
              response_redirect_id="{{ module.contact_section.select_form.redirect_id }}"
              response_redirect_url="{{module.contact_section.select_form.redirect_url}}"
              gotowebinar_webinar_key="{{ module.contact_section.select_form.gotowebinar_webinar_key }}"
              %}
                    </div>
                </div>
            </div>

        </div>
    </div>
    <div class="all_posts">
        <div class="page-center">
            <div class="smart_heading">
                <div class="smart_hr first">
                    <hr>
                </div>
                <div class="smart_hr">
                    <h3>
                        All articles
                    </h3>
                </div>
                <div class="smart_hr last">
                    <hr>
                </div>
            </div>
            {% for item in module.resources %}
            <div class="blog_data {% if loop.first %} active {% endif %}" blog-data="blog_title_{{loop.index}}_{{name}}">
                {% set all_posts = blog_recent_posts(item.select_blogs, 6) %}
                <div class="blog_list flex_row">
                    {% for post in  all_posts %}
                    <div class="col4">
                        <div class="card_inner">
                            <div class="post_image">
                                <a href="{{post.absolute_url}}">
                                    <img src="{{post.featured_image}}" alt="{{item.name|striptags}}">
                                </a>
                            </div>
                            <div class="card_pad">
                                <div class="article_title">
                                    Article
                                </div>
                                <div class="post_item_content">
                                    <h4>
                                        <a href="{{post.absolute_url}}">{{post.name}}</a>
                                    </h4>
                                    <p>
                                        {{ post.post_list_content|safe|striptags|truncatehtml(112, '...' , false) }}
                                    </p>
                                    <div class="read_more">
                                        <a href="{{post.absolute_url}}">Read more</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    {% endfor %}
                </div>
                <div class="button_wrap text_center">
                    {% set href = item.bottom_view_all_link.url.href %}
                    {% if item.bottom_view_all_link.url.type is equalto "EMAIL_ADDRESS" %}
                    {% set href = "mailto:" + href %}
                    {% endif %}
                    <a class="hs-button" {% if item.bottom_view_all_link.url.type is equalto "CALL_TO_ACTION"  %} href="{{ href }}" {# The href here is not escaped as it is not editable and functions as a JavaScript call to the associated CTA #} {% else %} href="{{ href|escape_url }}" {% endif %} {% if item.bottom_view_all_link.open_in_new_tab %} target="_blank" {% endif %} {% if item.bottom_view_all_link.rel %} rel="{{ item.bottom_view_all_link.rel|escape_attr }}" {% endif %}>
                        View all
                    </a>
                </div>
            </div>
            {% endfor %}
        </div>
    </div>
</div>

<script>
    $(document).ready(function () {
      // Handle main category tab clicks
      $('.blog_title').click(function () {
        var target = $(this).data('blog'); 
    
        $('.nav').removeClass('active');
        $('.blog_title').removeClass('active');
        $('.blog_items').removeClass('active');
        $('.blog_data').removeClass('active');
    
        $('[data-id="' + target + '"]').addClass('active');
        $('[blog-data="' + target + '"]').addClass('active');
        $('#' + target).addClass('active');
        $(this).addClass('active');
      });
    
      // Handle sub-category clicks
      $('.sub_cat').click(function () {
        var target_v2 = $(this).data('subcat'); 
        console.log(target_v2)
        $('#' + target_v2).siblings().removeClass('active'); 
        $(this).siblings().removeClass('active');
    
        $('#' + target_v2).addClass('active');
        $(this).addClass('active');
      });
    
    });
    
    
</script>

A multi-layered security approach combining technical safeguards, legal compliance, and user education is essential to protect patient privacy and secure sensitive data in a doctor-on-demand app. Here’s a comprehensive strategy:

1. Regulatory Compliance
HIPAA (U.S.), GDPR (EU), and PIPEDA (Canada): Ensure the app complies with regional healthcare data protection laws.

◦ Business Associate Agreements (BAAs): To ensure compliance, sign contracts with third-party vendors (e.g., cloud providers).
◦ Data Localization: Store health data in servers located in regions that are compliant with local laws (e.g., HIPAA-compliant AWS servers for U.S. users).

2. Data Encryption
◦ In Transit: Use SSL/TLS encryption for all data exchanged between users, servers, and APIs.
◦ At Rest: Encrypt stored data (e.g., medical records, chat logs) using AES-256.
◦ End-to-End Encryption (E2EE): For video consultations, messaging, and file sharing (e.g., use WebRTC with E2EE for telehealth sessions).

3. Secure Authentication & Access Control
◦ Multi-Factor Authentication (MFA): Require SMS, email, or authenticator app codes for login.
◦ Biometric Authentication: Enable fingerprint or facial recognition for app access.
◦ Role-Based Access Control (RBAC): Restrict data access based on user roles (e.g., doctors, patients, admins).
◦ Session Timeouts: Automatically log users out after periods of inactivity.

4. Anonymization & Data Minimization
◦ Pseudonymization: Replace identifiable data (e.g., names) with tokens in non-critical systems.
◦ Masking: Hide sensitive details (e.g., displaying only the last 4 digits of a patient’s ID).
◦ Data Retention Policies: Automatically delete non-essential data (e.g., chat logs) after a set period.

5. Secure Communication Channels
◦ Encrypted Video/Audio Calls: Use HIPAA-compliant telemedicine platforms like Zoom for Healthcare or Doxy.
◦ In-App Messaging: Avoid SMS for sensitive communications; use encrypted in-app chat instead.
◦ Secure File Sharing: Allow patients to upload documents (e.g., lab reports) via encrypted portals.

6. Infrastructure & Technical Safeguards
◦ Secure APIs: Validate and sanitize inputs to prevent injection attacks (e.g., SQLi).
◦ Firewalls & Intrusion Detection Systems (IDS): Monitor and block suspicious network activity.
◦ Regular Penetration Testing: Hire ethical hackers to identify vulnerabilities.
◦ Backup & Disaster Recovery: Maintain encrypted backups and a recovery plan for data breaches.

7. Patient Privacy Features
◦ Consent Management: Let patients control how their data is shared (e.g., opt-in/out for research).
◦ Audit Logs: Track who accessed patient data, when, and why.
◦ Incident Response Plan: Define steps for breach notification (e.g., alert users within 72 hours per GDPR).

8. Third-Party Vendor Security
◦ Vet Partners: Ensure labs, pharmacies, and payment gateways comply with healthcare security standards.
◦ Tokenization for Payments: Use PCI-DSS-compliant services like Stripe or Braintree to avoid storing card details.

9. User Education & Transparency
◦ Privacy Policy: Clearly explain data collection, usage, and sharing practices.
◦ Phishing Awareness: Educate users and staff about avoiding suspicious links/emails.
◦ Transparency Dashboard: Let patients view/delete their data or download records (GDPR "Right to Access").

10. Advanced Measures
◦ AI-Driven Anomaly Detection: Flag unusual activity (e.g., multiple login attempts).
◦ Zero-Trust Architecture: Treat every access request as potentially risky, even from within the network.
◦ Hardware Security Modules (HSMs): Protect encryption keys in tamper-proof devices.

By incorporating these measures, a doctor-on-demand app can build trust, avoid legal penalties, and ensure patient data remains confidential. Regular updates and staff training are critical to adapting to evolving threats. If you still struggling to get your online doctor consultation app develpoment then Appticz is the fine-tuned app development solution for all your needs.

{
	"blocks": [
		{
			"type": "header",
			"text": {
				"type": "plain_text",
				"text": ":sunshine: Boost Days - What's On This Week :sunshine:"
			}
		},
		{
			"type": "section",
			"text": {
				"type": "mrkdwn",
				"text": "\n\n Good morning Melbourne,\n\n Hope you all had a relaxing long weekend! Please see what's on for the week below."
			}
		},
		{
			"type": "divider"
		},
		{
			"type": "header",
			"text": {
				"type": "plain_text",
				"text": "Xero Café :coffee:",
				"emoji": true
			}
		},
		{
			"type": "section",
			"text": {
				"type": "mrkdwn",
				"text": "\n :new-thing: *This week we are offering:* \n\n :croissant: Mini Pain Au Chocolat & Macarons \n\n :milo: *Weekly Café Special:* _Milo Mocha_"
			}
		},
		{
			"type": "header",
			"text": {
				"type": "plain_text",
				"text": " Wednesday, 12th March :calendar-date-12:",
				"emoji": true
			}
		},
		{
			"type": "section",
			"text": {
				"type": "mrkdwn",
				"text": " \n\n :lunch: *Light Lunch*: Provided by *Kartel Catering* from *12pm* in the L3 Kitchen & Wominjeka Breakout Space."
			}
		},
		{
			"type": "header",
			"text": {
				"type": "plain_text",
				"text": "Thursday, 13th March :calendar-date-13:",
				"emoji": true
			}
		},
		{
			"type": "section",
			"text": {
				"type": "mrkdwn",
				"text": ":breakfast: *Breakfast*: Provided by *Kartel Catering* from *8:30am - 10:30am* in the Wominjeka Breakout Space. \n\n :cheers-9743: *Social Happy Hour* from 4pm - 5:30pm in the Wominjeka Breakout Space! \n\n _*Check out this weeks Lunch & Breakfast menus in the thread!*_ :thread:"
			}
		},
		{
			"type": "divider"
		},
		{
			"type": "section",
			"text": {
				"type": "mrkdwn",
				"text": "_*Later this month:*_ \n\n :hands: *19th March:* Global All Hands \n\n :cheers-9743: *27th March:* Social Happy Hour \n\n\n Love, WX :party-wx:"
			}
		}
	]
}

// User.php (Model)
public function roles()
{
    return $this->belongsToMany(Role::class);
}

// Role.php (Model)
public function users()
{
    return $this->belongsToMany(User::class);
}

<?php get_header(); ?>
 
         
          <div class="page-title page-title-default title-size-large title-design-centered color-scheme-light" style="">
                    <div class="container">
                <h1 class="entry-title title"><?php the_title(); ?>    </h1>
                     <div class="breadcrumbs"><a href="<?php echo get_home_url(); ?>" rel="v:url" property="v:title">Home</a> » <span class="current">Services</span></div><!-- .breadcrumbs -->                                                                        </div>
                </div>
 
 
    <div class="container">
        <div class="row single_serviceSection">
            <div class="col-lg-6">
                <div class="singleServiceContent">
                    <h3>
                        <?php the_title(); ?>
                    </h3>
                    <p>
                        <?php the_content(); ?>
                    </p>
                </div>
            </div>
            <div class="col-lg-6">
                <div class="singleServiceThumbnail">
                    <?php the_post_thumbnail("full"); ?>
                </div>
            </div>
        </div>
        <?php// comments_template(); ?>
    </div>
 
 
 
<?php 
 
get_footer();
 
?>
 
 
////////STYLING CSS///////
 
.single-services .main-page-wrapper > .container {
    max-width: 100%;
}
 
.single-services .page-title-default {
    width: 100%;
}
.single_serviceSection {
    display: flex;
    flex-direction: row-reverse;
    padding: 100px 0;
}

<style>
<video width="100%" height="auto" controls>
<source src="LE LIEN DE VOTRE VIDEO ICI" type="video/mp4">
Votre navigateur ne supporte pas la vidéo au format 9:16.
</video>

</style>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>My Blog</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
    <link href="https://fonts.googleapis.com/css2?family=Indie+Flower&display=swap" rel="stylesheet">
    <style>
        body {
            font-family: 'Indie Flower', cursive;
        }
    </style>
</head>
<body class="bg-black text-white flex flex-col items-center justify-center min-h-screen">
    <header class="absolute top-5 right-5 mt-4 mr-4">
        <nav class="flex space-x-4 text-sm">
            <a href="index.html" class="hover:underline">Home</a>
            <a href="about.html" class="hover:underline">About Me</a>
            <a href="contracts.html" class="hover:underline">Contracts</a>
            <a href="blog.html" class="hover:underline">My Blog</a>
        </nav>
    </header>
    <main class="text-center">
        <h1 class="text-3xl mb-4">My Blog</h1>
        <h2 class="text-2xl mb-2">“Surprise Valentine's Website for My Girlfriend”</h2>
        <p>Ihis past Valentine's Day, I wanted to do something special for my girlfriend, so I decided to create a surprise website just for her. I spent three days working on it, pouring my heart into every detail. My goal was to make it a memorable gift that would show her how much I care.

            I started by brainstorming ideas for the website's content. I wanted it to be personal, so I included our favorite memories together, photos from our time spent, and sweet messages that expressed my feelings. I chose a romantic color scheme with soft pinks and reds to set the mood.
            
            Using HTML, CSS, and a bit of JavaScript, I designed a simple yet elegant layout. I made sure the website was easy to navigate, so she could enjoy exploring it without any hassle. I also added some fun animations to make it more engaging.
            
            On Valentine's Day, I sent her the link, and her reaction was priceless. She loved it! Seeing her smile made all the hard work worth it. This project not only strengthened my web development skills but also deepened our connection. I learned that creating something meaningful can be a beautiful way to express love.            
            </p>
    </main>
</body>
</html>

	<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Contracts</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
    <link href="https://fonts.googleapis.com/css2?family=Indie+Flower&display=swap" rel="stylesheet">
    <style>
        body {
            font-family: 'Indie Flower', cursive;
        }
    </style>
</head>
<body class="bg-black text-white flex flex-col items-center justify-center min-h-screen">
    <header class="absolute top-5 right-5 mt-4 mr-4">
        <nav class="flex space-x-4 text-sm">
            <a href="index.html" class="hover:underline">Home</a>
            <a href="about.html" class="hover:underline">About Me</a>
            <a href="contracts.html" class="hover:underline">Contracts</a>
            <a href="blog.html" class="hover:underline">My Blog</a>
        </nav>
    </header>
    <main class="text-center">
        <h1 class="text-3xl mb-4">Contract Me</h1>
        
        <form class="bg-gray-800 p-6 rounded">
            <label for="name" class="block mb-2 text-white">Your Name</label>
            <input type="text" id="name" name="name" required class="mb-4 p-2 w-full rounded bg-gray-700 text-white placeholder-gray-400" placeholder="Name">
            
            <label for="email" class="block mb-2 text-white">Email Address</label>
            <input type="email" id="email" name="email" required class="mb-4 p-2 w-full rounded bg-gray-700 text-white placeholder-gray-400" placeholder="Email">
            
            <label for="subject" class="block mb-2 text-white">Phone Number</label>
            <input type="text" id="subject" name="subject" required class="mb-4 p-2 w-full rounded bg-gray-700 text-white placeholder-gray-400" placeholder="Subject">
            
            <label for="message" class="block mb-2 text-white">Message</label>
            <textarea id="message" name="message" required class="mb-4 p-2 w-full rounded bg-gray-700 text-white placeholder-gray-400" placeholder="Your message here..."></textarea>
            
            <button type="submit" class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded">Submit</button>
        </form>
    </main>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>About Me</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
    <link href="https://fonts.googleapis.com/css2?family=Indie+Flower&display=swap" rel="stylesheet">
    <style>
        body {
            font-family: 'Indie Flower', cursive;
        }
    </style>
</head>
<body class="bg-black text-white flex flex-col items-center justify-center min-h-screen">
    <header class="absolute top-5 right-5 mt-4 mr-4">
        <nav class="flex space-x-4 text-sm">
            <a href="index.html" class="hover:underline">Home</a>
            <a href="about.html" class="hover:underline">About Me</a>
            <a href="contracts.html" class="hover:underline">Contracts</a>
            <a href="blog.html" class="hover:underline">My Blog</a>
        </nav>
    </header>
    <main class="text-center">
        <h1 class="text-4xl mb-4">About Me</h1>
        <h2 class="text-2xl mb-2">Get to Know Me</h2>
        <p class="mb-4">I am a hardworking second-year student studying for a Bachelor of Information Technology. I have hearing and speech disabilities, which have taught me to be strong and determined. Although technology was not my first passion, I found a love for web development during my studies. I enjoy learning new skills and fixing errors in my projects.
            I am committed to creating websites that are easy to use and work well. I see every challenge as a chance to grow, and I approach each project with excitement. My strong work ethic helps me put in the effort needed to succeed.
            </p>
            <h3 class="text-xl mb-2">Languages</h3>
            <ul class="list-disc list-inside mb-4">
                <li class="flex items-center mb-2">
                    <img src="html.png" alt="HTML Icon" class="w-6 h-6 mr-2"> HTML
                </li>
                <li class="flex items-center mb-2">
                    <img src="java-script.png" alt="JavaScript Icon" class="w-6 h-6 mr-2"> JavaScript
                </li>
                <li class="flex items-center mb-2">
                    <img src="css-3.png" alt="CSS Icon" class="w-6 h-6 mr-2"> CSS
                </li>
            </ul>
            
            <h3 class="text-xl mb-2">Tools</h3>
            <ul class="list-disc list-inside mb-4">
                <li class="flex items-center mb-2">
                    <img src="github.png" alt="GitHub Icon" class="w-6 h-6 mr-2"> GitHub
                </li>
                <li class="flex items-center mb-2">
                    <img src="visual-studio.png" alt="VSCode Icon" class="w-6 h-6 mr-2"> VSCode
                </li>
            </ul>
        </ul>
    </main>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>My Portfolio</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
    <link href="https://fonts.googleapis.com/css2?family=Indie+Flower&display=swap" rel="stylesheet">
    <style>
        body {
            font-family: 'Indie Flower', cursive;
        }
    </style>
</head>
<body class="bg-black text-white flex flex-col items-center justify-center min-h-screen">
    
    <header class="absolute top-5 right-5 mt-4 mr-4">
        <nav class="flex space-x-4 text-sm">
            <a href="index.html" class="hover:underline">Home</a>
            <a href="about.html" class="hover:underline">About Me</a>
            <a href="contracts.html" class="hover:underline">Contracts</a>
            <a href="blog.html" class="hover:underline">My Blog</a>
        </nav>
    </header>
    <main class="text-center">
        <div class="home-img">
            <img src="img_ID.jpg" alt="Portrait of Audrey" class="rounded-full mx-auto mb-4" width="200" height="200">
        </div>
        <div class="home-content">
            <h1 class="text-4xl mb-2">Hello, I'm Audrey</h1>
            <h3 class="text-xl mb-6">I'm a versatile creator, blending art and technology to craft unique experiences. 
                Welcome to my world!</h3>
            <p class="text-lg mb-4">My Social</p>
            <div class="flex justify-center space-x-6 mb-6">
                <a href="https://www.instagram.com/not_owwdreeiixx_/" class="text-2xl" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
                <a href="https://github.com/sdca-audrey-maven-concepcion" class="text-2xl" aria-label="GitHub"><i class="fab fa-github"></i></a>
                <a href="https://www.youtube.com/@not_owwdreeiixx_" class="text-2xl" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
                <a href="#" class="text-2xl" aria-label="Resume"><i class="fas fa-file-alt"></i></a>
            </div>
            <div class="flex justify-center mb-6">
                <img src="robot.png" alt="A small robot illustration" class="rounded shadow-lg" style="max-width: 45px; height: auto;">
            </div>
            <button onclick="alert('Chat feature coming soon!')" class="mt-4 bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded" aria-label="Chat with me">Chat with me</button>
        </div>
    </main>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>My Portfolio</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
    <link href="https://fonts.googleapis.com/css2?family=Indie+Flower&display=swap" rel="stylesheet">
    <style>
        body {
            font-family: 'Indie Flower', cursive;
        }
    </style>
</head>
<body class="bg-black text-white flex flex-col items-center justify-center min-h-screen">
    
    <header class="absolute top-5 right-5 mt-4 mr-4">
        <nav class="flex space-x-4 text-sm">
            <a href="index.html" class="hover:underline">Home</a>
            <a href="about.html" class="hover:underline">About Me</a>
            <a href="contracts.html" class="hover:underline">Contracts</a>
            <a href="blog.html" class="hover:underline">My Blog</a>
        </nav>
    </header>
    <main class="text-center">
        <div class="home-img">
            <img src="img_ID.jpg" alt="Portrait of Audrey" class="rounded-full mx-auto mb-4" width="200" height="200">
        </div>
        <div class="home-content">
            <h1 class="text-4xl mb-2">Hello, I'm Audrey</h1>
            <h3 class="text-xl mb-6">I'm a versatile creator, blending art and technology to craft unique experiences. 
                Welcome to my world!</h3>
            <p class="text-lg mb-4">My Social</p>
            <div class="flex justify-center space-x-6 mb-6">
                <a href="https://www.instagram.com/not_owwdreeiixx_/" class="text-2xl" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
                <a href="https://github.com/sdca-audrey-maven-concepcion" class="text-2xl" aria-label="GitHub"><i class="fab fa-github"></i></a>
                <a href="https://www.youtube.com/@not_owwdreeiixx_" class="text-2xl" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
                <a href="#" class="text-2xl" aria-label="Resume"><i class="fas fa-file-alt"></i></a>
            </div>
            <div class="flex justify-center mb-6">
                <img src="robot.png" alt="A small robot illustration" class="rounded shadow-lg" style="max-width: 45px; height: auto;">
            </div>
            <button onclick="alert('Chat feature coming soon!')" class="mt-4 bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded" aria-label="Chat with me">Chat with me</button>
        </div>
    </main>
</body>
</html>

package com.nicatguliyev.jwt.learn_jwt.security;

import java.io.IOException;

import org.springframework.security.authentication.UsernamePasswordAuthenticationToken;
import org.springframework.security.core.context.SecurityContextHolder;
import org.springframework.security.core.userdetails.User;
import org.springframework.security.core.userdetails.UserDetails;
import org.springframework.security.web.authentication.WebAuthenticationDetailsSource;
import org.springframework.stereotype.Component;
import org.springframework.web.filter.OncePerRequestFilter;

import com.nicatguliyev.jwt.learn_jwt.service.JwtService;

import jakarta.servlet.FilterChain;
import jakarta.servlet.ServletException;
import jakarta.servlet.http.HttpServletRequest;
import jakarta.servlet.http.HttpServletResponse;

@Component
public class JWTAuthenticationFilter extends OncePerRequestFilter {

  private final JwtService jwtService;

  public JWTAuthenticationFilter(JwtService jwtService) {
    this.jwtService = jwtService;
  }

  @Override
  protected void doFilterInternal(HttpServletRequest request, HttpServletResponse response, FilterChain filterChain)
  throws ServletException, IOException {

    //System.out.println("DOFILTERINTERNAL RUNNING");

    String autHeader = request.getHeader("Authorization");
    if (autHeader == null || !autHeader.startsWith("Bearer ")) {
      filterChain.doFilter(request, response);
      return;
    }

    String token = autHeader.substring(7);
    String username = jwtService.extractUserName(token);

    if (username != null && SecurityContextHolder.getContext().getAuthentication() == null) {
      UserDetails userDetails = User.withUsername(username).password("").build();

      UsernamePasswordAuthenticationToken authenticationToken = new UsernamePasswordAuthenticationToken(
        userDetails, null);
      authenticationToken.setDetails(new WebAuthenticationDetailsSource().buildDetails(request));
      SecurityContextHolder.getContext().setAuthentication(authenticationToken);

    }

    filterChain.doFilter(request, response);
  }

}

  if (username != null && SecurityContextHolder.getContext().getAuthentication() == null) {
      UserDetails userDetails = User.withUsername(username).password("").build();

      UsernamePasswordAuthenticationToken authenticationToken = new UsernamePasswordAuthenticationToken(
        userDetails, null);
      authenticationToken.setDetails(new WebAuthenticationDetailsSource().buildDetails(request));
      SecurityContextHolder.getContext().setAuthentication(authenticationToken);

    }

  if (username != null && SecurityContextHolder.getContext().getAuthentication() == null) {
      UserDetails userDetails = User.withUsername(username).password("").build();

      UsernamePasswordAuthenticationToken authenticationToken = new UsernamePasswordAuthenticationToken(
        userDetails, null);
      authenticationToken.setDetails(new WebAuthenticationDetailsSource().buildDetails(request));
      SecurityContextHolder.getContext().setAuthentication(authenticationToken);

    }

    // Flag to prevent multiple script loads
    var nrichScriptLoaded = false;

    // Function to load the N.Rich script
    function loadNrichScript(cookielessMode) {
        if (nrichScriptLoaded) {
            console.log("N.Rich script already loaded.");
            return;
        }
        nrichScriptLoaded = true;
        console.log("Loading N.Rich script with cookieless mode:", cookielessMode);
        var config = {
            cookieless: cookielessMode,
        };
        !function(n,a,t,i,f,y){
            n[t]=n[t]||function(){(n[t].q=n[t].q||[]).push(arguments)},
            n[t].l=1*new Date,
            f=a.createElement(i),
            f.async=true,
            y=a.getElementsByTagName(i)[0],
            f.src='https://serve.nrich.ai/tracker/assets/tracker.js?nto='+t,
            y.parentNode.insertBefore(f,y)
        }(window,document,'nt','script');
        nt('load','1c53c9dc-268b-470e-8e18-b2dd2a63c5a3', config);
    }

    // Function to check consent and load the script accordingly
    function initializeNrich() {
        var consentGiven = cmplz_has_consent('marketing');
        console.log("Consent given:", consentGiven);
        if (consentGiven) {
            console.log("Consent given, loading N.Rich with cookies.");
            loadNrichScript(false); // cookieless: false
        } else {
            console.log("Consent not given, loading N.Rich in cookieless mode.");
            loadNrichScript(true); // cookieless: true
        }
    }

    // Run initialization on page load
    document.addEventListener("DOMContentLoaded", function() {
        initializeNrich();
    });

    // Update N.Rich when consent status changes
    document.addEventListener("cmplzConsentStatus", function (e) {
        console.log("Consent status changed:", e.detail);
        // Reset the flag to allow reloading the script
        nrichScriptLoaded = false;
        initializeNrich();
    });

#include <iostream>
#include <unordered_map>
using namespace std;

int main() 
{
  int n, xorPairs = 0;
  cin >> n;
  
  unordered_map<int, int> xorMap;
  
  for(int i = 0; i < n; ++i)
  {
    int num;
    cin >> num;
    
    xorPairs += xorMap[num];
    
    xorMap[num]++;
  }
    
  cout << xorPairs;
    
  return 0;
}

#include <iostream>
#include <vector>
using namespace std;

int Merge(int a[], int low, int mid, int high)
{
  vector<int> temp;
  int i = low, j = mid+1;
  int inversion = 0;
  
  while(i <= mid && j <= high)
  {
    if(a[i] <= a[j])
    {
      temp.push_back(a[i]);
      ++i;
    }
    else
    {
      temp.push_back(a[j]);
      ++j;
      inversion += (mid - i + 1);
    }
  }
  
  while(i <= mid)
  {
    temp.push_back(a[i]);
    ++i;
  }
  
  while(j <= high)
  {
    temp.push_back(a[j]);
    ++j;
  }
  
  for(int i = low; i <= high; ++i)
    a[i] = temp[i-low];
    
  return inversion;
}

int MergeSort(int a[], int low, int high)
{
  if(low == high)
    return 0;
  
  int mid = (low+high) / 2;
  int inversionCount = 0;
  
  inversionCount += MergeSort(a, low, mid);
  inversionCount += MergeSort(a, mid+1, high);
  
  inversionCount += Merge(a, low, mid, high);
  
  return inversionCount;
}

int main() 
{
  int n;
  cin >> n;
    
  int a[n];
  for(int i = 0; i < n; ++i)
    cin >> a[i];
    
  cout << MergeSort(a, 0, n-1);
    
  return 0;
}