@using Kreta.Web.Areas.Intezmeny.Models
@using Kreta.Enums.ManualEnums
@model IntezmenyiDokumentumModel

@{ var idPost = Model.Tipus.ToString(); }
<div id="@(Model.Tipus.ToString())" class="col-lg-2 col-md-3 col-sm-6 col-xs-12" style="text-align: center;">
    @Html.HiddenFor(x => x.IktatottDokumentumId)
    @Html.HiddenFor(x => x.Tipus)
    <strong>
        <span class="col-md-12 dokumentum-item-padding dokumentum-item-type">@Model.Nev</span>
    </strong>
    <i class="fa fa-3x @((Model.Statusz == IntezmenyiDokumentumStatuszEnum.NincsFeltoltve) ? " fa-times" : "fa-check-circle") dokumentum-item-padding col-md-12" aria-hidden="true"
        style="color:@((Model.Statusz == IntezmenyiDokumentumStatuszEnum.NincsFeltoltve) ? "red" : "green");"></i>
    <span class="col-md-12 dokumentum-item-padding dokumentum-item-filename">@Model.FajlNev</span>
    <a id="download@(idPost)" href="#" class="btn @((Model.Statusz == IntezmenyiDokumentumStatuszEnum.NincsFeltoltve) ? "btn-default disabled" : "btn-primary")">
        <i class="fa fa-3x @((Model.Statusz == IntezmenyiDokumentumStatuszEnum.NincsFeltoltve) ? " fa-upload" : "fa-download") dokumentum-item-padding col-md-12" aria-hidden="true"
           @((Model.Statusz == IntezmenyiDokumentumStatuszEnum.NincsFeltoltve) ? "" : "")></i>
    </a>
    <div id="DokumentumokInputContainer@(idPost)">
        @Html.KretaAsyncFileUpload("KotelezoDokumentum" + idPost, 
            onSelectEvent: "function(e){ KotelezoDokumentumFileUploadHelper.onSelect('" + @Model.Tipus + "', e); }",
            onUploadEvent: "function(e) { KotelezoDokumentumFileUploadHelper.uploadDokumentum('" + @Model.Tipus + "', e);}",
            onErrorEvent: "function(e) { KotelezoDokumentumFileUploadHelper.onError('" + @Model.Tipus + "', e); }",
            onCompleteEvent: "function(e) { KotelezoDokumentumFileUploadHelper.onComplete('" + Model.Tipus + "', e); }", allowMultiple: false,
            selectText: (@Model.Statusz == IntezmenyiDokumentumStatuszEnum.NincsFeltoltve) ? "Feltöltés" : "Új feltöltés",
            htmlAttributes: new Dictionary<string, object> { { "accept", ".pdf,.doc,.docx" } })
    </div>
</div>
<script type="text/javascript">
    $(document).ready(function () {
        $("#IktatottDokumentumId").attr('id', 'IktatottDokumentumId@(idPost)')
            .attr('name', 'IktatottDokumentumId@(idPost)')
        $("#Tipus").attr('id', 'Tipus@(idPost)')
            .attr('name', 'Tipus@(idPost)')
        KretaFileUpload.DisplayValidationInfo("DokumentumokInputContainer@(idPost)", "allowedFiles@(idPost)");

        var allowedFileExtensionArray = ["Megengedett típusok: ",
            ".pdf,.doc,.docx",
            "   Maximális méret: @((Model.Tipus == Kreta.Enums.DokumentumTipusEnum.PedagogiaiProgram)?"15":"5")MB"
        ];

        var uploadButton = $("#DokumentumokInputContainer@(idPost)");

        $("#allowedFiles@(idPost)").css({ "display" : "block", "height" : "4rem" });
        $(".k-widget.k-upload.k-header").css({ 'position': 'initial', 'background-color': 'transparent', 'border-color' : 'transparent' });

        uploadButton.mouseenter(function () {
            KretaFileUpload.StartAnimation();
            KretaFileUpload.VaidationInfoExtensionContainerAnimation("allowedFiles@(idPost)", allowedFileExtensionArray, 0);
        });
        uploadButton.mouseleave(function(){
            $("#allowedFiles@(idPost)").text("");
            KretaFileUpload.StopAnimation();
        });

        $("#download@(idPost)").click(function (e) {
            var url = "@Url.Action("DownloadFile", "Intezmeny", new { area = "Intezmeny" })";
            var id = $("#IktatottDokumentumId@(idPost)").val();

            AjaxHelper.DownloadFile(url, { id });
        });
    });
</script>