@using Kreta.Web.Areas.Tanulo.Models
@using Kreta.Resources

@model TanuloApaczaiPalyazatAllapotaModel

@{
    var isAdategyeztetes = Model.Statusz == Kreta.Enums.ManualEnums.ApaczaiPalyazatStatuszEnum.AdategyeztetesreVisszakuldve || Model.Statusz == Kreta.Enums.ManualEnums.ApaczaiPalyazatStatuszEnum.FelulvizsgalatrolAdategyeztetesreVisszakuldve;
    var vorosBtnStyle = "background-color: " + Constants.ApaczaiPalyazatColors.Red + ";";
    var zoldBtnStyle = "background-color: " + Constants.ApaczaiPalyazatColors.Green + ";";
}

<style>
    #palyazatAllapotaContainer > .row {
        width: 70%;
        margin: auto;
        margin-bottom: 30px;
        min-height: 0px;
    }

    #palyazatEllenorzeseContainer {
        border: 2px solid black;
        padding: 10px 50px;
        background-color: #54a5d1;
    }

    #palyazatEllenorzeseText {
        background-color: #54a5d1;
        color: white;
        margin: 0;
        text-align: center;
    }

    .text-container {
        margin: auto;
        text-align: center;
        font-weight: bold
    }

    #palyazatMegtekinteseBtn {
        background-color: #54a5d1;
    }

    #palyazatBtnContainer > button {
        margin: 0 5px;
    }
</style>

<div class="container-fluid" id="palyazatAllapotaContainer">

    <div class="row">
        <div id="palyazatEllenorzeseContainer">
            <h4 id="palyazatEllenorzeseText">@TanuloApaczaiResource.ApaczaiOsztondijProgramEllenorzese</h4>
        </div>
    </div>

    <div class="row">
        <div style="width: 100%; display: flex; justify-content: center;">
            <div style="color: @Model.StatuszColor;">
                <i class="fa @Model.StatuszIcon fa-5x" />
                <h4 style="display: inline; font-weight: bold; margin-left: 5px;">@Model.StatuszText</h4>
            </div>
        </div>
    </div>

    @if (isAdategyeztetes)
    {
        <div class="row">
            <div class="text-container">
                @TanuloApaczaiResource.AdategyeztetesTajekoztatoUzenet
            </div>
        </div>
    }

    @if (Model.IsKommentVisible)
    {
        if (isAdategyeztetes)
        {
            <div class="row">
                <div class="text-container">
                    @TanuloApaczaiResource.AzAdategyeztetesreVonatkozoKonkretIgenyunkMegjegyzes
                </div>
            </div>
        }

        <div class="row">
            <div class="text-container">
                @Model.Komment
            </div>
        </div>
    }

    <div class="row">
        @switch (Model.Statusz)
        {
            case Kreta.Enums.ManualEnums.ApaczaiPalyazatStatuszEnum.Bekuldott:
                <div id="palyazatBtnContainer" style="display: flex; justify-content: center;">
                    @Html.KretaButton("palyazatMegtekinteseBtn", TanuloApaczaiResource.BenyujtottPalyazatMegtekintese)
                    @if (Model.MegNincsBiralatAlatt)
                    {
                        @Html.KretaButton("palyazatVisszavonasaBtn", TanuloApaczaiResource.PalyazatVisszavonasa, htmlAttributes: new Dictionary<string, object> { { "style", vorosBtnStyle } }, clickEventName: "function(){ PalyazatAllapotaHelper.palyazatVisszavonasaConfirm(); }")
                    }
                </div>
            break;
            case Kreta.Enums.ManualEnums.ApaczaiPalyazatStatuszEnum.Visszavont:
              break;
            case Kreta.Enums.ManualEnums.ApaczaiPalyazatStatuszEnum.AdategyeztetesreVisszakuldve:
            case Kreta.Enums.ManualEnums.ApaczaiPalyazatStatuszEnum.FelulvizsgalatrolAdategyeztetesreVisszakuldve:
                <div id="palyazatBtnContainer" style="display: flex; justify-content: center;">
                    @Html.KretaButton("palyazatMegtekinteseBtn", TanuloApaczaiResource.BenyujtottPalyazatMegtekintese)
                    @Html.KretaButton("adategyeztetesBtn", TanuloApaczaiResource.Adategyeztetes, clickEventName: "function(){ PalyazatAllapotaHelper.adategyeztetes(); }")
                </div>
                break;
            case Kreta.Enums.ManualEnums.ApaczaiPalyazatStatuszEnum.Elfogadott:
                <div id="palyazatBtnContainer" style="display: flex; justify-content: center;">
                    @Html.KretaButton("palyazatMegtekinteseBtn", TanuloApaczaiResource.BenyujtottPalyazatMegtekintese)
                    @Html.KretaButton("palyazatDontesMegtekinteseBtn", TanuloApaczaiResource.PalyazatiDontesMegtekintese, htmlAttributes: new Dictionary<string, object> { { "style", zoldBtnStyle } }, clickEventName: "function(){ PalyazatAllapotaHelper.palyazatiDontesMegtekintese(); }")
                    @Html.KretaButton("tamogatoiOkiratMegtekinteseBtn", TanuloApaczaiResource.TamogatoiOkiratMegtekintese, htmlAttributes: new Dictionary<string, object> { { "style", zoldBtnStyle } }, clickEventName: "function(){ PalyazatAllapotaHelper.tamogatoiOkiratMegtekintese(); }")
                </div>
                break;
            case Kreta.Enums.ManualEnums.ApaczaiPalyazatStatuszEnum.Elutasitott:
                <div id="palyazatBtnContainer" style="display: flex; justify-content: center;">
                    @Html.KretaButton("palyazatMegtekinteseBtn", TanuloApaczaiResource.BenyujtottPalyazatMegtekintese)
                    @Html.KretaButton("palyazatDontesMegtekinteseBtn", TanuloApaczaiResource.PalyazatiDontesMegtekintese, htmlAttributes: new Dictionary<string, object> { { "style", zoldBtnStyle } }, clickEventName: "function(){ PalyazatAllapotaHelper.palyazatiDontesMegtekintese(); }")
                    @if (Model.IsFellebbezesiIdoszakban)
                    {
                        @Html.KretaButton("fellebbezesBtn", TanuloApaczaiResource.Fellebbezes, htmlAttributes: new Dictionary<string, object> { { "style", vorosBtnStyle } }, clickEventName: "function(e) { PalyazatAllapotaHelper.fellebbezes(e); }")
                    }
                </div>
                break;
        }
    </div>

</div>

<script type="text/javascript">
    $(document).ready(function () {
        $("#palyazatMegtekinteseBtn").on('click', (function () {
            PalyazatAllapotaHelper.openPalyazatBenyujtasOsszegzoPopup();
        }));
    });

    var PalyazatAllapotaHelper = (function() {
        var palyazatAllapotaHelper = function () { };
        var palyazatBenyujtasOsszegzoPopupName = "palyazatBenyujtasOsszegzoWindow";
        var urls = {
            OpenPalyazatBenyujtasOsszegzoPopup: "@Url.Action("OpenPalyazatBenyujtasOsszegzoPopup", "TanuloApaczai", new { area = "Tanulo" })",
            GetPalyazatVisszavonas: "@Url.HttpRouteUrl(Constants.RouteKey.ActionApi, new { controller = Constants.ApiControllers.TanuloApaczaiApi, action = "GetPalyazatVisszavonas" })",
        };

        palyazatAllapotaHelper.openPalyazatBenyujtasOsszegzoPopup = function (data) {
            AjaxHelper.DoPost(urls.OpenPalyazatBenyujtasOsszegzoPopup, data, palyazatBenyujtasOsszegzoPopup);
        }

        function palyazatBenyujtasOsszegzoPopup(data) {
            var config = KretaWindowHelper.getWindowConfigContainer();
            config.title = "@(TanuloApaczaiResource.PalyazatBenyujtasWizardPage4Title)";
            config.content = data;

            var modal = KretaWindowHelper.createWindow(palyazatBenyujtasOsszegzoPopupName, config);
            KretaWindowHelper.openWindow(modal, true);
        }

        palyazatAllapotaHelper.PalyazatAllapotaPopupCancel = function () {
            KretaWindowHelper.destroyWindow(palyazatBenyujtasOsszegzoPopupName);
        }

        palyazatAllapotaHelper.palyazatVisszavonasaConfirm = function() {
            KretaWindowHelper.confirmWindow("@TanuloApaczaiResource.PalyazatVisszavonasa", "@TanuloApaczaiResource.PalyazatVisszavonasaConfirmText", palyazatVisszavonasa);
        }

        function palyazatVisszavonasa() {
            AjaxHelper.DoGet(urls.GetPalyazatVisszavonas, {}, sikeresVisszavonas, sikertelenVisszavonas)
        }

        function sikeresVisszavonas(data) {
            $('#dokumentumokHozzaadasaButton').parent().addClass('disabledItem');
            KretaWindowHelper.successFeedBackWindow();
            TanuloApaczaiHelper.PalyazatAllapotaClick(null, { id: "#palyazatBenyujtasaButton" });
        }

        function sikertelenVisszavonas(data) {
            var uzenet;
            if (data.responseJSON.Json) {
                uzenet = data.responseJSON.Json.Uzenet + ((data.responseJSON.Json.MegjelenitendoHiba) ? ' (' + data.responseJSON.Json.MegjelenitendoHiba + ')' : '');
            }
            else {
                uzenet = data.responseJSON.Message;
            }
            KretaWindowHelper.feedbackWindow("@ErrorResource.Hiba", uzenet, true, null, "@CommonResource.Rendben");
        }

        palyazatAllapotaHelper.adategyeztetes = function() {
            TanuloApaczaiHelper.PalyazatBenyujtasaClick(null, { id: "#palyazatBenyujtasaButton" });
        }

        palyazatAllapotaHelper.fellebbezes = function (e) {
            $('#palyazatFellebbezesButton').trigger('click');
        }

        palyazatAllapotaHelper.palyazatiDontesMegtekintese = function () {
            TanuloApaczaiHelper.downloadDokumentum("@Model.PalyazatiDontesGuid", "@Html.Raw(Model.PalyazatiDontesFajlnev)");
        }

        palyazatAllapotaHelper.tamogatoiOkiratMegtekintese = function () {
            TanuloApaczaiHelper.downloadDokumentum("@Model.TamogatoiOkiratGuid", "@Html.Raw(Model.TamogatoiOkiratFajlnev)");
        }

        return palyazatAllapotaHelper;
    })();
</script>