{% if tache.documents.snapshot %}
<table class="table">
  <thead>
    <tr>
      <th scope="col">Document</th>
      <th scope="col">Coût Achat Document</th>
      <th scope="col">Coût Document Commande</th>
      <th scope="col">Cout Document Produit</th>
      <th scope="col"></th>
      <th scope="col"></th>
    </tr>
  </thead>
  <tbody>
    {% for d in tache.documents.snapshot %}

    <tr>
      <td>
        {% if d.file|lower ends with 'jpg' or d.file|lower ends with 'png' or d.file|lower ends with 'gif' %}
          <a href="{{ asset('uploads/documents/' ~ d.file) }}" target="_blank">
            <img src="{{ asset('uploads/documents/' ~ d.file) }}" class="img-fluid" alt="{{ d.file }}" width="200"
              heigth="300" />
          </a>
        {% else %}

        {% if d.file|lower ends with 'pdf' %}
        {#
        <embed src="{{ asset('uploads/documents/' ~ d.file) }}" width="600" height="500" type="application/pdf">
        #}
        <a href="{{ asset('uploads/documents/' ~ d.file) }}" target="_blank">{{ d.name}}</a>

        {% endif %}

        {% endif %}
      </td>
      <td>
        {{ d.coutAchatDocument ? d.coutAchatDocument ~ " €" }}
      </td>
      <td>
        {{ d.coutDocumentCommande ? d.coutDocumentCommande ~ " €" }}
      </td>
      <td>
        {{ d.coutDocumentProduit ? d.coutDocumentProduit ~ " €" }}
      </td>
      <td>
        <a href={{ path('app_document_edit' , {'id' : d.id }) }}>
          <img class="imgEdit" src={{ asset('icones/edit.png') }} alt="" class="img-fluid">
        </a>
      </td>
      <td>
        <form method="post" action="{{ path('app_document_delete', {'id': d.id}) }}"
          onsubmit="return confirm('Etes vous sur de vouloir supprimer ce document ?');">
          <input type="hidden" name="_token" value="{{ csrf_token('delete' ~ d.id) }}">
          <button style="border:none;background-color:white;">
            <img src={{ asset('icones/delete.png') }} alt="" class="img-fluid imgDelete">
          </button>
        </form>
      </td>
    </tr>
    {% endfor %}

  </tbody>
</table>


{% endif %}