<!DOCTYPE html>
<html lang="en">
<head>
  <%- include ('../partials/head') -%>
  <script type="text/javascript" src="/src/js/utilities.js"></script>
  <script type="text/javascript" src="/src/js/loginUtilities.js"></script>
  <link rel="stylesheet" type="text/css" href="/src/css/infoProjecteStyle.css">
  <link rel="stylesheet" type="text/css" href="/src/css/generalStyle.css">
  <%if(owner){%>
    <!--<script type="text/javascript" src="/src/js/updateProject.js"></script>-->
  <%}%>
</head>
<body>

<header>
  <%if(user=='Usuari'){%>
      <%- include ('../partials/header') -%>
  <%} else {%>
      <%- include ('../partials/loggedUserHeader') -%>
  <%}%>
</header>

<main>
  <div class="container-md mb-5" id="container">
    <div class="row">
      <div class="col"></div>
      <div class="col-11">
        <div class="card mb-3 shadow-sm">
          <div class="card-header">
            <div class="row">
              <div class="col-10 col-sm-11 col-lg order-1 d-inline-flex">
                <h5><%- proj.title%></h5>
                <%if(proj.label){%>
                  <svg class="pb-3 pl-1" width="25" id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 124.00446 87.51195"><title><%= strings['general']['project_tecno_label'][lang] %></title><defs></defs><path class="cls-1-label" d="M168.24886,115.38015,147.511,129.99878l27.75,40.25907c.63388-.158,1.26428-.33561,1.89336-.51926l-2.26445-53.32331Z" transform="translate(-117.28948 -91.91114)"/><path class="cls-2-label" d="M230.63456,125.10371l10.4596,1.63026a28.56294,28.56294,0,0,0-7.86007-16.11085L228.635,120.77606A20.14,20.14,0,0,1,230.63456,125.10371Z" transform="translate(-117.28948 -91.91114)"/><path class="cls-3-label" d="M241.09416,126.734l-10.4596-1.63026c2.07067,6.48473.42661,13.39587-4.84875,18.88729-1.61318,1.68731-3.22636,4.05156-1.72423,7.56884-3.09363-1.29425-6.23594-.98421-9.26209-.24143l-5.02309,11.08878a49.60011,49.60011,0,0,0,8.44057-2.2578,4.67628,4.67628,0,0,1,3.03075.21157c2.95661,1.29056,5.83387,2.76089,8.89632,4.32121l8.27225,4.152-2.40126-8.46788c-.9203-3.18944-1.77188-6.13542-2.45945-9.11852a2.79181,2.79181,0,0,1,.29092-1.78241C239.67311,142.31084,242.03255,134.33165,241.09416,126.734Z" transform="translate(-117.28948 -91.91114)"/><polygon class="cls-4-label" points="50.959 23.469 57.6 24.504 57.365 18.954 50.959 23.469"/><polygon class="cls-4-label" points="30.221 38.088 50.959 23.469 16.436 18.088 30.221 38.088"/><path class="cls-2-label" d="M168.24886,115.38015l6.40527-4.51519-.75628-17.81064a49.00546,49.00546,0,0,0-17.60091-.62979c-10.94214,1.59263-19.78774,5.58774-26.47586,11.91009l3.90452,5.66475Z" transform="translate(-117.28948 -91.91114)"/><path class="cls-1-label" d="M147.511,129.99878,133.7256,109.99937l-7.94933-1.239a45.18891,45.18891,0,0,0-5.95331,10.16009A42.28712,42.28712,0,0,0,118.05118,124.4c-.21688.78819-.42845,1.57617-.6664,2.35371l-.0953,9.59984.15338.7933c.53429,1.35407,1.01029,2.73983,1.4916,4.12559.482,1.387.9837,2.79137,1.52964,4.18286l3.04424,1.46338Z" transform="translate(-117.28948 -91.91114)"/><path class="cls-4-label" d="M120.4641,145.45529c.36648.93441.76242,1.85768,1.19629,2.766l1.84795-1.30263Z" transform="translate(-117.28948 -91.91114)"/><path class="cls-2-label" d="M121.66039,148.2213a27.3339,27.3339,0,0,0,1.59528,2.93657c1.85645,2.89843,2.18438,4.97176,1.21653,7.65341a27.55812,27.55812,0,0,0-.88328,3.221l-4.152,17.39078,9.25064-4.24718c4.83433-2.232,9.42529-4.34769,14.05858-6.34177a4.18146,4.18146,0,0,1,2.634-.08467,54.13873,54.13873,0,0,0,27.686,1.99132l-49.55777-23.82213Z" transform="translate(-117.28948 -91.91114)"/><path class="cls-1-label" d="M192.81152,98.06555c-.8884.13334-1.78323.28-2.69044.45207a3.86857,3.86857,0,0,1-2.16332-.156,52.1156,52.1156,0,0,0-14.05991-5.30726l.75628,17.81064Z" transform="translate(-117.28948 -91.91114)"/><path class="cls-4-label" d="M129.82108,104.33462a40.29463,40.29463,0,0,0-4.04481,4.42572l7.94933,1.239Z" transform="translate(-117.28948 -91.91114)"/><path class="cls-3-label" d="M174.88983,116.41528l32.09,5.00161a45.137,45.137,0,0,0-8.05231-14.19069,37.06911,37.06911,0,0,1,10.07052.7616c7.96549,1.69253,13.89988,5.16226,18.14706,10.6048a22.468,22.468,0,0,1,1.48986,2.18346l4.59914-10.15294a36.07739,36.07739,0,0,0-3.06889-2.93677c-10.319-8.67739-22.54271-11.84312-37.35368-9.6208L174.65413,110.865Z" transform="translate(-117.28948 -91.91114)"/><path class="cls-3-label" d="M147.511,129.99878l-24.00261,16.91989,49.55777,23.82213c.73409-.14766,1.46685-.30145,2.19481-.483Z" transform="translate(-117.28948 -91.91114)"/><path class="cls-4-label" d="M206.97982,121.41689l-32.09-5.00161.92531,21.78919,29.29668,9.04418Q211.15526,134.1051,206.97982,121.41689Z" transform="translate(-117.28948 -91.91114)"/><path class="cls-2-label" d="M210.93393,152.43248l-.7617.23806a32.90723,32.90723,0,0,1-8.69539,1.14771,51.8557,51.8557,0,0,0,3.635-6.5696l-29.29668-9.04418,1.33914,31.53412a53.69444,53.69444,0,0,0,14.12515-6.52675,4.19766,4.19766,0,0,1,2.38541-.5078,53.64941,53.64941,0,0,0,16.11156-.29685l5.02309-11.08878C213.48479,151.641,212.18983,152.03686,210.93393,152.43248Z" transform="translate(-117.28948 -91.91114)"/>
                  </svg>
                <%}%>
              </div>
              <div class="col-4 col-sm-5 col-md-5 col-lg-2 order-5">
                <%if(rated){%>
                <form method="POST" id="rateForm" action="/unrateProj/<%= proj._id%>">
                  <div class="input-group input-group-sm">
                    <div id="rateSVG" class="input-group-prepend">
                      <button id="rateButton" class="btn btn-outline-secondary greybutton" type="submit">
                        <svg class="bi bi-star-fill" width="1.2em" height="1.2em" viewBox="0 0 16 16" fill="#ffe44d" xmlns="http://www.w3.org/2000/svg">
                          <path stroke="black" d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.283.95l-3.523 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"/>
                        </svg>
                      </button>
                    </div>
                    <input class="form-control text-center" id="pointField" value="<%= proj.numRates%>" readonly>
                  </div>
                </form>
                <%} else {%>
                <form method="POST" id="rateForm" action="/rateProj/<%= proj._id%>">
                  <div class="input-group input-group-sm">
                    <div id="rateSVG" class="input-group-prepend">
                      <%if(user=='Usuari'){%>
                        <button id="rateButton" class="btn btn-outline-secondary greybutton" type="submit" data-toggle="modal" data-target="#test_rate">
                      <%} else {%>
                        <button id="rateButton" class="btn btn-outline-secondary greybutton" type="submit">
                      <%}%>
                        <svg class="bi bi-star-fill" width="1.2em" height="1.2em" viewBox="0 0 16 16" fill="#000000" xmlns="http://www.w3.org/2000/svg">
                          <path d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.283.95l-3.523 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"/>
                        </svg>
                      </button>
                    </div>
                    <input class="form-control text-center" id="pointField" value="<%= proj.numRates%>" readonly>
                  </div>
                </form>
                <%}%>
              </div>
              <div class="col-4 col-sm-5 col-md-5 col-lg-2 order-6">
                <%if(saved){%>
                  <form method="POST" id="saveForm" action="/unsaveProject/<%= proj._id%>">
                    <div class="input-group input-group-sm">
                      <div id="saveSVG" class="input-group-prepend">
                        <button class="btn btn-outline-secondary greybutton" type="submit">
                          <svg class="bi bi-bookmark-dash" width="1.2em" height="1.2em" viewBox="0 0 16 16" fill="black" xmlns="http://www.w3.org/2000/svg">
                            <path fill-rule="evenodd" d="M11 3.5a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 0 1h-4a.5.5 0 0 1-.5-.5zM4.5 2a.5.5 0 0 0-.5.5v11.066l4-2.667 4 2.667V8.5a.5.5 0 0 1 1 0v6.934l-5-3.333-5 3.333V2.5A1.5 1.5 0 0 1 4.5 1h4a.5.5 0 0 1 0 1h-4z"/>
                          </svg>
                        </button>
                      </div>
                      <input class="form-control text-center" id="saveField" value="<%= proj.numSaves%>" readonly>
                    </div>
                  </form>
                <%} else {%>
                  <form method="POST" id="saveForm" action="/saveProject/<%= proj._id%>">
                    <div class="input-group input-group-sm">
                      <div id="saveSVG" class="input-group-prepend">
                        <%if(user=='Usuari'){%>
                          <button class="btn btn-outline-secondary greybutton" type="submit" data-toggle="modal" data-target="#test_rate">
                        <%} else {%>
                          <button class="btn btn-outline-secondary greybutton" type="submit">
                        <%}%>
                          <svg class="bi bi-bookmark-plus" width="1.2em" height="1.2em" viewBox="0 0 16 16" fill="black" xmlns="http://www.w3.org/2000/svg">
                            <path fill-rule="evenodd" d="M4.5 2a.5.5 0 0 0-.5.5v11.066l4-2.667 4 2.667V8.5a.5.5 0 0 1 1 0v6.934l-5-3.333-5 3.333V2.5A1.5 1.5 0 0 1 4.5 1h4a.5.5 0 0 1 0 1h-4zm9-1a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1H13V1.5a.5.5 0 0 1 .5-.5z"/>
                            <path fill-rule="evenodd" d="M13 3.5a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1H14v1.5a.5.5 0 0 1-1 0v-2z"/>
                          </svg>
                        </button>
                      </div>
                      <input class="form-control text-center" id="saveField" value="<%= proj.numSaves%>" readonly>
                    </div>
                  </form>
                <%}%>
              </div>
              <div class="col-4 col-sm-2 col-md-2 col-lg-1 order-7">
                <button type="button" id="gitButton" class="btn-sm btn-outline-secondary px-3 text-center greybutton but-stl" value="<%- proj.link%>">
                  <svg version="1.1" width="1.5em" height="1.5em" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="97px" height="97px" viewBox="0 0 97 97" enable-background="new 0 0 97 97" xml:space="preserve">
                      <path fill="#F05133" d="M92.71,44.408L52.591,4.291c-2.31-2.311-6.057-2.311-8.369,0l-8.33,8.332L46.459,23.19   c2.456-0.83,5.272-0.273,7.229,1.685c1.969,1.97,2.521,4.81,1.67,7.275l10.186,10.185c2.465-0.85,5.307-0.3,7.275,1.671   c2.75,2.75,2.75,7.206,0,9.958c-2.752,2.751-7.208,2.751-9.961,0c-2.068-2.07-2.58-5.11-1.531-7.658l-9.5-9.499v24.997   c0.67,0.332,1.303,0.774,1.861,1.332c2.75,2.75,2.75,7.206,0,9.959c-2.75,2.749-7.209,2.749-9.957,0c-2.75-2.754-2.75-7.21,0-9.959   c0.68-0.679,1.467-1.193,2.307-1.537V36.369c-0.84-0.344-1.625-0.853-2.307-1.537c-2.083-2.082-2.584-5.14-1.516-7.698   L31.798,16.715L4.288,44.222c-2.311,2.313-2.311,6.06,0,8.371l40.121,40.118c2.31,2.311,6.056,2.311,8.369,0L92.71,52.779   C95.021,50.468,95.021,46.719,92.71,44.408z"/>
                  </svg>
                </button>
                <!--<%if(proj.linkWeb != ''){%>
                  <button type="button" id="webButton" class="btn-sm btn-outline-secondary px-3 text-center greybutton but-stl" value="<%- proj.linkWeb%>">
                    <svg width="1.5em" height="1.5em" viewBox="0 0 24 24">
                        <path fill="#282828" d="M16.36,14C16.44,13.34 16.5,12.68 16.5,12C16.5,11.32 16.44,10.66 16.36,10H19.74C19.9,10.64 20,11.31 20,12C20,12.69 19.9,13.36 19.74,14M14.59,19.56C15.19,18.45 15.65,17.25 15.97,16H18.92C17.96,17.65 16.43,18.93 14.59,19.56M14.34,14H9.66C9.56,13.34 9.5,12.68 9.5,12C9.5,11.32 9.56,10.65 9.66,10H14.34C14.43,10.65 14.5,11.32 14.5,12C14.5,12.68 14.43,13.34 14.34,14M12,19.96C11.17,18.76 10.5,17.43 10.09,16H13.91C13.5,17.43 12.83,18.76 12,19.96M8,8H5.08C6.03,6.34 7.57,5.06 9.4,4.44C8.8,5.55 8.35,6.75 8,8M5.08,16H8C8.35,17.25 8.8,18.45 9.4,19.56C7.57,18.93 6.03,17.65 5.08,16M4.26,14C4.1,13.36 4,12.69 4,12C4,11.31 4.1,10.64 4.26,10H7.64C7.56,10.66 7.5,11.32 7.5,12C7.5,12.68 7.56,13.34 7.64,14M12,4.03C12.83,5.23 13.5,6.57 13.91,8H10.09C10.5,6.57 11.17,5.23 12,4.03M18.92,8H15.97C15.65,6.75 15.19,5.55 14.59,4.44C16.43,5.07 17.96,6.34 18.92,8M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z" />
                    </svg>
                  </button>
                <%}%>-->
              </div>
              <div class="col-2 col-sm-1 order-2 order-lg-9">
                <a type="button" class="" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-offset="10,20">
                  <svg width="1.2em" height="1.2em" viewBox="0 0 16 16" class="bi bi-three-dots-vertical" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                    <path fill-rule="evenodd" d="M9.5 13a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm0-5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm0-5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0z"/>
                  </svg>
                </a>
                <div class="dropdown-menu dropdown-menu-right">
                  <%if(proj.linkWeb != ''){%>
                    <a class="dropdown-item" target="_blank" href="<%- proj.linkWeb%>"><%= strings['general']['visitar_web'][lang] %></a>
                  <%}%>
                  <%if(owner){%>
                    <a class="dropdown-item" href="/editProject/<%= proj._id%>"><%= strings['general']['editar'][lang] %></a>
                    <div class="dropdown-divider"></div>
                    <a type="button" class="dropdown-item delete-project-button" data-toggle="modal" data-target="#deleteModal"><strong><%= strings['general']['eliminar'][lang] %></strong></a>
                  <%} else {%>
                     <!--TODO:<a class="dropdown-item" href="#">Share</a>-->
                    <a class="dropdown-item" data-toggle="modal" data-target="#awardModal"><%= strings['general']['donar_premi'][lang] %></a>
                  <%}%>
                </div>
              </div>
              <!--<div class="col col-sm col-md col-lg-auto text-center">
                <button type="button" id="gitButton" class="btn-sm btn-outline-secondary px-3 text-center greybutton but-stl" value="<%- proj.link%>">
                  <svg version="1.1" width="1.5em" height="1.5em" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="97px" height="97px" viewBox="0 0 97 97" enable-background="new 0 0 97 97" xml:space="preserve">
                      <path fill="#F05133" d="M92.71,44.408L52.591,4.291c-2.31-2.311-6.057-2.311-8.369,0l-8.33,8.332L46.459,23.19   c2.456-0.83,5.272-0.273,7.229,1.685c1.969,1.97,2.521,4.81,1.67,7.275l10.186,10.185c2.465-0.85,5.307-0.3,7.275,1.671   c2.75,2.75,2.75,7.206,0,9.958c-2.752,2.751-7.208,2.751-9.961,0c-2.068-2.07-2.58-5.11-1.531-7.658l-9.5-9.499v24.997   c0.67,0.332,1.303,0.774,1.861,1.332c2.75,2.75,2.75,7.206,0,9.959c-2.75,2.749-7.209,2.749-9.957,0c-2.75-2.754-2.75-7.21,0-9.959   c0.68-0.679,1.467-1.193,2.307-1.537V36.369c-0.84-0.344-1.625-0.853-2.307-1.537c-2.083-2.082-2.584-5.14-1.516-7.698   L31.798,16.715L4.288,44.222c-2.311,2.313-2.311,6.06,0,8.371l40.121,40.118c2.31,2.311,6.056,2.311,8.369,0L92.71,52.779   C95.021,50.468,95.021,46.719,92.71,44.408z"/>
                  </svg>
                </button>
                <%if(proj.linkWeb != ''){%>
                  <button type="button" id="webButton" class="btn-sm btn-outline-secondary px-3 text-center greybutton but-stl" value="<%- proj.linkWeb%>">
                    <svg width="1.5em" height="1.5em" viewBox="0 0 24 24">
                        <path fill="#282828" d="M16.36,14C16.44,13.34 16.5,12.68 16.5,12C16.5,11.32 16.44,10.66 16.36,10H19.74C19.9,10.64 20,11.31 20,12C20,12.69 19.9,13.36 19.74,14M14.59,19.56C15.19,18.45 15.65,17.25 15.97,16H18.92C17.96,17.65 16.43,18.93 14.59,19.56M14.34,14H9.66C9.56,13.34 9.5,12.68 9.5,12C9.5,11.32 9.56,10.65 9.66,10H14.34C14.43,10.65 14.5,11.32 14.5,12C14.5,12.68 14.43,13.34 14.34,14M12,19.96C11.17,18.76 10.5,17.43 10.09,16H13.91C13.5,17.43 12.83,18.76 12,19.96M8,8H5.08C6.03,6.34 7.57,5.06 9.4,4.44C8.8,5.55 8.35,6.75 8,8M5.08,16H8C8.35,17.25 8.8,18.45 9.4,19.56C7.57,18.93 6.03,17.65 5.08,16M4.26,14C4.1,13.36 4,12.69 4,12C4,11.31 4.1,10.64 4.26,10H7.64C7.56,10.66 7.5,11.32 7.5,12C7.5,12.68 7.56,13.34 7.64,14M12,4.03C12.83,5.23 13.5,6.57 13.91,8H10.09C10.5,6.57 11.17,5.23 12,4.03M18.92,8H15.97C15.65,6.75 15.19,5.55 14.59,4.44C16.43,5.07 17.96,6.34 18.92,8M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z" />
                    </svg>
                  </button>
                <%}%>
                <%if(owner){%>
                  <form class="form-stl" method="get" action="/editProject/<%= proj._id%>">
                    <button type="submit" class="btn-sm btn-outline-secondary px-3 text-center greybutton but-stl">
                      <svg class="bi bi-pencil" width="1.5em" height="1.5em" viewBox="0 0 16 16" fill="black" xmlns="http://www.w3.org/2000/svg">
                        <path fill-rule="evenodd" d="M11.293 1.293a1 1 0 0 1 1.414 0l2 2a1 1 0 0 1 0 1.414l-9 9a1 1 0 0 1-.39.242l-3 1a1 1 0 0 1-1.266-1.265l1-3a1 1 0 0 1 .242-.391l9-9zM12 2l2 2-9 9-3 1 1-3 9-9z"/>
                        <path fill-rule="evenodd" d="M12.146 6.354l-2.5-2.5.708-.708 2.5 2.5-.707.708zM3 10v.5a.5.5 0 0 0 .5.5H4v.5a.5.5 0 0 0 .5.5H5v.5a.5.5 0 0 0 .5.5H6v-1.5a.5.5 0 0 0-.5-.5H5v-.5a.5.5 0 0 0-.5-.5H3z"/>
                      </svg>
                    </button>
                  </form>
                  <button type="button" id="deleteButton" class="btn-sm btn-outline-secondary px-3 text-center but-stl" >
                    <svg class="bi bi-trash" width="1.5em" height="1.5em" viewBox="0 0 16 16" fill="#282828" xmlns="http://www.w3.org/2000/svg">
                      <path d="M5.5 5.5A.5.5 0 0 1 6 6v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5zm2.5 0a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5zm3 .5a.5.5 0 0 0-1 0v6a.5.5 0 0 0 1 0V6z"/>
                      <path fill-rule="evenodd" d="M14.5 3a1 1 0 0 1-1 1H13v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V4h-.5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1H6a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1h3.5a1 1 0 0 1 1 1v1zM4.118 4L4 4.059V13a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4.059L11.882 4H4.118zM2.5 3V2h11v1h-11z"/>
                    </svg>
                  </button>
                <%}%>
                <a type="button" class="" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-offset="10,20">
                  <svg width="1.2em" height="1.2em" viewBox="0 0 16 16" class="bi bi-three-dots-vertical" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                    <path fill-rule="evenodd" d="M9.5 13a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm0-5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm0-5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0z"/>
                  </svg>
                </a>
                <div class="dropdown-menu dropdown-menu-right">
                  <%if(owner){%>
                    <a class="dropdown-item" href="/editProject/<%= proj._id%>">Edit</a>
                    <div class="dropdown-divider"></div>
                    <a type="button" class="dropdown-item delete-project-button" data-toggle="modal" data-target="#deleteModal">Delete</a>
                  <%} else {%>
                     TODO:<a class="dropdown-item" href="#">Share</a>
                    <a class="dropdown-item" data-toggle="modal" data-target="#awardModal">Give award</a>
                  <%}%>
                </div>
              </div>-->
            </div>
            <div class="row">
              <div class="col">
                <div class="d-flex flex-row" id="receivedAwards">
                  <% for(var i=0; i<receivedAwards.length; ++i) {%>
                    <%if(receivedAwards[i].award == "silver"){%>
                      <svg version="1" height="20" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 172 172">
                        <defs>
                          <linearGradient x1="86.00538" y1="18.8125" x2="86.00538" y2="154.92094" gradientUnits="userSpaceOnUse" id="color-silver-aw">
                            <stop class="silverStop_1" offset="0"></stop>
                            <stop class="silverStop_2" offset="1"></stop>
                          </linearGradient>
                          <linearGradient x1="86" y1="53.07813" x2="86" y2="120.27906" gradientUnits="userSpaceOnUse" id="color-silver-2-aw">
                            <stop class="silverStop_3" offset="0"></stop>
                            <stop class="silverStop_4" offset="1"></stop>
                          </linearGradient>
                        </defs>
                        <g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><path d="M0,172v-172h172v172z" fill="none"></path><g><path d="M123.89375,153.1875c-1.376,0 -2.75737,-0.33594 -4.03663,-1.0105l-32.60475,-17.22956c-0.79012,-0.41388 -1.72269,-0.41388 -2.50206,0l-32.61013,17.22956c-2.92131,1.54263 -6.39894,1.29806 -9.07837,-0.63694c-2.67675,-1.93769 -3.99363,-5.16806 -3.43731,-8.428l6.18931,-36.28394c0.17469,-1.04006 -0.16931,-2.09894 -0.91913,-2.83531l-26.17356,-25.64413c-2.34887,-2.3005 -3.17663,-5.676 -2.15806,-8.80425c1.02125,-3.12825 3.6765,-5.36694 6.93375,-5.84263l36.11731,-5.27556c1.0535,-0.15588 1.96187,-0.817 2.43219,-1.77375l16.21369,-33.02131c1.46469,-2.97237 4.429,-4.81869 7.74,-4.81869c0,0 0,0 0.00269,0c3.30831,0 6.27263,1.84631 7.73194,4.81869l16.211,33.01594c0.473,0.95944 1.38675,1.62325 2.44294,1.77913l36.12806,5.27825c3.25188,0.473 5.90444,2.709 6.92569,5.83456c1.01856,3.12556 0.1935,6.49837 -2.15538,8.79619l-26.187,25.65756c-0.7525,0.73637 -1.09381,1.79525 -0.91912,2.83263l6.192,36.28663c0.559,3.25725 -0.75787,6.48762 -3.43462,8.428c-1.50769,1.09113 -3.27069,1.64744 -5.04444,1.64744zM86,129.26069c1.29,0 2.58538,0.31175 3.7625,0.93794l32.60744,17.22956c1.11262,0.58587 2.39187,0.50256 3.41581,-0.24188c1.02394,-0.73906 1.50769,-1.92425 1.29269,-3.16856l-6.192,-36.28931c-0.47569,-2.7735 0.44344,-5.60612 2.45369,-7.57337l26.18431,-25.65487c0.89225,-0.87613 1.19325,-2.107 0.80894,-3.29488c-0.38969,-1.18519 -1.35719,-2.00219 -2.59344,-2.18494l-36.12538,-5.27825c-2.80844,-0.40581 -5.23794,-2.17419 -6.493,-4.72731l-16.211,-33.01594c-0.559,-1.13412 -1.64475,-1.81137 -2.91056,-1.81137v0c-1.26581,0 -2.35425,0.67994 -2.91325,1.81675l-16.21369,33.02131c-1.25238,2.54775 -3.67381,4.31344 -6.47956,4.72194l-36.12,5.27287c-1.23894,0.18006 -2.21181,0.99975 -2.6015,2.19031c-0.38431,1.19056 -0.08331,2.42681 0.81162,3.30294l26.17088,25.64144c2.01025,1.96725 2.92938,4.79988 2.45369,7.57606l-6.18931,36.28394c-0.21231,1.247 0.27412,2.4295 1.29269,3.17394c1.02663,0.73906 2.30319,0.82506 3.41581,0.23919l32.61012,-17.22956c1.17713,-0.62619 2.46981,-0.93794 3.7625,-0.93794z" fill="url(#color-silver-aw)"></path><path d="M88.44294,112.56594l15.75144,8.02756c2.23331,1.13681 4.85094,-0.68263 4.42631,-3.07719l-3.21156,-18.15944c-0.16931,-0.95944 0.15319,-1.93769 0.86269,-2.60688l13.75463,-12.99944c1.79525,-1.69581 0.7955,-4.63325 -1.69313,-4.98262l-18.95225,-2.67137c-0.99438,-0.13975 -1.85169,-0.74175 -2.29244,-1.60981l-8.35006,-16.40719c-1.13681,-2.236 -4.33225,-2.236 -5.46906,0l-8.35275,16.40719c-0.44075,0.86806 -1.30075,1.47006 -2.29244,1.60981l-18.95225,2.66869c-2.48862,0.34938 -3.48569,3.28681 -1.69313,4.98262l13.77613,13.01825c0.69337,0.65575 1.01319,1.61787 0.84656,2.5585l-3.21694,18.189c-0.42463,2.39456 2.19569,4.214 4.42631,3.07719l15.75144,-8.02756c1.52919,-0.77937 3.34594,-0.77937 4.8805,0.00269z" fill="url(#color-silver-2-aw)"></path></g></g>
                      </svg>
                    <% } else if(receivedAwards[i].award == "golden"){%>
                      <svg version="1" height="20" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 172 172">
                        <defs>
                          <linearGradient x1="86.00538" y1="18.8125" x2="86.00538" y2="154.92094" gradientUnits="userSpaceOnUse" id="color-golden-aw">
                            <stop class="goldenStop_1" offset="0"></stop>
                            <stop class="goldenStop_2" offset="1"></stop>
                          </linearGradient>
                          <linearGradient x1="86" y1="53.07813" x2="86" y2="120.27906" gradientUnits="userSpaceOnUse" id="color-golden-2-aw">
                            <stop class="goldenStop_3" offset="0"></stop>
                            <stop class="goldenStop_4" offset="1"></stop>
                          </linearGradient>
                        </defs>
                        <g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><path d="M0,172v-172h172v172z" fill="none"></path><g><path d="M123.89375,153.1875c-1.376,0 -2.75737,-0.33594 -4.03663,-1.0105l-32.60475,-17.22956c-0.79012,-0.41388 -1.72269,-0.41388 -2.50206,0l-32.61013,17.22956c-2.92131,1.54263 -6.39894,1.29806 -9.07837,-0.63694c-2.67675,-1.93769 -3.99363,-5.16806 -3.43731,-8.428l6.18931,-36.28394c0.17469,-1.04006 -0.16931,-2.09894 -0.91913,-2.83531l-26.17356,-25.64413c-2.34887,-2.3005 -3.17663,-5.676 -2.15806,-8.80425c1.02125,-3.12825 3.6765,-5.36694 6.93375,-5.84263l36.11731,-5.27556c1.0535,-0.15588 1.96187,-0.817 2.43219,-1.77375l16.21369,-33.02131c1.46469,-2.97237 4.429,-4.81869 7.74,-4.81869c0,0 0,0 0.00269,0c3.30831,0 6.27263,1.84631 7.73194,4.81869l16.211,33.01594c0.473,0.95944 1.38675,1.62325 2.44294,1.77913l36.12806,5.27825c3.25188,0.473 5.90444,2.709 6.92569,5.83456c1.01856,3.12556 0.1935,6.49837 -2.15538,8.79619l-26.187,25.65756c-0.7525,0.73637 -1.09381,1.79525 -0.91912,2.83263l6.192,36.28663c0.559,3.25725 -0.75787,6.48762 -3.43462,8.428c-1.50769,1.09113 -3.27069,1.64744 -5.04444,1.64744zM86,129.26069c1.29,0 2.58538,0.31175 3.7625,0.93794l32.60744,17.22956c1.11262,0.58587 2.39187,0.50256 3.41581,-0.24188c1.02394,-0.73906 1.50769,-1.92425 1.29269,-3.16856l-6.192,-36.28931c-0.47569,-2.7735 0.44344,-5.60612 2.45369,-7.57337l26.18431,-25.65487c0.89225,-0.87613 1.19325,-2.107 0.80894,-3.29488c-0.38969,-1.18519 -1.35719,-2.00219 -2.59344,-2.18494l-36.12538,-5.27825c-2.80844,-0.40581 -5.23794,-2.17419 -6.493,-4.72731l-16.211,-33.01594c-0.559,-1.13412 -1.64475,-1.81137 -2.91056,-1.81137v0c-1.26581,0 -2.35425,0.67994 -2.91325,1.81675l-16.21369,33.02131c-1.25238,2.54775 -3.67381,4.31344 -6.47956,4.72194l-36.12,5.27287c-1.23894,0.18006 -2.21181,0.99975 -2.6015,2.19031c-0.38431,1.19056 -0.08331,2.42681 0.81162,3.30294l26.17088,25.64144c2.01025,1.96725 2.92938,4.79988 2.45369,7.57606l-6.18931,36.28394c-0.21231,1.247 0.27412,2.4295 1.29269,3.17394c1.02663,0.73906 2.30319,0.82506 3.41581,0.23919l32.61012,-17.22956c1.17713,-0.62619 2.46981,-0.93794 3.7625,-0.93794z" fill="url(#color-golden-aw)"></path><path d="M88.44294,112.56594l15.75144,8.02756c2.23331,1.13681 4.85094,-0.68263 4.42631,-3.07719l-3.21156,-18.15944c-0.16931,-0.95944 0.15319,-1.93769 0.86269,-2.60688l13.75463,-12.99944c1.79525,-1.69581 0.7955,-4.63325 -1.69313,-4.98262l-18.95225,-2.67137c-0.99438,-0.13975 -1.85169,-0.74175 -2.29244,-1.60981l-8.35006,-16.40719c-1.13681,-2.236 -4.33225,-2.236 -5.46906,0l-8.35275,16.40719c-0.44075,0.86806 -1.30075,1.47006 -2.29244,1.60981l-18.95225,2.66869c-2.48862,0.34938 -3.48569,3.28681 -1.69313,4.98262l13.77613,13.01825c0.69337,0.65575 1.01319,1.61787 0.84656,2.5585l-3.21694,18.189c-0.42463,2.39456 2.19569,4.214 4.42631,3.07719l15.75144,-8.02756c1.52919,-0.77937 3.34594,-0.77937 4.8805,0.00269z" fill="url(#color-golden-2-aw)"></path></g></g>
                      </svg>
                    <% } else  if(receivedAwards[i].award == "diamond"){%>
                      <svg version="1" height="20" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 172 172">
                        <defs>
                          <linearGradient x1="86.00538" y1="18.8125" x2="86.00538" y2="154.92094" gradientUnits="userSpaceOnUse" id="color-diamond-aw">
                            <stop class="diamondStop_1" offset="0"></stop>
                            <stop class="diamondStop_2" offset="1"></stop>
                          </linearGradient>
                          <linearGradient x1="86" y1="53.07813" x2="86" y2="120.27906" gradientUnits="userSpaceOnUse" id="color-diamond-2-aw">
                            <stop class="diamondStop_3" offset="0"></stop>
                            <stop class="diamondStop_4" offset="1"></stop>
                          </linearGradient>
                        </defs>
                        <g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><path d="M0,172v-172h172v172z" fill="none"></path><g><path d="M123.89375,153.1875c-1.376,0 -2.75737,-0.33594 -4.03663,-1.0105l-32.60475,-17.22956c-0.79012,-0.41388 -1.72269,-0.41388 -2.50206,0l-32.61013,17.22956c-2.92131,1.54263 -6.39894,1.29806 -9.07837,-0.63694c-2.67675,-1.93769 -3.99363,-5.16806 -3.43731,-8.428l6.18931,-36.28394c0.17469,-1.04006 -0.16931,-2.09894 -0.91913,-2.83531l-26.17356,-25.64413c-2.34887,-2.3005 -3.17663,-5.676 -2.15806,-8.80425c1.02125,-3.12825 3.6765,-5.36694 6.93375,-5.84263l36.11731,-5.27556c1.0535,-0.15588 1.96187,-0.817 2.43219,-1.77375l16.21369,-33.02131c1.46469,-2.97237 4.429,-4.81869 7.74,-4.81869c0,0 0,0 0.00269,0c3.30831,0 6.27263,1.84631 7.73194,4.81869l16.211,33.01594c0.473,0.95944 1.38675,1.62325 2.44294,1.77913l36.12806,5.27825c3.25188,0.473 5.90444,2.709 6.92569,5.83456c1.01856,3.12556 0.1935,6.49837 -2.15538,8.79619l-26.187,25.65756c-0.7525,0.73637 -1.09381,1.79525 -0.91912,2.83263l6.192,36.28663c0.559,3.25725 -0.75787,6.48762 -3.43462,8.428c-1.50769,1.09113 -3.27069,1.64744 -5.04444,1.64744zM86,129.26069c1.29,0 2.58538,0.31175 3.7625,0.93794l32.60744,17.22956c1.11262,0.58587 2.39187,0.50256 3.41581,-0.24188c1.02394,-0.73906 1.50769,-1.92425 1.29269,-3.16856l-6.192,-36.28931c-0.47569,-2.7735 0.44344,-5.60612 2.45369,-7.57337l26.18431,-25.65487c0.89225,-0.87613 1.19325,-2.107 0.80894,-3.29488c-0.38969,-1.18519 -1.35719,-2.00219 -2.59344,-2.18494l-36.12538,-5.27825c-2.80844,-0.40581 -5.23794,-2.17419 -6.493,-4.72731l-16.211,-33.01594c-0.559,-1.13412 -1.64475,-1.81137 -2.91056,-1.81137v0c-1.26581,0 -2.35425,0.67994 -2.91325,1.81675l-16.21369,33.02131c-1.25238,2.54775 -3.67381,4.31344 -6.47956,4.72194l-36.12,5.27287c-1.23894,0.18006 -2.21181,0.99975 -2.6015,2.19031c-0.38431,1.19056 -0.08331,2.42681 0.81162,3.30294l26.17088,25.64144c2.01025,1.96725 2.92938,4.79988 2.45369,7.57606l-6.18931,36.28394c-0.21231,1.247 0.27412,2.4295 1.29269,3.17394c1.02663,0.73906 2.30319,0.82506 3.41581,0.23919l32.61012,-17.22956c1.17713,-0.62619 2.46981,-0.93794 3.7625,-0.93794z" fill="url(#color-diamond-aw)"></path><path d="M88.44294,112.56594l15.75144,8.02756c2.23331,1.13681 4.85094,-0.68263 4.42631,-3.07719l-3.21156,-18.15944c-0.16931,-0.95944 0.15319,-1.93769 0.86269,-2.60688l13.75463,-12.99944c1.79525,-1.69581 0.7955,-4.63325 -1.69313,-4.98262l-18.95225,-2.67137c-0.99438,-0.13975 -1.85169,-0.74175 -2.29244,-1.60981l-8.35006,-16.40719c-1.13681,-2.236 -4.33225,-2.236 -5.46906,0l-8.35275,16.40719c-0.44075,0.86806 -1.30075,1.47006 -2.29244,1.60981l-18.95225,2.66869c-2.48862,0.34938 -3.48569,3.28681 -1.69313,4.98262l13.77613,13.01825c0.69337,0.65575 1.01319,1.61787 0.84656,2.5585l-3.21694,18.189c-0.42463,2.39456 2.19569,4.214 4.42631,3.07719l15.75144,-8.02756c1.52919,-0.77937 3.34594,-0.77937 4.8805,0.00269z" fill="url(#color-diamond-2-aw)"></path></g></g>
                      </svg>
                    <% } %>
                  <% } %>
                </div>
              </div>
            </div>
          </div>
          <div class="card-body">
            <nav>
              <div class="nav nav-tabs mb-3 justify-content-end" id="project-nav-tab" role="tablist">
                <a class="nav-link active" id="info_tab" data-toggle="tab" href="#project_info_tab" role="tab" aria-controls="project_info_tab" aria-selected="true"><%= strings['general']['informacio'][lang] %></a>
                <a class="nav-link" id="todo_tab" data-toggle="tab" href="#project_todo_tab" role="tab" aria-controls="project_todo_tab" aria-selected="false">TO-DO</a>
              </div>
            </nav>
            <div class="tab-content" id="project-nav-tabContent">
              <div class="tab-pane fade show active" id="project_info_tab" role="tabpanel" aria-labelledby="nav-home-tab"><%- proj.descBig %></div>
              <div class="tab-pane fade" id="project_todo_tab" role="tabpanel" aria-labelledby="nav-profile-tab">
                <div class="list-group">
                  <p><%- strings['general']['llistat_issues'][lang] %></p>

                  <div id="projectIssuesList" class="dropdown text-right mb-2">
                    <%- strings['general']['tasques'][lang] %>:
                    <button id="issuedropbut" class="btn btn-primary dropdown-toggle btn-sm py-0" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                      <%- strings['general']['totes'][lang] %>
                    </button>
                    <div id="issueDropdown" class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownMenuButton">
                      <a id="generalissue" class="dropdown-item" href="#"><%- strings['general']['totes'][lang] %></a>
                      <a id="tecnoissue" class="dropdown-item" href="#">TecnoAgora</a>
                    </div>
                  </div>
                  <div id="projectIssuesGeneralList"></div>
                  <div id="projectIssuesTecnoList"></div>
                </div>
              </div>
            </div>
          </div>
          <div class="card-footer">
            <div class="row">
              <div class="col text-left">
                <%= strings['infoProj']['compartit_per'][lang] %>: <a class="hiperlinkUsername" href="/userProfile/<%= proj.creator%>"><%= proj.creator%></a>
              </div>
              <div class="col text-right">
                <%= proj.date.getDate() %>/<%= proj.date.getMonth()+1 %>/<%= proj.date.getFullYear() %>
              </div>
            </div>
          </div>
        </div>
        <hr>
        <h5><%= strings['infoProj']['comentaris'][lang] %></h5>
        <form id="addComment" action="/addComment/<%= proj._id %>" method="POST">
          <label for="inputDesc" class="col col-form-label"><%= strings['infoProj']['afegeix_comentari'][lang] %>:</label>
          <div class="col">
            <textarea id="inputDesc" rows="3" class="form-control" name="desc" required></textarea>
            <%if(user=='Usuari'){%>
              <button type="submit" class="btn btn-primary btn-block" data-toggle="modal" data-target="#test_rate"><%= strings['afegir']['afegir_proj'][lang] %></button>
            <%} else {%>
              <button type="submit" class="btn btn-primary btn-block"><%= strings['afegir']['afegir_proj'][lang] %></button>
            <%}%>
          </div>
        </form>
        <div class="card mt-3 shadow-sm">
          <ul id="list-comments" class="list-group list-group-flush">
            <%if(comment.length != 0){%>
              <% for(var i=0; i<comment.length; i++) {%>
                <li class="list-group-item my-1">
                  <div class="row">
                    <div class="col-auto mr-auto">
                    <strong><a class="hiperlinkUsername" href="/userProfile/<%= comment[i].creator%>"><%= comment[i].creator%>:</a></strong>
                    </div>
                    <div class="col-auto text-muted">
                      <%= comment[i].date.getDate() %>/<%= comment[i].date.getMonth()+1 %>/<%= comment[i].date.getFullYear() %>
                    </div>
                  </div>
                  <div class="row">
                    <div class="col">
                      <%= comment[i].body %>
                    </div>
                  </div>
                </li>
              <% } %>
            <% } else {%>
              <div id="empty-comments" class="card-body text-center">
                <%= strings['infoProj']['sense_comentaris'][lang] %>
              </div>
            <% } %>
          </ul>
        </div>
      </div>
      <div class="col"></div>
    </div>
    <div class="modal" id="test_rate" tabindex="-1">
      <div class="modal-dialog">
        <div class="modal-content">
          <form id="logForm_3" class="px-4 py-3" method="Post" action="/login">
            <div id="alertLogInfo_3"></div>
            <div class="form-group">
              <label for="exampleDropdownFormEmail1"><%= strings['menu']['correu'][lang] %></label>
              <input id="inputEmailLog_3" type="email" class="form-control" placeholder="email@example.com" name="email" maxlength="100" required>
            </div>
            <div class="form-group">
              <label for="exampleDropdownFormPassword1"><%= strings['menu']['contrasenya'][lang] %></label>
              <input type="password" class="form-control" id="inputPassLog_3" placeholder="Password" name="pass" maxlength="128" required>
            </div>
            <div class="row">
              <div class="col">
                <div class="form-group">
                  <div class="form-check">
                    <input type="checkbox" class="form-check-input" id="inputRemLog_3" name="remember">
                    <label class="form-check-label" for="dropdownCheck">
                      <%= strings['menu']['recordam'][lang] %>
                    </label>
                  </div>
                </div>
              </div>
              <div class="col text-right">
                <a href="/unirse"><%= strings['menu']['ets_nou_uneixte'][lang] %></a>
              </div>
            </div>
            <button type="submit" class="btn btn-primary"><%= strings['general']['entra'][lang] %></button>
          </form>
        </div>
      </div>
    </div>
  </div>

  <!-- Delete Modal -->
  <div class="modal fade" id="deleteModal" tabindex="-1" role="dialog" aria-labelledby="deleteModalLabel" aria-hidden="true">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title" id="deleteModalLabel"><%= strings['infoProj']['eliminar_proj'][lang] %></h5>
        </div>
        <div class="modal-body">
          <%= strings['infoProj']['eliminar_proj_msg'][lang] %>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-secondary" data-dismiss="modal"><%= strings['general']['cancel'][lang] %></button>
          <form method="POST" action="/deleteProject/<%= proj._id%>">
            <button type="submit" class="btn btn-danger"><%= strings['general']['eliminar'][lang] %></button>
          </form>
        </div>
      </div>
    </div>
  </div>

  <!-- Award Modal -->
  <div class="modal fade" id="awardModal" tabindex="-1" role="dialog" aria-labelledby="deleteModalLabel" aria-hidden="true">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title" id="deleteModalLabel"><%= strings['botiga']['dona_premi'][lang] %></h5>
          <span id="awardPuntsActuals"></span>
        </div>
        <div class="modal-body">
          <div id="alertGiveAward"></div>
          <div class="row">
            <div class="col" id="silverAwardDiv">
              <a type="button" id="silverAward" title="Silver Award">
                <svg version="1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 172 172">
                  <defs>
                    <linearGradient x1="86.00538" y1="18.8125" x2="86.00538" y2="154.92094" gradientUnits="userSpaceOnUse" id="color-silver">
                      <stop class="silverStop_1" offset="0"></stop>
                      <stop class="silverStop_2" offset="1"></stop>
                    </linearGradient>
                    <linearGradient x1="86" y1="53.07813" x2="86" y2="120.27906" gradientUnits="userSpaceOnUse" id="color-silver-2">
                      <stop class="silverStop_3" offset="0"></stop>
                      <stop class="silverStop_4" offset="1"></stop>
                    </linearGradient>
                  </defs>
                  <g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><path d="M0,172v-172h172v172z" fill="none"></path><g><path d="M123.89375,153.1875c-1.376,0 -2.75737,-0.33594 -4.03663,-1.0105l-32.60475,-17.22956c-0.79012,-0.41388 -1.72269,-0.41388 -2.50206,0l-32.61013,17.22956c-2.92131,1.54263 -6.39894,1.29806 -9.07837,-0.63694c-2.67675,-1.93769 -3.99363,-5.16806 -3.43731,-8.428l6.18931,-36.28394c0.17469,-1.04006 -0.16931,-2.09894 -0.91913,-2.83531l-26.17356,-25.64413c-2.34887,-2.3005 -3.17663,-5.676 -2.15806,-8.80425c1.02125,-3.12825 3.6765,-5.36694 6.93375,-5.84263l36.11731,-5.27556c1.0535,-0.15588 1.96187,-0.817 2.43219,-1.77375l16.21369,-33.02131c1.46469,-2.97237 4.429,-4.81869 7.74,-4.81869c0,0 0,0 0.00269,0c3.30831,0 6.27263,1.84631 7.73194,4.81869l16.211,33.01594c0.473,0.95944 1.38675,1.62325 2.44294,1.77913l36.12806,5.27825c3.25188,0.473 5.90444,2.709 6.92569,5.83456c1.01856,3.12556 0.1935,6.49837 -2.15538,8.79619l-26.187,25.65756c-0.7525,0.73637 -1.09381,1.79525 -0.91912,2.83263l6.192,36.28663c0.559,3.25725 -0.75787,6.48762 -3.43462,8.428c-1.50769,1.09113 -3.27069,1.64744 -5.04444,1.64744zM86,129.26069c1.29,0 2.58538,0.31175 3.7625,0.93794l32.60744,17.22956c1.11262,0.58587 2.39187,0.50256 3.41581,-0.24188c1.02394,-0.73906 1.50769,-1.92425 1.29269,-3.16856l-6.192,-36.28931c-0.47569,-2.7735 0.44344,-5.60612 2.45369,-7.57337l26.18431,-25.65487c0.89225,-0.87613 1.19325,-2.107 0.80894,-3.29488c-0.38969,-1.18519 -1.35719,-2.00219 -2.59344,-2.18494l-36.12538,-5.27825c-2.80844,-0.40581 -5.23794,-2.17419 -6.493,-4.72731l-16.211,-33.01594c-0.559,-1.13412 -1.64475,-1.81137 -2.91056,-1.81137v0c-1.26581,0 -2.35425,0.67994 -2.91325,1.81675l-16.21369,33.02131c-1.25238,2.54775 -3.67381,4.31344 -6.47956,4.72194l-36.12,5.27287c-1.23894,0.18006 -2.21181,0.99975 -2.6015,2.19031c-0.38431,1.19056 -0.08331,2.42681 0.81162,3.30294l26.17088,25.64144c2.01025,1.96725 2.92938,4.79988 2.45369,7.57606l-6.18931,36.28394c-0.21231,1.247 0.27412,2.4295 1.29269,3.17394c1.02663,0.73906 2.30319,0.82506 3.41581,0.23919l32.61012,-17.22956c1.17713,-0.62619 2.46981,-0.93794 3.7625,-0.93794z" fill="url(#color-silver)"></path><path d="M88.44294,112.56594l15.75144,8.02756c2.23331,1.13681 4.85094,-0.68263 4.42631,-3.07719l-3.21156,-18.15944c-0.16931,-0.95944 0.15319,-1.93769 0.86269,-2.60688l13.75463,-12.99944c1.79525,-1.69581 0.7955,-4.63325 -1.69313,-4.98262l-18.95225,-2.67137c-0.99438,-0.13975 -1.85169,-0.74175 -2.29244,-1.60981l-8.35006,-16.40719c-1.13681,-2.236 -4.33225,-2.236 -5.46906,0l-8.35275,16.40719c-0.44075,0.86806 -1.30075,1.47006 -2.29244,1.60981l-18.95225,2.66869c-2.48862,0.34938 -3.48569,3.28681 -1.69313,4.98262l13.77613,13.01825c0.69337,0.65575 1.01319,1.61787 0.84656,2.5585l-3.21694,18.189c-0.42463,2.39456 2.19569,4.214 4.42631,3.07719l15.75144,-8.02756c1.52919,-0.77937 3.34594,-0.77937 4.8805,0.00269z" fill="url(#color-silver-2)"></path></g></g>
                </svg>
                <p class="text-center">200 <%= strings['general']['punts'][lang] %></p>
              </a>
            </div>
            <div class="col" id="goldenAwardDiv">
              <a type="button" id="goldenAward" title="Golden Award">
                <svg version="1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 172 172">
                  <defs>
                    <linearGradient x1="86.00538" y1="18.8125" x2="86.00538" y2="154.92094" gradientUnits="userSpaceOnUse" id="color-golden">
                      <stop class="goldenStop_1" offset="0"></stop>
                      <stop class="goldenStop_2" offset="1"></stop>
                    </linearGradient>
                    <linearGradient x1="86" y1="53.07813" x2="86" y2="120.27906" gradientUnits="userSpaceOnUse" id="color-golden-2">
                      <stop class="goldenStop_3" offset="0"></stop>
                      <stop class="goldenStop_4" offset="1"></stop>
                    </linearGradient>
                  </defs>
                  <g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><path d="M0,172v-172h172v172z" fill="none"></path><g><path d="M123.89375,153.1875c-1.376,0 -2.75737,-0.33594 -4.03663,-1.0105l-32.60475,-17.22956c-0.79012,-0.41388 -1.72269,-0.41388 -2.50206,0l-32.61013,17.22956c-2.92131,1.54263 -6.39894,1.29806 -9.07837,-0.63694c-2.67675,-1.93769 -3.99363,-5.16806 -3.43731,-8.428l6.18931,-36.28394c0.17469,-1.04006 -0.16931,-2.09894 -0.91913,-2.83531l-26.17356,-25.64413c-2.34887,-2.3005 -3.17663,-5.676 -2.15806,-8.80425c1.02125,-3.12825 3.6765,-5.36694 6.93375,-5.84263l36.11731,-5.27556c1.0535,-0.15588 1.96187,-0.817 2.43219,-1.77375l16.21369,-33.02131c1.46469,-2.97237 4.429,-4.81869 7.74,-4.81869c0,0 0,0 0.00269,0c3.30831,0 6.27263,1.84631 7.73194,4.81869l16.211,33.01594c0.473,0.95944 1.38675,1.62325 2.44294,1.77913l36.12806,5.27825c3.25188,0.473 5.90444,2.709 6.92569,5.83456c1.01856,3.12556 0.1935,6.49837 -2.15538,8.79619l-26.187,25.65756c-0.7525,0.73637 -1.09381,1.79525 -0.91912,2.83263l6.192,36.28663c0.559,3.25725 -0.75787,6.48762 -3.43462,8.428c-1.50769,1.09113 -3.27069,1.64744 -5.04444,1.64744zM86,129.26069c1.29,0 2.58538,0.31175 3.7625,0.93794l32.60744,17.22956c1.11262,0.58587 2.39187,0.50256 3.41581,-0.24188c1.02394,-0.73906 1.50769,-1.92425 1.29269,-3.16856l-6.192,-36.28931c-0.47569,-2.7735 0.44344,-5.60612 2.45369,-7.57337l26.18431,-25.65487c0.89225,-0.87613 1.19325,-2.107 0.80894,-3.29488c-0.38969,-1.18519 -1.35719,-2.00219 -2.59344,-2.18494l-36.12538,-5.27825c-2.80844,-0.40581 -5.23794,-2.17419 -6.493,-4.72731l-16.211,-33.01594c-0.559,-1.13412 -1.64475,-1.81137 -2.91056,-1.81137v0c-1.26581,0 -2.35425,0.67994 -2.91325,1.81675l-16.21369,33.02131c-1.25238,2.54775 -3.67381,4.31344 -6.47956,4.72194l-36.12,5.27287c-1.23894,0.18006 -2.21181,0.99975 -2.6015,2.19031c-0.38431,1.19056 -0.08331,2.42681 0.81162,3.30294l26.17088,25.64144c2.01025,1.96725 2.92938,4.79988 2.45369,7.57606l-6.18931,36.28394c-0.21231,1.247 0.27412,2.4295 1.29269,3.17394c1.02663,0.73906 2.30319,0.82506 3.41581,0.23919l32.61012,-17.22956c1.17713,-0.62619 2.46981,-0.93794 3.7625,-0.93794z" fill="url(#color-golden)"></path><path d="M88.44294,112.56594l15.75144,8.02756c2.23331,1.13681 4.85094,-0.68263 4.42631,-3.07719l-3.21156,-18.15944c-0.16931,-0.95944 0.15319,-1.93769 0.86269,-2.60688l13.75463,-12.99944c1.79525,-1.69581 0.7955,-4.63325 -1.69313,-4.98262l-18.95225,-2.67137c-0.99438,-0.13975 -1.85169,-0.74175 -2.29244,-1.60981l-8.35006,-16.40719c-1.13681,-2.236 -4.33225,-2.236 -5.46906,0l-8.35275,16.40719c-0.44075,0.86806 -1.30075,1.47006 -2.29244,1.60981l-18.95225,2.66869c-2.48862,0.34938 -3.48569,3.28681 -1.69313,4.98262l13.77613,13.01825c0.69337,0.65575 1.01319,1.61787 0.84656,2.5585l-3.21694,18.189c-0.42463,2.39456 2.19569,4.214 4.42631,3.07719l15.75144,-8.02756c1.52919,-0.77937 3.34594,-0.77937 4.8805,0.00269z" fill="url(#color-golden-2)"></path></g></g>
                </svg>
                <p class="text-center">400 <%= strings['general']['punts'][lang] %></p>
              </a>
            </div>
            <div class="col" id="diamondAwardDiv">
              <a type="button" id="diamondAward" title="Diamond Award">
                <svg version="1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 172 172">
                  <defs>
                    <linearGradient x1="86.00538" y1="18.8125" x2="86.00538" y2="154.92094" gradientUnits="userSpaceOnUse" id="color-diamond">
                      <stop class="diamondStop_1" offset="0"></stop>
                      <stop class="diamondStop_2" offset="1"></stop>
                    </linearGradient>
                    <linearGradient x1="86" y1="53.07813" x2="86" y2="120.27906" gradientUnits="userSpaceOnUse" id="color-diamond-2">
                      <stop class="diamondStop_3" offset="0"></stop>
                      <stop class="diamondStop_4" offset="1"></stop>
                    </linearGradient>
                  </defs>
                  <g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><path d="M0,172v-172h172v172z" fill="none"></path><g><path d="M123.89375,153.1875c-1.376,0 -2.75737,-0.33594 -4.03663,-1.0105l-32.60475,-17.22956c-0.79012,-0.41388 -1.72269,-0.41388 -2.50206,0l-32.61013,17.22956c-2.92131,1.54263 -6.39894,1.29806 -9.07837,-0.63694c-2.67675,-1.93769 -3.99363,-5.16806 -3.43731,-8.428l6.18931,-36.28394c0.17469,-1.04006 -0.16931,-2.09894 -0.91913,-2.83531l-26.17356,-25.64413c-2.34887,-2.3005 -3.17663,-5.676 -2.15806,-8.80425c1.02125,-3.12825 3.6765,-5.36694 6.93375,-5.84263l36.11731,-5.27556c1.0535,-0.15588 1.96187,-0.817 2.43219,-1.77375l16.21369,-33.02131c1.46469,-2.97237 4.429,-4.81869 7.74,-4.81869c0,0 0,0 0.00269,0c3.30831,0 6.27263,1.84631 7.73194,4.81869l16.211,33.01594c0.473,0.95944 1.38675,1.62325 2.44294,1.77913l36.12806,5.27825c3.25188,0.473 5.90444,2.709 6.92569,5.83456c1.01856,3.12556 0.1935,6.49837 -2.15538,8.79619l-26.187,25.65756c-0.7525,0.73637 -1.09381,1.79525 -0.91912,2.83263l6.192,36.28663c0.559,3.25725 -0.75787,6.48762 -3.43462,8.428c-1.50769,1.09113 -3.27069,1.64744 -5.04444,1.64744zM86,129.26069c1.29,0 2.58538,0.31175 3.7625,0.93794l32.60744,17.22956c1.11262,0.58587 2.39187,0.50256 3.41581,-0.24188c1.02394,-0.73906 1.50769,-1.92425 1.29269,-3.16856l-6.192,-36.28931c-0.47569,-2.7735 0.44344,-5.60612 2.45369,-7.57337l26.18431,-25.65487c0.89225,-0.87613 1.19325,-2.107 0.80894,-3.29488c-0.38969,-1.18519 -1.35719,-2.00219 -2.59344,-2.18494l-36.12538,-5.27825c-2.80844,-0.40581 -5.23794,-2.17419 -6.493,-4.72731l-16.211,-33.01594c-0.559,-1.13412 -1.64475,-1.81137 -2.91056,-1.81137v0c-1.26581,0 -2.35425,0.67994 -2.91325,1.81675l-16.21369,33.02131c-1.25238,2.54775 -3.67381,4.31344 -6.47956,4.72194l-36.12,5.27287c-1.23894,0.18006 -2.21181,0.99975 -2.6015,2.19031c-0.38431,1.19056 -0.08331,2.42681 0.81162,3.30294l26.17088,25.64144c2.01025,1.96725 2.92938,4.79988 2.45369,7.57606l-6.18931,36.28394c-0.21231,1.247 0.27412,2.4295 1.29269,3.17394c1.02663,0.73906 2.30319,0.82506 3.41581,0.23919l32.61012,-17.22956c1.17713,-0.62619 2.46981,-0.93794 3.7625,-0.93794z" fill="url(#color-diamond)"></path><path d="M88.44294,112.56594l15.75144,8.02756c2.23331,1.13681 4.85094,-0.68263 4.42631,-3.07719l-3.21156,-18.15944c-0.16931,-0.95944 0.15319,-1.93769 0.86269,-2.60688l13.75463,-12.99944c1.79525,-1.69581 0.7955,-4.63325 -1.69313,-4.98262l-18.95225,-2.67137c-0.99438,-0.13975 -1.85169,-0.74175 -2.29244,-1.60981l-8.35006,-16.40719c-1.13681,-2.236 -4.33225,-2.236 -5.46906,0l-8.35275,16.40719c-0.44075,0.86806 -1.30075,1.47006 -2.29244,1.60981l-18.95225,2.66869c-2.48862,0.34938 -3.48569,3.28681 -1.69313,4.98262l13.77613,13.01825c0.69337,0.65575 1.01319,1.61787 0.84656,2.5585l-3.21694,18.189c-0.42463,2.39456 2.19569,4.214 4.42631,3.07719l15.75144,-8.02756c1.52919,-0.77937 3.34594,-0.77937 4.8805,0.00269z" fill="url(#color-diamond-2)"></path></g></g>
                </svg>
                <p class="text-center">800 <%= strings['general']['punts'][lang] %></p>
              </a>
            </div>
          </div>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-secondary" data-dismiss="modal"><%= strings['general']['cancel'][lang] %></button>
          <button type="button" id="acceptGiveAwardButton" class="btn btn-success"><%= strings['general']['acceptar'][lang] %></button>
        </div>
      </div>
    </div>
  </div>
</main>
<%- include ('../partials/footer') -%>
</body>
</html>
