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

{% block title %} {{'Media.T1' | trans}} {% endblock %}
{% block breadcrumb1 %} {{'Media.T2' | trans}}{% endblock %}
{% block breadcrumb2 %} {{'Media.T3' | trans}} {% endblock %}

{% block content %}
    <div class="row">
        <div class="col-md-12">
            <table class="table table-striped table-bordered table-hover table-full-width" id="sample_2">
                <thead>
                <tr>
                    <th class="hidden-xs center" width="20%"><strong>{{'Media.T4' | trans}} </strong></th>
                    <th class="hidden-xs center" width="70%"><strong>{{'Media.T5' | trans}}</strong></th>
                    <th class="hidden-xs center" width="10%"><strong>{{'Media.T6' | trans}}</strong></th>
                </tr>
                </thead>
                <tbody>
                {% for medias in medias %}
                    <tr>
                        <td class="hidden-xs center ">
                            {% if medias.type == 'TYPE_VIDEO' %}
                                    <img  id="{{ medias.id }}" class="img-fluid z-depth-1 gallerie-picture mediaModel" style="width: 40px;"
                                          data-type="{{ medias.type }}"
                                          data-name="{{ medias.name }}"
                                          data-src="{{ asset('uploads/medias/videos/'~medias.file) }}"
                                         src="{{ asset('uploads/medias/videos/video.png') }}" alt="video"
                                         title="{{ medias.name }}">
                            {% elseif medias.type == 'TYPE_PHOTO' %}
                                    <img  id="{{ medias.id }}"  class="img-fluid z-depth-1 gallerie-picture mediaModel" style="width: 40px;"
                                          data-type="{{ medias.type }}"
                                          data-name="{{ medias.name }}"
                                          data-src="{{ asset('uploads/medias/images/'~medias.file) }}"
                                         src="{{ asset('uploads/medias/images/image.png') }}"
                                         alt="image" title="{{ medias.name }}">
                            {% else %}
                                    <img id="{{ medias.id }}" class="img-fluid z-depth-1 gallerie-picture mediaModel" style="width: 40px;"
                                         data-type="{{ medias.type }}"
                                         data-name="{{ medias.name }}"
                                         data-src="{{ asset('uploads/medias/files/'~medias.file) }}"
                                         src="{{ asset('uploads/medias/files/doc.png') }}" alt="image"
                                         title="{{ medias.name }}">
                            {% endif %}
                        </td>
                        <td class="hidden-xs center media">{{ medias.name }}</td>
                        <td class="hidden-xs center">
                            {% if  is_granted('ROLE_ADMIN_COUNTRY') %}
                                <a class="btn btn-success btn-xs" title="{{'Media.T7' | trans}}"
                                   href="{{ path('edit_medias', {'id' : medias.id}) }}">
                                    <span class="fa fa-edit" style="color:white"></span></a>
                                <a href="{{ path('delete_medias', {'id' : medias.id}) }}"
                                   class="btn btn-danger btn-xs user-remove" title="{{'Media.T8' | trans}}"
                                   data-toggle="confirmation" class="delete-row">
                                    <span class="fa fa-trash-o" style="color:white"></span></a>
                            {% elseif is_granted('ROLE_MANAGER') %}
                                <a class="btn btn-success btn-xs" title="{{'Media.T9' | trans}}"
                                   href="{{ path('edit_medias_manager', {'id' : medias.id}) }}">
                                    <span class="fa fa-edit" style="color:white"></span></a>
                                <a href="{{ path('delete_medias_manager', {'id' : medias.id}) }}"
                                   class="btn btn-danger btn-xs user-remove" title="{{'Media.T10' | trans}}"
                                   data-toggle="confirmation" class="delete-row">
                                    <span class="fa fa-trash-o" style="color:white"></span></a>

                            {% endif %}
                        </td>
                    </tr>
                {% endfor %}
                </tbody>
            </table>
            <div id="divModal"></div>
        </div>
    </div>
{% endblock %}
{% block javascripts %}
    {{ parent() }}
    <script src="{{ asset('assets/total-task/app/medias/list-medias.js') }}"></script>
{% endblock %}