{% extends 'base.html.twig' %}

{% trans_default_domain "community" %}

{% block title %}
     {{ app.request.locale == "ar" ? community.title:community.englishTitle }}
{% endblock %}

{% block stylesheets %}
    {{ parent() }}
    <link rel="stylesheet" type="text/css" href="{{ asset('bundles/user/css/community.css?v2.7') }}"/>
    <link href="//cdn.quilljs.com/1.3.6/quill.snow.css" rel="stylesheet">
    <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"/>
    <link rel="stylesheet" type="text/css" href="{{ asset('bundles/syndexacademic/css/tagmanager.css') }}" />

{% endblock %}

{% block body %}
     <div class="container">
          {{ include('community/header.html.twig') }}
          <div class="row">
                 {{ include('community/index_body.html.twig') }}
          </div>
     </div>
{% endblock %}


{% block javascripts %}
    {{ parent() }}
     <script src="//cdn.quilljs.com/1.3.6/quill.min.js"></script>
     <script src="{{ asset('js/jquery-ui.min.js') }}"></script>
     <script src="{{ asset('bundles/syndexacademic/js/tagmanager.js') }}" ></script>
     {% if not userman.has_subscribtion() %}
        <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-3326822702504482" crossorigin="anonymous"></script>
    {% endif %}
     <script>
    
          $(document).ready(function () {
               try{
                    $('.ql-editor').html($('#community_question_form_content').val())
                    const editor = new Quill('#q-editor', {
                         theme: 'snow',
                         modules: {
                         toolbar: [
                              [{ header: [1, 2, 3, 4] }],                       // custom button values
                              ['bold', 'italic', 'underline', 'strike'],        // toggled buttons
                              [{ 'list': 'ordered'}, { 'list': 'bullet' }],
                              ['link','blockquote', 'code-block', 'image'],
                              [{ 'color': [] }, { 'background': [] }],          // dropdown with defaults from theme
                              [{ 'direction': 'rtl' }],                         // text direction
                              [{ 'align': ['','center','right','justify']}],
                              ['clean'],
                         ]
                         },
                         placeholder: "{{ 'form.question.placeholder'|trans }}",
                    });

                    editor.format('align', 'right');

                    var customButton = document.createElement("button");
                    customButton.className = "btn btn-success";
                    customButton.innerHTML = '<i class="fa fa-paper-plane" aria-hidden="true"></i>';
                    customButton.title = '{{ "form.post"|trans }}';
     
     
                    customButton.addEventListener('click', function() {
                              $('#community-question-form').submit(function (e) {
                              $('#community_question_form_content').val(
                                   $("#q-editor .ql-editor").html()
                              );
                              return true;
                         });
                    });
                    var customButtonContainer = document.createElement("span");
                    customButtonContainer.className = "ql-formats";
                    customButtonContainer.appendChild(customButton)
     
                    var toolbar = document.querySelector('.ql-toolbar')
                    toolbar.appendChild(customButtonContainer)
     
                    $('.ql-align-right').attr('dir','rtl')
                    $('.ql-direction-rtl').attr('dir','rtl')
               }catch(e){

               }
               


               setInterval(function (){$('time').each(function (index) {
                    var eventDate=moment($(this).attr('datetime')).add(defTime1);
                    eventDate.locale('{{ app.request.locale }}')
                    $(this).text(moment.min(eventDate,moment()).fromNow());
               })},3000)

               $(".question-header").click(function(){
                    window.location = $(this).data("location");
               })

               $(document).on('click',".q-show-more a",function (e) {
                    e.preventDefault()
                    var thisObj=$(this)
                    var abstractObj=(thisObj).closest('.content')
                    
                    var halfObj=$(abstractObj).find('.question-content')

                    if($(halfObj).hasClass('q-hidden')){
                         $(halfObj).removeClass('q-hidden')
                         $(thisObj).text("{{'less'|trans}}")
                    }
                    else{
                         $(halfObj).addClass('q-hidden')
                         $(thisObj).text("{{'more'|trans}}")
                    }
               })

               {% if app.user is not null and (community.createdBy == app.user  or is_granted("ROLE_G1") )  %}
                         document.getElementById("delete-community").addEventListener('click', function() {
                                   var check = confirm("{{'form.delete-community.alert'|trans}}");
                                   if(check != null && check){
                                        window.location = $(this).data("href");
                                   }
                         });
               {% endif %}

          });

               $(document).ready(function () {
                    // Processing and rendering tags.

                    jQuery(".tm-input").tagsManager();
                    $("input[name=hiddenTagListA]").change(function () {
                         $("#community_question_form_keywords").val($("input[name=hiddenTagListA]").val());
                    });
                    // Applying jQuery plugin - Autocomplete
                    function processTags(tags){
                         var r=[];
                         //var t = JSON.parse(tags)
                         for(var i in tags){
                              r.push(tags[i].context)
                         }
                         return r
                    }
                    $(".tm-input").autocomplete({
                         source: function (request, response) {
                              $.ajax({
                              url: Routing.generate('shamra_academia_get_tag_suggestions'),
                              data: {
                                   term: request.term
                              },
                              success: function( data ) {
                                   response( processTags(data) );
                              }
                              });
                         },
                              //data :: JSON list defined
                              //processTags(Routing.generate('shamra_academia_get_tag_suggestions')),
                         minLength: 1
                    });
                    $('#push-tag').click(function () {
                         jQuery(".tm-input").tagsManager('pushTag', $('#tag-value').val());
                    });
               });
     </script>

     <script>
        function toggleNewPostForm(){
            var postForm = document.getElementById("new-post-form");
            var showFormButton = document.getElementById("show-post-form");
            if(postForm.style.display == "none"){
                postForm.style.display = "block";
                showFormButton.innerHTML = '{{ "form.hide"|trans }}'
            }else{
                postForm.style.display = "none";
                showFormButton.innerHTML = '<i class="fa fa-plus"></i> {{ "form.post"|trans }}'  
            }
        }
    </script>
{% endblock %}