@using Kreta.Web.Helpers;
@using Kreta.Resources;
@using Kreta.Web.Areas.Adatszolgaltatasok.Models
@model SZIRAdatszolgModel
@{
    Layout = "~/Views/Shared/_MasterLayout.cshtml";
}

<div class="buttonContainer">
    <div class="toRight">
        @Html.KretaButton("openPanelBar", NyomtatvanyokResource.OsszesPanelKinyitasa, clickEventName: "SZIRHelper.OpenPanelBar")
    </div>
    <div class="toRight">
        @Html.KretaButton("closePanelBar", NyomtatvanyokResource.OsszesPanelBezarasa, clickEventName: "SZIRHelper.ClosePanelBar")
    </div>
    <div class="clear"></div>
</div>

@Html.Partial("EditorTemplates/PanelBar", Model.panelBarBaseModel)

<div class="buttonContainer">
    @if (Model.IsSzirStatAdatszolgBekuldeseEnabled)
    {
        <div class="toRight @(Model.BekuldesDatum.HasValue || !Model.IsAdatokRendbenABekuldeshez ? "disabledItem" : "")">
            @Html.KretaButton("sendToKGR", SZIRAdatszolgResource.AdatszolgaltatasBekuldese, clickEventName: "SZIRHelper.SendToKGR")
        </div>
    }
    @if (Model.BekuldesDatum.HasValue)
    {
        <div class="toRight" style="padding-right: 40px; padding-top: 7px;">
            <label>@Model.BekuldesDatum.Value.ToShortDateString()</label>
        </div>
        <div class="toRight" style="padding-right: 20px;">
            @Html.KretaIcon("fa-check-circle", new Dictionary<string, object> { { "style", "font-size: 35px; color: #207446" } })
        </div>
    }

    @if (Model.IsSzirStatAdatszolgBekuldeseEnabled && !Model.IsAdatokRendbenABekuldeshez)
    {
        <div class="toRight" style="padding-right: 40px; padding-top: 7px;">
            <label>@SZIRAdatszolgResource.HianyzoSZIRAdatokTanevben</label>
        </div>
        <div class="toRight" style="padding-right: 20px;">
            @Html.KretaIcon("fa-exclamation-circle", new Dictionary<string, object> { { "style", "font-size: 35px; color: #de0d0d" } })
        </div>
    }
</div>

<script type="text/javascript">
    var SZIRHelper = (function () {
        var helper = function () { };

        helper.OpenPanelBar = function () {
            var panelBar = $('#SZIRAdatszolgPanel').data('kendoPanelBar');
            panelBar.expand($('#SZIRAdatszolgPanel li'), false);
        };

        helper.ClosePanelBar = function () {
            var panelBar = $('#SZIRAdatszolgPanel').data('kendoPanelBar');
            panelBar.collapse($('#SZIRAdatszolgPanel li'));
        };

        helper.SendToKGR = function () {
            KretaWindowHelper.confirmWindow("@CommonResource.Kerdes", "@SZIRAdatszolgResource.BiztosHogyBekuldiAzAdatszolgaltatasraVonatkozoAdatokat", SetElkuldes)
        };

        helper.GridDataSourceRowsBound = function (gridId, isPanelEditable) {
            if (!isPanelEditable) {
                $('#' + gridId + ' input').parent().addClass('disabledItem');
                $('#' + gridId + ' button').first().addClass('disabledItem');
            }
        }

        function SetElkuldes() {
            AjaxHelper.DoGet("@Url.HttpRouteUrl(Constants.RouteKey.ActionApi, new { controller = Constants.ApiControllers.SZIRAdatszolgApi, action = "SetSZIRBekuldes" })", undefined, sikeresAdatszolgElkuldes, sikertelenAdatszolgElkuldes);
        }

        function sikeresAdatszolgElkuldes(data) {
            KretaWindowHelper.successFeedBackWindow();
            location.reload();
        }

        function sikertelenAdatszolgElkuldes(data) {
            KretaWindowHelper.warningWindow("@ErrorResource.Hiba", data.responseJSON.Message);
        }

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

<style type="text/css">
    .buttonContainer {
        margin-bottom: 8px;
    }

        .buttonContainer div {
            margin-right: 0.16em;
        }

            .buttonContainer div.toLeft {
                float: left;
            }

            .buttonContainer div.toRight {
                float: right;
            }

            .buttonContainer div.clear {
                clear: both;
            }

    .k-panelbar-collapse, .k-panelbar-expand {
        right: 54px;
        position: absolute;
        margin-top: 26px;
        top: unset;
    }
</style>