@addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers
@{
    ViewData["Title"] = "ثبت نام مشتری جدید";
    Layout = "~/Areas/Admin/Views/Shared/_Adminlayout.cshtml";
}
<div class="content container-fluid">
<section class="basic-elements">
    <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>
    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header">
                    <div class="card-title-wrap bar-success">
                        <h4 class="card-title mb-0">اطلاعات مشتری جدید را وارد نمایید</h4>
                    </div>
                </div>
                <div class="card-body">
                    <div class="px-3">
                        <div class="form">
                            <div class="form-body">
                                <div class="row">
                                    <div class="col-xl-4 col-lg-6 col-md-12 mb-1">
                                        <fieldset class="form-group">
                                            <label for="FullName">نام و نام خانوادگی</label>
                                            <input type="text" class="form-control" id="fullName">
                                        </fieldset>
                                    </div>
                                    <div class="col-xl-4 col-lg-6 col-md-12 mb-1">
                                        <fieldset class="form-group">
                                            <label for="Link">لینک</label>
                                            <small class="text-muted"><i>www.google.com</i></small>
                                            <input type="text" class="form-control" id="link">
                                        </fieldset>
                                    </div>

                                                                    
                                    <div class="col-xl-4 col-lg-6 col-md-12 mb-1">
                                        <fieldset class="form-group">
                                            <label for="Image">تصویر </label>
                                                <small class="text-muted"><i>(اندازه تصویر عرض 108 و طول 216 باشد)</i></small>
                                                <input type="file" class="form-control" accept="image/*" id="Image">
                                        </fieldset>
                                    </div>
                                    <div class="col-xl-12 col-lg-12 col-md-12 mb-1">
                                        <fieldset class="form-group">
                                            <label for="Address">آدرس</label>
                                            <input type="text" class="form-control" id="address">
                                        </fieldset>
                                    </div>
                                    <div class="col-xl-12 col-lg-12 col-md-12 mb-1">
                                        <fieldset class="form-group">
                                            <br />
                                            <button onclick="SaveCustomer()" class="btn btn-success col-md-12">ذخیره </button>
                                        </fieldset>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
               
            </div>
        </div>
    </div>
</section>
</div>
@section Scripts
    {

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

    <script>
        function SaveCustomer() {

            //Check inValid
            if ($("#fullName").val() == "") {
                swal.fire(
                    'هشدار!',
                    "فیلد نام را باید وارد کنید",
                    'warning'
                );
            }
            else if ($("#link").val() == "") {
                swal.fire(
                    'هشدار!',
                    "فیلد لینک را باید وارد کنید",
                    'warning'
                );
            }
            else if (document.getElementById("Image").files.length == 0) {
                swal.fire(
                    'هشدار!',
                    "فیلد تصویر را باید وارد کنید",
                    'warning'
                );
            }
            else {
                var data = new FormData();
                swal.fire({
                    title: 'ثبت مشتری',
                    text: "آیا میخواهید ثبت مشتری را انجام دهید؟",
                    icon: 'info',
                    showCancelButton: true,
                    confirmButtonColor: '#3085d6',
                    cancelButtonColor: '#d33',
                    confirmButtonText: 'بله ثبت انجام شود',
                    cancelButtonText: 'خیر'
                }).then((result) => {
                    if (result.value) {
                        debugger;
                        data.append('FullName', $("#fullName").val());
                        data.append('Address', $("#address").val());
                        data.append('Link', $("#link").val());
                        //دریافت عکس های انتخاب شده توسط کاربر و قرار دادن عکس ها در متغیر data
                        var customerImage = document.getElementById("Image");

                        if (customerImage.files.length > 0) {
                                data.append('Image', customerImage.files[0]);
                        }

                  
                        $.ajax({
                            contentType: false,
                            processData: false,
                            type: "POST",
                            url: "Create",
                            data: data,
                            success: function (data) {
                                debugger;
                                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 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);
                        }

                    });

                }
            })
        }
    </script>
}