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

@model SzakkepzesiJuttatasokSelectorPopupModel

@{ 
    var columnSizeClass = Model.IsApaczaiEnabled ? 4 : 6;
}

<style type="text/css">
    .textStyle {
        text-align: center;
        line-height: 3em;
    }
    
    .textKozel {
        line-height: 2em;
    }
</style>

<div class="container-fluid textStyle" style="padding-top: 20px;">
    <div class="@BootsrapHelper.GetSizeClasses(12)">
        @Html.Raw(SzakkepzesiJuttatasokResource.SelectorText)
    </div>
    <div class="textKozel @BootsrapHelper.GetSizeClasses(12)">
        @Html.Raw(SzakkepzesiJuttatasokResource.SelectorText1)
    </div>
    <div class="@BootsrapHelper.GetSizeClasses(12)">
        @Html.Raw(SzakkepzesiJuttatasokResource.SelectorText2)
    </div>
    <div class="@BootsrapHelper.GetSizeClasses(columnSizeClass)" style="padding-top: 40px;">
        <a href="javascript:SzakkepzesiJuttatasokHelper.loadSzakkepzesiOsztondijView();" style="display: inline-block;">
            <i class="fa fa-university fa-4x" style="width: 100%; text-align: center;"></i>
            <br>
            <span>
                @SzakkepzesiJuttatasokResource.SzakkepzesiOsztondij
            </span>
        </a>
    </div>
    <div class="@BootsrapHelper.GetSizeClasses(columnSizeClass)" style="padding-top: 40px;">
        <a href="javascript:SzakkepzesiJuttatasokHelper.loadEgyszeriPalyakezdesiJuttatasView();" style="display: inline-block;">
            <i class="fa fa-certificate fa-4x" style="width: 100%; text-align: center;"></i>
            <br>
            <span>
                @SzakkepzesiJuttatasokResource.EgyszeriPalyakezdesiJuttatas
            </span>
        </a>
    </div>
    @if (Model.IsApaczaiEnabled)
    {
        <div class="@BootsrapHelper.GetSizeClasses(columnSizeClass)" style="padding-top: 40px;">
            <a href="javascript:SzakkepzesiJuttatasokHelper.loadApaczaiOsztondijView();" style="display: inline-block;">
                <i class="fa fa-balance-scale fa-4x" style="width: 100%; text-align: center;"></i>
                <br>
                <span>
                    @SzakkepzesiJuttatasokResource.ApaczaiOsztondij
                </span>
            </a>
        </div>
    }
</div>

<script type="text/javascript">
    $(document).ready(function () {
        $(".modalFooter").hide();
    });
</script>