@extends('layouts.sidebar-secondary')

@section('sidebar-title', 'Biblioteca')

@section('sidebar-content')
    @can('access', 'library.books.create')
        <x-sidebar.button
            :url="route('library.books.create')"
            color="bg-indigo-400"
        >
            Nuevo Libro
        </x-sidebar.button>
        <x-sidebar.button
            :url="route('library.authors.create')"
            color="bg-purple"
        >
            Nuevo Autor
        </x-sidebar.button>
    @endcan
    <x-sidebar.nav>
        <x-sidebar.header>Listados</x-sidebar.header>
        @can('access', 'library.books.index')
            <x-sidebar.item
                :is-active="request()->routeIs('library.books.*')"
                :url="route('library.books.index')"
                icon="mi-library-books"
                title="Libros"
            >
                Libros
            </x-sidebar.item>
        @endcan
        @can('access', 'library.authors.index')
            <x-sidebar.item
                :is-active="request()->routeIs('library.authors.*')"
                :url="route('library.authors.index')"
                icon="fas fa-feather"
                title="Autores"
            >
                Autores
            </x-sidebar.item>
        @endcan

        <x-sidebar.header>Ajustes</x-sidebar.header>
        @can('access', 'library.genres.index')
            <x-sidebar.item
                :is-active="request()->routeIs('library.genres.*')"
                :url="route('library.genres.index')"
                icon="mi-style"
                title="Géneros"
            >
                G&eacute;neros
            </x-sidebar.item>
        @endcan
        @can('access', 'library.nationalities.index')
            <x-sidebar.item
                :is-active="request()->routeIs('library.nationalities.*')"
                :url="route('library.nationalities.index')"
                icon="fas fa-globe"
                title="Nacionalidades"
            >
                Nacionalidades
            </x-sidebar.item>
        @endcan
    </x-sidebar.nav>
@endsection