{% if app.user.roles[0] == "ROLE_EDITOR" %}
    {% set extend = "::layout.html.twig" %}
{% elseif app.user.roles[0] == "ROLE_AUTHOR" %}
    {% set extend = "::author.html.twig" %}
{% elseif app.user.roles[0] == "ROLE_REVIEWER" %}
    {% set extend = "::reveiwer.html.twig" %}
{% endif %}
 {% extends extend %}

    {% block title %}::Approving Article::{% endblock %}

{% block body %}
    <style>
        #send_reveiwer {
            opacity: 0;
        }
    </style>
    <section id="page-title" style="padding: 16px 0;">
        <div class="row">
            <div class="col-sm-8">
                <h2 class="mainTitle">
                    <i class="ti-pin-alt" style="color: #007aff !important;font-size: 24px;"></i>
                    Approving Article
                </h2>
            </div>
        </div>
    </section>
    <div class="container-fluid container-fullw ">
        <div class="row">
            <div class="col-md-12">
                {{ include("PafcicOnlinePafcicBundle:Articles:form_edit_editor.html.twig") }}
            </div>
        </div>
    </div>


    <!-- Box End -->
    <div class="modal fade" id="CommentDialog" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
         aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content" style="background: white;">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h4 class="modal-title" id="ajax">
                        <i class="ti-comment-alt" style="color: #007aff !important;font-size: 24px;"></i>
                        Private comment to the authors
                    </h4>
                </div>
                <div class="modal-body" style="padding: 0px;">
                    <div class="form-group">
                        <div class="note-editor">
                            <textarea id="message" class="form-control"></textarea>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button"
                            Onclick="sendcommenteditor('{{ path('pafcic_online_pafcic_send_message') }}',{{ articles.id }});"
                            class="btn btn-wide  btn-primary pull-right" class="fa fa-check"></i>Send
                    </button>
                </div>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>

    <div class="modal fade modal-aside horizontal right bs-example-modal-right" tabindex="-1" role="dialog"
         aria-labelledby="myLargeModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog modal-sm">
            <div class="modal-content" style="background: white;">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                    <h4 class="modal-title" id="myModalLabel">Comments</h4>
                </div>
                <div class="modal-body" style="background: white;">
                    <ol class="discussion">
                        {% for comment in comments %}
                            <li class="other">
                                <div class="message">
                                    <div class="message-name">
                                        Editor
                                    </div>
                                    <div class="message-text" style="background: #00d449; color: #fff;">
                                        {{ comment.message }}
                                    </div>
                                    <div class="message-avatar">
                                        <img src="{{ asset('assets/images/default-user.png') }}" alt="">
                                    </div>
                                </div>
                            </li>
                            <li class="messages-date">
                                {{ comment.date |date('D,M,H:s') }}
                            </li>
                        {% endfor %}
                    </ol>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary btn-o" data-dismiss="modal">
                        Close
                    </button>
                </div>
            </div>
        </div>
    </div>

{% endblock %}

{% block javascripts %}
    {{ parent() }}
    <script>
        jQuery(document).ready(function () {
            $("#myTab5_example2 img").fancybox({});
        });
    </script>
    <script>
        function fancyBoxMe(e) {
            var numElemets = $("#myTab5_example2 img").size();

            var tarGet = $('#myTab5_example2 img').eq(e).data('href');
            $.fancybox({
                href: tarGet,
                helpers: {
                    title: {
                        type: 'inside'
                    }
                }
            }); // fancybox
        } // fancyBoxMe

        jQuery(document).ready(function () {
            $("#myTab5_example2 img").each(function (i) {
                $(this).bind('click', function () {
                    fancyBoxMe(i);
                }); //bind
            });
        });

        /*$('#bootstrap-duallistbox-nonselected-list_pafciconline_pafcicbundle_articles[reviewer][]').bootstrapDualListbox({
            minimumInputLength: 1,
            required: true,
        });*/

        var selectReviewer = $('select[name="pafciconline_pafcicbundle_articles[reviewer][]"]').bootstrapDualListbox();

        /*selectReviewer.on('change', function(){
            var size = selectReviewer.find(":selected").size();
        });*/

        $('#pafciconline_pafcicbundle_articles_status').change(function () {
            var att = $('select[name="pafciconline_pafcicbundle_articles[status]"]').val();
            var size = selectReviewer.find(":selected").size();
            if (att == "5") {
                $('select#pafciconline_pafcicbundle_articles_reviewer').prop("required", true);
                if (size == "0") {
                    $(".comment-erreur").show();
                } else {
                    $(".comment-erreur").hide();
                }
            } else {
                $('select#pafciconline_pafcicbundle_articles_reviewer').prop("required", false);
                $(".comment-erreur").hide();
            }
        });
        $('.confirm-decision').hide();
        //$('#pafciconline_pafcicbundle_articles_reviewer').select()
    </script>
    {% if decision == 0 %}
        <script>
            $('#send').click(function () {
                $('.status-decisions').text('Article is sended to reveiwer');
                $('.confirm-decision').show();
                $('#send_reveiwer').css({
                    'opacity': '1'
                });
                $('.assignement').attr('data-toggle', 'tab');
                $('.rating').attr('data-toggle', '');
                $('#myTab6_example1').addClass('active in');
                $('#myTab6_example3').removeClass('active in');
                $('.assignement-li').addClass('active');
                $('.rating-li').removeClass('active');
                $('#status-article').val(5);
                $('#pafciconline_pafcicbundle_articles_reviewer').attr('required', false);
                $('#pafciconline_pafcicbundle_articles_comment').attr('required', false);
            });
            $('#accept').click(function () {
                $('.status-decisions').text('Article is Accepted with modification');
                $('#status-article').val(2);
                decision();
            });

            $('#reject').click(function () {
                $('.status-decisions').text('Article is Rejected');
                $('#status-article').val(4);
                decision();
            });

            $('#publish').click(function () {
                $('.status-decisions').text('Article is publish');
                $('#status-article').val(1);
                decision();
            });

            function decision() {
                $('#send_reveiwer').css({
                    'opacity': '1'
                });
                $('.confirm-decision').show();
                $('.assignement').attr('data-toggle', '');
                $('.rating').attr('data-toggle', 'tab');
                $('#myTab6_example1').removeClass('active in');
                $('#myTab6_example3').addClass('active in');
                $('.assignement-li').removeClass('active');
                $('.rating-li').addClass('active');
                $('#pafciconline_pafcicbundle_articles_reviewer').attr('required', false);
                $('#pafciconline_pafcicbundle_articles_comment').attr('required', false);
            }
        </script>
    {% endif %}
    {% if articles.status != null and app.user.roles[0] !="ROLE_EDITOR" %}
        <script>
            $('#pafciconline_pafcicbundle_articles_image_file').attr('disabled', true);
        </script>
    {% endif %}

{% endblock %}