@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('contacts.index') }}


    </section>
@stop

@section('content')

    <section id="contentContact">
        @include('admin.contact.data')
    </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=answerContact]').ckeditor({
                height: 200,
            });
        });
    </script>
    <script>
        contact = function (contact_id) {
            Swal.fire({
                title: 'در حال ثبت ...',
                onBeforeOpen: () => {
                    Swal.showLoading()
                },
            });

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

            var status = $('input[name=status]:checked', '#contactForm').val();
            var answer = $('textarea#answerContact').val();
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
                }
            });
            $.ajax({
                url: '{{ url('/admin/contacts/') }}/' + contact_id,
                type: 'PUT',
                data: {status:status,answer:answer},
                success: function (response) {
                    $('#contentContact').empty().html(response);
                    Swal.fire(
                        'موفق',
                        response.message,
                        'success'
                    );
                    $(document).ready(function () {
                        $('.select2').select2();
                        $('textarea[name=answerContact]').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