<template>
  <div class="ui grey segment">
    <h3 class="ui header">
      Paramètres du projet
    </h3>
    <div class="ui five stackable cards">
      <div class="card">
        <div class="center aligned content">
          <h4 class="ui center aligned icon header">
            <em class="disabled grey archive icon" />
            <div class="content">
              Délai avant archivage automatique
            </div>
          </h4>
        </div>
        <div class="center aligned extra content">
          {{ project.archive_feature }} jours
        </div>
      </div>
      <div class="card">
        <div class="content">
          <h4 class="ui center aligned icon header">
            <em class="disabled grey trash alternate icon" />
            <div class="content">
              Délai avant suppression automatique
            </div>
          </h4>
        </div>
        <div class="center aligned extra content">
          {{ project.delete_feature }} jours
        </div>
      </div>
      <div class="card">
        <div class="content">
          <h4 class="ui center aligned icon header">
            <em class="disabled grey eye icon" />
            <div class="content">
              Visibilité des signalements publiés
            </div>
          </h4>
        </div>
        <div class="center aligned extra content">
          {{ project.access_level_pub_feature }}
        </div>
      </div>
      <div class="card">
        <div class="content">
          <h4 class="ui center aligned icon header">
            <em class="disabled grey eye icon" />
            <div class="content">
              Visibilité des signalements archivés
            </div>
          </h4>
        </div>
        <div class="center aligned extra content">
          {{ project.access_level_arch_feature }}
        </div>
      </div>
      <div class="card">
        <div class="content">
          <h4 class="ui center aligned icon header">
            <em class="disabled grey cogs icon" />
            <div class="content">
              Modération
            </div>
          </h4>
        </div>
        <div class="center aligned extra content">
          {{ project.moderation ? "Oui" : "Non" }}
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  
  name: 'ProjectParameters',

  props: {
    project: {
      type: Object,
      default: () => {
        return {};
      }
    }
  }

};
</script>