<!DOCTYPE html>
<html lang="ru">
{include file="account_header.tpl"}

{if $say eq 'send'}

<body style="position: relative; min-height: 100%; top: 0px; overflow: hidden;">
    {else}

    <body style="position: relative; min-height: 100%; top: 0px;">
        {/if}

        <div class="flex page-lk-settings">
            <div class="menu-lk">
                <div class="lk-burger">
                    <div class="icon--lk-burger"></div>
                </div>
                <div class="menu-lk-inner">
                    <a class="btn-link" href="/">
                        <div class="logo">
                            <img src="styles/assets//img/logo.svg">
                        </div>
                    </a>
                    <div class="flex">
                        <a class="btn-link" href="/">
                            <div class="btn-link__icon icon--lk-home"></div>
                            <div class="btn-link__text">Main</div>
                        </a>
                        {include file="multilang.tpl"}
                    </div>
                    {include file="token_price.tpl"}
                    <div class="caption-wrapper">
                        <div class="caption">Menu</div>
                        <div class="caption-decor"></div>
                    </div>
                    {include file="account_menu.tpl"}
                    <div class="caption-wrapper">
                        <div class="caption">Social media</div>
                        <div class="caption-decor"></div>
                    </div>
                    {include file="social_account.tpl"}
                </div>
            </div>

            {if $say eq 'send'}
            <div id="modal_code_error" class="jquery-modal blocker current" style="z-index: 1999;display: block;">
                <div class="modal-success modal-info modal" id="modal-success" style="display: inline-block;">
                    <div class="close modal_error" style="cursor: pointer;">
                        <div class="icon--close"></div>
                    </div>
                    <div class="frame">
                        <div class="frame-line"></div>
                        <div class="frame-inner right-el">
                            <div class="modal-header">
                                <div class="modal-header-bg"></div>
                                <div class="modal-header-icon-bg"></div>
                                <div class="orange-icon green">
                                    <div class="icon--success"></div>
                                </div>
                            </div>
                            <div class="modal-title">Success!</div>
                            <div class="modal-text">Ticket has been successfully sent. We will back to you in next 24 hours. Thank you.</div>
                            <div class="flex-center">
                                <div class="btn modal_error" rel="modal:close">
                                    <div class="btn-bg">
                                        <div class="btn-text">I have read</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="frame-line"></div>
                    </div>
                </div>
            </div>
            {/if}


            {if $errors}
            <div id="modal_code_error" class="jquery-modal blocker current" style="z-index: 1999;display: block;">

                <div class="modal-error modal-info modal" id="modal-error" style="display: inline-block;">
                    <div class="close modal_error" style="cursor: pointer;">
                        <div class="icon--close"></div>
                    </div>
                    <div class="frame">
                        <div class="frame-line"></div>
                        <div class="frame-inner right-el">
                            <div class="modal-header">
                                <div class="modal-header-bg"></div>
                                <div class="modal-header-icon-bg"></div>
                                <div class="orange-icon red">
                                    <div class="icon--error"></div>
                                </div>
                            </div>
                            <div class="modal-title">Error!</div>
                            {if $errors.turing_image == 1}<div class="modal-text">Invalid turing image</div>{/if}
                            {if $errors.invalid_email == 1}<div class="modal-text">Invalid email address</div>{/if}
                            <div class="flex-center">
                                <div class="btn modal_error" rel="modal:close">
                                    <div class="btn-bg">
                                        <div class="btn-text">I have read</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="frame-line"></div>
                    </div>
                </div>

            </div>
            {/if}

            <div class="content-lk">
                <div class="content-lk-inner">

                    <div id="ticketsApp" class="container">
                        <div class="lk-slim-block">
                            <div class="title-icon">
                                <div class="orange-icon">
                                    <div class="icon--lk-ticket-white"></div>
                                </div>
                                <div class="title-icon__title-wrapper">
                                    <div class="title-icon__title1">Support</div>
                                    <div class="title-icon__title2">Ticket</div>
                                </div>
                            </div>

                            <form class="tickets-wrapper tickets-new-wrapper form-wrapper" method=post name=mainform onsubmit="return checkform()">
                                <input type=hidden name=a value=support>
                                <input type=hidden name=action value=send>
                                <div class="frame">
                                    <div class="frame-line"></div>
                                    <div class="frame-inner">
                                        <div class="v-form-control">
                                            <div class="label caption-wrapper">
                                                <div class="caption">Subject</div>
                                                <div class="caption-decor"></div>
                                            </div>
                                            <div class="input-wrapper"><input type="text" required></div>
                                        </div>
                                        <div class="v-form-control">
                                            <div class="label caption-wrapper">
                                                <div class="caption">Message</div>
                                                <div class="caption-decor"></div>
                                            </div>
                                            <div class="info-item no-bg">
                                                <div class="info-item__decor"></div> <textarea name=message required>{$frm.message|escape:htmlall}</textarea>
                                                <div class="info-item__decor right"></div>
                                            </div>
                                        </div>
                                        <div class="line-bg-btn"><button class="btn">
                                                <div class="btn-bg">
                                                    <div class="btn-text">Create</div>
                                                </div>
                                            </button></div>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>


                </div>




                <!-- <div class="lk-footer"> -->
                {include file="account_footer.tpl"}
                <!--  </div> -->

            </div>
        </div>


        {literal}
        <style>
            .shake {
                animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
                transform: translate3d(0, 0, 0);
            }

            @keyframes shake {

                10%,
                90% {
                    transform: translate3d(-1px, 0, 0);
                }

                20%,
                80% {
                    transform: translate3d(2px, 0, 0);
                }

                30%,
                50%,
                70% {
                    transform: translate3d(-4px, 0, 0);
                }

                40%,
                60% {
                    transform: translate3d(4px, 0, 0);
                }
            }

        </style>


        <script defer src="styles/assets/js/all.js"></script>
        <script src="styles/assets/js/axios.min.js"></script>
        <script src="styles/assets/js/vue.min.js"></script>
		
		<script>
        function writeScript(src) {
            document.write(`<script type='text/javascript' src='${src}?v=${Date.now()}'><\/script>`);
        }

		writeScript('styles/assets/js/only_get_token.js');
        </script>
        {/literal}

        <script>
           
            var modalCodeError = document.getElementById("modal_code_error");
           

           
            var closeElements = document.querySelectorAll(".modal_error");

            
            closeElements.forEach(function(element) {
                element.addEventListener("click", function() {
                   
                    modalCodeError.style.display = "none";
                   
                    document.body.removeAttribute("style");
                    window.location.href = "?a=cust&page=ticket";
                });
            });

        </script>


    </body>

</html>
