@using Kreta.Web.Areas.Tanulo.Models
@using Kreta.Web.Helpers
@using Kreta.Enums.ManualEnums
@using Kreta.Resources

@model TanuloApaczaiPalyazatBenyujtasDokumentumokContentModel

@Html.HiddenFor(m => m.CountHatranyosHelyzetIgazolas)
@Html.HiddenFor(m => m.CountElozoTanevEvvegiBizonyitvany)
@Html.HiddenFor(m => m.CountHozzajaruloDokumentum)
@Html.HiddenFor(m => m.CountEgyebDokumentum)
@Html.HiddenFor(m => m.CountMentoriTamogatoNyilatkozat)
@Html.HiddenFor(m => m.KategoriankentiMaxFajlSzam)
@Html.HiddenFor(m => m.PalyazatStatusz)

@{
    var columnSizeClass = BootsrapHelper.GetSizeClasses(3);
    var hatranyosHelyzetFileUploadId = "hatranyosHelyzetIgazolasa";
    var elozoTanevEvvegiBizonyitvanyDokumentumFileUploadId = "elozoTanevEvvegiBizonyitvanyDokumentum";
    var hozzajaruloNyilatkozatFileUploadId = "hozzajaruloNyilatkozat";
    var egyebDokumentumFileUploadId = "egyebDokumentum";
    var mentoriTamogatoNyilatkozatId = "mentoriTamogatoNyilatkozat";
}

<style type="text/css">
    .k-panelbar .k-content .row div[class^=col-] {
        padding-left: 20px;
        padding-right: 20px;
    }

    .k-upload-status {
        display: none;
    }
</style>

<div class="row">
    <div class="@BootsrapHelper.GetSizeClasses(9)">
        <i class="fa fa-@(Model.CountHatranyosHelyzetIgazolas > 0 ? "check-" : "")square-o fa-2x benyujtasDokumentum"></i><span>@Model.HatranyosHelyzetetIgazoloDokumentum</span>
    </div>
    <div class="UploadRow_@((int)ApaczaiDokumentumTipusEnum.HatranyosHelyzetIgazolas) @columnSizeClass kretaLabelTooltip fileupload-info-icon-container">
        @Html.KretaFileUpload(
            hatranyosHelyzetFileUploadId,
            Url.Action("UploadHatranyosHelyzetIgazolasa", Constants.Controllers.TanuloApaczai),
            autoUpload: true,
            allowMultiple: false,
            showFileList: false,
            onSuccessEvent: "function (e) { DokumentumHozzaadasaHelper.onSuccessEvent(e, " + (int)ApaczaiDokumentumTipusEnum.HatranyosHelyzetIgazolas + "); }",
            onErrorEvent: "function (e) { DokumentumHozzaadasaHelper.onErrorEvent(e); }",
            onSelectEvent: "function (e) { TanuloApaczaiHelper.onFileUploadSelect(e); }",
            htmlAttributes: new Dictionary<string, object> { { "accept", string.Join(", ", Model.AllowedFileExtensions) }, { "class", "ignore-validation" } }
        ).Enable(Model.IsHatranyosHelyzetEnabled)
        <span class="kretaLabelTooltipText @(Model.IsHatranyosHelyzetEnabled ? "hidden" : "")" style="bottom: -140px;">@TanuloApaczaiResource.DokumentumKategoriankentMaxFajlokSzama</span>
        <span class="kretaLabelTooltipText" style="bottom: -70px;">@TanuloApaczaiResource.HatranyosHelyzetIgazolasaTooltip</span>
        <div class="info-icon" />
    </div>
</div>
<div class="row">
    <div class="@BootsrapHelper.GetSizeClasses(9)">
        <i class="fa fa-@(Model.CountHozzajaruloDokumentum > 0 ? "check-" : "")square-o fa-2x benyujtasDokumentum"></i><span>@Model.HozzajaruloDokumentum</span>
    </div>
    <div class="UploadRow_@((int)ApaczaiDokumentumTipusEnum.HozzajaruloNyilatkozat) @columnSizeClass kretaLabelTooltip fileupload-info-icon-container">
        @Html.KretaFileUpload(
            hozzajaruloNyilatkozatFileUploadId,
            Url.Action("UploadHozzajaruloNyilatkozat", Constants.Controllers.TanuloApaczai),
            autoUpload: true,
            allowMultiple: false,
            showFileList: false,
            onSuccessEvent: "function (e) { DokumentumHozzaadasaHelper.onSuccessEvent(e, " + (int)ApaczaiDokumentumTipusEnum.HozzajaruloNyilatkozat + "); }",
            onErrorEvent: "function (e) { DokumentumHozzaadasaHelper.onErrorEvent(e); }",
            onSelectEvent: "function (e) { TanuloApaczaiHelper.onFileUploadSelect(e); }",
            htmlAttributes: new Dictionary<string, object> { { "accept", string.Join(", ", Model.AllowedFileExtensions) }, { "class", "ignore-validation" } }
        ).Enable(Model.IsHozzajaruloNyilatkozatEnable)
        <span class="kretaLabelTooltipText fileupload-tooltip @(Model.IsHozzajaruloNyilatkozatEnable ? "hidden" : "")">@TanuloApaczaiResource.DokumentumKategoriankentMaxFajlokSzama</span>
        <span class="kretaLabelTooltipText fileupload-tooltip">@TanuloApaczaiResource.HozzajaruloNyilatkozatTooltip</span>
        <div class="info-icon" />
    </div>
</div>
<div class="row">
    <div class="@BootsrapHelper.GetSizeClasses(9)">
        <i class="fa fa-@(Model.CountMentoriTamogatoNyilatkozat > 0 ? "check-" : "")square-o fa-2x benyujtasDokumentum"></i><span>@Model.MentoriTamogatoNyilatkozat</span>
    </div>
    <div class="UploadRow_@((int)ApaczaiDokumentumTipusEnum.MentoriTamogatoNyilatkozat) @columnSizeClass kretaLabelTooltip fileupload-info-icon-container">
        @Html.KretaFileUpload(
            mentoriTamogatoNyilatkozatId,
            Url.Action("UploadMentoriTamogatoNyilatkozat", Constants.Controllers.TanuloApaczai),
            autoUpload: true,
            allowMultiple: false,
            showFileList: false,
            onSuccessEvent: "function (e) { DokumentumHozzaadasaHelper.onSuccessEvent(e, " + (int)ApaczaiDokumentumTipusEnum.MentoriTamogatoNyilatkozat + "); }",
            onErrorEvent: "function (e) { DokumentumHozzaadasaHelper.onErrorEvent(e); }",
            onSelectEvent: "function (e) { TanuloApaczaiHelper.onFileUploadSelect(e); }",
            htmlAttributes: new Dictionary<string, object> { { "accept", string.Join(", ", Model.AllowedFileExtensions) }, { "class", "ignore-validation" } }
        ).Enable(Model.IsMentoriTamogatoNyilatkozatEnabled)
        <span class="kretaLabelTooltipText fileupload-tooltip @(Model.IsMentoriTamogatoNyilatkozatEnabled ? "hidden" : "")">@TanuloApaczaiResource.DokumentumKategoriankentMaxFajlokSzama</span>
        <span class="kretaLabelTooltipText fileupload-tooltip">@TanuloApaczaiResource.MentoriTamogatoNyilatkozatTooltip</span>
        <div class="info-icon" />
    </div>
</div>
<div class="row">
    <div class="@BootsrapHelper.GetSizeClasses(9)">
        <i class="fa fa-@(Model.CountElozoTanevEvvegiBizonyitvany > 0 ? "check-" : "")square-o fa-2x benyujtasDokumentum"></i><span>@Model.ElozoTanevEvvegiBizonyitvany</span>
    </div>
    <div class="UploadRow_@((int)ApaczaiDokumentumTipusEnum.ElozoTanevEvvegiBizonyitvany) @columnSizeClass kretaLabelTooltip fileupload-info-icon-container">
        @Html.KretaFileUpload(
            elozoTanevEvvegiBizonyitvanyDokumentumFileUploadId,
            Url.Action("UploadElozoTanevEvvegiBizonyitvanyDokumentum", Constants.Controllers.TanuloApaczai),
            autoUpload: true,
            allowMultiple: false,
            showFileList: false,
            onSuccessEvent: "function (e) { DokumentumHozzaadasaHelper.onSuccessEvent(e, " + (int)ApaczaiDokumentumTipusEnum.ElozoTanevEvvegiBizonyitvany + "); }",
            onErrorEvent: "function (e) { DokumentumHozzaadasaHelper.onErrorEvent(e); }",
            onSelectEvent: "function (e) { TanuloApaczaiHelper.onFileUploadSelect(e); }",
            htmlAttributes: new Dictionary<string, object> { { "accept", string.Join(", ", Model.AllowedFileExtensions) }, { "class", "ignore-validation" } }
        ).Enable(Model.IsElozoTanevEvvegiBizonyitvanyEnable)
        <span class="kretaLabelTooltipText @(Model.IsElozoTanevEvvegiBizonyitvanyEnable ? "hidden" : "")" style="bottom: -60px;">@TanuloApaczaiResource.DokumentumKategoriankentMaxFajlokSzama</span>
        <span class="kretaLabelTooltipText fileupload-tooltip">@Html.Raw(TanuloApaczaiResource.ElozoTanevEvvegiBizonyitvanyTooltip)</span>
        <div class="info-icon" />
    </div>
</div>
<div class="row">
    <div class="@BootsrapHelper.GetSizeClasses(9)">
        <i class="fa fa-@(Model.CountEgyebDokumentum > 0 ? "check-" : "")square-o fa-2x benyujtasDokumentum"></i><span>@Model.EgyebDokumentum</span>
    </div>
    <div class="UploadRow_@((int)ApaczaiDokumentumTipusEnum.Egyeb) @columnSizeClass kretaLabelTooltip fileupload-info-icon-container">
        @Html.KretaFileUpload(
            egyebDokumentumFileUploadId,
            Url.Action("UploadEgyebDokumentum", Constants.Controllers.TanuloApaczai),
            autoUpload: true,
            allowMultiple: false,
            showFileList: false,
            onSuccessEvent: "function (e) { DokumentumHozzaadasaHelper.onSuccessEvent(e, " + (int)ApaczaiDokumentumTipusEnum.Egyeb + "); }",
            onErrorEvent: "function (e) { DokumentumHozzaadasaHelper.onErrorEvent(e); }",
            onSelectEvent: "function (e) { TanuloApaczaiHelper.onFileUploadSelect(e); }",
            htmlAttributes: new Dictionary<string, object> { { "accept", string.Join(", ", Model.AllowedFileExtensions) }, { "class", "ignore-validation" } }
        ).Enable(Model.IsEgyebDokumentumEnable)
        <span class="kretaLabelTooltipText fileupload-tooltip @(Model.IsEgyebDokumentumEnable ? "hidden" : "")">@TanuloApaczaiResource.DokumentumKategoriankentMaxFajlokSzama</span>
        <span class="kretaLabelTooltipText fileupload-tooltip">@Html.Raw(TanuloApaczaiResource.EgyebDokumentumTooltip)</span>
        <div class="info-icon" />
    </div>
</div>

<script type="text/javascript">
  function SetdokumentumTipus(dokumentumTipus, count) {
    var uploadrow = $(".UploadRow_" + dokumentumTipus);
    var checkbox = uploadrow.parent().find(".benyujtasDokumentum");
    var uploadAllowed = CommonUtils.parseBool("@Model.UploadAllowed");
    if (!uploadAllowed) {
      uploadrow.hide();
    }
    else {
      uploadrow.show();
      var dokumentumSzam = 0;
      var fileuploadid;
      switch (dokumentumTipus) {
        case @((int)ApaczaiDokumentumTipusEnum.HatranyosHelyzetIgazolas):
          if (count) {
            $("#CountHatranyosHelyzetIgazolas").val(count);
          }
          dokumentumSzam = $("#CountHatranyosHelyzetIgazolas").val();
          fileuploadid = "@hatranyosHelyzetFileUploadId";
          break;
        case @((int)ApaczaiDokumentumTipusEnum.HozzajaruloNyilatkozat):
          if (count) {
            $("#CountHozzajaruloDokumentum").val(count);
          }
          dokumentumSzam = $("#CountHozzajaruloDokumentum").val();
          fileuploadid = "@hozzajaruloNyilatkozatFileUploadId";
          break;
        case @((int)ApaczaiDokumentumTipusEnum.MentoriTamogatoNyilatkozat):
          if (count) {
            $("#CountMentoriTamogatoNyilatkozat").val(count);
          }
          dokumentumSzam = $("#CountMentoriTamogatoNyilatkozat").val();
          fileuploadid = "@mentoriTamogatoNyilatkozatId";
          break;
        case @((int)ApaczaiDokumentumTipusEnum.Egyeb):
          if (count) {
            $("#CountEgyebDokumentum").val(count);
          }
          dokumentumSzam = $("#CountEgyebDokumentum").val();
          fileuploadid = "@egyebDokumentumFileUploadId";
          break;
        case @((int)ApaczaiDokumentumTipusEnum.ElozoTanevEvvegiBizonyitvany):
          if (count) {
            $("#CountElozoTanevEvvegiBizonyitvany").val(count);
          }
          dokumentumSzam = $("#CountElozoTanevEvvegiBizonyitvany").val();
          fileuploadid = "@elozoTanevEvvegiBizonyitvanyDokumentumFileUploadId";
          break;
      }
      if (dokumentumSzam > 0) {
        checkbox.addClass("fa-check-square-o");
        checkbox.removeClass("fa-square-o");
      }
      else {
        checkbox.addClass("fa-square-o");
        checkbox.removeClass("fa-check-square-o");
      }
      if (parseInt(dokumentumSzam) >= parseInt($('#KategoriankentiMaxFajlSzam').val())) {
        $('#' + fileuploadid).data('kendoUpload').enable(false);
        $('#' + fileuploadid).parent().removeClass('k-state-focused');
        $('#' + fileuploadid).parents('div.fileupload-info-icon-container').children('.hidden').removeClass('hidden');
      }
    }
  }

  $(document).ready(function () {
    $(".k-widget.k-upload.k-header").css({
      "position": "initial",
      "background-color": "transparent",
      "border-color": "transparent",
      "text-align": "center"
    });

    var zones = $(".k-widget.k-upload.k-header.k-upload-empty > .k-dropzone");
    $.each(zones, function () {
      $(this).children().not(':first').remove();
    });

    SetdokumentumTipus(@((int)ApaczaiDokumentumTipusEnum.HatranyosHelyzetIgazolas));
    SetdokumentumTipus(@((int)ApaczaiDokumentumTipusEnum.ElozoTanevEvvegiBizonyitvany));
    SetdokumentumTipus(@((int)ApaczaiDokumentumTipusEnum.HozzajaruloNyilatkozat));
    SetdokumentumTipus(@((int)ApaczaiDokumentumTipusEnum.MentoriTamogatoNyilatkozat));
    SetdokumentumTipus(@((int)ApaczaiDokumentumTipusEnum.Egyeb));

  });

  var DokumentumHozzaadasaHelper = (function () {
    var dokumentumHozzadasaHelper = function () { };

    dokumentumHozzadasaHelper.onSuccessEvent = function (e, dokumentumTipus) {
      var wizardNextBtn = $('#wizardNextBtn');
      switch (dokumentumTipus) {
        case @((int)ApaczaiDokumentumTipusEnum.HatranyosHelyzetIgazolas):
          $("#CountHatranyosHelyzetIgazolas").val(parseInt($("#CountHatranyosHelyzetIgazolas").val()) + 1);
          break;
        case @((int)ApaczaiDokumentumTipusEnum.HozzajaruloNyilatkozat):
          $("#CountHozzajaruloDokumentum").val(parseInt($("#CountHozzajaruloDokumentum").val()) + 1);
          break;
        case @((int)ApaczaiDokumentumTipusEnum.MentoriTamogatoNyilatkozat):
          $("#CountMentoriTamogatoNyilatkozat").val(parseInt($("#CountMentoriTamogatoNyilatkozat").val()) + 1);
          break;
        case @((int)ApaczaiDokumentumTipusEnum.Egyeb):
          $("#CountEgyebDokumentum").val(parseInt($("#CountEgyebDokumentum").val()) + 1);
          break;
        case @((int)ApaczaiDokumentumTipusEnum.ElozoTanevEvvegiBizonyitvany):
          $("#CountElozoTanevEvvegiBizonyitvany").val(parseInt($("#CountElozoTanevEvvegiBizonyitvany").val()) + 1);
          break;
      }
        if (parseInt($("#CountHatranyosHelyzetIgazolas").val()) > 0
            && parseInt($("#CountHozzajaruloDokumentum").val()) > 0
            && parseInt($("#CountMentoriTamogatoNyilatkozat").val()) > 0
            && parseInt($("#CountElozoTanevEvvegiBizonyitvany").val()) > 0) {
            if (wizardNextBtn.hasClass('disabledItem')) {
          wizardNextBtn.removeClass('disabledItem');
        }
      }
      SetdokumentumTipus(dokumentumTipus);
    }

    dokumentumHozzadasaHelper.onErrorEvent = function (e) {
      var uzenet;
      var jsonResponse = CommonUtils.JSONparse(e.XMLHttpRequest.response);
      if (jsonResponse.Json) {
        uzenet = jsonResponse.Json.Uzenet + ((jsonResponse.Json.MegjelenitendoHiba) ? ' (' + jsonResponse.Json.MegjelenitendoHiba + ')' : '');
      }
      else {
        uzenet = jsonResponse.Message;
      }
      KretaWindowHelper.feedbackWindow("@ErrorResource.Hiba", uzenet, true, null, "@CommonResource.Rendben");
    }

    return dokumentumHozzadasaHelper;
  })();
</script>