<?php $__env->startSection('styles'); ?>

    <link href="/assets/global/plugins/bootstrap-wysihtml5/bootstrap-wysihtml5.css" rel="stylesheet" type="text/css"/>
    <link href="/assets/global/plugins/bootstrap-datepicker/css/bootstrap-datepicker3.min.css" rel="stylesheet"
          type="text/css"/>
    <link href="/assets/global/plugins/bootstrap-datetimepicker/css/bootstrap-datetimepicker.min.css" rel="stylesheet"
          type="text/css"/>
    <link href="/assets/global/plugins/bootstrap-editable/bootstrap-editable/css/bootstrap-editable.css"
          rel="stylesheet" type="text/css"/>
    <link href="/assets/global/plugins/bootstrap-wysihtml5/bootstrap-wysihtml5.css" rel="stylesheet" type="text/css"/>
    <link href="/assets/global/plugins/bootstrap-editable/inputs-ext/address/address.css" rel="stylesheet"
          type="text/css"/>


    <style>

        .pac-container {
            z-index: 10052 !important;
        }

        #map {
            width: auto !important;
            height: 500px !important;
        }

        #map_edit {
            width: auto !important;
            height: 500px !important;
        }

        tfoot {
            display: table-header-group;
        }

        tfoot input {
            font-weight: normal !important;
        }

        tfoot select {
            font-weight: normal !important;
        }

        .dataTables_filter {
            display: none;
        }

        #orders-table_length {
            display: none;
        }

        .ws-nr {
            width: 100% !important;
        }

        /*.alert-danger .btn-danger {*/
        /*float: right;*/
        /*}*/

        /*.alert-danger span {*/
        /*line-height: 34px;*/
        /*}*/

        /*.alert-danger > div:after {*/
        /*clear: both;*/
        /*content: '';*/
        /*display: table;*/
        /*}*/
    </style>

<?php $__env->stopSection(); ?>
<?php $__env->startSection('content'); ?>
    <?php if(session()->has('error')): ?>
        <div class="alert alert-danger"><?php echo e(session()->get('error')); ?></div>
    <?php endif; ?>
    <?php if(session()->has('success')): ?>
        <div class="alert alert-success"><?php echo e(session()->get('success')); ?></div>
    <?php endif; ?>
    <?php if(count($errors) > 0): ?>
        <div class="alert alert-danger">
            <ul>
                <?php $__currentLoopData = $errors->all(); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $error): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                    <li><?php echo e($error); ?></li>
                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
            </ul>
        </div>
    <?php endif; ?>
    <h1 class="page-title">
        Danh sách coupon
    </h1>


    <div class="row">

        <div class="col-md-12">
            <div class="text-center" style="margin-top: 15px; line-height: 34px">
                <a href="#add-coupon" data-toggle="modal" class="btn btn-success" id="btn-add-coupon"
                   style="float: right">Thêm coupon</a>
            </div>
        </div>

        <div class="col-md-12">
            <table class="table table-striped table-bordered table-hover" id="orders-table">
                <thead>
                <tr style="background-color: #5376B9; color: white">
                    <th>STT</th>
                    <th style="width: 20% !important;">Tên</th>
                    <th>Số lượng mã</th>
                    <th>Số tháng tăng</th>
                    <th>Gói cước áp dụng</th>
                    <th>Nâng cấp gói cước</th>
                    <th>Từ ngày</th>
                    <th>Đến ngày</th>
                    <th>Yêu cầu thanh toán</th>
                    <th>Giới hạn số lần nhập</th>
                    <th>Ghi chú</th>
                    <th>Partner</th>
                    <th style="width: 10%;">Thao tác</th>
                </tr>
                </thead>
                <tfoot>
                <tr>
                    <th></th>
                    <th style="width: 20%"><input type="text" class="form-control"></th>
                    <th><input type="text" class="form-control"></th>
                    <th><input type="text" class="form-control"></th>
                    <th><input type="text" class="form-control"></th>
                    <th><input type="text" class="form-control"></th>
                    <th><input type="text" class="form-control"></th>
                    <th><input type="text" class="form-control"></th>
                    <th><input type="text" class="form-control"></th>
                    <th><input type="text" class="form-control"></th>
                    <th><input type="text" class="form-control"></th>
                    <th><input type="text" class="form-control"></th>
                    <th style="width: 10%;"></th>
                </tr>
                </tfoot>
            </table>
        </div>
    </div>

    <div class="row">
        <div class="col-md-12" id="detail">
        </div>
    </div>

    <div class="modal fade bs-modal-lg" id="add-coupon" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close2" data-dismiss="modal" aria-hidden="true"><span
                                aria-hidden="true" style="
    color: white;
">×</span></button>
                    <h4 class="modal-title">Thêm coupon</h4>
                </div>
                <div class="modal-body" id="add-coupon-content">


                </div>
                <div class="modal-footer">
                    <button type="button" class="btn dark btn-outline" data-dismiss="modal" id="dismiss-modal">Hủy
                    </button>
                    <button type="button" class="btn green" id="btn-save-coupon">Lưu</button>
                </div>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>

    <div class="modal fade bs-modal-lg" id="coupon-partner" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close2" data-dismiss="modal" aria-hidden="true"><span
                                aria-hidden="true" style="
    color: white;
">×</span></button>
                    <h4 class="modal-title">Gán coupon cho partner</h4>
                </div>
                <div class="modal-body" id="coupon-partner-content">


                </div>
                <div class="modal-footer">
                    <button type="button" class="btn dark btn-outline" data-dismiss="modal" id="dismiss-modal">Hủy
                    </button>
                    <button type="button" class="btn green" id="btn-save-coupon-partner">Lưu</button>
                </div>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>

    <div class="modal fade bs-modal-lg" id="edit-coupon" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                    <h4 class="modal-title">Cập nhật coupon</h4>
                </div>
                <div class="modal-body" id="edit-coupon-content">


                </div>
                <div class="modal-footer">
                    <button type="button" class="btn dark btn-outline" data-dismiss="modal" id="dismiss-modal">Hủy
                    </button>
                    <button type="button" class="btn green" id="btn-save-edit-coupon">Lưu</button>
                </div>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>




<?php $__env->stopSection(); ?>

<?php $__env->startPush('scripts'); ?>
<script src="/assets/global/plugins/dropzone/dropzone.min.js" type="text/javascript"></script>
<script src="/assets/pages/scripts/form-dropzone.min.js" type="text/javascript"></script>
<script src="/assets/global/plugins/jquery-validation/js/jquery.validate.min.js" type="text/javascript"></script>
<script src="/assets/global/plugins/jquery-validation/js/additional-methods.min.js" type="text/javascript"></script>
<script type="text/javascript"
        src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCydLs7dhJPuozABFQjJO-uk1PITW18oo8&libraries=places&region=vi&language=vi&sensor=false"></script>
<script type="text/javascript" src="/js/gmap.js"></script>

<script>
    $.validator.addMethod("greaterThan",
        function (value, element, param) {
            var $otherElement = $(param);
            return parseInt(value, 10) >= parseInt($otherElement.val(), 10);
        }
    );
</script>


<?php $__env->stopPush(); ?>


<?php $__env->startPush('scripts'); ?>
<script>
    var coupon_id = '';
    var table = '';
    $(document).on('change', '#check-all', function () {
        var set = $('#check-list').find('input[type="checkbox"]');
        var checked = $(this).prop("checked");
        $(set).each(function () {
            $(this).prop("checked", checked);
        });
        //  countSelectedRecords();
    });

    $(document).on('change', '.checkboxes', function (e) {
        if (!$(this).is(':checked')) {
            $('#check-all').prop("checked", false);
        }
    });

    $(function () {


        $('#orders-table tfoot th').each(function (index) {
            if (index != 0 && index != 9) {
                $(this).html('<input type="text" class="form-control" />');
            }
        });
        table = $('#orders-table').DataTable({
            "bDestroy": true,
            processing: true,
            searching: true,
            "aaSorting": [],
            serverSide: true,
            ajax: {
                url: '<?php echo url('admin/coupon/coupon.data'); ?>',
            },
            columns: [

                {data: 'DT_Row_Index', name: 'DT_Row_Index', orderable: false, searchable: false},
                {data: 'name', name: 'name'},
                {data: 'number', name: 'number'},
                {data: 'number_month_more', name: 'number_month_more'},
                {data: 'package_apply', name: 'package_apply'},
                {data: 'package_ids', name: 'package_ids'},
                {data: 'from_date_expire', name: 'from_date_expire'},
                {data: 'end_date_expire', name: 'end_date_expire'},
                {data: 'is_payment', name: 'is_payment'},
                {data: 'number_use', name: 'number_use'},
                {data: 'note', name: 'note'},
                {data: 'partner_name', name: 'partner_name'},
                {data: 'action', name: 'action', 'orderable': false, searchable: false},
            ],
        });


        table.columns().every(function (index) {
            if (index !== 0) {
                var that = this;
                $('input', this.footer()).on('keyup change', function () {
                    if (that.search() !== this.value) {
                        that
                            .search(this.value)
                            .draw();
                    }
                });
            }
        });

    });


    $(document).on('click', '#btn-save-edit-coupon', function () {

        var data = $('#form-edit-coupon').serialize();
        $.ajax({
            url: '<?php echo e(url('admin/coupon/edit')); ?>',
            type: 'post',
            dataType: 'json',
            data: data,
            beforeSend: function () {
                $('#edit-coupon-content').addClass('ht-on-loading');
            },
            success: function (response) {
                if (response.status == 2) {
                    swal('Thông báo', response.message, 'info');
                }

                if (response.status == 1) {

                    swal('Thành công', 'Gán thành công', 'success');
                    table.ajax.reload();
                    $('#edit-coupon').modal('hide');
                }
            }
        });
    });

    $(document).on('click', '.add-coupon-partner', function () {

        var id = $(this).attr('data-id');
        coupon_id = id;

        $.ajax({
            url: '<?php echo e(url('admin/coupon/add-partner')); ?>',
            type: 'get',
            dataType: 'json',
            beforeSend: function () {
                $('#coupon-partner-content').addClass('ht-on-loading');
            },
            success: function (response) {
                if (response.status == 2) {
                    swal('Thông báo', response.message, 'info');
                }

                if (response.status == 1) {
                    $('#coupon-partner-content').removeClass('ht-on-loading').html(response.data);
                    $('.select2').select2();
                    $('.datepicker').datepicker({
                        format: 'dd/mm/yyyy',
                        autoclose: true
                    });
                }
            }
        });
    });


    $("#add-coupon").on("shown.bs.modal", function (e) {
        $.ajax({
            url: '<?php echo e(url('admin/coupon/create')); ?>',
            type: 'get',
            dataType: 'json',
            beforeSend: function () {
                $('#add-coupon-content').addClass('ht-on-loading');
            },
            success: function (response) {
                if (response.status == 2) {
                    swal('Thông báo', response.message, 'info');
                }

                if (response.status == 1) {
                    $('#add-coupon-content').removeClass('ht-on-loading').html(response.data);
                    $('.select2').select2();
                    $('.datepicker').datepicker({
                        format: 'dd/mm/yyyy',
                        autoclose: true
                    });
                }
            }
        });
    });


    $(document).on('click', '#btn-save-coupon-partner', function (e) {
        e.preventDefault();
        var data = $('#form-add-coupon-partner').serialize();
        $.ajax({
            url: '<?php echo e(url('admin/coupon/add-partner')); ?>',
            type: 'post',
            data: {
                partner_id: $('[name="partner_id"]').val(),
                coupon_id: coupon_id
            },
            dataType: 'json',
            beforeSend: function () {
                $('#coupon-partner-content').addClass('ht-on-loading');
            },
            success: function (response) {
                $('#coupon-partner-content').removeClass('ht-on-loading');
                if (response.status == 1) {
                    swal('Thành công', 'Gán thành công', 'success');
                    table.ajax.reload();
                    $('#coupon-partner').modal('hide');
                } else {
                    swal('Thông báo', response.message, 'warning');
                }

            }
        });

    });

    $(document).on('click', '#btn-save-coupon', function (e) {
        e.preventDefault();
        var data = $('#form-add-coupon').serialize();

        var formStatus = $('#form-add-coupon').validate({
            errorElement: "span",
            errorClass: "help-block help-block-error",

            highlight: function (e) {
                $(e).closest(".form-group").addClass("has-error")
            },
            unhighlight: function (e) {
                $(e).closest(".form-group").removeClass("has-error")
            },
            success: function (e) {
                e.closest(".form-group").removeClass("has-error")
            },
            rules: {
                'name': "required",
                //  'amenities[]': "required",
                'from_date_expire': {
                    required: true,
                },
                'end_date_expire': {
                    required: true,
                },
                'number_month_more': {
                    required: true,
                },
                'number': {
                    required: true,
                },
//                'package_apply[]': {
//                    required: true,
//                },
                'number_use': {
                    required: true,
                }
            },
            messages: {

                'name': "Không được bỏ trống tên",
                'from_date_expire': "Không được bỏ trống ngày bắt đầu hiệu lực",
                'end_date_expire': "Không được bỏ trống ngày kết thúc hiệu lực",
                'number_month_more': "Không được bỏ trống số tháng tăng",
                'number': "Không được bỏ trống số lần sử dụng",
                // 'package_apply[]': "Không được bỏ trống gói cước áp dụng",
                'number_use': "Không được bỏ trống số lần sử dụng",

                // 'amenities[]': "Không được bỏ trống tiện ích"
            }
        }).form();

        if (formStatus) {

            $.ajax({
                url: '<?php echo e(url('admin/coupon/create')); ?>',
                type: 'post',
                data: data,
                dataType: 'json',
                beforeSend: function () {
                    $('#add-coupon-content').addClass('ht-on-loading');
                },
                success: function (response) {
                    $('#add-coupon-content').removeClass('ht-on-loading');
                    if (response.status == 1) {
                        swal('Thành công', 'Thêm coupon thành công', 'success');
                        table.ajax.reload();
                        $('#add-coupon').modal('hide');
                    } else {
                        swal('Thông báo', response.message, 'warning');
                    }

                }
            });
        }
    });

    $(document).on('click', '.btn-edit', function (e) {
        var id = $(this).attr('data-id');

        $.ajax({
            url: '<?php echo e(url('admin/coupon/edit')); ?>',
            type: 'get',
            data: {
                id: id
            },
            dataType: 'json',
            beforeSend: function () {
                $('#edit-coupon-content').addClass('ht-on-loading');
            },
            success: function (response) {
                $('#edit-coupon-content').removeClass('ht-on-loading');
                if (response.status == 1) {
                    $('#edit-coupon-content').html(response.data);
                    $('.datepicker2').datepicker({
                        format: 'dd/mm/yyyy',
                        autoclose: true
                    });
                } else {
                    swal('Thông báo', response.message, 'warning');
                }

            }
        });
    });

    $(document).on('click', '.btn-delete', function (e) {
        e.preventDefault();
        var id = $(this).attr('data-id');

        bootbox.confirm({
            message: "Bạn có chắc chắn muốn xóa",
            buttons: {
                confirm: {
                    label: 'Có',
                    className: 'btn-success'
                },
                cancel: {
                    label: 'Không',
                    className: 'btn-danger'
                }
            },


            callback: function (result) {
                if (result == true) {
                    $.ajax({
                        url: '<?php echo e(url('admin/coupon/delete')); ?>',
                        type: 'post',
                        data: {
                            id: id
                        },
                        dataType: 'json',
                        success: function (response) {
                            swal('Xóa thành công', '', 'success');
                            table.ajax.reload();
                        }
                    });
                }
            }
        });
    });

    $(document).on('change', '#type', function() {
       var type = $(this).val();
       if(type == 0)
       {
           $('#amount-reduce').hide();
           $('#percent-reduce').hide();
       } else if (type == 1)
       {
           $('#amount-reduce').hide();
           $('#percent-reduce').show();
       } else if (type == 2)
       {
           $('#amount-reduce').show();
           $('#percent-reduce').hide();
       }
    });

</script>
<?php $__env->stopPush(); ?>
<?php echo $__env->make('admin', \Illuminate\Support\Arr::except(get_defined_vars(), array('__data', '__path')))->render(); ?>