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

@model TanuloApaczaiDokumentumokMegtekinteseModel

<style type="text/css">
    .apaczaiDokumentumListazasButton {
        background-color: #4cb050;
        border-color: #4cb050;
        color: white;
        text-align: center;
        display: inline-block;
        height: 40px;
        width: 280px;
        font-size: 16px;
    }

    .apaczaiDokumentumListazasButton:hover {
        background-color: #6ec172;
        border-color: #6ec172;
    }

    .apaczaiDokumentumList {
        margin-top: 0px;
    }
</style>

<div style="margin-bottom:30px;">
    @foreach (var dokumentumModel in Model.KategoriaList)
    {
        <div style="width: 60%; float: left; min-height: 100px; display: inline-block;">
            <div style=" display: inline-block;">
                <label class="h4" style="color: black; font-weight: bold; display: inline-block;">@dokumentumModel.DokumentumKategoriaNeve</label>
            </div>
            <div class="row" style="padding-left:20px">
                <label class="h5">@TanuloApaczaiResource.AListazasraKattintvaTekinthetiMegAFeltoltottFajlokat</label>
            </div> 
        </div>

        <div style="width: 40%; float: left; min-height: 100px; display: inline-block;">
            <div style="display: inline-block; float:right">
                @if (dokumentumModel.IsFeltoltott)
                {
                    <div id="feltoltott@(dokumentumModel.DokumentumkategoriaAzonosito)">
                        <label style="margin-left:80px;"><i class="fa fa-2x fa-check" style="color:#4cb050; text-align:center" aria-hidden="true"></i>Feltöltött</label>
                    </div>
                }

                @Html.KretaButton("DokumentumListazasButton_" + dokumentumModel.DokumentumkategoriaAzonosito, "Listázás", clickEventName: "function(){ TanuloApaczaiHelper.DokumentumListazasaButtonClick(" + dokumentumModel.DokumentumkategoriaAzonosito + "); }",
                htmlAttributes: new Dictionary<string, object>() { { "class", "apaczaiDokumentumListazasButton" } })
            </div>
        </div>

        <div id="@dokumentumModel.DokumentumkategoriaAzonosito" class="apaczaiDokumentumList" style="display:none">
            @foreach (var dokumentum in dokumentumModel.DokumentumList)
            {
            <div id="@dokumentum.DokumentumId">
                <div class="@BootsrapHelper.GetSizeClasses(9, true)">
                    <label class="h5">@dokumentum.DokumentumNev</label>
                </div>
                <div class="@BootsrapHelper.GetSizeClasses(3, true)">
                    <label style="margin-left: 60px;" onclick="TanuloApaczaiHelper.downloadDokumentum('@dokumentum.DokumentumId', '@dokumentum.DokumentumNev')"><i class="fa fa-2x fa-download" style="cursor: pointer;" aria-hidden="true"></i></label>
                    @if (dokumentumModel.DokumentumkategoriaAzonosito != "PalyazatiDontes" && dokumentumModel.DokumentumkategoriaAzonosito != "TamogatoiOkirat")
                    {
                        <div class="kretaLabelTooltip" style="display: inline-block;">
                            <label class="@(((Model.Statusz.HasValue && Model.Statusz.Value != Kreta.Enums.ManualEnums.ApaczaiPalyazatStatuszEnum.AdategyeztetesreVisszakuldve) || (!dokumentumModel.IsDeleteDocumentEnabled)) ? "disabledItem" : "")" style="margin-left:20px;" onclick="TanuloApaczaiHelper.deleteDokumentum('@dokumentum.DokumentumId')"><i class="fa fa-2x fa-trash-o" style="cursor: pointer;" aria-hidden="true"></i></label>
                        @if ((Model.Statusz.HasValue && Model.Statusz.Value != Kreta.Enums.ManualEnums.ApaczaiPalyazatStatuszEnum.AdategyeztetesreVisszakuldve && Model.Statusz.Value != Kreta.Enums.ManualEnums.ApaczaiPalyazatStatuszEnum.FelulvizsgalatrolAdategyeztetesreVisszakuldve) || (!dokumentumModel.IsDeleteDocumentEnabled))
                        {
                            <span class="kretaLabelTooltipText">@TanuloApaczaiResource.DokumentumokNemTorolhetok</span>
                        }
                        </div>
                        if (Model.Statusz.HasValue && Model.Statusz.Value != Kreta.Enums.ManualEnums.ApaczaiPalyazatStatuszEnum.AdategyeztetesreVisszakuldve && Model.Statusz.Value != Kreta.Enums.ManualEnums.ApaczaiPalyazatStatuszEnum.FelulvizsgalatrolAdategyeztetesreVisszakuldve)
                        {
                            <div style="height: 21px; background-image: url(../Content/content/images/Information_icon.png); background-size: 12px; background-repeat: no-repeat; width: 12px; display: inline-block;"/>
                        }
                    }
                </div>
            </div>
            }
        </div>
    }
</div>