@extends('core::layouts.master')

@section('breadcrumb', 'Mua nhiều giá tốt')

@section('head-action')
    {{ Form::bsNavButton('<i class="icon-gear"></i> Cấu hình','javascript:void(0)',['data-toggle' => 'modal', 'data-target' => '#modal-setting-module', 'class' => 'btn heading-btn btn-default']) }}
    {{ Form::bsNavButton('Tạo khuyến mãi',route('admin.productquantitybreak.create')) }}
@endsection

@section('content')
<div class="panel panel-flat">
    <div class="table-responsive">
        <table class="table table-hover table-xlg datatable-ajax" data-source="{{ route('admin.productquantitybreak.datatable') }}" id="productquantitybreakDatatable">
            <thead>
                <tr>
                    <th width="200">Tên khuyến mãi</th>
                    <th>Thông tin khuyến mãi</th>
                    <th width="250">Thời gian</th>
                    <th width="100">Tác vụ</th>
                </tr>
            </thead>
        </table>
    </div>
</div>

{!! Form::open([
	'method' => 'POST',
	'url' => route('admin.setting.store', 'product_quantity_break'),
	'id' => 'form-setting-module'
]) !!}
	<!-- Modal -->
	<div id="modal-setting-module" class="modal fade" role="dialog">
	  <div class="modal-dialog modal-lg">

	    <!-- Modal content-->
	    <div class="modal-content">
	      <div class="modal-header">
	        <h4 class="modal-title">Cấu hình Mua nhiều giá tốt</h4>
	      </div>
	      <div class="modal-body">
	        {{ Form::bsBoxOpen() }}
	        <fieldset>
	            <div class="row">
                    <div class="col-md-12">
						<div class="form-group">
					        <div class="checkbox">
					            <label>
					            	<input type="hidden" name="product_quantity_break[add-to-product-management]" value="0">
					                <input type="checkbox" class="styled" value="1"
					                       name="product_quantity_break[add-to-product-management]" {{@$settings['add-to-product-management'] ? 'checked' : ''}}>
					                Thêm mua nhiều giá tốt trong quản lý chi tiết sản phẩm
					            </label>
					        </div>
					    </div>
						<div class="form-group">
					        <div class="checkbox">
					            <label>
					            	<input type="hidden" name="product_quantity_break[display-to-product-detail]" value="0">
					                <input type="checkbox" class="styled" value="1"
					                       name="product_quantity_break[display-to-product-detail]" {{@$settings['display-to-product-detail'] ? 'checked' : ''}}>
					                Hiển thị mua nhiều giá tốt trong trang chi tiết sản phẩm
					            </label>
					        </div>
					    </div>
                    </div>
                </div>
            </fieldset>
            <fieldset>
	        	<legend class="text-semibold" style="margin-bottom: 0;">
                    <a style="color: black">Hình thức giảm giá mặc định</a>
                </legend>
                <div class="row">
                    <div class="col-md-12 body-display">
                        @php if(empty($settings['discount-type'])) $settings['discount-type'] = 1; @endphp
                        {{Form::bsRadio('', 'product_quantity_break[discount-type]', config('productquantitybreak.discount_types'), @$settings['discount-type'])}}
                    </div>
                </div>
            </fieldset>
	        {{ Form::bsBoxClose() }}
	      </div>
	      <div class="modal-footer">
			<button type="button" onclick="nav_submit_form_setting_module(this)" data-form="form-setting-module" class="btn btn-primary submit-form-setting-module btn-ladda btn-ladda-spinner">Lưu</button>
			<button type="button" class="btn btn-default" data-dismiss="modal">Đóng</button>
	      </div>
	    </div>

	  </div>
	</div>
	{!! Form::close() !!}
@endsection
@section('scripts')
<style>
    .datatable-header{display: none;}
</style>
<script>
	$(document).ready(function () {
	    let columns = [{
	        data: null,
	        render: function (data) {
	            if (data.is_stopped === '1' || data.is_expired === '1') {
	                return `<a href="${data.route_edit}"><del> ${data.description.title} </del></a>`;
	            }
	            return `<a href="${data.route_edit}"> ${data.description.title} </a>`;
	        },
	        searchable: false,
	    }, {
	        data: null,
	        render: function (data) {
	            return renderCouponDescription(data);
	        },
	        ordering: false,
	        searchable: false
	    }, {
	        data: null,
	        searchable: false,
	        ordering: false,
	        render: function(data) {
	            let start_at = "<span class='text-muted'>Bắt đầu</span> ";
	            let expired_at = "<span class='text-muted'>Kết thúc</span> ";
	            if (data.start_at) {
	                start_at += moment(data.start_at, "YYYY-MM-DD HH:mm:ss").format("DD-MM-YYYY HH:mm:ss");
	            }
	            if (data.is_never_expires == 1) {
	            	expired_at += 'Không bao giờ hết hạn';
	            } else {
	                expired_at += moment(data.expired_at, "YYYY-MM-DD HH:mm:ss").format("DD-MM-YYYY HH:mm:ss");
	            }
	            return start_at + "<br>" + expired_at;
	        }
	    }, {
	        data: null,
	        className: 'command text-center',
	        searchable: false,
	        render: function(data) {
	            let status_html_code = '';
	            if (data.is_stopped == 1) {
	                status_html_code = '<button type="button" class="btn btn-xs btn_update_discount_status btn-default discount_stopped"  data-href="'+ data.route_update_status +'">Bật</i></button>';
	            } else if (data.is_expired == 1)  {
	                status_html_code = '';
	            } else {
	                status_html_code = '<button type="button" class="btn btn-xs btn_update_discount_status btn-default coupon_continue" data-href="'+ data.route_update_status +'">Tắt</i></button>';
	            }
	            return status_html_code + '  <a data-href="' + data.route_remove + '" class="btn_remove_discount text-danger-600" title="Xóa khuyến mãi"><i class="icon-trash"></i></a>';
	        }
	    }, ];

	    WBDatatables.init('.datatable-ajax', columns, {
	        "ordering": false,
	        "searchable": false,
	    });

	    $(document).on('click', '.btn_update_discount_status', function() {
	        let button = $(this);
	        let discount_status = getDiscountStatus(button);
	        let notification = prepareNoti(discount_status);
	        let url = button.data('href');

	        swal({
	            showLoaderOnConfirm: true,
	            closeOnConfirm: false,
	            title: notification.title,
	            type: "warning",
	            showCancelButton: true,
	            confirmButtonColor: "#FF7043",
	            cancelButtonText: "Không",
	            confirmButtonText: "Có"
	        }, function(is_confirmed) {
	            if (is_confirmed) {
	                updateDiscountStatus(url, discount_status, button);
	            }
	        });
	    });

	    let getDiscountStatus = function (button) {
	        if (button.hasClass('discount_stopped')) {
	            return 0;
	        } else {
	            return 1;
	        }
	    };

	    let prepareNoti = function(discount_status) {
	        let title = '';
	        if (discount_status == 1) {
	            title = 'Bạn có chắc chắn muốn tạm dừng khuyến mãi này?';
	        } else {
	            title = 'Bạn có chắc chắn chạy khuyến mãi này ?';
	        }
	        return {
	            'title': title,
	        };
	    };

	    let updateDiscountStatus = function(url, discount_status, button) {
	        $.ajax({
	            url: url,
	            type: 'PUT',
	            dataType: 'json',
	            data: {
	                '_token': _token,
	                'status': discount_status
	            },
	            success: function(data) {
	                swal.close();
	                if (data.is_stopped == 1) {
	                    switchToContinueButton(button);
	                } else {
	                    switchToStoppedButton(button);
	                }
	            }
	        });
	    };

	    let switchToContinueButton = function ($button) {
	        let $codeTd = $button.closest('tr').find('td:first');
	        let code = $codeTd.html();
	        $codeTd.html(`<del>${code}</del>`);

	        $button.removeClass('coupon_continue')
	            .addClass('discount_stopped')
	            .attr({
	                'title': 'Tiếp tục khuyến mãi'
	            })
	            .html('Bật');
	    };

	    let switchToStoppedButton = function ($button) {
	        let $codeTd = $button.closest('tr').find('td:first');
	        let code = $codeTd.find('del').html();
	        $codeTd.html(code);

	        $button.removeClass('discount_stopped')
	            .addClass('coupon_continue')
	            .attr({
	                'title': 'Tạm dừng khuyến mãi'
	            })
	            .html('Tắt');
	    };

	    $(document).on('click', '.btn_remove_discount', function () {
	        let button = $(this);
	        let url = button.data('href');

	        swal({
	            showLoaderOnConfirm: true,
	            closeOnConfirm: false,
	            title: 'Bạn có chắc chắn xóa mã khuyến mãi này?',
	            text: 'Bạn sẽ vĩnh viễn mất đi dữ liệu',
	            type: "error",
	            showCancelButton: true,
	            confirmButtonColor: "#FF7043",
	            cancelButtonText: "Không",
	            confirmButtonText: "Có"
	        }, function(is_confirmed) {
	            if (is_confirmed) {
	                jQuery.ajax({
	                    url: url,
	                    type: 'DELETE',
	                    dataType: 'json',
	                    data: {
	                        '_token': _token
	                    },
	                    complete: function(xhr, textStatus) {
	                        //called when complete
	                    },
	                    success: function(data, textStatus, xhr) {
	                        if (data.deleted) {
	                            button.closest('tr').remove();
	                        } else {

	                        }
	                        swal.close();
	                    },
	                    error: function(xhr, textStatus, errorThrown) {
	                        //called when there is an error
	                    }
	                });
	            }
	        });
	    });

	    let renderDiscountTypeDescription = function (data) {
	        switch (data.discount_type) {
	            case '1':
	            	{
	            		return 'Giảm tiền trên giá bán'
	            		break;
	            	}
	            case '2':
	            	{
	            		return 'Giảm % trên giá bán'
	            		break;
	            	}
	            case '3':
	            	{
	            		return 'Áp đặt giá bán cố định'
	            		break;
	            	}
	        }
	    };

	    let renderApplyItemsNameDescription = function (data) {
	        switch (data.apply_for) {
	            case 'product_group':
	                {
	                    return ' khi mua sản phẩm thuộc nhóm sản phẩm: ' + data.apply_item_name;
	                }
	            case 'all':
	                {
	                    return ' khi mua tất cả sản phẩm';
	                }
	            case 'product':
	                {
	                    return ' khi mua các sản phẩm trong danh sách đã chọn';
	                }
	            case 'category':
	                {
	                    return ' khi mua sản phẩm thuộc thể loại: ' + data.apply_item_name;
	                }
	        }
	    };
	    let renderCouponDescription = function (data) {
	        let discount_type = renderDiscountTypeDescription(data);
	        let apply_for = renderApplyItemsNameDescription(data);
	        return discount_type + apply_for;
	    };

	    $('input[type="checkbox"]').uniform();
	});
	function nav_submit_form_setting_module(btn){
        var l = Ladda.create(btn);
        l.start();
        var formSubmit = $('#'+$(btn).data('form'));
        formSubmit.ajaxSubmit({
            success:function(data) {
                l.stop();
                $('#modal-setting-module').modal('hide');
                successNotice('Cập nhật thành công');
            },
            error:function(data) {
                l.stop();
                WBForm.showError(formSubmit,data);
            }
        });
    }	
</script>
@endsection