@using Kreta.Web.Areas.Adatszolgaltatasok.Models
@using Kreta.Enums.ManualEnums
@using Kreta.Web.Helpers
@model SZIRStatDokumentumModel

@{ var webControlId = Model.SzirStatTipusId + "_" + Model.FeladatellatasiHelyId; }
@{ var SzirStatTipusId = Model.SzirStatTipusId; }
@{ var FeladatellatasiHelyId = Model.FeladatellatasiHelyId; }
<div>
    <div id="PanelChild@(webControlId)" class="col-md-12 szir-stat-row" style="text-align: center;">
        @Html.HiddenFor(x => x.SzirStatTipusId)
        @Html.HiddenFor(x => x.FeladatellatasiHelyId)
        @Html.HiddenFor(x => x.SzirStatFileId)
        @Html.HiddenFor(x => x.Statusz)
        @Html.HiddenFor(x => x.FileNev)
        @Html.HiddenFor(x => x.FileId)
        @Html.HiddenFor(x => x.FeltoltesDatuma)

        <strong>
            <span class="col-md-4 dokumentum-item-padding dokumentum-item-type">@Model.FeladatellatasiHelyNev</span>
        </strong>
        <i class="fa fa-2x @((Model.Statusz == FileStatuszEnum.NincsFeltoltve) ? " fa-times" : "fa-check-circle") dokumentum-item-padding col-md-1 padding0 paddingtop15" aria-hidden="true"
           style="color:@((Model.Statusz == FileStatuszEnum.NincsFeltoltve) ? "red" : "green");"></i>
        <span class="col-md-1 dokumentum-item-padding dokumentum-item-type padding0 paddingtop15">@Model.FeltoltesDatumaStr</span>
        <div class="col-md-4 dokumentum-item-padding dokumentum-item-type padding10 paddingtop15">
            @if (Model.Statusz != FileStatuszEnum.NincsFeltoltve && !string.IsNullOrWhiteSpace(Model.FileNev))
            {
                @Html.KretaLabelForWithoutName(x => x.ShortFileNev).RenderWithTooltip(3, 3, tooltipResource: Model.FileNev)
            }
        </div>
        <div class="col-md-2 padding0">
            <div class="col-md-4 padding0" style="padding-top: 0;">
                <a id="download@(webControlId)" href="#" class="btn @((Model.Statusz == FileStatuszEnum.NincsFeltoltve) ? "btn-default disabled" : "btn-primary")">
                    <i class="fa fa-2x @((Model.Statusz == FileStatuszEnum.NincsFeltoltve) ? " fa-upload" : "fa-download") dokumentum-item-padding" aria-hidden="true"
                       @((Model.Statusz == FileStatuszEnum.NincsFeltoltve) ? "" : "")></i>
                </a>
                @if (Model.Statusz != FileStatuszEnum.NincsFeltoltve)
                {
                    <a id="delete@(webControlId)" href="#" class="btn btn-primary">
                        <i class="fa fa-2x fa-trash dokumentum-item-padding" aria-hidden="true"></i>
                    </a>
                    @*@Html.KretaButton("DeleteButton_" + webControlId, "Fájl törlése", clickEventName: "function(e){ SZIRStatHelper.deleteDokumentumAndReload('" + Model.SzirStatTipusId + "','" + Model.FeladatellatasiHelyId + "',e);}").HtmlAttributes(new { @class = "masked-button col-md-1" })*@
                }
            </div>
            <div id="FileInputContainer@(webControlId)" class="col-md-7 padding0" style="padding-top: 0px;">
                @Html.KretaButton("UploadButton_" + webControlId, (@Model.Statusz == FileStatuszEnum.NincsFeltoltve) ? "Feltöltés" : "Új feltöltés", clickEventName: "function(){ SZIRStatHelper.MaskedClick('" + Model.Statusz + "','SZIRStatDokumentum" + webControlId + "');}").HtmlAttributes(new { @class = "masked-button" })

                @Html.KretaAsyncFileUpload("SZIRStatDokumentum" + webControlId,
                    onSelectEvent: "function(e){ SZIRStatHelper.onSelect(e); }",
                    onUploadEvent: "function(e) { SZIRStatHelper.uploadDokumentum('" + Model.SzirStatTipusId + "','" + Model.FeladatellatasiHelyId + "', e);}",
                    onErrorEvent: "function(e) { SZIRStatHelper.onError(e); }",
                    onCompleteEvent: "function(e) { SZIRStatHelper.onComplete('" + Model.SzirStatTipusId + "','" + Model.FeladatellatasiHelyId + "', e); }", allowMultiple: false,
                    selectText: (@Model.Statusz == FileStatuszEnum.NincsFeltoltve) ? "Feltöltés" : "Új feltöltés",
                    htmlAttributes: new Dictionary<string, object> { { "accept", ".xlsx,.xls,.rar,.zip" } })
            </div>

        </div>
    </div>
</div>
<script type="text/javascript">
    $(document).ready(function () {
        $("#FileId").attr('id', 'FileId@(webControlId)').attr('name', 'FileId@(webControlId)');
        $("#SzirStatTipusId").attr('id', 'SzirStatTipusId@(webControlId)').attr('name', 'SzirStatTipusId@(webControlId)');
        $("#FeladatellatasiHelyId").attr('id', 'FeladatellatasiHelyId@(webControlId)').attr('name', 'FeladatellatasiHelyId@(webControlId)');

        KretaFileUpload.DisplayValidationInfo("FileInputContainer@(webControlId)", "allowedFiles@(webControlId)");

        var allowedFileExtensionArray = ["Megengedett típusok: ",
            ".xlsx", ".xls", ".rar", ".zip",
            "Maximális méret: 15MB"
        ];

        var uploadButton = $("#FileInputContainer@(webControlId)");

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

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

        $("#download@(webControlId)").click(function (e) {
            var id = $("#FileId@(webControlId)").val();
            SZIRStatHelper.downloadDokumentum(id);
        });
        $("#delete@(webControlId)").click(function (e) {
            var szirStatTipusId = $("#SzirStatTipusId@(webControlId)").val();
            var feladatellatasiHelyId = $("#FeladatellatasiHelyId@(webControlId)").val();
            SZIRStatHelper.deleteDokumentumAndReload(szirStatTipusId, feladatellatasiHelyId, e);
        });
    });
</script>