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

@model TanuloApaczaiPalyazatBenyujtasOsszegzesModel

<script type="text/javascript">
    var PalyazatBenyujtasOsszegzesHelper = (function () {
        var palyazatBenyujtasOsszegzesHelper = function () { }

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

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

        return palyazatBenyujtasOsszegzesHelper;
    })();

    $(document).ready(function () {
        if (CommonUtils.isNullOrUndefined($('#wizardProgressBar').data('kendoProgressBar')) == false) {
            $('#wizardProgressBar').data('kendoProgressBar').value(@Model.Percentage);
        }
    });
</script>

<h4 style="font-weight: bold;">@Model.Title</h4>
<p class="figyelmezteto-uzenet">@TanuloApaczaiResource.PalyazatiAnyagAttekinteseUzenet</p>
@Html.KretaButton("palyazatBenyujtasOsszesKinyitasa", TanuloApaczaiResource.OsszesPanelKinyitasa, clickEventName: "PalyazatBenyujtasOsszegzesHelper.ExpandAllPanel")
@Html.KretaButton("palyazatBenyujtasOsszesBezarasa", TanuloApaczaiResource.OsszesPanelBezarasa, clickEventName: "PalyazatBenyujtasOsszegzesHelper.CollapseAllPanel")
<div class="panelHeaderTextLeft">
    @Html.Partial("EditorTemplates/PanelBar", Model.PanelBarModel)
</div>

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