@using Kreta.Resources;
@using Kreta.Web.Areas.Intezmeny.Models
@using Kreta.Web.Helpers.Grid;
@using Kreta.Web.Security

@model TeremModel

<div class="container-fluid details">
    <h4>@IntezmenyResource.BerbeadassalKapcsolatosAdatok</h4>

    <div class="row">
        @Html.KretaCheckBoxFor(x => x.TeremBerbeadasModel.Berbeadhato).RenderWithName(5, 7)
    </div>
    <div class="berbeadhatoDisabler">
        <div class="row">
            @Html.KretaComboBoxFor(x => x.TeremBerbeadasModel.TulajdonTipusaId, Url.HttpRouteUrl(Constants.RouteKey.ActionApi, new { controller = "ComboBoxHelperApi", action = "GetTulajdonTipusList" }), "Text", "Value").AutoBind(true).RenderWithName(5, 7)
        </div>
        <div class="row">
            @Html.KretaNumericFor(x => x.TeremBerbeadasModel.Ar).Min(1).Max(999999).RenderWithName(5, 7, tooltipResource: "Hétköznap, nyilvántartási időben")
        </div>
        <div class="row">
            @Html.KretaNumericFor(x => x.TeremBerbeadasModel.EmeltAr).Min(1).Max(999999).RenderWithName(5, 7, tooltipResource: "Hétköznap, nyitvatartási időn kívül, hétvégén, munkaszüneti- illetve ünnepnapokon")
        </div>
        <div class="row">
            @Html.KretaTimePickerFor(x => x.TeremBerbeadasModel.EmeltIdoszakKezdete).RenderWithName(5, 7)
        </div>
        <div class="row">
            @Html.KretaTextAreaFor(x => x.TeremBerbeadasModel.Leiras).RenderWithName(5, 7)
        </div>
        <div id="FotoInputContainerDiv" class="row">
            <div class="col-md-5 windowInputLabel">
                @IntezmenyResource.Foto
            </div>
            <div class="col-md-7">
                @Html.KretaFileUpload("FotoInputContainer", onSelectEvent: "function(e){ TeremBerbeadasFileUploadHelper.onSelectKep(e); }", onRemoveEvent: "function(e){ TeremBerbeadasFileUploadHelper.getFileForPreview(); }", allowMultiple: false, selectText: IntezmenyResource.KepTallozasa)
            </div>
        </div>
        <div class="row">
            <div class="col-md-5" />
            <div class="col-md-7" id="ListViewContainer">
                <img id="TeremKep" />
            </div>
        </div>

        <h4>@IntezmenyResource.Elerhetoseg</h4>

        <div class="row">
            @Html.KretaDatePickerFor(x => x.TeremBerbeadasModel.FoglalhatoIdoszakKezdete).Min(new DateTime(2021, 1, 1)).RenderWithName(5, 7)
        </div>
        <div class="row">
            @Html.KretaDatePickerFor(x => x.TeremBerbeadasModel.FoglalhatoIdoszakVege).Min(new DateTime(2021, 1, 1)).RenderWithName(5, 7)
        </div>
        <div id="TeremBerbeadasIdopontContainer">
            <div class="col-md-5 windowInputLabel">
                @IntezmenyResource.AHetNapjaiSzerint
            </div>
            <div class="col-md-7">
                <div id="TeremBerbeadasIdopontDiv">
                    @(
                    Html.KretaGrid<TeremBerbeadasIdopontModel>
                    (
                        name: "TeremBerbeadasIdopontGrid",
                        getUrl: new GridApiUrl(Constants.ApiControllers.TeremApi, "GetTeremBerbeadasIdopontjai", new Dictionary<string, string> { { "TeremId", Model.TeremId.HasValue ? Model.TeremId.Value.ToString() : "0" } }),
                        allowSorting: false
                    )
                    .Editable(x => x.Enabled(false))
                    .AutoBind(true)
                    .Columns(columns =>
                    {
                        columns.Bound(c => c.C_HETNAPJA_DNAME);
                    })
                    .TimePickerForColumn(Html, IntezmenyResource.tol, c => c.Kezdete, interval: 30)
                    .TimePickerForColumn(Html, IntezmenyResource.ig, c => c.Vege, interval: 30)
                )
                </div>
            </div>
        </div>
    </div>
</div>

<script type="text/javascript">
    var TeremBerbeadasFileUploadHelper = (function () {
        var teremBerbeadasFileUploadHelper = function () { };

        function readFileForPreview(file)
        {
            var reader = new FileReader();

            if (file) {
                reader.onloadend = function () {
                    if (reader.result !== null) {
                        $("#ListViewContainer").css("height", "350px");
                        $("#ListViewContainer").css("width", "350px");
                        $("#TeremKep").css("height", "350px");
                        $("#TeremKep").css("width", "350px");
                        $("#TeremKep").attr("src", reader.result);
                    }
                    else {
                        $("#TeremKep").removeAttr("src");
                        $("#TeremKep").removeAttr("style");
                        $("#ListViewContainer").removeAttr("style");
                    }
                };

                reader.readAsDataURL(file);
            }
        }

        teremBerbeadasFileUploadHelper.getFileForPreview = function () {
            var url = "@Url.HttpRouteUrl(Constants.RouteKey.ActionApi, new { controller = Constants.ApiControllers.TeremApi, action = "GetPicture" })";

            AjaxHelper.DoGet(url,
                { teremId: @(Model.TeremId.HasValue ? Model.TeremId : 0) },
                function (data)
                {
                    if (data.Data[0].ContentAsBase64EncodedString !== null) {
                        $("#ListViewContainer").css("height", "350px");
                        $("#ListViewContainer").css("width", "350px");
                        $("#TeremKep").css("height", "350px");
                        $("#TeremKep").css("width", "350px");
                        $("#TeremKep").attr("src", data.Data[0].ContentAsBase64EncodedString);
                    }
                    else {
                        $("#TeremKep").removeAttr("src");
                        $("#TeremKep").removeAttr("style");
                        $("#ListViewContainer").removeAttr("style");
                    }
                });
        }

        teremBerbeadasFileUploadHelper.onSelectKep = function (e) {
            $('#ListViewContainer').show();
            KretaFileUpload.StopAnimation();

            var allowedFileExtensionArray = [".png", ".bmp", ".jpg", ".jpeg"];
            var attachmentMaxFileSizeInBytes = 1048576;
            var attachments = e.files;

            for(var i = 0; i < attachments.length;i++){
                if (attachmentMaxFileSizeInBytes<attachments[i].size){
                    e.preventDefault();
                    var errorMessage = "@ErrorResource.HibaTortentXMBNalNemLehetNagyobbAFajlMerete";
                    errorMessage=errorMessage.replace("{0}",attachmentMaxFileSizeInBytes/(1024*1024));
                    KretaWindowHelper.feedbackWindow("@CommonResource.Hiba", errorMessage, true);
                    $('#ListViewContainer').hide();
                    break;
                }

                if ($.inArray(attachments[i].extension.toLowerCase(), allowedFileExtensionArray)===-1){
                    e.preventDefault();
                    KretaWindowHelper.feedbackWindow("@CommonResource.Hiba", "@ErrorResource.AFajlKiterjeszteseVagyTipusaNemMegfelelo", true);
                    $('#ListViewContainer').hide();
                    break;
                }
            }

            setTimeout(function () {
                readFileForPreview(e.files[0].rawFile);
            });
        }

        teremBerbeadasFileUploadHelper.onSelectDokument = function (e) {
            KretaFileUpload.StopAnimation();

            var allowedFileExtensionArray = [".pdf"];
            var attachmentMaxFileSizeInBytes = 5242880;
            var attachments = e.files;

            for(var i = 0; i < attachments.length;i++){
                if (attachmentMaxFileSizeInBytes<attachments[i].size){
                    e.preventDefault();
                    var errorMessage = "@ErrorResource.HibaTortentXMBNalNemLehetNagyobbAFajlMerete";
                    errorMessage=errorMessage.replace("{0}",attachmentMaxFileSizeInBytes/(1024*1024));
                    KretaWindowHelper.feedbackWindow("@CommonResource.Hiba", errorMessage, true);
                    break;
                }

                if ($.inArray(attachments[i].extension.toLowerCase(), allowedFileExtensionArray)===-1){
                    e.preventDefault();
                    KretaWindowHelper.feedbackWindow("@CommonResource.Hiba","@ErrorResource.AFajlKiterjeszteseVagyTipusaNemMegfelelo", true);
                    break;
                }
            }
        }

        return teremBerbeadasFileUploadHelper;
    })();

    $(document).ready(function () {
        SetControls('#TeremBerbeadasModel_Berbeadhato');

        $('#TeremBerbeadasModel_Berbeadhato').change(function () {
            SetControls(this);
        });
    });

    function SetControls(checkBoxId) {
        if ($(checkBoxId).is(':checked')) {
            $(".berbeadhatoDisabler").removeClass('disabledItem');

            $("[for*='TeremBerbeadasModel.Ar']").append($("<span>", { "class": "required-indicator", "style": "padding-left:4px" }).text("*"));
            $("[for*='TeremBerbeadasModel_Leiras']").append($("<span>", { "class": "required-indicator", "style": "padding-left:4px" }).text("*"));
            $("#FotoInputContainerDiv").find(".windowInputLabel").append($("<span>", { "class": "required-indicator", "style": "padding-left:4px" }).text("*"));            
            $("[for*='TeremBerbeadasModel.FoglalhatoIdoszakKezdete']").append($("<span>", { "class": "required-indicator", "style": "padding-left:4px" }).text("*"));
            $("#TeremBerbeadasIdopontContainer").find(".windowInputLabel").append($("<span>", { "class": "required-indicator", "style": "padding-left:4px" }).text("*"));
            $("[for*='TeremAlapadatokModel.Terulet']").append($("<span>", { "class": "required-indicator", "style": "padding-left:4px" }).text("*"));
            if (CommonUtils.parseBool("@(!ClaimData.IsSelectedTanev21_22OrLater || !ClaimData.IsSzakkepzoIntezmeny)")) {
                $("[for*='TeremAlapadatokModel.Kapacitas']").append($("<span>", { "class": "required-indicator", "style": "padding-left:4px" }).text("*"));
            }

            SetVaidationInfoForKretaFileUpload("FotoInputContainerDiv", "FotoFileUploadValidationInfo", ["A javasolt méret 350x350 pixel. A megengedett file típusok", ".png", ".bmp", ".jpg", ".jpeg", "   Maximális méret: 1MB"]);
            
            TeremBerbeadasFileUploadHelper.getFileForPreview();
        }
        else {
            $(".berbeadhatoDisabler").addClass('disabledItem');

            $("[for*='TeremBerbeadasModel.Ar'] .required-indicator").remove();
            $("[for*='TeremBerbeadasModel_Leiras'] .required-indicator").remove();
            $("#FotoInputContainerDiv").find(".windowInputLabel .required-indicator").remove();            
            $("[for*='TeremBerbeadasModel.FoglalhatoIdoszakKezdete'] .required-indicator").remove();
            $("#TeremBerbeadasIdopontContainer").find(".windowInputLabel .required-indicator").remove();
            $("[for*='TeremAlapadatokModel.Terulet'] .required-indicator").remove();
            if (CommonUtils.parseBool("@(!ClaimData.IsSelectedTanev21_22OrLater || !ClaimData.IsSzakkepzoIntezmeny)")) {
                $("[for*='TeremAlapadatokModel.Kapacitas'] .required-indicator").remove();
            }

            var fileUpload = $("#FotoInputContainerDiv").find(".k-button.k-upload-button");
            fileUpload.unbind("mouseenter");
            fileUpload.unbind("mouseleave");            
        }

        if ("@(Model.TeremBerbeadasModel.PictureId.HasValue)" === "True") {
            $('#ListViewContainer').show();
        }
        else {
            $('#ListViewContainer').hide();
        }
    }

    function SetVaidationInfoForKretaFileUpload(uploadInputContainerId, fileUploadValidationContainerId, allowedFileExtensionArray) {
        KretaFileUpload.DisplayValidationInfo(uploadInputContainerId, fileUploadValidationContainerId);

        var documentUploadButton = $("#" + uploadInputContainerId);

        documentUploadButton.mouseenter(function () {
            KretaFileUpload.StartAnimation();
            KretaFileUpload.VaidationInfoExtensionContainerAnimation(fileUploadValidationContainerId, allowedFileExtensionArray, 0);
        });
        documentUploadButton.mouseleave(function () {
            KretaFileUpload.StopAnimation(fileUploadValidationContainerId);
        });
    }

</script>