<div class="mx-0 px-0" style="width: 100%; height:500px; overflow-y:auto;">
  <ul class="nav nav-tabs md-tabs tabs-left b-none" role="tablist" style="width: 5%; min-width: 50px">
    <li class="nav-item" title="Personnels Enseignants" style="width: 50px">
      <a class="nav-link active pl-0" data-toggle="tab" href="#chapter4_1" role="tab">A</a>
      <div class="slide"></div>
    </li>
    <li class="nav-item" title="Personnels Administratifs" style="width: 50px">
      <a class="nav-link pl-0" data-toggle="tab" href="#chapter4_2" role="tab">B</a>
      <div class="slide"></div>
    </li>
  </ul>
  <!-- Tab panes -->
  <div class="tab-content tabs-left-content card-body p-0 m-0" style="width: 95%; min-width: 1100px">
      <div class="tab-pane active" id="chapter4_1" role="tabpanel">
        <p class="m-0" style="width: 100%">
          <div class="card-header my-0 pb-0">
            <div class="d-flex justify-content-between">
              <h5>Personnel Enseignant</h5>
              <span id="A">
                <i class="fas fa-coins mx-0" style="font-size: 20px"></i>
              </span>
            </div>
            <hr class="mt-0 pt-0">
          </div>
          <div class="card-block">
            @livewire('chapter4.enseignant', ['school' => auth()->user()->school_id])
          </div>
        </p>
      </div>
      <div class="tab-pane" id="chapter4_2" role="tabpanel">
        <p class="m-0" style="width: 100%">
          <div class="card-header my-0 pb-0">
            <div class="d-flex justify-content-between">
              <h5>Personnel Administratif</h5>
              <span id="A">
                <i class="fas fa-clone mx-0" style="font-size: 20px"></i>
              </span>
            </div>
            <hr class="mt-0 pt-0">
          </div>
          <div class="card-block">
            <section class="mb-2">
              @livewire('chapter4.caisse', ['school' => auth()->user()->school_id])
            </section>

            <section class="mb-2">
              @livewire('chapter4.educateur', ['school' => auth()->user()->school_id])
            </section>

            <section class="mb-2">
              @livewire('chapter4.directeur_etd', ['school' => auth()->user()->school_id])
            </section>

            <section class="mb-2">
              @livewire('chapter4.directeur_gnl', ['school' => auth()->user()->school_id])
            </section>
          </div>
        </p>
      </div>
  </div>
</div>