@using Kreta.Resources
@using Kreta.Web.Areas.Intezmeny.Controllers
@using Kreta.Web.Areas.Intezmeny.Models

@model OktatottSzakmaModifyModel

@using (Html.KretaForm(OktatottSzakmakController.ModifyFormName))
{
    @Html.KretaValidationSummary()

    @Html.HiddenFor(x => x.Id)
    @Html.HiddenFor(x => x.FileId)
    @Html.HiddenFor(x => x.FileNev)

    <div class="container-fluid details">
        <div class="row">
            @Html.KretaLabelFor(x => x.SzakkepesitesMegnevezese, 6, 6)
        </div>
        <div class="row">
            @Html.KretaLabelFor(x => x.OktatasiNevelesiFeladatNev, 6, 6)
        </div>
        <div class="row">
            @Html.KretaLabelFor(x => x.AgazatiBesorolas, 6, 6)
        </div>
        <div class="row">
            @Html.KretaLabelFor(x => x.SzakkepesitesAzonositoszam, 6, 6)
        </div>
        <div class="row">
            @Html.KretaLabelFor(x => x.JelenlegZajloKepzes, 6, 6)
        </div>
        <div class="row">
            @Html.KretaNumericFor(x => x.KepzesreFogadhatoTanulokSzama).Min(0).Max(1000).RenderWithName(6, 2)
        </div>
        <div class="row">
            @Html.KretaLabelFor(x => x.JelenlegKepzettTanulokSzama, 6, 6)
        </div>
        <div class="row">
            <div class="col-xs-12 col-sm-12 col-md-6">
                <label class="windowInputLabel">@UjSzktSzakmajegyzekOsszerendelesResource.Nyilatkozat</label>
            </div>
            <div class="col-xs-12 col-sm-12 col-md-6">
                @Html.KretaCheckBoxFor(x => x.IsNyilatkozott).Label(UjSzktSzakmajegyzekOsszerendelesResource.IsNyilatkozott)
            </div>
        </div>
        <div class="row">
            <div class="col-xs-12 col-sm-12 col-md-6 nyilatkozatLabelDiv">
                <label class="windowInputLabel">@Html.Raw(string.Format(UjSzktSzakmajegyzekOsszerendelesResource.NyilatkozatFeltoltese, Model.MaxAllowedFileSizeInMegaBytes, string.Join(", ", Model.AllowedFileExtensions.Select(x => x.Key))))</label>
            </div>
            <div class="col-xs-12 col-sm-12 col-md-6 padding0">
                <div class="col-xs-12 col-sm-12 col-md-12" style="padding-top: 0;">
                    <div class="padding0 floatleft" style="padding-right: 15px;">
                        <a id="downloadFile" href="#" class="btn @((!Model.IsFileFeltoltve) ? "btn-default disabled" : "btn-primary")">
                            <i class="fa fa-2x fa-download dokumentum-item-padding" aria-hidden="true"></i>
                        </a>
                        <a id="deleteFile" href="#" class="btn @((!Model.IsFileFeltoltve) ? "btn-default disabled" : "btn-primary")">
                            <i class="fa fa-2x fa-trash dokumentum-item-padding" aria-hidden="true"></i>
                        </a>
                    </div>
                    <div class="padding0 floatleft fileInfo">
                        @if (Model.IsFileFeltoltve && !string.IsNullOrWhiteSpace(Model.FileNev))
                        {
                            if (Model.IsFileNevTooLong)
                            {
                                @Html.KretaLabelFor(x => x.ShortFileNev).RenderWithTooltip(4, 8, true, tooltipResource: Model.FileNev)
                            }
                            else
                            {
                                @Html.KretaLabelFor(x => x.ShortFileNev, 4, 8, true)
                            }
                            @Html.KretaLabelFor(x => x.FeltoltesDatumText, 4, 8, true)
                        }
                        else
                        {
                            <label class="windowInputLabel">@UjSzktSzakmajegyzekOsszerendelesResource.NyilatkozatNincsFeltoltve</label>
                        }
                    </div>
                </div>
                <div id="FileInputContainer" class="col-xs-12 col-sm-12 col-md-12" style="padding-top: 0px;">
                    @Html.KretaFileUpload(
                        "Nyilatkozat",
                        onSelectEvent: "function(e){ onSelectEvent(e); }",
                        allowMultiple: false,
                        selectText: (!Model.IsFileFeltoltve) ? "Feltöltés" : "Új feltöltés",
                        htmlAttributes: new Dictionary<string, object> { { "accept", string.Join(",", Model.AllowedFileExtensions.Select(x => x.Value)) } })
                </div>
            </div>
        </div>
        <div class="row">
            @Html.KretaTextBoxFor(x => x.EszkozallomanyAvultsaga).RenderWithName(6, 6)
        </div>
        <div class="row">
            @Html.KretaTextBoxFor(x => x.EszkozokDarabszama).RenderWithName(6, 6)
        </div>
        <div class="row">
            @Html.KretaTextBoxFor(x => x.EgyebEszkozallomanyInformacio).RenderWithName(6, 6)
        </div>
        <div class="row">
            @Html.KretaTextAreaFor(x => x.TanmuhelyekSzama).RenderWithName(6, 6)
        </div>
    </div>
}

<script type="text/javascript">

    $(document).ready(function() {
        $("#downloadFile").click(function() {
            var id = parseInt(@Model.FileId);
            if (CommonUtils.isNullOrUndefined(id)) {
                KretaWindowHelper.warningWindow("@(CommonResource.FajlLetoltes)", "@(CommonResource.NincsFeltoltottFajlEzertNemLehetLetolteni)");
            } else {
                downloadFile(id);
            }
        });

        $("#deleteFile").click(function(id) {
            var id = parseInt(@Model.FileId);
            if (CommonUtils.isNullOrUndefined(id)) {
                KretaWindowHelper.warningWindow("@(CommonResource.FajlTorles)", "@(CommonResource.NincsFeltoltottFajlEzertNemLehetTorolni)");
            } else {
                KretaWindowHelper.confirmWindow("@(CommonResource.BiztosanTorli)", "@(CommonResource.FajlTorlesFigyelmeztetesMentessel)", deleteFile);
            }
        });
    });

    function downloadFile(fileId) {
        $("#FileIdHiddenField").val(fileId);
        $("#kretaDownloadSubmit").click();
    }

    function deleteFile() {
        $("#FileId").val(null);
        $("#downloadFile").removeClass("btn-primary");
        $("#downloadFile").addClass("btn-default disabled");
        $("#deleteFile").removeClass("btn-primary");
        $("#deleteFile").addClass("btn-default disabled");
        $("div.fileInfo").html('<label class="windowInputLabel">Csak a mentés gomb megnyomása után törlődik a feltöltött nyilatkozat</label>')
    }

    function onSelectEvent(e) {
        var allowedFileExtensions = @Html.Raw(Json.Encode(Model.AllowedFileExtensions.Select(x => x.Key)));
        var maxAllowedFileSizeInBytes = parseInt("@Model.MaxAllowedFileSizeInBytes");
        OktatottSzakmakHelper.onSelectEvent(e, allowedFileExtensions, maxAllowedFileSizeInBytes);
    }

</script>

<style>

    .k-checkbox-label::before {
         top: -2px;
    }

    .k-checkbox-label {
        font-weight: 600;
        top: -2px;
    }

    i.dokumentum-item-padding {
        padding-top: 10px;
        padding-bottom: 10px;
        display: block;
        background-color: transparent;
        width: 51px
    }

    a[id^="download"], a[id^="delete"] {
        margin-top: 10px;
        margin-bottom: 10px;
        padding: 0px;
    }

    .padding0 {
        padding: 0 0 0 0;
    }

    .padding0.fileInfo div {
        padding: 0 0 0 0;
        min-height: 25px;
        height: 25px;
    }

    div.nyilatkozatLabelDiv {
         padding-top: 13px !important;
    }

    div.nyilatkozatLabelDiv label.windowInputLabel {
         display: inline;
    }

    div.nyilatkozatLabelDiv label.windowInputLabel span {
         display: block;
    }

</style>