@model IEnumerable<ParcelWeb.Core.Domain.Customers>
@{
    ViewBag.Title = "Customers";
}


<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">
                Customers
            </li>
        </ol>
    </div>
</div>


<div class="row">
    <div class="col-md-12">
        <div class="card">
            <div class="card-header">
                <h4 class="card-title">Customers</h4>
                <a class="heading-elements-toggle"><i class="icon-users2 font-medium-3"></i></a>
                <div class="heading-elements">
                    <a href="/Auth/Register" target="_blank" class="btn btn-primary btn-square" style="padding:0.5rem 1rem"><i class="icon icon-plus white"></i> New Customer</a>
                </div>
            </div>
            <div class="card-body collapse in">
                <div class="card-block">
                    <div class="table-responsive">
                        <table class="table table-slim table-condensed table-bordered table-hover" id="dgvCustomers">
                            <thead class="thead-default">
                                <tr>
                                    <th>
                                        @Html.DisplayNameFor(model => model.CompanyName)
                                    </th>
                                    <th>
                                        @Html.DisplayNameFor(model => model.OwnerName)
                                    </th>
                                    <th data-orderable="false">
                                        @Html.DisplayNameFor(model => model.ContactPerson)
                                    </th>
                                    <th data-orderable="false">
                                        @Html.DisplayName("Mobile")
                                    </th>
                                    <th data-orderable="false">
                                        @Html.DisplayName("E-mail")
                                    </th>

                                    <th>
                                    </th>
                                    <th data-orderable="false">Action</th>
                                </tr>

                            </thead>

                            <tbody>
                                @foreach (var item in Model)
                                {
                                    <tr>

                                        <td>
                                            <a href="@Url.Action("EditCustomer", "AppUser", new { id = item.Id })">@Html.DisplayFor(modelItem => item.CompanyName)</a>
                                        </td>
                                        <td>
                                            @Html.DisplayFor(modelItem => item.OwnerName)
                                        </td>

                                        <td>
                                            @Html.DisplayFor(modelItem => item.ContactPerson)
                                        </td>
                                        <td>
                                            @Html.DisplayFor(modelItem => item.MobileNo)
                                        </td>
                                        <td>
                                            @Html.DisplayFor(modelItem => item.CompanyEmail)
                                        </td>
                                        <td>
                                            <label class="tag @(item.Status == "Pending" ? "tag-warning" : item.Status == "Rejected" ? "tag-danger" : "tag-success")">
                                                @Html.DisplayFor(modelItem => item.Status)
                                            </label>
                                        </td>
                                        <td>
                                            <span class="dropdown">
                                                <button id="btnSearchDrop2" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" class="btn btn-primary dropdown-toggle dropdown-menu-right"><i class="icon-cog3"></i></button>
                                                <span aria-labelledby="btnSearchDrop2" class="dropdown-menu mt-1 dropdown-menu-right">
                                                    <a href="javascript:void(0)" class="dropdown-item btnEdit" data-user-id="@item.Id"><i class="icon-pen3 primary"></i> Edit</a>
                                                    <a href="javascript:void(0)" class="dropdown-item js-Delete" data-user-id="@item.Id"><i class="icon-trash4 danger"></i> Delete</a>
                                                    <a href="/Reports/CustomerLedger/@item.UserId"  class="dropdown-item" data-user-id="@item.Id"><i class="icon-calculator primary"></i> Ledger</a>
                                                </span>
                                            </span>

                                        </td>
                                    </tr>
                                }

                            </tbody>

                        </table>


                    </div>
            </div>
        </div>
    </div>
</div>
</div>
@section Scripts {
    @Scripts.Render("~/bundles/jqueryval")
    <script type="text/javascript">

        $(document).ready(function () {

            $('#dgvCustomers').DataTable();




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

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

                swal({
                    title: "Are you sure?",
                    text: "You want to Delete it Permanently!",
                    type: "warning",
                    showCancelButton: true,
                    confirmButtonColor: "#DA4453",
                    confirmButtonText: "Yes, delete it!",
                    cancelButtonText: "No, cancel plx!",
                    closeOnConfirm: false,
                    closeOnCancel: true
                }, function (isConfirm) {
                    if (isConfirm) {

                        $.ajax({
                            type: "GET",
                            url: '/Customer/Delete?id=' + id,
                            dataType: 'json',
                            success: function (data) {
                                if (data.success) {
                                    swal("Deleted!", "User has been deleted.", "success");
                                    btn.parents('tr').remove();
                                }
                                else {
                                    swal("Sorry", 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"])
}