@extends('layout.home')
@section('csrf-token')
    <meta name="csrf-token" content="{{ csrf_token() }}" />
@endsection
@section('title', '产品分配')
@section('content')
    @if(Session::get('msg'))
        <div class="alert alert-success">
            <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>{{ Session::get('msg') }}
        </div>
    @endif

    @if(Session::get('dmsg'))
        <div class="alert alert-danger">
            <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>{{ Session::get('dmsg') }}
        </div>
    @endif
    <div class="contentpanel contentContainer" style="flex-direction: column;padding: 20px;overflow-y: auto;">
        <span class="layui-breadcrumb" style="padding-bottom: 10px; border-bottom: 1px solid #d3d7db;">
            <a href="{{ url('member/userList') }}">用户组列表</a>
            <a><cite>产品分配</cite></a>
        </span>
        <div class="panel panel-default">
            <div class="row">
                <div style="padding:10px;">
                    当前用户组：<span style="color: #00a65a;font-weight: bold;">{{ $info['name'] }}</span>
                </div>
                <form class="form-horizontal form-bordered" id="addCreatePlanFrom" method="post" name="planForm">
                    <input type="hidden" name="_token" value="{{ csrf_token() }}">
                    <div class="form-group">
                        <label class="col-sm-1 control-label" for="checkbox"></label>
                        <div class="col-sm-3">
                            <div class="ckbox ckbox-primary">
                                <input type="checkbox" id="int_website">
                                <label for="int_website">所有SKU</label>
                            </div>
                        </div>
                    </div>
                    <div class="form-group" id="checklist">
                        <div class="col-sm-3 col-sm-offset-1">
                            @foreach($parentSku as $key => $val)
                                @if($key % 3 == 0)
                                    <div class="ckbox ckbox-primary">
                                        <input type="checkbox" class="bianti" name="parentSku[]" id="{{ $val }}" value="{{ $val }}">
                                        <label for="{{ $val }}">{{ $val }}</label>
                                    </div>
                                @endif
                            @endforeach
                        </div>
                        <div class="col-sm-3">
                            @foreach($parentSku as $key => $val)
                                @if($key % 3 == 1)
                                    <div class="ckbox ckbox-primary">
                                        <input type="checkbox" class="bianti" name="parentSku[]" id="{{ $val }}" value="{{ $val }}">
                                        <label for="{{ $val }}">{{ $val }}</label>
                                    </div>
                                @endif
                            @endforeach
                        </div>
                        <div class="col-sm-3">
                            @foreach($parentSku as $key => $val)
                                @if($key % 3 == 2)
                                    <div class="ckbox ckbox-primary">
                                        <input type="checkbox" class="bianti" name="parentSku[]" id="{{ $val }}" value="{{ $val }}">
                                        <label for="{{ $val }}">{{ $val }}</label>
                                    </div>
                                @endif
                            @endforeach
                        </div>
                    </div>
                    <div class="panel-footer" style="display: block;">
                        <div class="row">
                            <div class="col-sm-6 col-sm-offset-1">
                                <button class="btn btn-sm btn-info">确定</button>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <script type="text/javascript">
        $("#int_website").click(function(){
            if ($(this).is(':checked')) {
                $("#checklist").find('input').each(function(){
                    $(this).prop("checked",true);
                });
            } else {
                $("#checklist").find('input').each(function(){
                    $(this).removeAttr("checked",false);
                    $(this).prop("checked",false);
                });
            }
        });
        let childrenParentSkus = {!! json_encode($childrenParentSkus) !!}
        $('#all').click(function () {
            $('.bianti').each(function () {
                let val = $(this).val();
                if($.inArray(val,childrenParentSkus)>=0){
                    $(this).prop('checked',true);
                }
            });
        });
        $('form').submit(function () {
            let link = '{{ url('/member/setGroupProduct?id='.$_GET['id']) }}';
            $.post(link, $('form').serialize(), function (ret) {
                layer.closeAll();
                if (ret.error == 0) {
                    layer.alert(ret.msg,{title:'设置成功！',icon:1},function(){
                        window.location.href='{{url('/member/groupList')}}';
                    });
                } else {
                    layer.msg(ret.msg, {icon: 2});
                }
            }, 'json');
            return false;
        });
    </script>
@endsection