@*
    For more information on enabling MVC for empty projects, visit http://go.microsoft.com/fwlink/?LinkID=397860
*@

@using SuperAdmin.Controllers;
@using SuperAdmin.Models.View;
@using SuperAdmin.Models.Object;
@using System.Globalization;

@model EventViewModel

@{
    // set today date for all
    DateTime oDateFrom = DateTime.ParseExact(DateTime.Now.ToString("MM/dd/yyyy HH:mm:ss"), "MM/dd/yyyy HH:mm:ss", CultureInfo.InvariantCulture);
    String date = oDateFrom.ToString("yyyy-MM-dd'T'HH:mm:ss.fff", CultureInfo.InvariantCulture);
    String ranStr = UtilsController.RandomString(10, true);

}

<script>
    $('#myInform').modal('hide');
</script>


<div class="modal-content">
    <div class="modal-header">
        <h4 class="modal-title" id="modalLabelService">Details</h4>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">×</span>
        </button>
    </div>
    <div class="modal-body">

        <div class="row">
            <div class="col-md-4">
                <div class="form-group">
                    <label for="fromDate">Parent name</label>
                    <div class="const-box">
                        <p>
                            @(Model.parent != null ? Model.parent.name_global : "Category")
                        </p>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="form-group">
                    <label for="serviceCode">Is Show</label>
                    <select id="isShow" name="isShow" class="form-control">
                        @{
                            List<String> listIsShow = UtilsController.GetListIsShow();
                            for (int i = 0; i < listIsShow.Count; i++)
                            {
                                <option value="@(i)">@listIsShow[i]</option>
                            }
                        }
                    </select>
                </div>
            </div>
            <div class="col-md-4">
                <div class="form-group">
                    <label for="team1">Code</label>
                    <input class="form-control" type="text" id="code" name="code" autocomplete="on" value="">
                </div>
            </div>

            <div class="col-md-6">
                <div class="form-group">
                    <label for="team1">Name global</label>
                    <input class="form-control" type="text" id="nameGlobal" name="nameGlobal" autocomplete="on" value="">
                </div>
            </div>
            <div class="col-md-6">
                <div class="form-group">
                    <label for="team1">Name local</label>
                    <input class="form-control" type="text" id="nameLocal" name="nameLocal" autocomplete="on" value="">
                </div>
            </div>
             
            <div class="col-md-6">
                <div class="form-group">
                    <label for="fromDate">Description global</label>
                    <textarea class="form-control" id="descriptionGlobal" name="descriptionGlobal" autocomplete="off" rows="3" spellcheck="false"></textarea>
                </div>
            </div>
            <div class="col-md-6">
                <div class="form-group">
                    <label for="fromDate">Description local</label>
                    <textarea class="form-control" id="descriptionLocal" name="descriptionLocal" autocomplete="off" rows="3" spellcheck="false"></textarea>
                </div>
            </div>
            <div class="col-md-6">
                <div class="form-group">
                    <label for="fromDate">Introduction global</label>
                    <textarea class="form-control" id="introductionGlobal" name="introductionGlobal" autocomplete="off" rows="3" spellcheck="false"></textarea>
                </div>
            </div>
            <div class="col-md-6">
                <div class="form-group">
                    <label for="fromDate">Introduction local</label>
                    <textarea class="form-control" id="introductionLocal" name="introductionLocal" autocomplete="off" rows="3" spellcheck="false"></textarea>
                </div>
            </div>
            <div class="col-md-6">
                <div class="form-group">
                    <label for="fromDate">Icon</label>
                    @using (Html.BeginForm("UploadAction", "Admin", FormMethod.Post, new { id = "logoForm1", enctype = "multipart/form-data" }))
                    {
                        @Html.AntiForgeryToken()
                        <input class="form-control" type="file" id="imageIcon" name="file">
                        <input type="submit" id="submitIcon" value="Upload Image" style="margin: 10px 0px 10px 0px; display: none;" />
                    }
                    <img id="previewIcon" class="w-100 img-icon" src="0">
                </div>
            </div>
            <div class="col-md-6">
                <div class="form-group">
                    <label for="fromDate">Logo</label>
                    @using (Html.BeginForm("UploadAction", "Admin", FormMethod.Post, new { id = "logoForm2", enctype = "multipart/form-data" }))
                    {
                        @Html.AntiForgeryToken()
                        <input class="form-control" type="file" id="imageLogo" name="file">
                        <input type="submit" id="submitLogo" value="Upload Image" style="margin: 10px 0px 10px 0px; display: none;" />
                    }
                    <img id="previewLogo" class="w-100 img-icon" src="0">
                </div>
            </div>
            <div class="col-md-4">
                <div class="form-group">
                    <label for="serviceCode">Content type</label>
                    <select id="contentType" name="contentType" class="form-control">
                        @{
                            List<String> listContentType = UtilsController.GetListContentType();
                            for (int i = 0; i < listContentType.Count; i++)
                            {
                                <option value="@(i + 1)">@listContentType[i]</option>
                            }
                        }
                    </select>
                </div>
            </div>
            <div class="col-md-4">
                <div class="form-group">
                    <label for="fromDate">From date</label>
                    <input class="model-box-input" type="datetime-local" id="fromDate" name="from-date" value="@date">
                </div>
            </div>

            <div class="col-md-4">
                <div class="form-group">
                    <label for="toDate">To date</label>
                    <input class="model-box-input" type="datetime-local" id="toDate" name="to-date" value="@date">
                </div>
            </div>

            <div class="col-md-12">
                <div class="form-group content-box">
                    <label for="toDate">Content</label>
                    <textarea class="form-control textarea-editor" id="htmlContent" name="htmlContent"
                              style="display: none;"></textarea>

                    <textarea class="pastehtml-area" id="paste_html_value" name="paste_html_value" cols="100" rows="6" style="visibility: hidden; display: none;"></textarea><span id="cke_paste_html_value" class="cke_skin_kama cke_1 cke_editor_paste_html_value" dir="ltr" title="" lang="en" tabindex="0" role="application" aria-labelledby="cke_paste_html_value_arialbl">
                        <span id="cke_paste_html_value_arialbl" class="cke_voice_label">
                            Rich Text Editor
                        </span>
                        <span class="cke_browser_webkit" role="presentation">
                            <span class="cke_wrapper cke_ltr" role="presentation" style="padding:0px;">
                                <script type='text/javascript' src="@ViewBag.MyConfig.MyValue/js/vendors/ckeditor/ckeditor.js"></script>
                                <textarea name="content" id="editor-@ranStr"></textarea>
                                <script>
                                    CKEDITOR.replace('editor-@ranStr');
                                </script>
                                <style>
                                    .cke_skin_kama {
                                        visibility: hidden;
                                    }
                                </style>
                            </span>
                        </span>
                    </span>
                </div>
            </div>
        </div>

    </div>
    <div class="modal-footer">
        <button type="button" class="btn grey btn-outline-secondary" data-dismiss="modal">Close</button>
        <button type="button" id="btnUpdateInfo" class="btn btn-outline-primary" onclick="saveAdding()">Create</button>
    </div>
</div>

<script>
    function saveAdding() {
        var nameGlobal = $("#nameGlobal").val();
        var nameLocal = $("#nameLocal").val();
        var topicID = $("#topicID").val();
        var provinceID = $("#provinceID").val();
        var descriptionGlobal = $("#descriptionGlobal").val();
        var descriptionLocal = $("#descriptionLocal").val();
        var introductionGlobal = $("#introductionGlobal").val();
        var introductionLocal = $("#introductionLocal").val();
        var fromDate = $("#fromDate").val();
        var toDate = $("#toDate").val();
        var contentType = $("#contentType").val();
        var isShow = $("#isShow").val();
        var code = $("#code").val();

        
        var content = "";
        for (instance in CKEDITOR.instances) {
            if (instance == 'editor-@ranStr')
            content = CKEDITOR.instances[instance].getData();
        }

        var check = 1;
        if (nameGlobal == null || nameGlobal == "") {
            $("#nameGlobal").addClass("note-input");
            check *= 0;
        } else {
            $("#nameGlobal").removeClass("note-input");
        }
        if (nameLocal == null || nameLocal == "") {
            $("#nameLocal").addClass("note-input");
            check *= 0;
        } else {
            $("#nameLocal").removeClass("note-input");
        }
        if (descriptionGlobal == null || descriptionGlobal == "") {
            $("#descriptionGlobal").addClass("note-input");
            check *= 0;
        } else {
            $("#descriptionGlobal").removeClass("note-input");
        }
        if (descriptionLocal == null || descriptionLocal == "") {
            $("#descriptionLocal").addClass("note-input");
            check *= 0;
        } else {
            $("#descriptionLocal").removeClass("note-input");
        }
        if (introductionGlobal == null || introductionGlobal == "") {
            $("#introductionGlobal").addClass("note-input");
            check *= 0;
        } else {
            $("#introductionGlobal").removeClass("note-input");
        }
        if (introductionLocal == null || introductionLocal == "") {
            $("#introductionLocal").addClass("note-input");
            check *= 0;
        } else {
            $("#introductionLocal").removeClass("note-input");
        }
        if (content == null || content == "") {
            $(".content-box").addClass("note-input");
            check *= 0;
        } else {
            $(".content-box").removeClass("note-input");
        }

        if (check == 1) {
            var formData = new FormData();
            formData.append('__RequestVerificationToken', $('input[name=__RequestVerificationToken]').val());
            formData.append('icon', $('#imageIcon')[0].files[0]);
            formData.append('logo', $('#imageLogo')[0].files[0]);
            formData.append('name_global', nameGlobal);
            formData.append('name_local', nameLocal);
            formData.append('parent_id', @(Model.parent != null ? Model.parent.id : "-1"));
            //formData.append('topic_id', topicID);
            //formData.append('province_id', provinceID);
            formData.append('description_global', descriptionGlobal);
            formData.append('description_local', descriptionLocal);
            formData.append('introduction_global', introductionGlobal);
            formData.append('introduction_local', introductionLocal);
            formData.append('from_date', fromDate);
            formData.append('to_date', toDate);
            formData.append('content_type', contentType);
            formData.append('code', code);
            formData.append('is_show', isShow);
            formData.append('content', content);

            var serviceName = $("#serviceName").val();
            $.ajax({
                type: "POST",
                url: urlConfig("/" + serviceName + "/AddingAction"),
                headers: { 'RequestVerificationToken': $('input[name=__RequestVerificationToken]').val() },
                data: formData,
                processData: false,
                contentType: false,
                success: function (data) {
                    console.log(data);
                    if (data.code == @UtilsController.Constant.SUCCESS) {
                        $.ajax({
                            type: "POST",
                            url: urlConfig("/Partial/TreeResponse"),
                            data: {
                                "ids": data.ids,
                                "message": data.message
                            },
                            success: function (data) {
                                $('#informModel').html(data);
                                $('#myInform').modal({ "backdrop": "static", keyboard: true });
                                $('#myInform').modal('show');
                            },
                            failure: function (data) {
                                alert(data);
                            },
                            error: function (data) {
                                alert(data);
                            }
                        });
                    } else {
                        $.ajax({
                            type: "POST",
                            url: urlConfig("/Partial/Response"),
                            data: {
                                "message": data.message
                            },
                            success: function (data) {
                                $('#informModel').html(data);
                                $('#myInform').modal({ "backdrop": "static", keyboard: true });
                                $('#myInform').modal('show');
                            },
                            failure: function (data) {
                                alert(data);
                            },
                            error: function (data) {
                                alert(data);
                            }
                        });
                    }
                },
                failure: function (data) {
                    alert(data);
                },
                error: function (data) {
                    alert(data);
                }
            });
        }
    }
</script>