{% extends "gbase.html" %}
{% load static %}
{% load replace_string %}

{% block css %}
{{ block.super }}

    <link href="{% static '/DataTables/dataTables.bootstrap5.min.css' %}" rel="stylesheet">
    <link href="{% static '/datepicker/css/datepicker.css' %}" rel="stylesheet">

{% endblock css %}

  

  <!-- =============================================== -->

  

    <!-- Main content -->


{% block right_col %}
             <div class="right_col" role="main">
             <div class="row">
                     <div class="col-md-10 col-sm-10  ">
              <div class="x_panel">
                <div class="x_title">
                  <h1>Procedura Acquisti</h1>
                  <ul class="nav navbar-right panel_toolbox">
                    <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
                    </li>
                    <li class="dropdown">
                      <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><i class="fa fa-wrench"></i></a>
                      <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                          <a class="dropdown-item" href="#">Settings 1</a>
                          <a class="dropdown-item" href="#">Settings 2</a>
                        </div>
                    </li>
                    <li><a class="close-link"><i class="fa fa-close"></i></a>
                    </li>
                  </ul>
                  <div class="clearfix"></div>
                </div>
                <div class="x_content">
                  <ul class="list-unstyled timeline">
                    <li>
                      <div class="block">
                        <div class="tags">
                          <a href="" class="tag">
                            <span>DIRETTORE</span>
                          </a>
                        </div>
                        <div class="block_content">
                          <h2 class="title">
                                          <a>{{direttore.first_name}} {{ direttore.last_name}}</a>
                                      </h2>
                                    
                          <div class="byline">
                            <span>{{direttore.email| replace_string }}</span> 
                          </div>
                          <p class="excerpt"> Responsabile Unico delle procedure di acquisto</a>
                          </p>
                        </div>
                      </div>
                    </li>
                    <li>
                      <div class="block">
                        <div class="tags">
                          <a href="" class="tag">
                            <span>Responsabile Ufficio Contabilita'</span>
                          </a>
                        </div>
                        <div class="block_content">
                          <h2 class="title">
                                          <a>{{resp_cont.first_name}} {{ resp_cont.last_name}}</a>
                                      </h2>
                          <div class="byline">
                            <span>{{resp_cont.email| replace_string }}</span> 
                          </div>
                          <p class="excerpt">Film festivals used to be do-or-die moments for movie makers. They were where you met the producers that could fund your project, and if the buyers liked your flick, they’d pay to Fast-forward and… <a>Read&nbsp;More</a>
                          </p>
                        </div>
                      </div>
                    </li>
                    <li>
                      <div class="block">
                        <div class="tags">
                          <a href="" class="tag">
                            <span>Responsabile Ufficio Acquisti</span>
                          </a>
                        </div>
                        <div class="block_content">
                          <h2 class="title">
                                          <a>{{resp_acqu.first_name}} {{ resp_acqu.last_name}}</a>
                                      </h2>
                          <div class="byline">
                            <span>{{resp_acqu.email| replace_string }}</span> 
                          </div>
                          <p class="excerpt">Film festivals used to be do-or-die moments for movie makers. They were where you met the producers that could fund your project, and if the buyers liked your flick, they’d pay to Fast-forward and… <a>Read&nbsp;More</a>
                          </p>
                        </div>
                      </div>
                    </li>
                    <li>
                      <div class="block">
                        <div class="tags">
                          <a href="" class="tag">
                            <span>Personale addetto agli Acquisti</span>
                          </a>
                        </div>
                        <div class="block_content">
                          <h2 class="title">
                          {% for addetto in addetti %}
                                          <li>{{addetto.first_name}} {{ addetto.last_name}}
                                          <div class="byline">
                                            <span>{{addetto.email| replace_string }}</span> 
                                          </div>
                                          </li>
                          {% endfor %}
                                      </h2>
                          
                          <p class="excerpt">Film festivals used to be do-or-die moments for movie makers. They were where you met the producers that could fund your project, and if the buyers liked your flick, they’d pay to Fast-forward and… <a>Read&nbsp;More</a>
                          </p>
                        </div>
                      </div>
                    </li>
                  </ul>

                </div>
              </div>
            </div>
            </div>
<div class="x_content">
                    <div class="row">
                      <div class="animated flipInY col-lg-3 col-md-3 col-sm-6  " data-href="completate">
                        <div class="tile-stats">
                          <div class="icon"><i class="fa fa-check"></i>
                          </div>
                          <div class="count">179</div>

                          <h3>Completate</h3>
                          <p>Lorem ipsum psdea itgum rixt.</p>
                        </div>
                      </div>
                      <div class="animated flipInY col-lg-3 col-md-3 col-sm-6  " data-href="inviate">
                        <div class="tile-stats">
                          <div class="icon"><i class="fa fa-mail-forward"></i>
                          </div>
                          <div class="count">179</div>

                          <h3>Inviate</h3>
                          <p>Lorem ipsum psdea itgum rixt.</p>
                        </div>
                      </div>
                      <div class="animated flipInY col-lg-3 col-md-3 col-sm-6  " data-href="lavorazione">
                        <div class="tile-stats">
                          <div class="icon"><i class="fa fa-gears"></i>
                          </div>
                          <div class="count">179</div>

                          <h3>In lavorazione</h3>
                          <p>Lorem ipsum psdea itgum rixt.</p>
                        </div>
                      </div>
                      <div class="animated flipInY col-lg-3 col-md-3 col-sm-6  " data-href="create">
                        <div class="tile-stats">
                          <div class="icon"><i class="fa fa-comment-o"></i>
                          </div>
                          <div class="count">179</div>

                          <h3>Create</h3>
                          <p>Lorem ipsum psdea itgum rixt.</p>
                        </div>
                      </div>
                      </div>
                      </div>

        </div>

                       {% endblock right_col %}




{% block javascripts %}
{{ block.super }}

    <script src="{% static '/DataTables/jquery.dataTables5.min.js' %}"></script>

    <script src="{% static '/DataTables/dataTables.bootstrap5.min.js' %}"></script>
    <script src="{% static '/datepicker/js/bootstrap-datepicker.js' %}"></script>
 
 <script>
$('.animated').on('click',function(ev){
  alert($(this).attr('data-href'))
})
 </script>

{% endblock javascripts %}