@using System.Data;
@{
    Layout = null;
}
<style>
    th, td {
        white-space: nowrap;
    }

    div.dataTables_wrapper {
        margin: 0 auto;
    }

    div.container {
        width: 80%;
    }
</style>

<button type="submit" id="btnApplicantSave" class="btn btn-success btn-fit-height"><i class="ace-icon fa fa-file"></i> Upload</button>
@*<input type="button" value="Upload" class="btnConfirm btn btn-success btn-fit-height pull-right" />*@
<div class="table-responsive">
    <table id="example1" class="table table-striped table-bordered table-hover stripe row-border order-column" width="100%" style="font-size:13px;">
        @if (ViewBag.Data != null)
        {
            <thead style="background-color:#3c8dbc; color:#FFF;">
                <tr>
                    <th><label><input type="checkbox" id="Yescheck" onclick="Yestoggle(this);" /><span></span></label></th>
                    @foreach (DataColumn column in (ViewBag.Data as System.Data.DataTable).Columns)
                    {
                        <th>@column.ColumnName.ToUpper()</th>
                    }
                </tr>
            </thead>
            if ((ViewBag.Data as System.Data.DataTable).Rows.Count > 0)
            {
                foreach (DataRow dr in (ViewBag.Data as System.Data.DataTable).Rows)
                {

                    <tr>
                        <td><label><input type="checkbox" id="Yescheckbox" name="Yescheckbox" /><span></span></label></td>
                        @foreach (DataColumn column in (ViewBag.Data as System.Data.DataTable).Columns)
                        {
                            <td data-title='@column.ColumnName'>
                                @dr[column].ToString()
                            </td>

                        }
                    </tr>
                }
            }
            else
            {
                int count = (ViewBag.Data as System.Data.DataTable).Columns.Count;
                <tr>
                    <td colspan='@count' style="color:red;">
                        No Data Found.
                    </td>
                </tr>
            }
        }
        else
        {
            if (ViewBag.Error != null)
            {
                <tr>
                    <td style="color:red;">@(ViewBag.Error != null ? ViewBag.Error.ToString() : "")</td>
                </tr>
            }
        }
    </table>

</div>

<script type="text/javascript">
    function Yestoggle(source) {
        var checkboxes = document.getElementById("example1").querySelectorAll("#Yescheckbox");
        for (var i = 0; i < checkboxes.length; i++) {
            if (checkboxes[i] != source)
                checkboxes[i].checked = source.checked;
        }
    }
</script>
<script>

    /*    $(document).on('click', '#btnApplicantSave', function () {*/
    $("#btnApplicantSave").click(function () {
        //alert("test");
        debugger;
        var ProjectMonitorID = $("#ProjectMonitorID").val();
        var model = new Array();
        $("#example1 input[type=checkbox]:checked").each(function () {
            var customer = {};
            var row = $(this).closest("tr")[0];
            customer.FullName = row.cells[2].innerText;
            customer.IqumaID = row.cells[3].innerText;
            customer.CategoryName = row.cells[4].innerText;
            customer.SupplierName = row.cells[5].innerText;
            customer.DateofBirth = row.cells[6].innerText;
            customer.NationalityName = row.cells[7].innerText;
            customer.ReligionName = row.cells[8].innerText;
            customer.MobileNumber = row.cells[9].innerText;
            customer.ProjectMonitorID = ProjectMonitorID;
            model.push(customer);
        });
        //Send the JSON array to Controller using AJAX.
        $.ajax({
            type: "POST",
            url: "/ApplicantCVRegistration/Create",
            data: JSON.stringify(model),
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function (response) {
                if (response == "") {
                    //  alert("Not Allowed");
                    return false;
                }
                else if (response == "Insert") {

                    // $('#myModal').modal('toggle');
                    //location.reload();
                    window.location.href = "/ApplicantCVRegistration/WorkvisitManpoerDetails"

                }
            },
            error: function (response) {
                alert(response);
            }

        });
    });

</script>
<script>
    $(document).ready(function () {
        $('#example1').DataTable({
            "paging": false,
            "lengthChange": false,
            "searching": true,
            "ordering": false,
            "info": true,
            "autoWidth": false,
            "scrollY": "400px",
            "scrollCollapse": true
        });

    });
</script>