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

@model TanuloApaczaiPalyazatBenyujtasOsszegzesModel

<script type="text/javascript">
    var BenyujtottPalyazatOsszegzesHelper = (function () {
        var benyujtottPalyazatOsszegzesHelper = function () { }

        benyujtottPalyazatOsszegzesHelper.ExpandAllPanel = function () {
            var panelBar = $('#OsszegzoPanelbar').data('kendoPanelBar');
            panelBar.expand($('#OsszegzoPanelbar .k-item'));
        }

        benyujtottPalyazatOsszegzesHelper.CollapseAllPanel = function () {
            var panelBar = $('#OsszegzoPanelbar').data('kendoPanelBar');
            panelBar.collapse($('#OsszegzoPanelbar .k-item'));
        }

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

<div style="margin: 20px;">
    <p class="figyelmezteto-uzenet">@TanuloApaczaiResource.PalyazatiAnyagAttekinteseUzenet</p>
    @Html.KretaButton("palyazatBenyujtasOsszesKinyitasa", TanuloApaczaiResource.OsszesPanelKinyitasa, clickEventName: "BenyujtottPalyazatOsszegzesHelper.ExpandAllPanel")
    @Html.KretaButton("palyazatBenyujtasOsszesBezarasa", TanuloApaczaiResource.OsszesPanelBezarasa, clickEventName: "BenyujtottPalyazatOsszegzesHelper.CollapseAllPanel")
    <div class="panelHeaderTextLeft">
        @Html.Partial("EditorTemplates/PanelBar", Model.PanelBarModel)
    </div>
</div>

<style type="text/css">
    .panelHeaderTextLeft > .k-panelbar .k-item > .k-link.k-header {
        text-align: left;
    }
</style>