Karsha/EndPoint.Site/Areas/Admin/Views/Customer/Index.cshtml

@addTagHelper *, LazZiya.TagHelpers
@using Karsha_Site.Application.Services.Costomers.Queries.GetCustomers;
@model ResultAboutAddressDto
@{
    ViewData["Title"] = "Index";
    Layout = "~/Areas/Admin/Views/Shared/_AdminLayout.cshtml";
}
<div class="content container-fluid">
	<!-- Page Header -->
	<div class="page-header">
		<div class="row">
			<div class="col-sm-11 col-auto">			
				<ul class="breadcrumb">
					<li class="breadcrumb-item"><a href="index.html">داشبورد</a></li>
					<li class="breadcrumb-item active">مشتریان</li>
				</ul>
			</div>
		</div>
	</div>
	<!-- /Page Header -->
	<div class="row">
		<div class="col-sm-12">
			<div class="card">
				<div class="card-body">
					<div class="table-responsive">
						<div id="DataTables_Table_0_wrapper" class="dataTables_wrapper dt-bootstrap4 no-footer">
							<div ><div class="col-sm-12 col-md-6"><div class="dataTables_length" id="DataTables_Table_0_length"><label>Show <select name="DataTables_Table_0_length" aria-controls="DataTables_Table_0" class="custom-select custom-select-sm form-control form-control-sm"><option value="10">10</option><option value="25">25</option><option value="50">50</option><option value="100">100</option></select> entries</label></div></div><div class="col-sm-12 col-md-6"></div></div><div>
								<div class="col-sm-12">
									<table class="datatable table table-hover table-center mb-0 dataTable no-footer" id="DataTables_Table_0" role="grid" aria-describedby="DataTables_Table_0_info">
										<thead>
											<tr>
												<th class="sorting_asc" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" aria-sort="ascending" aria-label="#: activate to sort column descending" >#</th>
												<th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" aria-label="مشتری : activate to sort column ascending" >مشتری </th>
												<th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" aria-label="لینک : activate to sort column ascending">لینک </th>

												<th class="text-right sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" aria-label="عملیات: activate to sort column ascending" >عملیات</th></tr>
										</thead>
										<tbody>


											@{var i = 0;
												string classNmae = "odd";
}
											 @foreach (var item in Model.CustomersDtos)
                                                        {
															i++;
												if(i%2 == 0)
												{
													classNmae = "even";
												}
												else
												{
													classNmae = "odd";
												}
												<tr class="@classNmae">
												<td class="sorting_1">@item.Code</td>

												<td>
													<h2 class="table-avatar">
															<a href="@item.Link" class="avatar avatar-sm ml-2">
															<img class="avatar-img" src="~/@item.Image" alt="@item.FullName">
														</a>
														<a href="@item.Link">@item.FullName</a>
													</h2>
												</td>
													<td>
														<h2 class="table-avatar">															
															<a href="@item.Link">@item.Link</a>
														</h2>
													</td>

												<td class="text-right">
													<div class="actions">
															<a class="btn btn-sm bg-success-light" onclick="ShowModalEditCustomer('@item.ID' , '@item.FullName', '@item.Link', '@item.Address')">
															<i class="fe fe-pencil"></i> ویرایش
														</a>
															<a class="btn btn-sm bg-danger-light" onclick="DeleteCustomer('@item.ID')">
															<i class="fe fe-trash"></i> حذف
														</a>
													</div>
												</td>
											</tr>
											}
										
										
										</tbody>
									</table>
								</div>
							</div>
							</div>
					</div>
				</div>
				<div class=" text-center">
					<paging total-records="Model.Rows"
							page-no="Model.CurrentPage"
							page-size="Model.PageSize"
							show-prev-next="true"
							show-total-pages="false"
							show-total-records="false"
							show-page-size-nav="true"
							show-first-numbered-page="true"
							show-last-numbered-page="true"
							query-string-key-page-no="Page"
							query-string-key-page-size="PageSize"
							text-page-size="نمایش سطر ها"
							gap-size="2">
					</paging>

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

@section Scripts
    {

    <link href="~/Sweetalert2/sweetalert2.min.css" rel="stylesheet" />
    <script src="~/Sweetalert2/sweetalert2.min.js"></script>

    <script>
   
        function DeleteCustomer(CustomerId) {
            swal.fire({
                title: 'حذف مشتری',
                text: "کاربر گرامی از حذف مشتری مطمئن هستید؟",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#d33',
                cancelButtonColor: '#7cacbe',
                confirmButtonText: 'بله ، مشتری حذف شود',
                cancelButtonText: 'خیر'
            }).then((result) => {
                if (result.value) {
                    var postData = {
                        'CustomerId': CustomerId,
                    };

                    $.ajax({
                        contentType: 'application/x-www-form-urlencoded',
                        dataType: 'json',
                        type: "POST",
                        url: "Delete",
                        data: postData,
                        success: function (data) {
                            if (data.isSuccess == true) {
                                swal.fire(
                                    'موفق!',
                                    data.message,
                                    'success'
                                ).then(function (isConfirm) {
                                    location.reload();
                                });
                            }
                            else {

                                swal.fire(
                                    'هشدار!',
                                    data.message,
                                    'warning'
                                );

                            }
                        },
                        error: function (request, status, error) {
                            alert(request.responseText);
                        }

                    });

                }
            })
        }

		function EditCustomer() {

			var CustomerId = $("#Edit_CustomerId").val();
			var fullname = $("#Edit_Fullname").val();
			var Link = $("#Edit_Link").val();
			var Address = $("#Edit_Address").val();

			var postData = {
				'CustomerId': CustomerId,
				'Fullname': fullname,
				'Address': Address,
				'Link': Link
			};


			$.ajax({
				contentType: 'application/x-www-form-urlencoded',
				dataType: 'json',
				type: "POST",
				url: "Edit",
				data: postData,
				success: function (data) {
					if (data.isSuccess == true) {
						swal.fire(
							'موفق!',
							data.message,
							'success'
						).then(function (isConfirm) {
							location.reload();
						});
					}
					else {
						swal.fire(
							'هشدار!',
							data.message,
							'warning'
						);
					}
				},
				error: function (request, status, error) {
					alert(request.responseText);
				}
			});

			$('#EditCustomer').modal('hide');

		}


		function ShowModalEditCustomer(CustomerId, fullName, link, address) {
			debugger;
			$('#Edit_Fullname').val(fullName);
			$('#Edit_CustomerId').val(CustomerId);
			$('#Edit_Link').val(link);
			$('#Edit_Address').val(address);

			$('#EditCustomer').modal('show');

		}
    </script>
}


@section Modals
{
	<!-- Modal Edit Customer -->
	<div class="modal fade" id="EditCustomer" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
		<div class="modal-dialog modal-dialog-centered" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<h5 class="modal-title" id="exampleModalLongTitle">ویرایش مشتری</h5>
					<button type="button" class="close" data-dismiss="modal" aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
				</div>
				<div class="modal-body">
					<div class="col-xl-6 col-lg-12 col-md-12 mb-1">
						<fieldset class="form-group">
							<input type="hidden" id="Edit_CustomerId" />
							<label for="basicInput">نام و نام خانوادگی</label>
							<input type="text" class="form-control" id="Edit_Fullname">
						</fieldset>
					</div>
					<div class="col-xl-6 col-lg-12 col-md-12 mb-1">
						<fieldset class="form-group">
							<label for="basicInput">لینک</label>
							<input type="text" class="form-control" id="Edit_Link">
						</fieldset>
					</div>
					<div class="col-xl-12 col-lg-12 col-md-12 mb-1">
						<fieldset class="form-group">
							<label for="basicInput">آدرس</label>
							<input type="text" class="form-control" id="Edit_Address">
						</fieldset>
					</div>
				</div>
				<div class="modal-footer">
					<a class="btn btn-secondary" data-dismiss="modal">بستن</a>
					<a class="btn btn-primary" onclick="EditCustomer()">اعمال تغییرات</a>
				</div>
			</div>
		</div>
	</div>
}