@extends('core::group.create')
@section('breadcrumb')
    <a href="{{ route("admin.$type.group.index") }}">Quản lý nhóm sản phẩm</a> / Tạo nhóm
@endsection
@section('condition')
    {{ Form::bsBoxOpen('Các điều kiện') }}
    {{ Form::bsRadio('', 'is_condition', [0=>'Tự chon sản phẩm (bạn sẽ chọn sản phẩm sau khi lưu nhóm)']) }}
    {{ Form::bsRadio('', 'is_condition', [1=>'Chọn theo điều kiện']) }}

    <div id="condition" class="col-md-12 hide">
        {{ Form::bsRadio('Các sản phẩm phải phù hợp', 'and_condition', [0=>'Bất kỳ điều kiện', 1=>'Tất cả các điều kiện']) }}
        <div class="col-sm-12" id="all_condition">
            <div class="col-sm-12 item_condition">
                <div class="col-xs-4">
                    {{ Form::bsSelect('', 'condition[]', ['product.price'=>'Giá sản phẩm','product.cat_id'=>'Thể loại',],null ,['onchange'=>'changeCondition($(this))']) }}
                </div>
                <div class="col-xs-2 operator">
                    {{ Form::bsSelect('', 'operator[]', ['='=>'Bằng', '<>'=>'Khác', '>'=>'Lớn hơn', '<'=>'Nhỏ hơn']) }}
                </div>
                <div class="col-xs-4 condition_value">
                    {{Form::bsNumber('', 'condition_value[]')}}
                </div>
                <div class="col-xs-2">
                    <div class="form-group">
                        <label></label>
                        <ul class="icons-list" style="margin: 8px;">
                            <li class="text-danger-600">
                                <a onclick="javascript:deleteItemCondition($(this).parents('.item_condition').first())"><i
                                            class="icon-trash"></i></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-md-12 text-center">
            <button class="btn" type="button" onclick="addItemCondition()">
                <i class="icon-pencil7"></i> Thêm
            </button>
        </div>

    </div>

    {{ Form::bsBoxClose() }}
@endsection

@section('scripts')
    @parent
    <script type="text/javascript">

        function addItemCondition() {
            var item = $('.item_condition').first().wrap('<p/>').parent().html();
            $('.item_condition').first().unwrap();
            var item = '<div class="col-sm-12 item_condition">'
                + '<div class="col-xs-4">'
                + '{!! preg_replace('~[\r\n]+~', '', Form::bsSelect('', 'condition[]', ['product.price'=>'Giá sản phẩm','product.cat_id'=>'Thể loại',],null ,['onchange'=>'changeCondition($(this))']))  !!}'
                + '</div>'
                + '<div class="col-xs-2 operator">'
                + '{!! preg_replace('~[\r\n]+~', '', Form::bsSelect('', 'operator[]', ['='=>'Bằng', '<>'=>'Khác', '>'=>'Lớn hơn', '<'=>'Nhỏ hơn'])) !!}'
                + '</div>'
                + '<div class="col-xs-4 condition_value">'
                + '{!! preg_replace('~[\r\n]+~', '', Form::bsNumber('', 'condition_value[]')) !!}'
                + '</div>'
                + '<div class="col-xs-2">'
                + '<div class="form-group">'
                + '<label></label>'
                + '<ul class="icons-list" style="margin: 8px;">'
                + '<li class="text-danger-600">'
                + '<a onclick="javascript:deleteItemCondition($(this).parents(\'.item_condition\').first())"><i class="icon-trash"></i></a>'
                + '</li>'
                + '</ul>'
                + '</div>'
                + '</div>'
                + '</div>';
            $('#all_condition').append(item);
        }

        function deleteItemCondition(item) {
            if ($('.item_condition').length > 1) {
                item.remove();
            }
        }

        $('input:radio[name=is_condition]').change(function () {
            if ($(this).val() == 1) {
                $('#condition').removeClass('hide');
            } else {
                $('#condition').addClass('hide');
            }
        });

        function changeCondition(select) {
            if (select.val() == 'product.cat_id') {
                var operator = select.parents('.item_condition').first().children('.operator').find('select');
                operator.children('option[value="="]').attr("disabled", false);
                operator.children('option[value="<>"]').attr("disabled", false);
                operator.children('option[value=">"]').attr("disabled", true);
                operator.children('option[value="<"]').attr("disabled", true);

                operator.children('option[value="="]').attr("selected", false);
                operator.children('option[value="="]').attr("selected", true);

                var condition_value = select.parents('.item_condition').first().children('.condition_value');
                condition_value.html('{!!  preg_replace('~[\r\n]+~', '', Form::bsSelectCategoryTree('','condition_value[]',['taxonomy'=>'product','lang_code'=>$lang_code]))  !!}');

            } else if (select.val() == 'product.price') {
                var operator = select.parents('.item_condition').first().children('.operator').find('select');
                operator.children('option[value="="]').attr("disabled", false);
                operator.children('option[value="<>"]').attr("disabled", false);
                operator.children('option[value=">"]').attr("disabled", false);
                operator.children('option[value="<"]').attr("disabled", false);
                var condition_value = select.parents('.item_condition').first().children('.condition_value');
                condition_value.html('{!!  preg_replace('~[\r\n]+~', '', Form::bsNumber('', 'condition_value[]'))  !!}');
            }

        }

    </script>
@endsection