@{
    ViewBag.Title = "Services";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

@using ReportWeb.Models;
@using SuperAdmin.Controllers;

@model List<WebserviceObj>


@functions {
    void StatusToText(int status)
    {
        if (status == 0)
        {
            <span>Inactive</span>
        }
        else if (status == 1)
        {
            <span>Active</span>
        }
    }
}

<style>
</style>
<div class="app-content content">
    <div class="content-wrapper">
        <div class="content-header row">
            <div class="content-header-left col-md-6 col-xs-12 mb-1">
                <h2 class="content-header-title">Smsgw Config</h2>
            </div>
            <div class="content-header-right breadcrumbs-right breadcrumbs-top col-md-6 col-xs-12">
                <div class="breadcrumb-wrapper col-xs-12">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item">
                            <a href="Index">Admin</a>
                        </li>
                        <li class="breadcrumb-item">
                            <a href="#">Smsgw</a>
                        </li>
                    </ol>
                </div>
            </div>
        </div>
        <div class="content-body">
            <!-- Basic form layout section start -->
            <section id="basic-form-layouts">
                <div class="row service-height">
                    <div class="col-md-12">
                        <div class="card">
                            <div class="card-header">
                                <h4 class="card-title" id="basic-layout-form">Search</h4>
                                <a class="heading-elements-toggle"><i class="icon-ellipsis font-medium-3"></i></a>
                                <div class="heading-elements">
                                    <ul class="list-inline mb-0">
                                        <li><a data-action="collapse"><i class="icon-minus4"></i></a></li>
                                        @*<li><a data-action="reload"><i class="icon-reload"></i></a></li>*@
                                        <li><a data-action="expand"><i class="icon-expand2"></i></a></li>
                                        @*<li><a data-action="close"><i class="icon-cross2"></i></a></li>*@
                                    </ul>
                                </div>
                            </div>
                            <div class="card-content collapse show">
                                <div class="card-body">
                                    <div class="card-block">
                                        <div class="form-body">
                                            @Html.AntiForgeryToken()
                                            @*<div class="row">
                                                    <div class="col-md-4">
                                                        <div class="form-group">
                                                            <label for="teamName">Team</label>
                                                            <input class="form-control" type="text" id="teamName" name="teamName">
                                                        </div>
                                                    </div>
                                                </div>*@
                                            <div class="row">
                                                <div class="col-md-12">
                                                    <button type="button" class="btn btn-primary" onclick="searchSmsgw()" id="btnSearch">
                                                        <i class="icon-search"></i> Search
                                                    </button>
                                                    <button type="button" class="btn btn-success" onclick="addSmsgw()">
                                                        <i class="icon-plus-circle"></i> Add
                                                    </button>
                                                    @*<button type="button" class="btn btn-danger" onclick="deleteTable('exercise')">
                                                            <i class="icon-bin"></i> Delete Data
                                                        </button>*@
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-12">
                        <div class="card">
                            <div class="card-content">
                                <div class="col-md-12 table-responsive">
                                    <table class="table table-striped table-hover">
                                        <thead class="thead-inverse">
                                            <tr>
                                                <th scope="col">#</th>
                                                <th scope="col" class="text-center">Action</th>
                                                <th scope="col" class="text-center">Ws Name</th>
                                                <th scope="col" class="text-center">Ws Code</th>
                                                <th scope="col" class="text-center">Wsdl</th>
                                                <th scope="col" class="text-center">Message Template</th>
                                                <th scope="col" class="text-center">Status</th>
                                            </tr>
                                        </thead>
                                        <tbody id="gridbody">
                                            @if (Model != null)
                                            {
                                                for (int i = 0; i < Model.Count; i++)
                                                {
                                                    WebserviceObj ws = Model[@i];
                                                    <tr>
                                                        <td scope="row">@(i + 1)</td>
                                                        <td class="text-center">
                                                            <span class="fa fa-edit cursor-pointer" onclick="editSmsgw('@ws.ws_id')"></span>
                                                            @if (ws.status == 1)
                                                            {
                                                                <span class="fa fa-remove text-danger cursor-pointer" onclick="removeSmsgw('@ws.ws_id')"></span>
                                                            }
                                                            else
                                                            {
                                                                <span class="fa fa-undo text-primary cursor-pointer" onclick="enableSmsgw('@ws.ws_id')"></span>
                                                            }
                                                        </td>
                                                        <td class="text-left">@ws.ws_name</td>
                                                        <td class="text-left">@ws.ws_code</td>
                                                        <td class="text-left">@ws.wsdl</td>
                                                        <td class="text-center">@ws.msg_template</td>
                                                        <td class="text-center">@{StatusToText(ws.status);}</td>
                                                    </tr>

                                                                                }
                                            }
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </section>
            <!-- // Basic form layout section end -->
        </div>

        <div class="modal fade text-xs-left" id="modal-add-service" tabindex="-1" role="dialog" aria-labelledby="myModalLabel17" style="display: none;" aria-hidden="true">
            <div class="modal-dialog modal-lg" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h4 class="modal-title" id="modalLabelService">New Smsgw</h4>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">×</span>
                        </button>
                    </div>
                    <input type="hidden" id="id" />
                    <div class="modal-body">
                        <div class="row">

                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="wsName">Name</label>
                                    <input class="form-control" type="text" id="wsName" name="wsName" autocomplete="on">
                                </div>
                            </div>

                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="team1">Code</label>
                                    <input class="form-control" type="text" id="wsCode" name="wsCode" autocomplete="on">
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="wsdl">WSDL</label>
                                    <input class="form-control" type="text" id="wsdl" name="wsdl" autocomplete="on">
                                </div>
                            </div>

                            <div class="col-md-12">
                                <div class="form-group">
                                    <label for="msgTemplate">Message Template</label>
                                    <textarea class="form-control" id="msgTemplate" name="msgTemplate" autocomplete="off" rows="15"></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="btnAddService" class="btn btn-outline-primary" onclick="addNewSmsgw()">Add</button>
                        <button type="button" id="btnUpdateInfo" class="btn btn-outline-primary" onclick="saveChangeSmsgw()">Save Info</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


@section Scripts {
    <script>

        $(document).ready(function () {
            searchSmsgw();
        });

        // Smsgw
        function searchSmsgw() {
            console.log("Search");
            startSpinner('btnSearch');
            $.ajax({
                url: subDomain + "/Admin/SearchSmsgw",
                data: {
                },
                type: "POST",
                success: function (data) {
                    stopSpinner('btnSearch');
                    console.log(data);
                    if (data.error != "0") {
                        setTimeout(function () {
                            showModal('message-dialog');
                            $('#message-content').html(data.content.split("\n").join("<br />"));
                        }, 1000);
                    } else {
                        updateGridData(data.listSmsgw);
                    }
                },
                error: function (data) {
                    stopSpinner('btnSearch');
                    console.log(data.error);
                }
            })
        }

        function addNewSmsgw() {

            // Checking whether FormData is available in browser
            if (window.FormData !== undefined) {
                // Create FormData object
                var formData = new FormData();

                // Adding one more key to FormData object
                formData.append('wsName', $("#wsName").val());
                formData.append('wsCode', $("#wsCode").val());
                formData.append('wsdl', $("#wsdl").val());
                var msgTemplate = $("#msgTemplate").val();
                var blob = new Blob([msgTemplate], { type: "text/xml" });
                formData.append("msgTemplate", blob);

                $.ajax({
                    url: subDomain + '/Admin/AddSmsgw',
                    type: "POST",
                    contentType: false, // Not to set any content header
                    processData: false, // Not to process data
                    data: formData,
                    success: function (result) {
                        if (result.error == '0') {
                            swal("Success!", "Add SMSGW success!", "success").
                                then((result) => {
                                    hideModal("modal-add-service");
                                    searchSmsgw();
                                });
                            //alert('Import success: ' + result.content);
                        } else {
                            swal("Add SMSGW failed!", result.content, "error");
                            //alert('Import failed: ' + result.content);
                        }
                    },
                    error: function (err) {
                        swal("Add SMSGW failed!", err.statusText, "error");
                        //alert(err.statusText);
                    }
                });
            } else {
                swal("Failed!", "FormData is not supported.", "error");
                //alert("FormData is not supported.");
            }
        }

        function saveChangeSmsgw() {

            // Checking whether FormData is available in browser
            if (window.FormData !== undefined) {
                var formData = new FormData();
                // Adding one more key to FormData object
                formData.append('id', $("#id").val());
                formData.append('wsName', $("#wsName").val());
                formData.append('wsCode', $("#wsCode").val());
                formData.append('wsdl', $("#wsdl").val());
                var msgTemplate = $("#msgTemplate").val();
                var blob = new Blob([msgTemplate], { type: "text/xml" });
                formData.append("msgTemplate", blob);

                $.ajax({
                    url: subDomain + '/Admin/UpdateSmsgw',
                    type: "POST",
                    contentType: false, // Not to set any content header
                    processData: false, // Not to process data
                    data: formData,
                    success: function (result) {
                        if (result.error == '0') {
                            swal("Success!", "Update SMSGW success!", "success").
                                then((result) => {
                                    hideModal("modal-add-service");
                                    searchSmsgw();
                                });
                        } else {
                            swal("Update SMSGW failed!", result.content, "error");
                        }
                    },
                    error: function (err) {
                        swal("Update SMSGW failed!", err.statusText, "error");
                    }
                });
            } else {
                swal("Failed!", "FormData is not supported.", "error");
                //alert("FormData is not supported.");
            }
        }

        function saveSmsgwStatus(status) {

            // Checking whether FormData is available in browser
            if (window.FormData !== undefined) {
                var formData = new FormData();
                // Adding one more key to FormData object

                formData.append('status', status);
                formData.append('id', $("#id").val());

                $.ajax({
                    url: subDomain + '/Admin/UpdateSmsgwStatus',
                    type: "POST",
                    contentType: false, // Not to set any content header
                    processData: false, // Not to process data
                    data: formData,
                    success: function (result) {
                        if (result.error == '0') {
                            swal("Success!", "Update SMSGW success!", "success").
                                then((result) => {
                                    hideModal("modal-add-service");
                                    searchSmsgw();
                                });
                        } else {
                            swal("Update SMSGW failed!", result.content, "error");
                        }
                    },
                    error: function (err) {
                        swal("Update SMSGW failed!", err.statusText, "error");
                    }
                });
            } else {
                swal("Failed!", "FormData is not supported.", "error");
                //alert("FormData is not supported.");
            }
        }

        function addSmsgw() {
            // clear data
            $("#wsCode").val("sendmt");
            $("#wsName").val("sendmt");
            $("#msgTemplate").val("0");

            $("#btnAddService").show();
            $("#btnUpdateInfo").hide();
            // show modal
            showModal("modal-add-service");
        }

        function editSmsgw(id) {
            console.log(id);
            // get service info
            $.ajax({
                url: subDomain + "/Admin/GetSmsgwById",
                data: {
                    id: id
                },
                type: "POST",
                success: function (data) {
                    console.log(data);
                    if (data.error != "0") {
                        setTimeout(function () {
                            showModal('message-dialog');
                            $('#message-content').html(data.content.split("\n").join("<br />"));
                        }, 1000);
                    } else {
                        var service = data.smsgw;
                        // change data
                        $("#wsCode").val(service.ws_code);
                        $("#id").val(service.ws_id);
                        $("#wsName").val(service.ws_name);
                        $("#wsdl").val(service.wsdl);
                        $("#msgTemplate").val(service.msg_template);

                        $("#btnAddService").hide();
                        $("#btnUpdateInfo").show();

                        // show modal
                        showModal("modal-add-service");
                    }
                },
                error: function (data) {
                    console.log(data.error);
                }
            })
        }

        function removeSmsgw(id) {
            console.log(id);
            // get service info
            $.ajax({
                url: subDomain + "/Admin/UpdateSmsgwStatus",
                data: {
                    id: id,
                    status: "0"
                },
                type: "POST",
                success: function (data) {
                    console.log(data);
                    if (data.error != "0") {
                        setTimeout(function () {
                            showModal('message-dialog');
                            $('#message-content').html(data.content.split("\n").join("<br />"));
                        }, 1000);
                    } else {
                        searchSmsgw();
                    }
                },
                error: function (data) {
                    console.log(data.error);
                }
            })
        }

        function enableSmsgw(id) {
            console.log(id);
            // get service info
            $.ajax({
                url: subDomain + "/Admin/UpdateSmsgwStatus",
                data: {
                    id: id,
                    status: "1"
                },
                type: "POST",
                success: function (data) {
                    console.log(data);
                    if (data.error != "0") {
                        setTimeout(function () {
                            showModal('message-dialog');
                            $('#message-content').html(data.content.split("\n").join("<br />"));
                        }, 1000);
                    } else {
                        searchSmsgw();
                    }
                },
                error: function (data) {
                    console.log(data.error);
                }
            })
        }

        function updateGridData(val) {
            console.log(val);
            $("#gridbody").html("");
            var html = "";
            if (val != undefined) {
                for (var i = 0; i < val.length; i++) {
                    var service = val[i];
                    html += "<tr>";
                    html += "<td scope='row'>" + (i + 1) + "</td>";
                    html += "<td class='text-center'><span class='fa fa-edit cursor-pointer' onclick='editSmsgw(\"" + service.ws_id + "\")'></span> "
                        + (service.status == 1 ? "<span class='fa fa-remove  text-danger cursor-pointer' onclick='removeSmsgw(\"" + service.ws_id + "\")'></span></td >"
                            : "<span class='fa fa-undo text-primary cursor-pointer' onclick='enableSmsgw(\"" + service.ws_id + "\")'></span></td >");
                    html += "<td class='text-left'>" + service.ws_name + "</td>";
                    html += "<td class='text-left'>" + service.ws_code + "</td>";
                    html += "<td class='text-left'>" + service.wsdl + "</td>";
                    html += "<td class='text-left'>" + service.msg_template + "</td>";
                    html += "<td class='text-center'>" + StatusToText(service.status) + "</td>";
                    html += "</tr>";
                }
            }
            $("#gridbody").html(html);
        }

    </script>
}