<!DOCTYPE html>
<html lang="fr">

<head>
  <%- include('./../_partials/head', {pathDepth: '/../' }) %>
</head>

<body class="l-tableaux-de-bord" id="top">

  <%- include('./../_partials/skip-links') %>

  <%- include('./../_sections/header', {pathDepth: './..', currentItem: 'tableaux-de-bord-prives'}) %>

  <main id="main" role="main" class="s-main" tabindex="-1">

    <section>
      <div class="container">
        <div class="row">
          <div class="col-12">
            <nav class="c-breadcrumb" aria-label="breadcrumb">
              <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="/">Accueil</a></li>
                <li class="breadcrumb-item active" aria-current="page">Tableaux de bord privés</li>
              </ol>
            </nav>
          </div>
        </div>
      </div>
    </section>

    <section class="s-section mb-0">
      <div class="s-section__container container">
        <div class="row mb-1">
          <div class="col-12 col-lg-11">
            <h1 class="h1"><strong>Tableaux de bord privés</strong></h1>
            <p>Les tableaux de bord privés que nous déployons sont des outils de pilotage co-construits avec et pour les acteurs de l’inclusion en fonction de leurs besoins. Nous sommes pour l’instant contraint techniquement de vous afficher ces tableaux de bord via votre compte sur Les emplois de l’inclusion.</p>
            <p class="h3">Cliquez sur le lien correspondant à votre rôle pour être redirigé correctement et pouvoir les consulter.</p>
          </div>
        </div>
      </div>
    </section>

    <section class="s-section mt-md-6">
      <div class="s-section__container container">
        <div class="s-section__row row row-cols-1 row-cols-md-2 row-cols-lg-3">
          <div class="col mb-3 mb-md-5">
            <div class="card c-card c-card--emploi has-one-link-inside h-100 w-100">
              <div class="card-header">
                <h3 class="h3">Institutions partenaires</h3>
              </div>
              <div class="card-body">
                <p>Je travaille pour la DGEFP, une DREETS, une DDETS</p>
              </div>
              <div class="card-footer text-end">
                <a href="https://emplois.inclusion.beta.gouv.fr/login/labor_inspector" target="_blank" class="btn btn-ico btn-link stretched-link">
                  <span>Accéder à mes statistiques</span>
                  <i class="ri-external-link-line ri-lg" aria-hidden="true"></i>
                </a>
              </div>
            </div>
          </div>
          <div class="col mb-3 mb-md-5">
            <div class="card c-card c-card--emploi has-one-link-inside h-100 w-100">
              <div class="card-header">
                <h3 class="h3">Prescripteurs</h3>
              </div>
              <div class="card-body">
                <p>Je travaille pour un Conseil Départemental ou un Pôle emploi</p>
              </div>
              <div class="card-footer text-end">
                <a href="https://emplois.inclusion.beta.gouv.fr/login/prescriber" target="_blank" class="btn btn-ico btn-link stretched-link">
                  <span>Accéder à mes statistiques</span>
                  <i class="ri-external-link-line ri-lg" aria-hidden="true"></i>
                </a>
              </div>
            </div>
          </div>
          <div class="col mb-3 mb-md-5">
            <div class="card c-card c-card--emploi has-one-link-inside h-100 w-100">
              <div class="card-header">
                <h3 class="h3">Employeur solidaire</h3>
              </div>
              <div class="card-body">
                <p>Je travaille pour une SIAE, GEIQ, EA, …</p>
              </div>
              <div class="card-footer text-end">
                <a href="https://emplois.inclusion.beta.gouv.fr/login/siae_staff" target="_blank" class="btn btn-ico btn-link stretched-link">
                  <span>Accéder à mes statistiques</span>
                  <i class="ri-external-link-line ri-lg" aria-hidden="true"></i>
                </a>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>

  </main>

  <%- include('./../_sections/footer', {pathDepth: './..'}) %>

  <%- include('./../_partials/footer-scripts', {pathDepth: './..', hasTracking: false }) %>
</body>

</html>
