@extends ("layouts.admin", ['page'=> 'traductions'])

@section('content')
  <div id="traductions" v-cloak>
    <div class="content">
      <h1>Gestion des Traductions</h1>
    </div>

    <add-section-with-liste 
      button-text="Ajouter une traduction"
      route-create="/admin/traductions"
      titre="Clé de la nouvelle entrée"
      liste-titre="Zone de traduction"
      liste-url="/api/zones">
    </add-section-with-liste>

    <div class="zones" v-for="(traductions, key) in byZone">
      <zone
        :key-name="key"
        :traductions="traductions">
      </zone>
    </div>
  </div>

@endsection