ViettechReport/SuperCms/Views/Partial/Confirm.cshtml

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

@using LiveInfo.Models;

@model PartialViewModel;

<link rel="stylesheet" type="text/css" href="~/css/css/model.css">

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

<div class="modal-content">
    <div class="modal-header">
        <h4 class="modal-title" id="modalLabelService">Response</h4>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">×</span>
        </button>
    </div>
    <div class="modal-body">
        <div>
            <h3>
                @Model.message
            </h3>
        </div>
    </div>
    <div class="modal-footer">
        <button id="closeBtn" type="button" class="btn grey btn-outline-secondary" data-dismiss="modal">Close</button>
        <button type="button" id="btnAgree" class="btn btn-outline-primary">Agree</button>
    </div>
</div>

<script>
    $("#btnAgree").on("click", function () {
        console.log("agree");
        $.ajax({
            type: "POST",
            url: "@Model.url",
            headers: { 'RequestVerificationToken': $('input[name=__RequestVerificationToken]').val() },
            data: {
                "__RequestVerificationToken": $('input[name=__RequestVerificationToken]').val(),
                "id": "@Model.id",
                "tableType": "@Model.tableType",
            },
            success: function (data) {
                $.ajax({
                    type: "POST",
                    url: "/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>