@extends('layouts.app', ['class' => 'g-sidenav-show bg-gray-100'])

@section('content')
@include('layouts.navbars.auth.sidenav', ['title' => 'Categorías'])

<div class="container-fluid py-4">
    <div class="alert alert-success">
        
        @auth
            <p>Usuario autenticado: {{ auth()->user()->name }}</p>
        @else
            <p class="text-danger">No estás autenticado</p>
        @endauth
    </div>
    
    @if($categorias->count() > 0)
        <div class="card">
            <div class="card-body">
                <h5>Total de categorías: {{ $categorias->total() }}</h5>
                <ul class="list-group">
                    @foreach($categorias as $categoria)
                        <li class="list-group-item">
                            {{ $categoria->nombre }} - 
                            <span class="badge bg-{{ $categoria->estado == 1 ? 'success' : 'danger' }}">
                                {{ $categoria->estado == 1 ? 'Activo' : 'Inactivo' }}
                            </span>
                        </li>
                    @endforeach
                </ul>
                <div class="mt-3">
                    {{ $categorias->links() }}
                </div>
            </div>
        </div>
    @else
        <div class="alert alert-warning">
            No hay categorías registradas
        </div>
    @endif
</div>
@endsection