{% extends "::author.html.twig"%}
{% block title %}:: Edit Article::{% endblock %}

{% block body %}
<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> Edit  Article</h2>
    </div>
  </div>
</section>
<div class="container-fluid container-fullw ">
     <div class="row">
         <div class="col-md-12"> 
                {% if comments | length > 0 %}
                <button type="button" style=" margin-bottom: 10px" class="btn btn-wide btn-primary btn-squared btn-o" data-toggle="modal" data-target=".bs-example-modal-right">
                                <span><i class="ti-comment-alt"></i> Comments ({{comments | length }})</span>
                </button>
               {% endif %}
         <br/>
         
         </div>
     </div>
    <div class="row">
        <div class="col-md-12">
            {{ include("PafcicOnlinePafcicBundle:Articles:form_create_author.html.twig") }}
        </div>
    </div>
</div>

{{ include("PafcicOnlinePafcicBundle:Media:widget_upload_file.html.twig") }}



<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 %}