<template>
    <ul class="nav justify-content-between py-4">
        <li class="nav-item">
<!--            <a class="nav-link" href="{{route('vzdelavanie.kniznica.ucebnica.sekcia.show', ['id' => $sekcia->ucebnica->getKey(), 'sekciaId' => ($sekcia->getPrevSibling()) ? $sekcia->getPrevSibling()->getKey() : $sekcia->getKey()])}}">-->
<!--                <i class="fa fa-2x fa-arrow-left"></i>-->
<!--            </a>-->
            <a class="nav-link" href="#">
                <i class="fa fa-2x fa-arrow-left"></i>
            </a>
        </li>
        <li class="nav-item">
<!--            <a class="nav-link" href="{{route('vzdelavanie.kniznica.ucebnica.sekcia.show', ['id' => $sekcia->ucebnica->getKey(), 'sekciaId' => ($sekcia->parent()->get()->first()) ? $sekcia->parent()->get()->first()->getKey() : $sekcia->getKey()])}}">-->
<!--                <i class="fa fa-2x fa-arrow-up"></i>-->
<!--            </a>-->
            <a class="nav-link" href="#">
                <i class="fa fa-2x fa-arrow-up"></i>
            </a>
        </li>
        <li class="nav-item">
<!--            <a class="nav-link" href="{{route('vzdelavanie.kniznica.ucebnica.sekcia.show', ['id' => $sekcia->ucebnica->getKey(), 'sekciaId' => ($sekcia->getNextSibling()) ? $sekcia->getNextSibling()->getKey() : $sekcia->getKey()])}}">-->
<!--                <i class="fa fa-2x fa-arrow-right"></i>-->
<!--            </a>-->
            <a class="nav-link" href="#">
                <i class="fa fa-2x fa-arrow-right"></i>
            </a>
        </li>
    </ul>
</template>

<script>
  export default {
    name: 'NavigaciaComponent',
    props: {
      sekcia: {
        required: true,
        type: Object,
        default: function () {
          return {
            nazov: null,
          }
        },
      },
    },
    methods: {
      isRoot () {
        return this.sekcia.parent_id === null
      },
      isLeaf () {
        return this.sekcia._lft + 1 === this.sekcia._rgt
      },
    },
  }
</script>

<style scoped>

</style>