@*@model IEnumerable<ParcelWeb.Core.Domain.DomesticDeliveryRate>*@
@using ParcelWeb.Core
@{
    ViewBag.Title = "Domestic Delivery Rates";
}

<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">
                Domestic Delivery Rates
            </li>
        </ol>
    </div>
</div>


<div class="row">
    <div class="col-md-12">
        <div class="card">
            <div class="card-header">
                <h4 class="card-title"><i class="icon icon-box"></i> Domestic Rates</h4>
                <a class="heading-elements-toggle"><i class="icon-ellipsis font-medium-3"></i></a>
                <div class="heading-elements">
                    <a href="javascript:void(0)" id="newRate" class="btn btn-primary btn-square" style="padding:0.5rem 1rem"><i class="icon icon-plus white"></i> New Delivery Rates</a>
                </div>
            </div>

            <div class="card-body">
                <div class="card-block">
                    <div class="row">
                        <div class="form-group">
                            <div class="col-md-3">
                                @Html.Label("Package", htmlAttributes: new { @class = "" })
                                @Html.DropDownList("SPackageId", ViewBag.Packages as SelectList, "--Select Package--", new { @class = "custom-select block filterdata" })
                                @Html.ValidationMessage("SPackageId", "", new { @class = "text-danger" })
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-md-3">
                                @Html.Label("Delivery Service", htmlAttributes: new { @class = "" })
                                @Html.DropDownList("SServiceId", ViewBag.DeliveryServices as SelectList, "--Select Delivery Service--", new { @class = "custom-select block filterdata" })
                                @Html.ValidationMessage("SServiceId", "", new { @class = "text-danger" })
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-md-3">
                                @Html.Label("Sub Service", htmlAttributes: new { @class = "" })
                                @Html.DropDownList("SSubServiceId", ViewBag.DeliverySubServices as SelectList, "--Select SubService--", new { @class = "custom-select block filterdata" })
                                @Html.ValidationMessage("SSubServiceId", "", new { @class = "text-danger" })
                            </div>
                        </div>

                    </div>
                    <hr />
                    <div class="row">
                        <div class="col-md-12">
                            <div class="">
                                <div class="table-responsive" style="">

                                    <table class="table table-condensed table-bordered table-hover table-slim" id="dgvRates" style="width:100%">
                                        <thead class="thead-default">
                                            <tr>
                                                <th>Package</th>
                                                <th>Delivery Service</th>
                                                <th>Sub Service</th>
                                                @* <th>Rate Year</th>*@
                                                <th>Weight</th>
                                                <th>Rate</th>
                                                <th>Rate Type</th>
                                                <th>RM</th>
                                                <th>RMU</th>
                                                <th>COD Charges</th>
                                                <th>COD Percent</th>
                                                <th>Action</th>


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

                                        <td>@item.PackageId</td>
                                        <td><a href="/Order/Detail/@item.Id">@item.ServiceId</a> </td>
                                        <td>@item.SubServiceId</td>

                                        <td>@item.RateYear</td>
                                        <td>@item.Weight</td>
                                        <td>@item.Rate</td>
                                        <td>@item.RateType</td>
                                        <td>@item.RateMultiplier</td>
                                        <td>@item.CODCharges</td>
                                        <td>@item.CODPercent</td>
                                        <td>
                                            <a href="javascript:void(0)" id="@item.Id" class="btn btn-outline-blue btn-sm btnEdit">Edit</a>
                                        </td>
                                    </tr>
                                }
                            </tbody>*@
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>


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

@*-------------New modal---------------*@
<div class="modal fade text-xs-left" id="NewRateModal" tabindex="-1" role="dialog" aria-labelledby="shipModal" aria-hidden="true">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header bg-default">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
                <h4 class="modal-title" id="shipModal">New Delivery Rates</h4>
            </div>
            <div class="modal-body" id="NewRateModalContent">
                @Html.Action("Create", "DomesticDeliveryRate")
            </div>
            <div class="modal-footer">
                <a href="javascript:void(0)" class="btn btn-primary" id="BtnAddRate"><span><i class="icon-save"></i></span>&nbsp; Save</a>
                <button type="button" class="btn grey btn-outline-secondary" data-dismiss="modal">Close</button>



            </div>
        </div>
    </div>
</div>
@*-------------Edit modal---------------*@
<div class="modal fade text-xs-left" id="EditRateModal" tabindex="-1" role="dialog" aria-labelledby="shipModal" aria-hidden="true">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header bg-default">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
                <h4 class="modal-title" id="shipModal">Edit Delivery Rates</h4>
            </div>
            <div class="modal-body" id="EditRateModalContent">
                @Html.Action("Edit", "DomesticDeliveryRate")
            </div>
            <div class="modal-footer">
                <a href="javascript:void(0)" class="btn btn-primary" id="BtnEditRate"><span><i class="icon-save"></i></span>&nbsp; Edit</a>
                <button type="button" class="btn grey btn-outline-secondary" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>

@section Scripts {
    @Scripts.Render("~/bundles/jqueryval")

    <script type="text/javascript">
        $(document).ready(function () {

            getData();

            $(".filterdata").on("change", function () {

                getData();
            });
            $("#newRate").on("click", function () {
                $("#NewRateModal").modal("show");
                //$("#NewRateModalContent").load("/DomesticDeliveryRate/Create", function () {
                //    $("#NewRateModal").modal("show");
                //});
            });
        //
            $("#dgvRates tbody").on("click", ".btnEdit", function () {
                var Id = $(this).attr("id");
                var subservice;
                $.ajax({
                    url: "/DomesticDeliveryRate/GetRate/" + Id,
                    method: "GET",
                    success: function (response) {
                        if (response.success) {
                            $('#EditId').val(response.output.Id);
                            $('#EditPackage').val(response.output.PackageId);
                            $('#EditDeliveryService').val(response.output.ServiceId);
                            GetSubServicee(response.output.ServiceId, response.output.SubServiceId);
                            //$('#EditSubService').val(response.output.SubServiceId);
                            $('#EditRateType').val(response.output.RateType);
                            $('#EditWeight').val(response.output.Weight);
                            $('#EditRate').val(response.output.Rate);
                            $('#EditRateMultiplier').val(response.output.RateMultiplier);
                            $('#EditMultiplierWeightUnit').val(response.output.MultiplierWeightUnit);
                            $('#EditCODCharges').val(response.output.CODCharges);
                            $('#EditCODPercent').val(response.output.CODPercent);
                            $("#EditRateModal").modal("show");
                        }
                    },
                    error: function (err) {
                        MyAlert("Error", err, "error");
                    },

                });
            });
            //btnActive

            $('#EditDeliveryService').on('change', function () {

                var value = $(this).val();
                var s = $('#EditSubService');
                $.ajax({
                    url: "/DomesticDeliveryRate/GetSubServices?ServiceId=" + value,
                    method: "POST",
                    success: function (data) {
                        s.empty();
                        $("<option />", { value: "", text: "--Select SubService--" }).appendTo(s);
                        $(data).each(function (idx, obj) {
                            $("<option />", { value: obj.Id, text: obj.Name }).appendTo(s);
                        });
                    },
                    failure: function () {
                        alert("Failed!");
                    }
                });

            });
            $('#ServiceId').on('change', function () {
                var value = $(this).val();
                var s = $('#SubServiceId');
                $.ajax({
                    url: "/DomesticDeliveryRate/GetSubServices?ServiceId=" + value,
                    method: "POST",
                    success: function (data) {
                        s.empty();
                        $("<option />", { value: "", text: "--Select SubService--" }).appendTo(s);
                        $(data).each(function (idx, obj) {
                            $("<option />", { value: obj.Id, text: obj.Name }).appendTo(s);
                        });
                    },
                    failure: function () {
                        alert("Failed!");
                    }
                });

            });

            $('#SServiceId').on('change', function () {
                var value = $(this).val();
                var s = $('#SSubServiceId');
                $.ajax({
                    url: "/DomesticDeliveryRate/GetSubServices?ServiceId=" + value,
                    method: "POST",
                    success: function (data) {
                        s.empty();
                        $("<option />", { value: "", text: "--Select SubService--" }).appendTo(s);
                        $(data).each(function (idx, obj) {
                            $("<option />", { value: obj.Id, text: obj.Name }).appendTo(s);
                        });
                    },
                    failure: function () {
                        alert("Failed!");
                    }
                });

            });
            $("#BtnAddRate").on("click", function () {

                var form = $('#myForm').get(0);
                jQueryAjaxPost(form);
            });
            $("#BtnEditRate").on("click", function () {

                var form = $('#EditForm').get(0);
                jQueryEditAjaxPost(form);
            });
            $("#dgvRates tbody").on("click", ".btnDelete", function () {
             var id=  $(this).attr('id');
                 swal({
                    title: "Are you sure?",
                    type: "warning",
                    showCancelButton: true,
                    confirmButtonColor: "#DA4453",
                    confirmButtonText: "Yes, Delete Rate",
                    cancelButtonText: "No, cancel plx!",
                    closeOnConfirm: false,
                    closeOnCancel: true
                }, function (isConfirm) {
                    if (isConfirm) {
                        $.ajax({
                            type: "POST",
                            url: '@Url.Action("Delete", "DomesticDeliveryRate")',
                            data: {Id:id},
                            dataType: 'json',
                            success: function (data) {
                                if (data.success) {
                                    getData();
                                    swal({
                                        title: "Good!",
                                        text: "Rate Deleted Successfully",
                                        type: "success"
                                    });
                                    //swal("Good!", "Operation Completed Successfully", "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", " )", "error");
                    }
                });
            });
        });
        function GetSubServicee(serviceId, SubServiceID) {
            var value = serviceId;
            var s = $('#EditSubService');
            $.ajax({
                url: "/DomesticDeliveryRate/GetSubServices?ServiceId=" + value,
                method: "POST",
                success: function (data) {
                    s.empty();
                    $("<option />", { value: "", text: "--Select SubService--" }).appendTo(s);
                    $(data).each(function (idx, obj) {
                        $("<option />", { value: obj.Id, text: obj.Name }).appendTo(s);
                    });
                    $('#EditSubService').val(SubServiceID);
                },
                failure: function () {
                    alert("Failed!");
                }
            });
        }

        function getData() {

            var SubServiceId = $("#SSubServiceId").val();
            var ServiceId = $("#SServiceId").val();
            var PackageId = $("#SPackageId").val();

            table = $('#dgvRates').DataTable({
                "serverSide": true,
                "ajax": {
                    type: "POST",
                    url: "/DomesticDeliveryRate/GetDeliveryRates?PackageId=" + PackageId + "&ServiceId=" + ServiceId + "&SubServiceId=" + SubServiceId,
                    "contentType": 'application/json; charset=utf-8',
                    'data': function (data) { return data = JSON.stringify(data); }
                },

                "processing": true,
                "paging": true,
                "deferRender": true,
                "lengthChange": true,
                "destroy": true,
                "order": [1, "desc"],
                "columns": [
                    {
                        'data': 'PackageId'
                    },
                    { 'data': 'ServiceId' },
                    {
                        'data': 'SubServiceId'
                    },
                    {
                        'data': 'Weight'
                    },
                    {
                        'data': 'Rate'
                    },
                    {
                        'data': 'RateType'
                    },
                    {
                        'data': 'RateMultiplier'
                    },
                    {
                        'data': 'MultiplierWeightUnit'
                    },
                    {
                        'data': 'CODCharges'
                    },
                    {
                        'data': 'CODPercent'
                    },
                    {
                        'data': 'Id',
                        'searchable': false,
                        'sortable': false,
                        'render': function (Id) {
                            return "<a href='javascript:void(0)' id=" + Id + " class='btn btnEdit' data-toggle='tooltip' title='Edit Rate'><span><i class='icon-pen'></i></span></a> <a href='javascript:void(0)' id=" + Id + " class='btn btnDelete' data-toggle='tooltip' title='Delete Rate'><span><i class='icon-trash red'></i></span></a>";
                            // return "<a href='javascript: void (0)' onclick='LinkCityDelete(" + Id + ")' data-link-Id=' + Id + ' data-toggle='tooltip' title='Delete City'><i class='icon - cross2'></i> Remove</a>";
                        }
                    },
                ]
            });

        }

        function jQueryEditAjaxPost(form) {
            $.validator.unobtrusive.parse(form);
            if ($(form).valid()) {
                var Data = {
                    Id: $('#EditId').val(),
                    PackageId: $('#EditPackage').val(),
                    ServiceId: $('#EditDeliveryService').val(),
                    SubServiceId: $('#EditSubService').val(),
                    RateType: $('#EditRateType').val(),
                    Weight: $('#EditWeight').val(),
                    Rate: $('#EditRate').val(),
                    RateMultiplier: $('#EditRateMultiplier').val(),
                    MultiplierWeightUnit: $('#EditMultiplierWeightUnit').val(),
                    CODCharges: $('#EditCODCharges').val(),
                    CODPercent: $('#EditCODPercent').val()
                };

                $.ajax({
                    method: 'POST',
                    url: "/DomesticDeliveryRate/Edit",
                    data: Data,
                    success: function (response) {
                        if (response.success) {
                            MyAlert("Congrats!", "Rate Edit successfully...!", "success", "icon-check-circle-o");
                            getData();
                        }
                        else {
                            MyAlert("Opps!", response.message, "error", "icon-ios-close-outline");
                        }
                    },
                    error: function (err) {
                        MyAlert("error",err, "error", "icon-ios-close-outline");
                    }
                })



            }
            return false;
        }

        function jQueryAjaxPost(form) {
            $.validator.unobtrusive.parse(form);
            if ($(form).valid()) {
                var Data = {
                    PackageId: $('#PackageId').val(),
                    ServiceId: $('#ServiceId').val(),
                    SubServiceId: $('#SubServiceId').val(),
                    RateType: $('#RateType').val(),
                    Weight: $('#Weight').val(),
                    Rate: $('#Rate').val(),
                    RateMultiplier: $('#RateMultiplier').val(),
                    MultiplierWeightUnit: $('#MultiplierWeightUnit').val(),
                    CODCharges: $('#CODCharges').val(),
                    CODPercent: $('#CODPercent').val()
                };

                $.ajax({
                    method: 'POST',
                    url: "/DomesticDeliveryRate/Create",
                    data: Data,
                    success: function (response) {
                        if (response.success) {
                            MyAlert("Congrats!", "Rate Saved successfully...!", "success", "icon-check-circle-o");
                            getData();
                        }
                        else {
                            MyAlert("Opps!", response.message, "error", "icon-ios-close-outline");
                        }
                    },
                    error: function (err) {
                        MyAlert("Error", err, "error", "icon-ios-close-outline");
                    }
                })



            }
            return false;
        }


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