@page "/otchislenie/result"
@using Otchinslator.Components.Layout
@layout OtchislenieLayout

<script>
    document.getElementById('downloadPDF').addEventListener('click', function () {
        document.getElementById('congratulation').classList.remove('hidden');

    });
</script>

<dialog id="SendToDirectorModal" class="modal modal-bottom sm:modal-middle">
    <div class="modal-box">
        <h3 class="text-lg font-bold">Отправка письма</h3>
        <p class="py-4">Вы уверены что хотите отправить ваше заявление директору?<br>Отменить отправку невозможно!</p>
        <div class="modal-action">
            <form method="dialog">
                <button class="btn btn-primary">Нет</button>
                <a href="/otchislenie/congratulation" class="btn btn-error">Да</a>
            </form>
        </div>
    </div>
</dialog>

<div class="relative">
@* <div class="w-full"> *@
    @* <div class="flex flex-col space-y-4 xl:w-1/2 sm:w-full mx-auto"> *@
        <object data="/getStatement" type="application/pdf" class="w-[28rem] h-[30rem] rounded-2xl">
            <p class="text-center">Не удалось отобразить заявление, попробуйте скачать <a href="/getStatement">(тык)</a></p>
        </object>
        <div class="join w-full mt-4 flex gap-2">
            <button onclick="exit_modal.showModal()" class="relative btn btn-primary rounded-full flex-grow-0 w-[3rem] h-[3rem]">
                <img class="absolute p-3" src="img/exit.svg" alt=""/>
            </button>
            @* <button id="gen" class="btn rounded-full btn-primary flex-grow w-30">Сгенерировать</button> *@
            @* <a href="otchislenie/result" class="btn rounded-full btn-primary flex-grow w-30">Сгенерировать</a> *@
            <button onclick="SendToDirectorModal.showModal()"
                    class="btn btn-primary rounded-full flex-grow w-30">
                Отправить директору
            </button>
            <a id="downloadPDF" target="_blank" href="/getStatement"
               class="btn btn-primary bg-base-200 border-base-200 rounded-full flex-grow-0 w-[3rem]">
                @* Скачать PDF *@<div class="absolute rounded-full w-12 h-12">
                    <img class="p-3" src="img/pdf.svg" alt=""/>
                </div>
            </a>
        </div>
        
        
        
    @*     <div class="card rounded-badge bg-base-200 p-4"> *@
    @*         <div class="flex flex-col space-y-4 mt-1"> *@
    @* <button onclick="SendToDirectorModal.showModal()" *@
    @*         class="btn h-16 btn-primary rounded-full text-2xl relative"> *@
    @*     Отправить директору *@
    @* </button> *@
    @*             <a id="downloadPDF" target="_blank" href="/getStatement" *@
    @*                class="btn h-16 btn-primary rounded-full text-2xl relative"> *@
    @*                 Скачать PDF *@
    @*                 <div class="absolute bg-base-200 rounded-full right-1 w-14 h-14"> *@
    @*                     <img class="p-3" src="img/pdf.svg" alt=""/> *@
    @*                 </div> *@
    @*             </a> *@
    @*         </div> *@
    @*     </div> *@
    @* </div> *@
    @* $1$ TODO: Сделать адаптив #1# *@
    @* <div class="mt-9 flex flex-col space-y-4 lg:flex-row lg:space-x-4 lg:space-y-0 w-96 mx-auto" > *@
    @* <div class="mt-9 flex flex-col space-y-4 w-96 mx-auto"> *@
    @*     <a href="/otchislenie/statement" class="btn w-96 h-14 btn-primary rounded-full text-2xl"> *@
    @*         Назад *@
    @*     </a> *@
    @*     <a href="/" class="btn w-96 h-14 btn-primary rounded-full text-2xl"> *@
    @*         Выход *@
    @*     </a> *@
    @* </div> *@
    <div class="w-96 mx-auto mt-6">
        <a id="congratulation" href="/otchislenie/congratulation"
           class="btn w-full h-16 btn-primary rounded-full text-2xl hidden">
            Страница поздравления
        </a>
    </div>
</div>