<div class="panel-group" id="accordion-facets" role="tablist" aria-multiselectable="true">
  <div class="panel panel-primary" data-toggle="istex-tooltip" data-content-text="div.istex-tooltip">
    <div class="panel-heading" role="tab" id="headingOne">
      <h4 class="panel-title">
        <a role="button" data-toggle="collapse" data-parent="#accordion-facets" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne"> Corpus </a>
        <span id="nbCorpusFacet" class="badge pull-right"></span>
      </h4>
    </div>
    <div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
      <div class="panel-body">
        <div id="facetCorpus">
        </div>
      </div>
    </div>
    <div class="istex-tooltip">
      <h5>Corpus</h5>
      <p>Cette facette permet de préciser le <b class="text-primary">corpus éditeur</b> sur lequel porte la requête.</p>
      <p class="alert alert-info"><i class="glyphicon glyphicon-info-sign" aria-hidden="true"></i> Les choix proposés par les facettes dépendent de vos critères de recherche et de recherche avancée</p>
      <div class="references">
        <h6>
          <span class="label label-istex-documentation">ISTEX API Documentation:</span>
        </h6>
        <ul>
          <li>
            <a class="link-external" target="_blank" href="{{ app.apiUrl}}/documentation/300-search.html#recherche-par-corpus">
              Recherche par corpus
            </a>
          </li>
          <li>
            <a class="link-external" target="_blank" href="{{ app.apiUrl}}/documentation/300-search.html#facettes">
              Facettes
            </a>
          </li>
          <li>
            <a class="link-external" target="_blank" href="{{ app.apiUrl}}/corpus/">
              Liste des éditeurs disponible via l'API
            </a>
          </li>
        </ul>
      </div>
      <div data-ng-if="helper.corpus.query">
        <hr>
        <h6 class="h5">Morceau de la requête généré par la facette: </h6>
        <p class="query-chunk">
          <mark data-ng-bind="helper.corpus.query"></mark>
        </p>
      </div>
    </div>
  </div>
  <div class="panel panel-primary" data-toggle="istex-tooltip" data-content-text="div.istex-tooltip">
    <div class="panel-heading" role="tab" id="headingArticle">
      <h4 class="panel-title">
        <a role="button" data-toggle="collapse" data-parent="#accordion-facets" href="#collapseArticle" aria-expanded="false" aria-controls="collapseArticle"> Type d'article </a>
        <span id="nbArticleTypeFacet" class="badge pull-right"></span>
      </h4>
    </div>
    <div id="collapseArticle" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingArticle">
      <div class="panel-body">
        <div id="facetArticleType">
        </div>
      </div>
    </div>
    <div class="istex-tooltip">
      <h5>Type d'article</h5>
      <p>Cette facette permet de préciser le <b class="text-primary">type d'article</b> sur lequel porte la requête.</p>
      <p class="alert alert-info"><i class="glyphicon glyphicon-info-sign" aria-hidden="true"></i> Les choix proposés par les facettes dépendent de vos critères de recherche et de recherche avancée</p>
      <div class="references">
        <h6>
          <span class="label label-istex-documentation">ISTEX API Documentation:</span>
        </h6>
        <ul>
          <li>
            <a class="link-external" target="_blank" href="{{ app.apiUrl}}/documentation/300-search.html#recherche-par-genre">
              Recherche par type d'article (genre)
            </a>
          </li>
          <li>
            <a class="link-external" target="_blank" href="{{ app.apiUrl}}/documentation/300-search.html#facettes">
              Facettes
            </a>
          </li>
        </ul>
      </div>
      <div data-ng-if="helper.articleType.query">
        <hr>
        <h6 class="h5">Morceau de la requête généré par la facette: </h6>
        <p class="query-chunk">
          <mark data-ng-bind="helper.articleType.query"></mark>
        </p>
      </div>
    </div>
  </div>
  <div data-toggle="istex-tooltip" class="panel panel-primary" data-content-text="div.istex-tooltip">
    <div class="panel-heading" role="tab" id="headingTwo">
      <h4 class="panel-title">
        <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion-facets" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
          Copyright
        </a>
      </h4>
    </div>
    <div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
      <div class="panel-body">
        <div class="col-xs-12">
          <label for="amountCopyrightDate" class="col-xs-5">Entre :</label>
          <input type="text" id="amountCopyrightDate" readonly class="col-xs-7 amount">
        </div>
        <div id="slider-range-copyright" class="panel-collapse collapse in col-xs-12"></div>
      </div>
    </div>
    <div class="istex-tooltip">
      <h5>Copyright</h5>
      <p>Cette facette permet de préciser la <b class="text-primary">période de copyright</b> sur laquelle porte la requête.</p>
      <p class="alert alert-info"><i class="glyphicon glyphicon-info-sign" aria-hidden="true"></i> Les choix proposés par les facettes dépendent de vos critères de recherche et de recherche avancée</p>
      <div class="references">
        <h6>
          <span class="label label-istex-documentation">ISTEX API Documentation:</span>
        </h6>
        <ul>
          <li>
            <a class="link-external" target="_blank" href="{{ app.apiUrl}}/documentation/300-search.html#facettes">
              Facettes
            </a>
          </li>
        </ul>
      </div>
      <div data-ng-if="helper.copyrightDate.query">
        <hr>
        <h6 class="h5">Morceau de la requête généré par la facette: </h6>
        <p class="query-chunk">
          <mark data-ng-bind="helper.copyrightDate.query"></mark>
        </p>
      </div>
    </div>
  </div>
  <div data-toggle="istex-tooltip" class="panel panel-primary" data-content-text="div.istex-tooltip">
    <div class="panel-heading" role="tab" id="headingThree">
      <h4 class="panel-title">
        <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion-facets" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
          Publication
        </a>
      </h4>
    </div>
    <div id="collapseThree" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree">
      <div class="panel-body">
        <div class="col-xs-12">
          <label for="amountPubDate" class="col-xs-5">Entre :</label>
          <input type="text" id="amountPubDate" readonly class="col-xs-7 amount">
        </div>
        <div id="slider-range-pubdate" class="panel-collapse collapse in col-xs-12"></div>
      </div>
    </div>
    <div class="istex-tooltip">
      <h5>Publication</h5>
      <p>Cette facette permet de préciser la <b class="text-primary">période de publication</b> sur laquelle porte la requête.</p>
      <p class="alert alert-info"><i class="glyphicon glyphicon-info-sign" aria-hidden="true"></i> Les choix proposés par les facettes dépendent de vos critères de recherche et de recherche avancée</p>
      <div class="references">
        <h6>
          <span class="label label-istex-documentation">ISTEX API Documentation:</span>
        </h6>
        <ul>
          <li>
            <a class="link-external" target="_blank" href="{{ app.apiUrl}}/documentation/300-search.html#facettes">
              Facettes
            </a>
          </li>
        </ul>
      </div>
      <div data-ng-if="helper.pubDate.query">
        <hr>
        <h6 class="h5">Morceau de la requête généré par la facette: </h6>
        <p class="query-chunk">
          <mark data-ng-bind="helper.pubDate.query"></mark>
        </p>
      </div>
    </div>
  </div>
  <div data-toggle="istex-tooltip" class="panel panel-primary" data-content-text="div.istex-tooltip">
    <div class="panel-heading" role="tab" id="headingSix">
      <h4 class="panel-title">
        <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion-facets" href="#collapseSix" aria-expanded="false" aria-controls="collapseSix">
          Langue(s)
        </a>
        <span id="nbLangFacet" class="badge pull-right"></span>
      </h4>
    </div>
    <div id="collapseSix" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingSix">
      <div class="panel-body">
        <div id="facetLang">
          <p class="small"><b>Entrez la langue désirée :</b>
            <br><i class="small">(ex : anglais, français...)</i></p>
          <div class="raw">
            <div class="input-group input-group-sm">
              <input type="text" class="form-control" style="text-align:center" id="languages">
              <span class="input-group-btn">
                <button class="btn btn-default" style="color:red" type="button" id="resetLanguages">X</button>
              </span>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="istex-tooltip">
      <h5>Langue(s)</h5>
      <p>Cette facette permet de préciser la <b class="text-primary">langue du document</b> sur laquelle porte la requête.</p>
      <p class="alert alert-info"><i class="glyphicon glyphicon-info-sign" aria-hidden="true"></i> Les choix proposés par les facettes dépendent de vos critères de recherche et de recherche avancée</p>
      <div class="references">
        <h6>
          <span class="label label-istex-documentation">ISTEX API Documentation:</span>
        </h6>
        <ul>
          <li>
            <a class="link-external" target="_blank" href="{{ app.apiUrl}}/documentation/300-search.html#facettes">
              Facettes
        	</a>
          </li>
        </ul>
      </div>
      <div data-ng-if="helper.lang.query">
        <hr>
        <h6 class="h5">Morceau de la requête généré par la facette: </h6>
        <p class="query-chunk">
          <mark data-ng-bind="helper.lang.query"></mark>
        </p>
      </div>
    </div>
  </div>
  <div data-toggle="istex-tooltip" class="panel panel-primary" data-content-text="div.istex-tooltip">
    <div class="panel-heading" role="tab" id="headingFive">
      <h4 class="panel-title">
        <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion-facets" href="#collapseFive" aria-expanded="false" aria-controls="collapseFive">
          Catégorie(s) WOS
        </a>
        <span id="nbWOSFacet" class="badge pull-right"></span>
      </h4>
    </div>
    <div id="collapseFive" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingFive">
      <div class="panel-body">
        <div id="facetWos">
          <p class="small"><b>Entrez la catégorie WOS désirée :</b>
            <br><i class="small">(ex : MEDICINE, GENERAL & INTERNAL...)</i>
          </p>
          <div class="raw">
            <div class="input-group input-group-sm">
              <input type="text" class="form-control" style="text-align:center" id="wosCategories">
              <span class="input-group-btn">
                <button class="btn btn-default" style="color:red" type="button" id="resetWos">X</button>
              </span>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="istex-tooltip">
      <h5>Catégorie(s) WOS</h5>
      <p>Cette facette permet de préciser la <b class="text-primary">catégorie Web Of Science (WOS)</b> sur laquelle porte la requête.</p>
      <p class="alert alert-info"><i class="glyphicon glyphicon-info-sign" aria-hidden="true"></i> Les choix proposés par les facettes dépendent de vos critères de recherche et de recherche avancée</p>
      <div class="references">
        <h6>
          <span class="label label-istex-documentation">ISTEX API Documentation:</span>
        </h6>
        <ul>
          <li>
            <a class="link-external" target="_blank" href="{{ app.apiUrl}}/documentation/300-search.html#facettes">
              Facettes
            </a>
          </li>
        </ul>
        <h6>
          <span class="label label-istex-documentation">
            Liens externes:
          </span>
        </h6>
        <ul>
          <li>
            <a class="link-external" target="_blank" href="http://thomsonreuters.com/thomson-reuters-web-of-science/">
              Site officiel du Web Of Science
            </a>
          </li>
          <li>
            <a class="link-external" target="_blank" href="https://fr.wikipedia.org/wiki/Web_of_Science">
              Web Of Science sur Wikipédia
            </a>
          </li>
        </ul>
      </div>
      <div data-ng-if="helper.WOS.query">
        <hr>
        <h6 class="h5">Morceau de la requête généré par la facette: </h6>
        <p class="query-chunk">
          <mark data-ng-bind="helper.WOS.query"></mark>
        </p>
      </div>
    </div>
  </div>
  <div data-toggle="istex-tooltip" class="panel panel-primary" data-content-text="div.istex-tooltip">
    <div class="panel-heading" role="tab" id="headingFour">
      <h4 class="panel-title">
        <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion-facets" href="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
          Qualité
        </a>
      </h4>
    </div>
    <div id="collapseFour" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingFour">
      <div class="panel-body">
        <div class="panel panel-info">
          <div class="panel-heading">Score</div>
          <div class="panel-body">
            <label for="amountScore" class="col-xs-5">Entre :</label>
            <input type="text" id="amountScore" readonly class="col-xs-7 amount">
            <div id="slider-range-score" class="panel-collapse collapse in col-xs-12"></div>
          </div>
        </div>
        <div class="panel panel-info">
          <div class="panel-heading">Nombre de mots</div>
          <div class="panel-body">
            <label for="amountPDFWordCount" class="col-xs-5">Entre :</label>
            <input type="text" id="amountPDFWordCount" readonly class="col-xs-7 amount">
            <div id="slider-range-PDFWordCount" class="panel-collapse collapse in col-xs-12"></div>
          </div>
        </div>
        <div class="panel panel-info">
          <div class="panel-heading">Nombre de caractères</div>
          <div class="panel-body">
            <label for="amountPDFCharCount" class="col-xs-5">Entre :</label>
            <input type="text" id="amountPDFCharCount" readonly class="col-xs-7 amount">
            <div id="slider-range-PDFCharCount" class="panel-collapse collapse in col-xs-12"></div>
          </div>
        </div>
        <div class="panel panel-info">
          <div class="panel-heading">Version du PDF</div>
          <div class="panel-body">
            <div id="facetPDFVersion">
            </div>
          </div>
        </div>
        <div class="panel panel-info">
          <div class="panel-heading">Références citées natives</div>
          <div class="panel-body" style="padding-left:0;">
            <div id="facetRefBibsNative">
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="istex-tooltip">
      <h5>Qualité</h5>
      <p>Cet ensemble de facettes permet de préciser la <b class="text-primary">qualité du document</b> souhaitée sur laquelle porte la requête. La qualité porte sur le nombre de mots et de caractères dans le texte, ou sur la version du PDF proposé par l'éditeur.</p>
      <p class="alert alert-info"><i class="glyphicon glyphicon-info-sign" aria-hidden="true"></i> Les choix proposés par les facettes dépendent de vos critères de recherche et de recherche avancée</p>
      <div class="references">
        <h6>
          <span class="label label-istex-documentation">ISTEX API Documentation:</span>
        </h6>
        <ul>
          <li>
            <a class="link-external" target="_blank" href="{{ app.apiUrl}}/documentation/300-search.html#facettes">
              Facettes
            </a>
          </li>
        </ul>
      </div>
      <div data-ng-if="helper.score.query">
        <hr>
        <h6 class="h5">Morceau de la requête généré par la facette: </h6>
        <p class="query-chunk">
          <mark class="" data-ng-bind="helper.quality.query"></mark>
        </p>
      </div>
    </div>
  </div>
</div>
<!--.panel-group-->