{% extends "::admin.html.twig"%}
{% block title %}PAFCIC-Online {% 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-flag" style="color: #007aff !important;font-size: 24px;"></i> Banners </h2>
    <button type="button" class="btn btn-primary btn-scroll btn-scroll-top ti-arrow-right" data-toggle="modal" data-target=".bs-example-modal-right">
        <span>Upload Banners</span>
    </button>
    </div>
  </div>
</section>
<div class="container-fluid container-fullw ">
    <div class="row">
        <div class="col-sm-12 col-md-12">
<div class="panel panel-transparent">
     
        <div class="panel-body">
                <div class="row">
                    
                    {% for entitie in entities %}
                             <div class="col-sm-6 col-md-3" >
                                <div class="thumbnail" >
                                        <img src="{{ asset(entitie.banner.webPath)}}" style="min-height: 123px;" alt="">
                                        <div class="caption">
                                            <span class="pull-left"> {{entitie.banner.alt}} </span>
                                               <a href="#" onclick='confirme("{{path('media_author_delete', { 'id': entitie.id })}}","{{entitie.banner.alt}}");return false;' class="pull-right"><i class="ti-trash"></i></a>
                                               <a href="#" class="pull-right" title="" data-toggle="popover" data-placement="top" data-html="true" data-content="<div class='padding-10 text-center'><h3>Copy Link</h3><p style='font-size: 11px;margin-left: -18px;color: #1A87FF;'>http://127.0.0.1/PafcicOnline/web/{{entitie.banner.webPath}}</p></div>" >
                                                   <i class="ti-link"></i>
                                                </a>
                                        </div>
                                        <div class="clear-fix"></div><br/>
                                </div>
                             </div>
                    {% endfor %}
                </div>
        </div>
</div>
</div>
    </div>
</div>


<!-- Right Aside -->
<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">
                        <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">Upload Banner</h4>
                        </div>
                     <form method="post" {{form_enctype(form)}}>
                        <div class="modal-body">
                              <div class="padding-30">
                                    <div class="form-group">
                                          {{ form_widget(form.position , { 'attr': {'class': 'cs-select cs-skin-elastic'} }) }}
                                          {{ form_errors(form.position) }}
                                    </div>
                                    <div class="form-group">
                                        
                                        <div class="fileinput fileinput-new" data-provides="fileinput">
                                                <div class="fileinput-new thumbnail"> <img src="{{ asset('assets/images/default-user.png')}}" alt=""> 
                                                </div>
                                                <div class="fileinput-preview fileinput-exists thumbnail"></div>
                                                <div class="user-edit-image-buttons">
                                                        <span class="btn btn-azure btn-file"><span class="fileinput-new"><i class="fa fa-picture"></i> Select image</span><span class="fileinput-exists"><i class="fa fa-picture"></i> Change</span>
                                                                 {{ form_widget(form.banner) }}
                                                                 {{ form_errors(form.banner) }}
                                                        </span>
                                                        <a href="#" class="btn fileinput-exists btn-red" data-dismiss="fileinput">
                                                                <i class="fa fa-times"></i> Remove
                                                        </a>
                                                </div>
                                        </div>
                                </div> 
                                   
                                   </div>
                        </div>
                        <div class="modal-footer">
                                <button type="button" class="btn btn-primary btn-o" data-dismiss="modal">
                                        Close
                                </button>
                                <button type="submit" class="btn btn-primary">
                                        Save 
                                </button>
                        </div>
                         {{ form_rest(form) }}
                     </form>
                </div>
        </div>
</div>
<!-- /Right Aside -->
{% endblock %}