@extends('core::group.edit')
@section('breadcrumb')
    @isset (request()->menu_id)
        <a href="{{ route('admin.menu.index',['menu_id'=>request()->menu_id]) }}">Menu</a> /
    @endisset
    <a href="{{ route("admin.$type.group.index") }}">Nhóm bài viết</a> / Chỉnh sửa nhóm
@endsection
@section('condition')
    @php($config = $group->config)
    
    @if($group->is_condition)
        {{ Form::bsBoxOpen('Các điều kiện') }}
        <div id="condition" class="col-md-12">
            @if(count($config['conditions']))
                            {{ Form::bsRadio('Các bài viết 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'], $config['and_condition']) }}
            <div class="col-sm-12" id="all_condition">
                @foreach($config['conditions'] as $condition)
                    <div class="col-sm-12 item_condition">
                        <div class="col-xs-4">
                            {{ Form::bsSelect('', 'condition[]', ['post.cat_id'=>'Danh mục bài viết'], $condition[0]) }}
                        </div>
                        <div class="col-xs-2">
                            {{ Form::bsSelect('', 'operator[]', ['='=>'Bằng', '<>'=>'Khác'], $condition[1]) }}
                        </div>
                        <div class="col-xs-4">
                            {{ Form::bsSelectCategoryTree('','condition_value[]',['taxonomy'=>'post','lang_code'=>$lang_code], $condition[2]) }}
                        </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>
                @endforeach
            </div>

            <div class="col-md-12 text-center">
                <button class="text-primary-600" type="button" onclick="addItemCondition()">
                    <i class="icon-pencil7"></i> Thêm
                </button>
            </div>
            @else
                Tất cả các bài viết
            @endif
        </div>
        {{ Form::bsBoxClose() }}

    @endif
    
    {{ Form::bsBoxOpen('Danh sách bài viết') }}
    <div class="col-md-6">
        @if(!$group->is_condition)
        @section('scripts')
            @parent
            <script type="text/javascript">

                $('#post_select').on('click', '.add_item_select', function () {
                    var data = {};
                    data.action = $(this).is(':checked') ? 'add' : 'delete';
                    data.item_id = $(this).attr('data-id');
                    _update(data);

                });

                $('#post_item').on('click', '.remove_group_item', function () {
                    var data = {};
                    data.action = 'delete';
                    data.item_id = $(this).attr('data-id');
                    _update(data);

                });
            
            </script>
        @endsection
            {{Form::bsSelectItem('Chọn bài viết', 'post_select', 'post', ['select_group_id' => $group->id])}}
            @endif
    </div>
    @php
        if($group->is_condition){
            $sort = [
                1 => 'Theo ngày: Từ mới đến cũ',
                2 => 'Theo ngày: Từ cũ đến mới',
                3 => 'Theo bảng chữ cái: A-Z',
                4 => 'Theo bảng chữ cái: Z-A',
                5 => 'Theo lượt xem giảm dần'
            ];
        }else{
            $sort = [
                0 => 'Tùy chọn',
                1 => 'Theo ngày: Từ mới đến cũ',
                2 => 'Theo ngày: Từ cũ đến mới',
                3 => 'Theo bảng chữ cái: A-Z',
                4 => 'Theo bảng chữ cái: Z-A'
            ];
        }
    @endphp
    <div class="col-md-6">
        <div class="form-group">
            <label class="col-lg-3 control-label text-right" style="height: 36px;padding: 7px 0px">Sắp xếp:</label>
            <div class="col-lg-9">
                {{ Form::select('sort_order', $sort,$group->sort_order, ['class'=>'form-control sort_order']) }}
            </div>
        </div>
    </div>
    <div class="col-md-12">
        <table id="post_item" class="table datatable-row-basic datatable-ajax"
               data-source="{{ route('admin.post.group.postdatatables') }}?group_id={{$group->id}}">
            <thead>
            <tr>
                <th width="100">Hình</th>
                <th>Tiêu đề</th>
                @if(!$group->is_condition)
                    <th width="50"></th>
                @endif
            </tr>
            </thead>
            <tbody>
            </tbody>
        </table>
    </div>
    
    {{ Form::bsBoxClose() }}
@endsection

@section('scripts')
    @parent
    <script type="text/javascript">
        var option = {};
        var columnDatas = [
            {
                data: null,
                render: function (data) {
                    return '<img src="' + data.thumbnail + '" style="max-height: 50px"/>';
                }, orderable: false, searchable: false
            },
            {data: 'title', name: 'post_description.title'},
                @if(!$group->is_condition)
            {
                data: null,
                render: function (data) {
                    return '<a class="remove_group_item" data-id="' + data.id + '" ><i class="fa fa-times" aria-hidden="true"></i></a>';
                }, orderable: false, searchable: false
            },
            @endif
        ];

        WBDatatables.init('.datatable-ajax', columnDatas, option);

        function addItemCondition() {
            var item = $('.item_condition').first().wrap('<p/>').parent().html();
            $('.item_condition').first().unwrap();
            $('#all_condition').append(item);
        }

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

        $('.sort_order').change(function () {
            var data = {};
            data.action = 'sort_order';
            data.sort_order = $(this).val();
            _update(data);
        });

        function _update(data) {
            data._token = _token;
            $.ajax({
                type: "PUT",
                url: '{{route('admin.post.group.update', $group->id)}}',
                data: data,
                success: function (response) {
                    if (response.code) {
                        successNotice('Thông báo', response.msg);
                        WBDatatables.reloadData();
                        post_select.reload();
                    } else {
                        errorNotice('Thông báo', response.msg);
                    }
                },
            });
        }
    </script>
@endsection