@model IEnumerable<ParcelWeb.Core.Domain.Country>

@{
    ViewBag.Title = "Index";
}
<style>

</style>
<div class="content-header row">
    <div class="breadcrumb-wrapper col-xs-12">
        <ol class="breadcrumb">
            <li class="breadcrumb-item">
                <a href="/Dashboard/Index">Home</a>

            </li>

            <li class="breadcrumb-item active">
                Countries
              
            </li>
        </ol>
    </div>
</div>


<div class="row">
    <div class="col-md-12">
        <div class="card">
            <div class="card-header">
                <h4 class="card-title">List of All Countries</h4>
                <a class="heading-elements-toggle"><i class="icon-ellipsis font-medium-3"></i></a>
                <div class="heading-elements">
                    <a href="@Url.Action("Create","Countries")" class="btn btn-primary btn-square" style="padding:0.5rem 1rem"><i class="icon icon-plus white"></i> Add New</a>
                </div>
            </div>
            <div class="card-body collapse in">
                <div class="card-block">
                    <div class="table-responsive">

                        <table class="table table-condensed table-bordered table-hover" id="dgvCountries" style="width:100%">
                            <thead class="thead-default">
                                <tr>
                                    <th>
                                        @Html.DisplayName("Id")
                                    </th>
                                    <th>
                                        @Html.DisplayName("Country Name")
                                    </th>
                                    <th>
                                        @Html.DisplayName("Alpha Code")
                                    </th>
                                    <th>
                                        @Html.DisplayName("Numaric Code")
                                    </th>
                                    <th>
                                        @Html.DisplayName("Dail Code")
                                    </th>
                                    <th>
                                        @Html.DisplayName("Active")
                                    </th>
                                    <th>Action</th>
                                </tr>
                            </thead>

                            <tbody></tbody>

                        </table>
                    </div>
                
                </div>
            </div>
        </div>
    </div>
</div>

@section Scripts {
    <script type="text/javascript">

        $(document).ready(function () {

            $.ajax({
                type: "GET",
                url: '/Countries/GetCountries',
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                beforeSend: function () {
                    AjaxBlock('#dgvCountries','Loading...');
                },
                success: function (data) {
                    table = $('#dgvCountries').DataTable({
                        destroy: true,
                        data: data,
                        columns: [
                      
                               {
                                   'data': 'Id'

                               },
                            { 'data': 'Name' },
                            {
                                'data': 'AlphaCode'
                            },
                            { 'data': 'NumaricCode' },
                            { 'data': 'DailCode' },
                       
                            {
                                "data": "Active",
                                'render': function (active) {
                                    var str = "true";
                                    if (active === true) {
                                        return "<label class='tag tag-success'>" + active + "</label>";
                                    }
                                    else {
                                        return "<label class='tag tag-danger'>" + active + "</label>";
                                    }
                                }
                            },
                            {
                                'data': 'Id',
                                'searchable': false,
                                'sortable': false,
                                'render': function (Id) {
                                    return "<a href='/Countries/Edit?Id=" + Id + "' data-Country-id='" + Id + "' class='btn js-Edit btn-icon btn-pure' data-toggle='tooltip' title='Edit Country' style='padding:5px 5px'><i class='icon-pen3 info'></i></a><a href='/Countries/Deactive?id=" + Id + "' data-Country-id='" + Id + "' class='btn btn-icon btn-pure js-Deactive' data-placement='top' data-toggle='tooltip' title='Deactive Country' style='padding:5px 5px'><i class='icon-cross2 danger'></i></a><a href='javascript:void(0)' data-Country-id='" + Id + "' class='btn btn-icon btn-pure js-Delete' data-toggle='tooltip' title='Delete Country' style='padding:5px 5px'><i class='icon-trash-o danger'></i></a>";
                                }
                            },


                        ]
                    });
                },
                failure: function () {
                    alert("Failed!");
                },
                complete: function () {
                    AjaxUnblock('#dgvCountries');
                }
            });

         

            $('#dgvCountries').on('click', '.js-Delete', function () {

                var btn = $(this);
                var id = $(this).attr('data-Country-id');

                swal({
                    title: "Are you sure?",
                    text: "Note: All Reference data will be Deleted Permanently like Cities and States",
                    type: "warning",
                    showCancelButton: true,
                    confirmButtonColor: "#DA4453",
                    confirmButtonText: "Yes, delete it!",
                    cancelButtonText: "No, cancel plx!",
                    closeOnConfirm: false,
                    closeOnCancel: true
                }, function (isConfirm) {
                    if (isConfirm) {

                        $.ajax({
                            type: "POST",
                            url: '/Countries/DeleteConfirmed',
                            data: { id: id },
                            dataType: 'json',
                            success: function (data) {
                                if (data.success) {
                                    swal("Deleted!", "Country has been deleted.", "success");
                                    btn.parents('tr').remove();
                                }
                                else {
                                    swal("Cancelled", data.message, "error");   
                                }
                            },
                            error: function (jqXHR) {
                                if (jqXHR.status == 400) {
                                    swal("Sorry", "Something Wronge :)", "error");
                                }
                            }
                        });
                    } else {
                        swal("Cancelled", "Your file is safe :)", "error");
                    }
                });

            });

        });
    </script>
    @Html.Raw(TempData["msg"])
}