{block name='layout-footer' append}
    <div class="modal fade modal-coupons text-dark py-5" tabindex="-1" role="dialog" id="modalCoupons"
         aria-labelledby="modalCouponsLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content rounded-6 shadow">
                <div class="modal-body p-1">
                    <h2 class="fw-bold font-weight-bold mb-0 text-uppercase text-center"
                        id="modalCouponsLabel">{$tnt_coupons_title}</h2>

                    <ul class="d-grid gap-4 my-5 list-unstyled">
                        <li class="d-flex gap-4 text-danger">
                            <svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" fill="currentColor"
                                 class="bi bi-percent text-danger" viewBox="0 0 16 16">
                                <path d="M13.442 2.558a.625.625 0 0 1 0 .884l-10 10a.625.625 0 1 1-.884-.884l10-10a.625.625 0 0 1 .884 0zM4.5 6a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm0 1a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5zm7 6a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm0 1a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5z"/>
                            </svg>
                            <div class="text-dark">
                                <h5 class="mb-0">{$tnt_coupons_lang_var_total_discount}</h5>
                                {$tnt_coupons_discount_text}
                            </div>
                        </li>
                        <li class="d-flex gap-4 text-success">
                            <svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" fill="currentColor"
                                 class="bi bi-qr-code text-success" viewBox="0 0 16 16">
                                <path d="M2 2h2v2H2V2Z"/>
                                <path d="M6 0v6H0V0h6ZM5 1H1v4h4V1ZM4 12H2v2h2v-2Z"/>
                                <path d="M6 10v6H0v-6h6Zm-5 1v4h4v-4H1Zm11-9h2v2h-2V2Z"/>
                                <path d="M10 0v6h6V0h-6Zm5 1v4h-4V1h4ZM8 1V0h1v2H8v2H7V1h1Zm0 5V4h1v2H8ZM6 8V7h1V6h1v2h1V7h5v1h-4v1H7V8H6Zm0 0v1H2V8H1v1H0V7h3v1h3Zm10 1h-1V7h1v2Zm-1 0h-1v2h2v-1h-1V9Zm-4 0h2v1h-1v1h-1V9Zm2 3v-1h-1v1h-1v1H9v1h3v-2h1Zm0 0h3v1h-2v1h-1v-2Zm-4-1v1h1v-2H7v1h2Z"/>
                                <path d="M7 12h1v3h4v1H7v-4Zm9 2v2h-3v-1h2v-1h1Z"/>
                            </svg>
                            <div class="text-dark">
                                <h5 class="mb-0">{$tnt_coupons_lang_var_discount_code}</h5>
                                {$tnt_coupons_lang_var_type_in} <span
                                        class="fs-5 fw-bold font-weight-bolder fst-italic">{$tnt_coupons_code}</span> {$tnt_coupons_lang_var_type_in_basket}
                            </div>
                        </li>
                        {if isset($tnt_coupons_frD->hints) && count($tnt_coupons_frD->hints) > 0}
                            <li class="d-flex gap-4 text-primary">
                                <svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" fill="currentColor"
                                     class="bi bi-card-checklist text-primary" viewBox="0 0 16 16">
                                    <path d="M14.5 3a.5.5 0 0 1 .5.5v9a.5.5 0 0 1-.5.5h-13a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 .5-.5h13zm-13-1A1.5 1.5 0 0 0 0 3.5v9A1.5 1.5 0 0 0 1.5 14h13a1.5 1.5 0 0 0 1.5-1.5v-9A1.5 1.5 0 0 0 14.5 2h-13z"/>
                                    <path d="M7 5.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5zm-1.496-.854a.5.5 0 0 1 0 .708l-1.5 1.5a.5.5 0 0 1-.708 0l-.5-.5a.5.5 0 1 1 .708-.708l.146.147 1.146-1.147a.5.5 0 0 1 .708 0zM7 9.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5zm-1.496-.854a.5.5 0 0 1 0 .708l-1.5 1.5a.5.5 0 0 1-.708 0l-.5-.5a.5.5 0 0 1 .708-.708l.146.147 1.146-1.147a.5.5 0 0 1 .708 0z"/>
                                </svg>
                                <div class="text-dark">
                                    <h5 class="mb-0">{$tnt_coupons_lang_var_details}</h5>
                                    <ul class="list-group list-group-flush">
                                        {foreach $tnt_coupons_frD->hints as $hint}
                                            <li class="list-group-item">{$hint}</li>
                                        {/foreach}
                                    </ul>
                                </div>
                            </li>
                        {/if}
                    </ul>
                    <button type="button" class="btn btn-lg btn-primary mt-5 w-100" data-dismiss="modal"
                            data-bs-dismiss="modal">{$tnt_coupons_lang_var_got_it}</button>
                </div>
            </div>
        </div>
    </div>
{/block}