@extends('admin.layouts.app')

@section('head')
    <style>
        .choice{
            width: 80%;
            display: inline-block !important;
            margin-right: 10px;
        }
        .selectAll, .item{
            width: 15px;
            height: 15px;
        }
    </style>
@endsection

@section('breadcrumb')
    @include('admin.includes.breadcrumb', [
        'title'     => __('admin.edit'),
        'menu'      => [
            __('admin.categories.index') => route('admin.categories.index'),
            __('admin.edit') => route('admin.categories.edit', $category->id),
        ],
    ])
@endsection

@section('content')
    <div class="row">
        <div class="col-lg-12">
            <div class="card card-custom gutter-b">
                <div class="card-header">
                    <h3 class="card-title">{{ __('admin.edit') }}</h3>
                </div>
                @include('admin.pages.categories.form', ['category'  => $category])
            </div>
        </div>
    </div>
@endsection

@section('scripts')
<script>
    $(document).ready(function() {
        var index = {{ $category->questions()->count() }};
        $('body').on('click', '.btnDelete', function(e) {
            e.preventDefault();
            if(confirm('هل أنت متأكد من الحذف؟')){
                $(this).parents('.question-added').remove();
            }
        });
        
        $('.btn-add-question').click(function() {
            var el = $('.question-item').clone();
            el.removeAttr('hidden');
            el.removeClass('question-item');
            $($(el).find('.radio-input')[0]).attr('name', 'questions[correct_choice][' + index + ']');
            $($(el).find('.radio-input')[1]).attr('name', 'questions[correct_choice][' + index + ']');
            $($(el).find('.radio-input')[2]).attr('name', 'questions[correct_choice][' + index + ']');

            $($(el).find('.choice')[0]).attr('name', 'questions[option1][' + index + ']');
            $($(el).find('.choice')[1]).attr('name', 'questions[option2][' + index + ']');
            $($(el).find('.choice')[2]).attr('name', 'questions[option3][' + index + ']');
            
            $('.questions').append(el);
            index++;
        });

        $('.btnDeleteAll').click(function(e) {
            e.preventDefault();
            if($('.item:checked').length == 0){
                alert('يجب اولاً اختيار سؤال او اكثر')
                return;
            }
            if(confirm('هل أنت متأكد من الحذف؟')){
                $('.item:checked').each((index, item) => {
                    $(item).parents('.question-added').remove();
                })
            }
        });

        $('.selectAll').click(function(e) {
            $('.item').not(this).prop('checked', this.checked);
        })
    });
</script>
@endsection