@*
    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 oDateTo;
    if (Model.now != null)
    {
        oDateFrom = Model.now.from_date != "" ? DateTime.ParseExact(Model.now.from_date, "dd/MM/yyyy HH:mm:ss", CultureInfo.InvariantCulture) : new DateTime();
        oDateTo = Model.now.to_date != "" ? DateTime.ParseExact(Model.now.to_date, "dd/MM/yyyy HH:mm:ss", CultureInfo.InvariantCulture) : new DateTime();
    }
    else
    {
        oDateFrom = DateTime.ParseExact(DateTime.Now.ToString("MM/dd/yyyy HH:mm:ss"), "MM/dd/yyyy HH:mm:ss", CultureInfo.InvariantCulture);
        oDateTo = DateTime.ParseExact(DateTime.Now.ToString("MM/dd/yyyy HH:mm:ss"), "MM/dd/yyyy HH:mm:ss", CultureInfo.InvariantCulture);
    }
    var from_date = oDateFrom.ToString("yyyy-MM-dd'T'HH:mm:ss.fffK", CultureInfo.InvariantCulture);
    var to_date = oDateTo.ToString("yyyy-MM-dd'T'HH:mm:ss.fffK", CultureInfo.InvariantCulture);
    String ranStr = UtilsController.RandomString(10, true);

    String date = oDateFrom.ToString("yyyy-MM-dd'T'HH:mm:ss.fff", CultureInfo.InvariantCulture);

    if (Model.now == null)
    {
        Model.now = new RowStructure();
    }

    // parents
    var parents = "";
    if (Model.categories != null)
    {
        for (int i = 0; i< Model.categories.data.Count -1; i++)
        {
            parents += " / " + Model.categories.data[i].name_global;
        }
    }
}

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

<script type='text/javascript' src="@ViewBag.MyConfig.MyValue/js/vendors/ckeditor/ckeditor.js"></script>

<div class="modal-content">
    <div class="modal-header">
        <h4 class="modal-title" id="modalLabelService">Events 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-8">
                <div class="form-group">
                    <label for="fromDate">Categories</label>
                    <div class="const-box">
                        <p>
                            @parents
                        </p>
                    </div>
                </div>
            </div>

            <div class="col-md-4">
                <div class="form-group">
                    <label for="serviceCode">Status</label>
                    <select id="isShow" name="isShow" class="form-control" disabled>
                        <option value="@(Model.now.is_show)" selected>@UtilsController.ConvertIsShow(Model.now.is_show) </option>

                        @{
                            List<String> listIsShow = UtilsController.GetListIsShow();
                            for (int i = 0; i < listIsShow.Count; i++)
                            {
                                if (i.ToString() != Model.now.is_show)
                                {
                                    <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="@Model.now.code">
                </div>
            </div>

            <div class="col-md-4">
                <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="@Model.now.icon">
                </div>
            </div>

            <div class="col-md-4">
                <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="@Model.now.logo">
                </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">
                        @if (Model.now.content_type != null)
                        {
                            @*<option value="@Model.now.content_type">@UtilsController.ConvertContentType(Model.now.content_type)</option>*@
                            List<String> listContentType = UtilsController.GetListContentType();
                            for (int i = 0; i < listContentType.Count; i++)
                            {
                                if ((i + 1).ToString() != Model.now.content_type)
                                {
                                    <option value="@(i + 1)">@listContentType[i]</option>
                                }
                                else
                                {
                                    <option value="@(i + 1)" selected>@listContentType[i]</option>
                                }
                            }
                        }
                        else
                        {
                            List<String> listContentType = UtilsController.GetListContentType();
                            for (int i = 0; i < listContentType.Count; i++)
                            {
                                if (i == 0)
                                {
                                    <option value="@(i + 1)" selected>@listContentType[i]</option>
                                }
                                else
                                {
                                    <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="@from_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="@to_date">
                </div>
            </div>

        </div>

        <div>
            <ul class="nav nav-tabs" role="tablist">
                <li class="nav-item">
                    <a class="nav-link active" data-toggle="tab" aria-controls="tab1" href="#tab1" role="tab" aria-selected="false">Kirundi</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" data-toggle="tab" aria-controls="tab2" href="#tab2" role="tab" aria-selected="false">English</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link  " data-toggle="tab" aria-controls="tab3" href="#tab3" role="tab" aria-selected="true">France</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link " data-toggle="tab" aria-controls="tab4" href="#tab4" role="tab" aria-selected="true">Vietnamese</a>
                </li>
            </ul>


            <div class="tab-content">
                @for (int i = 1; i <= 4; i++)
                {
                    <div id="@("tab" + i)" class="@(i == 1? "tab-pane active" : "tab-pane")">
                        <div class="col-md-12">
                            <div class="form-group">
                                <label for="team1">Name </label>
                                <input class="form-control" type="text" id="@("name" + i)" name="@("name" + i)" autocomplete="on" value="@(Model.action == "add" ? "" : Model.now.names[i-1])">
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="form-group">
                                <label for="fromDate">Description </label>
                                <textarea class="form-control" id="@("description" + i)" name="@("description" + i)" autocomplete="off" rows="3" spellcheck="false">@(Model.action == "add" ? "" : Model.now.descriptions[i-1])</textarea>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="form-group">
                                <label for="fromDate">Introduction </label>
                                <textarea class="form-control" id="@("introduction" + i)" name="@("introduction" + i)" autocomplete="off" rows="3" spellcheck="false">@(Model.action == "add" ? "" : Model.now.introductions[i-1])</textarea>
                            </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;">
                                            <textarea name="content" id="editor-@ranStr-@i">@(Model.action == "add" ? "" : Model.now.contents[i-1])</textarea>
                                            <script>
                                                CKEDITOR.replace('editor-@ranStr-@i');
                                            </script>
                                        </span>
                                    </span>
                                </span>
                            </div>
                        </div>
                    </div>
                }
            </div>


        </div>

        <div class="row">
            <div class="col-md-12">
                <div class="form-group content-box">
                    <label for="toDate">Note</label>
                    <textarea class="form-control" id="note" name="note" autocomplete="off" rows="3" spellcheck="false">@Model.now.note</textarea>
                </div>
            </div>
        </div>

    </div>
    <div class="modal-footer">
        <button type="button" class="btn btn-outline-secondary  " style="min-width: 100px;" data-dismiss="modal">Close</button>
        @*<button type="submit" class="btn btn-danger action-btn" style="min-width: 100px;" action="@UtilsController.Constant.REMOVE">Remove</button>*@
        <button type="submit" class="btn btn-dark action-btn" style="min-width: 100px;" action="@UtilsController.Constant.REJECT">Reject</button>
        @*<button type="submit" class="btn btn-info action-btn" style="min-width: 100px;" action="@UtilsController.Constant.SAVE">Save</button>*@
        <button type="submit" class="btn btn-primary action-btn" style="min-width: 100px;" action="@UtilsController.Constant.PUBLISH">Approve</button>
    </div>
</div>


<style>
    .cke_skin_kama {
        visibility: hidden;
    }
</style>
 

<script>
    $(".action-btn").on("click", function () {
        var action = $(this).attr("action");
        var note = $("#note").val();

        var serviceName = $("#serviceName").val();
        console.log("serviceName ", serviceName);
        console.log("action ", action);
        $.ajax({
            type: "POST",
            url: urlConfig("/" + serviceName + "/ApprovingAction"),
            headers: { 'RequestVerificationToken': $('input[name=__RequestVerificationToken]').val() },
            data: {
                "__RequestVerificationToken": $('input[name=__RequestVerificationToken]').val(),
                action: action,
                note: note,
            },
            success: function (data) {
                console.log(data);
                $.ajax({
                    type: "POST",
                    url: urlConfig("/Partial/Response"),
                    data: {
                        "message": data.message,
                        "url": "/Tree/Approves",
                    },
                    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) {
                console.log(data);
                alert(data);
            },
            error: function (data) {
                console.log(data);
                alert(data);
            }
        });
    })

</script>