{% extends 'main/dashboard.html' %}
{% block content %}
         

{% load crispy_forms_tags %} 

<div class="container-xxl flex-grow-1 container-p-y">

  <h4 class="fw-bold py-3 mb-4">
   
    <span class="text-muted fw-light">Informasaun / <b><a href="{% url 'informasaun:anunsiu' %}">Anunsiu</a></b> / Maneza Konteudu</span> 
  
  

  

  </h4>
                <div class="row">
                  <div class="card">
                    <h5 class="card-header">Konteudu Dadus</h5>
                    <div class="table-responsive text-nowrap">



                      
         

                      {% if messages %}
                      {% for message in messages %}
                      <div class="alert alert-{{ message.tags }}">
                        <font color="gray">  {{ message }}</font>
                      </div>
                      {% endfor %}
                      {% endif %}
            

                      <table class="table table-sm">
                        <thead>
                          <tr class="text-nowrap">
    
                            <th>Nu</th>
                            <th>Lingua</th>
                            <th>Titulu</th>
                     
                          </tr>
                        </thead>
                        <tbody>

             
                           {% for dados in konteuduanunsiu %}

                          <tr>
                            <td style="font-size: 13px;">{{forloop.counter}}</td>
                            <td style="font-size: 13px;"><img src="{{dados.linguaicon.url}}" width="20px"> &nbsp; {{dados.lingua}}</td>
                            <td style="font-size: 13px;">
                              {% if dados.status == 'iha' %}
                              {{dados.titulu}}
                              {% elif dados.status == 'laiha' %}
                              <font color="red">
                                {{dados.titulu}}
                              </font>
                              {% endif %}
                            </td>
                      
                           
  
                                <td>
  

                                  {% if dados.status == 'iha' %}

                                  <a href="{% url 'informasaun:editkonteuduanunsiu'  dados.id  dados.linguaid %}" class="btn btn-sm btn-secondary"> <span class="tf-icons bx bx-edit"></span>&nbsp; </a>
                                  <!-- <a href="{% url 'informasaun:apagakonteuduinformasaun' dados.id %}" class="btn btn-sm btn-secondary"> <span class="tf-icons bx bx-trash"></span>&nbsp; </a> -->
                                  <!-- <a href="{% url 'mapa:detalluareabambu' dados.id %}" class="btn btn-sm btn-secondary"> <span class="tf-icons bx bx-detail">Ativu</span>&nbsp; </a> -->
  
                              
                                  {% elif dados.status == 'laiha' %}
                                  <a href="{% url 'informasaun:inputkonteuduanunsiu' dados.id  dados.linguaid %}" class="btn btn-sm btn-secondary"> <span class="tf-icons bx bx-plush"></span>&nbsp; Maneza Konteudu</a>
                                  {% endif %}


                     
                       
                            </td> 
                
                          </tr>

                          {% endfor %}





  
                        
                        </tbody>
                      </table>
<br><br>

            
                        
                    </div>
                  </div>


                  
                </div>




      
 




          
              
                    
                <!-- Button trigger modal -->
                
                <!-- Modal -->
                <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
                  <div class="modal-dialog" role="document">
                    <div class="modal-content">
                      <div class="modal-header">
                   Upload Imagen
                      </div>
                      <div class="modal-body">
                        <center>
                          <img src="" id="output" style="width: 200px ; height: 200px  px; object-fit: cover;">
                        </center>
                
                        {% crispy forms %}
                      </div>
                
                    </div>
                  </div>
                </div>
                
                
                <script>
                  function myFunction() {
                    var image = document.getElementById("output");
                    image.src = URL.createObjectURL(event.target.files[0]);
                  }
                      
                    </script>



</div>


<div class="container-xxl flex-grow-1 container-p-y" style="padding-top: 0px;">

  <div class="row">
    <div class="card">

      <table class="table">
        <tr>
          <td>
                 no
          </td>
          <td>
            file
          </td>
 
          <td>
            asaun
          </td>
        </tr>
 
      {% for dados in fileanunsiu %}
              
              
    
       <tr>
         <td>
                {{forloop.counter}}
         </td>
         <td>
           <a href="{{dados.file_pdf.url}}" target="__blank">{{dados.titulu}}</a>
         </td>

         <td>
           <a [class]="expression" href="{% url 'informasaun:apagafileanunsiu' dados.id %}" class="btn btn-primary btn-sm"><span class="tf-icons bx bx-trash"></span></a>

         </td>
       </tr>
   
           
         


           
          

        {% endfor %}

        <tr>
          <td colspan="3">

            <div  style="float:right;">

              <a href = ""  class="btn btn-primary" data-toggle="modal" data-target="#exampleModal">
      
          
            
                 <span class="tf-icons bx bx-plus"></span> Upload File
           
         </a>
        </div>
  
          </td>
         </tr>
        </table>



                  </div>
              
              
              </div>


</div>

       

{% endblock content %}