@extends('layouts.adminLayouts')

@section('head')
<!-- Select2 -->
<link rel="stylesheet" href="{{url('/assets/admin/bower_components/select2/dist/css/select2.min.css')}}">
    <meta name="_token" content="{{csrf_token()}}">
@stop

@section('content-header')
<section class="content-header">
    <h1>
        مشاهده پرسش
    </h1>

    {{ Breadcrumbs::render('questions.index') }}


</section>
@stop

@section('content')

    <section id="contentQuestion">
        @include('admin.question.load')
    </section>

@stop

@section('footer')
<!-- Select2 -->
<script src="{{url('/assets/admin/bower_components/select2/dist/js/select2.full.min.js')}}"></script>
<script src="{{url('/assets/ckeditor/ckeditor.js')}}"></script>
<script src="{{url('/assets/ckeditor/jquery.js')}}"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $('.select2').select2();
        $('#check_all').on('click', function(e) {
            if ($(this).is(':checked', true)) {
                $(".checkbox").prop('checked', true);
            } else {
                $(".checkbox").prop('checked', false);
            }
        });

        $('.checkbox').on('click', function() {
            if ($('.checkbox:checked').length == $('.checkbox').length) {
                $('#check_all').prop('checked', true);
            } else {
                $('#check_all').prop('checked', false);
            }
        });

        $('textarea[name=editQuestion]').ckeditor({
            height: 200,
        });
    });
</script>
<script>
    question = function (question_id) {
        Swal.fire({
            title: 'در حال ثبت ...',
            onBeforeOpen: () => {
                Swal.showLoading()
            },
        });

        for(var instanceName in CKEDITOR.instances)
        {
            CKEDITOR.instances[instanceName].updateElement();
        }

        var status = $('input[name=status]:checked', '#commentForm').val();
        var question = $('textarea#editQuestion').val();
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
            }
        });
        $.ajax({
            url: '{{ url('/admin/questions/') }}/' + question_id,
            type: 'PUT',
            data: {status:status,question:question},
            success: function (response) {
                $('#contentQuestion').empty().html(response);
                Swal.fire(
                    'موفق',
                    response.message,
                    'success'
                );
                $(document).ready(function () {
                    $('.select2').select2();
                    $('textarea[name=editQuestion]').ckeditor({
                        height: 200,
                    });
                });
            },
            error : function (xhr) {
                Swal.close();
                if (xhr.status === 422) {
                    jQuery.each(xhr.responseJSON.errors, function (key, value) {
                        toastr.error(value);
                    });
                }
                if (xhr.status !== 422) {
                    toastr.warning(xhr.responseJSON.errors);
                }
            }
        });


    }
</script>
@stop