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

@model TanuloApaczaiPalyazatBenyujtasAtlagokContentModel

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

    .k-upload-status {
        display: none;
    }

    .feltetelFormatum {
        display: flex;
        align-items: center;
    }
</style>

@Html.HiddenFor(x => x.SzamitottAtlag)
@Html.HiddenFor(x => x.CountElozoTanevEvvegiBizonyitvany)
@Html.HiddenFor(x => x.KategoriankentiMaxFajlSzam)

<div class="row">
    @Html.KretaLabelFor(x => x.SzamitottAtlag, labelWidth: 3, inputWidth: 2)
    <div class="kretaLabelTooltip @(Model.IsReadOnly ? "hidden" : "")">
        <div class="info-icon" style="margin-top: 15px;" />
        <span class="kretaLabelTooltipText">@TanuloApaczaiResource.AtlagTooltip</span>
    </div>
</div>
<div class="row">
    <div class="keziAtlagContainer">
        @Html.KretaNumericFor(x => x.KeziAtlag).Decimals(2).Min(1.00).Max(5.00).Step(0.01).RenderWithName(3, 2)
    </div>
    <a class="buttonContainer kretaLabelTooltip @(Model.IsReadOnly ? "hidden" : "")" title="@TanuloApaczaiResource.KeziAtlag" href="javascript:void(0)" onclick="PalyazatBenyujtasAtlagokHelper.keziAtlagBtnClick();" id="KeziAtlagBtn">
        <i class="fa fa-pencil fa-3x" aria-hidden="true"></i>
        <div class="info-icon" style="margin-top: 15px; margin-left: 15px;" />
        <span class="kretaLabelTooltipText">@TanuloApaczaiResource.KeziAtlagTooltip</span>
    </a>
</div>
<div class="row UploadRow">
    @Html.KretaEmpty(3)
    <div class="@BootsrapHelper.GetSizeClasses(3) kretaLabelTooltip fileupload-info-icon-container">
        @Html.KretaFileUpload(
            "elozoTanevEvvegiBizonyitvanyDokumentum",
            Url.Action("UploadElozoTanevEvvegiBizonyitvanyDokumentum", Constants.Controllers.TanuloApaczai),
            autoUpload: true,
            allowMultiple: false,
            showFileList: false,
            onSuccessEvent: "function (e) { PalyazatBenyujtasAtlagokHelper.onSuccessEvent(e); }",
            onErrorEvent: "function (e) { PalyazatBenyujtasAtlagokHelper.onErrorEvent(e); }",
            onCompleteEvent: "function (e) { PalyazatBenyujtasAtlagokHelper.onCompleteEvent(e); }",
            onSelectEvent: "function (e) { TanuloApaczaiHelper.onFileUploadSelect(e); }",
            selectText: "Feltöltés",
            htmlAttributes: new Dictionary<string, object> { { "accept", string.Join(", ", Model.AllowedFileExtensions) }, { "class", "ignore-validation" } }
        ).Enable(Model.IsElozoTanevEvvegiBizonyitvanyEnable)
        <span class="kretaLabelTooltipText fileupload-tooltip @(Model.IsElozoTanevEvvegiBizonyitvanyEnable ? "hidden" : "")" style="bottom: -80px;">@TanuloApaczaiResource.DokumentumKategoriankentMaxFajlokSzama</span>
        <div class="info-icon @(Model.CountElozoTanevEvvegiBizonyitvany < Model.KategoriankentiMaxFajlSzam ? "hidden" : "")" />
    </div>
</div>
<div class="row">
    <div class="hatranyosHelyzetIgazolasKiallitasEveContainer">
        @Html.KretaComboBoxFor(x => x.HatranyosHelyzetIgazolasKiallitasDatuma, Url.HttpRouteUrl(Constants.RouteKey.ActionApi, new { controller = Constants.ApiControllers.ComboBoxHelperApi, action = "GetApaczaiHatranyosHelyzetIgazolasKiallitasEveList" }), onChangeFunction: "PalyazatBenyujtasAtlagokHelper.lehetTovabbLepni();").RenderWithName(3, 2)
    </div>
    <div class="kretaLabelTooltip @(Model.IsReadOnly ? "hidden" : "")">
        <div class="info-icon" style="margin-top: 15px;" />
        <span class="kretaLabelTooltipText">@TanuloApaczaiResource.HatranyosHelyzetIgazolasKiallitasDatumaTooltip</span>
    </div>
    @Html.HiddenFor(x => x.PalyazatStatusz)
</div>
<div class="row">
    <div class="feljegyzesContainer">
        @Html.KretaTextAreaFor(x => x.Feljegyzes).RenderWithName(3, 8)
    </div>
    <div class="kretaLabelTooltip @(Model.IsReadOnly ? "hidden" : "")">
        <div class="info-icon" style="margin-top: 15px;" />
        <span class="kretaLabelTooltipText fileupload-tooltip">@TanuloApaczaiResource.FeljegyzesTooltip</span>
    </div>
</div>
@if (!Model.IsReadOnly)
{
<div class="row">
    <div class="@BootsrapHelper.GetSizeClasses(3)">
        <label class="windowInputLabel">@TanuloApaczaiResource.PalyazatiFeltetelekElfogadasa</label>
    </div>
    <div class="@BootsrapHelper.GetSizeClasses(5) kretaLabelTooltip">
        <div class="info-icon" style="margin-top: 15px;" />
        <span class="kretaLabelTooltipText">@TanuloApaczaiResource.PalyazatiFeltetelekElfogadasaTooltip</span>
    </div>
</div>
<div class="row">
    @Html.KretaCheckBoxFor(x => x.NyilatkozatValosAdatokrol).RenderWithName(11, 1)
</div>
<div class="row">
    @Html.KretaCheckBoxFor(x => x.NyilatkozatHitelesAdatokrol).RenderWithName(11, 1)
</div>
<div class="row">
    @Html.KretaCheckBoxFor(x => x.NyilatkozatKotelezettsegVallalasMentor).RenderWithName(11, 1)
</div>
<div class="row">
    @Html.KretaCheckBoxFor(x => x.NyilatkozatSzakkepzesKeretebenNincsEvVegiMinosites).RenderWithName(11, 1)
</div>
<div class="row">
    @Html.KretaCheckBoxFor(x => x.NyilatkozatSzabalyzatElolvasasarol).RenderWithName(11, 1)
</div>
<div class="row">
    @Html.KretaCheckBoxFor(x => x.NyilatkozatSzemelyesAdatokKozleserol).RenderWithName(11, 1)
</div>
}

<script type="text/javascript">
  var PalyazatBenyujtasAtlagokHelper = (function () {
    var palyazatBenyujtasAtlagokHelper = function () { }

    palyazatBenyujtasAtlagokHelper.keziAtlagBtnClick = function () {
      DisableControls(false);
    }

    palyazatBenyujtasAtlagokHelper.onSuccessEvent = function (e) {
      $("#CountElozoTanevEvvegiBizonyitvany").val(parseInt($("#CountElozoTanevEvvegiBizonyitvany").val()) + 1);
      var dokumentumSzam = $("#CountElozoTanevEvvegiBizonyitvany").val();
      if (parseInt(dokumentumSzam) >= parseInt($('#KategoriankentiMaxFajlSzam').val())) {
        $('#elozoTanevEvvegiBizonyitvanyDokumentum').data('kendoUpload').enable(false);
        $('#elozoTanevEvvegiBizonyitvanyDokumentum').parent().removeClass('k-state-focused');
        $('#elozoTanevEvvegiBizonyitvanyDokumentum').parents('div.fileupload-info-icon-container').children('.hidden').removeClass('hidden');
      }
    }

    palyazatBenyujtasAtlagokHelper.onCompleteEvent = function (e) { }

    palyazatBenyujtasAtlagokHelper.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");
    }

    palyazatBenyujtasAtlagokHelper.lehetTovabbLepni = function (isResult = false) {
      var nyilatkozatValosAdatokrol = $("#NyilatkozatValosAdatokrol").prop('checked');
      var nyilatkozatHitelesAdatokrol = $("#NyilatkozatHitelesAdatokrol").prop('checked');
      var nyilatkozatKotelezettsegVallalasMentor = $("#NyilatkozatKotelezettsegVallalasMentor").prop('checked');
      var nyilatkozatSzabalyzatElolvasasarol = $("#NyilatkozatSzabalyzatElolvasasarol").prop('checked');
      var nyilatkozatSzemelyesAdatokKozleserol = $("#NyilatkozatSzemelyesAdatokKozleserol").prop('checked');
      var isHatranyosHelyzetIgazolasKiallitasDatumaSelected = $("#HatranyosHelyzetIgazolasKiallitasDatuma").val() > 0;

      var result = nyilatkozatValosAdatokrol &&
        nyilatkozatHitelesAdatokrol &&
        nyilatkozatKotelezettsegVallalasMentor &&
        nyilatkozatSzabalyzatElolvasasarol &&
        nyilatkozatSzemelyesAdatokKozleserol &&
        isHatranyosHelyzetIgazolasKiallitasDatumaSelected;

      if (isResult) {
        return result;
      }

      if (result) {
        $("#wizardNextBtn").removeClass('disabledItem');
      }
      else {
        $("#wizardNextBtn").addClass('disabledItem');
      }
    }

    palyazatBenyujtasAtlagokHelper.setFeltetelForma = function (forId) {
      $('label[for="' + forId + '"]').removeClass("windowInputLabel");
      $('label[for="' + forId + '"]').css("font-weight", "200");
      $('label[for="' + forId + '"]').html(function (_, html) {
        return html.replace(/(\*)/, "<span style=\"font-weight: 700;\">$1</span>");
      });
      $('label[for="' + forId + '"]').parent('div').addClass('feltetelFormatum');
    }

    return palyazatBenyujtasAtlagokHelper;
  })();

  function DisableControls(disable) {
    if (disable) {
      $(".keziAtlagContainer > div").last().addClass('disabledItem');
            @if (Model.IsReadOnly)
            {
                <text>
      $(".hatranyosHelyzetIgazolasKiallitasEveContainer > div:nth-child(2)").addClass('disabledItem');
      $(".feljegyzesContainer > div:nth-child(2)").addClass('disabledItem');
                </text>
            }
      $(".UploadRow").hide();
    }
    else {
      $(".keziAtlagContainer > div").last().removeClass('disabledItem');
      $(".UploadRow").show();
    }
  }

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

    $("#NyilatkozatValosAdatokrol").change(function () {
      PalyazatBenyujtasAtlagokHelper.lehetTovabbLepni();
    });
    $("#NyilatkozatHitelesAdatokrol").change(function () {
      PalyazatBenyujtasAtlagokHelper.lehetTovabbLepni();
    });
    $("#NyilatkozatKotelezettsegVallalasMentor").change(function () {
      PalyazatBenyujtasAtlagokHelper.lehetTovabbLepni();
    });
    $("#NyilatkozatSzabalyzatElolvasasarol").change(function () {
      PalyazatBenyujtasAtlagokHelper.lehetTovabbLepni();
    });
    $("#NyilatkozatSzemelyesAdatokKozleserol").change(function () {
      PalyazatBenyujtasAtlagokHelper.lehetTovabbLepni();
    });

    $("#KeziAtlag").change(function () {
      var atlag = parseFloat($("#KeziAtlag").val());
      var lehetTovabbLepni = PalyazatBenyujtasAtlagokHelper.lehetTovabbLepni(true);
      if (!isNaN(atlag) && lehetTovabbLepni) {
        $("#wizardNextBtn").removeClass('disabledItem');
      }
      else {
        $("#wizardNextBtn").addClass('disabledItem');
      }
    });

    DisableControls(true);
    PalyazatBenyujtasAtlagokHelper.lehetTovabbLepni();

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

    PalyazatBenyujtasAtlagokHelper.setFeltetelForma('NyilatkozatValosAdatokrol')
    PalyazatBenyujtasAtlagokHelper.setFeltetelForma('NyilatkozatHitelesAdatokrol')
    PalyazatBenyujtasAtlagokHelper.setFeltetelForma('NyilatkozatKotelezettsegVallalasMentor')
    PalyazatBenyujtasAtlagokHelper.setFeltetelForma('NyilatkozatSzabalyzatElolvasasarol')
    PalyazatBenyujtasAtlagokHelper.setFeltetelForma('NyilatkozatSzemelyesAdatokKozleserol')
    PalyazatBenyujtasAtlagokHelper.setFeltetelForma('NyilatkozatSzakkepzesKeretebenNincsEvVegiMinosites')
  });
</script>