olton/cookie-accept-block.html

## cookie-accept-block.html
<div>
    <h4>We use cookie</h4>
    <p>
        Our website uses cookies to monitor traffic on our website and ensure that we can provide our customers with the best online experience possible.
    </p>
    <br>
    <div>
        <button class="button accept success">Accept</button>
        <button class="button decline link">Decline</button>
    </div>
</div>

## cookie-accept-tpl.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <link href="https://cdn.metroui.org.ua/v4-dev/css/metro-all.css?ver=@@b-version" rel="stylesheet">

    <title>Cookie acceptor - Metro 4 :: Popular HTML, CSS and JS library</title>
    <script src="https://cdn.metroui.org.ua/v4-dev/js/metro.js?ver=@@b-version"></script>

    <style>
        .cookie-disclaimer {
            box-shadow: 0 -1px 5px 0 rgba(0,0,0,0.35);
        }
    </style>
</head>
<body class="m4-cloak d-flex flex-justify-center flex-align-center flex-column">
    <h1>Cookie acceptor demo</h1>
    <button class="button" onclick="Metro.cookie.delCookie('cookies_accepted')">Withdraw accept</button>

    <script>
        $(function(){
            Metro.cookieDisclaimer.init({
                clsContainer: "cookie-disclaimer",
                template: "cookie-accept-block.html",
                acceptButton: ".accept",
                cancelButton: ".decline"
            });
        })
    </script>
</body>
</html>