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

@using SuperCms.Controllers;
@using SuperCms.Models;
@using System.Globalization;

@model ConfigViewModel

@{
    // 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">@UtilsController.convertNameTable(Model.tableType)</h4>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">×</span>
        </button>
    </div>
    <div class="modal-body">
        @{
            if (Model.tableType == UtilsController.Constant.BOTS || Model.tableType == UtilsController.Constant.GROUPS)
            {
                <div class="row">
                    <div class="col-md-12">
                        <div class="form-group">
                            <label for="team1">Code</label>
                            <input class="form-control" type="text" id="name" name="name" autocomplete="on" value="">
                        </div>
                    </div>
                    <div class="col-md-12">
                        <div class="form-group">
                            <label for="fromDate">Name</label>
                            <textarea class="form-control" id="description" name="description" autocomplete="off" rows="3" spellcheck="false"></textarea>
                        </div>
                    </div>

                    <div class="col-md-4">
                        <div class="form-group">
                            <label for="serviceCode">Status</label>
                            <select id="status" name="status" class="form-control">
                                @{
                                    for (int i = 0; i <= UtilsController.Constant.MAX_BOT_STATUS; i++)
                                    {
                                        <option value="@i">@UtilsController.convertBotStatus(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="fromDate" 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="toDate" value="@date">
                        </div>
                    </div>
                </div>
            }
            else if (Model.tableType == UtilsController.Constant.CONFIGS)
            {
                <div class="row">
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="team1">Key</label>
                            <input class="form-control" type="text" id="key" name="key" autocomplete="on" value="">
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="team1">Value</label>
                            <input class="form-control" type="text" id="value" name="value" autocomplete="on" value="">
                        </div>
                    </div>
                </div>
            }
            else if (Model.tableType == UtilsController.Constant.SENDMAIL)
            {
                <input type="hidden" class="tableType" id="tableType" name="tableType" value="@Model.tableType" />
                <div class="row">
                    <div class="col-md-4">
                        <div class="form-group">
                            <label for="serviceCode">Telcos</label>
                            <select id="telcoId" name="telcoId" class="form-control" onchange="telcoSendMailClick(this.value)">
                                <option value="@Model.telco.id">@Model.telco.telcoName</option>
                                @{
                                    for (int i = 0; i < Model.telcos.data.Count; i++)
                                    {
                                        if (Model.telcos.data[i].id != Model.telco.id)
                                        {
                                            <option value="@Model.telcos.data[i].id">@Model.telcos.data[i].telcoName</option>
                                        }
                                    }
                                }
                                @*<option value="-1">ALL</option>*@
                            </select>
                        </div>
                    </div>
                    <div class="col-md-4 company-model-style">
                        <div class="form-group">
                            <label for="serviceCode">Companies</label>
                            <select id="companyId" name="companyId" class="form-control" onchange="companySendMailClick(this.value)">
                                @{
                                    if (Model.company != null)
                                    {
                                        <option value="@Model.company.id">@Model.company.name</option>
                                        for (int i = 0; i < Model.companies.data.Count; i++)
                                        {
                                            if (Model.companies.data[i].id != Model.company.id)
                                            {
                                                <option value="@Model.companies.data[i].id">@Model.companies.data[i].name</option>
                                            }
                                        }
                                    }
                                }
                                @*<option value="-1">ALL</option>*@
                            </select>
                        </div>
                    </div>
                    <div class="col-md-4 service-model-style">
                        <div class="form-group">
                            <label for="serviceCode">Services</label>
                            <select id="serviceId" name="serviceId" class="form-control">
                                @{
                                    for (int i = 0; i < Model.services.data.Count; i++)
                                    {
                                        <option value="@Model.services.data[i].id">@Model.services.data[i].serviceName</option>
                                    }
                                }
                                @*<option value="-1">ALL</option>*@
                            </select>
                        </div>
                    </div>

                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="serviceCode">Status</label>
                            <select id="status" name="status" class="form-control">
                                @{
                                    if (Model.sendMail != null)
                                    {
                                        <option value="@Model.sendMail.status">@UtilsController.convertBotStatus(int.Parse(Model.sendMail.status))</option>
                                        for (int i = 0; i <= UtilsController.Constant.MAX_BOT_STATUS; i++)
                                        {
                                            if (i.ToString() != Model.sendMail.status)
                                            {
                                                <option value="@i">@UtilsController.convertBotStatus(i)</option>
                                            }
                                        }
                                    }
                                    else
                                    {
                                        for (int i = 0; i <= UtilsController.Constant.MAX_BOT_STATUS; i++)
                                        {
                                            <option value="@i">@UtilsController.convertBotStatus(i)</option>
                                        }
                                    }

                                }
                            </select>
                        </div>
                    </div>

                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="toDate">Time send</label>
                            <input class="model-box-input" type="datetime-local" id="timeSend" name="timeSend" value="@date">
                        </div>
                    </div>

                    <div class="col-md-6">
                        <div class="form-group content-box">
                            <label for="toDate">List emails</label>

                            @{
                                if (Model.sendMail != null)
                                {
                                    <textarea class="form-control" id="listMail" name="listMail" autocomplete="off" rows="3" spellcheck="false">@Model.sendMail.listMail</textarea>
                                }
                                else
                                {
                                    <textarea class="form-control" id="listMail" name="listMail" autocomplete="off" rows="3" spellcheck="false"></textarea>
                                }
                            }

                        </div>
                    </div>

                    <div class="col-md-6">
                        <div class="form-group content-box">
                            <label for="toDate">Message (if have))</label>
                            @{
                                if (Model.sendMail != null)
                                {
                                    <textarea class="form-control" id="message" name="message" autocomplete="off" rows="3" spellcheck="false">@Model.sendMail.message</textarea>
                                }
                                else
                                {
                                    <textarea class="form-control" id="message" name="message" autocomplete="off" rows="3" spellcheck="false"></textarea>
                                }
                            }
                        </div>
                    </div>
                </div>
            }
            else if (Model.tableType == UtilsController.Constant.SERVICE_CONFIG)
            {
                <input type="hidden" class="tableType" id="tableType" name="tableType" value="@Model.tableType" />
                <div class="row">
                    <div class="col-md-3">
                        <div class="form-group">
                            <label for="serviceCode">Thị trường</label>
                            <select id="telcoId" name="telcoId" class="form-control" onchange="telcoServiceClick(this.value)">
                                <option value="@Model.telco.id">@Model.telco.telcoName</option>
                                @{
                                    for (int i = 0; i < Model.telcos.data.Count; i++)
                                    {
                                        if (Model.telcos.data[i].id != Model.telco.id)
                                        {
                                            <option value="@Model.telcos.data[i].id">@Model.telcos.data[i].telcoName</option>
                                        }
                                    }
                                }
                                @*<option value="-1">ALL</option>*@
                            </select>
                        </div>
                    </div>
                    <div class="col-md-3 company-model-style">
                        <div class="form-group">
                            <label for="serviceCode">Công ty</label>
                            <select id="companyId" name="companyId" class="form-control" onchange="companyServiceClick(this.value)">
                                @{
                                    if (Model.company != null)
                                    {
                                        <option value="@Model.company.id">@Model.company.name</option>
                                        for (int i = 0; i < Model.companies.data.Count; i++)
                                        {
                                            if (Model.companies.data[i].id != Model.company.id)
                                            {
                                                <option value="@Model.companies.data[i].id">@Model.companies.data[i].name</option>
                                            }
                                        }
                                    }
                                }
                                @*<option value="-1">ALL</option>*@
                            </select>
                        </div>
                    </div>


                    <div class="col-md-3">
                        <div class="form-group">
                            <label for="serviceCode">Trạng thái</label>
                            <select id="status" name="status" class="form-control">
                                @{
                                    for (int i = 0; i <= UtilsController.Constant.MAX_WARNING_STATUS; i++)
                                    {
                                        <option value="@i">@UtilsController.convertBotStatus(i)</option>
                                    }
                                }
                            </select>
                        </div>
                    </div>

                    <div class="col-md-3">
                        <div class="form-group">
                            <label for="serviceCode">Có trả thưởng ?</label>
                            <select id="state" name="state" class="form-control">
                                @{
                                    for (int i = 0; i <= UtilsController.Constant.MAX_BOT_STATUS; i++)
                                    {
                                        <option value="@i">@UtilsController.convertServiceState(i)</option>
                                    }
                                }
                            </select>
                        </div>
                    </div>

                    <div class="col-md-4 service-model-style">
                        <div class="form-group">
                            <label for="serviceCode">Tên dịch vụ</label>
                            <input class="form-control" type="text" id="serviceName" name="serviceName" autocomplete="on" value="">
                        </div>
                    </div>


                    <div class="col-md-4 service-model-style">
                        <div class="form-group">
                            <label for="toDate">Thời gian chạy</label>
                            <input class="model-box-input" type="time" id="hourRun" name="hourRun" value="" required>
                        </div>
                    </div>

                    <div class="col-md-4 service-model-style">
                        <div class="form-group">
                            <label for="serviceCode">Hạn mức tiền cảnh báo</label>
                            <input class="form-control" type="number" id="money" name="money" autocomplete="on" value="">
                        </div>
                    </div>

                    <div class="col-md-6 service-model-style">
                        <div class="form-group">
                            <label for="serviceCode">URL</label>
                            @*<input class="form-control" type="text" id="url" name="url" autocomplete="on" value="">*@
                            <textarea class="form-control" id="url" name="url" autocomplete="off" rows="3" spellcheck="false"></textarea>
                        </div>
                    </div>

                    <div class="col-md-6">
                        <div class="form-group content-box">
                            <label for="toDate">V_SQL</label>
                            <textarea class="form-control" id="vSql" name="vSql" autocomplete="off" rows="3" spellcheck="false"></textarea>
                        </div>
                    </div>
                    <div class="col-md-12">
                        <div class="form-group content-box">
                            <label for="toDate">CONNECTION</label>
                            <textarea class="form-control" id="connection" name="connection" autocomplete="off" rows="3" spellcheck="false"></textarea>
                        </div>
                    </div>
                </div>
            }
            else
            {
                // Schedules
                <div class="row">
                    <div class="col-md-12">
                        <div class="form-group">
                            <label for="team1">Name</label>
                            <input class="form-control" type="text" id="name" name="name" autocomplete="on" value="">
                        </div>
                    </div>
                    <div class="col-md-12">
                        <div class="form-group">
                            <label for="fromDate">Description</label>
                            <textarea class="form-control" id="description" name="description" autocomplete="off" rows="3" spellcheck="false"></textarea>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="serviceCode">Bot name</label>
                            <select id="botID" name="botID" class="form-control">
                                @{
                                    for (int i = 0; i < Model.bots.data.Count; i++)
                                    {
                                        <option value="@Model.bots.data[i].id">@Model.bots.data[i].description</option>
                                    }
                                }
                            </select>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="serviceCode">Group name</label>
                            <select id="groupID" name="groupID" class="form-control">
                                @{
                                    for (int i = 0; i < Model.groups.data.Count; i++)
                                    {
                                        <option value="@Model.groups.data[i].id">@Model.groups.data[i].description</option>
                                    }
                                }
                            </select>
                        </div>
                    </div>

                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="serviceCode">Status</label>
                            <select id="status" name="status" class="form-control">
                                @{
                                    for (int i = 0; i <= UtilsController.Constant.MAX_SCHEDULE_STATUS; i++)
                                    {
                                        <option value="@i">@UtilsController.convertScheduleStatus(i)</option>
                                    }
                                }
                            </select>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="fromDate">Time notification</label>
                            <input class="model-box-input" type="datetime-local" id="timeRun" name="timeRun" value="@date">
                        </div>
                    </div>
                    <div class="col-md-12">
                        <div class="form-group">
                            <label for="fromDate">Note</label>
                            <input class="form-control" type="text" id="note" name="note" autocomplete="on" value="">
                        </div>
                    </div>
                    <div class="col-md-12">
                        <div class="form-group content-box">
                            <label for="toDate">Content</label>
                            <textarea class="form-control" id="content" name="content" autocomplete="off" rows="3" spellcheck="false"></textarea>
                        </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() {
        console.log("saveAdding");
        var check = 1;
        var formData = new FormData();
        var name = "";
        var description = "";
        var status = "";
        var botID = "";
        var groupID = "";
        var timeRun = "";
        var note = "";
        var content = "";
        var note = "";
        var fromDate = "";
        var toDate = "";
        var timeRun = "";
        var hourRun = "";
        var money = "";

        var serviceName = "";
        var url = "";
        var vSql = "";
        var state = "";
        var connection = "";

        var key = "";
        var value = "";

        // for send mail
        var telcoId = "", companyId = "", serviceId = "", timeSend = "", listMail = "", message = "";

        if (@Model.tableType == @UtilsController.Constant.SENDMAIL) {
            telcoId = $("#telcoId").val();
            companyId = $("#companyId").val();
            status = $("#status").val();
            serviceId = $("#serviceId").val();
            timeSend = $("#timeSend").val();
            listMail = $("#listMail").val();
            message = $("#message").val();

            console.log("telcoId", telcoId);
            console.log("companyId", companyId);
            console.log("status", status);
            console.log("serviceId", serviceId);
            console.log("timeSend", timeSend);
            console.log("listMail", listMail);
            console.log("message", message);


            if (listMail == null || listMail == "") {
                $("#listMail").addClass("note-input");
                check *= 0;
            } else {
                $("#listMail").removeClass("note-input");
            }
        } else if (@Model.tableType == @UtilsController.Constant.SCHEDULES) {
            name = $("#name").val();
            description = $("#description").val();
            status = $("#status").val();
            botID = $("#botID").val();
            groupID = $("#groupID").val();
            timeRun = $("#timeRun").val();
            note = $("#note").val();
            content = $("#content").val();

            if (name == null || name == "") {
                $("#name").addClass("note-input");
                check *= 0;
            } else {
                $("#name").removeClass("note-input");
            }
            if (content == null || content == "") {
                $(".content").addClass("note-input");
                check *= 0;
            } else {
                $(".content").removeClass("note-input");
            }
        } else if (@Model.tableType == @UtilsController.Constant.CONFIGS) {
            key = $("#key").val();
            value = $("#value").val();

            if (key == null || key == "") {
                $("#key").addClass("note-input");
                check *= 0;
            } else {
                $("#key").removeClass("note-input");
            }
            if (value == null || value == "") {
                $("#value").addClass("note-input");
                check *= 0;
            } else {
                $("#value").removeClass("note-input");
            }
        } else if (@Model.tableType == @UtilsController.Constant.SERVICE_CONFIG) {
            telcoId = $("#telcoId").val();
            companyId = $("#companyId").val();
            status = $("#status").val();
            serviceName = $("#serviceName").val();
            url = $("#url").val();
            vSql = $("#vSql").val();
            state = $("#state").val();
            connection = $("#connection").val();
            hourRun = $("#hourRun").val();
            money = $("#money").val();


            if (serviceName == null || serviceName == "") {
                $("#serviceName").addClass("note-input");
                check *= 0;
            } else {
                $("#serviceName").removeClass("note-input");
            }
            if (url == null || url == "") {
                $("#url").addClass("note-input");
                check *= 0;
            } else {
                $("#url").removeClass("note-input");
            }
            if (vSql == null || vSql == "") {
                $("#vSql").addClass("note-input");
                check *= 0;
            } else {
                $("#vSql").removeClass("note-input");
            }
            if (connection == null || connection == "") {
                $("#connection").addClass("note-input");
                check *= 0;
            } else {
                $("#connection").removeClass("note-input");
            }
            if (hourRun == null || hourRun == "") {
                $("#hourRun").addClass("note-input");
                check *= 0;
            } else {
                $("#hourRun").removeClass("note-input");
            }
            if (money == null || money == "") {
                $("#money").addClass("note-input");
                check *= 0;
            } else {
                $("#money").removeClass("note-input");
            }
        }
        else {
            name = $("#name").val();
            description = $("#description").val();
            status = $("#status").val();
            fromDate = $("#fromDate").val();
            toDate = $("#toDate").val();

            if (name == null || name == "") {
                $("#name").addClass("note-input");
                check *= 0;
            } else {
                $("#name").removeClass("note-input");
            }
        }

        if (check == 1) {
            formData.append('__RequestVerificationToken', $('input[name=__RequestVerificationToken]').val());
            formData.append('name', name);
            formData.append('description', description);
            formData.append('status', status);
            formData.append('startDate', fromDate);
            formData.append('endDate', toDate);
            formData.append('botID', botID);
            formData.append('groupID', groupID);
            formData.append('timeRun', timeRun);
            formData.append('note', note);
            formData.append('content', content);
            formData.append('value', value);
            formData.append('key', key);

            // send mail
            formData.append('telcoId', telcoId);
            formData.append('companyId', companyId);
            formData.append('serviceId', serviceId);
            formData.append('timeSend', timeSend);
            formData.append('listMail', listMail);
            formData.append('message', message);

            // conn config
            formData.append('serviceName', serviceName);
            formData.append('url', url);
            formData.append('vSql', vSql);
            formData.append('state', state);
            formData.append('connection', connection);
            formData.append('hourRun', hourRun);
            formData.append('money', money);


            $.ajax({
                type: "POST",
                url: "@(Model.tableType == UtilsController.Constant.BOTS ? "/Config/AddingBotAction" :
                                        Model.tableType == UtilsController.Constant.SENDMAIL ? "/Config/AddingSendMailAction" :
                                        Model.tableType == UtilsController.Constant.GROUPS ? "/Config/AddingGroupAction" :
                                        Model.tableType == UtilsController.Constant.SCHEDULES ? "/Config/AddingScheduleAction" :
                                        Model.tableType == UtilsController.Constant.SERVICE_CONFIG ? "/Config/AddingServiceAction" :
                                        "/Config/AddingConfigAction")",
                headers: { 'RequestVerificationToken': $('input[name=__RequestVerificationToken]').val() },
                data: formData,
                processData: false,
                contentType: false,
                success: function (data) {
                    if (data.code == @UtilsController.Constant.SUCCESS) {
                        window.location.href = data.href;
                    } else {
                        $.ajax({
                            type: "POST",
                            url: "/Partial/Response",
                            data: {
                                "message": "An error was happened"
                            },
                            success: function (data) {
                                $('#informModel').html(data);
                                $('#myInform').modal({ "backdrop": "static", keyboard: true });
                                $('#myInform').modal('show');
                            },
                            failure: function (data) {
                                console.log(data);
                                alert(data);
                            },
                            error: function (data) {
                                console.log(data);
                                alert(data);
                            }
                        });
                    }
                },
                failure: function (data) {
                    console.log(data);
                    alert(data);
                },
                error: function (data) {
                    console.log(data);
                    alert(data);
                }
            });
        }
    }
</script>